1

src/views/order/orderDeliver/index.vue

@@ -85,7 +85,7 @@
           <template #default="scope">
             <el-button link type="primary" v-if="scope.row.orderStatus != '4'" @click="handleDeliver(scope.row)">发货</el-button>
             <el-button link type="primary" @click="handleReview(scope.row)">查看发货信息</el-button>
-            <el-button link type="primary">取消订单</el-button>
+            <el-button link type="primary" @click="handleCancel(scope.row)">取消订单</el-button>
             <el-button
               link
               type="primary"
@@ -115,7 +115,8 @@ import {
   addOrderMain,
   updateOrderMain,
   queryOrderStatusStats,
-  closeOrderMain
+  closeOrderMain,
+  changeStatus
 } from '@/api/order/orderMain';
 import { OrderMainVO, OrderMainQuery, OrderMainForm } from '@/api/order/orderMain/types';
 import DeliverDialog from '../saleOrder/deliverDialog.vue';
@@ -279,6 +280,20 @@ const getList = async () => {
   queryOrderStatusStatsMethod();
 };
 
+/** 取消订单按钮操作 */
+const handleCancel = async (row?: OrderMainVO) => {
+  try {
+    await proxy?.$modal.confirm('是否确认取消该订单？');
+    await changeStatus(row.id, '7');
+    getList();
+    proxy?.$modal.msgSuccess('操作成功');
+  } catch (error) {
+    if (error !== 'cancel' && error !== 'close') {
+      proxy?.$modal.msgError('操作失败，请重试');
+    }
+  }
+};
+
 // 批量获取平台订单号
 const fetchCrrcOrderNos = async (rows: OrderMainVO[]) => {
   const results = await Promise.allSettled(