From 8fa28dd5044e9168c4bc746392af8a7a5503ac99 Mon Sep 17 00:00:00 2001
From: Jing Li <lym125@gmail.com>
Date: Mon, 6 Nov 2023 15:43:54 +0800
Subject: [PATCH] Update

---
 .../offline_order/store/order_preview.vue     | 54 ++++++++++---------
 1 file changed, 30 insertions(+), 24 deletions(-)

diff --git a/src/pageB/offline_order/store/order_preview.vue b/src/pageB/offline_order/store/order_preview.vue
index 7ed4389..d753ed7 100644
--- a/src/pageB/offline_order/store/order_preview.vue
+++ b/src/pageB/offline_order/store/order_preview.vue
@@ -1,7 +1,7 @@
 <template>
   <view class="text-xl">
     <view class="w-full bg-white p-base mb-20rpx">
-      <view class="flex justify-between flex-auto">
+      <view class="flex justify-between flex-auto text-xxl">
         <view>门店</view>
         <view :class="{'text-hex-c0c4cc': store ? false : true }" @tap="showStoreSelect">
           {{ store ? store.title : '请选择门店' }}<u-icon name="arrow-right" class="text-hex-c0c4cc"></u-icon>
@@ -9,33 +9,36 @@
       </view>
     </view>
     <view class="bg-white my-20rpx">
-      <view class="flex justify-between items-center p-20rpx border-b">
+      <view class="flex justify-between items-center p-20rpx border-b border-red">
         <view>订单明细</view>
         <view class="text-lg text-hex-2979ff" @tap="addOrderItem"><u-icon name="plus"></u-icon>新增</view>
       </view>
-      <view class="flex flex-col px-20rpx pb-20rpx">
-        <view class="flex flex-col border-b mt-20rpx" v-for="(orderItem, index) in orderItems" :key="index">
-          <view class="flex flex-col">
-            <view class="flex items-center justify-between py-10rpx">
-              <view>商品分类</view>
-              <view>{{ orderItem.productCategory.name }}</view>
+      <view class="flex flex-col">
+        <u-empty class="p-40rpx" text="没有订单明细" mode="list" v-if="orderItems.length == 0"></u-empty>
+        <view class="border-b border-red" v-for="(orderItem, index) in orderItems" :key="index">
+          <view class="flex flex-col p-20rpx">
+            <view class="flex flex-col">
+              <view class="flex items-center justify-between py-10rpx">
+                <view>商品分类</view>
+                <view>{{ orderItem.productCategory.name }}</view>
+              </view>
+              <view class="flex items-center justify-between py-10rpx">
+                <view>商品总额</view>
+                <view>￥{{ orderItem.productsTotalAmount }}</view>
+              </view>
+              <view class="flex items-center justify-between py-10rpx">
+                <view>优惠折扣</view>
+                <view>{{ orderItem.discount ? (orderItem.discount+'折') : '无' }}</view>
+              </view>
+              <view class="flex items-center justify-between py-10rpx">
+                <view>应付金额</view>
+                <view>￥{{ orderItem.paymentAmount }}</view>
+              </view>
             </view>
-            <view class="flex items-center justify-between py-10rpx">
-              <view>商品总额</view>
-              <view>￥{{ orderItem.productsTotalAmount }}</view>
+            <view class="flex justify-end pt-10rpx text-lg">
+              <view class="text-hex-2979ff" @tap="editOrderItem(index)"><u-icon name="edit-pen"></u-icon>编辑</view>
+              <view class="ml-30rpx text-hex-dd524d" @tap="deleteOrderItem(index)"><u-icon name="trash"></u-icon>删除</view>
             </view>
-            <view class="flex items-center justify-between py-10rpx">
-              <view>优惠折扣</view>
-              <view>{{ orderItem.discount ? (orderItem.discount+'折') : '无' }}</view>
-            </view>
-            <view class="flex items-center justify-between py-10rpx">
-              <view>应付金额</view>
-              <view>￥{{ orderItem.paymentAmount }}</view>
-            </view>
-          </view>
-          <view class="flex justify-end py-20rpx text-lg">
-            <view class="text-hex-2979ff" @tap="editOrderItem(index)"><u-icon name="edit-pen"></u-icon>编辑</view>
-            <view class="ml-30rpx text-hex-dd524d" @tap="deleteOrderItem(index)"><u-icon name="trash"></u-icon>删除</view>
           </view>
         </view>
       </view>
@@ -334,6 +337,9 @@
 </script>
 <style lang="scss" scoped>
   .border-b {
-    border-bottom: 1rpx solid #e4e7ed;
+    border-width: 6rpx;
+  }
+  .border-red {
+    border-color: rgba(239, 68, 68, 0.5);
   }
 </style>