订单取消类型展示

src/utils/dict.ts

@@ -235,4 +235,5 @@ export enum DICT_TYPE {
   MENDUNER_TAG_TYPE = 'menduner_tag_type',
   MENDUNER_HUNT_STATUS = 'menduner_hunt_status',
   MENDUNER_TRADE_ORDER_TYPE = 'menduner_trade_order_type', // 订单类型
+  MENDUNER_TRADE_ORDER_CANCEL_TYPE = 'menduner_trade_order_cancel_type', // 订单取消类型
 }

src/views/menduner/system/order/index.vue

@@ -105,6 +105,12 @@
       <el-table-column label="退款订单编号" align="center" prop="payRefundId" />
       <el-table-column label="退款金额" align="center" prop="refundPrice" />
       <el-table-column label="退款时间" align="center" prop="refundTime" :formatter="dateFormatter" width="180px"/>
+      <el-table-column label="订单取消类型" align="center" prop="cancelType">
+        <template #default="scope">
+          <dict-tag :type="DICT_TYPE.MENDUNER_TRADE_ORDER_CANCEL_TYPE" :value="scope.row.cancelType" />
+        </template>
+      </el-table-column>
+      <el-table-column label="订单取消时间" align="center" prop="cancelTime" :formatter="dateFormatter" width="180px"/>
       <el-table-column label="创建时间" align="center" prop="createTime" :formatter="dateFormatter" width="180px"/>
       <el-table-column label="操作" align="center">
         <template #default="scope">
@@ -144,6 +150,7 @@ import TradeOrderForm from './TradeOrderForm.vue'
 /** 交易订单	 列表 */
 defineOptions({ name: 'TradeOrder' })
 
+
 const message = useMessage() // 消息弹窗
 const router = useRouter()
 const loading = ref(true) // 列表的加载中