|
@@ -24,27 +24,15 @@
|
|
|
<div class="center">
|
|
|
<ws-form ref="deptBudgetList" :model="deptBudgetList" :rules="rules">
|
|
|
<div class="basicInformation">
|
|
|
- <h2>任务编号</h2>
|
|
|
+ <div class="small-title" style="font-size: 16px">任务详情</div>
|
|
|
<ws-info-table>
|
|
|
<!-- 任务编号 -->
|
|
|
<ws-form-item label="任务编号" span="1" prop="processNo">
|
|
|
- <ws-input
|
|
|
- :disabled="readonly"
|
|
|
- v-model="deptBudgetList.processNo"
|
|
|
- placeholder="请输入任务编号"
|
|
|
- maxlength="20"
|
|
|
- size="small"
|
|
|
- />
|
|
|
+ {{ deptBudgetList.processNo }}
|
|
|
</ws-form-item>
|
|
|
<!-- 货名 -->
|
|
|
<ws-form-item label="货名" span="1">
|
|
|
- <ws-input
|
|
|
- :disabled="readonly"
|
|
|
- v-model="deptBudgetList.goodsName"
|
|
|
- placeholder="请输入货名"
|
|
|
- maxlength="20"
|
|
|
- size="small"
|
|
|
- />
|
|
|
+ {{ deptBudgetList.goodsName }}
|
|
|
</ws-form-item>
|
|
|
<!--重量(吨)-->
|
|
|
<ws-form-item
|
|
@@ -53,13 +41,7 @@
|
|
|
prop="tare"
|
|
|
class="readonly"
|
|
|
>
|
|
|
- <ws-input
|
|
|
- :disabled="readonly"
|
|
|
- v-model="deptBudgetList.weight"
|
|
|
- placeholder="请输入重重"
|
|
|
- maxlength="100"
|
|
|
- size="small"
|
|
|
- />
|
|
|
+ {{ deptBudgetList.weight }}
|
|
|
</ws-form-item>
|
|
|
|
|
|
<!--发货地址-->
|
|
@@ -70,24 +52,12 @@
|
|
|
</ws-form-item>
|
|
|
<!--发货人-->
|
|
|
<ws-form-item label="发货人" span="1" prop="agent">
|
|
|
- <ws-input
|
|
|
- :disabled="readonly"
|
|
|
- v-model="deptBudgetList.sender"
|
|
|
- placeholder="请输入发货人姓名"
|
|
|
- maxlength="100"
|
|
|
- size="small"
|
|
|
- />
|
|
|
+ {{ deptBudgetList.sender }}
|
|
|
</ws-form-item>
|
|
|
|
|
|
<!--发货人电话-->
|
|
|
<ws-form-item label="发货人电话" span="1" prop="agent">
|
|
|
- <ws-input
|
|
|
- :disabled="readonly"
|
|
|
- v-model="deptBudgetList.senderPhone"
|
|
|
- placeholder="请输入发货人电话"
|
|
|
- maxlength="100"
|
|
|
- size="small"
|
|
|
- />
|
|
|
+ {{ deptBudgetList.senderPhone }}
|
|
|
</ws-form-item>
|
|
|
<!--收货地址-->
|
|
|
<ws-form-item label="收货地址" span="1" prop="netWeight">
|
|
@@ -97,24 +67,12 @@
|
|
|
</ws-form-item>
|
|
|
<!--收货人-->
|
|
|
<ws-form-item label="收货人" span="1" prop="receiver">
|
|
|
- <ws-input
|
|
|
- :disabled="readonly"
|
|
|
- v-model="deptBudgetList.receiver"
|
|
|
- placeholder="请输入收货人"
|
|
|
- maxlength="100"
|
|
|
- size="small"
|
|
|
- />
|
|
|
+ {{ deptBudgetList.receiver }}
|
|
|
</ws-form-item>
|
|
|
|
|
|
<!--收货人电话-->
|
|
|
<ws-form-item label="收货人电话" span="1" prop="receiverPhone">
|
|
|
- <ws-input
|
|
|
- :disabled="readonly"
|
|
|
- v-model="deptBudgetList.receiverPhone"
|
|
|
- placeholder="请输入收货人电话"
|
|
|
- maxlength="100"
|
|
|
- size="small"
|
|
|
- />
|
|
|
+ {{ deptBudgetList.receiverPhone }}
|
|
|
</ws-form-item>
|
|
|
<!--发货日期-->
|
|
|
<ws-form-item
|
|
@@ -136,32 +94,35 @@
|
|
|
</ws-form-item>
|
|
|
<!--合同编号-->
|
|
|
<ws-form-item label="合同编号" span="1" prop="contractNo">
|
|
|
- <ws-input
|
|
|
- :disabled="readonly"
|
|
|
- v-model="deptBudgetList.contractNo"
|
|
|
- placeholder="请输入合同编号"
|
|
|
- maxlength="100"
|
|
|
- size="small"
|
|
|
- />
|
|
|
+ {{ deptBudgetList.contractNo }}
|
|
|
</ws-form-item>
|
|
|
</ws-info-table>
|
|
|
|
|
|
- <div class="small-title">派车</div>
|
|
|
+ <div class="small-title" style="font-size: 16px">派车</div>
|
|
|
|
|
|
<div
|
|
|
- class="driver position"
|
|
|
+ class="driver position liaison"
|
|
|
v-for="(item, index) in deptBudgetList.tranCarInfoList"
|
|
|
>
|
|
|
<ws-info-table>
|
|
|
+ <div class="catNos">
|
|
|
+ 司机-{{ index + 1 }}
|
|
|
+ <span class="noservice" v-show="item.status == '未送达'">{{
|
|
|
+ item.status
|
|
|
+ }}</span>
|
|
|
+ <span class="service" v-show="item.status == '已送达'">{{
|
|
|
+ item.status
|
|
|
+ }}</span>
|
|
|
+ </div>
|
|
|
<!--司机-->
|
|
|
<ws-form-item
|
|
|
- :label="'司机-' + (index + 1)"
|
|
|
+ label="姓名:"
|
|
|
span="1"
|
|
|
prop="driverName"
|
|
|
class="siji"
|
|
|
>
|
|
|
<el-select
|
|
|
- :disabled="item.disabled"
|
|
|
+ v-show="!item.temporaryDriverFlag"
|
|
|
v-model="item.driver"
|
|
|
placeholder="请选择司机"
|
|
|
class="typeselect"
|
|
@@ -178,16 +139,23 @@
|
|
|
:value="items.driverName"
|
|
|
/>
|
|
|
</el-select>
|
|
|
+ <span
|
|
|
+ v-show="
|
|
|
+ item.temporaryDriverFlag == 0 ||
|
|
|
+ item.temporaryDriverFlag == 1
|
|
|
+ "
|
|
|
+ >{{ item.driver }}</span
|
|
|
+ >
|
|
|
</ws-form-item>
|
|
|
<!--司机电话-->
|
|
|
<ws-form-item
|
|
|
- label="司机电话"
|
|
|
+ label="司机电话:"
|
|
|
span="1"
|
|
|
prop="impurity"
|
|
|
class="siji"
|
|
|
>
|
|
|
<el-select
|
|
|
- :disabled="item.disabled"
|
|
|
+ v-show="!item.temporaryDriverFlag"
|
|
|
v-model="item.driverPhone"
|
|
|
placeholder="请选择司机电话"
|
|
|
class="typeselect"
|
|
@@ -204,9 +172,16 @@
|
|
|
:value="items.driverPhone"
|
|
|
/>
|
|
|
</el-select>
|
|
|
+ <span
|
|
|
+ v-show="
|
|
|
+ item.temporaryDriverFlag == 0 ||
|
|
|
+ item.temporaryDriverFlag == 1
|
|
|
+ "
|
|
|
+ >{{ item.driverPhone }}</span
|
|
|
+ >
|
|
|
</ws-form-item>
|
|
|
<!--车牌号-->
|
|
|
- <ws-form-item label="车牌号" span="1" prop="carNo" class="siji">
|
|
|
+ <ws-form-item label="车牌号:" span="1" prop="carNo" class="siji">
|
|
|
<ws-input
|
|
|
:disabled="readonly"
|
|
|
v-model="item.carNo"
|
|
@@ -216,7 +191,12 @@
|
|
|
/>
|
|
|
</ws-form-item>
|
|
|
<!--车型-->
|
|
|
- <ws-form-item label="车型" span="1" prop="carModel" class="siji">
|
|
|
+ <ws-form-item
|
|
|
+ label="车型:"
|
|
|
+ span="1"
|
|
|
+ prop="carModel"
|
|
|
+ class="siji"
|
|
|
+ >
|
|
|
<ws-input
|
|
|
:disabled="readonly"
|
|
|
v-model="item.carModel"
|
|
@@ -226,7 +206,12 @@
|
|
|
/>
|
|
|
</ws-form-item>
|
|
|
<!--车长-->
|
|
|
- <ws-form-item label="车长" span="1" prop="carLength" class="siji">
|
|
|
+ <ws-form-item
|
|
|
+ label="车长:"
|
|
|
+ span="1"
|
|
|
+ prop="carLength"
|
|
|
+ class="siji"
|
|
|
+ >
|
|
|
<ws-input
|
|
|
:disabled="readonly"
|
|
|
v-model="item.carLength"
|
|
@@ -237,7 +222,7 @@
|
|
|
</ws-form-item>
|
|
|
<!--载重吨-->
|
|
|
<ws-form-item
|
|
|
- label="载重(吨)"
|
|
|
+ label="载重(吨):"
|
|
|
span="1"
|
|
|
prop="loadWeight"
|
|
|
class="siji zaizhong"
|
|
@@ -251,20 +236,30 @@
|
|
|
/>
|
|
|
</ws-form-item>
|
|
|
</ws-info-table>
|
|
|
- <img
|
|
|
+ <span
|
|
|
+ v-show="!item.temporaryDriverFlag"
|
|
|
width="22"
|
|
|
height="22"
|
|
|
class="del"
|
|
|
@click="del(index)"
|
|
|
src="../../../public/img/del.png"
|
|
|
alt=""
|
|
|
- />
|
|
|
+ >×</span
|
|
|
+ >
|
|
|
</div>
|
|
|
- <div style="text-align: right">
|
|
|
+ <div style="text-align: right; color: #8890b1; font-size: 16px">
|
|
|
合计{{ total }}/{{ deptBudgetList.weight }}
|
|
|
</div>
|
|
|
- <el-button class="add" type="primary" size="small" @click="add()"
|
|
|
- >添加司机</el-button
|
|
|
+ <el-button class="add" 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
|
|
|
>
|
|
|
<div style="text-align: right; padding: 10px">
|
|
|
<el-button
|
|
@@ -272,7 +267,7 @@
|
|
|
type="primary"
|
|
|
size="small"
|
|
|
@click="submit()"
|
|
|
- >提交</el-button
|
|
|
+ >提交</el-button
|
|
|
>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -281,7 +276,6 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import { pullDown, addstorageputList } from '@/model/warehouse/index'
|
|
|
import Pagination from '@/components/Pagination'
|
|
|
import WsUpload from '@/components/WsUpload'
|
|
|
import {
|
|
@@ -371,11 +365,12 @@ export default {
|
|
|
this.$router.push({ path: 'tranManagementVehicle' })
|
|
|
},
|
|
|
del(index) {
|
|
|
- if (this.freightspace.length > 1) {
|
|
|
- this.freightspace.splice(index, 1)
|
|
|
+ if (this.deptBudgetList.tranCarInfoList.length > 1) {
|
|
|
+ this.deptBudgetList.tranCarInfoList.splice(index, 1)
|
|
|
}
|
|
|
},
|
|
|
add() {
|
|
|
+ console.log(this.deptBudgetList.tranCarInfoList, 'sasasasas')
|
|
|
this.deptBudgetList.tranCarInfoList.push({
|
|
|
driverName: '',
|
|
|
driverPhone: '',
|
|
@@ -437,7 +432,7 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
this.deptBudgetList = response
|
|
|
- console.log(this.deptBudgetList)
|
|
|
+ console.log(this.deptBudgetList.tranCarInfoList, '集合')
|
|
|
if (this.deptBudgetList.tranCarInfoList.length == 0) {
|
|
|
this.deptBudgetList.tranCarInfoList = [
|
|
|
{
|
|
@@ -526,20 +521,6 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
- // fujian(row) {
|
|
|
- // if (
|
|
|
- // row.receiveAttachmentPath === null ||
|
|
|
- // row.receiveAttachmentPath === ''
|
|
|
- // ) {
|
|
|
- // EventBus.$emit(
|
|
|
- // 'warning',
|
|
|
- // this.$t('system.noticeCircular.NoInformation')
|
|
|
- // )
|
|
|
- // } else {
|
|
|
- // this.accessoryTFs = true
|
|
|
- // }
|
|
|
- // this.appendixIdss = row.receiveAttachmentPath
|
|
|
- // },
|
|
|
approve() {},
|
|
|
listQuery() {},
|
|
|
},
|
|
@@ -555,6 +536,7 @@ export default {
|
|
|
.el-form-item {
|
|
|
width: 33.3333%;
|
|
|
border: none;
|
|
|
+ height: 50px;
|
|
|
.el-form-item__label {
|
|
|
background: transparent;
|
|
|
border: none;
|
|
@@ -592,7 +574,7 @@ export default {
|
|
|
padding: 16px 20px;
|
|
|
}
|
|
|
.center {
|
|
|
- width: 80%;
|
|
|
+ width: 90%;
|
|
|
margin: 0 auto;
|
|
|
}
|
|
|
|
|
@@ -630,13 +612,108 @@ export default {
|
|
|
//减号
|
|
|
.del {
|
|
|
position: absolute;
|
|
|
- right: -28px;
|
|
|
- top: 29%;
|
|
|
+ // right: -38px;
|
|
|
+ top: 9px;
|
|
|
+ cursor: pointer;
|
|
|
+ right: 0;
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 20px;
|
|
|
+ width: 20px;
|
|
|
+ height: 10px;
|
|
|
+ line-height: 0px;
|
|
|
}
|
|
|
.driver .el-form-item {
|
|
|
width: 16.63%;
|
|
|
}
|
|
|
+/deep/.ws-info-table .el-form-item .el-form-item__content {
|
|
|
+ background: #f5f7fa;
|
|
|
+ border-radius: 4px;
|
|
|
+ color: #8890b1;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
/deep/.driver .ws-info-table .el-form-item .el-form-item__label {
|
|
|
width: 72px;
|
|
|
}
|
|
|
+/deep/.liaison .ws-info-table .el-form-item {
|
|
|
+ width: 16.66%;
|
|
|
+ color: #8890b1;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+/deep/.ws-info-table .el-form-item {
|
|
|
+ border: none;
|
|
|
+ height: 50px;
|
|
|
+}
|
|
|
+/deep/.liaison .ws-info-table .el-form-item .el-form-item__label {
|
|
|
+ width: 40%;
|
|
|
+ border: 0px solid #d8dce6;
|
|
|
+ background: #f5f7fa;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+/deep/.liaison {
|
|
|
+ background: #f5f7fa;
|
|
|
+ border-radius: 4px;
|
|
|
+ border: 0px solid #d8dce6;
|
|
|
+}
|
|
|
+/deep/.liaison .ws-info-table .el-form-item .el-form-item__content {
|
|
|
+ border: none;
|
|
|
+ background: #f5f7fa;
|
|
|
+}
|
|
|
+.catNos {
|
|
|
+ width: 100%;
|
|
|
+ height: 30px;
|
|
|
+ margin-top: 10px;
|
|
|
+ margin-left: 20px;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+/deep/.liaison .ws-info-table .el-form-item .el-form-item__content {
|
|
|
+ // border: 0px solid #d8dce6;
|
|
|
+ border-radius: 0px;
|
|
|
+ border-left: none;
|
|
|
+ border-bottom: none;
|
|
|
+ border-top: none;
|
|
|
+}
|
|
|
+/deep/.liaison .ws-info-table{
|
|
|
+ background: #F6F7FC;
|
|
|
+border-radius: 4px;
|
|
|
+border: 1px solid #D8DCE6;
|
|
|
+margin-top: 20px;
|
|
|
+}
|
|
|
+//送达/未送达
|
|
|
+.noservice,
|
|
|
+.service {
|
|
|
+ display: inline-block;
|
|
|
+ border-radius: 4px;
|
|
|
+ border: 1px solid #d8dce6;
|
|
|
+ padding: 2px;
|
|
|
+ font-size: 12px;
|
|
|
+}
|
|
|
+.noservice {
|
|
|
+ background: #c4cada;
|
|
|
+ color: #ffffff;
|
|
|
+}
|
|
|
+.service {
|
|
|
+ background: #e5f1f7;
|
|
|
+ color: #50cad4;
|
|
|
+}
|
|
|
+//添加司机
|
|
|
+.add {
|
|
|
+ width: 100px;
|
|
|
+ height: 34px;
|
|
|
+ background: #f6f7fb;
|
|
|
+ border-radius: 17px;
|
|
|
+ color: #5473e8;
|
|
|
+ font-size: 14px;
|
|
|
+ border: none;
|
|
|
+}
|
|
|
+.add img {
|
|
|
+ display: inline-block;
|
|
|
+ margin-top: 3px;
|
|
|
+ margin-left: -12px;
|
|
|
+}
|
|
|
+.add .spans {
|
|
|
+ display: table-caption;
|
|
|
+ width: 56px;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 18px;
|
|
|
+}
|
|
|
</style>
|