From 066b0be2d28cb62c5e2053021e4ea32c2290cdca Mon Sep 17 00:00:00 2001
From: lihuilin <analsak@163.com>
Date: Mon, 20 Oct 2025 14:35:12 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BF=9B=E5=BA=A6=E5=9B=BE=E5=A5=BD=E4=BA=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/menuUtils.js                             |   2 +-
 .../moneyManage/refundDetail/refundCharge.vue      | 123 +++++++++++++----
 .../moneyManage/refundDetail/refundFinance.vue     | 146 ++++++++++++++-------
 .../moneyManage/refundDetail/refundHeader.vue      | 124 +++++++++++++----
 .../moneyManage/refundDetail/refundService.vue     |  60 +++++++--
 5 files changed, 336 insertions(+), 119 deletions(-)

diff --git a/src/utils/menuUtils.js b/src/utils/menuUtils.js
index 0a0c808..c417811 100644
--- a/src/utils/menuUtils.js
+++ b/src/utils/menuUtils.js
@@ -85,7 +85,7 @@ export const getRoutePath = (menu) => {
         '收款-总部财务/管理员':'/moneyManage/receiveDetail/receiveHead',
 
         '退款明细': '/moneyManage/refundDetail',
-        '退款-地区客服':'/moneyManage/refundDetail/service',
+        '退款-地区客服':'/moneyManage/refundDetail/refundService',
         '退款-地区财务':'/moneyManage/refundDetail/refundFinance',
         '退款-地区负责人':'/moneyManage/refundDetail/refundCharge',
         '退款-总部财务/管理员':'/moneyManage/refundDetail/refundHeader',
diff --git a/src/views/moneyManage/refundDetail/refundCharge.vue b/src/views/moneyManage/refundDetail/refundCharge.vue
index c952dad..c594967 100644
--- a/src/views/moneyManage/refundDetail/refundCharge.vue
+++ b/src/views/moneyManage/refundDetail/refundCharge.vue
@@ -1,6 +1,6 @@
 <!-- 各地负责人 -->
 <template>
-    <el-card style="margin-bottom: 0.5vh;">
+    <el-card style="margin-bottom: 0.5vh;background-color: rgb(243,250,254);">
         <div class="condition">
             <div class="item1">
                 <el-text size="large" style="width:4vw;">精网号</el-text>
@@ -28,11 +28,15 @@
         <div class="condition">
             <div class="item2">
                 <el-text size="large" style="width:4vw;">付款币种</el-text>
-                <el-input v-model="searchForm.payCurrency" placeholder="请输入付款币种" style="width:9vw;" clearable />
+                <el-select v-model="searchForm.paymentCurrency" style="width:9vw;">
+                    <el-option v-for="item in currencies" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
             </div>
             <div class="item2">
                 <el-text size="large" style="width:4vw;">支付方式</el-text>
-                <el-input v-model="searchForm.payType" placeholder="请输入支付方式" style="width:9vw;" clearable />
+                <el-select v-model="searchForm.payType" style="width:9vw;">
+                    <el-option v-for="item in channelOptions" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
             </div>
             <div class="item2" style="width: 28.5vw;">
                 <el-text size="large" style="width:4vw;">付款时间</el-text>
@@ -49,7 +53,7 @@
         </div>
     </el-card>
 
-    <el-card style="margin-top: 0.5vh;">
+    <el-card style="margin-top: 0.5vh;background-color: rgb(231,244,253);">
         <el-table :data="tableData" style="height:64vh;width:82vw">
             <el-table-column type="index" label="序号" width="60" fixed="left" />
             <el-table-column prop="name" label="Homily ID" width="120" fixed="left" />
@@ -212,47 +216,65 @@
     }">
         <div class="steps">
             <div class="steps-content">
-                <el-steps style="min-width: 60vw" :active="1" align-center>
-                    <el-step> <template #title>
+                <el-steps :active="currentStep" align-center>
+
+                    <el-step title="提交人">
+                        <template #title>
                             <div>提交人<br>你是死的</div>
                         </template>
                         <template #icon>
-                            <img src="@/assets/images/已审核.png" alt="已审核图标">
+                            <img v-if="currentStep === 1" src="@/assets/images/待审核.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
+                            <img v-if="currentStep > 1" src="@/assets/images/已审核.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
                         </template>
                     </el-step>
+
                     <el-step title="地区财务">
                         <template #icon>
-                            <img src="@/assets/images/待审核.png" alt="待审核图标">
+                            <img v-if="currentStep < 2" src="@/assets/images/还没传到.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
+                            <img v-if="currentStep === 2" src="@/assets/images/待审核.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
+                            <img v-if="currentStep > 2" src="@/assets/images/已审核.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
                         </template>
                     </el-step>
+
                     <el-step title="地区负责人">
                         <template #icon>
-                            <img src="@/assets/images/还没传到.png" alt="还没传到图标">
+                            <img v-if="currentStep < 3" src="@/assets/images/还没传到.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
+                            <img v-if="currentStep === 3" src="@/assets/images/待审核.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
+                            <img v-if="currentStep > 3" src="@/assets/images/已审核.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
                         </template>
                     </el-step>
+
                     <el-step title="总部财务">
                         <template #icon>
-                            <img src="@/assets/images/还没传到.png" alt="还没传到图标">
+                            <img v-if="currentStep < 4" src="@/assets/images/还没传到.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
+                            <img v-if="currentStep === 4" src="@/assets/images/待审核.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
+                            <img v-if="currentStep > 4" src="@/assets/images/已审核.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
                         </template>
                     </el-step>
+
                     <el-step title="指定执行人">
                         <template #icon>
-                            <img src="@/assets/images/还没传到.png" alt="还没传到图标">
+                            <img v-if="currentStep < 5" src="@/assets/images/还没传到.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
+                            <img v-if="currentStep === 5" src="@/assets/images/待审核.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
                         </template>
                     </el-step>
                 </el-steps>
             </div>
-            <div class="steps-status">
-                <el-steps style="min-width: 50vw" :active="1" finish-status="success" simple>
-                    <el-step title="已通过" />
-                    <el-step title="待审核" />
-                    <el-step title="待审核" />
-                    <el-step title="待审核" />
-                    <el-step title="待审核" />
-                </el-steps>
-            </div>
             <div class="steps-btn">
-                <el-button type="primary">确定</el-button>
+                <el-button type="primary" @click="showSteps = false">确定</el-button>
             </div>
         </div>
     </el-dialog>
@@ -267,8 +289,9 @@ import { storeToRefs } from "pinia"
 import dayjs from 'dayjs'
 const adminStore = useAdminStore()
 const { adminData, menuTree } = storeToRefs(adminStore)
-import { permissionMapping, findMenuById } from "@/utils/menuTreePermission.js"
+import { permissionMapping, findMenuById, hasMenuPermission } from "@/utils/menuTreePermission.js"
 
+const currentStep = ref(0)// 进度图
 const searchForm = ref({
     jwcode: '',
     markets:[]
@@ -288,7 +311,33 @@ const showAudit2 = ref(false)
 const tableData = ref([])
 const showSteps = ref(false)
 const uploadRef = ref(null)
-const payments = ref([{
+const currencies = ref([
+    {
+        value: '新币',
+        label: '新币'
+    },
+    {
+        value: '港币',
+        label: '港币'
+    },
+    {
+        value: '马币',
+        label: '马币'
+    },
+    {
+        value: '加币',
+        label: '加币'
+    },
+    {
+        value: '泰铢',
+        label: '泰铢'
+    },
+    {
+        value: '越南盾',
+        label: '越南盾'
+    }
+])
+const channelOptions = ref([{
     value: '银行转账',
     label: '银行转账'
 },
@@ -468,6 +517,19 @@ const showStep = function (row) {
         ElMessage.error('无此权限')
         return
     }
+    if (row.areaService !== null || row.areaService !== '') {
+        currentStep.value = 1
+    }
+    if (row.areaFinance !== null || row.areaFinance !== '') {
+        currentStep.value = 2
+    }
+    if (row.areaCharge !== null || row.areaCharge !== '') {
+        currentStep.value = 3
+    }
+    if (row.headFinance !== null || row.headFinance !== '') {
+        currentStep.value = 4
+    }
+    console.log("看看顺序到哪了",currentStep.value)
     showSteps.value = true
 }
 const hideReject = function () {
@@ -491,6 +553,16 @@ onMounted(() => {
 })
 </script>
 <style scoped lang="scss">
+:deep(.el-table__header-wrapper),
+:deep(.el-table__body-wrapper),
+:deep(.el-table__cell),
+:deep(.el-table__body td) {
+    background-color: #F3FAFE !important;
+}
+
+:deep(.el-table__header th) {
+    background-color: #F3FAFE !important;
+}
 .condition {
     width: 82vw;
     display: flex;
@@ -604,12 +676,7 @@ onMounted(() => {
 
 .steps {
     .steps-content {
-        width: 45vw;
-        height: 15vh;
-        display: flex;
-        justify-content: center;
         padding-top: 15vw;
-        padding-left: 8vw;
     }
 
     .steps-status {
diff --git a/src/views/moneyManage/refundDetail/refundFinance.vue b/src/views/moneyManage/refundDetail/refundFinance.vue
index cf474cf..81d22bc 100644
--- a/src/views/moneyManage/refundDetail/refundFinance.vue
+++ b/src/views/moneyManage/refundDetail/refundFinance.vue
@@ -1,6 +1,6 @@
 <!-- 各地财务 -->
 <template>
-    <el-card style="margin-bottom: 0.5vh;">
+    <el-card style="margin-bottom: 0.5vh;background-color: rgb(243,250,254);">
         <div class="condition">
             <div class="item1">
                 <el-text size="large" style="width:4vw;">精网号</el-text>
@@ -28,11 +28,16 @@
         <div class="condition">
             <div class="item2">
                 <el-text size="large" style="width:4vw;">付款币种</el-text>
-                <el-input v-model="searchForm.payCurrency" placeholder="请输入付款币种" style="width:9vw;" clearable />
+                <el-select v-model="searchForm.paymentCurrency" style="width:9vw;">
+                    <el-option v-for="item in currencies" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
             </div>
             <div class="item2">
                 <el-text size="large" style="width:4vw;">支付方式</el-text>
-                <el-input v-model="searchForm.payType" placeholder="请输入支付方式" style="width:9vw;" clearable />
+                <el-select v-model="searchForm.payType" style="width:9vw;">
+                    <el-option v-for="item in channelOptions" :key="item.value" :label="item.label"
+                        :value="item.value" />
+                </el-select>
             </div>
             <div class="item2" style="width: 28.5vw;">
                 <el-text size="large" style="width:4vw;">付款时间</el-text>
@@ -49,7 +54,7 @@
         </div>
     </el-card>
 
-    <el-card style="margin-top: 0.5vh;">
+    <el-card style="margin-top: 0.5vh;background-color: rgb(231,244,253);">
         <el-table :data="tableData" style="height:64vh;width:82vw">
             <el-table-column type="index" label="序号" width="60" fixed="left" />
             <el-table-column prop="jwcode" label="Homily ID" width="120" fixed="left" />
@@ -69,9 +74,9 @@
             <el-table-column prop="status" label="订单状态" width="120">
                 <template #default="scope">
                     {{
-                        [10,20, 30, 40].includes(scope.row.status) ? '审核中' :
-                        [12,22, 32].includes(scope.row.status) ? '审核驳回' :
-                        scope.row.status === 41 ? '退款完成' : scope.row.status
+                        [10, 20, 30, 40].includes(scope.row.status) ? '审核中' :
+                            [12, 22, 32].includes(scope.row.status) ? '审核驳回' :
+                                scope.row.status === 41 ? '退款完成' : scope.row.status
                     }}
                 </template>
             </el-table-column>
@@ -144,7 +149,8 @@
                 </div>
                 <div class="center-item">
                     <el-text style="width:4vw;">转账凭证</el-text>
-                    <img v-if="auditRow.voucher" :src="auditRow.voucher" style="width: 100%; height: 100%; object-fit: cover;">
+                    <img v-if="auditRow.voucher" :src="auditRow.voucher"
+                        style="width: 100%; height: 100%; object-fit: cover;">
                     <div v-else>
                         无转账凭证
                     </div>
@@ -215,47 +221,65 @@
     }">
         <div class="steps">
             <div class="steps-content">
-                <el-steps style="min-width: 60vw" :active="1" align-center>
-                    <el-step> <template #title>
+                <el-steps :active="currentStep" align-center>
+
+                    <el-step title="提交人">
+                        <template #title>
                             <div>提交人<br>你是死的</div>
                         </template>
                         <template #icon>
-                            <img src="@/assets/images/已审核.png" alt="已审核图标">
+                            <img v-if="currentStep === 1" src="@/assets/images/待审核.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
+                            <img v-if="currentStep > 1" src="@/assets/images/已审核.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
                         </template>
                     </el-step>
+
                     <el-step title="地区财务">
                         <template #icon>
-                            <img src="@/assets/images/待审核.png" alt="待审核图标">
+                            <img v-if="currentStep < 2" src="@/assets/images/还没传到.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
+                            <img v-if="currentStep === 2" src="@/assets/images/待审核.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
+                            <img v-if="currentStep > 2" src="@/assets/images/已审核.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
                         </template>
                     </el-step>
+
                     <el-step title="地区负责人">
                         <template #icon>
-                            <img src="@/assets/images/还没传到.png" alt="还没传到图标">
+                            <img v-if="currentStep < 3" src="@/assets/images/还没传到.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
+                            <img v-if="currentStep === 3" src="@/assets/images/待审核.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
+                            <img v-if="currentStep > 3" src="@/assets/images/已审核.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
                         </template>
                     </el-step>
+
                     <el-step title="总部财务">
                         <template #icon>
-                            <img src="@/assets/images/还没传到.png" alt="还没传到图标">
+                            <img v-if="currentStep < 4" src="@/assets/images/还没传到.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
+                            <img v-if="currentStep === 4" src="@/assets/images/待审核.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
+                            <img v-if="currentStep > 4" src="@/assets/images/已审核.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
                         </template>
                     </el-step>
+
                     <el-step title="指定执行人">
                         <template #icon>
-                            <img src="@/assets/images/还没传到.png" alt="还没传到图标">
+                            <img v-if="currentStep < 5" src="@/assets/images/还没传到.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
+                            <img v-if="currentStep === 5" src="@/assets/images/待审核.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
                         </template>
                     </el-step>
                 </el-steps>
             </div>
-            <div class="steps-status">
-                <el-steps style="min-width: 50vw" :active="1" finish-status="success" simple>
-                    <el-step title="已通过" />
-                    <el-step title="待审核" />
-                    <el-step title="待审核" />
-                    <el-step title="待审核" />
-                    <el-step title="待审核" />
-                </el-steps>
-            </div>
             <div class="steps-btn">
-                <el-button type="primary">确定</el-button>
+                <el-button type="primary" @click="showSteps = false">确定</el-button>
             </div>
         </div>
     </el-dialog>
@@ -270,9 +294,10 @@ import { storeToRefs } from "pinia"
 import dayjs from 'dayjs'
 const adminStore = useAdminStore()
 const { adminData, menuTree } = storeToRefs(adminStore)
-import { permissionMapping, findMenuById } from "@/utils/menuTreePermission.js"
+import { permissionMapping, findMenuById, hasMenuPermission } from "@/utils/menuTreePermission.js"
 import { get } from 'lodash'
 
+const currentStep = ref(0)// 进度图
 const searchForm = ref({
     jwcode: '',
     markets: []
@@ -357,22 +382,22 @@ const payments = ref([{
 }
 ])
 const statusList = ref([
-{
-    value: 20,
-    label: '待审核',
-  },
-  {
-    value: '审核通过', 
-    label: '审核通过'
-  },
-  {
-    value: '审核驳回', 
-    label: '审核驳回'
-  },
-  {
-    value: 41,
-    label: '退款完成'
-  }
+    {
+        value: 20,
+        label: '待审核',
+    },
+    {
+        value: '审核通过',
+        label: '审核通过'
+    },
+    {
+        value: '审核驳回',
+        label: '审核驳回'
+    },
+    {
+        value: 41,
+        label: '退款完成'
+    }
 ])
 // 查全部
 const getRefund = async function () {
@@ -381,10 +406,10 @@ const getRefund = async function () {
         return
     }
     try {
-        if(searchForm.value.statuses === '审核通过'){
-            searchForm.value.statuses = [20,30,40]
-        }else if(searchForm.value.statuses === '审核驳回'){
-            searchForm.value.statuses = [12,22,32]
+        if (searchForm.value.statuses === '审核通过') {
+            searchForm.value.statuses = [20, 30, 40]
+        } else if (searchForm.value.statuses === '审核驳回') {
+            searchForm.value.statuses = [12, 22, 32]
         }
         const params = {
             pageNum: pagination.value.pageNum,
@@ -560,6 +585,19 @@ const showStep = function (row) {
         ElMessage.error('无此权限')
         return
     }
+    if (row.areaService !== null || row.areaService !== '') {
+        currentStep.value = 1
+    }
+    if (row.areaFinance !== null || row.areaFinance !== '') {
+        currentStep.value = 2
+    }
+    if (row.areaCharge !== null || row.areaCharge !== '') {
+        currentStep.value = 3
+    }
+    if (row.headFinance !== null || row.headFinance !== '') {
+        currentStep.value = 4
+    }
+    console.log("看看顺序到哪了",currentStep.value)
     showSteps.value = true
 }
 const showAudit2 = function (row) {
@@ -583,6 +621,17 @@ onMounted(() => {
 })
 </script>
 <style scoped lang="scss">
+:deep(.el-table__header-wrapper),
+:deep(.el-table__body-wrapper),
+:deep(.el-table__cell),
+:deep(.el-table__body td) {
+    background-color: #F3FAFE !important;
+}
+
+:deep(.el-table__header th) {
+    background-color: #F3FAFE !important;
+}
+
 .condition {
     width: 82vw;
     display: flex;
@@ -686,12 +735,7 @@ onMounted(() => {
 
 .steps {
     .steps-content {
-        width: 45vw;
-        height: 15vh;
-        display: flex;
-        justify-content: center;
         padding-top: 15vw;
-        padding-left: 8vw;
     }
 
     .steps-status {
diff --git a/src/views/moneyManage/refundDetail/refundHeader.vue b/src/views/moneyManage/refundDetail/refundHeader.vue
index 5fd897b..d0d8f8f 100644
--- a/src/views/moneyManage/refundDetail/refundHeader.vue
+++ b/src/views/moneyManage/refundDetail/refundHeader.vue
@@ -1,6 +1,6 @@
-<!-- 各地负责人 -->
+<!-- 总部财务/管理员 -->
 <template>
-    <el-card style="margin-bottom: 0.5vh;">
+    <el-card style="margin-bottom: 0.5vh;background-color: rgb(243,250,254);">
         <div class="condition">
             <div class="item1">
                 <el-text size="large" style="width:4vw;">精网号</el-text>
@@ -28,11 +28,15 @@
         <div class="condition">
             <div class="item2">
                 <el-text size="large" style="width:4vw;">付款币种</el-text>
-                <el-input v-model="searchForm.payCurrency" placeholder="请输入付款币种" style="width:9vw;" clearable />
+                <el-select v-model="searchForm.paymentCurrency" style="width:9vw;">
+                    <el-option v-for="item in currencies" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
             </div>
             <div class="item2">
                 <el-text size="large" style="width:4vw;">支付方式</el-text>
-                <el-input v-model="searchForm.payType" placeholder="请输入支付方式" style="width:9vw;" clearable />
+                <el-select v-model="searchForm.payType" style="width:9vw;">
+                    <el-option v-for="item in channelOptions" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
             </div>
             <div class="item2" style="width: 28.5vw;">
                 <el-text size="large" style="width:4vw;">付款时间</el-text>
@@ -49,7 +53,7 @@
         </div>
     </el-card>
 
-    <el-card style="margin-top: 0.5vh;">
+    <el-card style="margin-top: 0.5vh;background-color: rgb(231,244,253);">
         <el-table :data="tableData" style="height:64vh;width:82vw">
             <el-table-column type="index" label="序号" width="60" fixed="left" />
             <el-table-column prop="name" label="Homily ID" width="120" fixed="left" />
@@ -222,47 +226,65 @@
     }">
         <div class="steps">
             <div class="steps-content">
-                <el-steps style="min-width: 60vw" :active="1" align-center>
-                    <el-step> <template #title>
+                <el-steps :active="currentStep" align-center>
+
+                    <el-step title="提交人">
+                        <template #title>
                             <div>提交人<br>你是死的</div>
                         </template>
                         <template #icon>
-                            <img src="@/assets/images/已审核.png" alt="已审核图标">
+                            <img v-if="currentStep === 1" src="@/assets/images/待审核.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
+                            <img v-if="currentStep > 1" src="@/assets/images/已审核.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
                         </template>
                     </el-step>
+
                     <el-step title="地区财务">
                         <template #icon>
-                            <img src="@/assets/images/待审核.png" alt="待审核图标">
+                            <img v-if="currentStep < 2" src="@/assets/images/还没传到.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
+                            <img v-if="currentStep === 2" src="@/assets/images/待审核.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
+                            <img v-if="currentStep > 2" src="@/assets/images/已审核.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
                         </template>
                     </el-step>
+
                     <el-step title="地区负责人">
                         <template #icon>
-                            <img src="@/assets/images/还没传到.png" alt="还没传到图标">
+                            <img v-if="currentStep < 3" src="@/assets/images/还没传到.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
+                            <img v-if="currentStep === 3" src="@/assets/images/待审核.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
+                            <img v-if="currentStep > 3" src="@/assets/images/已审核.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
                         </template>
                     </el-step>
+
                     <el-step title="总部财务">
                         <template #icon>
-                            <img src="@/assets/images/还没传到.png" alt="还没传到图标">
+                            <img v-if="currentStep < 4" src="@/assets/images/还没传到.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
+                            <img v-if="currentStep === 4" src="@/assets/images/待审核.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
+                            <img v-if="currentStep > 4" src="@/assets/images/已审核.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
                         </template>
                     </el-step>
+
                     <el-step title="指定执行人">
                         <template #icon>
-                            <img src="@/assets/images/还没传到.png" alt="还没传到图标">
+                            <img v-if="currentStep < 5" src="@/assets/images/还没传到.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
+                            <img v-if="currentStep === 5" src="@/assets/images/待审核.png" alt="步骤图标"
+                                style="width: 30px; height: 30px;">
                         </template>
                     </el-step>
                 </el-steps>
             </div>
-            <div class="steps-status">
-                <el-steps style="min-width: 50vw" :active="1" finish-status="success" simple>
-                    <el-step title="已通过" />
-                    <el-step title="待审核" />
-                    <el-step title="待审核" />
-                    <el-step title="待审核" />
-                    <el-step title="待审核" />
-                </el-steps>
-            </div>
             <div class="steps-btn">
-                <el-button type="primary">确定</el-button>
+                <el-button type="primary" @click="showSteps = false">确定</el-button>
             </div>
         </div>
     </el-dialog>
@@ -277,8 +299,9 @@ import { storeToRefs } from "pinia"
 import dayjs from 'dayjs'
 const adminStore = useAdminStore()
 const { adminData, menuTree } = storeToRefs(adminStore)
-import { permissionMapping, findMenuById } from "@/utils/menuTreePermission.js"
+import { permissionMapping, findMenuById, hasMenuPermission } from "@/utils/menuTreePermission.js"
 
+const currentStep = ref(0)// 进度图
 const searchForm = ref({
     jwcode: '',
     markets: [],
@@ -300,7 +323,33 @@ const showAudit2 = ref(false)
 const tableData = ref([])
 const showSteps = ref(false)
 const uploadRef = ref(null)
-const payments = ref([{
+const currencies = ref([
+    {
+        value: '新币',
+        label: '新币'
+    },
+    {
+        value: '港币',
+        label: '港币'
+    },
+    {
+        value: '马币',
+        label: '马币'
+    },
+    {
+        value: '加币',
+        label: '加币'
+    },
+    {
+        value: '泰铢',
+        label: '泰铢'
+    },
+    {
+        value: '越南盾',
+        label: '越南盾'
+    }
+])
+const channelOptions = ref([{
     value: '银行转账',
     label: '银行转账'
 },
@@ -509,6 +558,19 @@ const showStep = function (row) {
         ElMessage.error('无此权限')
         return
     }
+    if (row.areaService !== null || row.areaService !== '') {
+        currentStep.value = 1
+    }
+    if (row.areaFinance !== null || row.areaFinance !== '') {
+        currentStep.value = 2
+    }
+    if (row.areaCharge !== null || row.areaCharge !== '') {
+        currentStep.value = 3
+    }
+    if (row.headFinance !== null || row.headFinance !== '') {
+        currentStep.value = 4
+    }
+    console.log("看看顺序到哪了",currentStep.value)
     showSteps.value = true
 }
 const showAudit = function (row) {
@@ -521,6 +583,15 @@ onMounted(() => {
 })
 </script>
 <style scoped lang="scss">
+:deep(.el-table__header-wrapper),
+:deep(.el-table__body-wrapper),
+:deep(.el-table__cell),
+:deep(.el-table__body td) {
+    background-color: #F3FAFE !important;
+}
+:deep(.el-table__header th) {
+    background-color: #F3FAFE !important;
+}
 .condition {
     width: 82vw;
     display: flex;
@@ -634,12 +705,7 @@ onMounted(() => {
 
 .steps {
     .steps-content {
-        width: 45vw;
-        height: 15vh;
-        display: flex;
-        justify-content: center;
         padding-top: 15vw;
-        padding-left: 8vw;
     }
 
     .steps-status {
diff --git a/src/views/moneyManage/refundDetail/refundService.vue b/src/views/moneyManage/refundDetail/refundService.vue
index 0c51a52..55649b7 100644
--- a/src/views/moneyManage/refundDetail/refundService.vue
+++ b/src/views/moneyManage/refundDetail/refundService.vue
@@ -1,6 +1,6 @@
 <!-- 客服 -->
 <template>
-    <el-card style="margin-bottom: 0.5vh;">
+    <el-card style="margin-bottom: 0.5vh;background-color: rgb(243,250,254);">
         <div class="condition">
             <div class="item1">
                 <el-text size="large" style="width:4vw;">精网号</el-text>
@@ -12,7 +12,8 @@
             </div>
             <div class="item1">
                 <el-text size="large" style="width:4vw;">所属地区</el-text>
-                <el-input v-model="searchForm.market" placeholder="请输入所属地区" style="width:9vw;" clearable />
+                <el-cascader style="width: 9vw;" v-model="searchForm.market" :options="market"
+                placeholder="请选择所属地区" clearable @change="handleMarketChange" />
             </div>
             <div class="item1">
                 <el-text size="large" style="width:4vw;">产品名称</el-text>
@@ -52,8 +53,8 @@
         </div>
     </el-card>
 
-    <el-card style="margin-top: 0.5vh;">
-        <el-table :data="tableData" style="height:64vh;width:82vw">
+    <el-card style="margin-top: 0.5vh;background-color: rgb(231,244,253);">
+        <el-table :data="tableData" style="height:64vh;width:82vw;background-color: rgb(243,250,254);">
             <el-table-column type="index" label="序号" width="60" fixed="left" />
             <el-table-column prop="jwcode" label="Homily ID" width="120" fixed="left" />
             <el-table-column prop="name" label="姓名" width="120" fixed="left" show-overflow-tooltip />
@@ -92,10 +93,6 @@
                             @click="showEditDialog(scope.row)">
                             编辑
                         </el-button>
-                        <el-button v-if="scope.row.status !== 11 && scope.row.status !== 10" type="primary" text
-                            @click="showSteps = true">
-                            查看进度
-                        </el-button>
                     </div>
                 </template>
             </el-table-column>
@@ -263,7 +260,7 @@ import { storeToRefs } from "pinia"
 import dayjs from 'dayjs'
 const adminStore = useAdminStore()
 const { adminData, menuTree } = storeToRefs(adminStore)
-import { permissionMapping, findMenuById } from "@/utils/menuTreePermission.js"
+import { permissionMapping, findMenuById, hasMenuPermission } from "@/utils/menuTreePermission.js"
 
 const dateRange = ref([])
 const searchForm = ref({
@@ -271,6 +268,7 @@ const searchForm = ref({
     market: [],
     statuses: []
 })
+const market = ref([])
 const backRow = ref({})// 撤回存数据
 const editRow = ref({})// 编辑存数据
 const editForm = ref({
@@ -412,6 +410,35 @@ const submitEdit = async function () {
         ElMessage.error(error.message || '编辑失败')
     }
 }
+const getMarket = async function () {
+  try {
+    const result = await API({
+
+      url: '/market/selectMarket',
+    })
+    console.log('看看地区树', result)
+
+    const transformTree = (nodes) => {
+      const allChildren = nodes.flatMap(node => node.children || []);
+
+      return allChildren.map(child => {
+        const grandchildren = child.children && child.children.length
+          ? transformTree([child])
+          : null;
+
+        return {
+          value: child.name,
+          label: child.name,
+          children: grandchildren
+        };
+      });
+    };
+    market.value = transformTree(result.data)
+    console.log('转换后的地区树==============', market.value)
+  } catch (error) {
+    console.log('请求失败', error)
+  }
+}
 const currencies = ref([
     {
         value: '新币',
@@ -532,13 +559,26 @@ const disabledDate = (time) => {
     const limitDate = new Date(2025, 0, 1);
     return time.getTime() < limitDate.getTime();
 }
-
+const handleMarketChange = (value) => {
+    searchForm.value.market = value || []
+}
 onMounted(() => {
     getRefund()
+    getMarket()
     console.log('???????????????????', adminData.value)
 })
 </script>
 <style scoped lang="scss">
+:deep(.el-table__header-wrapper),
+:deep(.el-table__body-wrapper),
+:deep(.el-table__cell),
+:deep(.el-table__body td) {
+    background-color: #F3FAFE !important;
+}
+
+:deep(.el-table__header th) {
+    background-color: #F3FAFE !important;
+}
 .condition {
     width: 82vw;
     display: flex;