feat：后台取消发货

.env.local

@@ -4,9 +4,9 @@ NODE_ENV=development
 VITE_DEV=true
 
 # 请求路径
-# VITE_BASE_URL='https://yffzpapi.zianxin.com'
+ VITE_BASE_URL='https://yffzpapi.zianxin.com'
 
-VITE_BASE_URL='http://localhost:48088'
+#VITE_BASE_URL='http://localhost:48088'
 
 # 文件上传类型：server - 后端上传， client - 前端直连上传，仅支持 S3 服务
 VITE_UPLOAD_TYPE=server

src/api/mall/trade/order/index.ts

@@ -162,7 +162,11 @@ export const deliveryOrder100 = async (data: { id: number }) => {
   return await request.put({ url: `/trade/order/delivery-kuaidi100?id=${data.id}`, data })
 }
 
-// 订单备注
+// 订单取消（传入 id）
+export const cancelOrder = async (id: number) => {
+  return await request.put({ url: `/trade/order/cancel?id=${id}` })
+}
+
 export const updateOrderRemark = async (data: any) => {
   return await request.put({ url: `/trade/order/update-remark`, data })
 }

src/views/mall/trade/order/index.vue

@@ -110,15 +110,9 @@
                     <Icon icon="ep:takeaway-box" />
                     发货
                   </el-dropdown-item>
-                  <el-dropdown-item
-                    v-if="row.deliveryType === DeliveryTypeEnum.EXPRESS.type &&
-                      (row.status === TradeOrderStatusEnum.DELIVERED.status || row.status === TradeOrderStatusEnum.COMPLETED.status)"
-                    command="print">
-                    <Icon icon="ep:printer" />
-                    打印
-                  </el-dropdown-item>
                   <el-dropdown-item v-if="row.deliveryType === DeliveryTypeEnum.EXPRESS.type &&
-                    row.status === TradeOrderStatusEnum.DELIVERED.status" command="cancel">
+                    (row.status === TradeOrderStatusEnum.DELIVERED.status ||
+                      row.status === TradeOrderStatusEnum.UNDELIVERED.status)" command="cancel">
                     <Icon icon="mingcute:delete-2-line" />
                     取消
                   </el-dropdown-item>
@@ -290,6 +284,7 @@ const currentOrderRow = ref<TradeOrderApi.OrderVO | null>(null) // 保存当前
 /** 操作分发 */
 const deliveryFormRef = ref()
 const updateRemarkForm = ref()
+// handleCommand 方法
 const handleCommand = (command: string, row: TradeOrderApi.OrderVO) => {
   switch (command) {
     case 'remark':
@@ -309,11 +304,14 @@ const handleCommand = (command: string, row: TradeOrderApi.OrderVO) => {
       }
       break
     case 'cancel':
-      // 取消订单
-      // TradeOrderApi.cancelOrder({ id: row.id }).then(() => {
-      ElMessage.success('订单已取消')
-    // getList()
-    // })
+      message
+        .confirm('确认取消该订单？')
+        .then(async () => {
+          await TradeOrderApi.cancelOrder(Number(row.id))
+          ElMessage.success('订单已取消')
+          await getList()
+        })
+      break
   }
 }