|
|
|
|
@ -59,7 +59,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="main-title">
|
|
|
|
|
<img src="../../../../assets/icons/u995.svg" alt="">预甩明细
|
|
|
|
|
<a-button style="margin-left: 20px;" type="primary" @click="handleRefsh" size="small">发送通知</a-button>
|
|
|
|
|
<a-button style="margin-left: 20px;" type="primary" @click="handleSendNotice" size="small">发送通知</a-button>
|
|
|
|
|
<a-button style="margin-left: 20px;" type="primary" @click="handleRefsh" size="small">刷新订舱对应</a-button>
|
|
|
|
|
</div>
|
|
|
|
|
<a-table
|
|
|
|
|
@ -67,6 +67,7 @@
|
|
|
|
|
size="small"
|
|
|
|
|
:scroll="{ x: 1500, y: 300 }"
|
|
|
|
|
:columns="columns"
|
|
|
|
|
rowKey="batchId"
|
|
|
|
|
:row-selection="{ selectedRowKeys: selectedRowKeysTable, onChange: onSelectChangeTable }"
|
|
|
|
|
:data-source="data"
|
|
|
|
|
bordered>
|
|
|
|
|
@ -74,7 +75,7 @@
|
|
|
|
|
<span style="color: #02A7F0">{{ text ? '是' : '否' }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div slot="bookingId" slot-scope="text,record">
|
|
|
|
|
<span @click="handleOpen(record)" style="color: #02A7F0;cursor: pointer;">查看</span>
|
|
|
|
|
<span v-if="record.bookingId" @click="handleOpen(record)" style="color: #02A7F0;cursor: pointer;">查看</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div slot="userOpinion" slot-scope="text,record">
|
|
|
|
|
<span style="color: #02A7F0;margin-right: 15px;">{{ record.userOpinion ? '是' : '否' }}</span>
|
|
|
|
|
@ -83,8 +84,9 @@
|
|
|
|
|
<div slot="isUserManual" slot-scope="text,record">
|
|
|
|
|
<span style="color: #02A7F0">{{ record.isUserManual ? '是' : '否' }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div slot="ctnStat" slot-scope="text">
|
|
|
|
|
<span style="color: #02A7F0">{{ text }}</span>
|
|
|
|
|
<div slot="ctnStat" slot-scope="text,record">
|
|
|
|
|
<span v-if="!record.ctnNote" style="color: #02A7F0;">{{ text }}</span>
|
|
|
|
|
<span v-if="record.ctnNote" style="color: #02A7F0;cursor: pointer;background-color: yellow;" @click="handleOpenCtn(record)">{{ text }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</a-table>
|
|
|
|
|
<div style="color: black;margin: 10px 0;text-align: right;width: 100%;">
|
|
|
|
|
@ -356,6 +358,43 @@
|
|
|
|
|
</a-table>
|
|
|
|
|
</a-spin>
|
|
|
|
|
</a-modal>
|
|
|
|
|
<a-modal
|
|
|
|
|
title="Notes"
|
|
|
|
|
width="1100px"
|
|
|
|
|
v-model="ctnFlag"
|
|
|
|
|
:footer="null">
|
|
|
|
|
<a-spin :spinning="ctnLoading">
|
|
|
|
|
<a-table
|
|
|
|
|
:pagination="false"
|
|
|
|
|
size="small"
|
|
|
|
|
:scroll="{ x: 1500, y: 500 }"
|
|
|
|
|
:columns="columnsLoadByCtn"
|
|
|
|
|
:data-source="ctnList"
|
|
|
|
|
bordered>
|
|
|
|
|
<div slot="ctnNote" slot-scope="text,record">
|
|
|
|
|
<span style="color: #02A7F0;cursor: pointer;" @click="handleOpenchange(record)">箱型高度未提供</span>
|
|
|
|
|
</div>
|
|
|
|
|
</a-table>
|
|
|
|
|
</a-spin>
|
|
|
|
|
</a-modal>
|
|
|
|
|
<a-modal
|
|
|
|
|
title="修改箱型"
|
|
|
|
|
width="600px"
|
|
|
|
|
@ok="handleSaveCtn"
|
|
|
|
|
@cancel="ctnChangeFlag = false"
|
|
|
|
|
v-model="ctnChangeFlag"
|
|
|
|
|
>
|
|
|
|
|
<a-select
|
|
|
|
|
v-model="ctnCode"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
show-search
|
|
|
|
|
:filter-option="filterOption"
|
|
|
|
|
placeholder="请选择箱型箱量"
|
|
|
|
|
>
|
|
|
|
|
<a-select-option v-for="(item,index) in ctnallList" :key="index" :value="item.code">{{ item.name }}</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
|
|
|
|
|
</a-modal>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
@ -373,7 +412,10 @@ import {
|
|
|
|
|
TaskManageRolingWominationGetUrl,
|
|
|
|
|
DispatchRollingNomination,
|
|
|
|
|
RefreshBookingorder,
|
|
|
|
|
CreateShareLink
|
|
|
|
|
CreateShareLink,
|
|
|
|
|
GetPreBillDetailList,
|
|
|
|
|
SaveDetai1Container,
|
|
|
|
|
PushShareLink
|
|
|
|
|
} from '@/api/modular/main/TaskmanageList'
|
|
|
|
|
import { mapGetters } from 'vuex'
|
|
|
|
|
import { DjyCustomerSuggest, GetSysUserPage, DjyCustomerContacts } from '@/api/modular/main/BookingLedger'
|
|
|
|
|
@ -382,6 +424,8 @@ export default {
|
|
|
|
|
return {
|
|
|
|
|
CustomerList: [],
|
|
|
|
|
CreateData: {},
|
|
|
|
|
ctnCode: '',
|
|
|
|
|
ctnChangeFlag: false,
|
|
|
|
|
UserId: '',
|
|
|
|
|
confirmDeadLine: '',
|
|
|
|
|
selectedRowKeys: [],
|
|
|
|
|
@ -391,6 +435,7 @@ export default {
|
|
|
|
|
getloadDetailList: [],
|
|
|
|
|
data: [],
|
|
|
|
|
confirmLoading: false,
|
|
|
|
|
ctnList: [{ shipment: '123' }],
|
|
|
|
|
getLoadFlag: false,
|
|
|
|
|
columnsGetLoad: [
|
|
|
|
|
{
|
|
|
|
|
@ -504,6 +549,69 @@ export default {
|
|
|
|
|
width: '120px'
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
columnsLoadByCtn: [
|
|
|
|
|
{
|
|
|
|
|
title: 'Shipment',
|
|
|
|
|
dataIndex: 'shipment',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '120px'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'Equipment Number',
|
|
|
|
|
dataIndex: 'equipmentNumber',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '120px'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'Container',
|
|
|
|
|
dataIndex: 'containerType',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '120px'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'ctnNote',
|
|
|
|
|
dataIndex: 'ctnNote',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '120px',
|
|
|
|
|
scopedSlots: { customRender: 'ctnNote' }
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'FEE',
|
|
|
|
|
dataIndex: 'fee',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '70px'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'Weight',
|
|
|
|
|
dataIndex: 'weight',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '70px'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'Place of Receipt',
|
|
|
|
|
dataIndex: 'placeOfReceipt',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '120px'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'Load Port Name',
|
|
|
|
|
dataIndex: 'loadPortName',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '120px'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'Discharge Port Name',
|
|
|
|
|
dataIndex: 'dischargePortName',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '120px'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'Place of Delivery',
|
|
|
|
|
dataIndex: 'placeOfDelivery',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '120px'
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
columns: [
|
|
|
|
|
{
|
|
|
|
|
title: 'Shipment',
|
|
|
|
|
@ -648,15 +756,19 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
href: '',
|
|
|
|
|
spinning: false,
|
|
|
|
|
editCtn: {},
|
|
|
|
|
bookingServiceItem: [],
|
|
|
|
|
pdfUrl: '',
|
|
|
|
|
UserList: [],
|
|
|
|
|
fromData: {},
|
|
|
|
|
loadDetailList: [],
|
|
|
|
|
ctnLoading: false,
|
|
|
|
|
ctnFlag: false,
|
|
|
|
|
userRow: '',
|
|
|
|
|
userFlag: false,
|
|
|
|
|
totalCtn: '',
|
|
|
|
|
rollingPlanList: [],
|
|
|
|
|
nominationId: '',
|
|
|
|
|
toData: {},
|
|
|
|
|
openRow: {},
|
|
|
|
|
getLoad: false,
|
|
|
|
|
@ -666,7 +778,7 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
computed: {
|
|
|
|
|
...mapGetters([
|
|
|
|
|
'userInfo'
|
|
|
|
|
'userInfo', 'ctnallList'
|
|
|
|
|
])
|
|
|
|
|
},
|
|
|
|
|
watch: {
|
|
|
|
|
@ -694,11 +806,44 @@ export default {
|
|
|
|
|
this.$message.success('复制成功')
|
|
|
|
|
},
|
|
|
|
|
handleLook(row) {
|
|
|
|
|
console.log(row)
|
|
|
|
|
TaskManageRolingWominationGetUrl({ batchId: row.batchId }).then(res => {
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
handleSendNotice() {
|
|
|
|
|
const newList = Array.from(new Set(this.selectedRowKeysTable))
|
|
|
|
|
console.log(this.selectedRowKeysTable, newList)
|
|
|
|
|
PushShareLink(newList).then(res => {
|
|
|
|
|
if (res.data.succ) {
|
|
|
|
|
this.$message.success('操作成功')
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.data.msg)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
handleSaveCtn() {
|
|
|
|
|
const data = {
|
|
|
|
|
detailPKId: this.editCtn.pkId,
|
|
|
|
|
ctnCode: this.ctnCode
|
|
|
|
|
}
|
|
|
|
|
SaveDetai1Container(data).then(res => {
|
|
|
|
|
if (res.data.succ) {
|
|
|
|
|
this.$message.success('操作成功')
|
|
|
|
|
this.ctnChangeFlag = false
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.data.msg)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
handleOpenchange(row) {
|
|
|
|
|
this.ctnChangeFlag = true
|
|
|
|
|
this.editCtn = row
|
|
|
|
|
},
|
|
|
|
|
filterOption(input, option) {
|
|
|
|
|
return (
|
|
|
|
|
option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
handleAgain(row) {
|
|
|
|
|
this.spinning = true
|
|
|
|
|
CreateShareLink([row.batchId]).then(res => {
|
|
|
|
|
@ -775,7 +920,9 @@ export default {
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
handleOpen(row) {
|
|
|
|
|
console.log(row)
|
|
|
|
|
if (row.bookingId) {
|
|
|
|
|
this.$router.push({ name: 'BookingDetail', query: { id: row.bookingId } })
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
onSelectChange(selectedRowKeys) {
|
|
|
|
|
this.selectedRowKeys = selectedRowKeys;
|
|
|
|
|
@ -873,6 +1020,7 @@ export default {
|
|
|
|
|
this.confirmDeadLine = res.data.confirmDeadLine
|
|
|
|
|
this.rollingTouchDoubleRollRemark = res.data.rollingTouchDoubleRollRemark
|
|
|
|
|
this.totalCtn = res.data.totalPreBillCtnStat
|
|
|
|
|
this.nominationId = res.data.nominationId
|
|
|
|
|
this.$forceUpdate()
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.message)
|
|
|
|
|
@ -885,9 +1033,25 @@ export default {
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
handleOpenCtn(row) {
|
|
|
|
|
const data = {
|
|
|
|
|
nominationId: this.nominationId,
|
|
|
|
|
shipmentNo: row.shipment
|
|
|
|
|
}
|
|
|
|
|
this.ctnFlag = true
|
|
|
|
|
this.ctnLoading = true
|
|
|
|
|
GetPreBillDetailList(data).then(res => {
|
|
|
|
|
if (res.data.succ) {
|
|
|
|
|
this.ctnList = res.data.ext
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.data.msg)
|
|
|
|
|
}
|
|
|
|
|
this.ctnLoading = false
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
handleCancel(row) {
|
|
|
|
|
this.spinning = true
|
|
|
|
|
TaskManageRolingWominationCancelsharelink([row.batchId]).then(res => {
|
|
|
|
|
TaskManageRolingWominationCancelsharelink({ dispatchBatchId: row.batchId }).then(res => {
|
|
|
|
|
if (res.data.succ) {
|
|
|
|
|
this.$message.success('操作成功')
|
|
|
|
|
} else {
|
|
|
|
|
@ -925,8 +1089,12 @@ export default {
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
handleRefsh() {
|
|
|
|
|
RefreshBookingorder().then(res => {
|
|
|
|
|
|
|
|
|
|
RefreshBookingorder({ nominationId: this.$route.query.taskPKId }).then(res => {
|
|
|
|
|
if (res.data.succ) {
|
|
|
|
|
this.$message.success('操作成功')
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.data.msg)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
OpenModal() {
|
|
|
|
|
|
