|
@@ -156,21 +156,22 @@
|
|
|
<i class="iconfont icondagou" style="font-size:35upx;"></i>
|
|
<i class="iconfont icondagou" style="font-size:35upx;"></i>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="order-info_box" v-if="detailInfo.status != 1 && detailInfo.status!=5">
|
|
|
|
|
- <view>在线支付:</view>
|
|
|
|
|
- <view v-if="detailInfo.onlinePay == 1" style="color:red;font-weight:bold;">否</view>
|
|
|
|
|
- <view v-else style="color:#3385ff;font-weight:bold;">是</view>
|
|
|
|
|
- </view>
|
|
|
|
|
<view class="order-info_box" v-if="detailInfo.status != 1 && detailInfo.status!=5">
|
|
<view class="order-info_box" v-if="detailInfo.status != 1 && detailInfo.status!=5">
|
|
|
<view>付款方式:</view>
|
|
<view>付款方式:</view>
|
|
|
<view>
|
|
<view>
|
|
|
<block v-if="detailInfo.onlinePay == 2">
|
|
<block v-if="detailInfo.onlinePay == 2">
|
|
|
- <text :class="[detailInfo.payWay==3 && detailInfo.clearId == 0 ? 'red-mind' : 'normal-mind']">
|
|
|
|
|
- {{ detailInfo.payWay==0?'微信':detailInfo.payWay==1?'支付宝':detailInfo.payWay==2?'余额':detailInfo.payWay==4?'现金':detailInfo.payWay==5?'银行卡':detailInfo.payWay==3?'挂账':'--' }}
|
|
|
|
|
|
|
+ <!-- 挂账固定红色;线上微信/支付宝蓝色;其余黑色 -->
|
|
|
|
|
+ <text :class="[
|
|
|
|
|
+ Number(detailInfo.payWay) === 3
|
|
|
|
|
+ ? 'red-mind'
|
|
|
|
|
+ : (Number(detailInfo.payWay) === 0 || Number(detailInfo.payWay) === 1 ? 'normal-mind' : 'pay-way-black')
|
|
|
|
|
+ ]">
|
|
|
|
|
+ {{ detailInfo.payWay==0?'线上微信':detailInfo.payWay==1?'线上支付宝':detailInfo.payWay==2?'余额':detailInfo.payWay==4?'现金':detailInfo.payWay==5?'银行卡':detailInfo.payWay==3?'挂账':'--' }}
|
|
|
</text>
|
|
</text>
|
|
|
</block>
|
|
</block>
|
|
|
<block v-else>
|
|
<block v-else>
|
|
|
- <text :class="[detailInfo.payWay==3 && detailInfo.clearId == 0 ? 'red-mind' : 'normal-mind']">
|
|
|
|
|
|
|
+ <!-- 挂账固定红色;线下分支其余黑色(避免行内 color 盖掉红色) -->
|
|
|
|
|
+ <text :class="[Number(detailInfo.payWay) === 3 ? 'red-mind' : 'pay-way-black']">
|
|
|
{{ detailInfo.payWay==0?'线下微信':detailInfo.payWay==1?'线下支付宝':detailInfo.payWay==2?'余额':detailInfo.payWay==4?'现金':detailInfo.payWay==5?'银行卡':detailInfo.payWay==3?'挂账':'--' }}
|
|
{{ detailInfo.payWay==0?'线下微信':detailInfo.payWay==1?'线下支付宝':detailInfo.payWay==2?'余额':detailInfo.payWay==4?'现金':detailInfo.payWay==5?'银行卡':detailInfo.payWay==3?'挂账':'--' }}
|
|
|
</text>
|
|
</text>
|
|
|
</block>
|
|
</block>
|
|
@@ -184,15 +185,20 @@
|
|
|
<button @click='pageTo({url:"/pagesArrears/details",query: {id: detailInfo.customId}})' class="admin-button-com" style="border:1upx solid red;color:red;">全部挂账</button>
|
|
<button @click='pageTo({url:"/pagesArrears/details",query: {id: detailInfo.customId}})' class="admin-button-com" style="border:1upx solid red;color:red;">全部挂账</button>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="order-info_box" v-if="detailInfo.status != 1 && detailInfo.status!=5 && !$util.isEmpty(detailInfo.orderClearList)">
|
|
|
|
|
- <view>账单信息:</view>
|
|
|
|
|
|
|
+ <!-- 结账信息:每行一条,首条与左侧「结账信息」水平对齐 -->
|
|
|
|
|
+ <view class="order-info_box order-clear-bills" v-if="detailInfo.status != 1 && detailInfo.status!=5 && !$util.isEmpty(detailInfo.orderClearList)">
|
|
|
|
|
+ <view class="order-clear-bills__label">结账信息:</view>
|
|
|
<view class="order-clear-bills__links">
|
|
<view class="order-clear-bills__links">
|
|
|
- <text
|
|
|
|
|
|
|
+ <view
|
|
|
v-for="(bill, billIndex) in detailInfo.orderClearList"
|
|
v-for="(bill, billIndex) in detailInfo.orderClearList"
|
|
|
:key="billIndex"
|
|
:key="billIndex"
|
|
|
class="order-clear-bills__link"
|
|
class="order-clear-bills__link"
|
|
|
|
|
+ :class="{ 'order-clear-bills__link--first': billIndex === 0 }"
|
|
|
@click.stop="goClearBill(bill)"
|
|
@click.stop="goClearBill(bill)"
|
|
|
- >{{ bill.clearSn ? bill.clearSn : ('结账单' + (billIndex + 1)) }}<text v-if="Number(bill.amount)>0" class="order-clear-bills__amt"> 本单销¥{{ parseFloat(bill.amount) }}</text></text>
|
|
|
|
|
|
|
+ >
|
|
|
|
|
+ <text class="order-clear-bills__sn">{{ formatClearBillLabel(bill) }}</text>
|
|
|
|
|
+ <text v-if="Number(bill.amount) > 0" class="order-clear-bills__amt">¥{{ parseFloat(bill.amount) }}</text>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="order-info_box" style="margin-top:40upx;">
|
|
<view class="order-info_box" style="margin-top:40upx;">
|
|
@@ -472,7 +478,7 @@
|
|
|
<!-- #endif -->
|
|
<!-- #endif -->
|
|
|
<button class="admin-button-com middle blue" v-if="detailInfo.sendStatus == -4 && detailInfo.status== 2 && detailInfo.payStatus == 1" @click.stop="openExpressPage()">呼叫跑腿</button>
|
|
<button class="admin-button-com middle blue" v-if="detailInfo.sendStatus == -4 && detailInfo.status== 2 && detailInfo.payStatus == 1" @click.stop="openExpressPage()">呼叫跑腿</button>
|
|
|
<button class="admin-button-com middle blue" v-if="[-1, -2].includes(Number(detailInfo.sendStatus)) && [2].includes(Number(detailInfo.status))" @click.stop="openExpressPage()">重叫跑腿</button>
|
|
<button class="admin-button-com middle blue" v-if="[-1, -2].includes(Number(detailInfo.sendStatus)) && [2].includes(Number(detailInfo.status))" @click.stop="openExpressPage()">重叫跑腿</button>
|
|
|
- <button class="admin-button-com middle blue" style="background-color: green;border-color: green;" v-if="detailInfo.status != 1 && detailInfo.status != 5" @click="printOrder(detailInfo)">打印(无价格)</button>
|
|
|
|
|
|
|
+ <button class="admin-button-com middle blue" style="background-color: green;border-color: green;" v-if="detailInfo.status != 1 && detailInfo.status != 5" @click="printOrder(detailInfo)">无价打印</button>
|
|
|
|
|
|
|
|
<template v-for="s in detailInfo.buttonList">
|
|
<template v-for="s in detailInfo.buttonList">
|
|
|
<button :key="s.type" @click="clickBtn(s, detailInfo)" v-if="s.show == 1" :disabled="s.disable === 1" class="admin-button-com middle blue" :class="s.disable === 1?'active':''">
|
|
<button :key="s.type" @click="clickBtn(s, detailInfo)" v-if="s.show == 1" :disabled="s.disable === 1" class="admin-button-com middle blue" :class="s.disable === 1?'active':''">
|
|
@@ -1273,6 +1279,15 @@ export default {
|
|
|
}
|
|
}
|
|
|
this.pageTo({ url: '/admin/clear/customInfo', query: { id } })
|
|
this.pageTo({ url: '/admin/clear/customInfo', query: { id } })
|
|
|
},
|
|
},
|
|
|
|
|
+ /**
|
|
|
|
|
+ * 结账单短文案:前缀「结账单」+ clearSn 后四位。
|
|
|
|
|
+ * 完整单号过长,后四位便于列表内区分多笔结账。
|
|
|
|
|
+ */
|
|
|
|
|
+ formatClearBillLabel(bill) {
|
|
|
|
|
+ const sn = bill && bill.clearSn != null ? String(bill.clearSn) : ''
|
|
|
|
|
+ const tail = sn ? sn.slice(-4) : ''
|
|
|
|
|
+ return '结账单' + tail
|
|
|
|
|
+ },
|
|
|
modifyAddress(){
|
|
modifyAddress(){
|
|
|
this.$util.pageTo({url: '/pagesOrder/modify?id='+this.detailInfo.id})
|
|
this.$util.pageTo({url: '/pagesOrder/modify?id='+this.detailInfo.id})
|
|
|
},
|
|
},
|
|
@@ -1982,24 +1997,53 @@ export default {
|
|
|
color:#3385ff;
|
|
color:#3385ff;
|
|
|
font-weight:bold;
|
|
font-weight:bold;
|
|
|
}
|
|
}
|
|
|
|
|
+ .pay-way-black{
|
|
|
|
|
+ color:#000000;
|
|
|
|
|
+ font-weight:bold;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+ /* 覆盖父级 align-items:center,保证「结账信息」与第一条水平顶对齐 */
|
|
|
|
|
+ .bills-info_box > .order-info_box.order-clear-bills {
|
|
|
|
|
+ align-items: flex-start;
|
|
|
|
|
+ margin-top: 16upx;
|
|
|
|
|
+ }
|
|
|
|
|
+ .order-clear-bills__label {
|
|
|
|
|
+ font-size: 26upx;
|
|
|
|
|
+ line-height: 40upx;
|
|
|
|
|
+ font-weight: 400;
|
|
|
|
|
+ }
|
|
|
.order-clear-bills__links {
|
|
.order-clear-bills__links {
|
|
|
flex: 1;
|
|
flex: 1;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ min-width: 0;
|
|
|
}
|
|
}
|
|
|
.order-clear-bills__link {
|
|
.order-clear-bills__link {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-direction: row;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
|
+ width: 100%;
|
|
|
color: #3385ff;
|
|
color: #3385ff;
|
|
|
- font-weight: bold;
|
|
|
|
|
- margin-right: 20upx;
|
|
|
|
|
- margin-bottom: 15upx;
|
|
|
|
|
|
|
+ line-height: 40upx;
|
|
|
|
|
+ margin-top: 12upx;
|
|
|
|
|
+ }
|
|
|
|
|
+ .order-clear-bills__link--first {
|
|
|
|
|
+ margin-top: 0;
|
|
|
|
|
+ }
|
|
|
|
|
+ .order-clear-bills__sn {
|
|
|
|
|
+ color: #3385ff;
|
|
|
|
|
+ font-size: 28upx;
|
|
|
|
|
+ font-weight: 400;
|
|
|
|
|
+ line-height: 40upx;
|
|
|
}
|
|
}
|
|
|
.order-clear-bills__amt {
|
|
.order-clear-bills__amt {
|
|
|
- font-weight: normal;
|
|
|
|
|
- font-size: 26upx;
|
|
|
|
|
- margin-left: 20upx;
|
|
|
|
|
- font-weight: bold;
|
|
|
|
|
|
|
+ color: red;
|
|
|
|
|
+ font-size: 28upx;
|
|
|
|
|
+ margin-left: 8upx;
|
|
|
|
|
+ font-weight: 400;
|
|
|
|
|
+ line-height: 40upx;
|
|
|
}
|
|
}
|
|
|
.content-box {
|
|
.content-box {
|
|
|
background-color: #ffffff;
|
|
background-color: #ffffff;
|