|
@@ -12,7 +12,7 @@
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="10">
|
|
<el-col :span="10">
|
|
<div class="screen">
|
|
<div class="screen">
|
|
- <el-input placeholder="可按订单编号、姓名、账号查找" @keyup.enter.native="find" v-model="searchkeyWord" clearable @change="find"></el-input>
|
|
|
|
|
|
+ <el-input class='find' placeholder="可按订单编号、姓名、账号查找" @keyup.enter.native="find" v-model="searchkeyWord" clearable @change="find"></el-input>
|
|
<el-button class="search" @click="find"><img width="16" height="16" style="margin-left: -8px"
|
|
<el-button class="search" @click="find"><img width="16" height="16" style="margin-left: -8px"
|
|
src="../../../public/img/sousuo.png" /></el-button><span
|
|
src="../../../public/img/sousuo.png" /></el-button><span
|
|
class="count_css">共{{ deptBudgetTotal }}条</span>
|
|
class="count_css">共{{ deptBudgetTotal }}条</span>
|
|
@@ -95,7 +95,26 @@
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column prop="updateDate" label="更新时间" min-width="160"></el-table-column>
|
|
<el-table-column prop="updateDate" label="更新时间" min-width="160"></el-table-column>
|
|
- <el-table-column prop="cargoOwnerStatus" label="状态" min-width="92"></el-table-column>
|
|
|
|
|
|
+ <!-- <el-table-column prop="cargoOwnerStatus" label="状态" min-width="92">
|
|
|
|
+ <template scope="scope">
|
|
|
|
+ <span>{{scope.row.cargoOwnerStatus}}</span>
|
|
|
|
+ <i v-if='scope.row.cargoOwnerStatus=="已"' class="el-icon-question"></i>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column> -->
|
|
|
|
+ <el-table-column prop="cargoOwnerStatus" label="状态" min-width="92">
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <span>{{scope.row.cargoOwnerStatus}}</span>
|
|
|
|
+ <el-popover
|
|
|
|
+ v-if='scope.row.terminator==1||scope.row.terminator==2'
|
|
|
|
+ placement="top-start"
|
|
|
|
+ :title="scope.row.terminator==1?'司机终止订单':'货主终止订单'"
|
|
|
|
+ width="200"
|
|
|
|
+ trigger="hover">
|
|
|
|
+ <div v-html='scope.row.content'></div>
|
|
|
|
+ <i v-if='scope.row.cargoOwnerStatus=="已终止"' slot="reference" class="el-icon-question"></i>
|
|
|
|
+ </el-popover>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
<el-table-column label="操作" min-width="350">
|
|
<el-table-column label="操作" min-width="350">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-link target="_blank" @click="see(scope.row)" type="primary" :underline="false"
|
|
<el-link target="_blank" @click="see(scope.row)" type="primary" :underline="false"
|
|
@@ -191,7 +210,7 @@
|
|
</div>
|
|
</div>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
|
|
|
- <el-drawer title="任务详情" :visible.sync="rightSee" style="overflow-y: auto !important">
|
|
|
|
|
|
+ <el-drawer title="订单详情" :visible.sync="rightSee" style="overflow-y: auto !important">
|
|
<div class="right_css">
|
|
<div class="right_css">
|
|
<div class="title_name">基本信息</div>
|
|
<div class="title_name">基本信息</div>
|
|
<div class="right_item">订单编号:{{costData.orderNo}}</div>
|
|
<div class="right_item">订单编号:{{costData.orderNo}}</div>
|
|
@@ -209,6 +228,8 @@
|
|
<div class="right_item">
|
|
<div class="right_item">
|
|
{{costData.unloadPrivate}}{{costData.unloadCity}}{{costData.unloadArea}}{{costData.unloadDetailedAddress}}
|
|
{{costData.unloadPrivate}}{{costData.unloadCity}}{{costData.unloadArea}}{{costData.unloadDetailedAddress}}
|
|
</div>
|
|
</div>
|
|
|
|
+ <div class="right_title">货物类别</div>
|
|
|
|
+ <div class="right_item">{{costData.goodsType}}</div>
|
|
<div class="right_title">货名</div>
|
|
<div class="right_title">货名</div>
|
|
<div class="right_item">{{costData.goodsName}}</div>
|
|
<div class="right_item">{{costData.goodsName}}</div>
|
|
<div class="right_title">发货联系人</div>
|
|
<div class="right_title">发货联系人</div>
|
|
@@ -234,15 +255,17 @@
|
|
<div v-if="costData.hyCarrierInfo">
|
|
<div v-if="costData.hyCarrierInfo">
|
|
<div class="title_name">承运信息</div>
|
|
<div class="title_name">承运信息</div>
|
|
<div class="right_title">承运合同编号</div>
|
|
<div class="right_title">承运合同编号</div>
|
|
- <div class="right_item">{{costData.hyCarrierInfo.orderNo}}</div>
|
|
|
|
|
|
+ <div class="right_item">{{costData.contractNo}}</div>
|
|
<div class="right_title">委托合同编号</div>
|
|
<div class="right_title">委托合同编号</div>
|
|
- <div class="right_item">{{costData.hyCarrierInfo.orderNo}}</div>
|
|
|
|
|
|
+ <div class="right_item">{{costData.wtContractNo}}</div>
|
|
<div class="right_title">车牌号</div>
|
|
<div class="right_title">车牌号</div>
|
|
<div class="right_item">{{costData.hyCarrierInfo.carNo}}</div>
|
|
<div class="right_item">{{costData.hyCarrierInfo.carNo}}</div>
|
|
<div class="right_title">预计运费</div>
|
|
<div class="right_title">预计运费</div>
|
|
<div class="right_item">{{costData.hyCarrierInfo.estimatedFreight}}</div>
|
|
<div class="right_item">{{costData.hyCarrierInfo.estimatedFreight}}</div>
|
|
<div class="right_title">装车时间</div>
|
|
<div class="right_title">装车时间</div>
|
|
<div class="right_item">{{costData.hyCarrierInfo.loadingDate}}</div>
|
|
<div class="right_item">{{costData.hyCarrierInfo.loadingDate}}</div>
|
|
|
|
+ <div class="right_title">装车定位</div>
|
|
|
|
+ <div class="right_item">{{costData.hyCarrierInfo.loadingCity}}{{costData.hyCarrierInfo.loadingArea}}</div>
|
|
<div class="right_title">装车照片</div>
|
|
<div class="right_title">装车照片</div>
|
|
<div style="display: flex;" v-if="costData.hyCarrierInfo.loadingImg">
|
|
<div style="display: flex;" v-if="costData.hyCarrierInfo.loadingImg">
|
|
<div v-for="(item,index) in costData.hyCarrierInfo.loadingImg.split(',')" :key="index">
|
|
<div v-for="(item,index) in costData.hyCarrierInfo.loadingImg.split(',')" :key="index">
|
|
@@ -253,6 +276,8 @@
|
|
<div class="right_item">{{costData.hyCarrierInfo.totalFreight}}</div>
|
|
<div class="right_item">{{costData.hyCarrierInfo.totalFreight}}</div>
|
|
<div class="right_title" v-if="costData.hyCarrierInfo.unloadingDate">卸车时间</div>
|
|
<div class="right_title" v-if="costData.hyCarrierInfo.unloadingDate">卸车时间</div>
|
|
<div class="right_item">{{costData.hyCarrierInfo.unloadingDate}}</div>
|
|
<div class="right_item">{{costData.hyCarrierInfo.unloadingDate}}</div>
|
|
|
|
+ <div class="right_title">卸车定位</div>
|
|
|
|
+ <div class="right_item">{{costData.hyCarrierInfo.unloadingCity}}{{costData.hyCarrierInfo.unloadingArea}}</div>
|
|
<div class="right_title" v-if="costData.hyCarrierInfo.unloadingImg">卸车照片</div>
|
|
<div class="right_title" v-if="costData.hyCarrierInfo.unloadingImg">卸车照片</div>
|
|
<div style="display: flex;" v-if="costData.hyCarrierInfo.unloadingImg">
|
|
<div style="display: flex;" v-if="costData.hyCarrierInfo.unloadingImg">
|
|
<div v-for="(item,index) in costData.hyCarrierInfo.unloadingImg.split(',')" :key="index">
|
|
<div v-for="(item,index) in costData.hyCarrierInfo.unloadingImg.split(',')" :key="index">
|
|
@@ -441,6 +466,24 @@
|
|
_obj.startDate = this.startDate
|
|
_obj.startDate = this.startDate
|
|
_obj.endDate = this.endDate
|
|
_obj.endDate = this.endDate
|
|
getListData(_obj).then(response => {
|
|
getListData(_obj).then(response => {
|
|
|
|
+ if(response.data.records){
|
|
|
|
+ for (let i = 0; i < response.data.records.length; i++) {
|
|
|
|
+ if(response.data.records[i].cargoOwnerStatus=='已终止'){
|
|
|
|
+ if(response.data.records[i].terminationReason==1){
|
|
|
|
+ response.data.records[i].content='原因:已与货主协商<br/>描述:'+response.data.records[i].terminationReasonDescription
|
|
|
|
+ }else if(response.data.records[i].terminationReason==2){
|
|
|
|
+ response.data.records[i].content='原因:货主原因终止<br/>描述:'+response.data.records[i].terminationReasonDescription
|
|
|
|
+ }else if(response.data.records[i].terminationReason==3){
|
|
|
|
+ response.data.records[i].content='原因:司机个人原因终止<br/>描述:'+response.data.records[i].terminationReasonDescription
|
|
|
|
+ }else if(response.data.records[i].terminationReason==4){
|
|
|
|
+ response.data.records[i].content='原因:其他<br/>描述:'+response.data.records[i].terminationReasonDescription
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ }else{
|
|
|
|
+ response.data.records[i].content=''
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
this.tableData = response.data.records
|
|
this.tableData = response.data.records
|
|
this.deptBudgetTotal = response.data.total
|
|
this.deptBudgetTotal = response.data.total
|
|
this.listLoading = false
|
|
this.listLoading = false
|
|
@@ -676,7 +719,8 @@
|
|
height: 40px;
|
|
height: 40px;
|
|
background: #2f53eb;
|
|
background: #2f53eb;
|
|
border-radius: 0px 2px 2px 0px;
|
|
border-radius: 0px 2px 2px 0px;
|
|
- border: 1px solid #f0f1f2;
|
|
|
|
|
|
+ border: 1px solid #DCDFE6;
|
|
|
|
+ margin-left:-1px;
|
|
}
|
|
}
|
|
|
|
|
|
.count_css {
|
|
.count_css {
|
|
@@ -852,4 +896,7 @@
|
|
::v-deep .el-drawer {
|
|
::v-deep .el-drawer {
|
|
overflow: auto;
|
|
overflow: auto;
|
|
}
|
|
}
|
|
|
|
+ .find::v-deep input.el-input__inner{
|
|
|
|
+ border-radius:0;
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|