作者 小范

代理人5个界面样式更新

... ... @@ -24,7 +24,7 @@ module.exports = {
},
dev: {
env: require('./dev.env'),
port: 12020,
port: 12022,
autoOpenBrowser: true,
assetsSubDirectory: 'static',
assetsPublicPath: '/',
... ...
... ... @@ -7,16 +7,18 @@
<el-input v-model="filters.companyName" placeholder="关键字查询"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" v-on:click="getConsigner()">查询</el-button>
<el-button type="warning" style="width:150px" size="medium" icon="el-icon-plus" v-on:click="getConsigner()">查询</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="companyAdd">新增</el-button>
<el-button type="primary" style="width:150px" size="medium" icon="el-icon-plus" @click="companyAdd">新增</el-button>
</el-form-item>
</el-form>
</el-col>
<!--列表-->
<el-table :data="consignerList" highlight-current-row v-loading="listLoading" @selection-change="selsChange" style="width: 100%;">
<el-table :data="consignerList" highlight-current-row v-loading="listLoading" @selection-change="selsChange"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;" size="small">
<el-table-column type="selection" width="55">
</el-table-column>
<el-table-column label="序号" type="index">
... ... @@ -33,49 +35,100 @@
</el-table-column>
<el-table-column label="操作" min-width="150">
<template slot-scope="scope">
<el-button size="small" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
<el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删除</el-button>
<el-button type="primary" icon="el-icon-edit" size="mini" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
<el-button type="danger" icon="el-icon-delete" size="mini" @click="handleDel(scope.$index, scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<!--编辑界面-->
<el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false">
<el-form :model="editForm" label-width="100px" :rules="editFormRules" ref="editForm">
<el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false" width="60%" text-align="center" tyle="margin-top: -20px">
<el-form :model="editForm" :rules="editFormRules" ref="editForm" label-width="145px" style="margin-top: -10px">
<el-row>
<el-col :span="4">
<el-form-item label="ID">
<span>{{editForm.id}}</span>
</el-form-item>
<el-form-item label="公司" prop="companyName">
<el-input v-model="editForm.companyName" auto-complete="on" placeholder="公司"></el-input>
</el-col>
</el-row>
<el-row>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="companyName">
<el-input v-model="editForm.companyName" auto-complete="on" placeholder="公司" style="width:300px" size="small">
<template slot="prepend" >公司</template>
</el-input>
</el-form-item>
<el-form-item label="收货人名称" prop="conName">
<el-input v-model="editForm.conName" auto-complete="on" placeholder="收货人名称"></el-input>
</el-col>
<el-col :span="8">
<el-form-item label="" prop="conAddress">
<el-input v-model="editForm.conAddress" auto-complete="on" placeholder="地址" style="width:300px" size="small">
<template slot="prepend" >地址</template>
</el-input>
</el-form-item>
<el-form-item label="电话" prop="conPhone">
<el-input v-model="editForm.conPhone" auto-complete="on" placeholder="电话"></el-input>
</el-col>
</el-row>
<el-row>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="conPhone">
<el-input v-model="editForm.conPhone" auto-complete="on" placeholder="电话" style="width:300px" size="small">
<template slot="prepend" >电话</template>
</el-input>
</el-form-item>
<el-form-item label="传真" prop="conFax">
<el-input v-model="editForm.conFax" auto-complete="on" placeholder="传真"></el-input>
</el-col>
<el-col :span="8">
<el-form-item label="" prop="conFax">
<el-input v-model="editForm.conFax" auto-complete="on" placeholder="传真" style="width:300px" size="small">
<template slot="prepend" >传真</template>
</el-input>
</el-form-item>
<el-form-item label="国家代码" prop="country">
<el-input v-model="editForm.country" auto-complete="on" placeholder="国家代码"></el-input>
</el-col>
</el-row>
<el-row>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="conPostcode">
<el-input v-model="editForm.conPostcode" auto-complete="on" placeholder="邮编" style="width:300px" size="small">
<template slot="prepend" >邮编</template>
</el-input>
</el-form-item>
<el-form-item label="城市" prop="conCity">
<el-input v-model="editForm.conCity" auto-complete="on" placeholder="城市"></el-input>
</el-col>
<el-col :span="8">
<el-form-item label="" prop="conCity">
<el-input v-model="editForm.conCity" auto-complete="on" placeholder="城市" style="width:300px" size="small">
<template slot="prepend" >城市</template>
</el-input>
</el-form-item>
<el-form-item label="邮编" prop="conPostcode">
<el-input v-model="editForm.conPostcode" auto-complete="on" placeholder="邮编"></el-input>
</el-col>
</el-row>
<el-row>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="country">
<el-input v-model="editForm.country" auto-complete="on" placeholder="国家代码" style="width:300px" size="small">
<template slot="prepend" >国家代码</template>
</el-input>
</el-form-item>
<el-form-item label="地址" prop="conAddress">
<el-input v-model="editForm.conAddress" auto-complete="on" placeholder="地址"></el-input>
</el-col>
<el-col :span="8">
<el-form-item label="" prop="conName">
<el-input v-model="editForm.conName" auto-complete="on" placeholder="收货人名称" style="width:300px" size="small">
<template slot="prepend" >收货人名称</template>
</el-input>
</el-form-item>
<el-form-item label="收货人AEO" prop="conAeo">
<el-input v-model="editForm.conAeo" auto-complete="on" placeholder="收货人AEO"></el-input>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="" prop="conAeo">
<el-input v-model="editForm.conAeo" auto-complete="on" placeholder="收货人AEO" style="width:300px" size="small">
<template slot="prepend" >收货人AEO</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="企业代码" prop="enterprise">
<el-select v-model="editForm.enterprise" placeholder="请选择">
<el-form-item label="" prop="enterprise">
<el-select v-model="editForm.enterprise" placeholder="请选择企业代码" style="width:150px" size="small">
<el-option
v-for="item in options"
:key="item.value"
... ... @@ -85,53 +138,103 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="10">
<el-col :span="6">
<el-form-item label="+" prop="enterprise">
<el-input v-model="editForm.ent"/>
<el-input v-model="editForm.ent" style="width:200px" size="small"/>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click.native="editFormVisible = false">取消</el-button>
<el-button type="primary" @click.native="editSubmit">提交</el-button>
<div slot="footer" class="dialog-footer" style="text-align: center">
<el-button @click.native="editFormVisible = false" style="width: 120px;background-color: #6F8294;color: #ffffff" size="medium" >取消</el-button>
<el-button type="success" size="medium" style="width: 120px" @click.native="editSubmit">提交</el-button>
</div>
</el-dialog>
<!--新增界面-->
<el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false">
<el-form :model="addForm" label-width="100px" :rules="addFormRules" ref="addForm">
<el-form-item label="公司" prop="companyName">
<el-input v-model="addForm.companyName" auto-complete="on" placeholder="公司"></el-input>
<el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false" tyle="margin-top: -20px"
width="60%" text-align="center">
<el-form :model="addForm" label-width="145px" :rules="addFormRules" ref="addForm" style="margin-top: -10px" >
<el-row>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="companyName">
<el-input v-model="addForm.companyName" auto-complete="on" placeholder="公司" style="width:300px" size="small">
<template slot="prepend" >公司</template>
</el-input>
</el-form-item>
<el-form-item label="收货人名称" prop="conName">
<el-input v-model="addForm.conName" auto-complete="on" placeholder="收货人名称"></el-input>
</el-col>
<el-col :span="8">
<el-form-item label="" prop="conAddress">
<el-input v-model="addForm.conAddress" auto-complete="on" placeholder="地址" style="width:300px" size="small">
<template slot="prepend" >地址</template>
</el-input>
</el-form-item>
<el-form-item label="电话" prop="conPhone">
<el-input v-model="addForm.conPhone" auto-complete="on" placeholder="电话"></el-input>
</el-col>
</el-row>
<el-row>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="conPhone">
<el-input v-model="addForm.conPhone" auto-complete="on" placeholder="电话" style="width:300px" size="small">
<template slot="prepend" >电话</template>
</el-input>
</el-form-item>
<el-form-item label="传真" prop="conFax">
<el-input v-model="addForm.conFax" auto-complete="on" placeholder="传真"></el-input>
</el-col>
<el-col :span="8">
<el-form-item label="" prop="conFax">
<el-input v-model="addForm.conFax" auto-complete="on" placeholder="传真" style="width:300px" size="small">
<template slot="prepend" >传真</template>
</el-input>
</el-form-item>
<el-form-item label="国家代码" prop="country">
<el-input v-model="addForm.country" auto-complete="on" placeholder="国家代码"></el-input>
</el-col>
</el-row>
<el-row>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="conPostcode">
<el-input v-model="addForm.conPostcode" auto-complete="on" placeholder="邮编" style="width:300px" size="small">
<template slot="prepend" >邮编</template>
</el-input>
</el-form-item>
<el-form-item label="城市" prop="conCity">
<el-input v-model="addForm.conCity" auto-complete="on" placeholder="城市"></el-input>
</el-col>
<el-col :span="8">
<el-form-item label="" prop="conCity">
<el-input v-model="addForm.conCity" auto-complete="on" placeholder="城市" style="width:300px" size="small">
<template slot="prepend" >城市</template>
</el-input>
</el-form-item>
<el-form-item label="邮编" prop="conPostcode">
<el-input v-model="addForm.conPostcode" auto-complete="on" placeholder="邮编"></el-input>
</el-col>
</el-row>
<el-row>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="country">
<el-input v-model="addForm.country" auto-complete="on" placeholder="国家代码" style="width:300px" size="small">
<template slot="prepend" >国家代码</template>
</el-input>
</el-form-item>
<el-form-item label="地址" prop="conAddress">
<el-input v-model="addForm.conAddress" auto-complete="on" placeholder="地址"></el-input>
</el-col>
<el-col :span="8">
<el-form-item label="" prop="conAddress">
<el-form-item label="" prop="conName">
<el-input v-model="addForm.conName" auto-complete="on" placeholder="收货人名称" style="width:300px" size="small">
<template slot="prepend" >收货人名称</template>
</el-input>
</el-form-item>
<el-form-item label="收货人AEO" prop="conAeo">
<el-input v-model="addForm.conAeo" auto-complete="on" placeholder="收货人AEO"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="" prop="conAeo">
<el-input v-model="addForm.conAeo" auto-complete="on" placeholder="收货人AEO" style="width:300px" size="small">
<template slot="prepend" >收货人AEO</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="企业代码" prop="enterprise">
<el-select v-model="addForm.enterprise" placeholder="请选择">
<el-form-item label="" prop="enterprise">
<el-select v-model="addForm.enterprise" placeholder="请选择企业代码" style="width:150px" size="small">
<el-option
v-for="item in options"
:key="item.value"
... ... @@ -141,16 +244,16 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="10">
<el-col :span="6">
<el-form-item label="+" prop="enterprise">
<el-input v-model="addForm.ent"/>
<el-input v-model="addForm.ent" style="width:200px" size="small"/>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click.native="addFormVisible = false">取消</el-button>
<el-button type="primary" @click.native="addSubmit">提交</el-button>
<div slot="footer" class="dialog-footer" style="text-align: center">
<el-button style="width: 120px;background-color: #6F8294;color: #ffffff" size="medium" @click.native="addFormVisible = false">取消</el-button>
<el-button type="success" size="medium" style="width: 120px" @click.native="addSubmit">提交</el-button>
</div>
</el-dialog>
</section>
... ...
... ... @@ -7,16 +7,18 @@
<el-input v-model="filters.companyName" placeholder="关键字查询"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" v-on:click="getConsigner()">查询</el-button>
<el-button type="warning" style="width:150px" size="medium" icon="el-icon-plus" v-on:click="getConsigner()">查询</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="companyAdd">新增</el-button>
<el-button type="primary" style="width:150px" size="medium" icon="el-icon-plus" @click="companyAdd">新增</el-button>
</el-form-item>
</el-form>
</el-col>
<!--列表-->
<el-table :data="consignerList" highlight-current-row v-loading="listLoading" @selection-change="selsChange" style="width: 100%;">
<el-table :data="consignerList" highlight-current-row v-loading="listLoading" @selection-change="selsChange"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;" size="small">
<el-table-column type="selection" width="55">
</el-table-column>
<el-table-column label="序号" type="index">
... ... @@ -33,49 +35,100 @@
</el-table-column>
<el-table-column label="操作" min-width="150">
<template slot-scope="scope">
<el-button size="small" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
<el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删除</el-button>
<el-button type="primary" icon="el-icon-edit" size="mini" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
<el-button type="danger" icon="el-icon-delete" size="mini" @click="handleDel(scope.$index, scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<!--编辑界面-->
<el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false">
<el-form :model="editForm" label-width="100px" :rules="editFormRules" ref="editForm">
<el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false" width="60%" text-align="center" tyle="margin-top: -20px">
<el-form :model="editForm" :rules="editFormRules" ref="editForm" label-width="145px" style="margin-top: -10px">
<el-row>
<el-col :span="4">
<el-form-item label="ID">
<span>{{editForm.id}}</span>
</el-form-item>
<el-form-item label="公司" prop="companyName">
<el-input v-model="editForm.companyName" auto-complete="on" placeholder="公司"></el-input>
</el-col>
</el-row>
<el-row>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="companyName">
<el-input v-model="editForm.companyName" auto-complete="on" placeholder="公司" style="width:300px" size="small">
<template slot="prepend" >公司</template>
</el-input>
</el-form-item>
<el-form-item label="发货人名称" prop="conName">
<el-input v-model="editForm.conName" auto-complete="on" placeholder="发货人名称"></el-input>
</el-col>
<el-col :span="8">
<el-form-item label="" prop="conAddress">
<el-input v-model="editForm.conAddress" auto-complete="on" placeholder="地址" style="width:300px" size="small">
<template slot="prepend" >地址</template>
</el-input>
</el-form-item>
<el-form-item label="电话" prop="conPhone">
<el-input v-model="editForm.conPhone" auto-complete="on" placeholder="电话"></el-input>
</el-col>
</el-row>
<el-row>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="conPhone">
<el-input v-model="editForm.conPhone" auto-complete="on" placeholder="电话" style="width:300px" size="small">
<template slot="prepend" >电话</template>
</el-input>
</el-form-item>
<el-form-item label="传真" prop="conFax">
<el-input v-model="editForm.conFax" auto-complete="on" placeholder="传真"></el-input>
</el-col>
<el-col :span="8">
<el-form-item label="" prop="conFax">
<el-input v-model="editForm.conFax" auto-complete="on" placeholder="传真" style="width:300px" size="small">
<template slot="prepend" >传真</template>
</el-input>
</el-form-item>
<el-form-item label="国家代码" prop="country">
<el-input v-model="editForm.country" auto-complete="on" placeholder="国家代码"></el-input>
</el-col>
</el-row>
<el-row>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="conPostcode">
<el-input v-model="editForm.conPostcode" auto-complete="on" placeholder="邮编" style="width:300px" size="small">
<template slot="prepend" >邮编</template>
</el-input>
</el-form-item>
<el-form-item label="城市" prop="conCity">
<el-input v-model="editForm.conCity" auto-complete="on" placeholder="城市"></el-input>
</el-col>
<el-col :span="8">
<el-form-item label="" prop="conCity">
<el-input v-model="editForm.conCity" auto-complete="on" placeholder="城市" style="width:300px" size="small">
<template slot="prepend" >城市</template>
</el-input>
</el-form-item>
<el-form-item label="邮编" prop="conPostcode">
<el-input v-model="editForm.conPostcode" auto-complete="on" placeholder="邮编"></el-input>
</el-col>
</el-row>
<el-row>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="country">
<el-input v-model="editForm.country" auto-complete="on" placeholder="国家代码" style="width:300px" size="small">
<template slot="prepend" >国家代码</template>
</el-input>
</el-form-item>
<el-form-item label="地址" prop="conAddress">
<el-input v-model="editForm.conAddress" auto-complete="on" placeholder="地址"></el-input>
</el-col>
<el-col :span="8">
<el-form-item label="" prop="conName">
<el-input v-model="editForm.conName" auto-complete="on" placeholder="发货人名称" style="width:300px" size="small">
<template slot="prepend" >发货人名称</template>
</el-input>
</el-form-item>
<el-form-item label="发货人AEO" prop="conAeo">
<el-input v-model="editForm.conAeo" auto-complete="on" placeholder="发货人AEO"></el-input>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="" prop="conAeo">
<el-input v-model="editForm.conAeo" auto-complete="on" placeholder="发货人AEO" style="width:300px" size="small">
<template slot="prepend" >发货人AEO</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="企业代码" prop="enterprise">
<el-select v-model="editForm.enterprise" placeholder="请选择">
<el-form-item label="" prop="enterprise">
<el-select v-model="editForm.enterprise" placeholder="请选择企业代码" style="width:150px" size="small">
<el-option
v-for="item in options"
:key="item.value"
... ... @@ -85,53 +138,102 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="10">
<el-col :span="6">
<el-form-item label="+" prop="enterprise">
<el-input v-model="editForm.ent"/>
<el-input v-model="editForm.ent" style="width:200px" size="small"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click.native="editFormVisible = false">取消</el-button>
<el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>
<div slot="footer" class="dialog-footer" style="text-align: center">
<el-button @click.native="editFormVisible = false" style="width: 120px;background-color: #6F8294;color: #ffffff" size="medium" >取消</el-button>
<el-button type="success" size="medium" style="width: 120px" @click.native="editSubmit" :loading="editLoading">提交</el-button>
</div>
</el-dialog>
<!--新增界面-->
<el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false">
<el-form :model="addForm" label-width="100px" :rules="addFormRules" ref="addForm">
<el-form-item label="公司" prop="companyName">
<el-input v-model="addForm.companyName" auto-complete="on" placeholder="公司"></el-input>
<el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false" tyle="margin-top: -20px"
width="60%" text-align="center">
<el-form :model="addForm" label-width="145px" :rules="addFormRules" ref="addForm" style="margin-top: -10px" >
<el-row>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="companyName">
<el-input v-model="addForm.companyName" auto-complete="on" placeholder="公司" style="width:300px" size="small">
<template slot="prepend" >公司</template>
</el-input>
</el-form-item>
<el-form-item label="发货人名称" prop="conName">
<el-input v-model="addForm.conName" auto-complete="on" placeholder="发货人名称"></el-input>
</el-col>
<el-col :span="8">
<el-form-item label="" prop="conAddress">
<el-input v-model="addForm.conAddress" auto-complete="on" placeholder="地址" style="width:300px" size="small">
<template slot="prepend" >地址</template>
</el-input>
</el-form-item>
<el-form-item label="电话" prop="conPhone">
<el-input v-model="addForm.conPhone" auto-complete="on" placeholder="电话"></el-input>
</el-col>
</el-row>
<el-row>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="conPhone">
<el-input v-model="addForm.conPhone" auto-complete="on" placeholder="电话" style="width:300px" size="small">
<template slot="prepend" >电话</template>
</el-input>
</el-form-item>
<el-form-item label="传真" prop="conFax">
<el-input v-model="addForm.conFax" auto-complete="on" placeholder="传真"></el-input>
</el-col>
<el-col :span="8">
<el-form-item label="" prop="conFax">
<el-input v-model="addForm.conFax" auto-complete="on" placeholder="传真" style="width:300px" size="small">
<template slot="prepend" >传真</template>
</el-input>
</el-form-item>
<el-form-item label="国家代码" prop="country">
<el-input v-model="addForm.country" auto-complete="on" placeholder="国家代码"></el-input>
</el-col>
</el-row>
<el-row>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="conPostcode">
<el-input v-model="addForm.conPostcode" auto-complete="on" placeholder="邮编" style="width:300px" size="small">
<template slot="prepend" >邮编</template>
</el-input>
</el-form-item>
<el-form-item label="城市" prop="conCity">
<el-input v-model="addForm.conCity" auto-complete="on" placeholder="城市"></el-input>
</el-col>
<el-col :span="8">
<el-form-item label="" prop="conCity">
<el-input v-model="addForm.conCity" auto-complete="on" placeholder="城市" style="width:300px" size="small">
<template slot="prepend" >城市</template>
</el-input>
</el-form-item>
<el-form-item label="邮编" prop="conPostcode">
<el-input v-model="addForm.conPostcode" auto-complete="on" placeholder="邮编"></el-input>
</el-col>
</el-row>
<el-row>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="country">
<el-input v-model="addForm.country" auto-complete="on" placeholder="国家代码" style="width:300px" size="small">
<template slot="prepend" >国家代码</template>
</el-input>
</el-form-item>
<el-form-item label="地址" prop="conAddress">
<el-input v-model="addForm.conAddress" auto-complete="on" placeholder="地址"></el-input>
</el-col>
<el-col :span="8">
<el-form-item label="" prop="conName">
<el-input v-model="addForm.conName" auto-complete="on" placeholder="发货人名称" style="width:300px" size="small">
<template slot="prepend" >发货人名称</template>
</el-input>
</el-form-item>
<el-form-item label="发货人AEO" prop="conAeo">
<el-input v-model="addForm.conAeo" auto-complete="on" placeholder="发货人AEO"></el-input>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="" prop="conAeo">
<el-input v-model="addForm.conAeo" auto-complete="on" placeholder="发货人AEO" style="width:300px" size="small">
<template slot="prepend" >发货人AEO</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="企业代码" prop="enterprise">
<el-select v-model="addForm.enterprise" placeholder="请选择">
<el-form-item label="" prop="enterprise">
<el-select v-model="addForm.enterprise" placeholder="请选择企业代码" style="width:150px" size="small">
<el-option
v-for="item in options"
:key="item.value"
... ... @@ -141,16 +243,16 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="10">
<el-col :span="6">
<el-form-item label="+" prop="enterprise">
<el-input v-model="addForm.ent"/>
<el-input v-model="addForm.ent" style="width:200px" size="small"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click.native="addFormVisible = false">取消</el-button>
<el-button type="primary" @click.native="addSubmit">提交</el-button>
<div slot="footer" class="dialog-footer" style="text-align: center">
<el-button style="width: 120px;background-color: #6F8294;color: #ffffff" size="medium" @click.native="addFormVisible = false">取消</el-button>
<el-button type="success" size="medium" style="width: 120px" @click.native="addSubmit">提交</el-button>
</div>
</el-dialog>
</section>
... ...
... ... @@ -18,16 +18,17 @@
</el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="getList()">查询</el-button>
<el-button type="warning" style="width:150px" size="medium" icon="el-icon-plus" @click="getList()">查询</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="expressAdd()">新增主单</el-button>
<el-button type="primary" style="width:150px" size="medium" icon="el-icon-plus" @click="expressAdd()">新增主单</el-button>
</el-form-item>
</el-form>
</el-col>
<!--列表-->
<el-table :data="expressDate"
style="width: 100%"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;" size="small"
row-key="id"
border
v-loading="listLoading"
... ... @@ -61,17 +62,27 @@
</el-table-column>
<el-table-column prop="" label="回执内容" width="180px">
</el-table-column>
<el-table-column label="操作" align="center" fixed="right" width="330px">
<el-table-column label="操作" align="center" fixed="right" width="300px">
<template slot-scope="scope" >
<el-button type="primary" size="mini" v-if="scope.row.ext1 == 'awba'" @click="expressAwbhAdd(scope.$index, scope.row)">新增分单</el-button>
<el-button type="primary" size="mini" v-if="scope.row.ext1 == 'awba'" @click="expressEditAwbaAdd(scope.$index, scope.row)">编辑主单</el-button>
<el-button type="primary" size="mini" v-else @click="expressEditAwbhAdd(scope.$index, scope.row)">编辑分单</el-button>
<el-button type="primary" size="mini" v-if="scope.row.ext1 == 'awba'" @click="expressBulidAbwa(scope.$index, scope.row)">发送主单报文</el-button>
<el-button type="primary" size="mini" v-else @click="expressBulidAbwh(scope.$index, scope.row)">发送分单报</el-button>
<br>
<br>
<el-button type="primary" size="mini" v-if="scope.row.ext1 == 'awba'" @click="expressEditBulidAbwa(scope.$index, scope.row)">发送修改主单表头报文</el-button>
<el-button type="primary" size="mini" v-else @click="expressEditBulidAbwh(scope.$index, scope.row)">发送追加表体分单报</el-button>
<el-row>
<el-col :span="5" style="margin-right: 70px">
<el-button type="warning" icon="el-icon-plus" style="width: 110px" size="mini" v-if="scope.row.ext1 == 'awba'" @click="expressAwbhAdd(scope.$index, scope.row)">新增分单</el-button>
</el-col>
<el-col :span="5">
<el-button type="primary" icon="el-icon-edit" style="width: 150px" size="mini" v-if="scope.row.ext1 == 'awba'" @click="expressEditAwbaAdd(scope.$index, scope.row)">编辑主单</el-button>
<el-button type="primary" icon="el-icon-edit" style="width: 110px" size="mini" v-else @click="expressEditAwbhAdd(scope.$index, scope.row)">编辑分单</el-button>
</el-col>
</el-row>
<el-row>
<el-col :span="5" style="margin-right: 70px">
<el-button type="success" icon="el-icon-plus" size="mini" style="width: 110px" v-if="scope.row.ext1 == 'awba'" @click="expressBulidAbwa(scope.$index, scope.row)">发送主单报</el-button>
<el-button type="success" icon="el-icon-plus" size="mini" style="width: 110px" v-else @click="expressBulidAbwh(scope.$index, scope.row)">发送分单报</el-button>
</el-col>
<el-col :span="5">
<el-button type="danger" icon="el-icon-plus" size="mini" style="width: 150px" v-if="scope.row.ext1 == 'awba'" @click="expressEditBulidAbwa(scope.$index, scope.row)">发送修改主单表头报</el-button>
<el-button type="warning" icon="el-icon-plus" size="mini" style="width: 150px" v-else @click="expressEditBulidAbwh(scope.$index, scope.row)">发送追加表体分单报</el-button>
</el-col>
</el-row>
</template>
</el-table-column>
</el-table>
... ... @@ -89,204 +100,259 @@
</el-pagination>
</el-col>
<!--新增主单弹框-->
<el-dialog :title="'快邮舱单'+awbatitle[dialogCommon]" :visible.sync="expressAwbaAddVisible" width="60%">
<el-form :model="expressAwbaAddModel" :rules="expressAwbaRules" ref="expressAwbaAddModel" >
<el-dialog :title="'快邮舱单'+awbatitle[dialogCommon]" :visible.sync="expressAwbaAddVisible" width="80%">
<el-form :model="expressAwbaAddModel" :rules="expressAwbaRules" ref="expressAwbaAddModel" style="margin-left: -50px">
<el-row>
<el-col :span="8">
<el-form-item label="主单号" :label-width="expressAddlWidth" prop="billno">
<el-input style="width: 80%" v-if="dialogCommon == 'add'" v-model="expressAwbaAddModel.billno" autocomplete="off"></el-input>
<el-input style="width: 80%" v-else disabled v-model="expressAwbaAddModel.billno" autocomplete="off"></el-input>
<el-form-item label="" :label-width="expressAddlWidth" prop="billno">
<el-input v-if="dialogCommon == 'add'" v-model="expressAwbaAddModel.billno" autocomplete="off" size="small">
<template slot="prepend" >主单号</template>
</el-input>
<el-input v-else disabled v-model="expressAwbaAddModel.billno" autocomplete="off" size="small">
<template slot="prepend" >主单号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="航班号" :label-width="expressAddlWidth" prop="flightNo">
<el-input style="width: 80%" v-model="expressAwbaAddModel.flightNo" autocomplete="off"></el-input>
<el-form-item label="" :label-width="expressAddlWidth" prop="flightNo">
<el-input v-model="expressAwbaAddModel.flightNo" autocomplete="off" size="small">
<template slot="prepend" >航班号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="航班日期" :label-width="expressAddlWidth" prop="flightDate">
<el-form-item label="" :label-width="expressAddlWidth" prop="flightDate">
<el-date-picker
v-model="expressAwbaAddModel.flightDate"
value-format="yyyy-MM-dd"
type="date"
placeholder="选择日期">
type="date" size="small" style="width: 240px"
placeholder="选择航班日期">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="进出口标志" :label-width="expressAddlWidth" prop="ieflag">
<el-select v-model="expressAwbaAddModel.ieflag" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
<el-form-item label="" :label-width="expressAddlWidth" prop="grosswt">
<el-input v-model="expressAwbaAddModel.grosswt" autocomplete="off" size="small">
<template slot="prepend" >毛重</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="运输工具中文名称" :label-width="expressAddlWidth" prop="trafcnname">
<el-input style="width: 80%" v-model="expressAwbaAddModel.trafcnname" autocomplete="off"></el-input>
<el-form-item label="" :label-width="expressAddlWidth" prop="packno">
<el-input type="number" v-model="expressAwbaAddModel.packno" autocomplete="off" size="small">
<template slot="prepend" >件数</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="运输工具英文名称" :label-width="expressAddlWidth" prop="trafenname">
<el-input style="width: 80%" v-model="expressAwbaAddModel.trafenname" autocomplete="off"></el-input>
<el-form-item label="" :label-width="expressAddlWidth" prop="billnum">
<el-input type="number" v-model="expressAwbaAddModel.billnum" autocomplete="off" size="small">
<template slot="prepend" >分运单总数</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="毛重" :label-width="expressAddlWidth" prop="grosswt">
<el-input style="width: 80%" v-model="expressAwbaAddModel.grosswt" autocomplete="off"></el-input>
<el-form-item label="" :label-width="expressAddlWidth" prop="trafcnname">
<el-input v-model="expressAwbaAddModel.trafcnname" autocomplete="off" size="small">
<template slot="prepend" >运输工具中文名称</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="件数" :label-width="expressAddlWidth" prop="packno">
<el-input style="width: 80%" type="number" v-model="expressAwbaAddModel.packno" autocomplete="off"></el-input>
<el-form-item label="" :label-width="expressAddlWidth" prop="trafenname">
<el-input v-model="expressAwbaAddModel.trafenname" autocomplete="off" size="small">
<template slot="prepend" >运输工具英文名称</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="分运单总数" :label-width="expressAddlWidth" prop="billnum">
<el-input style="width: 80%" type="number" v-model="expressAwbaAddModel.billnum" autocomplete="off"></el-input>
<el-form-item label="" :label-width="expressAddlWidth" prop="ieflag">
<el-select v-model="expressAwbaAddModel.ieflag" placeholder="请选择进出口标志" size="small" style="width: 240px">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="运输方式代码" :label-width="expressAddlWidth" prop="trafmode">
<el-input style="width: 80%" v-model="expressAwbaAddModel.trafmode" autocomplete="off"></el-input>
<el-form-item label="" :label-width="expressAddlWidth" prop="trafmode">
<el-input v-model="expressAwbaAddModel.trafmode" autocomplete="off" size="small">
<template slot="prepend" >运输方式代码</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="" :label-width="expressAddlWidth" prop="destinationport">
<el-input v-model="expressAwbaAddModel.destinationport" autocomplete="off" size="small">
<template slot="prepend" >指运港(抵运港)</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="进出口日期" :label-width="expressAddlWidth" prop="iedate">
<el-form-item label="" :label-width="expressAddlWidth" prop="iedate">
<el-date-picker
v-model="expressAwbaAddModel.iedate"
value-format="yyyy-MM-dd"
type="date"
placeholder="选择日期">
type="date" size="small" style="width: 240px"
placeholder="选择进出口日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="指运港(抵运港)" :label-width="expressAddlWidth" prop="destinationport">
<el-input style="width: 80%" v-model="expressAwbaAddModel.destinationport" autocomplete="off"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="进出口岸代码" :label-width="expressAddlWidth" prop="ieport">
<el-input style="width: 80%" v-model="expressAwbaAddModel.ieport" autocomplete="off"></el-input>
<el-form-item label="" :label-width="expressAddlWidth" prop="ieport">
<el-input v-model="expressAwbaAddModel.ieport" autocomplete="off" size="small">
<template slot="prepend" >进出口岸代码</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="经营单位编号" :label-width="expressAddlWidth" prop="tradeco">
<el-input style="width: 80%" v-model="expressAwbaAddModel.tradeco" autocomplete="off"></el-input>
<el-form-item label="" :label-width="expressAddlWidth" prop="tradeco">
<el-input v-model="expressAwbaAddModel.tradeco" autocomplete="off" size="small">
<template slot="prepend" >经营单位编号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="经营单位名称" :label-width="expressAddlWidth" prop="tradename">
<el-input style="width: 80%" type="textarea" v-model="expressAwbaAddModel.tradename" autocomplete="off"></el-input>
<el-form-item label="" :label-width="expressAddlWidth" prop="tradename">
<el-input v-model="expressAwbaAddModel.tradename" autocomplete="off" size="small">
<template slot="prepend" >经营单位名称</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="录入人卡号" :label-width="expressAddlWidth" prop="inputno">
<el-input style="width: 80%" v-model="expressAwbaAddModel.inputno" autocomplete="off"></el-input>
<el-form-item label="" :label-width="expressAddlWidth" prop="inputno">
<el-input v-model="expressAwbaAddModel.inputno" autocomplete="off" size="small">
<template slot="prepend" >录入人卡号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="录入人姓名" :label-width="expressAddlWidth" prop="inputopname">
<el-input style="width: 80%" v-model="expressAwbaAddModel.inputopname" autocomplete="off"></el-input>
<el-form-item label="" :label-width="expressAddlWidth" prop="inputopname">
<el-input v-model="expressAwbaAddModel.inputopname" autocomplete="off" size="small">
<template slot="prepend" >录入人姓名</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="录入单位代码" :label-width="expressAddlWidth" prop="inputcompanycode">
<el-input style="width: 80%" v-model="expressAwbaAddModel.inputcompanycode" autocomplete="off"></el-input>
<el-form-item label="" :label-width="expressAddlWidth" prop="inputcompanycode">
<el-input v-model="expressAwbaAddModel.inputcompanycode" autocomplete="off" size="small">
<template slot="prepend" >录入单位代码</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="录入单位名称" :label-width="expressAddlWidth" prop="inputcompanyname">
<el-input style="width: 80%" type="textarea" v-model="expressAwbaAddModel.inputcompanyname" autocomplete="off"></el-input>
<el-form-item label="" :label-width="expressAddlWidth" prop="inputcompanyname">
<el-input v-model="expressAwbaAddModel.inputcompanyname" autocomplete="off" size="small">
<template slot="prepend" >录入单位名称</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="expressAwbaAddVisible = false">取消</el-button>
<el-button type="primary" @click="dialogCommon=='add'?expressAwbaAddSubmit():expressAwbaEditSubmit()">提交</el-button>
<div slot="footer" class="dialog-footer" style="text-align: center">
<el-button size="medium"
style="width: 100px;background-color: #6F8294;color: #ffffff" @click="expressAwbaAddVisible = false">取消</el-button>
<el-button type="primary" size="medium" style="width: 100px" @click="dialogCommon=='add'?expressAwbaAddSubmit():expressAwbaEditSubmit()">提交</el-button>
</div>
</el-dialog>
<!--新增分单弹框-->
<el-dialog :title="'快邮舱单'+awbhtitle[dialogCommon]" :visible.sync="expressAwbhAddVisible" width="60%">
<el-form :model="expressAwbhAddModel" :rules="expressAwbhRules" ref="expressAwbhAddModel" >
<el-dialog :title="'快邮舱单'+awbhtitle[dialogCommon]" :visible.sync="expressAwbhAddVisible" width="80%">
<el-form :model="expressAwbhAddModel" :rules="expressAwbhRules" ref="expressAwbhAddModel">
<el-row>
<el-col :span="8">
<el-form-item label="主单号" :label-width="expressAddlWidth" prop="billno">
<el-input style="width: 80%" disabled v-model="expressAwbhAddModel.billno" autocomplete="off"></el-input>
<el-form-item label="" :label-width="expressAddlWidth" prop="billno">
<el-input size="small" disabled v-model="expressAwbhAddModel.billno" autocomplete="off">
<template slot="prepend" >主单号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="航班号" :label-width="expressAddlWidth" prop="flightNo">
<el-input style="width: 80%" v-model="expressAwbhAddModel.flightNo" autocomplete="off"></el-input>
<el-form-item label="" :label-width="expressAddlWidth" prop="flightNo">
<el-input size="small" v-model="expressAwbhAddModel.flightNo" autocomplete="off">
<template slot="prepend" >航班号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="航班日期" :label-width="expressAddlWidth" prop="flightDate">
<el-form-item label="" :label-width="expressAddlWidth" prop="flightDate">
<el-date-picker
v-model="expressAwbhAddModel.flightDate"
value-format="yyyy-MM-dd"
type="date"
placeholder="选择日期">
type="date" size="small"
placeholder="选择航班日期">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="分单号" :label-width="expressAddlWidth" prop="assbillno">
<el-input style="width: 80%" v-model="expressAwbhAddModel.assbillno" autocomplete="off"></el-input>
<el-form-item label="" :label-width="expressAddlWidth" prop="assbillno">
<el-input size="small" v-model="expressAwbhAddModel.assbillno" autocomplete="off">
<template slot="prepend" >分单号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="主要商品名称" :label-width="expressAddlWidth" prop="maingname">
<el-input style="width: 80%" type="textarea" v-model="expressAwbhAddModel.maingname" autocomplete="off"></el-input>
<el-form-item label="" :label-width="expressAddlWidth" prop="tradetotal">
<el-input size="small" v-model="expressAwbhAddModel.tradetotal" autocomplete="off">
<template slot="prepend" >价值</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="件数" :label-width="expressAddlWidth" prop="packno">
<el-input style="width: 80%" type="number" v-model="expressAwbhAddModel.packno" autocomplete="off"></el-input>
<el-form-item label="" :label-width="expressAddlWidth" prop="packno">
<el-input size="small" type="number" v-model="expressAwbhAddModel.packno" autocomplete="off">
<template slot="prepend" >件数</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="商品毛重" :label-width="expressAddlWidth" prop="grosswt">
<el-input style="width: 80%" v-model="expressAwbhAddModel.grosswt" autocomplete="off"></el-input>
<el-form-item label="" :label-width="expressAddlWidth" prop="grosswt">
<el-input size="small" v-model="expressAwbhAddModel.grosswt" autocomplete="off">
<template slot="prepend" >商品毛重</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="价值" :label-width="expressAddlWidth" prop="tradetotal">
<el-input style="width: 80%" v-model="expressAwbhAddModel.tradetotal" autocomplete="off"></el-input>
<el-form-item label="" :label-width="expressAddlWidth" prop="maingname">
<el-input size="small" v-model="expressAwbhAddModel.maingname" autocomplete="off">
<template slot="prepend" >主要商品名称</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="成交币制" :label-width="expressAddlWidth" prop="tradecurr">
<el-input style="width: 80%" v-model="expressAwbhAddModel.tradecurr" autocomplete="off"></el-input>
<el-form-item label="" :label-width="expressAddlWidth" prop="tradecurr">
<el-input size="small" v-model="expressAwbhAddModel.tradecurr" autocomplete="off">
<template slot="prepend" >成交币制</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="expressAwbhAddVisible = false">取消</el-button>
<el-button type="primary" @click="dialogCommon=='add'?expressAwbhAddSubmit():expressAwbhEditSubmit()">提交</el-button>
<div slot="footer" class="dialog-footer" style="text-align: center">
<el-button size="medium"
style="width: 100px;background-color: #6F8294;color: #ffffff" @click="expressAwbhAddVisible = false">取消</el-button>
<el-button type="primary" size="medium" style="width: 100px" @click="dialogCommon=='add'?expressAwbhAddSubmit():expressAwbhEditSubmit()">提交</el-button>
</div>
</el-dialog>
</section>
... ...
... ... @@ -36,9 +36,9 @@
</div>
</el-col>
<div class="grid-content el-btn">
<el-button type="primary" size="mini" @click="handleSerach">查询</el-button>
<el-button type="warning" style="width:150px" size="medium" icon="el-icon-search" @click="handleSerach">查询</el-button>
<el-button v-if="preQuery.flightno === undefined && preData.length<1" type="primary"
size="mini"
style="width:150px" size="medium" icon="el-icon-plus"
@click="handleAddpre">新增预配舱单
</el-button>
<el-upload
... ... @@ -49,7 +49,7 @@
:on-exceed="fileExceed"
accept="application/vnd.ms-excel,application/vnd.ms-excels"
ref="fileupload">
<el-button slot="trigger" size="small" type="primary">导入excel</el-button>
<el-button slot="trigger" style="width:150px" size="medium" icon="el-icon-folder-add" type="success">导入excel</el-button>
</el-upload>
</div>
</div>
... ... @@ -62,7 +62,9 @@
</el-row>
</div>
<el-table :data="preData" stripe style="font-size: 12px" stripe
<el-table :data="preData" stripe
style="border-radius: 10px 10px 0px 0px;line-height: 25px;" stripe
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small"
@selection-change="handleSelectionChange" v-loading="listLoading"
default-expand-all
row-key="uuid"
... ... @@ -125,25 +127,43 @@
{{scope.row.ext5}}
</template>
</el-table-column>
<el-table-column label="操作" width="450" fixed="right">
<template slot-scope="scope">
<el-button size="mini" @click="handleSend(scope.row)">收发明细</el-button>
<el-button size="mini" type="success" @click="handleEdit(scope.row)" >编辑</el-button>
<el-button size="mini" type="success" v-if="scope.row.awbh ===''"
<el-table-column label="操作" width="450px" fixed="right" align="center">
<template slot-scope="scope" >
<el-row>
<el-col :span="5" style="margin-right: 10px">
<el-button type="warning" icon="el-icon-view" size="mini"@click="handleSend(scope.row)">收发明细</el-button>
</el-col>
<el-col :span="4" style="margin-right: 30px">
<el-button type="primary" icon="el-icon-edit" style="width: 100px" size="mini" @click="handleEdit(scope.row)" >编辑</el-button>
</el-col>
<el-col :span="5" style="margin-right: 10px">
<el-button type="info" icon="el-icon-edit" size="mini" @click="handleAwbStatus(scope.row)"
:disabled="scope.row.status === '22'">更改状态
</el-button>
</el-col>
<el-col :span="5">
<el-button type="success" icon="el-icon-plus" size="mini" v-if="scope.row.awbh ===''"
@click="handleAddAwbh(scope.row)">新增分单
</el-button>
<el-button size="mini" type="primary" @click="handleAwbSend(scope.row)"
</el-col>
</el-row>
<el-row>
<el-col :span="7" style="margin-right: 10px">
<el-button type="success" icon="el-icon-plus" size="mini" style="width: 130px" @click="handleAwbSend(scope.row)"
:disabled="addStatus(scope.row.status)">发送预配舱单报
</el-button>
<p></p>
<el-button size="mini" type="primary" @click="handleAwbEdit(scope.row)"
</el-col>
<el-col :span="7" style="margin-right: 10px">
<el-button type="primary" icon="el-icon-plus" size="mini" style="width: 130px" @click="handleAwbEdit(scope.row)"
:disabled="editStatus(scope.row.status)">发送预配修改报</el-button>
<!-- <el-button size="mini" type="danger" v-if="isAdmin" @click="handleAwbDelete(scope.row)">删除运单</el-button>-->
<el-button size="mini" type="warning" @click="handleAwbStatus(scope.row)"
:disabled="scope.row.status === '22'">更改状态
</el-button>
<el-button size="mini" type="danger" @click="handleSendDelete(scope.row)"
<!-- <el-button size="mini" type="danger" v-if="isAdmin" @click="handleAwbDelete(scope.row)">删除运单</el-button>-->
</el-col>
<el-col :span="7">
<el-button type="danger" icon="el-icon-delete" size="mini" style="width: 130px;margin-bottom: 10px" @click="handleSendDelete(scope.row)"
:disabled="deleteStatus(scope.row.status)">发送预配删除报</el-button>
</el-col>
</el-row>
</template>
</el-table-column>
</el-table>
... ... @@ -163,19 +183,23 @@
<el-dialog top="5vh" :title="dialogMap[dialogStatus]" :visible.sync="dialogFormVisible" width="90%">
<el-form ref="preFormData" :model="preModel" :rules="preRoles" label-position="right"
label-width="78px" size="mini" class="el-dialog-div" style="height: 90%">
label-width="80px" size="mini" class="el-dialog-div">
<div class="grid-content content" style="font-size: 10px">
运单信息
</div>
<el-row>
<el-col :span="7.5">
<el-form-item label="主单号" prop="awba">
<el-input :disabled="dialogStatus !== 'create'" v-model="awba" clearable/>
<el-form-item label="" prop="awba">
<el-input :disabled="dialogStatus !== 'create'" v-model="awba" clearable>
<template slot="prepend" >主单号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="7.5" v-if="fenStatus === 'addAwbh'">
<el-form-item label="分单号" prop="awbh">
<el-input v-model="awbh" clearable/>
<el-form-item label="" prop="awbh">
<el-input v-model="awbh" clearable>
<template slot="prepend" >分单号</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
... ... @@ -184,25 +208,29 @@
</div>
<el-row>
<el-col :span="7.5">
<el-form-item label="承运人" prop="carrier">
<el-input v-model="carrier" :disabled="fenStatus === 'addAwbh'" clearable/>
<el-form-item label="" prop="carrier">
<el-input v-model="carrier" :disabled="fenStatus === 'addAwbh'" clearable>
<template slot="prepend" >承运人</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="7.5">
<el-form-item label="航班号" prop="flightno">
<el-input v-model="flightno" :disabled="fenStatus === 'addAwbh'" clearable/>
<el-form-item label="" prop="flightno">
<el-input v-model="flightno" :disabled="fenStatus === 'addAwbh'" clearable>
<template slot="prepend" >航班号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="7.5">
<el-form-item label="航班日期" prop="flightdate">
<el-form-item label="" prop="flightdate">
<el-date-picker :disabled="fenStatus === 'addAwbh'"
value-format="yyyy-MM-dd"
value-format="yyyy-MM-dd" style="width: 270px"
v-model="preModel.flightdate" align="right"
type="date" placeholder="请输入航班日期" clearable/>
</el-form-item>
</el-col>
<el-col :span="7.5">
<el-form-item label="起始站" prop="originstation">
<el-form-item label="" prop="originstation">
<el-select
filterable
clearable
... ... @@ -210,7 +238,8 @@
:remote-method="remoteMethodAirport"
allow-create remote
v-model="originstation"
:loading="airportLoading">
:loading="airportLoading"
style="width: 270px">
<el-option v-for="item in airportCode"
:key="item.airportid" :label="item.airportid"
:value="item.airportid" :disabled="fenStatus === 'addAwbh'">
... ... @@ -221,9 +250,9 @@
</el-form-item>
</el-col>
<el-col :span="7.5">
<el-form-item label="目的站" prop="destinationstation">
<el-form-item label="" prop="destinationstation">
<el-select filterable clearable placeholder="请选择目的站" allow-create remote
v-model="destinationstation" :remote-method="remoteMethodAirport">
v-model="destinationstation" :remote-method="remoteMethodAirport" style="width: 270px">
<el-option v-for="item in airportCode"
:key="item.airportid" :label="item.airportid"
:value="item.airportid" :disabled="fenStatus === 'addAwbh'" >
... ... @@ -239,34 +268,46 @@
</div>
<div>
<el-row>
<el-col :span="3">
<el-form-item label="承运人" prop="carrier">
<el-input v-model="carrier" disabled clearable/>
<el-col :span="5">
<el-form-item label="" prop="carrier">
<el-input v-model="carrier" disabled clearable>
<template slot="prepend" >承运人</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item label="到达航站" prop="destinationstation">
<el-input v-model="destinationstation" disabled clearable/>
<el-col :span="5">
<el-form-item label="" prop="destinationstation">
<el-input v-model="destinationstation" disabled clearable>
<template slot="prepend" >到达航站</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item label="承运人1">
<el-input v-model="by1" clearable/>
<el-col :span="5">
<el-form-item label="">
<el-input v-model="by1" clearable>
<template slot="prepend" >承运人1</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item label="到达航站1">
<el-input v-model="dest1" clearable></el-input>
<el-col :span="5">
<el-form-item label="">
<el-input v-model="dest1" clearable>
<template slot="prepend" >到达航站1</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item label="承运人2">
<el-input v-model="by2" clearable/>
<el-col :span="5">
<el-form-item label="">
<el-input v-model="by2" clearable>
<template slot="prepend" >承运人2</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item label="到达航站2">
<el-input v-model="dest2" clearable/>
<el-col :span="5">
<el-form-item label="">
<el-input v-model="dest2" clearable>
<template slot="prepend" >到达航站2</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
... ... @@ -275,60 +316,64 @@
货物信息
</div>
<el-row>
<el-col :span="3">
<el-form-item label="运单件数" prop="awbinfo.pcs">
<el-input v-model="preModel.awbinfo.pcs" clearable/>
<el-col :span="5">
<el-form-item label="" prop="awbinfo.pcs">
<el-input v-model="preModel.awbinfo.pcs" clearable>
<template slot="prepend" >运单件数</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item label="运单重量" prop="awbinfo.weight">
<el-input v-model="preModel.awbinfo.weight" clearable/>
<el-col :span="5">
<el-form-item label="" prop="awbinfo.weight">
<el-input v-model="preModel.awbinfo.weight" clearable>
<template slot="prepend" >运单重量</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item label="货物描述" prop="goodsname">
<el-input v-model="goodsname" clearable/>
<el-col :span="5">
<el-form-item label="" prop="goodsname">
<el-input v-model="goodsname" clearable>
<template slot="prepend" >货物描述</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="3" v-if="fenStatus !=='addAwbh'">
<el-form-item label="预配件数" prop="piece">
<el-input v-model="preModel.piece" clearable/>
<el-col :span="5" v-if="fenStatus !=='addAwbh'">
<el-form-item label="" prop="piece">
<el-input v-model="preModel.piece" clearable>
<template slot="prepend" >预配件数</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="3" v-if="fenStatus ==='addAwbh'">
<el-form-item label="预配件数" prop="piece">
<el-input v-model="preModel.piece" clearable/>
<el-col :span="5" v-if="fenStatus ==='addAwbh'">
<el-form-item label="" prop="piece">
<el-input v-model="preModel.piece" clearable>
<template slot="prepend" >预配件数</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="1.5" v-if="fenStatus ==='addAwbh'">
<span>剩余件数:{{awbPiece}}</span>
</el-col>
<el-col :span="3" v-if="fenStatus !=='addAwbh'">
<el-form-item label="预配重量" prop="weight">
<el-input v-model="preModel.weight" clearable/>
<el-col :span="5" v-if="fenStatus !=='addAwbh'">
<el-form-item label="" prop="weight">
<el-input v-model="preModel.weight" clearable>
<template slot="prepend" >预配重量</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="3" v-if="fenStatus ==='addAwbh'">
<el-form-item label="预配重量" prop="weight">
<el-input v-model="preModel.weight" clearable/>
<el-col :span="5" v-if="fenStatus ==='addAwbh'">
<el-form-item label="" prop="weight">
<el-input v-model="preModel.weight" clearable>
<template slot="prepend" >预配重量</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="1.5" v-if="fenStatus ==='addAwbh'">
<span>剩余重量:{{awbWeight}}</span>
</el-col>
<el-col :span="3">
<el-form-item label="预配时间" prop="actime">
<el-col :span="5">
<el-form-item label="" prop="actime">
<el-date-picker value-format="yyyy-MM-dd HH:mm:ss"
v-model="preModel.actime" align="right"
type="datetime" placeholder="请选择"/>
v-model="preModel.actime" align="right" style="width: 180px"
type="datetime" placeholder="请选择预配时间"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<el-form-item label="关区代码" prop="customcode">
<el-col :span="5">
<el-form-item label="" prop="customcode">
<el-select v-model="preModel.customcode" placeholder="请选择关区代码"
filterable clearable :remote-method="remoteMethodCustomCode" :loading="customLoading" remote
:disabled="fenStatus === 'addAwbh'">
... ... @@ -340,78 +385,98 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item label="海关状态">
<el-col :span="5">
<el-form-item label="">
<el-select v-model="preModel.awbinfo.awbtype" class="filter-item" placeholder="请录入货物类型">
<el-option v-for="item in customTypes" :key="item.value" :label="item.label"
:value="item.value"/>
<el-option v-for="item in customTypes" :key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item label="付费方式" prop="awbinfo.paymodel">
<el-select v-model="preModel.awbinfo.paymodel" class="filter-item" placeholder="付费方式">
<el-col :span="5">
<el-form-item label="" prop="awbinfo.paymodel">
<el-select v-model="preModel.awbinfo.paymodel" class="filter-item" placeholder="请选择付费方式">
<el-option
v-for="item in payTypes"
:key="item.value"
:label="item.label"
:value="item.value"/>
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item label="卸货地" prop="">
<el-input v-model="specopeid" clearable/>
<el-col :span="5">
<el-form-item label="" prop="">
<el-input v-model="specopeid" clearable>
<template slot="prepend" >卸货地</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item label-width="95px" label="代理人代码" prop="">
<el-input v-model="preModel.awbinfo.shpcustomerid" clearable/>
<el-col :span="5">
<el-form-item label="" prop="">
<el-input v-model="preModel.awbinfo.shpcustomerid" clearable>
<template slot="prepend" >代理人代码</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item label-width="95px" label="代理人名称" prop="">
<el-input v-model="preModel.awbinfo.shpcustomerid" clearable/>
<el-col :span="5">
<el-form-item label="" prop="">
<el-input v-model="preModel.awbinfo.shpcustomerid" clearable>
<template slot="prepend" >代理人名称</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row style="margin-bottom: 10px">
<el-col :span="7" v-if="fenStatus ==='addAwbh'">
<span>
货物剩余信息:
</span>
</el-col>
<el-col :span="7" v-if="fenStatus ==='addAwbh'">
<span>剩余件数:{{awbPiece}}</span>
</el-col>
<el-col :span="7" v-if="fenStatus ==='addAwbh'">
<span>剩余重量:{{awbWeight}}</span>
</el-col>
</el-row>
<div class="grid-content content" style="font-size: 10px">
发货人信息
<el-button type="success" @click="consignerSelect()">选择发货人信息</el-button>
<el-button type="primary" size="mini" @click="consignerSelect()">选择发货人信息</el-button>
</div>
<el-row>
<el-col :span="3">
<el-form-item label-width="95px" label="发货人名称" prop="awbinfo.shprname">
<el-input v-model="shprname" clearable/>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item label="地址" prop="awbinfo.shpraddress">
<el-input style="width: 100px" v-model="shpraddress" clearable/>
</el-form-item>
</el-col>
<el-col :span="2">
<el-form-item label="城市代码">
<el-input style="width: 100px" v-model="scityid" maxlength="5" clearable/>
<el-col :span="5">
<el-form-item label="" prop="awbinfo.shprname">
<el-input v-model="shprname" clearable>
<template slot="prepend" >发货人名称</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item label="电话" prop="awbinfo.shprtel">
<el-input style="width: 150px" v-model="preModel.awbinfo.shprtel" clearable/>
<el-col :span="5">
<el-form-item label="" prop="awbinfo.shpraddress">
<el-input v-model="shpraddress" clearable>
<template slot="prepend" >地址</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item label="传真">
<el-input v-model="preModel.awbinfo.shprmobiletype" clearable/>
<el-col :span="5">
<el-form-item label="">
<el-input v-model="scityid" maxlength="5" clearable>
<template slot="prepend" >城市代码</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item label-width="115px" label="发货人AEO编码" prop="awbinfo.shpaeocode">
<el-input v-model="shpaeocode" clearable/>
<el-col :span="5">
<el-form-item label="">
<el-input v-model="preModel.awbinfo.shprmobiletype" clearable>
<template slot="prepend" >传真</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item label="国家代码" prop="awbinfo.shprcountyr">
<el-col :span="5">
<el-form-item label="" prop="awbinfo.shprcountyr">
<el-select
:remote-method="remoteMethod"
:loading="listLoading"
... ... @@ -419,7 +484,7 @@
filterable
allow-create
remote
placeholder="请选择" clearable>目的站
placeholder="请选择国家代码" clearable>目的站
<el-option
v-for="item in countryOption"
:key="item.value"
... ... @@ -431,6 +496,22 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="7.5">
<el-form-item label="" prop="awbinfo.shprtel">
<el-input v-model="preModel.awbinfo.shprtel" clearable>
<template slot="prepend" >电话</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="7.5">
<el-form-item label="" prop="awbinfo.shpaeocode">
<el-input v-model="shpaeocode" clearable style="width: 270px">
<template slot="prepend" >发货人AEO编码</template>
</el-input>
</el-form-item>
</el-col>
<!--<el-col :span="7.5">-->
<!--<el-form-item label="企业代码类型" prop="awbinfo.shpcomidpre">-->
<!--<el-select-->
... ... @@ -453,41 +534,39 @@
</el-row>
<div class="grid-content content" style="font-size: 10px">
收货人信息
<el-button type="success" @click="consigneeSelect()">选择收货人信息</el-button>
<el-button type="primary" size="mini" @click="consigneeSelect()">选择收货人信息</el-button>
</div>
<el-row>
<el-col :span="3">
<el-form-item label-width="95px" label="收货人名称" prop="awbinfo.cnsnname">
<el-input v-model="cnsnname" clearable/>
<el-col :span="5">
<el-form-item label="" prop="awbinfo.cnsnname">
<el-input v-model="cnsnname" clearable>
<template slot="prepend" >收货人名称</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item label="地址" prop="awbinfo.cnsnaddress">
<el-input style="weight: 100px" v-model="cnsnaddress" clearable/>
<el-col :span="5">
<el-form-item label="" prop="awbinfo.cnsnaddress">
<el-input v-model="cnsnaddress" clearable>
<template slot="prepend" >地址</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item label="城市代码">
<el-input style="width: 100px" v-model="ecityid" clearable maxlength="5"/>
<el-col :span="5">
<el-form-item label="">
<el-input v-model="ecityid" clearable maxlength="5">
<template slot="prepend" >城市代码</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item label="电话" prop="awbinfo.cnsntel">
<el-input style="weight: 150px" v-model="preModel.awbinfo.cnsntel" clearable/>
<el-col :span="5">
<el-form-item label="">
<el-input v-model="preModel.awbinfo.cnsrmobiletype" clearable>
<template slot="prepend" >传真</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item label="传真">
<el-input v-model="preModel.awbinfo.cnsrmobiletype" clearable/>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item label-width="115px" label="收货人AEO编码" prop="awbinfo.cnsaeocode">
<el-input v-model="cnsaeocode" clearable/>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item label="国家代码" prop="awbinfo.cnscountyr">
<el-col :span="5">
<el-form-item label="" prop="awbinfo.cnscountyr">
<el-select
:remote-method="remoteMethod"
:listLoading="listLoading"
... ... @@ -495,7 +574,7 @@
filterable
allow-create
remote
placeholder="请选择" clearable>
placeholder="请选择国家代码" clearable>
<el-option
v-for="item in countryOption"
:key="item.value"
... ... @@ -507,16 +586,40 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item label-width="115px" label="具体收货人名称" prop="awbinfo.cnsrctcname">
<el-input v-model="cnsrctcname" clearable/>
<el-col :span="7.5">
<el-form-item label="" prop="awbinfo.cnsntel">
<el-input v-model="preModel.awbinfo.cnsntel" clearable>
<template slot="prepend" >电话</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label-width="115px" label="具体收货人电话" prop="awbinfo.cnsrctctel">
<el-input v-model="preModel.awbinfo.cnsrctctel" clearable/>
<el-col :span="7.5">
<el-form-item label="" prop="awbinfo.cnsaeocode">
<el-input v-model="cnsaeocode" clearable style="width: 270px">
<template slot="prepend" >收货人AEO编码</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" prop="awbinfo.cnsrctcname">
<el-input v-model="cnsrctcname" clearable>
<template slot="prepend" >收货人名称</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" prop="awbinfo.cnsrctctel">
<el-input v-model="preModel.awbinfo.cnsrctctel" clearable style="width: 270px">
<template slot="prepend" >收货人电话</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<!--<el-col :span="7.5">-->
<!--<el-form-item label="企业代码类型" prop="awbinfo.csgcustomerid">-->
<!--<el-select-->
... ... @@ -536,41 +639,48 @@
<!--<el-input v-model="cnscomidno" placeholder="企业代码"/>-->
<!--</el-form-item>-->
<!--</el-col>-->
</el-row>
<div v-if="dialogStatus === 'sendUpdate'">
<div class="grid-content content">
运单信息
</div>
<el-row>
<el-col :span="7.5">
<el-form-item label="修改原因" prop="reason">
<el-input v-model="preModel.reason" clearable/>
<el-col :span="6">
<el-form-item label="" prop="reason">
<el-input v-model="preModel.reason" clearable>
<template slot="prepend" >修改原因</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="7.5">
<el-form-item label="修改人" prop="contactName">
<el-input v-model="preModel.contactName" clearable/>
<el-col :span="6">
<el-form-item label="" prop="contactName">
<el-input v-model="preModel.contactName" clearable>
<template slot="prepend" >修改人</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="7.5">
<el-form-item label="修改人Tel" prop="contactTel">
<el-input v-model="preModel.contactTel" clearable maxlength="5"/>
<el-col :span="6">
<el-form-item label="" prop="contactTel">
<el-input v-model="preModel.contactTel" clearable maxlength="5">
<template slot="prepend" >修改人Tel</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
</div>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false">取消</el-button>
<el-button type="primary" v-show="dialogStatus!=='sendUpdate'"
<div slot="footer" class="dialog-footer" style="text-align: center">
<el-button @click="dialogFormVisible = false" size="medium"
style="width: 100px;background-color: #6F8294;color: #ffffff">取消</el-button>
<el-button type="success" size="medium" style="width: 100px" v-show="dialogStatus!=='sendUpdate'"
@click="dialogStatus ==='create'? createData():updateData()">保存</el-button>
<el-button type="primary" v-show="dialogStatus==='sendUpdate'" @click="sendUpdate()">发送</el-button>
<el-button type="primary" size="medium" style="width: 100px" v-show="dialogStatus==='sendUpdate'" @click="sendUpdate()">发送</el-button>
</div>
</el-dialog>
<el-dialog title="收发明细" :visible.sync="dialogTableVisible">
<el-table :data="detailData" border>
<el-table-column label="操作时间" width="180">
<el-dialog title="收发明细" :visible.sync="dialogTableVisible" width="70%">
<el-table :data="detailData" border :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;width: 100%" size="small" >
<el-table-column label="操作时间" width="150">
<template slot-scope="scope">
{{scope.row.busdate}}
</template>
... ... @@ -612,41 +722,51 @@
</el-table-column>
</el-table>
</el-dialog>
<el-dialog title="删除原因" :visible.sync="dialogDeleteVisble" width="30%">
<el-dialog title="删除原因" :visible.sync="dialogDeleteVisble" width="50%">
<el-form ref="sendDeleteForm" :model="respModel" :rules="sendDeleteRules" label-width="120px"
style="margin-right:50px;">
<el-form-item label="删除原因" prop="reason">
<el-input v-model="respModel.reason" placeholder="删除原因"></el-input>
<el-form-item label="" prop="reason">
<el-input v-model="respModel.reason" placeholder="删除原因">
<template slot="prepend" >删除&nbsp;&nbsp;&nbsp;&nbsp;原因</template>
</el-input>
</el-form-item>
<el-form-item label="删除操作人" prop="contactName">
<el-input v-model="respModel.contactName" placeholder="操作人姓名"></el-input>
<el-form-item label="" prop="contactName">
<el-input v-model="respModel.contactName" placeholder="操作人姓名">
<template slot="prepend" >删除操作人</template>
</el-input>
</el-form-item>
<el-form-item label="操作人Tel" prop="contactTel">
<el-input v-model="respModel.contactTel" placeholder="删除操作人联系方式"></el-input>
<el-form-item label="" prop="contactTel">
<el-input v-model="respModel.contactTel" placeholder="删除操作人联系方式">
<template slot="prepend" >操作人&nbsp;&nbsp; &nbsp;Tel</template>
</el-input>
</el-form-item>
<el-form-item label="备注">
<el-input v-model="respModel.content" type="textarea"></el-input>
<el-form-item label="">
<el-input v-model="respModel.content" type="textarea" placeholder="请输入备注">
</el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogDeleteVisble = false">取消</el-button>
<el-button type="primary" @click="sendDelete()">发送</el-button>
<el-button @click="dialogDeleteVisble = false" size="medium"
style="width: 100px;background-color: #6F8294;color: #ffffff">取消</el-button>
<el-button type="primary" size="medium" style="width: 100px" @click="sendDelete()">发送</el-button>
</div>
</el-dialog>
<el-dialog title="发货人信息" :visible.sync="dialogSelectVisible" width="50%">
<el-dialog title="发货人信息" :visible.sync="dialogSelectVisible" width="70%">
<!--工具条-->
<el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
<el-form :inline="true" :model="consignerQuery">
<el-form-item>
<el-input v-model="consignerQuery.companyName" placeholder="关键字查询"></el-input>
<el-input v-model="consignerQuery.companyName" placeholder="关键字查询" size="small"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" v-on:click="consignerSelect()">查询</el-button>
<el-button type="primary" size="small" v-on:click="consignerSelect()">查询</el-button>
</el-form-item>
</el-form>
</el-col>
<el-table v-loading="listLoading" :data="consignerList" stripe style="font-size: 12px"
<el-table v-loading="listLoading" :data="consignerList" stripe
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;width: 100%" size="small"
border >
<el-table-column type="selection" width="55">
</el-table-column>
... ... @@ -664,26 +784,28 @@
</el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button type="success" @click="consignerClick(scope.row)">选择</el-button>
<el-button type="success" size="mini" @click="consignerClick(scope.row)">选择</el-button>
</template>
</el-table-column>
</el-table>
<pagination background layout="total, prev, pager, next" v-show="consignerQuery.total>0" :total="consignerQuery.total" :page.sync="consignerQuery.pageSize" :limit.sync="consignerQuery.limitSize"
@pagination="consignerSelect()"/>
</el-dialog>
<el-dialog title="收货人信息" :visible.sync="dialogNeeVisible" width="50%">
<el-dialog title="收货人信息" :visible.sync="dialogNeeVisible" width="70%">
<!--工具条-->
<el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
<el-form :inline="true" :model="consignerQuery">
<el-form-item>
<el-input v-model="consigneeQuery.companyName" placeholder="关键字查询"></el-input>
<el-input v-model="consigneeQuery.companyName" placeholder="关键字查询" size="small"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" v-on:click="consigneeSelect()">查询</el-button>
<el-button type="primary" v-on:click="consigneeSelect()" size="small">查询</el-button>
</el-form-item>
</el-form>
</el-col>
<el-table v-loading="listLoading" :data="consigneeList" stripe style="font-size: 12px"
<el-table v-loading="listLoading" :data="consigneeList" stripe
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;width: 100%" size="small"
border >
<el-table-column type="selection" width="55">
</el-table-column>
... ... @@ -701,7 +823,7 @@
</el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button type="success" @click="consigneeClick(scope.row)">选择</el-button>
<el-button type="success" @click="consigneeClick(scope.row)" size="small">选择</el-button>
</template>
</el-table-column>
</el-table>
... ...
... ... @@ -7,15 +7,17 @@
<el-input v-model="filters.awba" placeholder="主单号查询"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" v-on:click="getSecurity()">查询</el-button>
<el-button type="warning" style="width:150px" size="medium" icon="el-icon-plus" v-on:click="getSecurity()">查询</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="companyAdd">新增</el-button>
<el-button type="primary" style="width:150px" size="medium" icon="el-icon-plus" @click="companyAdd">新增</el-button>
</el-form-item>
</el-form>
</el-col>
<!--列表-->
<el-table :data="securityList" highlight-current-row v-loading="listLoading" @selection-change="selsChange" style="width: 100%;">
<el-table :data="securityList" highlight-current-row v-loading="listLoading" @selection-change="selsChange"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small">
<el-table-column type="selection" width="55">
</el-table-column>
<el-table-column prop="sdWaybill" label="运单号" width="120px" >
... ... @@ -40,82 +42,89 @@
<span v-if="scope.row.status == 1" style="color: #5BB75B">已发送</span>
</template>
</el-table-column>
<el-table-column label="操作" min-width="150">
<el-table-column label="操作" min-width="180px" fixed="right">
<template slot-scope="scope">
<el-button size="small" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
<el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删除</el-button>
<el-button type="primary" icon="el-icon-edit" size="mini" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
<el-button type="danger" icon="el-icon-delete" size="mini" @click="handleDel(scope.$index, scope.row)">删除</el-button>
<!-- <el-button type="primary" size="small" @click="print(scope.$index, scope.row)">打印</el-button>-->
</template>
</el-table-column>
</el-table>
<!--编辑界面-->
<el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false">
<el-form :model="editForm" label-width="100px" :rules="editFormRules" ref="editForm">
<el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false" width="60%" text-align="center" tyle="margin-top: -20px">
<el-form :model="editForm" :rules="editFormRules" ref="editForm" align="center" label-width="145px" style="margin-top: -10px">
<el-row>
<el-col :span="4">
<el-form-item label="ID">
<span>{{editForm.id}}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="主单号" prop="sdWaybill">
<el-input v-model="editForm.sdWaybill" @change="onAwba()" auto-complete="on" placeholder="主单号"></el-input>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="sdWaybill">
<el-input v-model="editForm.sdWaybill" @change="onAwba()" auto-complete="on" placeholder="主单号" style="width:300px" size="small">
<template slot="prepend" >主单号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="承运人" prop="carrier">
<el-input v-model="editForm.carrier" onkeyup="this.value=this.value.toUpperCase()" auto-complete="on" placeholder="承运人"></el-input>
<el-form-item label="" prop="carrier">
<el-input v-model="editForm.carrier" onkeyup="this.value=this.value.toUpperCase()" auto-complete="on" placeholder="承运人" style="width:300px" size="small">
<template slot="prepend" >承运人</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="航班号" prop="flightno">
<el-input v-model="editForm.flightno" auto-complete="on" placeholder="航班号"></el-input>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="flightno">
<el-input v-model="editForm.flightno" auto-complete="on" placeholder="航班号" style="width:300px" size="small">
<template slot="prepend" >航班号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="9">
<el-form-item label="航班日期" prop="flightdate">
<el-date-picker
v-model="editForm.flightdate"
type="date"
placeholder="选择日期">
</el-date-picker>
<el-col :span="8">
<el-form-item label="" prop="destination">
<el-input v-model="editForm.destination" onkeyup="this.value=this.value.toUpperCase()"
auto-complete="on" placeholder="目的站" style="width:300px" size="small">
<template slot="prepend" >目的站</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="目的站" prop="destination">
<el-input v-model="editForm.destination" onkeyup="this.value=this.value.toUpperCase()" auto-complete="on" placeholder="目的站"></el-input>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="piece">
<el-input v-model="editForm.piece" oninput="value=value.replace(/[^\d]/g,'')"
auto-complete="on" placeholder="件数" style="width:300px" size="small">
<template slot="prepend" >件数</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="件数" prop="piece">
<el-input v-model="editForm.piece" oninput="value=value.replace(/[^\d]/g,'')" auto-complete="on" placeholder="件数"></el-input>
<el-form-item label="" prop="flightdate">
<el-date-picker
v-model="editForm.flightdate"
type="date" style="width:300px" size="small"
placeholder="请选择航班日期">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="7">
<el-form-item label="重量" prop="weight">
<el-input v-model="editForm.weight" oninput ="value=value.replace(/[^0-9.]/g,'')" auto-complete="on" placeholder="重量"></el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="货物品名" prop="cargoName">
<el-input type="textarea" v-model="editForm.cargoName" auto-complete="on" placeholder="货物品名"></el-input>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="weight">
<el-input v-model="editForm.weight" oninput ="value=value.replace(/[^0-9.]/g,'')"
auto-complete="on" placeholder="重量" style="width:300px" size="small">
<template slot="prepend" >重量</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="货物类型" prop="cargoType">
<el-cascader v-model="editForm.cargoType" :options="cargoTypes" :show-all-levels="false"></el-cascader>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="7">
<el-form-item label="海关关区" prop="customcode">
<el-select v-model="editForm.customcode" placeholder="请选择">
<el-col :span="8">
<el-form-item label="" prop="customcode">
<el-select v-model="editForm.customcode" placeholder="请选择海关关区" style="width:300px" size="small">
<el-option
v-for="item in options"
:key="item.value"
... ... @@ -125,108 +134,159 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="航协编号" prop="sdIataNumber">
<el-input v-model="editForm.sdIataNumber" auto-complete="on" placeholder="航协编号"></el-input>
</el-row>
<el-row>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="cargoName">
<el-input v-model="editForm.cargoName" auto-complete="on" placeholder="货物品名" style="width:300px" size="small">
<template slot="prepend" >货物品名</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="运输条件鉴定书" label-width="110px" prop="sdTransportCertificate">
<el-input v-model="editForm.sdTransportCertificate" auto-complete="on" placeholder="运输条件鉴定书"></el-input>
<el-col :span="8">
<el-form-item label="" prop="cargoType">
<el-cascader v-model="editForm.cargoType" :options="cargoTypes"
:show-all-levels="false" placeholder="请选择货物类型" style="width:300px" size="small">
</el-cascader>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="20">
<el-form-item label="航空货运销售代理人名称" label-width="180px" prop="sdCargoAgentName">
<el-input v-model="editForm.sdCargoAgentName" auto-complete="on" placeholder="航空货运销售代理人名称"></el-input>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="sdIataNumber">
<el-input v-model="editForm.sdIataNumber" auto-complete="on" placeholder="航协编号" style="width:300px" size="small">
<template slot="prepend" >航协编号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="" prop="sdTransportCertificate">
<el-input v-model="editForm.sdTransportCertificate" auto-complete="on" placeholder="运输条件鉴定书" style="width:300px" size="small">
<template slot="prepend" >运输条件鉴定书</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="20">
<el-form-item label="航空货物托运人名称" label-width="170px" prop="sdCargoShipperName">
<el-input v-model="editForm.sdCargoShipperName" auto-complete="on" placeholder="航空货物托运人名称"></el-input>
</el-row>
<el-row>
<el-col :span="19">
<el-form-item label="" prop="sdCargoShipperName">
<el-input v-model="editForm.sdCargoShipperName" auto-complete="on" placeholder="航空货物托运人名称" size="small">
<template slot="prepend" >航空货物托运人名称</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="20">
<el-form-item label="航空公司同意运输证明" label-width="170px" prop="sdTransportationProve">
<el-input v-model="editForm.sdTransportationProve" auto-complete="on" placeholder="航空公司同意运输证明"></el-input>
<el-col :span="19">
<el-form-item label="" prop="sdTransportationProve">
<el-input v-model="editForm.sdTransportationProve" auto-complete="on" placeholder="航空公司同意运输证明" size="small">
<template slot="prepend" >航空公司同意运输证明</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="19">
<el-form-item label="" prop="sdCargoAgentName">
<el-input v-model="editForm.sdCargoAgentName" auto-complete="on" placeholder="航空货运销售代理人名称" size="small">
<template slot="prepend" >航空货运销售代理人名称</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click.native="editSubmit(0)">暂存</el-button>
<el-button type="primary" @click.native="editSubmit(1)">保存并发送</el-button>
<div slot="footer" class="dialog-footer" align="center">
<el-button type="primary" size="medium" style="width: 100px" @click.native="editSubmit(0)">暂存</el-button>
<el-button type="success" size="medium" style="width: 120px" @click.native="editSubmit(1)">保存并发送</el-button>
</div>
</el-dialog>
<!--新增界面-->
<el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false">
<el-form :model="addForm" label-width="100px" :rules="addFormRules" ref="addForm">
<el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false" tyle="margin-top: -20px"
width="60%" text-align="center">
<el-form :model="addForm" label-width="145px" status-icon style="margin-top: -10px" align="center" :rules="addFormRules" ref="addForm">
<el-row>
<el-col :span="8">
<el-form-item label="主单号" prop="sdWaybill">
<el-input v-model="addForm.sdWaybill" @change="onAwba()" auto-complete="on" placeholder="主单号"></el-input>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="sdWaybill">
<el-input v-model="addForm.sdWaybill" @change="onAwba()" auto-complete="on" placeholder="主单号"
style="width:300px" size="small">
<template slot="prepend" >主单号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="承运人" prop="carrier">
<el-input v-model="addForm.carrier" onkeyup="this.value=this.value.toUpperCase()" auto-complete="on" placeholder="承运人"></el-input>
<el-form-item label="" prop="carrier">
<el-input v-model="addForm.carrier" onkeyup="this.value=this.value.toUpperCase()" auto-complete="on" placeholder="承运人" style="width:300px" size="small">
<template slot="prepend" >承运人</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="航班号" prop="flightno">
<el-input v-model="addForm.flightno" auto-complete="on" placeholder="航班号"></el-input>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="flightno">
<el-input v-model="addForm.flightno" auto-complete="on" placeholder="航班号" style="width:300px" size="small">
<template slot="prepend" >航班号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="9">
<el-form-item label="航班日期" prop="flightdate">
<el-date-picker
v-model="addForm.flightdate"
type="date"
placeholder="选择日期">
</el-date-picker>
<el-col :span="8">
<el-form-item label="" prop="destination">
<el-input v-model="addForm.destination" onkeyup="this.value=this.value.toUpperCase()"
auto-complete="on" placeholder="目的站" style="width:300px" size="small">
<template slot="prepend" >目的站</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="目的站" prop="destination">
<el-input v-model="addForm.destination" onkeyup="this.value=this.value.toUpperCase()" auto-complete="on" placeholder="目的站"></el-input>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="weight">
<el-input v-model="addForm.weight" oninput ="value=value.replace(/[^0-9.]/g,'')"
auto-complete="on" placeholder="重量" style="width:300px" size="small">
<template slot="prepend" >重&nbsp;&nbsp;&nbsp;&nbsp;量</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="件数" prop="piece">
<el-input v-model="addForm.piece" oninput="value=value.replace(/[^\d]/g,'')" auto-complete="on" placeholder="件数"></el-input>
<el-form-item label="" prop="piece">
<el-input v-model="addForm.piece" oninput="value=value.replace(/[^\d]/g,'')"
auto-complete="on" placeholder="件数" style="width:300px" size="small">
<template slot="prepend" >件&nbsp;&nbsp;&nbsp;&nbsp;数</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="7">
<el-form-item label="重量" prop="weight">
<el-input v-model="addForm.weight" oninput ="value=value.replace(/[^0-9.]/g,'')" auto-complete="on" placeholder="重量"></el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="货物品名" prop="cargoName">
<el-input type="textarea" v-model="addForm.cargoName" auto-complete="on" placeholder="货物品名"></el-input>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="sdIataNumber">
<el-input v-model="addForm.sdIataNumber" auto-complete="on" placeholder="航协编号" style="width:300px" size="small">
<template slot="prepend" >航协编号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="货物类型" prop="cargoType">
<el-cascader v-model="addForm.cargoType" :options="cargoTypes" :show-all-levels="false"></el-cascader>
<el-col :span="8" >
<el-form-item label="" prop="flightdate">
<el-date-picker
v-model="addForm.flightdate"
type="date"
placeholder="选择日期" style="width:300px" size="small">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="7">
<el-form-item label="海关关区" prop="customcode">
<el-select v-model="addForm.customcode" placeholder="请选择">
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="cargoType">
<el-cascader placeholder="请选择货物类型" v-model="addForm.cargoType" :options="cargoTypes" :show-all-levels="false" style="width:300px" size="small">
</el-cascader>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="" prop="customcode">
<el-select v-model="addForm.customcode" placeholder="请选择海关关区" style="width:300px" size="small">
<el-option
v-for="item in options"
:key="item.value"
... ... @@ -236,42 +296,57 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="航协编号" prop="sdIataNumber">
<el-input v-model="addForm.sdIataNumber" auto-complete="on" placeholder="航协编号"></el-input>
</el-row>
<el-row>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="sdTransportCertificate">
<el-input v-model="addForm.sdTransportCertificate" auto-complete="on" placeholder="运输条件鉴定书" style="width:300px" size="small">
<template slot="prepend" >运输条件鉴定书</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="运输条件鉴定书" label-width="110px" prop="sdTransportCertificate">
<el-input v-model="addForm.sdTransportCertificate" auto-complete="on" placeholder="运输条件鉴定书"></el-input>
<el-col :span="8">
<el-form-item label="" prop="cargoName">
<el-input type="textarea" v-model="addForm.cargoName" auto-complete="on"
placeholder="请输入货物品名" style="width:300px" size="small">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="20">
<el-form-item label="航空货运销售代理人名称" label-width="180px" prop="sdCargoAgentName">
<el-input v-model="addForm.sdCargoAgentName" auto-complete="on" placeholder="航空货运销售代理人名称"></el-input>
<el-col :span="20" >
<el-form-item label="" prop="sdCargoAgentName">
<el-input v-model="addForm.sdCargoAgentName" auto-complete="on" placeholder="航空货运销售代理人名称"
style="width:620px" size="small">
<template slot="prepend" >航空货运销售代理人名称</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="20">
<el-form-item label="航空货物托运人名称" label-width="170px" prop="sdCargoShipperName">
<el-input v-model="addForm.sdCargoShipperName" auto-complete="on" placeholder="航空货物托运人名称"></el-input>
<el-form-item label="" prop="sdCargoShipperName">
<el-input v-model="addForm.sdCargoShipperName" auto-complete="on" placeholder="航空货物托运人名称"
style="width:620px" size="small">
<template slot="prepend" >航空&nbsp;&nbsp;货物&nbsp;&nbsp;托运人&nbsp;&nbsp;名称</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="20">
<el-form-item label="航空公司同意运输证明" label-width="170px" prop="sdTransportationProve">
<el-input v-model="addForm.sdTransportationProve" auto-complete="on" placeholder="航空公司同意运输证明"></el-input>
<el-form-item label="" prop="sdTransportationProve">
<el-input v-model="addForm.sdTransportationProve" auto-complete="on" placeholder="航空公司同意运输证明"
style="width:620px" size="small">
<template slot="prepend" >航空&nbsp;公司&nbsp;同意&nbsp;运输&nbsp;证明</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click.native="addSubmit(0)">暂存</el-button>
<el-button type="primary" @click.native="addSubmit(1)">保存并发送</el-button>
<div slot="footer" class="dialog-footer" align="center">
<el-button type="primary" size="medium" style="width: 100px" @click.native="addSubmit(0)">暂存</el-button>
<el-button type="success" size="medium" style="width: 120px" @click.native="addSubmit(1)">保存并发送</el-button>
</div>
</el-dialog>
<!--打印界面-->
... ... @@ -1290,3 +1365,13 @@
}
</script>
<style>
.el-input-group__prepend {
background-color: #6F8294;
color:#ffffff
}
.el-input__inner{
background-color: #F7F7F7;
}
</style>
... ...