|
@@ -38,8 +38,7 @@
|
|
<el-form-item prop="taskType" label="任务类型" span="1">
|
|
<el-form-item prop="taskType" label="任务类型" span="1">
|
|
<el-select
|
|
<el-select
|
|
v-model="deptBudgetList.taskType"
|
|
v-model="deptBudgetList.taskType"
|
|
- placeholder=""
|
|
|
|
- class="typeselect"
|
|
|
|
|
|
+ placeholder="请输入任务类型"
|
|
@change="selecttaskType"
|
|
@change="selecttaskType"
|
|
>
|
|
>
|
|
<el-option
|
|
<el-option
|
|
@@ -50,11 +49,10 @@
|
|
></el-option>
|
|
></el-option>
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item prop="contractNo" label="合同编号" span="1">
|
|
|
|
|
|
+ <el-form-item prop="contractNo" label="合同编号/移库任务编号" span="1">
|
|
<el-select
|
|
<el-select
|
|
v-model="deptBudgetList.contractNo"
|
|
v-model="deptBudgetList.contractNo"
|
|
- placeholder="请输入合同编号"
|
|
|
|
- class="typeselect"
|
|
|
|
|
|
+ placeholder="请选择编号"
|
|
>
|
|
>
|
|
<el-option
|
|
<el-option
|
|
v-for="item in contractNoList"
|
|
v-for="item in contractNoList"
|
|
@@ -67,8 +65,7 @@
|
|
<el-form-item prop="goodsName" label="货名" span="1">
|
|
<el-form-item prop="goodsName" label="货名" span="1">
|
|
<el-select
|
|
<el-select
|
|
v-model="deptBudgetList.goodsName"
|
|
v-model="deptBudgetList.goodsName"
|
|
- placeholder="货名"
|
|
|
|
- class="typeselect"
|
|
|
|
|
|
+ placeholder="请输入货名"
|
|
@change="selectgoodsname"
|
|
@change="selectgoodsname"
|
|
>
|
|
>
|
|
<el-option
|
|
<el-option
|
|
@@ -81,6 +78,7 @@
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="重量(吨)" span="1" prop="weight">
|
|
<el-form-item label="重量(吨)" span="1" prop="weight">
|
|
<el-input
|
|
<el-input
|
|
|
|
+ @input='weightchange'
|
|
v-model="deptBudgetList.weight"
|
|
v-model="deptBudgetList.weight"
|
|
placeholder="请输入重量"
|
|
placeholder="请输入重量"
|
|
maxlength="20"
|
|
maxlength="20"
|
|
@@ -89,13 +87,15 @@
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</ws-info-table>
|
|
</ws-info-table>
|
|
<ws-info-table class="el-table">
|
|
<ws-info-table class="el-table">
|
|
- <div class="start-address">
|
|
|
|
- <el-radio v-model="deptBudgetList.warehouseType" label="1"
|
|
|
|
|
|
+ <div class="start-address" style="width : 36%">
|
|
|
|
+ <el-radio-group @change='warehouseTypechange' v-model="deptBudgetList.warehouseType">
|
|
|
|
+ <el-radio label="1"
|
|
>常用仓库发货</el-radio
|
|
>常用仓库发货</el-radio
|
|
>
|
|
>
|
|
- <el-radio v-model="deptBudgetList.warehouseType" label="2"
|
|
|
|
|
|
+ <el-radio label="2"
|
|
>临时仓库发货</el-radio
|
|
>临时仓库发货</el-radio
|
|
>
|
|
>
|
|
|
|
+ </el-radio-group>
|
|
<el-select
|
|
<el-select
|
|
v-model="deptBudgetList.sendWarehouse"
|
|
v-model="deptBudgetList.sendWarehouse"
|
|
placeholder="选择仓库"
|
|
placeholder="选择仓库"
|
|
@@ -116,7 +116,6 @@
|
|
clearable
|
|
clearable
|
|
size="large"
|
|
size="large"
|
|
placeholder="请选择始发地"
|
|
placeholder="请选择始发地"
|
|
- style="width: 200%"
|
|
|
|
@change="handleChange"
|
|
@change="handleChange"
|
|
/>
|
|
/>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -138,12 +137,12 @@
|
|
span="1"
|
|
span="1"
|
|
prop="contractNo"
|
|
prop="contractNo"
|
|
class="start-address"
|
|
class="start-address"
|
|
- style="width: 33.333%"
|
|
|
|
|
|
+ style="width: 36%"
|
|
>
|
|
>
|
|
<el-select
|
|
<el-select
|
|
v-model="deptBudgetList.receiveWarehouse"
|
|
v-model="deptBudgetList.receiveWarehouse"
|
|
|
|
+ :disabled="warehouse"
|
|
placeholder="请输入收货库点"
|
|
placeholder="请输入收货库点"
|
|
- class="typeselect"
|
|
|
|
style="width: 100%"
|
|
style="width: 100%"
|
|
>
|
|
>
|
|
<el-option
|
|
<el-option
|
|
@@ -166,7 +165,6 @@
|
|
clearable
|
|
clearable
|
|
size="large"
|
|
size="large"
|
|
placeholder="请选择终到地"
|
|
placeholder="请选择终到地"
|
|
- style="width: 200%"
|
|
|
|
@change="handleChange1"
|
|
@change="handleChange1"
|
|
/>
|
|
/>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -197,14 +195,15 @@
|
|
style="width: 100%"
|
|
style="width: 100%"
|
|
class="position"
|
|
class="position"
|
|
v-for="(item, index) in deptBudgetList.tranProcessInfoList"
|
|
v-for="(item, index) in deptBudgetList.tranProcessInfoList"
|
|
|
|
+ :key="index"
|
|
>
|
|
>
|
|
<div class="driver">
|
|
<div class="driver">
|
|
- 运输阶段{{ index + 1 }} {{ item.processNo }}
|
|
|
|
- <img
|
|
|
|
|
|
+ <span style='vertical-align: top;'>运输阶段{{ index + 1 }} {{ item.processNo }}</span>
|
|
|
|
+ <img v-if='!endflag'
|
|
width="22"
|
|
width="22"
|
|
height="22"
|
|
height="22"
|
|
class="add"
|
|
class="add"
|
|
- @click="add"
|
|
|
|
|
|
+ @click="add(index)"
|
|
src="../../../public/img/add.png"
|
|
src="../../../public/img/add.png"
|
|
alt=""
|
|
alt=""
|
|
/>
|
|
/>
|
|
@@ -216,13 +215,20 @@
|
|
src="../../../public/img/del.png"
|
|
src="../../../public/img/del.png"
|
|
alt=""
|
|
alt=""
|
|
/>
|
|
/>
|
|
|
|
+ <el-checkbox
|
|
|
|
+ @change='engflagchange'
|
|
|
|
+ class='endflag'
|
|
|
|
+ v-if="index == deptBudgetList.tranProcessInfoList.length - 1"
|
|
|
|
+ v-model="item.endFlag"
|
|
|
|
+ :label="1"
|
|
|
|
+ >最终阶段</el-checkbox
|
|
|
|
+ >
|
|
</div>
|
|
</div>
|
|
<ws-info-table>
|
|
<ws-info-table>
|
|
<el-form-item label="运输方式" span="1" prop="waterContent">
|
|
<el-form-item label="运输方式" span="1" prop="waterContent">
|
|
<el-select
|
|
<el-select
|
|
v-model="item.tranType"
|
|
v-model="item.tranType"
|
|
placeholder="运输方式"
|
|
placeholder="运输方式"
|
|
- class="typeselect"
|
|
|
|
@change="
|
|
@change="
|
|
(val) => {
|
|
(val) => {
|
|
selecttaskwayList(val, index)
|
|
selecttaskwayList(val, index)
|
|
@@ -350,9 +356,12 @@
|
|
</div>
|
|
</div>
|
|
</el-form>
|
|
</el-form>
|
|
<!-- 提交 -->
|
|
<!-- 提交 -->
|
|
- <!-- 提交 -->
|
|
|
|
<div style="text-align: right; padding: 10px" class="center">
|
|
<div style="text-align: right; padding: 10px" class="center">
|
|
- <el-button class="bg-bottom" type="primary" size="small" @click="submit()"
|
|
|
|
|
|
+ <el-button
|
|
|
|
+ class="bg-bottom"
|
|
|
|
+ type="primary"
|
|
|
|
+ size="small"
|
|
|
|
+ @click="submit(deptBudgetList)"
|
|
>提交</el-button
|
|
>提交</el-button
|
|
>
|
|
>
|
|
</div>
|
|
</div>
|
|
@@ -389,6 +398,7 @@ export default {
|
|
checkList: [],
|
|
checkList: [],
|
|
deptBudgetList: {},
|
|
deptBudgetList: {},
|
|
radio: '1',
|
|
radio: '1',
|
|
|
|
+ endflag:false,
|
|
carModelList: [],
|
|
carModelList: [],
|
|
carLengthList: [],
|
|
carLengthList: [],
|
|
warehouseType: '1',
|
|
warehouseType: '1',
|
|
@@ -427,6 +437,22 @@ export default {
|
|
},
|
|
},
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ warehouseTypechange(){
|
|
|
|
+ getwarehousename({
|
|
|
|
+ compId: this.compId,
|
|
|
|
+ warehouseType: this.deptBudgetList.warehouseType,
|
|
|
|
+ })
|
|
|
|
+ .toPromise()
|
|
|
|
+ .then((response) => {
|
|
|
|
+ this.warehouseList = response
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ weightchange(e){
|
|
|
|
+ this.deptBudgetList.tranProcessInfoList[0].weight=e
|
|
|
|
+ },
|
|
|
|
+ engflagchange(e){
|
|
|
|
+ this.endflag=e
|
|
|
|
+ },
|
|
loaddata() {
|
|
loaddata() {
|
|
examinetran({ id: this.$route.query.id })
|
|
examinetran({ id: this.$route.query.id })
|
|
.toPromise()
|
|
.toPromise()
|
|
@@ -496,7 +522,7 @@ export default {
|
|
})
|
|
})
|
|
getwarehousename({
|
|
getwarehousename({
|
|
compId: this.compId,
|
|
compId: this.compId,
|
|
- warehouseType: this.warehouseType,
|
|
|
|
|
|
+ warehouseType: this.deptBudgetList.warehouseType,
|
|
})
|
|
})
|
|
.toPromise()
|
|
.toPromise()
|
|
.then((response) => {
|
|
.then((response) => {
|
|
@@ -640,6 +666,10 @@ export default {
|
|
.position .ws-info-table .el-form-item {
|
|
.position .ws-info-table .el-form-item {
|
|
width: 25%;
|
|
width: 25%;
|
|
}
|
|
}
|
|
|
|
+.typeselect{
|
|
|
|
+ width:42%;
|
|
|
|
+ margin-left:32px;
|
|
|
|
+}
|
|
/deep/.position .ws-info-table .el-form-item .el-form-item__label,
|
|
/deep/.position .ws-info-table .el-form-item .el-form-item__label,
|
|
/deep/.position .ws-info-table .el-form-item .el-form-item__content {
|
|
/deep/.position .ws-info-table .el-form-item .el-form-item__content {
|
|
background: #f6f7fc;
|
|
background: #f6f7fc;
|
|
@@ -661,12 +691,18 @@ export default {
|
|
/deep/.el-checkbox__label {
|
|
/deep/.el-checkbox__label {
|
|
color: #8890b1;
|
|
color: #8890b1;
|
|
}
|
|
}
|
|
|
|
+.el-form-item.start-address.el-form-item--small {
|
|
|
|
+ width: 31.9%;
|
|
|
|
+}
|
|
.check-box {
|
|
.check-box {
|
|
margin-top: 10px;
|
|
margin-top: 10px;
|
|
margin-left: 16px;
|
|
margin-left: 16px;
|
|
color: #8890b1;
|
|
color: #8890b1;
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
|
|
+/deep/.el-table--border:after, /deep/.el-table--group:after, /deep/.el-table:before {
|
|
|
|
+ background:transparent;
|
|
|
|
+}
|
|
.el-form {
|
|
.el-form {
|
|
padding: 0 10%;
|
|
padding: 0 10%;
|
|
}
|
|
}
|
|
@@ -700,9 +736,6 @@ export default {
|
|
.el-form {
|
|
.el-form {
|
|
margin-top: 50px;
|
|
margin-top: 50px;
|
|
}
|
|
}
|
|
-.el-form-item.start-address.el-form-item--small {
|
|
|
|
- width: 33.3%;
|
|
|
|
-}
|
|
|
|
.el-col {
|
|
.el-col {
|
|
background: #f6f7fc;
|
|
background: #f6f7fc;
|
|
}
|
|
}
|
|
@@ -767,4 +800,8 @@ export default {
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
color: #5473e8;
|
|
color: #5473e8;
|
|
}
|
|
}
|
|
|
|
+.el-form{
|
|
|
|
+ height: 73vh;
|
|
|
|
+ overflow: scroll;
|
|
|
|
+}
|
|
</style>
|
|
</style>
|