|
@@ -21,14 +21,13 @@
|
|
>
|
|
>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
-
|
|
|
|
<ws-form
|
|
<ws-form
|
|
class="position"
|
|
class="position"
|
|
ref="deptBudgetList"
|
|
ref="deptBudgetList"
|
|
:rules="rules"
|
|
:rules="rules"
|
|
:model="deptBudgetList"
|
|
:model="deptBudgetList"
|
|
>
|
|
>
|
|
- <div class="small-title" style="font-size: 16px;">任务详情</div>
|
|
|
|
|
|
+ <div class="small-title" style="font-size: 16px">任务详情</div>
|
|
<ws-info-table>
|
|
<ws-info-table>
|
|
<!--任务编号-->
|
|
<!--任务编号-->
|
|
<ws-form-item label="任务编号" span="1" prop="processNo">
|
|
<ws-form-item label="任务编号" span="1" prop="processNo">
|
|
@@ -90,7 +89,7 @@
|
|
{{ deptBudgetList.contractNo }}
|
|
{{ deptBudgetList.contractNo }}
|
|
</ws-form-item>
|
|
</ws-form-item>
|
|
</ws-info-table>
|
|
</ws-info-table>
|
|
- <div class="small-title" style="font-size: 16px;">装车详情</div>
|
|
|
|
|
|
+ <div class="small-title" style="font-size: 16px">装车详情</div>
|
|
<div class="liaison">
|
|
<div class="liaison">
|
|
<div
|
|
<div
|
|
style="width: 100%"
|
|
style="width: 100%"
|
|
@@ -99,8 +98,15 @@
|
|
:key="index"
|
|
:key="index"
|
|
>
|
|
>
|
|
<ws-info-table>
|
|
<ws-info-table>
|
|
- <div class="catNos" v-show="item.temporaryDriverFlag == 0">司机-{{index+1}}</div>
|
|
|
|
- <div class="catNos catNosCor" v-show="item.temporaryDriverFlag != 0">司机-{{index+1}}(临)</div>
|
|
|
|
|
|
+ <div class="catNos" v-show="item.temporaryDriverFlag == 0">
|
|
|
|
+ 司机-{{ index + 1 }}
|
|
|
|
+ </div>
|
|
|
|
+ <div
|
|
|
|
+ class="catNos catNosCor"
|
|
|
|
+ v-show="item.temporaryDriverFlag != 0"
|
|
|
|
+ >
|
|
|
|
+ 司机-{{ index + 1 }}(临)
|
|
|
|
+ </div>
|
|
<!--司机-->
|
|
<!--司机-->
|
|
<ws-form-item
|
|
<ws-form-item
|
|
label="姓名:"
|
|
label="姓名:"
|
|
@@ -115,7 +121,7 @@
|
|
<!--司机-->
|
|
<!--司机-->
|
|
|
|
|
|
<ws-form-item
|
|
<ws-form-item
|
|
- label="姓名"
|
|
|
|
|
|
+ label="姓名:"
|
|
span="1"
|
|
span="1"
|
|
prop="driver"
|
|
prop="driver"
|
|
v-show="item.temporaryDriverFlag != 0"
|
|
v-show="item.temporaryDriverFlag != 0"
|
|
@@ -177,58 +183,54 @@
|
|
<ws-form-item label="磅单:" span="1" prop="loadPoundImg">
|
|
<ws-form-item label="磅单:" span="1" prop="loadPoundImg">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-upload
|
|
<el-upload
|
|
- action="https://www.zthymaoyi.com/upload/admin"
|
|
|
|
- :show-file-list="false"
|
|
|
|
- :on-success="
|
|
|
|
- (res, file) => {
|
|
|
|
- uploadSuccessHandle1(index, res, file)
|
|
|
|
- }
|
|
|
|
- "
|
|
|
|
- class="avatar-uploader"
|
|
|
|
- accept=".jpg, .jpeg, .png, .gif"
|
|
|
|
- ><img
|
|
|
|
- width="18"
|
|
|
|
- height="20"
|
|
|
|
- style="
|
|
|
|
- vertical-align: text-top;
|
|
|
|
- position: relative;
|
|
|
|
- top: -1px;
|
|
|
|
|
|
+ action="https://www.zthymaoyi.com/upload/admin"
|
|
|
|
+ :show-file-list="false"
|
|
|
|
+ :on-success="
|
|
|
|
+ (res, file) => {
|
|
|
|
+ uploadSuccessHandle1(index, res, file)
|
|
|
|
+ }
|
|
"
|
|
"
|
|
- src="../../../public/img/fujian.png"
|
|
|
|
- alt=""
|
|
|
|
- />
|
|
|
|
- </el-upload>
|
|
|
|
- <div v-show="item.temporaryDriverFlag == 0">
|
|
|
|
|
|
+ class="avatar-uploader"
|
|
|
|
+ accept=".jpg, .jpeg, .png, .gif"
|
|
|
|
+ ><img
|
|
|
|
+ width="18"
|
|
|
|
+ height="20"
|
|
|
|
+ style="
|
|
|
|
+ vertical-align: text-top;
|
|
|
|
+ position: relative;
|
|
|
|
+ "
|
|
|
|
+ src="../../../public/img/fujian.png"
|
|
|
|
+ alt=""
|
|
|
|
+ />
|
|
|
|
+ </el-upload>
|
|
|
|
+ <div v-show="item.temporaryDriverFlag == 0 && item.signStatus == '未签合同'" class="signStatus">
|
|
|
|
+ {{ item.signStatus }}
|
|
|
|
+ </div>
|
|
|
|
+ <div v-show="item.temporaryDriverFlag == 0 && item.signStatus == '已签合同'" class="signStatus1">
|
|
{{ item.signStatus }}
|
|
{{ item.signStatus }}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</ws-form-item>
|
|
</ws-form-item>
|
|
-
|
|
|
|
|
|
+
|
|
<span
|
|
<span
|
|
- v-show="item.temporaryDriverFlag != 0"
|
|
|
|
- width="22"
|
|
|
|
- height="22"
|
|
|
|
- class="del"
|
|
|
|
- @click="del(index)"
|
|
|
|
- src="../../../public/img/del.png"
|
|
|
|
- alt=""
|
|
|
|
- >×</span
|
|
|
|
- >
|
|
|
|
|
|
+ v-show="item.temporaryDriverFlag != 0"
|
|
|
|
+ width="22"
|
|
|
|
+ height="22"
|
|
|
|
+ class="del"
|
|
|
|
+ @click="del(index)"
|
|
|
|
+ src="../../../public/img/del.png"
|
|
|
|
+ alt=""
|
|
|
|
+ >×</span
|
|
|
|
+ >
|
|
</ws-info-table>
|
|
</ws-info-table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div style="text-align: right;color: #8890B1;font-size: 16px;">
|
|
|
|
|
|
+ <div style="text-align: right; color: #8890b1; font-size: 16px">
|
|
合计(吨):{{ total }}/{{ deptBudgetList.weight }}
|
|
合计(吨):{{ total }}/{{ deptBudgetList.weight }}
|
|
</div>
|
|
</div>
|
|
<el-button class="add bg-bottom" type="primary" size="small" @click="add">
|
|
<el-button class="add bg-bottom" type="primary" size="small" @click="add">
|
|
- <img
|
|
|
|
- width="22"
|
|
|
|
- height="22"
|
|
|
|
- @click="add"
|
|
|
|
- src="../../../public/img/add.png"
|
|
|
|
- alt=""
|
|
|
|
- />
|
|
|
|
- <div class="spans"> 添加临时用车</div></el-button
|
|
|
|
|
|
+ <img width="22" height="22" src="../../../public/img/add.png" alt="" />
|
|
|
|
+ <div class="spans">添加临时用车</div></el-button
|
|
>
|
|
>
|
|
</ws-form>
|
|
</ws-form>
|
|
<!-- 提交 -->
|
|
<!-- 提交 -->
|
|
@@ -264,7 +266,7 @@
|
|
</template>
|
|
</template>
|
|
<script>
|
|
<script>
|
|
import { regionData, CodeToText, TextToCode } from 'element-china-area-data'
|
|
import { regionData, CodeToText, TextToCode } from 'element-china-area-data'
|
|
-import { seeCat, packList, feedback ,getbank} from '@/model/transport/index'
|
|
|
|
|
|
+import { seeCat, packList, feedback, getbank } from '@/model/transport/index'
|
|
import { getstaff } from '@/model/warehouse/index'
|
|
import { getstaff } from '@/model/warehouse/index'
|
|
import WsUpload from '@/components/WsUpload'
|
|
import WsUpload from '@/components/WsUpload'
|
|
import mapDrag from '@/components/mapdrag/mapdrag'
|
|
import mapDrag from '@/components/mapdrag/mapdrag'
|
|
@@ -349,11 +351,10 @@ export default {
|
|
appendixIdsAdd: '',
|
|
appendixIdsAdd: '',
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- mounted() {
|
|
|
|
|
|
+ activated() {
|
|
this.deptBudgetList.id = this.$route.query.id
|
|
this.deptBudgetList.id = this.$route.query.id
|
|
this.getList()
|
|
this.getList()
|
|
},
|
|
},
|
|
-
|
|
|
|
computed: {
|
|
computed: {
|
|
totalStorage: function () {
|
|
totalStorage: function () {
|
|
var maxStorage = 0
|
|
var maxStorage = 0
|
|
@@ -363,13 +364,17 @@ export default {
|
|
return maxStorage
|
|
return maxStorage
|
|
},
|
|
},
|
|
total: function () {
|
|
total: function () {
|
|
- var maxStorage = 0
|
|
|
|
- for (var i = 0; i < this.deptBudgetList.tranCarInfoList.length; i++) {
|
|
|
|
- maxStorage += Number(
|
|
|
|
- this.deptBudgetList.tranCarInfoList[i].loadNetWeight
|
|
|
|
- )
|
|
|
|
|
|
+ if (this.deptBudgetList.tranCarInfoList != null) {
|
|
|
|
+ var maxStorage = 0
|
|
|
|
+ for (var i = 0; i < this.deptBudgetList.tranCarInfoList.length; i++) {
|
|
|
|
+ maxStorage += Number(
|
|
|
|
+ this.deptBudgetList.tranCarInfoList[i].loadNetWeight
|
|
|
|
+ )
|
|
|
|
+ }
|
|
|
|
+ return maxStorage
|
|
|
|
+ } else {
|
|
|
|
+ return 0
|
|
}
|
|
}
|
|
- return maxStorage
|
|
|
|
},
|
|
},
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
@@ -437,6 +442,7 @@ export default {
|
|
this.deptBudgetList = {}
|
|
this.deptBudgetList = {}
|
|
this.freightspace = {}
|
|
this.freightspace = {}
|
|
this.selectedOptions = ''
|
|
this.selectedOptions = ''
|
|
|
|
+ this.deptBudgetList.tranCarInfoList = []
|
|
this.$router.push({ path: 'tranManagementTransporHairRespond' })
|
|
this.$router.push({ path: 'tranManagementTransporHairRespond' })
|
|
},
|
|
},
|
|
// confirmPosition() {
|
|
// confirmPosition() {
|
|
@@ -450,37 +456,36 @@ export default {
|
|
this.accessoryTFs = false
|
|
this.accessoryTFs = false
|
|
},
|
|
},
|
|
submit() {
|
|
submit() {
|
|
- for(var i = 0 ; i < this.freightspace.length ; i++){
|
|
|
|
- if(this.freightspace[i].temporaryDriverFlag != 0){
|
|
|
|
- if(!this.freightspace[i].driver){
|
|
|
|
|
|
+ for (var i = 0; i < this.freightspace.length; i++) {
|
|
|
|
+ if (this.freightspace[i].temporaryDriverFlag != 0) {
|
|
|
|
+ if (!this.freightspace[i].driver) {
|
|
this.$message({
|
|
this.$message({
|
|
- message : '司机姓名不能为空!',
|
|
|
|
- type: 'warning'
|
|
|
|
|
|
+ message: '司机姓名不能为空!',
|
|
|
|
+ type: 'warning',
|
|
})
|
|
})
|
|
return
|
|
return
|
|
}
|
|
}
|
|
- if(!this.freightspace[i].driverPhone){
|
|
|
|
|
|
+ if (!this.freightspace[i].driverPhone) {
|
|
this.$message({
|
|
this.$message({
|
|
- message:'司机电话不能为空!',
|
|
|
|
- type: "warning"
|
|
|
|
|
|
+ message: '司机电话不能为空!',
|
|
|
|
+ type: 'warning',
|
|
})
|
|
})
|
|
return
|
|
return
|
|
}
|
|
}
|
|
- if(!this.freightspace[i].carNo){
|
|
|
|
|
|
+ if (!this.freightspace[i].carNo) {
|
|
this.$message({
|
|
this.$message({
|
|
- message : "车牌号不能为空!",
|
|
|
|
- type:"warning"
|
|
|
|
|
|
+ message: '车牌号不能为空!',
|
|
|
|
+ type: 'warning',
|
|
})
|
|
})
|
|
return
|
|
return
|
|
}
|
|
}
|
|
- if(!this.freightspace[i].loadNetWeight){
|
|
|
|
|
|
+ if (!this.freightspace[i].loadNetWeight) {
|
|
this.$message({
|
|
this.$message({
|
|
- message:"装载净重不能为空!",
|
|
|
|
- type: "warning"
|
|
|
|
|
|
+ message: '装载净重不能为空!',
|
|
|
|
+ type: 'warning',
|
|
})
|
|
})
|
|
return
|
|
return
|
|
}
|
|
}
|
|
-
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
this.$confirm(`提交成功后提醒司机及时签订运输合同,确定提交装车信息?`, {
|
|
this.$confirm(`提交成功后提醒司机及时签订运输合同,确定提交装车信息?`, {
|
|
@@ -916,11 +921,11 @@ export default {
|
|
border-top: 0px;
|
|
border-top: 0px;
|
|
}
|
|
}
|
|
.ws-info-table .el-form-item .el-form-item__content {
|
|
.ws-info-table .el-form-item .el-form-item__content {
|
|
-border: none;
|
|
|
|
|
|
+ border: none;
|
|
}
|
|
}
|
|
/deep/.ws-info-table .el-form-item {
|
|
/deep/.ws-info-table .el-form-item {
|
|
- border: none;
|
|
|
|
- height: 50px;
|
|
|
|
|
|
+ border: none;
|
|
|
|
+ height: 50px;
|
|
}
|
|
}
|
|
/deep/.ws-info-table .el-form-item .el-form-item__content {
|
|
/deep/.ws-info-table .el-form-item .el-form-item__content {
|
|
background: #f5f7fa;
|
|
background: #f5f7fa;
|
|
@@ -957,26 +962,26 @@ border: none;
|
|
}
|
|
}
|
|
/deep/.liaison .ws-info-table .el-form-item .el-form-item__label {
|
|
/deep/.liaison .ws-info-table .el-form-item .el-form-item__label {
|
|
width: 30%;
|
|
width: 30%;
|
|
- background: #F6F7FC;
|
|
|
|
|
|
+ background: #f6f7fc;
|
|
}
|
|
}
|
|
/deep/.liaison .flex {
|
|
/deep/.liaison .flex {
|
|
display: contents;
|
|
display: contents;
|
|
}
|
|
}
|
|
-/deep/.liaison .ws-info-table{
|
|
|
|
- background: #F6F7FC;
|
|
|
|
-border-radius: 4px;
|
|
|
|
-border: 1px solid #D8DCE6;
|
|
|
|
-margin-top: 20px;
|
|
|
|
|
|
+/deep/.liaison .ws-info-table {
|
|
|
|
+ background: #f6f7fc;
|
|
|
|
+ border-radius: 4px;
|
|
|
|
+ border: 1px solid #d8dce6;
|
|
|
|
+ margin-top: 20px;
|
|
}
|
|
}
|
|
-.catNos{
|
|
|
|
|
|
+.catNos {
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 30px;
|
|
height: 30px;
|
|
margin-top: 10px;
|
|
margin-top: 10px;
|
|
margin-left: 20px;
|
|
margin-left: 20px;
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
-.catNosCor{
|
|
|
|
- color: #5473E8;
|
|
|
|
|
|
+.catNosCor {
|
|
|
|
+ color: #5473e8;
|
|
}
|
|
}
|
|
.add {
|
|
.add {
|
|
width: 130px;
|
|
width: 130px;
|
|
@@ -998,4 +1003,24 @@ margin-top: 20px;
|
|
height: 20px;
|
|
height: 20px;
|
|
line-height: 18px;
|
|
line-height: 18px;
|
|
}
|
|
}
|
|
|
|
+.signStatus {
|
|
|
|
+ height: 25px;
|
|
|
|
+ border-radius: 3px;
|
|
|
|
+ border: 1px solid #5473e8;
|
|
|
|
+ padding: 0 3px;
|
|
|
|
+ margin-left: 90px;
|
|
|
|
+ color: #ffffff;
|
|
|
|
+ background: #c4cada;
|
|
|
|
+ line-height: 24px;
|
|
|
|
+}
|
|
|
|
+.signStatus1 {
|
|
|
|
+ height: 25px;
|
|
|
|
+ background: #e6ebff;
|
|
|
|
+ border-radius: 3px;
|
|
|
|
+ border: 1px solid #5473e8;
|
|
|
|
+ padding: 0 3px;
|
|
|
|
+ margin-left: 90px;
|
|
|
|
+ color: #5473E8;
|
|
|
|
+ line-height: 24px;
|
|
|
|
+}
|
|
</style>
|
|
</style>
|