Hooke / mlaj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
1a8d7445 1 parent 41652ef2

feat(订单页面): 添加审批状态标签显示 

在订单页面中添加审批状态标签，使用不同颜色区分不同状态
Inline Side-by-side
Showing 2 changed files with 10 additions and 0 deletions
...@@ -59,6 +59,7 @@ declare module 'vue' { ...@@ -59,6 +59,7 @@ declare module 'vue' {
59 VanSwipeItem: typeof import('vant/es')['SwipeItem'] 59 VanSwipeItem: typeof import('vant/es')['SwipeItem']
60 VanTab: typeof import('vant/es')['Tab'] 60 VanTab: typeof import('vant/es')['Tab']
61 VanTabs: typeof import('vant/es')['Tabs'] 61 VanTabs: typeof import('vant/es')['Tabs']
62 + VanTag: typeof import('vant/es')['Tag']
62 VanUploader: typeof import('vant/es')['Uploader'] 63 VanUploader: typeof import('vant/es')['Uploader']
63 VideoPlayer: typeof import('./components/ui/VideoPlayer.vue')['default'] 64 VideoPlayer: typeof import('./components/ui/VideoPlayer.vue')['default']
64 WechatPayment: typeof import('./components/payment/WechatPayment.vue')['default'] 65 WechatPayment: typeof import('./components/payment/WechatPayment.vue')['default']
......
...@@ -59,6 +59,7 @@ ...@@ -59,6 +59,7 @@
59 <p class="text-sm text-gray-500 mb-1">{{ order.note }}</p> 59 <p class="text-sm text-gray-500 mb-1">{{ order.note }}</p>
60 <p class="text-sm text-gray-500">{{ order.pay_date && formatDate(order.pay_date) }}</p> 60 <p class="text-sm text-gray-500">{{ order.pay_date && formatDate(order.pay_date) }}</p>
61 <p class="text-sm text-gray-500">¥{{ detail.price }} x {{ detail.number }} 份</p> 61 <p class="text-sm text-gray-500">¥{{ detail.price }} x {{ detail.number }} 份</p>
62 + <van-tag :color="approvalStatusMap[order.approval_status]['color']">{{ approvalStatusMap[order.approval_status]['text'] }}</van-tag>
62 </div> 63 </div>
63 </div> 64 </div>
64 65
...@@ -224,6 +225,14 @@ const statusMap = { ...@@ -224,6 +225,14 @@ const statusMap = {
224 REFUND: { text: '已退款', color: 'text-red-500' }, 225 REFUND: { text: '已退款', color: 'text-red-500' },
225 REFUND_ERROR: { text: '退款失败', color: 'text-red-500' }, 226 REFUND_ERROR: { text: '退款失败', color: 'text-red-500' },
226 } 227 }
228 +
229 +// 订单审批状态映射
230 +const approvalStatusMap = {
231 + APPLY: { text: '待审批', color: '#1989f1' },
232 + ENABLE: { text: '审批通过', color: '#07c160' },
233 + DISABLE: { text: '审批不通过', color: '#ff976a' },
234 + null: { text: '未审批', color: '#909399' },
235 +}
227 // 模拟订单数据 236 // 模拟订单数据
228 // const orders = ref([ 237 // const orders = ref([
229 // { 238 // {
......