feat:退款详情

src/views/hard/hard-order/index.vue

@@ -26,7 +26,7 @@
         :header-cell-style="tableStyle.headerCellStyle" @selection-change="selectionChangHandle"
         @sort-change="sortChangeHandle">
         <el-table-column type="selection" width="40" align="center" />
-        <el-table-column type="index" label="#" width="40" />
+        <el-table-column type="index" label="#" width="50" />
         <el-table-column prop="username" label="用户" />
         <el-table-column prop="userAvatar" label="头像">
           <template #default="{ row }">
@@ -101,12 +101,13 @@
           </template>
         </el-table-column>
         <el-table-column label="支付时间" align="center" prop="payTime" width="180px" />
-        <el-table-column label="操作" width="150">
+        <el-table-column label="操作" width="200">
           <template #default="{ row }">
             <el-button icon="ShoppingCartFull" text type="primary"
               @click="shopCarDialogRef.openDialog(row.id)">购物车</el-button>
-            <el-button icon="WalletFilled" v-if="!row.payRefundId && row.orderType != 3 && row.orderType != 4 && false"
-              link type="primary" @click="formDialogRef.openDialog(row)">
+            <el-button icon="WalletFilled"
+              v-if="!row.payRefundId && row.orderType != 3 && row.orderType != 4 && ['5', '10'].includes(row.orderStatus)"
+              link type="primary" @click="doRefund(row)">
               退款
             </el-button>
             <el-button v-if="false" icon="edit-pen" text type="primary" v-auth="'hard_hardwareOrder_edit'"
@@ -135,6 +136,8 @@ import { useMessage, useMessageBox } from "/@/hooks/message";
 import { useDict } from '/@/hooks/dict';
 import { displayPrice } from "/@/utils/formatMoney"
 
+const { push } = useRouter()
+
 // 引入组件
 const FormDialog = defineAsyncComponent(() => import('./form.vue'));
 const ShopCar = defineAsyncComponent(() => import('../components/shop-car.vue'));
@@ -187,6 +190,10 @@ const handleClick = (e: any) => {
   getDataList()
 }
 
+const doRefund = (row: any) => {
+  push({ path: '/hard/hard-after-sale/order-refund', query: { id: row.id } })
+}
+
 // 导出excel
 const exportExcel = () => {
   downBlobFile('/hard/hardwareOrder/export', Object.assign(state.queryForm, { ids: selectObjs }), 'hardwareOrder.xlsx')