|
@@ -11,75 +11,7 @@
|
|
|
</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <containerTitle
|
|
|
- title="起止地信息"
|
|
|
- style="margin-top: 50px"></containerTitle>
|
|
|
- <basic-container>
|
|
|
- <el-table
|
|
|
- ref="singleTable"
|
|
|
- :data="tableData"
|
|
|
- size="mini"
|
|
|
- :header-cell-style="{color:'#000',background:'#fafafa'}"
|
|
|
- style="width: 100%">
|
|
|
- <el-table-column
|
|
|
- property="date"
|
|
|
- align="center"
|
|
|
- width="40">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span v-if="scope.$index == 0">
|
|
|
- <el-button type="primary" size="mini" circle>起</el-button>
|
|
|
- </span>
|
|
|
- <span v-else-if="scope.$index === tableData.length-1">
|
|
|
- <el-button type="success" size="mini" circle>止</el-button>
|
|
|
- </span>
|
|
|
- <span v-else>
|
|
|
- <el-button v-if="goodsForm.status === 1" type="warning" size="mini" circle>途</el-button>
|
|
|
- <el-tooltip v-else class="item" effect="dark" content="删除" placement="right">
|
|
|
- <el-button type="danger" icon="el-icon-delete" size="mini" circle
|
|
|
- @click="deleteAddress(scope)"></el-button>
|
|
|
- </el-tooltip>
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- type="index"
|
|
|
- label="序号"
|
|
|
- align="center"
|
|
|
- width="60">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- property="corpName"
|
|
|
- label="发货工厂"
|
|
|
- align="center"
|
|
|
- show-overflow-tooltip
|
|
|
- width="280">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- property="province"
|
|
|
- label="省市区"
|
|
|
- align="center"
|
|
|
- width="280">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-cascader
|
|
|
- size="small"
|
|
|
- style="width: 100%;"
|
|
|
- v-model="scope.row.region"
|
|
|
- disabled
|
|
|
- :props="treeOption"></el-cascader>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- property="address"
|
|
|
- align="center"
|
|
|
- show-overflow-tooltip
|
|
|
- label="详细地址">
|
|
|
- <!-- <template slot-scope="scope">-->
|
|
|
- <!-- <el-input v-model="scope.row.address" size="small" placeholder="请输入内容"></el-input>-->
|
|
|
- <!-- </template>-->
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </basic-container>
|
|
|
- <containerTitle title="委托信息"></containerTitle>
|
|
|
+ <containerTitle title="委托信息" style="margin-top: 50px"></containerTitle>
|
|
|
<basic-container>
|
|
|
<avue-form :option="goodsOptionForm" v-model="goodsForm">
|
|
|
<template slot-scope="scope" slot="corpId">
|
|
@@ -149,6 +81,90 @@
|
|
|
</template>
|
|
|
</avue-form>
|
|
|
</basic-container>
|
|
|
+ <containerTitle
|
|
|
+ title="起止地信息"></containerTitle>
|
|
|
+ <basic-container>
|
|
|
+ <el-table
|
|
|
+ ref="singleTable"
|
|
|
+ :data="tableData"
|
|
|
+ size="mini"
|
|
|
+ :header-cell-style="{color:'#000',background:'#fafafa'}"
|
|
|
+ style="width: 100%">
|
|
|
+ <el-table-column
|
|
|
+ property="date"
|
|
|
+ align="center"
|
|
|
+ width="40">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span v-if="scope.$index == 0">
|
|
|
+ <el-button type="primary" size="mini" circle>起</el-button>
|
|
|
+ </span>
|
|
|
+ <span v-else-if="scope.$index === tableData.length-1">
|
|
|
+ <el-button type="success" size="mini" circle>止</el-button>
|
|
|
+ </span>
|
|
|
+ <span v-else>
|
|
|
+ <el-button v-if="goodsForm.status === 2" type="warning" size="mini" circle>途</el-button>
|
|
|
+ <el-tooltip v-else class="item" effect="dark" content="删除" placement="right">
|
|
|
+ <el-button type="danger" icon="el-icon-delete" size="mini" circle
|
|
|
+ @click="deleteAddress(scope)"></el-button>
|
|
|
+ </el-tooltip>
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ type="index"
|
|
|
+ label="序号"
|
|
|
+ align="center"
|
|
|
+ width="60">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ property="corpName"
|
|
|
+ label="发货工厂"
|
|
|
+ align="center"
|
|
|
+ show-overflow-tooltip
|
|
|
+ width="200">
|
|
|
+ </el-table-column>
|
|
|
+ <!-- <el-table-column-->
|
|
|
+ <!-- property="province"-->
|
|
|
+ <!-- label="省市区"-->
|
|
|
+ <!-- align="center"-->
|
|
|
+ <!-- width="280">-->
|
|
|
+ <!-- <template slot-scope="scope">-->
|
|
|
+ <!-- <el-cascader-->
|
|
|
+ <!-- size="small"-->
|
|
|
+ <!-- style="width: 100%;"-->
|
|
|
+ <!-- v-model="scope.row.region"-->
|
|
|
+ <!-- disabled-->
|
|
|
+ <!-- :props="treeOption"></el-cascader>-->
|
|
|
+ <!-- </template>-->
|
|
|
+ <!-- </el-table-column>-->
|
|
|
+ <el-table-column
|
|
|
+ property="contacts"
|
|
|
+ align="center"
|
|
|
+ width="150"
|
|
|
+ show-overflow-tooltip
|
|
|
+ label="联系人">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ property="tel"
|
|
|
+ align="center"
|
|
|
+ width="180"
|
|
|
+ show-overflow-tooltip
|
|
|
+ label="电话">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ property="address"
|
|
|
+ align="center"
|
|
|
+ show-overflow-tooltip
|
|
|
+ label="详细地址">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ property="remarks"
|
|
|
+ align="center"
|
|
|
+ show-overflow-tooltip
|
|
|
+ label="备注">
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </basic-container>
|
|
|
<containerTitle title="车辆信息"></containerTitle>
|
|
|
<basic-container>
|
|
|
<avue-crud
|
|
@@ -621,7 +637,7 @@ export default {
|
|
|
width: 200,
|
|
|
prop: 'fleetId'
|
|
|
}, {
|
|
|
- label: '到厂时间',
|
|
|
+ label: '货运日期',
|
|
|
type: "datetime",
|
|
|
cell: true,
|
|
|
format: 'yyyy-MM-dd HH:mm:ss',
|
|
@@ -641,19 +657,21 @@ export default {
|
|
|
prop: 'quantity',
|
|
|
type: 'number',
|
|
|
precision:0
|
|
|
- }, {
|
|
|
- label: '包装',
|
|
|
- width: 100,
|
|
|
- overHidden: true,
|
|
|
- cell: true,
|
|
|
- prop: 'packing',
|
|
|
- type: 'select',
|
|
|
- dicUrl: "/api/blade-system/dict-biz/dictionary?code=packaging",
|
|
|
- props: {
|
|
|
- label: "dictValue",
|
|
|
- value: "dictValue"
|
|
|
- },
|
|
|
- }, {
|
|
|
+ }
|
|
|
+ // , {
|
|
|
+ // label: '包装',
|
|
|
+ // width: 100,
|
|
|
+ // overHidden: true,
|
|
|
+ // cell: true,
|
|
|
+ // prop: 'packing',
|
|
|
+ // type: 'select',
|
|
|
+ // dicUrl: "/api/blade-system/dict-biz/dictionary?code=packaging",
|
|
|
+ // props: {
|
|
|
+ // label: "dictValue",
|
|
|
+ // value: "dictValue"
|
|
|
+ // },
|
|
|
+ // }
|
|
|
+ , {
|
|
|
label: '尺码',
|
|
|
width: 100,
|
|
|
overHidden: true,
|
|
@@ -790,82 +808,135 @@ export default {
|
|
|
disabled: true,
|
|
|
span: 8,
|
|
|
column: [{
|
|
|
- label: '客户名称',
|
|
|
+ label: '公司名称',
|
|
|
formslot: true,
|
|
|
- prop: 'corpId'
|
|
|
+ prop: 'corpId',
|
|
|
+ rules: [{
|
|
|
+ required: true,
|
|
|
+ message: " ",
|
|
|
+ trigger: "change"
|
|
|
+ }],
|
|
|
}, {
|
|
|
- label: '提单号',
|
|
|
- prop: 'billNo'
|
|
|
+ label: '业务员',
|
|
|
+ prop: 'salesman',
|
|
|
+ rules: [{
|
|
|
+ required: true,
|
|
|
+ message: " ",
|
|
|
+ trigger: "blur"
|
|
|
+ }]
|
|
|
}, {
|
|
|
- label: '到厂时间',
|
|
|
+ label: '业务员部门',
|
|
|
+ prop: 'salesmanDept',
|
|
|
+ type: "tree",
|
|
|
+ filter: false,
|
|
|
+ dicData: [],
|
|
|
+ props: {
|
|
|
+ label: "title"
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '委托日期',
|
|
|
+ prop: 'bsDate',
|
|
|
type: "datetime",
|
|
|
format: 'yyyy-MM-dd HH:mm:ss',
|
|
|
valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
|
|
- prop: 'arrivalTime'
|
|
|
}, {
|
|
|
- label: '订单号',
|
|
|
- prop: 'orderNo',
|
|
|
- disabled: true
|
|
|
+ label: '联系电话',
|
|
|
+ prop: 'tel'
|
|
|
}, {
|
|
|
- label: '场站',
|
|
|
- prop: 'station'
|
|
|
+ label: '票据号',
|
|
|
+ prop: 'receiptNo'
|
|
|
}, {
|
|
|
- label: '业务员',
|
|
|
- prop: 'salesman',
|
|
|
- type: 'select',
|
|
|
- dicUrl: "/api/blade-client/corpsattn/all-list",
|
|
|
- props: {
|
|
|
- label: "cname",
|
|
|
- value: "id"
|
|
|
- },
|
|
|
- }]
|
|
|
- },
|
|
|
- goodsOptionFormTwo: {
|
|
|
- menuBtn: false,
|
|
|
- disabled: true,
|
|
|
- span: 8,
|
|
|
- column: [{
|
|
|
- label: '所属公司',
|
|
|
- formslot: true,
|
|
|
- prop: 'belongCompany',
|
|
|
+ label: '提单号',
|
|
|
+ prop: 'billNo',
|
|
|
rules: [{
|
|
|
- required: false,
|
|
|
+ required: true,
|
|
|
message: " ",
|
|
|
trigger: "blur"
|
|
|
}],
|
|
|
}, {
|
|
|
- label: '船名航次',
|
|
|
- prop: 'factory'
|
|
|
- }, {
|
|
|
- label: '货物名称',
|
|
|
- prop: 'goods'
|
|
|
- }, {
|
|
|
- label: '订舱代理',
|
|
|
- prop: 'agentId'
|
|
|
- }, {
|
|
|
- label: '起运港',
|
|
|
- prop: 'polId'
|
|
|
- }, {
|
|
|
- label: '目的港',
|
|
|
- prop: 'podId'
|
|
|
- }, {
|
|
|
- label: '开船日期',
|
|
|
- prop: 'etd',
|
|
|
- type: 'date'
|
|
|
- }, {
|
|
|
- label: '截关日期',
|
|
|
- prop: 'etc',
|
|
|
- type: 'date'
|
|
|
+ label: '入货场站',
|
|
|
+ prop: 'station',
|
|
|
+ rules: [{
|
|
|
+ required: true,
|
|
|
+ message: " ",
|
|
|
+ trigger: "blur"
|
|
|
+ }],
|
|
|
}, {
|
|
|
- label: '截单日期',
|
|
|
- prop: 'siCutoffDate',
|
|
|
- type: 'date'
|
|
|
+ label: '货运日期',
|
|
|
+ type: "datetime",
|
|
|
+ format: 'yyyy-MM-dd HH:mm:ss',
|
|
|
+ valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
|
|
+ prop: 'arrivalTime',
|
|
|
+ rules: [{
|
|
|
+ required: true,
|
|
|
+ message: " ",
|
|
|
+ trigger: "blur"
|
|
|
+ }],
|
|
|
}, {
|
|
|
label: '备注',
|
|
|
span: 24,
|
|
|
prop: 'remarks'
|
|
|
- }
|
|
|
- ]
|
|
|
+ }]
|
|
|
+ },
|
|
|
+ goodsOptionFormTwo: {
|
|
|
+ menuBtn: false,
|
|
|
+ disabled: true,
|
|
|
+ span: 8,
|
|
|
+ column: [
|
|
|
+ // {
|
|
|
+ // label: '所属公司',
|
|
|
+ // formslot: true,
|
|
|
+ // prop: 'belongCompany',
|
|
|
+ // rules: [{
|
|
|
+ // required: false,
|
|
|
+ // message: " ",
|
|
|
+ // trigger: "blur"
|
|
|
+ // }],
|
|
|
+ // },
|
|
|
+ {
|
|
|
+ label: '船名航次',
|
|
|
+ prop: 'factory',
|
|
|
+ rules: [{
|
|
|
+ required: false,
|
|
|
+ message: " ",
|
|
|
+ trigger: "blur"
|
|
|
+ }],
|
|
|
+ }
|
|
|
+ // , {
|
|
|
+ // label: '货物名称',
|
|
|
+ // prop: 'goods',
|
|
|
+ // rules: [{
|
|
|
+ // required: false,
|
|
|
+ // message: " ",
|
|
|
+ // trigger: "blur"
|
|
|
+ // }],
|
|
|
+ // }
|
|
|
+ , {
|
|
|
+ label: '开船日期',
|
|
|
+ prop: 'etd',
|
|
|
+ type: 'date'
|
|
|
+ }, {
|
|
|
+ label: '截港日期',
|
|
|
+ prop: 'etc',
|
|
|
+ type: 'date'
|
|
|
+ }, {
|
|
|
+ label: '起运港',
|
|
|
+ prop: 'polId'
|
|
|
+ }, {
|
|
|
+ label: '目的港',
|
|
|
+ prop: 'podId'
|
|
|
+ }, {
|
|
|
+ label: '预配箱量',
|
|
|
+ prop: 'expectCtnQty',
|
|
|
+ type: 'date'
|
|
|
+ }, {
|
|
|
+ label: '截单日期',
|
|
|
+ prop: 'siCutoffDate',
|
|
|
+ type: 'date'
|
|
|
+ }, {
|
|
|
+ label: '订舱代理',
|
|
|
+ prop: 'agentId'
|
|
|
+ }]
|
|
|
},
|
|
|
entrustOptionTwo: {
|
|
|
align: 'center',
|
|
@@ -1106,9 +1177,9 @@ export default {
|
|
|
delete this.goodsForm.orderAddressList
|
|
|
delete this.goodsForm.orderItemList
|
|
|
delete this.goodsForm.orderFeeList
|
|
|
- this.tableData.forEach(item => {
|
|
|
- if (item.region) item.region = item.region.split(',')
|
|
|
- })
|
|
|
+ // this.tableData.forEach(item => {
|
|
|
+ // if (item.region) item.region = item.region.split(',')
|
|
|
+ // })
|
|
|
})
|
|
|
}
|
|
|
this.$refs.other.show = false
|
|
@@ -1214,9 +1285,9 @@ export default {
|
|
|
delete this.goodsForm.orderAddressList
|
|
|
delete this.goodsForm.orderItemList
|
|
|
delete this.goodsForm.orderFeeList
|
|
|
- this.tableData.forEach(item => {
|
|
|
- if (item.region) item.region = item.region.split(',')
|
|
|
- })
|
|
|
+ // this.tableData.forEach(item => {
|
|
|
+ // if (item.region) item.region = item.region.split(',')
|
|
|
+ // })
|
|
|
})
|
|
|
},
|
|
|
//切换收付费
|
|
@@ -1333,9 +1404,9 @@ export default {
|
|
|
//保存
|
|
|
editCustomer() {
|
|
|
let data = JSON.parse(JSON.stringify(this.tableData))
|
|
|
- data.forEach(item => {
|
|
|
- if (item.region.length !== 0) item.region = item.region.join(',')
|
|
|
- })
|
|
|
+ // data.forEach(item => {
|
|
|
+ // if (item.region.length !== 0) item.region = item.region.join(',')
|
|
|
+ // })
|
|
|
saveDelegationList({
|
|
|
...this.goodsForm,
|
|
|
kind: '2',
|
|
@@ -1416,6 +1487,12 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
-<style scoped>
|
|
|
+<style scoped lang="scss">
|
|
|
+::v-deep .el-form-item {
|
|
|
+ margin-bottom: 8px;
|
|
|
+}
|
|
|
|
|
|
+::v-deep .el-form-item__content{
|
|
|
+ line-height: 32px;
|
|
|
+}
|
|
|
</style>
|