|
@@ -6,12 +6,7 @@
|
|
|
<h2 class="bg-left title">船运调度详情</h2>
|
|
|
</el-col>
|
|
|
<el-col :span="4" class="bg-right">
|
|
|
- <el-button
|
|
|
- class="bg-bottom"
|
|
|
- type="primary"
|
|
|
- size="small"
|
|
|
- @click="revert()"
|
|
|
- >
|
|
|
+ <el-button class="bg-bottom" type="primary" size="small" @click="revert()">
|
|
|
<img
|
|
|
width="6"
|
|
|
height="10"
|
|
@@ -28,22 +23,16 @@
|
|
|
<div class="small-title">任务详情</div>
|
|
|
<ws-info-table>
|
|
|
<!-- 任务编号 -->
|
|
|
- <ws-form-item label="任务编号" span="1" prop="processNo">
|
|
|
- {{ deptBudgetList.processNo }}
|
|
|
- </ws-form-item>
|
|
|
+ <ws-form-item label="任务编号" span="1" prop="processNo">{{ deptBudgetList.processNo }}</ws-form-item>
|
|
|
<!-- 货名 -->
|
|
|
- <ws-form-item label="货名" span="1" prop="goodsName">
|
|
|
- {{ deptBudgetList.goodsName }}
|
|
|
- </ws-form-item>
|
|
|
+ <ws-form-item label="货名" span="1" prop="goodsName">{{ deptBudgetList.goodsName }}</ws-form-item>
|
|
|
<!--重量(吨)-->
|
|
|
<ws-form-item
|
|
|
label="重量(吨)"
|
|
|
span="1"
|
|
|
prop="weight"
|
|
|
class="readonly"
|
|
|
- >
|
|
|
- {{ deptBudgetList.weight }}
|
|
|
- </ws-form-item>
|
|
|
+ >{{ deptBudgetList.weight }}</ws-form-item>
|
|
|
|
|
|
<!--发货地址-->
|
|
|
<ws-form-item label="发货地址" span="1">
|
|
@@ -51,59 +40,51 @@
|
|
|
}}{{ deptBudgetList.sendArea }}
|
|
|
</ws-form-item>
|
|
|
<!--发货人-->
|
|
|
- <ws-form-item label="发货人" span="1" prop="sender">
|
|
|
- {{ deptBudgetList.sender }}
|
|
|
- </ws-form-item>
|
|
|
+ <ws-form-item label="发货人" span="1" prop="sender">{{ deptBudgetList.sender }}</ws-form-item>
|
|
|
|
|
|
<!--发货人电话-->
|
|
|
- <ws-form-item label="发货人电话" span="1" prop="senderPhone">
|
|
|
- {{ deptBudgetList.senderPhone }}
|
|
|
- </ws-form-item>
|
|
|
+ <ws-form-item label="发货人电话" span="1" prop="senderPhone">{{ deptBudgetList.senderPhone }}</ws-form-item>
|
|
|
<!--收货地址-->
|
|
|
- <ws-form-item
|
|
|
- label="收货地址"
|
|
|
- span="1"
|
|
|
- prop="receiveDetailedAddress"
|
|
|
- >
|
|
|
+ <ws-form-item label="收货地址" span="1" prop="receiveDetailedAddress">
|
|
|
{{ deptBudgetList.receivePrivate }}{{ deptBudgetList.receiveCity
|
|
|
}}{{ deptBudgetList.receiveArea }}
|
|
|
</ws-form-item>
|
|
|
<!--收货人-->
|
|
|
- <ws-form-item label="收货人" span="1" prop="receiver">
|
|
|
- {{ deptBudgetList.receiver }}
|
|
|
- </ws-form-item>
|
|
|
+ <ws-form-item label="收货人" span="1" prop="receiver">{{ deptBudgetList.receiver }}</ws-form-item>
|
|
|
|
|
|
<!--收货人电话-->
|
|
|
- <ws-form-item label="收货人电话" span="1" prop="receiverPhone">
|
|
|
- {{ deptBudgetList.receiverPhone }}
|
|
|
- </ws-form-item>
|
|
|
+ <ws-form-item
|
|
|
+ label="收货人电话"
|
|
|
+ span="1"
|
|
|
+ prop="receiverPhone"
|
|
|
+ >{{ deptBudgetList.receiverPhone }}</ws-form-item>
|
|
|
|
|
|
<!--发船日期-->
|
|
|
- <ws-form-item label="发船日期" span="1" prop="deliveryDateStart">
|
|
|
- {{ deptBudgetList.deliveryDateStart }}
|
|
|
- </ws-form-item>
|
|
|
+ <ws-form-item
|
|
|
+ label="发船日期"
|
|
|
+ span="1"
|
|
|
+ prop="deliveryDateStart"
|
|
|
+ >{{ deptBudgetList.deliveryDateStart }}</ws-form-item>
|
|
|
|
|
|
<!--最晚发货日期-->
|
|
|
- <ws-form-item label="最晚到货日期" span="1" prop="deliveryDateEnd">
|
|
|
- {{ deptBudgetList.deliveryDateEnd }}
|
|
|
- </ws-form-item>
|
|
|
+ <ws-form-item
|
|
|
+ label="最晚到货日期"
|
|
|
+ span="1"
|
|
|
+ prop="deliveryDateEnd"
|
|
|
+ >{{ deptBudgetList.deliveryDateEnd }}</ws-form-item>
|
|
|
<!--合同编号-->
|
|
|
- <ws-form-item label="合同编号" span="1" prop="contractNo">
|
|
|
- {{ deptBudgetList.contractNo }}
|
|
|
- </ws-form-item>
|
|
|
+ <ws-form-item label="合同编号" span="1" prop="contractNo">{{ deptBudgetList.contractNo }}</ws-form-item>
|
|
|
</ws-info-table>
|
|
|
<div class="small-title">联络员及航次</div>
|
|
|
<div
|
|
|
style="width: 100% "
|
|
|
- class="flex position middle"
|
|
|
+ class="flex position middle"
|
|
|
v-for="(item, index) in deptBudgetList.tranCarInfoList"
|
|
|
>
|
|
|
- <div style="margin: 18px;color: #69708C;">航次信息</div>
|
|
|
+ <div style="margin: 18px;color: #69708C;">航次信息</div>
|
|
|
<ws-info-table>
|
|
|
<!-- 姓名 -->
|
|
|
- <ws-form-item label="姓名:" span="1" prop="driver" class="siji">
|
|
|
- {{item.driver}}
|
|
|
- </ws-form-item>
|
|
|
+ <ws-form-item label="姓名:" span="1" prop="driver" class="siji">{{item.driver}}</ws-form-item>
|
|
|
<!-- <el-divider direction="vertical" class="line"></el-divider> -->
|
|
|
<!-- 电话 -->
|
|
|
<ws-form-item
|
|
@@ -111,9 +92,7 @@
|
|
|
span="1"
|
|
|
prop="driverPhone"
|
|
|
class="siji"
|
|
|
- >
|
|
|
- {{ item.driverPhone }}
|
|
|
- </ws-form-item>
|
|
|
+ >{{ item.driverPhone }}</ws-form-item>
|
|
|
<!-- <el-divider direction="vertical" class="line"></el-divider> -->
|
|
|
<!--发船日期-->
|
|
|
<ws-form-item
|
|
@@ -121,56 +100,58 @@
|
|
|
span="1"
|
|
|
prop="sendDateStart"
|
|
|
class="siji"
|
|
|
- >
|
|
|
- {{ item.sendDateStart }}
|
|
|
- </ws-form-item>
|
|
|
+ >{{ item.sendDateStart }}</ws-form-item>
|
|
|
<!-- <el-divider direction="vertical" class="line"></el-divider> -->
|
|
|
<ws-form-item
|
|
|
label="预计到港日期:"
|
|
|
span="1"
|
|
|
prop="receiveDateEnd"
|
|
|
class="siji"
|
|
|
- >
|
|
|
- {{ item.receiveDateEnd }}
|
|
|
- </ws-form-item>
|
|
|
+ >{{ item.receiveDateEnd }}</ws-form-item>
|
|
|
<!-- <el-divider direction="vertical" class="line"></el-divider> -->
|
|
|
<!-- 船名 -->
|
|
|
- <ws-form-item label="船名:" span="1" prop="shipName" class="siji">
|
|
|
- {{ item.shipName }}
|
|
|
- </ws-form-item>
|
|
|
- <!-- <el-divider direction="vertical" class="line"></el-divider> -->
|
|
|
+ <ws-form-item label="船名:" span="1" prop="shipName" class="siji">{{ item.shipName }}</ws-form-item>
|
|
|
+ <!-- <el-divider direction="vertical" class="line"></el-divider> -->
|
|
|
<!-- 航次 -->
|
|
|
- <ws-form-item label="航次:" span="1" prop="shipNo" class="siji">
|
|
|
- {{ item.shipNo }}
|
|
|
- </ws-form-item>
|
|
|
+ <ws-form-item label="航次:" span="1" prop="shipNo" class="siji">{{ item.shipNo }}</ws-form-item>
|
|
|
|
|
|
<!-- <el-divider direction="vertical" class="line"></el-divider> -->
|
|
|
<!-- 类型 -->
|
|
|
- <ws-form-item label="类型:" span="1" prop="shipType" class="siji">
|
|
|
- {{ item.shipType }}
|
|
|
- </ws-form-item>
|
|
|
+ <ws-form-item label="类型:" span="1" prop="shipType" class="siji">{{ item.shipType }}</ws-form-item>
|
|
|
<ws-form-item
|
|
|
label="数量"
|
|
|
span="1"
|
|
|
prop="boxNumber"
|
|
|
class="siji"
|
|
|
v-show="item.shipType == '集装箱'"
|
|
|
- >
|
|
|
- {{ item.boxNumber }}
|
|
|
- </ws-form-item>
|
|
|
-
|
|
|
+ >{{ item.boxNumber }}</ws-form-item>
|
|
|
</ws-info-table>
|
|
|
-
|
|
|
</div>
|
|
|
-
|
|
|
- <div style="text-align: right; padding: 10px">
|
|
|
- <el-button
|
|
|
- class="bg-bottom-up"
|
|
|
- type="primary"
|
|
|
- size="small"
|
|
|
- @click="returnsales()"
|
|
|
- >关闭</el-button
|
|
|
+ <div class="xia">
|
|
|
+ <div
|
|
|
+ style="width: 100%"
|
|
|
+ class="flex position cangno"
|
|
|
+ v-for="(items, index) in freightspace"
|
|
|
>
|
|
|
+ <ws-info-table>
|
|
|
+ <ws-form-item
|
|
|
+ :label="'仓位号-' + (index + 1)"
|
|
|
+ span="1"
|
|
|
+ prop="impurity"
|
|
|
+ class="bot"
|
|
|
+ >{{ items.impurity }}</ws-form-item>
|
|
|
+ <!-- 重量(吨) -->
|
|
|
+ <ws-form-item
|
|
|
+ label="重量(吨)"
|
|
|
+ span="1"
|
|
|
+ prop="positionWeight"
|
|
|
+ class="bot"
|
|
|
+ >{{ items.positionWeight }}</ws-form-item>
|
|
|
+ </ws-info-table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="text-align: right; padding: 10px">
|
|
|
+ <el-button class="bg-bottom-up" type="primary" size="small" @click="returnsales()">关闭</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</ws-form>
|
|
@@ -187,7 +168,7 @@ export default {
|
|
|
name: 'viewSpareMoney',
|
|
|
components: {
|
|
|
WsUpload,
|
|
|
- Pagination,
|
|
|
+ Pagination
|
|
|
},
|
|
|
watch: {
|
|
|
// vesselId(val) {
|
|
@@ -195,7 +176,7 @@ export default {
|
|
|
// },
|
|
|
isShow(val) {
|
|
|
this.showType = val
|
|
|
- },
|
|
|
+ }
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
@@ -237,9 +218,9 @@ export default {
|
|
|
required: true,
|
|
|
type: 'number',
|
|
|
message: '请输入活动名称',
|
|
|
- trigger: 'blur',
|
|
|
- },
|
|
|
- ],
|
|
|
+ trigger: 'blur'
|
|
|
+ }
|
|
|
+ ]
|
|
|
},
|
|
|
size: 10,
|
|
|
compId: sessionStorage.getItem('ws-pf_compId'),
|
|
@@ -247,21 +228,21 @@ export default {
|
|
|
packtypeList: {},
|
|
|
date: {
|
|
|
year: dayjs().format('YYYY'),
|
|
|
- month: dayjs().format('MM'),
|
|
|
+ month: dayjs().format('MM')
|
|
|
},
|
|
|
contractList: [],
|
|
|
deptBudgetList: {
|
|
|
warehouseInOutDetail: {},
|
|
|
- tranCarInfoList: [],
|
|
|
+ tranCarInfoList: []
|
|
|
},
|
|
|
historyList: [],
|
|
|
|
|
|
pickerBeginDateBefore: {
|
|
|
- disabledDate: (time) => {
|
|
|
+ disabledDate: time => {
|
|
|
return time.getTime() > Date.now()
|
|
|
- },
|
|
|
+ }
|
|
|
},
|
|
|
- accessoryTFs: false,
|
|
|
+ accessoryTFs: false
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
@@ -278,16 +259,17 @@ export default {
|
|
|
loaddata() {
|
|
|
shippingLook({ id: this.$route.query.id })
|
|
|
.toPromise()
|
|
|
- .then((response) => {
|
|
|
+ .then(response => {
|
|
|
this.deptBudgetList = response
|
|
|
for (var i = 0; i < this.deptBudgetList.tranCarInfoList.length; i++) {
|
|
|
- var num =
|
|
|
- this.deptBudgetList.tranCarInfoList[i].positionWeight.split(',')
|
|
|
+ var num = this.deptBudgetList.tranCarInfoList[
|
|
|
+ i
|
|
|
+ ].positionWeight.split(',')
|
|
|
for (var j = 0; j < num.length; j++) {
|
|
|
var num2 = num[j].split('/')
|
|
|
this.freightspace.push({
|
|
|
impurity: num2[i],
|
|
|
- positionWeight: num2[num2.length - 1],
|
|
|
+ positionWeight: num2[num2.length - 1]
|
|
|
})
|
|
|
}
|
|
|
}
|
|
@@ -320,7 +302,7 @@ export default {
|
|
|
this.freightspace.push({
|
|
|
binNumber: '',
|
|
|
maxStorage: '',
|
|
|
- remark: '',
|
|
|
+ remark: ''
|
|
|
})
|
|
|
},
|
|
|
//提交按钮
|
|
@@ -328,18 +310,19 @@ export default {
|
|
|
this.$confirm(`暂存后可在待完成页面查看,确定暂存`, {
|
|
|
cancelButtonText: '取消',
|
|
|
confirmButtonText: '确定',
|
|
|
- type: 'warning',
|
|
|
+ type: 'warning'
|
|
|
})
|
|
|
.then(() => {
|
|
|
- this.$refs.deptBudgetList.validate((valid) => {
|
|
|
+ this.$refs.deptBudgetList.validate(valid => {
|
|
|
if (valid) {
|
|
|
- this.deptBudgetList.compId =
|
|
|
- sessionStorage.getItem('ws-pf_compId')
|
|
|
+ this.deptBudgetList.compId = sessionStorage.getItem(
|
|
|
+ 'ws-pf_compId'
|
|
|
+ )
|
|
|
this.deptBudgetList.inOutFlag = 2
|
|
|
this.deptBudgetList.statusFlag = 1
|
|
|
addstorageputList(this.deptBudgetList)
|
|
|
.toPromise()
|
|
|
- .then((response) => {
|
|
|
+ .then(response => {
|
|
|
this.$message.success('暂存成功')
|
|
|
this.$router.push({ path: 'warehouseManagementList' })
|
|
|
})
|
|
@@ -354,7 +337,7 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
returnsales() {
|
|
|
- this.$router.go(-1)
|
|
|
+ this.$router.go(-1)
|
|
|
},
|
|
|
handleClose() {
|
|
|
this.accessoryTFs = false
|
|
@@ -377,8 +360,8 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
approve() {},
|
|
|
- listQuery() {},
|
|
|
- },
|
|
|
+ listQuery() {}
|
|
|
+ }
|
|
|
}
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
@@ -426,7 +409,7 @@ export default {
|
|
|
padding: 16px 20px;
|
|
|
}
|
|
|
.center {
|
|
|
- width: 106%;
|
|
|
+ width: 100%;
|
|
|
margin: 0 auto;
|
|
|
}
|
|
|
|
|
@@ -517,7 +500,7 @@ export default {
|
|
|
}
|
|
|
/deep/.flex .ws-info-table .el-form-item .el-form-item__content {
|
|
|
border: 0px;
|
|
|
- border-right: 1px solid #D8DCE6;
|
|
|
+ border-right: 1px solid #d8dce6;
|
|
|
border-radius: 0px;
|
|
|
}
|
|
|
/deep/.ws-class-table-col {
|
|
@@ -571,29 +554,32 @@ export default {
|
|
|
background-color: #f5f7fa;
|
|
|
// text-align: center;
|
|
|
width: 48%;
|
|
|
-
|
|
|
}
|
|
|
.middle {
|
|
|
background: #f6f7fc;
|
|
|
border-radius: 4px;
|
|
|
border: 1px solid #d8dce6;
|
|
|
}
|
|
|
-.line{
|
|
|
+.line {
|
|
|
height: 26px;
|
|
|
margin-top: 6px;
|
|
|
left: 2px;
|
|
|
}
|
|
|
-/deep/.ws-info-table[data-v-850a44a6] .el-form-item .el-form-item__label {
|
|
|
- // background-color: #eee;
|
|
|
- // padding-right: 8px;
|
|
|
- // padding-left: 8px;
|
|
|
- // width: 100px;
|
|
|
- font-size: 12px;
|
|
|
- font-weight: bold;
|
|
|
- // color: #333;
|
|
|
- // overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
- // line-height: 40px;
|
|
|
+/deep/.ws-info-table.el-form-item .el-form-item__label {
|
|
|
+ // background-color: #eee;
|
|
|
+ // padding-right: 8px;
|
|
|
+ // padding-left: 8px;
|
|
|
+ // width: 100px;
|
|
|
+ font-size: 12px;
|
|
|
+ // font-weight: bold;
|
|
|
+ // color: #333;
|
|
|
+ // overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ // line-height: 40px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+/deep/.cangno .ws-info-table .el-form-item .el-form-item__content {
|
|
|
+ border: none;
|
|
|
}
|
|
|
</style>
|