|
@@ -49,13 +49,13 @@
|
|
|
@row-click="handleRowClick" @selection-change="handleSelectionChange" highlight-current-row>
|
|
|
<el-table-column type="selection" width="55" :selectable="selectInit">
|
|
|
</el-table-column>
|
|
|
- <el-table-column type="index" label="序号" width="50">
|
|
|
+ <el-table-column fixed="left" type="index" label="序号" width="50">
|
|
|
<template scope="scope">
|
|
|
<span v-if="scope.$index < 9">0{{ scope.$index + 1 }}</span>
|
|
|
<span v-else>{{ scope.$index + 1 }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="orderNo" label="订单编号" min-width="182">
|
|
|
+ <el-table-column fixed="left" prop="orderNo" label="订单编号" min-width="182">
|
|
|
<template scope="scope">
|
|
|
<div>{{scope.row.orderNo}} <span class="pad_css" v-if="scope.row.freightAdvance == '垫付'">垫</span></div>
|
|
|
</template>
|
|
@@ -111,7 +111,7 @@
|
|
|
width="200"
|
|
|
trigger="hover">
|
|
|
<div v-html='scope.row.content'></div>
|
|
|
- <i v-if='scope.row.cargoOwnerStatus=="已终止"' slot="reference" class="el-icon-question"></i>
|
|
|
+ <i v-if='scope.row.cargoOwnerStatus=="已终止"&&scope.row.terminator' slot="reference" class="el-icon-question"></i>
|
|
|
</el-popover>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
@@ -212,105 +212,107 @@
|
|
|
|
|
|
<el-drawer title="订单详情" :visible.sync="rightSee" style="overflow-y: auto !important">
|
|
|
<div class="right_css">
|
|
|
- <div class="title_name">基本信息</div>
|
|
|
- <div class="right_item">订单编号:{{costData.orderNo}}</div>
|
|
|
- <div class="right_title">货主</div>
|
|
|
- <div class="right_item">{{costData.cargoOwner}}</div>
|
|
|
- <div class="right_title">司机</div>
|
|
|
- <div class="right_item">{{costData.driverName}}</div>
|
|
|
- <div class="right_title">发货单位</div>
|
|
|
- <div class="right_item">{{costData.compName}}</div>
|
|
|
- <div class="right_title">发货地</div>
|
|
|
- <div class="right_item">
|
|
|
- {{costData.sendPrivate}}{{costData.sendCity}}{{costData.sendArea}}{{costData.sendDetailedAddress}}
|
|
|
- </div>
|
|
|
- <div class="right_title">卸货地</div>
|
|
|
- <div class="right_item">
|
|
|
- {{costData.unloadPrivate}}{{costData.unloadCity}}{{costData.unloadArea}}{{costData.unloadDetailedAddress}}
|
|
|
- </div>
|
|
|
- <div class="right_title">货物类别</div>
|
|
|
- <div class="right_item">{{costData.goodsType}}</div>
|
|
|
- <div class="right_title">货名</div>
|
|
|
- <div class="right_item">{{costData.goodsName}}</div>
|
|
|
- <div class="right_title">发货联系人</div>
|
|
|
- <div class="right_item">{{costData.publishTaskInfo.sender}}</div>
|
|
|
- <div class="right_title">发货联系人电话</div>
|
|
|
- <div class="right_item">{{costData.publishTaskInfo.senderPhone}}</div>
|
|
|
-
|
|
|
- <div class="right_title">收货联系人</div>
|
|
|
- <div class="right_item">{{costData.publishTaskInfo.receiver}}</div>
|
|
|
- <div class="right_title">收货联系人电话</div>
|
|
|
- <div class="right_item">{{costData.publishTaskInfo.receiverPhone}}</div>
|
|
|
- <div class="right_title">收货人身份证号</div>
|
|
|
- <div class="right_item">{{costData.publishTaskInfo.receiverIdcard}}</div>
|
|
|
- <div class="right_title">收货方信用代码(选填)</div>
|
|
|
- <div class="right_item">{{costData.publishTaskInfo.receiverCreditCode?costData.publishTaskInfo.receiverCreditCode:'暂无'}}</div>
|
|
|
-
|
|
|
-
|
|
|
- <div class="right_title">距离</div>
|
|
|
- <div class="right_item">约{{costData.distance ? costData.distance : 0}}km</div>
|
|
|
- <div class="right_title">预计运费</div>
|
|
|
- <div class="right_item">{{costData.freight}}</div>
|
|
|
- <el-divider v-if="costData.hyCarrierInfo"></el-divider>
|
|
|
- <div v-if="costData.hyCarrierInfo">
|
|
|
- <div class="title_name">承运信息</div>
|
|
|
- <div class="right_title">承运合同编号</div>
|
|
|
- <div class="right_item">{{costData.contractNo}}</div>
|
|
|
- <div class="right_title">委托合同编号</div>
|
|
|
- <div class="right_item">{{costData.wtContractNo}}</div>
|
|
|
- <div class="right_title">车牌号</div>
|
|
|
- <div class="right_item">{{costData.hyCarrierInfo.carNo}}</div>
|
|
|
- <!-- <div class="right_title">预计运费</div>
|
|
|
- <div class="right_item">{{costData.hyCarrierInfo.estimatedFreight}}</div> -->
|
|
|
- <div class="right_title">装车时间</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 style="display: flex;" v-if="costData.hyCarrierInfo.loadingImg">
|
|
|
- <div v-for="(item,index) in costData.hyCarrierInfo.loadingImg.split(',')" :key="index">
|
|
|
- <img :src="item" class="img_css" @click="enlarge(item)">
|
|
|
+ <div style='height:80vh;overflow-y:scroll;'>
|
|
|
+ <div class="title_name">基本信息</div>
|
|
|
+ <div class="right_item">订单编号:{{costData.orderNo}}</div>
|
|
|
+ <div class="right_title">货主</div>
|
|
|
+ <div class="right_item">{{costData.cargoOwner}}</div>
|
|
|
+ <div class="right_title">司机</div>
|
|
|
+ <div class="right_item">{{costData.driverName}}</div>
|
|
|
+ <div class="right_title">发货单位</div>
|
|
|
+ <div class="right_item">{{costData.compName}}</div>
|
|
|
+ <div class="right_title">发货地</div>
|
|
|
+ <div class="right_item">
|
|
|
+ {{costData.sendPrivate}}{{costData.sendCity}}{{costData.sendArea}}{{costData.sendDetailedAddress}}
|
|
|
+ </div>
|
|
|
+ <div class="right_title">卸货地</div>
|
|
|
+ <div class="right_item">
|
|
|
+ {{costData.unloadPrivate}}{{costData.unloadCity}}{{costData.unloadArea}}{{costData.unloadDetailedAddress}}
|
|
|
+ </div>
|
|
|
+ <div class="right_title">货物类别</div>
|
|
|
+ <div class="right_item">{{costData.goodsType}}</div>
|
|
|
+ <div class="right_title">货名</div>
|
|
|
+ <div class="right_item">{{costData.goodsName}}</div>
|
|
|
+ <div class="right_title">发货联系人</div>
|
|
|
+ <div class="right_item">{{costData.publishTaskInfo.sender}}</div>
|
|
|
+ <div class="right_title">发货联系人电话</div>
|
|
|
+ <div class="right_item">{{costData.publishTaskInfo.senderPhone}}</div>
|
|
|
+
|
|
|
+ <div class="right_title">收货联系人</div>
|
|
|
+ <div class="right_item">{{costData.publishTaskInfo.receiver}}</div>
|
|
|
+ <div class="right_title">收货联系人电话</div>
|
|
|
+ <div class="right_item">{{costData.publishTaskInfo.receiverPhone}}</div>
|
|
|
+ <div class="right_title">收货人身份证号</div>
|
|
|
+ <div class="right_item">{{costData.publishTaskInfo.receiverIdcard}}</div>
|
|
|
+ <div class="right_title">收货方信用代码(选填)</div>
|
|
|
+ <div class="right_item">{{costData.publishTaskInfo.receiverCreditCode?costData.publishTaskInfo.receiverCreditCode:'暂无'}}</div>
|
|
|
+
|
|
|
+
|
|
|
+ <div class="right_title">距离</div>
|
|
|
+ <div class="right_item">约{{costData.distance ? costData.distance : 0}}km</div>
|
|
|
+ <div class="right_title">运费</div>
|
|
|
+ <div class="right_item">{{costData.freight}}</div>
|
|
|
+ <el-divider v-if="costData.hyCarrierInfo"></el-divider>
|
|
|
+ <div v-if="costData.hyCarrierInfo">
|
|
|
+ <div class="title_name">承运信息</div>
|
|
|
+ <div class="right_title">承运合同编号</div>
|
|
|
+ <div class="right_item">{{costData.contractNo}}</div>
|
|
|
+ <div class="right_title">委托合同编号</div>
|
|
|
+ <div class="right_item">{{costData.wtContractNo}}</div>
|
|
|
+ <div class="right_title">车牌号</div>
|
|
|
+ <div class="right_item">{{costData.hyCarrierInfo.carNo}}</div>
|
|
|
+ <div class="right_title">预计运费</div>
|
|
|
+ <div class="right_item">{{costData.hyCarrierInfo.estimatedFreight}}</div>
|
|
|
+ <div class="right_title">装车时间</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 style="display: flex;" v-if="costData.hyCarrierInfo.loadingImg">
|
|
|
+ <div v-for="(item,index) in costData.hyCarrierInfo.loadingImg.split(',')" :key="index">
|
|
|
+ <img :src="item" class="img_css" @click="enlarge(item)">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="right_title" v-if="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_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 style="display: flex;" v-if="costData.hyCarrierInfo.unloadingImg">
|
|
|
+ <div v-for="(item,index) in costData.hyCarrierInfo.unloadingImg.split(',')" :key="index">
|
|
|
+ <img :src="item" class="img_css" @click="enlarge(item)">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="right_title" v-if="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_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 style="display: flex;" v-if="costData.hyCarrierInfo.unloadingImg">
|
|
|
- <div v-for="(item,index) in costData.hyCarrierInfo.unloadingImg.split(',')" :key="index">
|
|
|
- <img :src="item" class="img_css" @click="enlarge(item)">
|
|
|
+ <el-divider v-if="costData.freightInfo"></el-divider>
|
|
|
+ <div v-if="costData.freightInfo">
|
|
|
+ <div class="title_name">运费信息(单位:元)</div>
|
|
|
+ <div class="right_title">预付运费</div>
|
|
|
+ <div class="right_item">{{costData.freightInfo.prepaidFreight}} <span
|
|
|
+ style="margin-left: 100px;">{{costData.freightInfo.prepaidFreightDate}}</span></div>
|
|
|
+ <div class="right_title">运费尾款</div>
|
|
|
+ <div class="right_item">{{costData.freightInfo.freightBalance?costData.freightInfo.freightBalance:'未支付'}}
|
|
|
+ <span style="margin-left: 100px;">{{costData.freightInfo.freightBalanceDate}}</span></div>
|
|
|
+ <div class="right_title" v-if="costData.freightInfo.freightBalance">明细</div>
|
|
|
+ <div class="right_item" v-if="costData.freightInfo.freightBalance">
|
|
|
+ 预付{{costData.freightInfo.prepaidFreight ? costData.freightInfo.prepaidFreight : 0}}元,服务费{{costData.freightInfo.driverServiceCharge ? costData.freightInfo.driverServiceCharge:0}}元,尾款{{costData.freightInfo.freightBalance ? costData.freightInfo.freightBalance:0}}元,合计收款{{costData.freightInfo.totalCollection ? costData.freightInfo.totalCollection:0}}元。
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <el-divider v-if="costData.freightInfo"></el-divider>
|
|
|
- <div v-if="costData.freightInfo">
|
|
|
- <div class="title_name">运费信息(单位:元)</div>
|
|
|
- <div class="right_title">预付运费</div>
|
|
|
- <div class="right_item">{{costData.freightInfo.prepaidFreight}} <span
|
|
|
- style="margin-left: 100px;">{{costData.freightInfo.prepaidFreightDate}}</span></div>
|
|
|
- <div class="right_title">运费尾款</div>
|
|
|
- <div class="right_item">{{costData.freightInfo.freightBalance?costData.freightInfo.freightBalance:'未支付'}}
|
|
|
- <span style="margin-left: 100px;">{{costData.freightInfo.freightBalanceDate}}</span></div>
|
|
|
- <div class="right_title" v-if="costData.freightInfo.freightBalance">明细</div>
|
|
|
- <div class="right_item" v-if="costData.freightInfo.freightBalance">
|
|
|
- 预付{{costData.freightInfo.prepaidFreight ? costData.freightInfo.prepaidFreight : 0}}元,服务费{{costData.freightInfo.driverServiceCharge ? costData.freightInfo.driverServiceCharge:0}}元,尾款{{costData.freightInfo.freightBalance ? costData.freightInfo.freightBalance:0}}元,合计收款{{costData.freightInfo.totalCollection ? costData.freightInfo.totalCollection:0}}元。
|
|
|
+ <el-divider v-if="costData.repaymentInfo"></el-divider>
|
|
|
+ <div v-if="costData.repaymentInfo">
|
|
|
+ <div class="title_name">还款信息</div>
|
|
|
+ <div class="right_title">运费</div>
|
|
|
+ <div class="right_item">{{costData.freight}}</div>
|
|
|
+ <div class="right_title">超期费(每天3%)</div>
|
|
|
+ <div class="right_item">{{costData.repaymentInfo.overdueFee}}</div>
|
|
|
+ <div class="right_title">合计应还</div>
|
|
|
+ <div class="right_item">{{costData.repaymentInfo.totalRepayable}}</div>
|
|
|
+ <div class="right_title">还款(尾号6666)</div>
|
|
|
+ <div class="right_item">{{costData.repaymentInfo.alreadyRepaid}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <el-divider v-if="costData.repaymentInfo"></el-divider>
|
|
|
- <div v-if="costData.repaymentInfo">
|
|
|
- <div class="title_name">还款信息</div>
|
|
|
- <div class="right_title">运费</div>
|
|
|
- <div class="right_item">{{costData.freight}}</div>
|
|
|
- <div class="right_title">超期费(每天3%)</div>
|
|
|
- <div class="right_item">{{costData.repaymentInfo.overdueFee}}</div>
|
|
|
- <div class="right_title">合计应还</div>
|
|
|
- <div class="right_item">{{costData.repaymentInfo.totalRepayable}}</div>
|
|
|
- <div class="right_title">还款(尾号6666)</div>
|
|
|
- <div class="right_item">{{costData.repaymentInfo.alreadyRepaid}}</div>
|
|
|
- </div>
|
|
|
<div class="right_btn">
|
|
|
<el-button @click="submit(1)" v-if="costData.orderStatusKey == 9 || costData.orderStatusKey == 19">
|
|
|
确认</el-button>
|