|
@@ -6,7 +6,12 @@
|
|
<h2 class="bg-left title">查看派车详情</h2>
|
|
<h2 class="bg-left title">查看派车详情</h2>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="4" class="bg-right">
|
|
<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
|
|
<img
|
|
width="6"
|
|
width="6"
|
|
height="10"
|
|
height="10"
|
|
@@ -19,14 +24,20 @@
|
|
</el-row>
|
|
</el-row>
|
|
|
|
|
|
<ws-form ref="deptBudgetList" :rules="rules" :model="deptBudgetList">
|
|
<ws-form ref="deptBudgetList" :rules="rules" :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">{{ 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">{{ deptBudgetList.weight }}</ws-form-item>
|
|
|
|
|
|
+ <ws-form-item label="重量(吨)" span="1" prop="weight">{{
|
|
|
|
+ deptBudgetList.weight
|
|
|
|
+ }}</ws-form-item>
|
|
|
|
|
|
<!--发货地址-->
|
|
<!--发货地址-->
|
|
<ws-form-item label="发货地址" span="1" prop="sendDetailedAddress">
|
|
<ws-form-item label="发货地址" span="1" prop="sendDetailedAddress">
|
|
@@ -35,12 +46,9 @@
|
|
</ws-form-item>
|
|
</ws-form-item>
|
|
|
|
|
|
<!--发货人-->
|
|
<!--发货人-->
|
|
- <ws-form-item
|
|
|
|
- label="发货人"
|
|
|
|
- span="1"
|
|
|
|
- prop="sender"
|
|
|
|
- class="readonly"
|
|
|
|
- >{{ deptBudgetList.sender }}</ws-form-item>
|
|
|
|
|
|
+ <ws-form-item label="发货人" span="1" prop="sender" class="readonly">{{
|
|
|
|
+ deptBudgetList.sender
|
|
|
|
+ }}</ws-form-item>
|
|
|
|
|
|
<!--发货人电话-->
|
|
<!--发货人电话-->
|
|
<ws-form-item
|
|
<ws-form-item
|
|
@@ -48,32 +56,35 @@
|
|
span="1"
|
|
span="1"
|
|
prop="senderPhone"
|
|
prop="senderPhone"
|
|
class="readonly"
|
|
class="readonly"
|
|
- >{{ deptBudgetList.senderPhone }}</ws-form-item>
|
|
|
|
|
|
+ >{{ 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.receivePrivate }}{{ deptBudgetList.receiveCity
|
|
}}{{ deptBudgetList.receiveArea }}
|
|
}}{{ deptBudgetList.receiveArea }}
|
|
</ws-form-item>
|
|
</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>
|
|
</ws-info-table>
|
|
- <div class="small-title" style="font-size: 16px;">派车</div>
|
|
|
|
|
|
+ <div class="small-title" style="font-size: 16px">派车</div>
|
|
<div
|
|
<div
|
|
style="width: 100%"
|
|
style="width: 100%"
|
|
class="driver"
|
|
class="driver"
|
|
@@ -84,35 +95,86 @@
|
|
<div class="catNos">
|
|
<div class="catNos">
|
|
司机-{{ index + 1 }}
|
|
司机-{{ index + 1 }}
|
|
<span class="noservice" v-show="item.status == '未送达'">
|
|
<span class="noservice" v-show="item.status == '未送达'">
|
|
- {{
|
|
|
|
- item.status
|
|
|
|
- }}
|
|
|
|
|
|
+ {{ item.status }}
|
|
</span>
|
|
</span>
|
|
<span class="service" v-show="item.status == '已送达'">
|
|
<span class="service" v-show="item.status == '已送达'">
|
|
- {{
|
|
|
|
- item.status
|
|
|
|
- }}
|
|
|
|
|
|
+ {{ item.status }}
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<!--姓名-->
|
|
<!--姓名-->
|
|
- <ws-form-item label="姓名" span="1" prop="driver">{{ item.driver }}</ws-form-item>
|
|
|
|
|
|
+ <ws-form-item label="姓名" span="1" prop="driver">{{
|
|
|
|
+ item.driver
|
|
|
|
+ }}</ws-form-item>
|
|
<el-divider direction="vertical" class="line"></el-divider>
|
|
<el-divider direction="vertical" class="line"></el-divider>
|
|
- <ws-form-item class="phone" label="电话" span="1" prop="driverPhone">{{ item.driverPhone }}</ws-form-item>
|
|
|
|
|
|
+ <ws-form-item
|
|
|
|
+ class="phone"
|
|
|
|
+ label="电话"
|
|
|
|
+ span="1"
|
|
|
|
+ prop="driverPhone"
|
|
|
|
+ >{{ item.driverPhone }}</ws-form-item
|
|
|
|
+ >
|
|
<el-divider direction="vertical" class="line"></el-divider>
|
|
<el-divider direction="vertical" class="line"></el-divider>
|
|
- <ws-form-item label="车牌号" span="1" prop="carNo">{{ item.carNo }}</ws-form-item>
|
|
|
|
|
|
+ <ws-form-item label="车牌号" span="1" prop="carNo">
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <el-popover
|
|
|
|
+ placement="top"
|
|
|
|
+ :width="160"
|
|
|
|
+ trigger="hover"
|
|
|
|
+ visible-arrow="false"
|
|
|
|
+ @show="hover(scope.row)"
|
|
|
|
+ >
|
|
|
|
+ <template>
|
|
|
|
+ <span slot="reference">
|
|
|
|
+ <span
|
|
|
|
+ class="executory"
|
|
|
|
+ >
|
|
|
|
+ {{ item.carNo }}
|
|
|
|
+ </span>
|
|
|
|
+ </span>
|
|
|
|
+ </template>
|
|
|
|
+ <div>
|
|
|
|
+ <span>车型:</span>
|
|
|
|
+ <span>{{item.carModel }}</span>
|
|
|
|
+ <br>
|
|
|
|
+ <span>车长(米):</span>
|
|
|
|
+ <span>{{item.carLength}}</span>
|
|
|
|
+ <br>
|
|
|
|
+ <span>载重(吨):</span>
|
|
|
|
+ <span>{{item.loadWeight}}</span>
|
|
|
|
+ </div>
|
|
|
|
+ </el-popover>
|
|
|
|
+ </template>
|
|
|
|
+ </ws-form-item>
|
|
<el-divider direction="vertical" class="line"></el-divider>
|
|
<el-divider direction="vertical" class="line"></el-divider>
|
|
- <ws-form-item label="装车(吨)" span="1" prop="loadNetWeight">{{ item.loadNetWeight }}</ws-form-item>
|
|
|
|
|
|
+ <ws-form-item label="装车(吨)" span="1" prop="loadNetWeight">{{
|
|
|
|
+ item.loadNetWeight
|
|
|
|
+ }}</ws-form-item>
|
|
<el-divider direction="vertical" class="line"></el-divider>
|
|
<el-divider direction="vertical" class="line"></el-divider>
|
|
- <ws-form-item label="卸车(吨)" span="1" prop="unloadNetWeight">{{ item.unloadNetWeight }}</ws-form-item>
|
|
|
|
|
|
+ <ws-form-item label="卸车(吨)" span="1" prop="unloadNetWeight">{{
|
|
|
|
+ item.unloadNetWeight
|
|
|
|
+ }}</ws-form-item>
|
|
<el-divider direction="vertical" class="line"></el-divider>
|
|
<el-divider direction="vertical" class="line"></el-divider>
|
|
- <ws-form-item label="损耗(吨)" span="1" prop="loss">{{ item.loss }}</ws-form-item>
|
|
|
|
|
|
+ <ws-form-item label="损耗(吨)" span="1" prop="loss">{{
|
|
|
|
+ item.loss
|
|
|
|
+ }}</ws-form-item>
|
|
<el-divider direction="vertical" class="line"></el-divider>
|
|
<el-divider direction="vertical" class="line"></el-divider>
|
|
- <ws-form-item label="合同" span="1" prop="unloadNetWeight" class="hetong"></ws-form-item>
|
|
|
|
|
|
+ <ws-form-item
|
|
|
|
+ label="合同"
|
|
|
|
+ span="1"
|
|
|
|
+ prop="unloadNetWeight"
|
|
|
|
+ class="hetong"
|
|
|
|
+ ></ws-form-item>
|
|
</ws-info-table>
|
|
</ws-info-table>
|
|
</div>
|
|
</div>
|
|
</ws-form>
|
|
</ws-form>
|
|
<div style="text-align: right; padding: 10px">
|
|
<div style="text-align: right; padding: 10px">
|
|
- <el-button class="bg-bottom-up" type="primary" size="small" @click="revert()">关闭</el-button>
|
|
|
|
|
|
+ <el-button
|
|
|
|
+ class="bg-bottom-up"
|
|
|
|
+ type="primary"
|
|
|
|
+ size="small"
|
|
|
|
+ @click="revert()"
|
|
|
|
+ >关闭</el-button
|
|
|
|
+ >
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
@@ -126,7 +188,7 @@ export default {
|
|
name: 'viewSpareMoney',
|
|
name: 'viewSpareMoney',
|
|
components: {
|
|
components: {
|
|
WsUpload,
|
|
WsUpload,
|
|
- Pagination
|
|
|
|
|
|
+ Pagination,
|
|
},
|
|
},
|
|
watch: {
|
|
watch: {
|
|
// vesselId(val) {
|
|
// vesselId(val) {
|
|
@@ -134,7 +196,7 @@ export default {
|
|
// },
|
|
// },
|
|
isShow(val) {
|
|
isShow(val) {
|
|
this.showType = val
|
|
this.showType = val
|
|
- }
|
|
|
|
|
|
+ },
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
@@ -149,54 +211,40 @@ export default {
|
|
showType: true,
|
|
showType: true,
|
|
// 年
|
|
// 年
|
|
year: '',
|
|
year: '',
|
|
- disabled: true,
|
|
|
|
deptBudgetTotal: 0,
|
|
deptBudgetTotal: 0,
|
|
currentPage: 1,
|
|
currentPage: 1,
|
|
pageSize: 10,
|
|
pageSize: 10,
|
|
searchType: 1,
|
|
searchType: 1,
|
|
- searchKeyWord: '',
|
|
|
|
- contractType: 2,
|
|
|
|
startDate: null,
|
|
startDate: null,
|
|
endDate: null,
|
|
endDate: null,
|
|
- goodnameList: {},
|
|
|
|
// 提交类型
|
|
// 提交类型
|
|
submitType: true,
|
|
submitType: true,
|
|
- storageType: [],
|
|
|
|
readonly: true,
|
|
readonly: true,
|
|
- appendixIdsAdd: '',
|
|
|
|
- uploadSuccess: {},
|
|
|
|
- onChange: {},
|
|
|
|
- gradeList: [],
|
|
|
|
rules: {
|
|
rules: {
|
|
netWeight: [
|
|
netWeight: [
|
|
{
|
|
{
|
|
required: true,
|
|
required: true,
|
|
type: 'number',
|
|
type: 'number',
|
|
message: '请输入活动名称',
|
|
message: '请输入活动名称',
|
|
- trigger: 'blur'
|
|
|
|
- }
|
|
|
|
- ]
|
|
|
|
|
|
+ trigger: 'blur',
|
|
|
|
+ },
|
|
|
|
+ ],
|
|
},
|
|
},
|
|
size: 10,
|
|
size: 10,
|
|
compId: sessionStorage.getItem('ws-pf_compId'),
|
|
compId: sessionStorage.getItem('ws-pf_compId'),
|
|
- deptCircularPage: {},
|
|
|
|
- packtypeList: {},
|
|
|
|
date: {
|
|
date: {
|
|
year: dayjs().format('YYYY'),
|
|
year: dayjs().format('YYYY'),
|
|
- month: dayjs().format('MM')
|
|
|
|
|
|
+ month: dayjs().format('MM'),
|
|
},
|
|
},
|
|
- contractList: [],
|
|
|
|
deptBudgetList: {
|
|
deptBudgetList: {
|
|
- warehouseInOutDetail: {}
|
|
|
|
|
|
+ warehouseInOutDetail: {},
|
|
},
|
|
},
|
|
- historyList: [],
|
|
|
|
-
|
|
|
|
pickerBeginDateBefore: {
|
|
pickerBeginDateBefore: {
|
|
- disabledDate: time => {
|
|
|
|
|
|
+ disabledDate: (time) => {
|
|
return time.getTime() > Date.now()
|
|
return time.getTime() > Date.now()
|
|
- }
|
|
|
|
|
|
+ },
|
|
},
|
|
},
|
|
- accessoryTFs: false
|
|
|
|
|
|
+ accessoryTFs: false,
|
|
}
|
|
}
|
|
},
|
|
},
|
|
activated() {
|
|
activated() {
|
|
@@ -215,7 +263,7 @@ export default {
|
|
getList() {
|
|
getList() {
|
|
seeCat({ id: this.$route.query.id })
|
|
seeCat({ id: this.$route.query.id })
|
|
.toPromise()
|
|
.toPromise()
|
|
- .then(response => {
|
|
|
|
|
|
+ .then((response) => {
|
|
for (var i = 0; i < response.tranCarInfoList.length; i++) {
|
|
for (var i = 0; i < response.tranCarInfoList.length; i++) {
|
|
if (
|
|
if (
|
|
response.tranCarInfoList[i].loadNetWeight &&
|
|
response.tranCarInfoList[i].loadNetWeight &&
|
|
@@ -237,26 +285,13 @@ export default {
|
|
handleExamine(row) {
|
|
handleExamine(row) {
|
|
this.$router.push({
|
|
this.$router.push({
|
|
name: 'salesContractExamine',
|
|
name: 'salesContractExamine',
|
|
- query: { id: row.id }
|
|
|
|
|
|
+ query: { id: row.id },
|
|
})
|
|
})
|
|
},
|
|
},
|
|
-
|
|
|
|
- // 关闭 dialog时 处理文件url 初始化upload组件
|
|
|
|
- // handleCloe() {
|
|
|
|
- // this.dialogViewSpareMoney = false
|
|
|
|
- // },
|
|
|
|
- // history(row) {
|
|
|
|
- // billoperatehis({ id: row.id })
|
|
|
|
- // .toPromise()
|
|
|
|
- // .then((response) => {
|
|
|
|
- // this.historyList = response
|
|
|
|
- // })
|
|
|
|
- // },
|
|
|
|
- // deletecontract(){},
|
|
|
|
//删除
|
|
//删除
|
|
approve() {},
|
|
approve() {},
|
|
- listQuery() {}
|
|
|
|
- }
|
|
|
|
|
|
+ listQuery() {},
|
|
|
|
+ },
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|