weipengfei
/
cashier-mer
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

This commit is contained in:
weipengfei 2024-04-06 18:03:48 +08:00
parent 8320e247b6
commit 167522d4b0
2 changed files with 84 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/views/order/component/detail.vue
View File

@ -109,7 +109,10 @@ const getOrderStatus = (id) => {
共计 共计
<span style="color: #ff4a00">{{ formData.total_num }}</span> 件商品 <span style="color: #ff4a00">{{ formData.total_num }}</span> 件商品
</div> </div>
<el-table style="height: calc(100vh - 100px - 14rem);" :data="formData.orderProduct"> <el-table
style="height: calc(100vh - 100px - 14rem)"
:data="formData.orderProduct"
>
<el-table-column prop="cart_info.product.store_name" label="商品信息"> <el-table-column prop="cart_info.product.store_name" label="商品信息">
<template #default="{ row }"> <template #default="{ row }">
<div style="display: flex; align-items: center"> <div style="display: flex; align-items: center">
@ -167,24 +170,39 @@ const getOrderStatus = (id) => {
<div class="info-item-info"> <div class="info-item-info">
<span v-if="formData.pay_type == 11">微信收款</span> <span v-if="formData.pay_type == 11">微信收款</span>
<span v-if="formData.pay_type == 12">现金支付</span> <span v-if="formData.pay_type == 12">现金支付</span>
<span v-if="formData.pay_type == 0">余额支付</span>
<span v-if="formData.pay_type == 1">微信支付</span>
<span v-if="formData.pay_type == 9">商户余额支付</span>
<span v-if="formData.pay_type == 10">对公转账</span>
</div> </div>
</div> </div>
</div> </div>
<div class="table-title">收银员信息</div> <div class="table-title" v-if="formData.service_info">收银员信息</div>
<div class="table-info" style="flex-direction: column;"> <div
class="table-info"
v-if="formData.service_info"
style="flex-direction: column"
>
<div class="info-item"> <div class="info-item">
<div class="info-item-title">头像:</div> <div class="info-item-title">头像:</div>
<div class="info-item-info"> <div class="info-item-info">
<el-image style="height: 4rem;width: 4rem;border-radius: 50%;" :src="formData.service_info.avatar"></el-image> <el-image
style="height: 4rem; width: 4rem; border-radius: 50%"
:src="formData.service_info.avatar"
></el-image>
</div> </div>
</div> </div>
<div class="info-item"> <div class="info-item">
<div class="info-item-title">昵称:</div> <div class="info-item-title">昵称:</div>
<div class="info-item-info">{{formData.service_info.nickname}}</div> <div class="info-item-info">
{{ formData.service_info.nickname }}
</div>
</div> </div>
<div class="info-item"> <div class="info-item">
<div class="info-item-title">账号:</div> <div class="info-item-title">账号:</div>
<div class="info-item-info">{{formData.service_info.account}}</div> <div class="info-item-info">
{{ formData.service_info.account }}
</div>
</div> </div>
</div> </div>
</div> </div>

12
src/views/order/component/order.vue
View File

@ -126,8 +126,16 @@ const setForm = (item, index) => {
</div> </div>
<div class="bottom"> <div class="bottom">
<div class="pay"> <div class="pay">
<span v-if="item.paid">已支付</span> <div v-if="item.paid">
<span v-else style="color: #ff4a00;">未支付</span> 已支付
<span v-if="item.pay_type == 12">(现金支付)</span>
<span v-if="item.pay_type == 11">(微信支付)</span>
<span v-if="item.pay_type == 0">(余额支付)</span>
<span v-if="item.pay_type == 1">(微信支付)</span>
<span v-if="item.pay_type == 9">(商户余额支付)</span>
<span v-if="item.pay_type == 10">(对公转账)</span>
</div>
<div v-else style="color: #ff4a00;">未支付</div>
</div> </div>
<div class="cashier" v-if="item.service_info">收银员: {{ item.service_info.nickname }}</div> <div class="cashier" v-if="item.service_info">收银员: {{ item.service_info.nickname }}</div>
<div class="cashier" v-else>平台订单</div> <div class="cashier" v-else>平台订单</div>