补充缺失文件

src/views/shop/shopOrder/components/orderInfo.vue

@@ -1,18 +1,28 @@
 <!-- 用户编辑弹窗 -->
 <template>
-  <ele-modal
-    :width="`80%`"
+  <a-drawer
+    :width="`65%`"
     :visible="visible"
     :confirm-loading="loading"
     :maxable="maxAble"
     :title="isUpdate ? '编辑订单' : '订单详情'"
     :body-style="{ paddingBottom: '8px', background: '#f3f3f3' }"
     @update:visible="updateVisible"
-    :maskClosable="false"
     :footer="null"
     @ok="save"
   >
-    <a-card style="margin-bottom: 20px" :bordered="false">
+    <template #extra>
+      <a-space>
+        <a-button
+          type="primary"
+          @click="save"
+          :loading="loading"
+        >发货
+        </a-button>
+        <a-button @click="updateVisible(false)" danger>取消订单</a-button>
+      </a-space>
+    </template>
+    <a-card title="基本信息" style="margin-bottom: 20px" :bordered="false">
       <a-descriptions :column="3">
         <!-- 第一排-->
         <a-descriptions-item
@@ -217,13 +227,13 @@
           <a-tag v-if="form.isSettled == 1" color="green">已结算</a-tag>
         </a-descriptions-item>
 
-<!--        <a-descriptions-item span="3">-->
-<!--          <a-divider/>-->
-<!--        </a-descriptions-item>-->
+        <!--        <a-descriptions-item span="3">-->
+        <!--          <a-divider/>-->
+        <!--        </a-descriptions-item>-->
 
       </a-descriptions>
     </a-card>
-    <a-card class="order-card" :bordered="false">
+    <a-card title="商品信息" style="margin-bottom: 20px" :bordered="false">
       <a-spin :spinning="loading">
         <a-table
           :data-source="orderGoods"
@@ -232,7 +242,16 @@
         />
       </a-spin>
     </a-card>
-  </ele-modal>
+    <a-card title="收货信息" style="margin-bottom: 20px" :bordered="false">
+      <a-spin :spinning="loading">
+        <a-table
+          :data-source="orderGoods"
+          :columns="columns"
+          :pagination="false"
+        />
+      </a-spin>
+    </a-card>
+  </a-drawer>
 </template>
 
 <script lang="ts" setup>
@@ -466,7 +485,7 @@ const columns = ref<ColumnItem[]>([
     title: '金额',
     dataIndex: 'price',
     align: 'center',
-    customRender: ({ record }) => {
+    customRender: ({record}) => {
       return `￥${record.price || 0}`;
     }
   },
@@ -474,7 +493,7 @@ const columns = ref<ColumnItem[]>([
     title: '数量',
     dataIndex: 'quantity',
     align: 'center',
-    customRender: ({ record }) => {
+    customRender: ({record}) => {
       return record.quantity || 1;
     }
   },
@@ -488,7 +507,7 @@ const columns = ref<ColumnItem[]>([
     title: '是否免费',
     dataIndex: 'isFree',
     align: 'center',
-    customRender: ({ record }) => {
+    customRender: ({record}) => {
       return record.isFree ? '是' : '否';
     }
   }