From af8e6df1c0cd0b338c12b21f0e4e5d69d36ab2c1 Mon Sep 17 00:00:00 2001
From: dzc <2388224167@qq.com>
Date: Wed, 27 Aug 2025 20:34:11 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E9=80=80=E6=AC=BE=E5=AE=8C=E6=88=90?=
 =?UTF-8?q?=E5=BE=85=E6=B5=8B=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/admin-refund-dialog/form.vue   |  5 +++
 .../components/admin-refund-dialog/index.vue  |  6 +++-
 .../components/admin-refund-dialog/table.vue  | 34 ++++++++++++-------
 3 files changed, 31 insertions(+), 14 deletions(-)

diff --git a/src/views/hard/hard-order/components/admin-refund-dialog/form.vue b/src/views/hard/hard-order/components/admin-refund-dialog/form.vue
index 106581c..bb55ae0 100644
--- a/src/views/hard/hard-order/components/admin-refund-dialog/form.vue
+++ b/src/views/hard/hard-order/components/admin-refund-dialog/form.vue
@@ -90,7 +90,12 @@ const validate = async () => {
     return form
 }
 
+const resetFields = async () => {
+    await dataFormRef.value.resetFields()
+}
+
 defineExpose({
     validate,
+    resetFields
 })
 </script>
\ No newline at end of file
diff --git a/src/views/hard/hard-order/components/admin-refund-dialog/index.vue b/src/views/hard/hard-order/components/admin-refund-dialog/index.vue
index 65a140b..79c3a9f 100644
--- a/src/views/hard/hard-order/components/admin-refund-dialog/index.vue
+++ b/src/views/hard/hard-order/components/admin-refund-dialog/index.vue
@@ -56,10 +56,14 @@ const state = reactive<any>({
 const openDialog = (id: string) => {
 	visible.value = true
 	state.orderId = id
+
+	nextTick(() => {
+		refundTableRef.value?.getCarList(state.orderId)
+		refundFormRef.value?.resetFields()
+	})
 }
 
 function tabClick(e: any) {
-	console.log("tabClick", e);
 	nextTick(async () => {
 		loading.value = true
 		try {
diff --git a/src/views/hard/hard-order/components/admin-refund-dialog/table.vue b/src/views/hard/hard-order/components/admin-refund-dialog/table.vue
index d04906a..d0dd289 100644
--- a/src/views/hard/hard-order/components/admin-refund-dialog/table.vue
+++ b/src/views/hard/hard-order/components/admin-refund-dialog/table.vue
@@ -9,7 +9,7 @@
                     <el-table-column label="商品图片" align="center" prop="code">
                         <template #default="{ row }">
                             <preview-image v-if="row.productPic" :src="row.productPic" />
-                            <div v-else class="w-[50px] h-[50px]" />
+                            <div v-else class="w-[60px] h-[60px]" />
                         </template>
                     </el-table-column>
                     <el-table-column label="商品价格" align="center" prop="productPrice">
@@ -36,7 +36,7 @@
                     <el-table-column label="商品图片" align="center" prop="code">
                         <template #default="{ row }">
                             <preview-image v-if="row.productPic" :src="row.productPic" />
-                            <div v-else class="w-[50px] h-[50px]" />
+                            <div v-else class="w-[60px] h-[60px]" />
                         </template>
                     </el-table-column>
                     <el-table-column label="商品价格" align="center" prop="productPrice">
@@ -66,7 +66,7 @@
                     <el-table-column label="商品图片" align="center" prop="code">
                         <template #default="{ row }">
                             <preview-image v-if="row.productPic" :src="row.productPic" />
-                            <div v-else class="w-[50px] h-[50px]" />
+                            <div v-else class="w-[60px] h-[60px]" />
                         </template>
                     </el-table-column>
                     <el-table-column label="商品价格" align="center" prop="productPrice">
@@ -76,16 +76,16 @@
                     </el-table-column>
                     <el-table-column label="退款商品数量" align="center" prop="refundProductCount">
                         <template #default="{ row }">
-                            <div>
-                                <div v-if="row.refundProductCount == row.productCount" class="color-danger text-sm">
-                                    该商品已全部退款
-                                </div>
-                                <div v-else>
-                                    <el-input-number size="small" v-if="row.productNature == 2"
-                                        v-model="row.refundProductCount" :min="0" :max="row.productCount" :step="0.1"
-                                        @change="handleRefundProductCount($event, row)" />
-                                    <el-input-number size="small" v-else v-model="row.refundProductCount" :min="0"
-                                        :max="row.productCount" @change="handleRefundProductCount($event, row)" />
+                            <div class="w-full h-full">
+                                <el-input-number size="small" v-if="row.productNature == 2"
+                                    v-model="row.refundProductCount" :min="0" :max="row.productCount" :step="0.1"
+                                    @change="handleRefundProductCount($event, row)" />
+                                <el-input-number size="small" v-else v-model="row.refundProductCount" :min="0"
+                                    :max="row.productCount" @change="handleRefundProductCount($event, row)" />
+                                <div class="h-4">
+                                    <div v-if="row.productCount <= row.refundProductCount" class="color-danger text-xs">
+                                        该商品已全部退款
+                                    </div>
                                 </div>
                             </div>
                         </template>
@@ -132,6 +132,14 @@ const getCarList = async (orderId: string) => {
     // 获取已退款的商品
     const { data } = await hardCar.refundCar({ orderId })
     if (!data || !data.length) {
+        disposeDataList.value = state.dataList.map((item) => {
+            if (!item) return null
+            return {
+                ...item,
+                refundProductCount: 0,
+                refundTotalPrice: 0,
+            }
+        }).filter(Boolean)
         return
     }
     refundSuccessList.value = data