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

56
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">
@ -140,51 +143,66 @@ const getOrderStatus = (id) => {
<div class="table-info"> <div class="table-info">
<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.create_time}}</div> <div class="info-item-info">{{ formData.create_time }}</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.total_num}}</div> <div class="info-item-info">{{ formData.total_num }}</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.total_price}}</div> <div class="info-item-info">¥{{ formData.total_price }}</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.pay_time}}</div> <div class="info-item-info">{{ formData.pay_time }}</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.deduction_price}}</div> <div class="info-item-info">¥{{ formData.deduction_price }}</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.pay_price}}</div> <div class="info-item-info">¥{{ formData.pay_price }}</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"> <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>
@ -284,11 +302,11 @@ const getOrderStatus = (id) => {
padding: 1rem; padding: 1rem;
padding-bottom: 6rem; padding-bottom: 6rem;
.table-title{ .table-title {
font-weight: bold; font-weight: bold;
padding-top: 1rem; padding-top: 1rem;
} }
.table-info{ .table-info {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
color: #777; color: #777;
@ -296,15 +314,15 @@ const getOrderStatus = (id) => {
padding-bottom: 2rem; padding-bottom: 2rem;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
&:last-child{ &:last-child {
border-bottom: none; border-bottom: none;
} }
.info-item{ .info-item {
width: 33%; width: 33%;
display: flex; display: flex;
padding-top: 1rem; padding-top: 1rem;
.info-item-title{ .info-item-title {
flex-shrink: 0; flex-shrink: 0;
padding-right: 1rem; padding-right: 1rem;
} }

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>