diff --git a/src/components/locales/lang/en.js b/src/components/locales/lang/en.js
index 89ec268..24615c5 100644
--- a/src/components/locales/lang/en.js
+++ b/src/components/locales/lang/en.js
@@ -75,6 +75,12 @@ export default {
     // Dialog Titles
     will: 'Will ',
     deleteRecord: 'Delete Record!',
+    customerName: 'Customer Name',
+    orderStatus: 'Order Status',
+    paymentCurrency: 'Payment Currency',
+    payType: 'Payment Method',
+  customerNamePlaceholder: 'Please enter the customer name',
+  payTime: 'Payment time'
   },
 
   // Message Group
@@ -162,6 +168,22 @@ export default {
     executed: 'Completed',
     errorExecution: 'Error',
     unknownStatus: 'Unknown',
+    noPermissionRefundView: 'No permission to view refunds',
+    noPermissionRefundAudit: 'No permission to audit refunds',
+    noPermissionRefundTrack: 'No permission to track refund progress',
+    jwcodeTooLong: 'Homily ID must be no more than 8 digits',
+    noPermissionAreaRefundView: 'no refund authority view area',
+    noPermissionAreaRefundAudit: 'no refund authority audit area',
+    noPermissionAreaRefundTrack: 'no view refund district authority',
+    invalidJwcodeFormat: 'The fine network number format is incorrect. Please enter a positive integer.',
+
+    checkRefundModel: 'Please select the refund method',
+    checkRefundReason: 'Please enter the reason for the refund',
+    checkRefundGold: 'Please enter the number of refunded gold coins and free gold coins.',
+    invalidPermanentGold: 'Please enter the correct number of permanent gold coins',
+    invalidFreeGold: 'Please enter the correct number of free gold coins',
+    refundGoldExceed: "The number of refunded gold coins cannot exceed the original number of gold coins.",
+    refundFreeExceed: 'The number of refunded free gold coins cannot exceed the original number of free gold coins.',
   },
 
   // Common List Fields
@@ -200,6 +222,9 @@ export default {
     consumeTime: 'Consumption Time',
     refundTime: 'Refund Time',
     updateTime: 'Update Time',
+    homilyId: 'Homily ID',
+    goodsNum: 'Quantity',
+    refundReason: 'Refund Reason',
   },
 
   // Common Export Fields
@@ -275,7 +300,9 @@ export default {
       '商品退款': 'Product Refund',
       '金币退款': 'Gold Coin Refund',
     },
+    audit: 'Audit',
     waitAudit: 'Pending',
+    RefundSuccessful: 'Refund Successful',
     passed: 'Approved',
     rejected: 'Rejected',
     permanentGold: 'Permanent Gold Coins',
@@ -435,4 +462,57 @@ export default {
       refund: 'Refund',
     },
   },
+  cash_refund: {
+    audit: 'Audit',
+    viewProgress: 'View Progress',
+    refundApplicationInfo: 'Refund Application Info',
+    refundModel: 'Refund Mode',
+    fullRefund: 'Full Refund',
+    partialRefund: 'Partial Refund',
+    refundReason: 'Refund Reason',
+    originalOrderInfo: 'Original Order Info',
+    jwcode: 'Homily ID',
+    marketName: 'Region',
+    goodsName: 'Product Name',
+    paymentCurrency: 'Payment Currency',
+    paymentAmount: 'Payment Amount',
+    payTime: 'Payment Time',
+    payVoucher: 'Payment Voucher',
+    noVoucher: 'No Voucher',
+    customerName: 'Customer Name',
+    activityName: 'Activity Name',
+    payType: 'Payment Method',
+    receivedCurrency: 'Received Currency',
+    receivedAmount: 'Received Amount',
+    receivedTime: 'Received Time',
+    handlingCharge: 'Handling Charge',
+    submitter: 'Submitter',
+    remark: 'Remark',
+    rejectionInfo: 'Rejection Info',
+    rejectionRemark: 'Rejection Remark',
+    placeholder: {
+      rejectionRemark: 'Please enter rejection remark',
+    },
+    reject: 'Reject',
+    pass: 'Approve',
+    cancel: 'Cancel',
+    confirm: 'Confirm',
+    submitted: 'Submitted',
+    withdrawn: 'withdrawn',
+    inProgress: 'In progress',
+    rejected: 'Rejected',
+    refundAmountError: 'The refund amount was filled in incorrectly.',
+    withdrawRecord: 'withdraw that message!！',
+    refundReasonTip: 'ps: Please indicate the user\'s refund request in the refund reason.',
+  },
+  refundProgress: {
+    title: 'Refund Progress',
+    submitter: 'Submitter',
+    areaFinance: 'Regional Finance',
+    areaCharge: 'Regional Manager',
+    headFinance: 'HQ Finance',
+    executor: 'Executor',
+    unknownSubmitter: 'Unknown',
+    notRecorded: 'Not Recorded',
+  },
 }
diff --git a/src/components/locales/lang/zh-CN.js b/src/components/locales/lang/zh-CN.js
index 734d19f..496f400 100644
--- a/src/components/locales/lang/zh-CN.js
+++ b/src/components/locales/lang/zh-CN.js
@@ -70,6 +70,12 @@ export default {
     // 对话框标题
     will: '将要',
     deleteRecord: '删除该翻译记录!',
+    customerName: '客户姓名',
+    orderStatus: '订单状态',
+    paymentCurrency: '付款币种',
+    payType: '支付方式',
+    customerNamePlaceholder: '请输入客户姓名',
+    payTime: '付款时间',
   },
   // 提示信息组
   elmessage: {
@@ -150,6 +156,23 @@ export default {
     executed: '执行完成',
     errorExecution: '执行出错',
     unknownStatus: '未知状态',
+    oPermissionRefundView: '无查看退款权限',
+    noPermissionRefundAudit: '无审核退款权限',
+    noPermissionRefundTrack: '无查看进度权限',
+    jwcodeTooLong: '精网号长度不能超过8位',
+    noPermissionAreaRefundView: '无查看地区退款权限',
+    noPermissionAreaRefundAudit: '无审核地区退款权限',
+    noPermissionAreaRefundTrack: '无查看地区退款进度权限',
+    invalidJwcodeFormat: '精网号格式错误，请输入正整数',
+
+    checkRefundModel: '请选择退款方式',
+    checkRefundReason: '请输入退款理由',
+    checkRefundGold: '请输入退款金币数和免费金币数',
+    invalidPermanentGold: '请输入正确的永久金币数',
+    invalidFreeGold: '请输入正确的免费金币数',
+    refundGoldExceed: '退款金币数不能大于原金币数',
+    refundFreeExceed: '退款免费金币数不能大于原免费金币数',
+    // 补充已有但可能缺失的（建议统一）
   },
 
   // 通用列表字段组
@@ -188,6 +211,9 @@ export default {
     consumeTime: '消耗时间',
     refundTime: '退款时间',
     updateTime: '更新时间',
+    homilyId: 'Homily ID',
+    goodsNum: '产品数量',
+    refundReason: '退款理由',
   },
   // 通用导出字段组
   common_export: {
@@ -261,7 +287,9 @@ export default {
       '商品退款': '商品退款',
       '金币退款': '金币退款',
     },
+    audit: '审核',
     waitAudit: '待审核',
+    RefundSuccessful: '退款成功',
     passed: '已通过',
     rejected: '已驳回',
     permanentGold: '永久金币',
@@ -425,4 +453,60 @@ export default {
       refund: '退款',
     }
   },
+  //现金退款组
+  cash_refund: {
+    audit: '审核',
+    viewProgress: '查看进度',
+    refundApplicationInfo: '退款申请信息',
+    refundModel: '退款方式',
+    fullRefund: '全部退款',
+    partialRefund: '部分退款',
+    refundReason: '退款理由',
+    originalOrderInfo: '原订单信息',
+    jwcode: '精网号',
+    marketName: '所属地区',
+    goodsName: '产品名称',
+    paymentCurrency: '付款币种',
+    paymentAmount: '付款金额',
+    payTime: '付款时间',
+    payVoucher: '转账凭证',
+    noVoucher: '无转账凭证',
+    customerName: '客户姓名',
+    activityName: '活动名称',
+    payType: '支付方式',
+    receivedCurrency: '到账币种',
+    receivedAmount: '到账金额',
+    receivedTime: '到账时间',
+    handlingCharge: '手续费',
+    submitter: '提交人',
+    remark: '备注',
+    rejectionInfo: '驳回信息',
+    rejectionRemark: '驳回备注',
+    placeholder: {
+      rejectionRemark: '请输入驳回备注'
+    },
+    reject: '驳回',
+    pass: '通过',
+    cancel: '取消',
+    confirm: '确定',
+    submitted: '已提交',
+    withdrawn: '已撤回',
+    inProgress: '进行中',
+    rejected: '已驳回',
+    refundAmountError: '退款金额填写有误',
+    withdrawRecord: '撤回该信息！',
+    refundReasonTip: 'ps:请在退款理由表明用户的退款需求。',
+  },
+  refundProgress: {
+    title: '退款进度',
+    submitter: '提交人',
+    areaFinance: '地区财务',
+    areaCharge: '地区负责人',
+    headFinance: '总部财务',
+    executor: '指定执行人',
+    unknownSubmitter: '未知提交人',
+    notRecorded: '未记录审核人'
+  },
+
+
 }
\ No newline at end of file
diff --git a/src/views/moneyManage/refundDetail/refundCharge.vue b/src/views/moneyManage/refundDetail/refundCharge.vue
index 865886b..67440b3 100644
--- a/src/views/moneyManage/refundDetail/refundCharge.vue
+++ b/src/views/moneyManage/refundDetail/refundCharge.vue
@@ -1,346 +1,347 @@
 <!-- 各地负责人 -->
 <template>
-    <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>
-                <el-input v-model="searchForm.jwcode" placeholder="请输入精网号" style="width:9vw;" clearable />
-            </div>
-            <div class="item1">
-                <el-text size="large" style="width:4vw;">客户姓名</el-text>
-                <el-input v-model="searchForm.name" placeholder="请输入客户姓名" style="width:9vw;" clearable />
-            </div>
-            <div class="item1">
-                <el-text size="large" style="width:4vw;">产品名称</el-text>
-                <el-cascader v-model="searchForm.goodsName" :options="productList" style="width: 10vw;"
-                    placeholder="请选择产品名称" clearable />
-            </div>
-            <div class="item1" v-if="adminData.markets === '总部'">
-                <el-text size="large" style="width:4vw;">所属地区</el-text>
-                <el-cascader style="width: 9vw;" v-model="searchForm.markets" :options="market" placeholder="请选择所属地区"
-                    clearable @change="handleMarketChange" />
-            </div>
-            <div class="item1">
-                <el-text size="large" style="width:4vw;">订单状态</el-text>
-                <el-select v-model="searchForm.statuses" style="width:9vw;" placeholder="请选择订单状态" clearable>
-                    <el-option v-for="item in statusList" :label="item" :value="item" :key="item" />
-                </el-select>
-            </div>
+  <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;">{{ $t('common.jwcode') }}</el-text>
+        <el-input v-model="searchForm.jwcode" :placeholder="$t('common.jwcodePlaceholder')" style="width:9vw;" clearable />
+      </div>
+      <div class="item1">
+        <el-text size="large" style="width:4vw;">{{ $t('common.customerName') }}</el-text>
+        <el-input v-model="searchForm.name" :placeholder="$t('common.customerNamePlaceholder')" style="width:9vw;" clearable />
+      </div>
+      <div class="item1">
+        <el-text size="large" style="width:4vw;">{{ $t('common.goodsName') }}</el-text>
+        <el-cascader v-model="searchForm.goodsName" :options="productList" style="width: 10vw;"
+                     :placeholder="$t('common.goodsNamePlaceholder')" clearable />
+      </div>
+      <div class="item1" v-if="adminData.markets === '总部'">
+        <el-text size="large" style="width:4vw;">{{ $t('common.market') }}</el-text>
+        <el-cascader style="width: 9vw;" v-model="searchForm.markets" :options="market" :placeholder="$t('common.marketPlaceholder')"
+                     clearable @change="handleMarketChange" />
+      </div>
+      <div class="item1">
+        <el-text size="large" style="width:4vw;">{{ $t('common.orderStatus') }}</el-text>
+        <el-select v-model="searchForm.statuses" style="width:9vw;" :placeholder="$t('common.orderStatus')" clearable>
+          <el-option v-for="item in statusList" :label="item" :value="item" :key="item" />
+        </el-select>
+      </div>
+    </div>
+    <div class="condition">
+      <div class="item2">
+        <el-text size="large" style="width:4vw;">{{ $t('cash_refund.paymentCurrency') }}</el-text>
+        <el-select v-model="searchForm.paymentCurrency" style="width:9vw;" :placeholder="$t('common.payModelPlaceholder')" clearable>
+          <el-option v-for="item in currencies" :key="item" :label="item" :value="item" />
+        </el-select>
+      </div>
+      <div class="item2">
+        <el-text size="large" style="width:4vw;">{{ $t('common.payModel') }}</el-text>
+        <el-select v-model="searchForm.payType" style="width:9vw;" :placeholder="$t('common.payModelPlaceholder')" clearable>
+          <el-option v-for="item in channelOptions" :key="item" :label="item" :value="item" />
+        </el-select>
+      </div>
+      <div class="item2" style="width: 28.5vw;">
+        <el-text size="large" style="width:4vw;">{{ $t('cash_refund.payTime') }}</el-text>
+        <el-date-picker v-model="dateRange" type="datetimerange" :range-separator="$t('common.to')"
+                        :start-placeholder="$t('common.startTime')" :end-placeholder="$t('common.endTime')"
+                        style="width:22vw;" @change="handleDatePickerChange" clearable
+                        :disabled-date="disabledDate" :default-time="defaultTime" />
+      </div>
+      <div>
+        <el-button type="primary" @click="getRefund">{{ $t('common.search') }}</el-button>
+        <el-button type="warning" @click="exportExcel()">{{ $t('common.exportExcel') }}</el-button>
+        <el-button type="primary" @click="openExportList">{{ $t('common.viewExportList') }}</el-button>
+        <el-button type="success" @click="reset">{{ $t('common.reset') }}</el-button>
+      </div>
+    </div>
+  </el-card>
+
+  <el-card style="margin-top: 0.5vh;background-color: rgb(231,244,253);">
+    <el-table :data="tableData" style="height:73vh;width:82vw">
+      <el-table-column type="index" :label="$t('common_list.id')" width="60" fixed="left">
+        <template #default="scope">
+          {{ scope.$index + 1 + (pagination.pageNum - 1) * pagination.pageSize }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="name" :label="$t('common_list.homilyId')" width="120" fixed="left" />
+      <el-table-column prop="jwcode" :label="$t('common_list.name')" width="120" fixed="left" show-overflow-tooltip />
+      <el-table-column prop="marketName" :label="$t('common_list.market')" width="120" />
+      <el-table-column prop="goodsName" :label="$t('common_list.goodsName')" width="130" show-overflow-tooltip />
+      <el-table-column prop="goodsNum" :label="$t('common_list.goodsNum')" width="120" />
+      <el-table-column prop="refundModel" :label="$t('cash_refund.refundModel')" width="120">
+        <template #default="scope">
+          {{ scope.row.refundModel === 1 ? $t('cash_refund.partialRefund') : $t('cash_refund.fullRefund') }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="submitter" :label="$t('common_list.submitter')" width="120" />
+      <el-table-column prop="refundReason" :label="$t('common_list.refundReason')" width="120" show-overflow-tooltip />
+      <el-table-column prop="remark" :label="$t('common_list.remark')" width="150" show-overflow-tooltip />
+      <el-table-column prop="status" :label="$t('common.orderStatus')" width="120">
+        <template #default="scope">
+          {{
+            [20].includes(scope.row.status) ? $t('audit.waitAudit') :
+                [30, 40].includes(scope.row.status) ? $t('audit.passed') :
+                    [22, 32].includes(scope.row.status) ? $t('audit.rejected') :
+                        scope.row.status === 41 ? $t('audit.RefundSuccessful') : scope.row.status
+          }}
+        </template>
+      </el-table-column>
+      <el-table-column :label="$t('audit.operation')" fixed="right" width="100px">
+        <template #default="scope">
+          <div class="operation">
+            <el-button v-if="scope.row.status === 20" type="primary" text @click="showAudit(scope.row)">
+              {{ $t('audit.audit') }}
+            </el-button>
+            <el-button v-else type="primary" text @click="showStep(scope.row)">
+              {{ $t('cash_refund.viewProgress') }}
+            </el-button>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination v-model:current-page="pagination.pageNum" v-model:page-size="pagination.pageSize"
+                   layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
+                   @size-change="handlePageSizeChange" @current-change="handleCurrentChange"
+                   style="margin-top: 1vh;"></el-pagination>
+  </el-card>
+
+  <el-dialog v-model="showAudit2" :title="$t('cash_refund.audit')" class="audit2" width="35vw" overflow draggable
+             style="background-color: #F3FAFE !important;">
+    <div class="top">
+      <el-button @click="" class="smallTitle" size="small">{{ $t('cash_refund.refundApplicationInfo') }}</el-button>
+      <div class="top-item">
+        <el-text style="width:4vw;" size="small">{{ $t('cash_refund.refundModel') }}</el-text>
+        <el-select v-model="auditRow.refundModel" size="small" style="width:10vw;" disabled>
+          <el-option :label="$t('cash_refund.fullRefund')" :value="0"></el-option>
+          <el-option :label="$t('cash_refund.partialRefund')" :value="1"></el-option>
+        </el-select>
+      </div>
+      <div class="top-item">
+        <el-text style="width:4vw;" size="small">{{ $t('common.permanentGold') }}</el-text>
+        <el-input v-model="auditRow.gold" size="small" style="width:10vw;" disabled />&nbsp;{{ $t('common.个') }}
+      </div>
+      <div class="top-item">
+        <el-text style="width:4vw;" size="small">{{ $t('common.freeGold') }}</el-text>
+        <el-input v-model="auditRow.free" size="small" style="width:10vw;" disabled />&nbsp;{{ $t('common.个') }}
+      </div>
+      <div class="top-item">
+        <el-text style="width:4vw;" size="small">{{ $t('common_list.refundReason') }}</el-text>
+        <el-input v-model="auditRow.refundReason" size="small" style="width:10vw;" :rows="3" maxlength="100"
+                  show-word-limit type="textarea" disabled />
+      </div>
+    </div>
+    <el-button @click="" class="smallTitle" size="small">{{ $t('cash_refund.originalOrderInfo') }}</el-button>
+    <div class="center">
+      <div class="center-left">
+        <div class="center-item">
+          <el-text style="width:4vw;" size="small">{{ $t('common.jwcode') }}</el-text>
+          <el-input v-model="auditRow.jwcode" size="small" style="width:10vw;" disabled />
         </div>
-        <div class="condition">
-            <div class="item2">
-                <el-text size="large" style="width:4vw;">付款币种</el-text>
-                <el-select v-model="searchForm.paymentCurrency" style="width:9vw;" placeholder="请选择付款币种" clearable>
-                    <el-option v-for="item in currencies" :key="item" :label="item" :value="item" />
-                </el-select>
-            </div>
-            <div class="item2">
-                <el-text size="large" style="width:4vw;">支付方式</el-text>
-                <el-select v-model="searchForm.payType" style="width:9vw;" placeholder="请选择支付方式" clearable>
-                    <el-option v-for="item in channelOptions" :key="item" :label="item" :value="item" />
-                </el-select>
-            </div>
-            <div class="item2" style="width: 28.5vw;">
-                <el-text size="large" style="width:4vw;">付款时间</el-text>
-                <el-date-picker v-model="dateRange" type="datetimerange" range-separator="至" start-placeholder="起始时间"
-                    end-placeholder="结束时间" style="width:22vw;" @change="handleDatePickerChange" clearable
-                    :disabled-date="disabledDate" :default-time="defaultTime" />
-            </div>
-            <div>
-                <el-button type="primary" @click="getRefund">查询</el-button>
-                <el-button type="warning" @click="exportExcel()">导出excel</el-button>
-                <el-button type="primary" @click="openExportList">查看导出列表</el-button>
-                <el-button type="success" @click="reset">重置</el-button>
-            </div>
+        <div class="center-item">
+          <el-text style="width:4vw;" size="small">{{ $t('common.market') }}</el-text>
+          <el-input v-model="auditRow.marketName" size="small" style="width:10vw;" disabled />
         </div>
-    </el-card>
-
-    <el-card style="margin-top: 0.5vh;background-color: rgb(231,244,253);">
-        <el-table :data="tableData" style="height:73vh;width:82vw">
-            <el-table-column type="index" label="序号" width="60" fixed="left">
-                <template #default="scope">
-                    {{ scope.$index + 1 + (pagination.pageNum - 1) * pagination.pageSize }}
-                </template>
-            </el-table-column>
-            <el-table-column prop="name" label="Homily ID" width="120" fixed="left" />
-            <el-table-column prop="jwcode" label="姓名" width="120" fixed="left" show-overflow-tooltip />
-            <el-table-column prop="marketName" label="所属地区" width="120" />
-            <el-table-column prop="goodsName" label="产品名称" width="130" show-overflow-tooltip />
-            <el-table-column prop="goodsNum" label="产品数量" width="120" />
-            <el-table-column prop="refundModel" label="退款方式" width="120">
-                <template #default="scope">
-                    {{ scope.row.refundModel === 1 ? '部分退款' : '全部退款' }}
-                </template>
-            </el-table-column>
-            <el-table-column prop="submitter" label="提交人" width="120" />
-            <el-table-column prop="refundReason" label="退款理由" width="120" show-overflow-tooltip />
-            <el-table-column prop="remark" label="备注" width="150" show-overflow-tooltip />
-            <el-table-column prop="status" label="订单状态" width="120">
-                <template #default="scope">
-                    {{
-                        [20].includes(scope.row.status) ? '待审核' :
-                            [30, 40].includes(scope.row.status) ? '审核通过' :
-                                [22, 32].includes(scope.row.status) ? '已驳回' :
-                                    scope.row.status === 41 ? '退款成功' : scope.row.status
-                    }}
-                </template>
-            </el-table-column>
-            <el-table-column prop="operation" label="操作" fixed="right" width="100px">
-                <template #default="scope">
-                    <div class="operation">
-                        <el-button v-if="scope.row.status === 20" type="primary" text @click="showAudit(scope.row)">
-                            审核
-                        </el-button>
-                        <el-button v-else type="primary" text @click="showStep(scope.row)">
-                            查看进度
-                        </el-button>
-                    </div>
-                </template>
-            </el-table-column>
-        </el-table>
-        <el-pagination v-model:current-page="pagination.pageNum" v-model:page-size="pagination.pageSize"
-            layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
-            @size-change="handlePageSizeChange" @current-change="handleCurrentChange"
-            style="margin-top: 1vh;"></el-pagination>
-    </el-card>
-
-    <el-dialog v-model="showAudit2" title="审核" class="audit2" width="35vw" overflow draggable
-        style="background-color: #F3FAFE !important;">
-        <div class="top">
-            <el-button @click="" class="smallTitle" size="small">退款申请信息</el-button>
-            <div class="top-item">
-                <el-text style="width:4vw;" size="small">退款方式</el-text>
-                <el-select v-model="auditRow.refundModel" size="small" style="width:10vw;" disabled>
-                    <el-option label="全部退款" :value="0"></el-option>
-                    <el-option label="部分退款" :value="1"></el-option>
-                </el-select>
-            </div>
-            <div class="top-item">
-                <el-text style="width:4vw;" size="small">永久金币</el-text>
-                <el-input v-model="auditRow.gold" size="small" style="width:10vw;" disabled />&nbsp;个
-            </div>
-            <div class="top-item">
-                <el-text style="width:4vw;" size="small">免费金币</el-text>
-                <el-input v-model="auditRow.free" size="small" style="width:10vw;" disabled />&nbsp;个
-            </div>
-            <div class="top-item">
-                <el-text style="width:4vw;" size="small">退款理由</el-text>
-                <el-input v-model="auditRow.refundReason" size="small" style="width:10vw;" :rows="3" maxlength="100"
-                    show-word-limit type="textarea" disabled />
-            </div>
+        <div class="center-item">
+          <el-text style="width:4vw;" size="small">{{ $t('common.goodsName') }}</el-text>
+          <el-input v-model="auditRow.goodsName" size="small" style="width:10vw;" disabled />
         </div>
-        <el-button @click="" class="smallTitle" size="small">原订单信息</el-button>
-        <div class="center">
-            <div class="center-left">
-                <div class="center-item">
-                    <el-text style="width:4vw;" size="small">精网号</el-text>
-                    <el-input v-model="auditRow.jwcode" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="center-item">
-                    <el-text style="width:4vw;" size="small">所属地区</el-text>
-                    <el-input v-model="auditRow.marketName" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="center-item">
-                    <el-text style="width:4vw;" size="small">产品名称</el-text>
-                    <el-input v-model="auditRow.goodsName" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="center-item">
-                    <el-text style="width:4vw;" size="small">付款币种</el-text>
-                    <el-input v-model="auditRow.paymentCurrency" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="center-item">
-                    <el-text style="width:4vw;" size="small">付款金额</el-text>
-                    <el-input v-model="auditRow.paymentAmount" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="center-item">
-                    <el-text style="width:4vw;" size="small">付款时间</el-text>
-                    <el-input v-model="auditRow.payTime" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="center-item">
-                    <el-text style="width:4vw;">转账凭证</el-text>
-                    <img v-if="auditRow.payVoucher" :src="auditRow.payVoucher"
-                        style="width: 80px; height: 80px; object-fit: cover;">
-                    <div v-else>
-                        无转账凭证
-                    </div>
-                </div>
-            </div>
-            <div class="center-right">
-                <div class="right-item">
-                    <el-text style="width:4vw;" size="small">客户姓名</el-text>
-                    <el-input v-model="auditRow.name" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="right-item">
-                    <el-text style="width:4vw;" size="small">活动名称</el-text>
-                    <el-input v-model="auditRow.activity" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="right-item">
-                    <el-text style="width:4vw;" size="small">支付方式</el-text>
-                    <el-input v-model="auditRow.payType" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="right-item">
-                    <el-text style="width:4vw;" size="small">到账币种</el-text>
-                    <el-input v-model="auditRow.receivedCurrency" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="right-item">
-                    <el-text style="width:4vw;" size="small">到账金额</el-text>
-                    <el-input v-model="auditRow.receivedAmount" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="right-item">
-                    <el-text style="width:4vw;" size="small">到账时间</el-text>
-                    <el-input v-model="auditRow.receivedTime" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="right-item">
-                    <el-text style="width:4vw;" size="small">手续费</el-text>
-                    <el-input v-model="auditRow.handlingCharge" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="right-item">
-                    <el-text style="width:4vw;" size="small">提交人</el-text>
-                    <el-input v-model="auditRow.submitter" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="right-item">
-                    <el-text style="width:4vw;" size="small">备注</el-text>
-                    <el-input v-model="auditRow.remark" size="small" style="width:10vw;" :row="3" maxlength="100"
-                        type="textarea" show-word-limit disabled />
-                </div>
-            </div>
+        <div class="center-item">
+          <el-text style="width:4vw;" size="small">{{ $t('cash_refund.paymentCurrency') }}</el-text>
+          <el-input v-model="auditRow.paymentCurrency" size="small" style="width:10vw;" disabled />
         </div>
-        <div class="bottom">
-            <el-button class="smallTitle" size="small" v-show="showReject">驳回信息</el-button>
-            <div class="bottom-item" v-show="showReject">
-                <el-text style="width:4vw;" size="small">驳回备注</el-text>
-                <el-input v-model="addForm.remark" placeholder="请输入驳回备注" size="small" style="width:10vw;" :row="3"
-                    maxlength="100" type="textarea" show-word-limit clearable />
-            </div>
-            <div style="text-align: center;" v-show="!showReject">
-                <el-button type="default" @click="showReject = true">驳回</el-button>
-                <el-button type="primary" @click="handlePass">通过</el-button>
-            </div>
-            <div style="text-align: center;" v-show="showReject">
-                <el-button type="default" @click="hideReject">取消</el-button>
-                <el-button type="primary" @click="handleReject">确定</el-button>
-            </div>
+        <div class="center-item">
+          <el-text style="width:4vw;" size="small">{{ $t('cash_refund.paymentAmount') }}</el-text>
+          <el-input v-model="auditRow.paymentAmount" size="small" style="width:10vw;" disabled />
         </div>
-    </el-dialog>
-
-    <el-dialog v-model="showSteps" title="退款进度" overflow draggable width="1206px" height="506px" :style="{
+        <div class="center-item">
+          <el-text style="width:4vw;" size="small">{{ $t('cash_refund.payTime') }}</el-text>
+          <el-input v-model="auditRow.payTime" size="small" style="width:10vw;" disabled />
+        </div>
+        <div class="center-item">
+          <el-text style="width:4vw;">{{ $t('cash_refund.payVoucher') }}</el-text>
+          <img v-if="auditRow.payVoucher" :src="auditRow.payVoucher"
+               style="width: 80px; height: 80px; object-fit: cover;">
+          <div v-else>
+            {{ $t('cash_refund.noVoucher') }}
+          </div>
+        </div>
+      </div>
+      <div class="center-right">
+        <div class="right-item">
+          <el-text style="width:4vw;" size="small">{{ $t('common.customerName') }}</el-text>
+          <el-input v-model="auditRow.name" size="small" style="width:10vw;" disabled />
+        </div>
+        <div class="right-item">
+          <el-text style="width:4vw;" size="small">{{ $t('common.activityName') }}</el-text>
+          <el-input v-model="auditRow.activity" size="small" style="width:10vw;" disabled />
+        </div>
+        <div class="right-item">
+          <el-text style="width:4vw;" size="small">{{ $t('common.payModel') }}</el-text>
+          <el-input v-model="auditRow.payType" size="small" style="width:10vw;" disabled />
+        </div>
+        <div class="right-item">
+          <el-text style="width:4vw;" size="small">{{ $t('cash_refund.receivedCurrency') }}</el-text>
+          <el-input v-model="auditRow.receivedCurrency" size="small" style="width:10vw;" disabled />
+        </div>
+        <div class="right-item">
+          <el-text style="width:4vw;" size="small">{{ $t('cash_refund.receivedAmount') }}</el-text>
+          <el-input v-model="auditRow.receivedAmount" size="small" style="width:10vw;" disabled />
+        </div>
+        <div class="right-item">
+          <el-text style="width:4vw;" size="small">{{ $t('cash_refund.receivedTime') }}</el-text>
+          <el-input v-model="auditRow.receivedTime" size="small" style="width:10vw;" disabled />
+        </div>
+        <div class="right-item">
+          <el-text style="width:4vw;" size="small">{{ $t('cash_refund.handlingCharge') }}</el-text>
+          <el-input v-model="auditRow.handlingCharge" size="small" style="width:10vw;" disabled />
+        </div>
+        <div class="right-item">
+          <el-text style="width:4vw;" size="small">{{ $t('common_list.submitter') }}</el-text>
+          <el-input v-model="auditRow.submitter" size="small" style="width:10vw;" disabled />
+        </div>
+        <div class="right-item">
+          <el-text style="width:4vw;" size="small">{{ $t('common_list.remark') }}</el-text>
+          <el-input v-model="auditRow.remark" size="small" style="width:10vw;" :row="3" maxlength="100"
+                    type="textarea" show-word-limit disabled />
+        </div>
+      </div>
+    </div>
+    <div class="bottom">
+      <el-button class="smallTitle" size="small" v-show="showReject">{{ $t('cash_refund.rejectionInfo') }}</el-button>
+      <div class="bottom-item" v-show="showReject">
+        <el-text style="width:4vw;" size="small">{{ $t('cash_refund.rejectionRemark') }}</el-text>
+        <el-input v-model="addForm.remark" :placeholder="$t('cash_refund.placeholder.rejectionRemark')" size="small" style="width:10vw;" :row="3"
+                  maxlength="100" type="textarea" show-word-limit clearable />
+      </div>
+      <div style="text-align: center;" v-show="!showReject">
+        <el-button type="default" @click="showReject = true">{{ $t('common.reject') }}</el-button>
+        <el-button type="primary" @click="handlePass">{{ $t('common.pass') }}</el-button>
+      </div>
+      <div style="text-align: center;" v-show="showReject">
+        <el-button type="default" @click="hideReject">{{ $t('common.cancel') }}</el-button>
+        <el-button type="primary" @click="handleReject">{{ $t('common.confirm') }}</el-button>
+      </div>
+    </div>
+  </el-dialog>
+
+  <el-dialog v-model="showSteps" :title="$t('refundProgress.title')" overflow draggable width="1206px" height="506px" :style="{
         backgroundImage: `url(${RefundChargeBackground})`,
         backgroundSize: 'cover',
         backgroundPosition: 'center'
     }">
-        <div class="steps">
-            <div class="steps-content">
-                <el-steps :active="currentStep" align-center>
-                    <el-step>
-                        <template #title>
-                            <div>
-                                提交人<br>{{ submitter || '未知提交人' }}
-                            </div>
-                        </template>
-                        <template #icon>
-                            <img src="@/assets/images/refund-approved.png" alt="已完成">
-                        </template>
-                    </el-step>
-
-                    <el-step>
-                        <template #title>
-                            <div>
-                                地区财务<br>{{ areaFinance || '未记录审核人' }}
-                            </div>
-                        </template>
-                        <template #icon>
-                            <img v-if="currentStep === 2" src="@/assets/images/refund-rejected.png" alt="已驳回">
-                            <img v-else-if="currentStep === 1" src="@/assets/images/refund-approving.png" alt="待审核">
-                            <img v-else-if="currentStep > 2" src="@/assets/images/refund-approved.png" alt="已审核">
-                        </template>
-                    </el-step>
-
-                    <el-step>
-                        <template #title>
-                            <div>
-                                地区负责人<br>{{ areaCharge || '未记录审核人' }}
-                            </div>
-                        </template>
-                        <template #icon>
-                            <img v-if="currentStep === 4" src="@/assets/images/refund-rejected.png" alt="已驳回">
-                            <img v-else-if="currentStep === 3" src="@/assets/images/refund-approving.png" alt="待审核">
-                            <img v-else-if="currentStep > 3 && currentStep != 4"
-                                src="@/assets/images/refund-approved.png" alt="已审核">
-                            <img v-else-if="currentStep < 3" src="@/assets/images/refund-waiting.png" alt="未开始">
-                        </template>
-                    </el-step>
-
-                    <el-step>
-                        <template #title>
-                            <div>
-                                总部财务<br>{{ headFinance || '未记录审核人' }}
-                            </div>
-                        </template>
-                        <template #icon>
-                            <img v-if="currentStep === 6" src="@/assets/images/refund-rejected.png" alt="已驳回">
-                            <img v-else-if="currentStep === 5" src="@/assets/images/refund-approving.png" alt="待审核">
-                            <img v-else-if="currentStep > 5 && currentStep != 6"
-                                src="@/assets/images/refund-approved.png" alt="已审核">
-                            <img v-else-if="currentStep < 5" src="@/assets/images/refund-waiting.png" alt="未开始">
-                        </template>
-                    </el-step>
-
-                    <el-step>
-                        <template #title>
-                            <div>
-                                指定执行人<br>{{ executor || '未记录执行人' }}
-                            </div>
-                        </template>
-                        <template #icon>
-                            <img v-if="currentStep === 7" src="@/assets/images/refund-approving.png" alt="待处理">
-                            <img v-else-if="currentStep === 8" src="@/assets/images/refund-approved.png" alt="已完成">
-                            <img v-else-if="currentStep < 7" src="@/assets/images/refund-waiting.png" alt="未开始">
-                        </template>
-                    </el-step>
-                </el-steps>
-            </div>
-            <div class="steps-btn">
-                <el-button type="primary" @click="showSteps = false">确定</el-button>
-            </div>
-        </div>
-    </el-dialog>
-
-    <el-dialog v-model="exportListVisible" title="导出列表" width="80%">
-        <el-table :data="exportList" style="width: 100% ;height: 60vh;" :loading="exportListLoading">
-            <el-table-column prop="fileName" label="文件名" />
-            <el-table-column prop="state" label="状态">
-                <template #default="scope">
-                    <el-tag :type="getTagType(scope.row.state)" :effect="scope.row.state === 3 ? 'light' : 'plain'">
-                        {{ getTagText(scope.row.state) }}
-                    </el-tag>
-                </template>
-            </el-table-column>
-            <el-table-column prop="createTime" label="创建时间">
-                <template #default="scope">
-                    {{ moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') }}
-                </template>
-            </el-table-column>
-            <el-table-column label="操作">
-                <template #default="scope">
-                    <el-button type="primary" size="small" @click="downloadExportFile(scope.row)"
-                        :disabled="scope.row.state !== 2">
-                        下载
-                    </el-button>
-                </template>
-            </el-table-column>
-        </el-table>
-        <template #footer>
-            <div class="dialog-footer">
-                <el-button text @click="exportListVisible = false">关闭</el-button>
-            </div>
+    <div class="steps">
+      <div class="steps-content">
+        <el-steps :active="currentStep" align-center>
+          <el-step>
+            <template #title>
+              <div>
+                {{ $t('refundProgress.submitter') }}<br>{{ submitter || $t('refundProgress.unknownSubmitter') }}
+              </div>
+            </template>
+            <template #icon>
+              <img src="@/assets/images/refund-approved.png" alt="已完成">
+            </template>
+          </el-step>
+
+          <el-step>
+            <template #title>
+              <div>
+                {{ $t('refundProgress.areaFinance') }}<br>{{ areaFinance || $t('refundProgress.notRecorded') }}
+              </div>
+            </template>
+            <template #icon>
+              <img v-if="currentStep === 2" src="@/assets/images/refund-rejected.png" alt="已驳回">
+              <img v-else-if="currentStep === 1" src="@/assets/images/refund-approving.png" alt="待审核">
+              <img v-else-if="currentStep > 2" src="@/assets/images/refund-approved.png" alt="已审核">
+            </template>
+          </el-step>
+
+          <el-step>
+            <template #title>
+              <div>
+                {{ $t('refundProgress.areaCharge') }}<br>{{ areaCharge || $t('refundProgress.notRecorded') }}
+              </div>
+            </template>
+            <template #icon>
+              <img v-if="currentStep === 4" src="@/assets/images/refund-rejected.png" alt="已驳回">
+              <img v-else-if="currentStep === 3" src="@/assets/images/refund-approving.png" alt="待审核">
+              <img v-else-if="currentStep > 3 && currentStep != 4"
+                   src="@/assets/images/refund-approved.png" alt="已审核">
+              <img v-else-if="currentStep < 3" src="@/assets/images/refund-waiting.png" alt="未开始">
+            </template>
+          </el-step>
+
+          <el-step>
+            <template #title>
+              <div>
+                {{ $t('refundProgress.headFinance') }}<br>{{ headFinance || $t('refundProgress.notRecorded') }}
+              </div>
+            </template>
+            <template #icon>
+              <img v-if="currentStep === 6" src="@/assets/images/refund-rejected.png" alt="已驳回">
+              <img v-else-if="currentStep === 5" src="@/assets/images/refund-approving.png" alt="待审核">
+              <img v-else-if="currentStep > 5 && currentStep != 6"
+                   src="@/assets/images/refund-approved.png" alt="已审核">
+              <img v-else-if="currentStep < 5" src="@/assets/images/refund-waiting.png" alt="未开始">
+            </template>
+          </el-step>
+
+          <el-step>
+            <template #title>
+              <div>
+                {{ $t('refundProgress.executor') }}<br>{{ executor || $t('refundProgress.notRecorded') }}
+              </div>
+            </template>
+            <template #icon>
+              <img v-if="currentStep === 7" src="@/assets/images/refund-approving.png" alt="待处理">
+              <img v-else-if="currentStep === 8" src="@/assets/images/refund-approved.png" alt="已完成">
+              <img v-else-if="currentStep < 7" src="@/assets/images/refund-waiting.png" alt="未开始">
+            </template>
+          </el-step>
+        </el-steps>
+      </div>
+      <div class="steps-btn">
+        <el-button type="primary" @click="showSteps = false">{{ $t('common.confirm') }}</el-button>
+      </div>
+    </div>
+  </el-dialog>
+
+  <el-dialog v-model="exportListVisible" :title="$t('common_export.exportList')" width="80%">
+    <el-table :data="exportList" style="width: 100% ;height: 60vh;" :loading="exportListLoading">
+      <el-table-column prop="fileName" :label="$t('common_export.fileName')" />
+      <el-table-column prop="state" :label="$t('common_export.status')">
+        <template #default="scope">
+          <el-tag :type="getTagType(scope.row.state)" :effect="scope.row.state === 3 ? 'light' : 'plain'">
+            {{ getTagText(scope.row.state) }}
+          </el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column prop="createTime" :label="$t('common_export.createTime')">
+        <template #default="scope">
+          {{ moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') }}
         </template>
-    </el-dialog>
+      </el-table-column>
+      <el-table-column :label="$t('common_export.operation')">
+        <template #default="scope">
+          <el-button type="primary" size="small" @click="downloadExportFile(scope.row)"
+                     :disabled="scope.row.state !== 2">
+            {{ $t('common_export.download') }}
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button text @click="exportListVisible = false">{{ $t('common_export.close') }}</el-button>
+      </div>
+    </template>
+  </el-dialog>
 </template>
 <script setup>
 import { ref, onMounted } from 'vue'
 import { ElMessage } from 'element-plus'
 import API from '@/util/http.js'
-const uploadUrl = 'https://api.homilychart.com/hljw/api/aws/upload'
+const uploadUrl = 'https://api.homilychart.com/hljw/api/aws/upload  '
 import { useAdminStore } from "@/store/index.js"
 import { storeToRefs } from "pinia"
 import dayjs from 'dayjs'
@@ -354,20 +355,20 @@ import { isNumber } from 'lodash'
 
 const currentStep = ref(0)// 进度图
 const searchForm = ref({
-    jwcode: '',
-    markets: []
+  jwcode: '',
+  markets: []
 })
 const isReject = ref(false)// 进度图有没有驳回状态
 const addForm = ref({
-    remark: ''
+  remark: ''
 })
 const showReject = ref(false)
 const auditRow = ref({})// 审核回显
 const dateRange = ref([])
 const pagination = ref({
-    pageNum: 1,
-    pageSize: 50,
-    total: 0
+  pageNum: 1,
+  pageSize: 50,
+  total: 0
 })
 const market = ref([])
 const showAudit2 = ref(false)
@@ -385,363 +386,363 @@ const exportList = ref([])
 const exportListLoading = ref(false)
 
 const statusStepMap = {
-    10: [1, false],
-    12: [2, true],
-    20: [3, false],
-    22: [4, true],
-    30: [5, false],
-    32: [6, true],
-    40: [7, false],
-    41: [8, false]
+  10: [1, false],
+  12: [2, true],
+  20: [3, false],
+  22: [4, true],
+  30: [5, false],
+  32: [6, true],
+  40: [7, false],
+  41: [8, false]
 }
 const currencies = ref(['美元(USD)', '港币(HKD)', '新币(SGD)', '马币(MYR)', '泰铢(THB)', '加币(CAD)', '越南盾(VDN)', '韩元(KRW)'])
 const channelOptions = ref(["Stripe-链接收款", "PaymentAsia-链接收款", "Ipay88-链接收款", "银行转账", "刷卡", "现金", "支票", "Grabpay", "Nets", "E-Transfer", "Paypal"])
 const statusList = ref(['待审核', '审核通过', '已驳回', '退款成功'])
 // 查全部
 const getRefund = async function () {
-    if (!hasMenuPermission(menuTree.value, permissionMapping.view_area_manager_refund)) {
-        ElMessage.error('无此权限')
-        return
-    }
-    try {
-        const payCurrencySelect = ref('')
-        const statuses = ref([20, 22, 30, 32, 40, 41]) // 看不到进度没到这里的
-        if (searchForm.value.statuses === '审核通过') {
-            statuses.value = [30, 40]
-        } else if (searchForm.value.statuses === '已驳回') {
-            statuses.value = [22, 32]
-        } else if (searchForm.value.statuses === '待审核') {
-            statuses.value = [20]
-        } else if (searchForm.value.statuses === '退款成功') {
-            statuses.value = [41]
-        } else {
-            statuses.value = [20, 22, 30, 32, 40, 41]
-        }
-
-        const goodsName = searchForm.value.goodsName && searchForm.value.goodsName.length > 0
-            ? searchForm.value.goodsName[searchForm.value.goodsName.length - 1] : ''
-
-        if (searchForm.value.jwcode) {
-            const isPositiveInteger = /^[1-9]\d*$/.test(searchForm.value.jwcode);
-            if (!isPositiveInteger) {
-                ElMessage.error('请输入正确的精网号')
-                return;
-            }
-        }
-        // 增加精网号长度限制，防止后端400错误
-        if (searchForm.value.jwcode.length > 8) {
-            ElMessage.error('精网号长度不能超过8位')
-            return;
-        }
-
-        if (searchForm.value.paymentCurrency) {
-            payCurrencySelect.value = CurrencyForId(searchForm.value.paymentCurrency)
-        }
-
-        const params = {
-            pageNum: pagination.value.pageNum,
-            pageSize: pagination.value.pageSize,
-            cashRecordDTO: {
-                jwcode: searchForm.value.jwcode,//精网号
-                name: searchForm.value.name,//姓名
-                markets: searchForm.value.markets && searchForm.value.markets.length > 0 ? [searchForm.value.markets[searchForm.value.markets.length - 1]] : [],
-                goodsName: goodsName,//商品名
-                statuses: statuses.value,//10：地区财务待审核；12：地区财务驳回；
-                // 20：地区负责人待审核；22：地区负责人驳回；
-                // 30：总部财务待审核；32：总部财务驳回；
-                // 40：执行人待处理；41：执行人已处理，退款完成；
-                paymentCurrency: payCurrencySelect.value,//付款币种
-                payType: searchForm.value.payType,//支付方式
-                startTime: dateRange.value && dateRange.value[0] ? dayjs(dateRange.value[0]).format('YYYY-MM-DD HH:mm:ss') : "",
-                endTime: dateRange.value && dateRange.value[1] ? dayjs(dateRange.value[1]).format('YYYY-MM-DD HH:mm:ss') : "",
-                adminId: adminData.value.id
-            }
-        }
-
-        const result = await API({
-            url: '/Money/select',
-            method: 'POST',
-            data: params
-        })
-
-        tableData.value = result.data.list || []
-        pagination.value.total = result.data.total || 0
-    } catch (error) {
-        ElMessage.error(error.message || '查询失败')
-    }
-}
-// 审核通过
-const handlePass = async function () {
-    if (!hasMenuPermission(menuTree.value, permissionMapping.audit_area_manager_refund)) {
-        ElMessage.error('无此权限')
-        return
-    }
-    try {
-        const params = {
-            id: auditRow.value.id,
-            status: 30,
-            rejectReason: addForm.value.remark,
-            areaCharge: adminData.value.adminName,
-            auditId: auditRow.value.auditId,
-            relatedId: auditRow.value.relatedId
-        }
-        const result = await API({
-            url: '/Money/review',
-            data: params
-        })
-        if (result.code === 200) {
-            ElMessage.success('审核通过')
-            showAudit2.value = false
-            getRefund()
-        }
-    } catch (error) {
-        ElMessage.error(error.message || '审核失败')
-    }
-}
-// 审核驳回
-const handleReject = async function () {
-    if (!hasMenuPermission(menuTree.value, permissionMapping.audit_area_manager_refund)) {
-        ElMessage.error('无此权限')
-        return
-    }
-    try {
-        const params = {
-            id: auditRow.value.id,
-            status: 22,
-            rejectReason: addForm.value.remark,
-            areaCharge: adminData.value.adminName,
-            auditId: auditRow.value.auditId,
-            orderCode: auditRow.value.orderCode,
-            relatedId: auditRow.value.relatedId
-        }
-        const result = await API({
-            url: '/Money/review',
-            data: params
-        })
-        if (result.code === 200) {
-            ElMessage.success('审核驳回')
-            getRefund()
-            addForm.value.remark = ''
-            showAudit2.value = false
-            showReject.value = false
-        }
-    } catch (error) {
-        ElMessage.error(error.message || '审核失败')
-    }
-}
-const showStep = function (row) {
-    if (!hasMenuPermission(menuTree.value, permissionMapping.track_area_manager_refund_progress)) {
-        ElMessage.error('无此权限')
-        return
-    }
-
-    isReject.value = false
-    submitter.value = row.submitter || ''
-    areaFinance.value = row.areaFinance || ''
-    areaCharge.value = row.areaCharge || ''
-    headFinance.value = row.headFinance || ''
-    executor.value = row.executorName || ''
-    currentStep.value = 1
-
-    const status = row.status
-    if (statusStepMap[status]) {
-        const [step, reject] = statusStepMap[status]
-        currentStep.value = step
-        isReject.value = reject
-    }
-
-    console.log('步骤条状态', currentStep.value)
-    showSteps.value = true
-}
-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.id,
-                    label: child.name,
-                    children: grandchildren
-                };
-            });
-        };
-        market.value = transformTree(result.data)
-        console.log('转换后的地区树==============', market.value)
-    } catch (error) {
-        console.log('请求失败', error)
-    }
-}
-const exportExcel = async function () {
+  if (!hasMenuPermission(menuTree.value, permissionMapping.view_area_manager_refund)) {
+    ElMessage.error('无此权限')
+    return
+  }
+  try {
     const payCurrencySelect = ref('')
     const statuses = ref([20, 22, 30, 32, 40, 41]) // 看不到进度没到这里的
     if (searchForm.value.statuses === '审核通过') {
-        statuses.value = [30, 40]
+      statuses.value = [30, 40]
     } else if (searchForm.value.statuses === '已驳回') {
-        statuses.value = [22, 32]
+      statuses.value = [22, 32]
     } else if (searchForm.value.statuses === '待审核') {
-        statuses.value = [20]
+      statuses.value = [20]
     } else if (searchForm.value.statuses === '退款成功') {
-        statuses.value = [41]
+      statuses.value = [41]
     } else {
-        statuses.value = [20, 22, 30, 32, 40, 41]
+      statuses.value = [20, 22, 30, 32, 40, 41]
     }
 
     const goodsName = searchForm.value.goodsName && searchForm.value.goodsName.length > 0
         ? searchForm.value.goodsName[searchForm.value.goodsName.length - 1] : ''
 
     if (searchForm.value.jwcode) {
-        const isPositiveInteger = /^[1-9]\d*$/.test(searchForm.value.jwcode);
-        if (!isPositiveInteger) {
-            ElMessage.error('请输入正确的精网号')
-            return
-        }
+      const isPositiveInteger = /^[1-9]\d*$/.test(searchForm.value.jwcode);
+      if (!isPositiveInteger) {
+        ElMessage.error('请输入正确的精网号')
+        return;
+      }
     }
     // 增加精网号长度限制，防止后端400错误
     if (searchForm.value.jwcode.length > 8) {
-        ElMessage.error('精网号长度不能超过8位')
-        return;
+      ElMessage.error('精网号长度不能超过8位')
+      return;
     }
 
     if (searchForm.value.paymentCurrency) {
-        payCurrencySelect.value = CurrencyForId(searchForm.value.paymentCurrency)
+      payCurrencySelect.value = CurrencyForId(searchForm.value.paymentCurrency)
     }
 
     const params = {
-        pageNum: pagination.value.pageNum,
-        pageSize: pagination.value.pageSize,
-        cashRecordDTO: {
-            jwcode: searchForm.value.jwcode,//精网号
-            name: searchForm.value.name,//姓名
-            markets: searchForm.value.markets && searchForm.value.markets.length > 0 ? [searchForm.value.markets[searchForm.value.markets.length - 1]] : [],
-            goodsName: goodsName,//商品名
-            statuses: statuses.value,//10：地区财务待审核；12：地区财务驳回；
-            // 20：地区负责人待审核；22：地区负责人驳回；
-            // 30：总部财务待审核；32：总部财务驳回；
-            // 40：执行人待处理；41：执行人已处理，退款完成；
-            paymentCurrency: payCurrencySelect.value,//付款币种
-            payType: searchForm.value.payType,//支付方式
-            startTime: dateRange.value && dateRange.value[0] ? dayjs(dateRange.value[0]).format('YYYY-MM-DD HH:mm:ss') : "",
-            endTime: dateRange.value && dateRange.value[1] ? dayjs(dateRange.value[1]).format('YYYY-MM-DD HH:mm:ss') : "",
-            adminId: adminData.value.id
-        }
+      pageNum: pagination.value.pageNum,
+      pageSize: pagination.value.pageSize,
+      cashRecordDTO: {
+        jwcode: searchForm.value.jwcode,//精网号
+        name: searchForm.value.name,//姓名
+        markets: searchForm.value.markets && searchForm.value.markets.length > 0 ? [searchForm.value.markets[searchForm.value.markets.length - 1]] : [],
+        goodsName: goodsName,//商品名
+        statuses: statuses.value,//10：地区财务待审核；12：地区财务驳回；
+        // 20：地区负责人待审核；22：地区负责人驳回；
+        // 30：总部财务待审核；32：总部财务驳回；
+        // 40：执行人待处理；41：执行人已处理，退款完成；
+        paymentCurrency: payCurrencySelect.value,//付款币种
+        payType: searchForm.value.payType,//支付方式
+        startTime: dateRange.value && dateRange.value[0] ? dayjs(dateRange.value[0]).format('YYYY-MM-DD HH:mm:ss') : "",
+        endTime: dateRange.value && dateRange.value[1] ? dayjs(dateRange.value[1]).format('YYYY-MM-DD HH:mm:ss') : "",
+        adminId: adminData.value.id
+      }
+    }
+
+    const result = await API({
+      url: '/Money/select',
+      method: 'POST',
+      data: params
+    })
+
+    tableData.value = result.data.list || []
+    pagination.value.total = result.data.total || 0
+  } catch (error) {
+    ElMessage.error(error.message || '查询失败')
+  }
+}
+// 审核通过
+const handlePass = async function () {
+  if (!hasMenuPermission(menuTree.value, permissionMapping.audit_area_manager_refund)) {
+    ElMessage.error('无此权限')
+    return
+  }
+  try {
+    const params = {
+      id: auditRow.value.id,
+      status: 30,
+      rejectReason: addForm.value.remark,
+      areaCharge: adminData.value.adminName,
+      auditId: auditRow.value.auditId,
+      relatedId: auditRow.value.relatedId
+    }
+    const result = await API({
+      url: '/Money/review',
+      data: params
+    })
+    if (result.code === 200) {
+      ElMessage.success('审核通过')
+      showAudit2.value = false
+      getRefund()
+    }
+  } catch (error) {
+    ElMessage.error(error.message || '审核失败')
+  }
+}
+// 审核驳回
+const handleReject = async function () {
+  if (!hasMenuPermission(menuTree.value, permissionMapping.audit_area_manager_refund)) {
+    ElMessage.error('无此权限')
+    return
+  }
+  try {
+    const params = {
+      id: auditRow.value.id,
+      status: 22,
+      rejectReason: addForm.value.remark,
+      areaCharge: adminData.value.adminName,
+      auditId: auditRow.value.auditId,
+      orderCode: auditRow.value.orderCode,
+      relatedId: auditRow.value.relatedId
+    }
+    const result = await API({
+      url: '/Money/review',
+      data: params
+    })
+    if (result.code === 200) {
+      ElMessage.success('审核驳回')
+      getRefund()
+      addForm.value.remark = ''
+      showAudit2.value = false
+      showReject.value = false
+    }
+  } catch (error) {
+    ElMessage.error(error.message || '审核失败')
+  }
+}
+const showStep = function (row) {
+  if (!hasMenuPermission(menuTree.value, permissionMapping.track_area_manager_refund_progress)) {
+    ElMessage.error('无此权限')
+    return
+  }
+
+  isReject.value = false
+  submitter.value = row.submitter || ''
+  areaFinance.value = row.areaFinance || ''
+  areaCharge.value = row.areaCharge || ''
+  headFinance.value = row.headFinance || ''
+  executor.value = row.executorName || ''
+  currentStep.value = 1
+
+  const status = row.status
+  if (statusStepMap[status]) {
+    const [step, reject] = statusStepMap[status]
+    currentStep.value = step
+    isReject.value = reject
+  }
+
+  console.log('步骤条状态', currentStep.value)
+  showSteps.value = true
+}
+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.id,
+          label: child.name,
+          children: grandchildren
+        };
+      });
+    };
+    market.value = transformTree(result.data)
+    console.log('转换后的地区树==============', market.value)
+  } catch (error) {
+    console.log('请求失败', error)
+  }
+}
+const exportExcel = async function () {
+  const payCurrencySelect = ref('')
+  const statuses = ref([20, 22, 30, 32, 40, 41]) // 看不到进度没到这里的
+  if (searchForm.value.statuses === '审核通过') {
+    statuses.value = [30, 40]
+  } else if (searchForm.value.statuses === '已驳回') {
+    statuses.value = [22, 32]
+  } else if (searchForm.value.statuses === '待审核') {
+    statuses.value = [20]
+  } else if (searchForm.value.statuses === '退款成功') {
+    statuses.value = [41]
+  } else {
+    statuses.value = [20, 22, 30, 32, 40, 41]
+  }
+
+  const goodsName = searchForm.value.goodsName && searchForm.value.goodsName.length > 0
+      ? searchForm.value.goodsName[searchForm.value.goodsName.length - 1] : ''
+
+  if (searchForm.value.jwcode) {
+    const isPositiveInteger = /^[1-9]\d*$/.test(searchForm.value.jwcode);
+    if (!isPositiveInteger) {
+      ElMessage.error('请输入正确的精网号')
+      return
     }
-    const res = await API({ url: '/export/exportFinance', data: params })
-    if (res.code === 200) {
-        ElMessage.success('导出成功')
+  }
+  // 增加精网号长度限制，防止后端400错误
+  if (searchForm.value.jwcode.length > 8) {
+    ElMessage.error('精网号长度不能超过8位')
+    return;
+  }
+
+  if (searchForm.value.paymentCurrency) {
+    payCurrencySelect.value = CurrencyForId(searchForm.value.paymentCurrency)
+  }
+
+  const params = {
+    pageNum: pagination.value.pageNum,
+    pageSize: pagination.value.pageSize,
+    cashRecordDTO: {
+      jwcode: searchForm.value.jwcode,//精网号
+      name: searchForm.value.name,//姓名
+      markets: searchForm.value.markets && searchForm.value.markets.length > 0 ? [searchForm.value.markets[searchForm.value.markets.length - 1]] : [],
+      goodsName: goodsName,//商品名
+      statuses: statuses.value,//10：地区财务待审核；12：地区财务驳回；
+      // 20：地区负责人待审核；22：地区负责人驳回；
+      // 30：总部财务待审核；32：总部财务驳回；
+      // 40：执行人待处理；41：执行人已处理，退款完成；
+      paymentCurrency: payCurrencySelect.value,//付款币种
+      payType: searchForm.value.payType,//支付方式
+      startTime: dateRange.value && dateRange.value[0] ? dayjs(dateRange.value[0]).format('YYYY-MM-DD HH:mm:ss') : "",
+      endTime: dateRange.value && dateRange.value[1] ? dayjs(dateRange.value[1]).format('YYYY-MM-DD HH:mm:ss') : "",
+      adminId: adminData.value.id
     }
+  }
+  const res = await API({ url: '/export/exportFinance', data: params })
+  if (res.code === 200) {
+    ElMessage.success('导出成功')
+  }
 }
 const openExportList = () => {
-    getExportList()
-    exportListVisible.value = true
+  getExportList()
+  exportListVisible.value = true
 }
 const getExportList = async () => {
-    exportListLoading.value = true
-    try {
-        const result = await API({ url: '/export/export' })
-        if (result.code === 200) {
-            const filteredData = result.data.filter(item => {
-                return item.type === 12
-            })
-            exportList.value = filteredData
-        } else {
-            ElMessage.error(result.msg || '获取导出列表失败')
-        }
-    } catch (error) {
-        console.error('获取导出列表出错:', error)
-        ElMessage.error('获取导出列表失败，请稍后重试')
-    } finally {
-        exportListLoading.value = false
+  exportListLoading.value = true
+  try {
+    const result = await API({ url: '/export/export' })
+    if (result.code === 200) {
+      const filteredData = result.data.filter(item => {
+        return item.type === 12
+      })
+      exportList.value = filteredData
+    } else {
+      ElMessage.error(result.msg || '获取导出列表失败')
     }
+  } catch (error) {
+    console.error('获取导出列表出错:', error)
+    ElMessage.error('获取导出列表失败，请稍后重试')
+  } finally {
+    exportListLoading.value = false
+  }
 }
 const downloadExportFile = (item) => {
-    if (item.state === 2) {
-        const link = document.createElement('a')
-        link.href = item.url
-        link.download = item.fileName
-        link.click()
-    } else {
-        ElMessage.warning('文件还在导出中，请稍后再试')
-    }
+  if (item.state === 2) {
+    const link = document.createElement('a')
+    link.href = item.url
+    link.download = item.fileName
+    link.click()
+  } else {
+    ElMessage.warning('文件还在导出中，请稍后再试')
+  }
 }
 //根据状态返回对应的标签类型
 const getTagType = (state) => {
-    switch (state) {
-        case 0:
-            return 'info';
-        case 1:
-            return 'primary';
-        case 2:
-            return 'success';
-        case 3:
-            return 'danger';
-        default:
-            return 'info';
-    }
+  switch (state) {
+    case 0:
+      return 'info';
+    case 1:
+      return 'primary';
+    case 2:
+      return 'success';
+    case 3:
+      return 'danger';
+    default:
+      return 'info';
+  }
 }
 //根据状态返回对应的标签文案
 const getTagText = (state) => {
-    switch (state) {
-        case 0:
-            return '待执行';
-        case 1:
-            return '执行中';
-        case 2:
-            return '执行完成';
-        case 3:
-            return '执行出错';
-        default:
-            return '未知状态';
-    }
+  switch (state) {
+    case 0:
+      return '待执行';
+    case 1:
+      return '执行中';
+    case 2:
+      return '执行完成';
+    case 3:
+      return '执行出错';
+    default:
+      return '未知状态';
+  }
 }
 const hideReject = function () {
-    showReject.value = false
-    addForm.value.remark = ''
+  showReject.value = false
+  addForm.value.remark = ''
 }
 const reset = function () {
-    searchForm.value = {
-        jwcode: '',
-        markets: [],
-        statuses: []
-    }
-    // 重置页码
-    pagination.value.pageNum = 1
-    dateRange.value = []
-    getRefund()
+  searchForm.value = {
+    jwcode: '',
+    markets: [],
+    statuses: []
+  }
+  // 重置页码
+  pagination.value.pageNum = 1
+  dateRange.value = []
+  getRefund()
 }
 const showAudit = function (row) {
-    auditRow.value = row
-    showAudit2.value = true
+  auditRow.value = row
+  showAudit2.value = true
 }
 const defaultTime = [
-    new Date(2000, 1, 1, 0, 0, 0),
-    new Date(2000, 2, 1, 23, 59, 59),
+  new Date(2000, 1, 1, 0, 0, 0),
+  new Date(2000, 2, 1, 23, 59, 59),
 ]
 const disabledDate = (time) => {
-    const limitDate = new Date(2025, 0, 1);
-    return time.getTime() < limitDate.getTime();
+  const limitDate = new Date(2025, 0, 1);
+  return time.getTime() < limitDate.getTime();
 }
 const handlePageSizeChange = function (val) {
-    pagination.value.pageSize = val
-    getRefund()
+  pagination.value.pageSize = val
+  getRefund()
 }
 const handleCurrentChange = function (val) {
-    pagination.value.pageNum = val
-    getRefund()
+  pagination.value.pageNum = val
+  getRefund()
 }
 onMounted(() => {
-    getRefund()
-    getMarket()
+  getRefund()
+  getMarket()
 })
 </script>
 <style scoped lang="scss">
@@ -749,142 +750,142 @@ onMounted(() => {
 :deep(.el-table__body-wrapper),
 :deep(.el-table__cell),
 :deep(.el-table__body td) {
-    background-color: #F3FAFE !important;
+  background-color: #F3FAFE !important;
 }
 
 :deep(.el-table__header th) {
-    background-color: #F3FAFE !important;
+  background-color: #F3FAFE !important;
 }
 
 .condition {
-    width: 82vw;
+  width: 82vw;
+  display: flex;
+  align-items: center;
+  height: 4vh;
+
+  .item1 {
+    width: 18%;
     display: flex;
     align-items: center;
-    height: 4vh;
-
-    .item1 {
-        width: 18%;
-        display: flex;
-        align-items: center;
-        margin-bottom: 1vh;
-        margin-right: 0.5vw;
-    }
+    margin-bottom: 1vh;
+    margin-right: 0.5vw;
+  }
 
-    .item2 {
-        width: 18%;
-        display: flex;
-        align-items: center;
-        margin-right: 0.5vw;
-    }
+  .item2 {
+    width: 18%;
+    display: flex;
+    align-items: center;
+    margin-right: 0.5vw;
+  }
 }
 
 .audit1 {
-    height: 47vh;
+  height: 47vh;
 
-    .audit-item {
-        display: flex;
-        align-items: center;
-        margin-bottom: 1vh;
-    }
+  .audit-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 1vh;
+  }
 }
 
 .audit2 {
-    display: flex;
-    justify-content: center;
-    height: auto;
-    min-height: 40vh;
+  display: flex;
+  justify-content: center;
+  height: auto;
+  min-height: 40vh;
 
 
-    .top {
-        width: 30vw;
-        height: 22vh;
+  .top {
+    width: 30vw;
+    height: 22vh;
 
-        .top-item {
-            display: flex;
-            align-items: center;
-            margin-bottom: 1vh;
-        }
+    .top-item {
+      display: flex;
+      align-items: center;
+      margin-bottom: 1vh;
     }
+  }
 
-    .smallTitle {
-        background-color: white;
-        color: rgb(64, 158, 255);
-        border-color: rgb(64, 158, 255);
-        margin-bottom: 0.5vh;
-    }
+  .smallTitle {
+    background-color: white;
+    color: rgb(64, 158, 255);
+    border-color: rgb(64, 158, 255);
+    margin-bottom: 0.5vh;
+  }
 
-    .center {
-        display: flex;
-        width: 30vw;
-        height: 35vh;
-
-        .dialog-item {
-            display: flex;
-            align-items: center;
-            margin-bottom: 1vh;
-        }
-
-        .center-left {
-            width: 60%;
-            height: 35vh;
-
-            .image {
-                width: 4vw !important;
-                height: 4vw !important;
-            }
-
-            :deep(.el-upload--picture-card) {
-                width: 4vw !important;
-                height: 4vw !important;
-                padding: 0 !important;
-            }
-
-            .center-item {
-                display: flex;
-                align-items: center;
-                margin-bottom: 1vh;
-            }
-        }
-
-        .center-right {
-            height: 35vh;
-
-            .right-item {
-                display: flex;
-                align-items: center;
-                margin-bottom: 1vh;
-            }
-        }
+  .center {
+    display: flex;
+    width: 30vw;
+    height: 35vh;
+
+    .dialog-item {
+      display: flex;
+      align-items: center;
+      margin-bottom: 1vh;
     }
 
-    .bottom {
-        width: 30vw;
-        height: 12vh;
+    .center-left {
+      width: 60%;
+      height: 35vh;
 
-        .bottom-item {
-            display: flex;
-            align-items: center;
-            margin-bottom: 1vh;
-        }
-    }
-}
+      .image {
+        width: 4vw !important;
+        height: 4vw !important;
+      }
 
-.steps {
-    .steps-content {
-        padding-top: 15vw;
-    }
+      :deep(.el-upload--picture-card) {
+        width: 4vw !important;
+        height: 4vw !important;
+        padding: 0 !important;
+      }
 
-    .steps-status {
+      .center-item {
         display: flex;
         align-items: center;
-        justify-content: center;
+        margin-bottom: 1vh;
+      }
     }
 
-    .steps-btn {
-        height: 15vh;
+    .center-right {
+      height: 35vh;
+
+      .right-item {
         display: flex;
-        justify-content: center;
         align-items: center;
+        margin-bottom: 1vh;
+      }
+    }
+  }
+
+  .bottom {
+    width: 30vw;
+    height: 12vh;
+
+    .bottom-item {
+      display: flex;
+      align-items: center;
+      margin-bottom: 1vh;
     }
+  }
+}
+
+.steps {
+  .steps-content {
+    padding-top: 15vw;
+  }
+
+  .steps-status {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .steps-btn {
+    height: 15vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/moneyManage/refundDetail/refundFinance.vue b/src/views/moneyManage/refundDetail/refundFinance.vue
index 5a5eb87..2e3032d 100644
--- a/src/views/moneyManage/refundDetail/refundFinance.vue
+++ b/src/views/moneyManage/refundDetail/refundFinance.vue
@@ -1,345 +1,346 @@
 <!-- 各地财务 -->
 <template>
-    <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>
-                <el-input v-model="searchForm.jwcode" placeholder="请输入精网号" style="width:9vw;" clearable />
-            </div>
-            <div class="item1">
-                <el-text size="large" style="width:4vw;">客户姓名</el-text>
-                <el-input v-model="searchForm.name" placeholder="请输入客户姓名" style="width:9vw;" clearable />
-            </div>
-            <div class="item1">
-                <el-text size="large" style="width:4vw;">产品名称</el-text>
-                <el-cascader v-model="searchForm.goodsName" :options="productList" style="width: 10vw;" clearable />
-            </div>
-            <div class="item1" v-if="adminData.markets === '总部'">
-                <el-text size="large" style="width:4vw;">所属地区</el-text>
-                <el-cascader style="width: 9vw;" v-model="searchForm.markets" :options="market" placeholder="请选择所属地区"
-                    clearable @change="handleMarketChange" />
-            </div>
-            <div class="item1">
-                <el-text size="large" style="width:4vw;">订单状态</el-text>
-                <el-select v-model="searchForm.statuses" style="width:9vw;" clearable>
-                    <el-option v-for="item in statusList" :label="item" :value="item" :key="item" />
-                </el-select>
-            </div>
+  <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;">{{ $t('common.jwcode') }}</el-text>
+        <el-input v-model="searchForm.jwcode" :placeholder="$t('common.jwcodePlaceholder')" style="width:9vw;" clearable />
+      </div>
+      <div class="item1">
+        <el-text size="large" style="width:4vw;">{{ $t('common.customerName') }}</el-text>
+        <el-input v-model="searchForm.name" :placeholder="$t('common.customerNamePlaceholder')" style="width:9vw;" clearable />
+      </div>
+      <div class="item1">
+        <el-text size="large" style="width:4vw;">{{ $t('common.goodsName') }}</el-text>
+        <el-cascader v-model="searchForm.goodsName" :options="productList" style="width: 10vw;" clearable />
+      </div>
+      <div class="item1" v-if="adminData.markets === '总部'">
+        <el-text size="large" style="width:4vw;">{{ $t('common.market') }}</el-text>
+        <el-cascader style="width: 9vw;" v-model="searchForm.markets" :options="market" :placeholder="$t('common.marketPlaceholder')"
+                     clearable @change="handleMarketChange" />
+      </div>
+      <div class="item1">
+        <el-text size="large" style="width:4vw;">{{ $t('common_list.orderStatus') }}</el-text>
+        <el-select v-model="searchForm.statuses" style="width:9vw;" clearable>
+          <el-option v-for="item in statusList" :label="t('cash_refund.' + item)" :value="item" :key="item" />
+        </el-select>
+      </div>
+    </div>
+    <div class="condition">
+      <div class="item2">
+        <el-text size="large" style="width:4vw;">{{ $t('cash_refund.paymentCurrency') }}</el-text>
+        <el-select v-model="searchForm.paymentCurrency" style="width:9vw;" clearable>
+          <el-option v-for="item in currencies" :key="item" :label="item" :value="item" />
+        </el-select>
+      </div>
+      <div class="item2">
+        <el-text size="large" style="width:4vw;">{{ $t('common.payType') }}</el-text>
+        <el-select v-model="searchForm.payType" style="width:9vw;" clearable>
+          <el-option v-for="item in channelOptions" :key="item" :label="item" :value="item" />
+        </el-select>
+      </div>
+      <div class="item2" style="width: 28.5vw;">
+        <el-text size="large" style="width:4vw;">{{ $t('common.payTime') }}</el-text>
+        <el-date-picker v-model="dateRange" type="datetimerange" :range-separator="$t('common.to')" :start-placeholder="$t('common.startTime')"
+                        :end-placeholder="$t('common.endTime')" style="width:22vw;" @change="handleDatePickerChange" clearable
+                        :disabled-date="disabledDate" :default-time="defaultTime" />
+      </div>
+      <div>
+        <el-button type="primary" @click="getRefund">{{ $t('common.search') }}</el-button>
+        <el-button type="warning" @click="exportExcel()">{{ $t('common.exportExcel') }}</el-button>
+        <el-button type="primary" @click="openExportList">{{ $t('common.viewExportList') }}</el-button>
+        <el-button type="success" @click="reset">{{ $t('common.reset') }}</el-button>
+      </div>
+    </div>
+  </el-card>
+
+  <el-card style="margin-top: 0.5vh;background-color: rgb(231,244,253);">
+    <el-table :data="tableData" style="height:73vh;width:82vw">
+      <el-table-column type="index" :label="$t('common_list.id')" width="60" fixed="left">
+        <template #default="scope">
+          {{ scope.$index + 1 + (pagination.pageNum - 1) * pagination.pageSize }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="jwcode" :label="$t('common_list.homilyId')" width="120" fixed="left" />
+      <el-table-column prop="name" :label="$t('common_list.name')" width="120" fixed="left" show-overflow-tooltip />
+      <el-table-column prop="marketName" :label="$t('common_list.market')" width="120" />
+      <el-table-column prop="goodsName" :label="$t('common_list.goodsName')" width="130" show-overflow-tooltip />
+      <el-table-column prop="goodsNum" :label="$t('common_list.goodsNum')" width="120" />
+      <el-table-column prop="refundModel" :label="$t('cash_refund.refundModel')" width="120">
+        <template #default="scope">
+          {{ scope.row.refundModel === 1 ? t('cash_refund.partialRefund') : t('cash_refund.fullRefund') }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="submitter" :label="$t('common_list.submitter')" width="120" />
+      <el-table-column prop="refundReason" :label="$t('common_list.refundReason')" width="120" show-overflow-tooltip />
+      <el-table-column prop="remark" :label="$t('common_list.remark')" width="150" show-overflow-tooltip />
+      <el-table-column prop="status" :label="$t('common_list.orderStatus')" width="120">
+        <template #default="scope">
+          {{
+            [10].includes(scope.row.status) ? t('audit.waitAudit') :
+                [20, 30, 40].includes(scope.row.status) ? t('audit.passed') :
+                    [12, 22, 32].includes(scope.row.status) ? t('audit.rejected') :
+                        [41].includes(scope.row.status) ? t('audit.RefundSuccessful') : scope.row.status
+          }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="operation" :label="$t('audit.operation')" fixed="right" width="100px">
+        <template #default="scope">
+          <div class="operation">
+            <el-button v-if="scope.row.status === 10" type="primary" text @click="showAudit2(scope.row)">
+              {{ $t('audit.audit') }}
+            </el-button>
+            <el-button v-else type="primary" text @click="showStep(scope.row)">
+              {{ $t('cash_refund.viewProgress') }}
+            </el-button>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination v-model:current-page="pagination.pageNum" v-model:page-size="pagination.pageSize"
+                   layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
+                   @size-change="handlePageSizeChange" @current-change="handleCurrentChange"
+                   style="margin-top: 1vh;"></el-pagination>
+  </el-card>
+
+  <el-dialog v-model="showAudit" :title="$t('audit.audit')" class="audit" width="35vw" overflow draggable
+             style="background-color: #F3FAFE !important;">
+    <div class="top">
+      <el-button @click="" class="smallTitle" size="small">{{ $t('cash_refund.refundApplicationInfo') }}</el-button>
+      <div class="top-item">
+        <el-text style="width:4vw;" size="small">{{ $t('cash_refund.refundModel') }}</el-text>
+        <el-select v-model="auditRow.refundModel" size="small" style="width:10vw;" disabled>
+          <el-option :label="$t('cash_refund.fullRefund')" :value="0"></el-option>
+          <el-option :label="$t('cash_refund.partialRefund')" :value="1"></el-option>
+        </el-select>
+      </div>
+      <div class="top-item">
+        <el-text style="width:4vw;" size="small">{{ $t('common_list.permanentGold') }}</el-text>
+        <el-input v-model="auditRow.gold" size="small" style="width:10vw;" disabled />&nbsp;{{ $t('common.个') }}
+      </div>
+      <div class="top-item">
+        <el-text style="width:4vw;" size="small">{{ $t('common_list.freeGold') }}</el-text>
+        <el-input v-model="auditRow.free" size="small" style="width:10vw;" disabled />&nbsp;{{ $t('common.个') }}
+      </div>
+      <div class="top-item">
+        <el-text style="width:4vw;" size="small">{{ $t('common_list.refundReason') }}</el-text>
+        <el-input v-model="auditRow.refundReason" size="small" style="width:10vw;" :rows="3" maxlength="100"
+                  show-word-limit type="textarea" disabled />
+      </div>
+    </div>
+    <el-button @click="" class="smallTitle" size="small">{{ $t('cash_refund.originalOrderInfo') }}</el-button>
+    <div class="center">
+      <div class="center-left">
+        <div class="center-item">
+          <el-text style="width:4vw;" size="small">{{ $t('common.jwcode') }}</el-text>
+          <el-input v-model="auditRow.jwcode" size="small" style="width:10vw;" disabled />
         </div>
-        <div class="condition">
-            <div class="item2">
-                <el-text size="large" style="width:4vw;">付款币种</el-text>
-                <el-select v-model="searchForm.paymentCurrency" style="width:9vw;" clearable>
-                    <el-option v-for="item in currencies" :key="item" :label="item" :value="item" />
-                </el-select>
-            </div>
-            <div class="item2">
-                <el-text size="large" style="width:4vw;">支付方式</el-text>
-                <el-select v-model="searchForm.payType" style="width:9vw;" clearable>
-                    <el-option v-for="item in channelOptions" :key="item" :label="item" :value="item" />
-                </el-select>
-            </div>
-            <div class="item2" style="width: 28.5vw;">
-                <el-text size="large" style="width:4vw;">付款时间</el-text>
-                <el-date-picker v-model="dateRange" type="datetimerange" range-separator="至" start-placeholder="起始时间"
-                    end-placeholder="结束时间" style="width:22vw;" @change="handleDatePickerChange" clearable
-                    :disabled-date="disabledDate" :default-time="defaultTime" />
-            </div>
-            <div>
-                <el-button type="primary" @click="getRefund">查询</el-button>
-                <el-button type="warning" @click="exportExcel()">导出excel</el-button>
-                <el-button type="primary" @click="openExportList">查看导出列表</el-button>
-                <el-button type="success" @click="reset">重置</el-button>
-            </div>
+        <div class="center-item">
+          <el-text style="width:4vw;" size="small">{{ $t('common_list.market') }}</el-text>
+          <el-input v-model="auditRow.marketName" size="small" style="width:10vw;" disabled />
         </div>
-    </el-card>
-
-    <el-card style="margin-top: 0.5vh;background-color: rgb(231,244,253);">
-        <el-table :data="tableData" style="height:73vh;width:82vw">
-            <el-table-column type="index" label="序号" width="60" fixed="left">
-                <template #default="scope">
-                    {{ scope.$index + 1 + (pagination.pageNum - 1) * pagination.pageSize }}
-                </template>
-            </el-table-column>
-            <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 />
-            <el-table-column prop="marketName" label="所属地区" width="120" />
-            <el-table-column prop="goodsName" label="产品名称" width="130" show-overflow-tooltip />
-            <el-table-column prop="goodsNum" label="产品数量" width="120" />
-            <el-table-column prop="refundModel" label="退款方式" width="120">
-                <template #default="scope">
-                    {{ scope.row.refundModel === 1 ? '部分退款' : '全部退款' }}
-                </template>
-            </el-table-column>
-            <el-table-column prop="submitter" label="提交人" width="120" />
-            <el-table-column prop="refundReason" label="退款理由" width="120" show-overflow-tooltip />
-            <el-table-column prop="remark" label="备注" width="150" show-overflow-tooltip />
-            <el-table-column prop="status" label="订单状态" width="120">
-                <template #default="scope">
-                    {{
-                        [10].includes(scope.row.status) ? '待审核' :
-                            [20, 30, 40].includes(scope.row.status) ? '审核通过' :
-                                [12, 22, 32].includes(scope.row.status) ? '已驳回' :
-                                    [41].includes(scope.row.status) ? '退款成功' : scope.row.status
-                    }}
-                </template>
-            </el-table-column>
-            <el-table-column prop="operation" label="操作" fixed="right" width="100px">
-                <template #default="scope">
-                    <div class="operation">
-                        <el-button v-if="scope.row.status === 10" type="primary" text @click="showAudit2(scope.row)">
-                            审核
-                        </el-button>
-                        <el-button v-else type="primary" text @click="showStep(scope.row)">
-                            查看进度
-                        </el-button>
-                    </div>
-                </template>
-            </el-table-column>
-        </el-table>
-        <el-pagination v-model:current-page="pagination.pageNum" v-model:page-size="pagination.pageSize"
-            layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
-            @size-change="handlePageSizeChange" @current-change="handleCurrentChange"
-            style="margin-top: 1vh;"></el-pagination>
-    </el-card>
-
-    <el-dialog v-model="showAudit" title="审核" class="audit" width="35vw" overflow draggable
-        style="background-color: #F3FAFE !important;">
-        <div class="top">
-            <el-button @click="" class="smallTitle" size="small">退款申请信息</el-button>
-            <div class="top-item">
-                <el-text style="width:4vw;" size="small">退款方式</el-text>
-                <el-select v-model="auditRow.refundModel" size="small" style="width:10vw;" disabled>
-                    <el-option label="全部退款" :value="0"></el-option>
-                    <el-option label="部分退款" :value="1"></el-option>
-                </el-select>
-            </div>
-            <div class="top-item">
-                <el-text style="width:4vw;" size="small">永久金币</el-text>
-                <el-input v-model="auditRow.gold" size="small" style="width:10vw;" disabled />&nbsp;个
-            </div>
-            <div class="top-item">
-                <el-text style="width:4vw;" size="small">免费金币</el-text>
-                <el-input v-model="auditRow.free" size="small" style="width:10vw;" disabled />&nbsp;个
-            </div>
-            <div class="top-item">
-                <el-text style="width:4vw;" size="small">退款理由</el-text>
-                <el-input v-model="auditRow.refundReason" size="small" style="width:10vw;" :rows="3" maxlength="100"
-                    show-word-limit type="textarea" disabled />
-            </div>
+        <div class="center-item">
+          <el-text style="width:4vw;" size="small">{{ $t('common_list.goodsName') }}</el-text>
+          <el-input v-model="auditRow.goodsName" size="small" style="width:10vw;" disabled />
         </div>
-        <el-button @click="" class="smallTitle" size="small">原订单信息</el-button>
-        <div class="center">
-            <div class="center-left">
-                <div class="center-item">
-                    <el-text style="width:4vw;" size="small">精网号</el-text>
-                    <el-input v-model="auditRow.jwcode" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="center-item">
-                    <el-text style="width:4vw;" size="small">所属地区</el-text>
-                    <el-input v-model="auditRow.marketName" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="center-item">
-                    <el-text style="width:4vw;" size="small">产品名称</el-text>
-                    <el-input v-model="auditRow.goodsName" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="center-item">
-                    <el-text style="width:4vw;" size="small">付款币种</el-text>
-                    <el-input v-model="auditRow.paymentCurrency" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="center-item">
-                    <el-text style="width:4vw;" size="small">付款金额</el-text>
-                    <el-input v-model="auditRow.paymentAmount" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="center-item">
-                    <el-text style="width:4vw;" size="small">付款时间</el-text>
-                    <el-input v-model="auditRow.payTime" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="center-item">
-                    <el-text style="width:4vw;">转账凭证</el-text>
-                    <img v-if="auditRow.payVoucher" :src="auditRow.payVoucher"
-                        style="width: 80px; height: 80px; object-fit: cover;">
-                    <div v-else>
-                        无转账凭证
-                    </div>
-                </div>
-            </div>
-            <div class="center-right">
-                <div class="right-item">
-                    <el-text style="width:4vw;" size="small">客户姓名</el-text>
-                    <el-input v-model="auditRow.name" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="right-item">
-                    <el-text style="width:4vw;" size="small">活动名称</el-text>
-                    <el-input v-model="auditRow.activity" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="right-item">
-                    <el-text style="width:4vw;" size="small">支付方式</el-text>
-                    <el-input v-model="auditRow.payType" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="right-item">
-                    <el-text style="width:4vw;" size="small">到账币种</el-text>
-                    <el-input v-model="auditRow.receivedCurrency" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="right-item">
-                    <el-text style="width:4vw;" size="small">到账金额</el-text>
-                    <el-input v-model="auditRow.receivedAmount" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="right-item">
-                    <el-text style="width:4vw;" size="small">到账时间</el-text>
-                    <el-input v-model="auditRow.receivedTime" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="right-item">
-                    <el-text style="width:4vw;" size="small">手续费</el-text>
-                    <el-input v-model="auditRow.handlingCharge" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="right-item">
-                    <el-text style="width:4vw;" size="small">提交人</el-text>
-                    <el-input v-model="auditRow.submitter" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="right-item">
-                    <el-text style="width:4vw;" size="small">备注</el-text>
-                    <el-input v-model="auditRow.remark" size="small" style="width:10vw;" :row="3" maxlength="100"
-                        type="textarea" show-word-limit disabled />
-                </div>
-            </div>
+        <div class="center-item">
+          <el-text style="width:4vw;" size="small">{{ $t('cash_refund.paymentCurrency') }}</el-text>
+          <el-input v-model="auditRow.paymentCurrency" size="small" style="width:10vw;" disabled />
         </div>
-        <div class="bottom">
-            <el-button class="smallTitle" size="small" v-show="showReject">驳回信息</el-button>
-            <div class="bottom-item" v-show="showReject">
-                <el-text style="width:4vw;" size="small">驳回备注</el-text>
-                <el-input v-model="addForm.remark" placeholder="请输入驳回备注" size="small" style="width:10vw;" :row="3"
-                    maxlength="100" type="textarea" show-word-limit clearable />
-            </div>
-            <div style="text-align: center;" v-show="!showReject">
-                <el-button type="default" @click="showReject = true">驳回</el-button>
-                <el-button type="primary" @click="handlePass">通过</el-button>
-            </div>
-            <div style="text-align: center;" v-show="showReject">
-                <el-button type="default" @click="hideReject">取消</el-button>
-                <el-button type="primary" @click="handleReject">确定</el-button>
-            </div>
+        <div class="center-item">
+          <el-text style="width:4vw;" size="small">{{ $t('cash_refund.paymentAmount') }}</el-text>
+          <el-input v-model="auditRow.paymentAmount" size="small" style="width:10vw;" disabled />
         </div>
-    </el-dialog>
-
-    <el-dialog v-model="showSteps" title="退款进度" overflow draggable width="1206px" height="506px" :style="{
+        <div class="center-item">
+          <el-text style="width:4vw;" size="small">{{ $t('common.payTime') }}</el-text>
+          <el-input v-model="auditRow.payTime" size="small" style="width:10vw;" disabled />
+        </div>
+        <div class="center-item">
+          <el-text style="width:4vw;">{{ $t('cash_refund.payVoucher') }}</el-text>
+          <img v-if="auditRow.payVoucher" :src="auditRow.payVoucher"
+               style="width: 80px; height: 80px; object-fit: cover;">
+          <div v-else>
+            {{ $t('cash_refund.noVoucher') }}
+          </div>
+        </div>
+      </div>
+      <div class="center-right">
+        <div class="right-item">
+          <el-text style="width:4vw;" size="small">{{ $t('common.customerName') }}</el-text>
+          <el-input v-model="auditRow.name" size="small" style="width:10vw;" disabled />
+        </div>
+        <div class="right-item">
+          <el-text style="width:4vw;" size="small">{{ $t('common.activityName') }}</el-text>
+          <el-input v-model="auditRow.activity" size="small" style="width:10vw;" disabled />
+        </div>
+        <div class="right-item">
+          <el-text style="width:4vw;" size="small">{{ $t('common_list.payModel') }}</el-text>
+          <el-input v-model="auditRow.payType" size="small" style="width:10vw;" disabled />
+        </div>
+        <div class="right-item">
+          <el-text style="width:4vw;" size="small">{{ $t('cash_refund.receivedCurrency') }}</el-text>
+          <el-input v-model="auditRow.receivedCurrency" size="small" style="width:10vw;" disabled />
+        </div>
+        <div class="right-item">
+          <el-text style="width:4vw;" size="small">{{ $t('cash_refund.receivedAmount') }}</el-text>
+          <el-input v-model="auditRow.receivedAmount" size="small" style="width:10vw;" disabled />
+        </div>
+        <div class="right-item">
+          <el-text style="width:4vw;" size="small">{{ $t('cash_refund.receivedTime') }}</el-text>
+          <el-input v-model="auditRow.receivedTime" size="small" style="width:10vw;" disabled />
+        </div>
+        <div class="right-item">
+          <el-text style="width:4vw;" size="small">{{ $t('cash_refund.handlingCharge') }}</el-text>
+          <el-input v-model="auditRow.handlingCharge" size="small" style="width:10vw;" disabled />
+        </div>
+        <div class="right-item">
+          <el-text style="width:4vw;" size="small">{{ $t('common_list.submitter') }}</el-text>
+          <el-input v-model="auditRow.submitter" size="small" style="width:10vw;" disabled />
+        </div>
+        <div class="right-item">
+          <el-text style="width:4vw;" size="small">{{ $t('common_list.remark') }}</el-text>
+          <el-input v-model="auditRow.remark" size="small" style="width:10vw;" :row="3" maxlength="100"
+                    type="textarea" show-word-limit disabled />
+        </div>
+      </div>
+    </div>
+    <div class="bottom">
+      <el-button class="smallTitle" size="small" v-show="showReject">{{ $t('cash_refund.rejectionInfo') }}</el-button>
+      <div class="bottom-item" v-show="showReject">
+        <el-text style="width:4vw;" size="small">{{ $t('cash_refund.rejectionRemark') }}</el-text>
+        <el-input v-model="addForm.remark" :placeholder="$t('cash_refund.placeholder.rejectionRemark')" size="small" style="width:10vw;" :row="3"
+                  maxlength="100" type="textarea" show-word-limit clearable />
+      </div>
+      <div style="text-align: center;" v-show="!showReject">
+        <el-button type="default" @click="showReject = true">{{ $t('common.reject') }}</el-button>
+        <el-button type="primary" @click="handlePass">{{ $t('common.pass') }}</el-button>
+      </div>
+      <div style="text-align: center;" v-show="showReject">
+        <el-button type="default" @click="hideReject">{{ $t('common.cancel') }}</el-button>
+        <el-button type="primary" @click="handleReject">{{ $t('common.confirm') }}</el-button>
+      </div>
+    </div>
+  </el-dialog>
+
+  <el-dialog v-model="showSteps" :title="$t('refundProgress.title')" overflow draggable width="1206px" height="506px" :style="{
         backgroundImage: `url(${RefundFinanceBackground})`,
         backgroundSize: 'cover',
         backgroundPosition: 'center'
     }">
-        <div class="steps">
-            <div class="steps-content">
-                <el-steps :active="currentStep" align-center>
-                    <el-step>
-                        <template #title>
-                            <div>
-                                提交人<br>{{ submitter || '未知提交人' }}
-                            </div>
-                        </template>
-                        <template #icon>
-                            <img src="@/assets/images/refund-approved.png" alt="已完成">
-                        </template>
-                    </el-step>
-
-                    <el-step>
-                        <template #title>
-                            <div>
-                                地区财务<br>{{ areaFinance || '未记录审核人' }}
-                            </div>
-                        </template>
-                        <template #icon>
-                            <img v-if="currentStep === 2" src="@/assets/images/refund-rejected.png" alt="已驳回">
-                            <img v-else-if="currentStep === 1" src="@/assets/images/refund-approving.png" alt="待审核">
-                            <img v-else-if="currentStep > 2" src="@/assets/images/refund-approved.png" alt="已审核">
-                        </template>
-                    </el-step>
-
-                    <el-step>
-                        <template #title>
-                            <div>
-                                地区负责人<br>{{ areaCharge || '未记录审核人' }}
-                            </div>
-                        </template>
-                        <template #icon>
-                            <img v-if="currentStep === 4" src="@/assets/images/refund-rejected.png" alt="已驳回">
-                            <img v-else-if="currentStep === 3" src="@/assets/images/refund-approving.png" alt="待审核">
-                            <img v-else-if="currentStep > 3 && currentStep != 4"
-                                src="@/assets/images/refund-approved.png" alt="已审核">
-                            <img v-else-if="currentStep < 3" src="@/assets/images/refund-waiting.png" alt="未开始">
-                        </template>
-                    </el-step>
-
-                    <el-step>
-                        <template #title>
-                            <div>
-                                总部财务<br>{{ headFinance || '未记录审核人' }}
-                            </div>
-                        </template>
-                        <template #icon>
-                            <img v-if="currentStep === 6" src="@/assets/images/refund-rejected.png" alt="已驳回">
-                            <img v-else-if="currentStep === 5" src="@/assets/images/refund-approving.png" alt="待审核">
-                            <img v-else-if="currentStep > 5 && currentStep != 6"
-                                src="@/assets/images/refund-approved.png" alt="已审核">
-                            <img v-else-if="currentStep < 5" src="@/assets/images/refund-waiting.png" alt="未开始">
-                        </template>
-                    </el-step>
-
-                    <el-step>
-                        <template #title>
-                            <div>
-                                指定执行人<br>{{ executor || '未记录执行人' }}
-                            </div>
-                        </template>
-                        <template #icon>
-                            <img v-if="currentStep === 7" src="@/assets/images/refund-approving.png" alt="待处理">
-                            <img v-else-if="currentStep === 8" src="@/assets/images/refund-approved.png" alt="已完成">
-                            <img v-else-if="currentStep < 7" src="@/assets/images/refund-waiting.png" alt="未开始">
-                        </template>
-                    </el-step>
-                </el-steps>
-            </div>
-            <div class="steps-btn">
-                <el-button type="primary" @click="showSteps = false">确定</el-button>
-            </div>
-        </div>
-    </el-dialog>
-
-    <el-dialog v-model="exportListVisible" title="导出列表" width="80%">
-        <el-table :data="exportList" style="width: 100% ;height: 60vh;" :loading="exportListLoading">
-            <el-table-column prop="fileName" label="文件名" />
-            <el-table-column prop="state" label="状态">
-                <template #default="scope">
-                    <el-tag :type="getTagType(scope.row.state)" :effect="scope.row.state === 3 ? 'light' : 'plain'">
-                        {{ getTagText(scope.row.state) }}
-                    </el-tag>
-                </template>
-            </el-table-column>
-            <el-table-column prop="createTime" label="创建时间">
-                <template #default="scope">
-                    {{ moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') }}
-                </template>
-            </el-table-column>
-            <el-table-column label="操作">
-                <template #default="scope">
-                    <el-button type="primary" size="small" @click="downloadExportFile(scope.row)"
-                        :disabled="scope.row.state !== 2">
-                        下载
-                    </el-button>
-                </template>
-            </el-table-column>
-        </el-table>
-        <template #footer>
-            <div class="dialog-footer">
-                <el-button text @click="exportListVisible = false">关闭</el-button>
-            </div>
+    <div class="steps">
+      <div class="steps-content">
+        <el-steps :active="currentStep" align-center>
+          <el-step>
+            <template #title>
+              <div>
+                {{ $t('refundProgress.submitter') }}<br>{{ submitter || t('refundProgress.unknownSubmitter') }}
+              </div>
+            </template>
+            <template #icon>
+              <img src="@/assets/images/refund-approved.png" alt="Completed">
+            </template>
+          </el-step>
+
+          <el-step>
+            <template #title>
+              <div>
+                {{ $t('refundProgress.areaFinance') }}<br>{{ areaFinance || t('refundProgress.notRecorded') }}
+              </div>
+            </template>
+            <template #icon>
+              <img v-if="currentStep === 2" src="@/assets/images/refund-rejected.png" alt="Rejected">
+              <img v-else-if="currentStep === 1" src="@/assets/images/refund-approving.png" alt="Pending">
+              <img v-else-if="currentStep > 2" src="@/assets/images/refund-approved.png" alt="Approved">
+            </template>
+          </el-step>
+
+          <el-step>
+            <template #title>
+              <div>
+                {{ $t('refundProgress.areaCharge') }}<br>{{ areaCharge || t('refundProgress.notRecorded') }}
+              </div>
+            </template>
+            <template #icon>
+              <img v-if="currentStep === 4" src="@/assets/images/refund-rejected.png" alt="Rejected">
+              <img v-else-if="currentStep === 3" src="@/assets/images/refund-approving.png" alt="Pending">
+              <img v-else-if="currentStep > 3 && currentStep != 4"
+                   src="@/assets/images/refund-approved.png" alt="Approved">
+              <img v-else-if="currentStep < 3" src="@/assets/images/refund-waiting.png" alt="Not Started">
+            </template>
+          </el-step>
+
+          <el-step>
+            <template #title>
+              <div>
+                {{ $t('refundProgress.headFinance') }}<br>{{ headFinance || t('refundProgress.notRecorded') }}
+              </div>
+            </template>
+            <template #icon>
+              <img v-if="currentStep === 6" src="@/assets/images/refund-rejected.png" alt="Rejected">
+              <img v-else-if="currentStep === 5" src="@/assets/images/refund-approving.png" alt="Pending">
+              <img v-else-if="currentStep > 5 && currentStep != 6"
+                   src="@/assets/images/refund-approved.png" alt="Approved">
+              <img v-else-if="currentStep < 5" src="@/assets/images/refund-waiting.png" alt="Not Started">
+            </template>
+          </el-step>
+
+          <el-step>
+            <template #title>
+              <div>
+                {{ $t('refundProgress.executor') }}<br>{{ executor || t('refundProgress.notRecorded') }}
+              </div>
+            </template>
+            <template #icon>
+              <img v-if="currentStep === 7" src="@/assets/images/refund-approving.png" alt="Pending">
+              <img v-else-if="currentStep === 8" src="@/assets/images/refund-approved.png" alt="Completed">
+              <img v-else-if="currentStep < 7" src="@/assets/images/refund-waiting.png" alt="Not Started">
+            </template>
+          </el-step>
+        </el-steps>
+      </div>
+      <div class="steps-btn">
+        <el-button type="primary" @click="showSteps = false">{{ $t('common.confirm') }}</el-button>
+      </div>
+    </div>
+  </el-dialog>
+
+  <el-dialog v-model="exportListVisible" :title="$t('common_export.exportList')" width="80%">
+    <el-table :data="exportList" style="width: 100% ;height: 60vh;" :loading="exportListLoading">
+      <el-table-column prop="fileName" :label="$t('common_export.fileName')" />
+      <el-table-column prop="state" :label="$t('common_export.status')">
+        <template #default="scope">
+          <el-tag :type="getTagType(scope.row.state)" :effect="scope.row.state === 3 ? 'light' : 'plain'">
+            {{ getTagText(scope.row.state) }}
+          </el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column prop="createTime" :label="$t('common_export.createTime')">
+        <template #default="scope">
+          {{ moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') }}
         </template>
-    </el-dialog>
+      </el-table-column>
+      <el-table-column :label="$t('common_export.operation')">
+        <template #default="scope">
+          <el-button type="primary" size="small" @click="downloadExportFile(scope.row)"
+                     :disabled="scope.row.state !== 2">
+            {{ $t('common_export.download') }}
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button text @click="exportListVisible = false">{{ $t('common_export.close') }}</el-button>
+      </div>
+    </template>
+  </el-dialog>
 </template>
+
 <script setup>
 import { ref, onMounted } from 'vue'
 import { ElMessage } from 'element-plus'
 import API from '@/util/http.js'
-const uploadUrl = 'https://api.homilychart.com/hljw/api/aws/upload'
+const uploadUrl = 'https://api.homilychart.com/hljw/api/aws/upload  '
 import { useAdminStore } from "@/store/index.js"
 import { storeToRefs } from "pinia"
 import dayjs from 'dayjs'
@@ -349,26 +350,27 @@ import { permissionMapping, findMenuById, hasMenuPermission } from "@/utils/menu
 import moment from 'moment'
 import { productList, CurrencyForId } from '@/views/moneyManage/receiveDetail/utils/staticData.js'
 import RefundFinanceBackground from '@/assets/images/refund-progress.png'
-import { isNumber } from 'lodash'
+import { useI18n } from 'vue-i18n'
+const { t } = useI18n()
 
 const currentStep = ref(0)// 进度图
 const searchForm = ref({
-    jwcode: '',
-    markets: []
+  jwcode: '',
+  markets: []
 })
 const dateRange = ref([])
 const addForm = ref({
-    remark: ''
+  remark: ''
 })
 const auditForm = ref({
-    refundType: ''
+  refundType: ''
 })
 const isReject = ref(false)// 进度图有没有驳回状态
 const showReject = ref(false)
 const pagination = ref({
-    pageNum: 1,
-    pageSize: 50,
-    total: 0
+  pageNum: 1,
+  pageSize: 50,
+  total: 0
 })
 const market = ref([])
 const tableData = ref([])
@@ -386,551 +388,557 @@ const exportList = ref([])
 // 导出列表加载状态
 const exportListLoading = ref(false)
 const payments = ref([{
-    value: '银行转账',
-    label: '银行转账'
+  value: '银行转账',
+  label: '银行转账'
 },
-{
+  {
     value: '现金',
     label: '现金'
-},
-{
+  },
+  {
     value: '支票',
     label: '支票'
-},
-{
+  },
+  {
     value: '刷卡',
     label: '刷卡'
-},
-{
+  },
+  {
     value: 'Grabpay',
     label: 'Grabpay'
-},
-{
+  },
+  {
     value: 'Nets',
     label: 'Nets'
-},
-{
+  },
+  {
     value: 'PayPal',
     label: 'PayPal'
-},
-{
+  },
+  {
     value: 'Stripe-链接收款',
     label: 'Stripe-链接收款'
-},
-{
+  },
+  {
     value: 'Ipay88-链接收款',
     label: 'Ipay88-链接收款'
-},
-{
+  },
+  {
     value: 'PaymentAsia-链接收款',
     label: 'PaymentAsia-链接收款'
-},
-{
+  },
+  {
     value: 'Stripe-Link平台',
     label: 'Stripe-Link平台'
-},
-{
+  },
+  {
     value: 'PaymentAsia-Link平台',
     label: 'PaymentAsia-Link平台'
-},
-{
+  },
+  {
     value: 'FirstData-Link平台-Link平台',
     label: 'FirstData-Link平台-Link平台'
-},
-{
+  },
+  {
     value: 'IOS-Link平台',
     label: 'IOS-Link平台'
-},
-{
+  },
+  {
     value: 'Ipay88-Link平台',
     label: 'Ipay88-Link平台'
-}
+  }
 ])
+
+// 映射：status → [step, isReject]
 const statusStepMap = {
-    10: [1, false],
-    12: [2, true],
-    20: [3, false],
-    22: [4, true],
-    30: [5, false],
-    32: [6, true],
-    40: [7, false],
-    41: [8, false]
+  10: [1, false],
+  12: [2, true],
+  20: [3, false],
+  22: [4, true],
+  30: [5, false],
+  32: [6, true],
+  40: [7, false],
+  41: [8, false]
 }
-const statusList = ref(['待审核', '审核通过', '已驳回', '退款成功'])
+
+// 状态列表 key 化（用于 i18n）
+const statusList = ref(['waitAudit', 'passed', 'rejected', 'RefundSuccessful'])
+
 // 查全部
 const getRefund = async function () {
-    if (!hasMenuPermission(menuTree.value, permissionMapping.view_area_finance_refund)) {
-        ElMessage.error('无此权限')
-        return
+  if (!hasMenuPermission(menuTree.value, permissionMapping.view_area_finance_refund)) {
+    ElMessage.error(t('elmessage.noPermissionAreaRefundView'))
+    return
+  }
+  try {
+    const statusParam = ref([10, 20, 22, 30, 32, 40, 41])
+    if (searchForm.value.statuses === 'passed') {
+      statusParam.value = [20, 30, 40]
+    } else if (searchForm.value.statuses === 'rejected') {
+      statusParam.value = [12, 22, 32]
+    } else if (searchForm.value.statuses === 'waitAudit') {
+      statusParam.value = [10]
+    } else if (searchForm.value.statuses === 'RefundSuccessful') {
+      statusParam.value = [41]
+    } else {
+      statusParam.value = [10, 20, 22, 30, 32, 40, 41]
+    }
+
+    const goodsName = searchForm.value.goodsName && searchForm.value.goodsName.length > 0
+        ? searchForm.value.goodsName[searchForm.value.goodsName.length - 1] : ''
+
+    if (searchForm.value.jwcode) {
+      const isPositiveInteger = /^[1-9]\d*$/.test(searchForm.value.jwcode);
+      if (!isPositiveInteger) {
+        ElMessage.error(t('elmessage.invalidJwcodeFormat'))
+        return;
+      }
+    }
+    if (searchForm.value.jwcode.length > 8) {
+      ElMessage.error(t('elmessage.jwcodeTooLong'))
+      return;
     }
-    try {
-        const statusParam = ref([10, 20, 22, 30, 32, 40, 41])
-        if (searchForm.value.statuses === '审核通过') {
-            statusParam.value = [20, 30, 40]
-        } else if (searchForm.value.statuses === '已驳回') {
-            statusParam.value = [12, 22, 32]
-        } else if (searchForm.value.statuses === '待审核') {
-            statusParam.value = [10]
-        } else if (searchForm.value.statuses === '退款成功') {
-            statusParam.value = [41]
-        } else {
-            statusParam.value = [10, 20, 22, 30, 32, 40, 41]
-        }
-
-        const goodsName = searchForm.value.goodsName && searchForm.value.goodsName.length > 0
-            ? searchForm.value.goodsName[searchForm.value.goodsName.length - 1] : ''
-
-        if (searchForm.value.jwcode) {
-            const isPositiveInteger = /^[1-9]\d*$/.test(searchForm.value.jwcode);
-            if (!isPositiveInteger) {
-                ElMessage.error('请输入正确的精网号')
-                return;
-            }
-        }
-        // 增加精网号长度限制，防止后端400错误
-        if (searchForm.value.jwcode.length > 8) {
-            ElMessage.error('精网号长度不能超过8位')
-            return;
-        }
-
-        const params = {
-            pageNum: pagination.value.pageNum,
-            pageSize: pagination.value.pageSize,
-            cashRecordDTO: {
-                jwcode: searchForm.value.jwcode,//精网号
-                name: searchForm.value.name,//姓名
-                markets: searchForm.value.markets && searchForm.value.markets.length > 0 ? [searchForm.value.markets[searchForm.value.markets.length - 1]] : [],
-                goodsName: goodsName,//商品名
-                statuses: statusParam.value,//10：地区财务待审核；12：地区财务驳回；
-                // 20：地区负责人待审核；22：地区负责人驳回；
-                // 30：总部财务待审核；32：总部财务驳回；
-                // 40：执行人待处理；41：执行人已处理，退款完成；
-                paymentCurrency: CurrencyForId(searchForm.value.paymentCurrency),//付款币种
-                payType: searchForm.value.payType,//支付方式
-                startTime: dateRange.value && dateRange.value[0] ? dayjs(dateRange.value[0]).format('YYYY-MM-DD HH:mm:ss') : "",
-                endTime: dateRange.value && dateRange.value[1] ? dayjs(dateRange.value[1]).format('YYYY-MM-DD HH:mm:ss') : "",
-                adminId: adminData.value.id
-            }
-        }
-
-        const result = await API({
-            url: '/Money/select',
-            method: 'POST',
-            data: params
-        })
-
-        tableData.value = result.data.list || []
-        pagination.value.total = result.data.total || 0
-    } catch (error) {
-        ElMessage.error(error.message || '查询失败')
+
+    const params = {
+      pageNum: pagination.value.pageNum,
+      pageSize: pagination.value.pageSize,
+      cashRecordDTO: {
+        jwcode: searchForm.value.jwcode,
+        name: searchForm.value.name,
+        markets: searchForm.value.markets && searchForm.value.markets.length > 0 ? [searchForm.value.markets[searchForm.value.markets.length - 1]] : [],
+        goodsName: goodsName,
+        statuses: statusParam.value,
+        paymentCurrency: CurrencyForId(searchForm.value.paymentCurrency),
+        payType: searchForm.value.payType,
+        startTime: dateRange.value && dateRange.value[0] ? dayjs(dateRange.value[0]).format('YYYY-MM-DD HH:mm:ss') : "",
+        endTime: dateRange.value && dateRange.value[1] ? dayjs(dateRange.value[1]).format('YYYY-MM-DD HH:mm:ss') : "",
+        adminId: adminData.value.id
+      }
     }
+
+    const result = await API({
+      url: '/Money/select',
+      method: 'POST',
+      data: params
+    })
+
+    tableData.value = result.data.list || []
+    pagination.value.total = result.data.total || 0
+  } catch (error) {
+    ElMessage.error(error.message || t('elmessage.requestFailed'))
+  }
 }
+
 // 审核通过
 const handlePass = async function () {
-    if (!hasMenuPermission(menuTree.value, permissionMapping.audit_area_finance_refund)) {
-        ElMessage.error('无此权限')
-        return
+  if (!hasMenuPermission(menuTree.value, permissionMapping.audit_area_finance_refund)) {
+    ElMessage.error(t('elmessage.noPermissionAreaRefundAudit'))
+    return
+  }
+  try {
+    const params = {
+      id: auditRow.value.id,
+      status: 20,
+      areaFinance: adminData.value.adminName,
+      auditId: auditRow.value.auditId,
+      relatedId: auditRow.value.relatedId
     }
-    try {
-        const params = {
-            id: auditRow.value.id,
-            status: 20,
-            areaFinance: adminData.value.adminName,
-            auditId: auditRow.value.auditId,
-            relatedId: auditRow.value.relatedId
-        }
-        const result = await API({
-            url: '/Money/review',
-            data: params
-        })
-        if (result.code === 200) {
-            ElMessage.success('审核通过')
-            showAudit.value = false
-            getRefund()
-        }
-    } catch (error) {
-        ElMessage.error(error.message || '审核失败')
+    const result = await API({
+      url: '/Money/review',
+      params
+    })
+    if (result.code === 200) {
+      ElMessage.success(t('elmessage.approveSuccess'))
+      showAudit.value = false
+      getRefund()
+    } else {
+      ElMessage.error(result.msg || t('elmessage.approveFailed'))
     }
+  } catch (error) {
+    ElMessage.error(error.message || t('elmessage.approveFailed'))
+  }
 }
+
 // 审核驳回
 const handleReject = async function () {
-    if (!hasMenuPermission(menuTree.value, permissionMapping.audit_area_finance_refund)) {
-        ElMessage.error('无此权限')
-        return
+  if (!hasMenuPermission(menuTree.value, permissionMapping.audit_area_finance_refund)) {
+    ElMessage.error(t('elmessage.noPermissionAreaRefundAudit'))
+    return
+  }
+  if (!addForm.value.remark.trim()) {
+    ElMessage.warning(t('elmessage.rejectReasonPlaceholder'))
+    return
+  }
+  try {
+    const params = {
+      id: auditRow.value.id,
+      status: 12,
+      rejectReason: addForm.value.remark.trim(),
+      areaFinance: adminData.value.adminName,
+      auditId: auditRow.value.auditId,
+      orderCode: auditRow.value.orderCode,
+      relatedId: auditRow.value.relatedId
     }
-    try {
-        const params = {
-            id: auditRow.value.id,
-            status: 12,
-            rejectReason: addForm.value.remark,
-            areaFinance: adminData.value.adminName,
-            auditId: auditRow.value.auditId,
-            orderCode: auditRow.value.orderCode,
-            relatedId: auditRow.value.relatedId
-        }
-        const result = await API({
-            url: '/Money/review',
-            data: params
-        })
-        if (result.code === 200) {
-            ElMessage.success('审核驳回')
-            showAudit.value = false
-            getRefund()
-            addForm.value.remark = ''
-            showReject.value = false
-        }
-    } catch (error) {
-        ElMessage.error(error.message || '审核失败')
+    const result = await API({
+      url: '/Money/review',
+      params
+    })
+    if (result.code === 200) {
+      ElMessage.success(t('elmessage.rejectSuccess'))
+      showAudit.value = false
+      getRefund()
+      addForm.value.remark = ''
+      showReject.value = false
+    } else {
+      ElMessage.error(result.msg || t('elmessage.rejectFailed'))
     }
+  } catch (error) {
+    ElMessage.error(error.message || t('elmessage.rejectFailed'))
+  }
 }
+
 const currencies = ref(['美元(USD)', '港币(HKD)', '新币(SGD)', '马币(MYR)', '泰铢(THB)', '加币(CAD)', '越南盾(VDN)', '韩元(KRW)'])
 const channelOptions = ref(["Stripe-链接收款", "PaymentAsia-链接收款", "Ipay88-链接收款", "银行转账", "刷卡", "现金", "支票", "Grabpay", "Nets", "E-Transfer", "Paypal"])
 
 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.id,
-                    label: child.name,
-                    children: grandchildren
-                };
-            });
+  try {
+    const result = await API({
+      url: '/market/selectMarket',
+    })
+    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.id,
+          label: child.name,
+          children: grandchildren
         };
-        market.value = transformTree(result.data)
-        console.log('转换后的地区树==============', market.value)
-    } catch (error) {
-        console.log('请求失败', error)
-    }
+      });
+    };
+    market.value = transformTree(result.data)
+  } catch (error) {
+    console.log('请求失败', error)
+  }
 }
-const showStep = function (row) {
-    if (!hasMenuPermission(menuTree.value, permissionMapping.track_area_finance_refund_progress)) {
-        ElMessage.error('无此权限')
-        return
-    }
-
-    isReject.value = false
-    submitter.value = row.submitter || ''
-    areaFinance.value = row.areaFinance || ''
-    areaCharge.value = row.areaCharge || ''
-    headFinance.value = row.headFinance || ''
-    executor.value = row.executorName || ''
-    currentStep.value = 1
-
-    const status = row.status
-    if (statusStepMap[status]) {
-        const [step, reject] = statusStepMap[status]
-        currentStep.value = step
-        isReject.value = reject
-    }
 
-    console.log('步骤条状态', currentStep.value)
-    showSteps.value = true
+const showStep = function (row) {
+  if (!hasMenuPermission(menuTree.value, permissionMapping.track_area_finance_refund_progress)) {
+    ElMessage.error(t('elmessage.noPermissionAreaRefundTrack'))
+    return
+  }
+
+  isReject.value = false
+  submitter.value = row.submitter || ''
+  areaFinance.value = row.areaFinance || ''
+  areaCharge.value = row.areaCharge || ''
+  headFinance.value = row.headFinance || ''
+  executor.value = row.executorName || ''
+  currentStep.value = 1
+
+  const status = row.status
+  if (statusStepMap[status]) {
+    const [step, reject] = statusStepMap[status]
+    currentStep.value = step
+    isReject.value = reject
+  }
+
+  showSteps.value = true
 }
-const exportExcel = async function () {
-    const statusParam = ref([10, 20, 22, 30, 32, 40, 41])
-    if (searchForm.value.statuses === '审核通过') {
-        statusParam.value = [20, 30, 40]
-    } else if (searchForm.value.statuses === '已驳回') {
-        statusParam.value = [12, 22, 32]
-    } else if (searchForm.value.statuses === '待审核') {
-        statusParam.value = [10]
-    } else if (searchForm.value.statuses === '退款成功') {
-        statusParam.value = [41]
-    } else {
-        statusParam.value = [10, 20, 22, 30, 32, 40, 41]
-    }
 
-    const goodsName = searchForm.value.goodsName && searchForm.value.goodsName.length > 0
-        ? searchForm.value.goodsName[searchForm.value.goodsName.length - 1] : '';
-
-    if (searchForm.value.jwcode) {
-        const isPositiveInteger = /^[1-9]\d*$/.test(searchForm.value.jwcode);
-        if (!isPositiveInteger) {
-            ElMessage.error('请输入正确的精网号')
-            return;
-        }
-    }
-    // 增加精网号长度限制，防止后端400错误
-    if (searchForm.value.jwcode.length > 8) {
-        ElMessage.error('精网号长度不能超过8位')
-        return;
-    }
-
-    const params = {
-        pageNum: pagination.value.pageNum,
-        pageSize: pagination.value.pageSize,
-        cashRecordDTO: {
-            jwcode: searchForm.value.jwcode,//精网号
-            name: searchForm.value.name,//姓名
-            markets: searchForm.value.markets && searchForm.value.markets.length > 0 ? [searchForm.value.markets[searchForm.value.markets.length - 1]] : [],
-            goodsName: goodsName,//商品名
-            statuses: statusParam.value,//10：地区财务待审核；12：地区财务驳回；
-            // 20：地区负责人待审核；22：地区负责人驳回；
-            // 30：总部财务待审核；32：总部财务驳回；
-            // 40：执行人待处理；41：执行人已处理，退款完成；
-            paymentCurrency: CurrencyForId(searchForm.value.paymentCurrency),//付款币种
-            payType: searchForm.value.payType,//支付方式
-            startTime: dateRange.value && dateRange.value[0] ? dayjs(dateRange.value[0]).format('YYYY-MM-DD HH:mm:ss') : "",
-            endTime: dateRange.value && dateRange.value[1] ? dayjs(dateRange.value[1]).format('YYYY-MM-DD HH:mm:ss') : "",
-            adminId: adminData.value.id
-        }
+const exportExcel = async function () {
+  const statusParam = ref([10, 20, 22, 30, 32, 40, 41])
+  if (searchForm.value.statuses === 'passed') {
+    statusParam.value = [20, 30, 40]
+  } else if (searchForm.value.statuses === 'rejected') {
+    statusParam.value = [12, 22, 32]
+  } else if (searchForm.value.statuses === 'waitAudit') {
+    statusParam.value = [10]
+  } else if (searchForm.value.statuses === 'RefundSuccessful') {
+    statusParam.value = [41]
+  } else {
+    statusParam.value = [10, 20, 22, 30, 32, 40, 41]
+  }
+
+  const goodsName = searchForm.value.goodsName && searchForm.value.goodsName.length > 0
+      ? searchForm.value.goodsName[searchForm.value.goodsName.length - 1] : '';
+
+  if (searchForm.value.jwcode) {
+    const isPositiveInteger = /^[1-9]\d*$/.test(searchForm.value.jwcode);
+    if (!isPositiveInteger) {
+      ElMessage.error(t('elmessage.invalidJwcodeFormat'))
+      return;
     }
-
-    const res = await API({ url: '/export/exportFinance', data: params })
-    if (res.code === 200) {
-        ElMessage.success('导出成功')
-    } else {
-        ElMessage.error(res.msg || '导出失败')
+  }
+  if (searchForm.value.jwcode.length > 8) {
+    ElMessage.error(t('elmessage.jwcodeTooLong'))
+    return;
+  }
+
+  const params = {
+    pageNum: pagination.value.pageNum,
+    pageSize: pagination.value.pageSize,
+    cashRecordDTO: {
+      jwcode: searchForm.value.jwcode,
+      name: searchForm.value.name,
+      markets: searchForm.value.markets && searchForm.value.markets.length > 0 ? [searchForm.value.markets[searchForm.value.markets.length - 1]] : [],
+      goodsName: goodsName,
+      statuses: statusParam.value,
+      paymentCurrency: CurrencyForId(searchForm.value.paymentCurrency),
+      payType: searchForm.value.payType,
+      startTime: dateRange.value && dateRange.value[0] ? dayjs(dateRange.value[0]).format('YYYY-MM-DD HH:mm:ss') : "",
+      endTime: dateRange.value && dateRange.value[1] ? dayjs(dateRange.value[1]).format('YYYY-MM-DD HH:mm:ss') : "",
+      adminId: adminData.value.id
     }
+  }
+
+  const res = await API({ url: '/export/exportFinance', data: params })
+  if (res.code === 200) {
+    ElMessage.success(t('elmessage.exportSuccess'))
+  } else {
+    ElMessage.error(res.msg || t('elmessage.exportFailed'))
+  }
 }
+
 const openExportList = () => {
-    getExportList()
-    exportListVisible.value = true
+  getExportList()
+  exportListVisible.value = true
 }
+
 const getExportList = async () => {
-    exportListLoading.value = true
-    try {
-        const result = await API({ url: '/export/export' })
-        if (result.code === 200) {
-            const filteredData = result.data.filter(item => {
-                return item.type === 12
-            })
-            exportList.value = filteredData
-        } else {
-            ElMessage.error(result.msg || '获取导出列表失败')
-        }
-    } catch (error) {
-        console.error('获取导出列表出错:', error)
-        ElMessage.error('获取导出列表失败，请稍后重试')
-    } finally {
-        exportListLoading.value = false
+  exportListLoading.value = true
+  try {
+    const result = await API({ url: '/export/export' })
+    if (result.code === 200) {
+      const filteredData = result.data.filter(item => item.type === 12) // 12=地区财务导出
+      exportList.value = filteredData
+    } else {
+      ElMessage.error(result.msg || t('elmessage.getExportListError'))
     }
+  } catch (error) {
+    console.error('获取导出列表出错:', error)
+    ElMessage.error(t('elmessage.getExportListError'))
+  } finally {
+    exportListLoading.value = false
+  }
 }
+
 const downloadExportFile = (item) => {
-    if (item.state === 2) {
-        const link = document.createElement('a')
-        link.href = item.url
-        link.download = item.fileName
-        link.click()
-    } else {
-        ElMessage.warning('文件还在导出中，请稍后再试')
-    }
+  if (item.state === 2) {
+    const link = document.createElement('a')
+    link.href = item.url
+    link.download = item.fileName
+    link.click()
+  } else {
+    ElMessage.warning(t('elmessage.exportingInProgress'))
+  }
 }
-//根据状态返回对应的标签类型
+
 const getTagType = (state) => {
-    switch (state) {
-        case 0:
-            return 'info';
-        case 1:
-            return 'primary';
-        case 2:
-            return 'success';
-        case 3:
-            return 'danger';
-        default:
-            return 'info';
-    }
+  switch (state) {
+    case 0: return 'info';
+    case 1: return 'primary';
+    case 2: return 'success';
+    case 3: return 'danger';
+    default: return 'info';
+  }
 }
-//根据状态返回对应的标签文案
+
 const getTagText = (state) => {
-    switch (state) {
-        case 0:
-            return '待执行';
-        case 1:
-            return '执行中';
-        case 2:
-            return '执行完成';
-        case 3:
-            return '执行出错';
-        default:
-            return '未知状态';
-    }
+  switch (state) {
+    case 0: return t('elmessage.pendingExecution');
+    case 1: return t('elmessage.executing');
+    case 2: return t('elmessage.executed');
+    case 3: return t('elmessage.errorExecution');
+    default: return t('elmessage.unknownStatus');
+  }
 }
+
 const showAudit2 = function (row) {
-    auditRow.value = row
-    showAudit.value = true
+  auditRow.value = row
+  showAudit.value = true
 }
+
 const reset = function () {
-    searchForm.value = {
-        jwcode: '',
-        markets: [],
-        statuses: []
-    }
-    // 重置页码
-    pagination.value.pageNum = 1
-    dateRange.value = []
-    getRefund()
+  searchForm.value = {
+    jwcode: '',
+    markets: [],
+    statuses: []
+  }
+  pagination.value.pageNum = 1
+  dateRange.value = []
+  getRefund()
 }
+
 const hideReject = function () {
-    showReject.value = false
-    addForm.value.remark = ''
+  showReject.value = false
+  addForm.value.remark = ''
 }
+
 const defaultTime = [
-    new Date(2000, 1, 1, 0, 0, 0),
-    new Date(2000, 2, 1, 23, 59, 59),
+  new Date(2000, 1, 1, 0, 0, 0),
+  new Date(2000, 2, 1, 23, 59, 59),
 ]
+
 const disabledDate = (time) => {
-    const limitDate = new Date(2025, 0, 1);
-    return time.getTime() < limitDate.getTime();
+  const limitDate = new Date(2025, 0, 1);
+  return time.getTime() < limitDate.getTime();
 }
+
 const handlePageSizeChange = function (val) {
-    pagination.value.pageSize = val
-    getRefund()
+  pagination.value.pageSize = val
+  getRefund()
 }
+
 const handleCurrentChange = function (val) {
-    pagination.value.pageNum = val
-    getRefund()
+  pagination.value.pageNum = val
+  getRefund()
 }
+
+const handleDatePickerChange = () => {
+  // 可选：若需清除其他时间快捷按钮状态
+}
+
 onMounted(() => {
-    console.log('???????????????????', adminData.value)
-    getRefund()
-    getMarket()
+  getRefund()
+  getMarket()
 })
 </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;
+  background-color: #F3FAFE !important;
 }
 
 :deep(.el-table__header th) {
-    background-color: #F3FAFE !important;
+  background-color: #F3FAFE !important;
 }
 
 .condition {
-    width: 82vw;
+  width: 82vw;
+  display: flex;
+  align-items: center;
+  height: 4vh;
+
+  .item1 {
+    width: 18%;
     display: flex;
     align-items: center;
-    height: 4vh;
+    margin-bottom: 1vh;
+    margin-right: 0.5vw;
+  }
 
-    .item1 {
-        width: 18%;
-        display: flex;
-        align-items: center;
-        margin-bottom: 1vh;
-        margin-right: 0.5vw;
-    }
-
-    .item2 {
-        width: 18%;
-        display: flex;
-        align-items: center;
-        margin-right: 0.5vw;
-    }
+  .item2 {
+    width: 18%;
+    display: flex;
+    align-items: center;
+    margin-right: 0.5vw;
+  }
 }
 
 .audit {
-    display: flex;
-    justify-content: center;
-    height: auto;
-    min-height: 40vh;
+  display: flex;
+  justify-content: center;
+  height: auto;
+  min-height: 40vh;
+
+  .top {
+    width: 30vw;
+    height: 22vh;
+
+    .top-item {
+      display: flex;
+      align-items: center;
+      margin-bottom: 1vh;
+    }
+  }
+
+  .smallTitle {
+    background-color: white;
+    color: rgb(64, 158, 255);
+    border-color: rgb(64, 158, 255);
+    margin-bottom: 0.5vh;
+  }
 
-    .top {
-        width: 30vw;
-        height: 22vh;
+  .center {
+    display: flex;
+    width: 30vw;
+    height: 35vh;
 
-        .top-item {
-            display: flex;
-            align-items: center;
-            margin-bottom: 1vh;
-        }
+    .dialog-item {
+      display: flex;
+      align-items: center;
+      margin-bottom: 1vh;
     }
 
-    .smallTitle {
-        background-color: white;
-        color: rgb(64, 158, 255);
-        border-color: rgb(64, 158, 255);
-        margin-bottom: 0.5vh;
+    .center-left {
+      width: 60%;
+      height: 35vh;
+
+      .image {
+        width: 4vw !important;
+        height: 4vw !important;
+      }
+
+      :deep(.el-upload--picture-card) {
+        width: 4vw !important;
+        height: 4vw !important;
+        padding: 0 !important;
+      }
+
+      .center-item {
+        display: flex;
+        align-items: center;
+        margin-bottom: 1vh;
+      }
     }
 
-    .center {
+    .center-right {
+      height: 35vh;
+
+      .right-item {
         display: flex;
-        width: 30vw;
-        height: 35vh;
-
-        .dialog-item {
-            display: flex;
-            align-items: center;
-            margin-bottom: 1vh;
-        }
-
-        .center-left {
-            width: 60%;
-            height: 35vh;
-
-            .image {
-                width: 4vw !important;
-                height: 4vw !important;
-            }
-
-            :deep(.el-upload--picture-card) {
-                width: 4vw !important;
-                height: 4vw !important;
-                padding: 0 !important;
-            }
-
-            .center-item {
-                display: flex;
-                align-items: center;
-                margin-bottom: 1vh;
-            }
-        }
-
-        .center-right {
-            height: 35vh;
-
-            .right-item {
-                display: flex;
-                align-items: center;
-                margin-bottom: 1vh;
-            }
-        }
+        align-items: center;
+        margin-bottom: 1vh;
+      }
     }
+  }
 
-    .bottom {
-        width: 30vw;
-        height: auto;
-        padding-bottom: 1vh;
+  .bottom {
+    width: 30vw;
+    height: auto;
+    padding-bottom: 1vh;
 
-        .bottom-item {
-            display: flex;
-            align-items: center;
-            margin-bottom: 1vh;
-        }
+    .bottom-item {
+      display: flex;
+      align-items: center;
+      margin-bottom: 1vh;
     }
+  }
 }
 
 .steps {
-    .steps-content {
-        padding-top: 15vw;
-    }
+  .steps-content {
+    padding-top: 15vw;
+  }
 
-    .steps-status {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
+  .steps-status {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
 
-    .steps-btn {
-        height: 15vh;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-    }
+  .steps-btn {
+    height: 15vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/moneyManage/refundDetail/refundHeader.vue b/src/views/moneyManage/refundDetail/refundHeader.vue
index 734000e..42ee7d8 100644
--- a/src/views/moneyManage/refundDetail/refundHeader.vue
+++ b/src/views/moneyManage/refundDetail/refundHeader.vue
@@ -1,358 +1,359 @@
 <!-- 总部财务/管理员 -->
 <template>
-    <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>
-                <el-input v-model="searchForm.jwcode" placeholder="请输入精网号" style="width:9vw;" clearable />
-            </div>
-            <div class="item1">
-                <el-text size="large" style="width:4vw;">客户姓名</el-text>
-                <el-input v-model="searchForm.name" placeholder="请输入客户姓名" style="width:9vw;" clearable />
-            </div>
-            <div class="item1">
-                <el-text size="large" style="width:4vw;">产品名称</el-text>
-                <el-cascader v-model="searchForm.goodsName" :options="productList" style="width: 10vw;"
-                    placeholder="请选择产品名称" clearable />
-            </div>
-            <div class="item1" v-if="adminData.markets === '总部'">
-                <el-text size="large" style="width:4vw;">所属地区</el-text>
-                <el-cascader style="width: 9vw;" v-model="searchForm.markets" :options="market" placeholder="请选择所属地区"
-                    clearable @change="handleMarketChange" />
-            </div>
-            <div class="item1">
-                <el-text size="large" style="width:4vw;">订单状态</el-text>
-                <el-select v-model="searchForm.statuses" style="width:9vw;" placeholder="请选择订单状态" clearable>
-                    <el-option v-for="item in statusList" :label="item" :value="item" :key="item" />
-                </el-select>
-            </div>
+  <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;">{{ $t('common.jwcode') }}</el-text>
+        <el-input v-model="searchForm.jwcode" :placeholder="$t('common.jwcodePlaceholder')" style="width:9vw;" clearable />
+      </div>
+      <div class="item1">
+        <el-text size="large" style="width:4vw;">{{ $t('common.customerName') }}</el-text>
+        <el-input v-model="searchForm.name" :placeholder="$t('common.customerNamePlaceholder')" style="width:9vw;" clearable />
+      </div>
+      <div class="item1">
+        <el-text size="large" style="width:4vw;">{{ $t('common.goodsName') }}</el-text>
+        <el-cascader v-model="searchForm.goodsName" :options="productList" style="width: 10vw;"
+                     :placeholder="$t('common.goodsNamePlaceholder')" clearable />
+      </div>
+      <div class="item1" v-if="adminData.markets === '总部'">
+        <el-text size="large" style="width:4vw;">{{ $t('common.market') }}</el-text>
+        <el-cascader style="width: 9vw;" v-model="searchForm.markets" :options="market" :placeholder="$t('common.marketPlaceholder')"
+                     clearable @change="handleMarketChange" />
+      </div>
+      <div class="item1">
+        <el-text size="large" style="width:4vw;">{{ $t('common.orderStatus') }}</el-text>
+        <el-select v-model="searchForm.statuses" style="width:9vw;" :placeholder="$t('common.orderStatus')" clearable>
+          <el-option v-for="item in statusList" :label="item" :value="item" :key="item" />
+        </el-select>
+      </div>
+    </div>
+    <div class="condition">
+      <div class="item2">
+        <el-text size="large" style="width:4vw;">{{ $t('cash_refund.paymentCurrency') }}</el-text>
+        <el-select v-model="searchForm.paymentCurrency" style="width:9vw;" :placeholder="$t('common.payModelPlaceholder')" clearable>
+          <el-option v-for="item in currencies" :key="item" :label="item" :value="item" />
+        </el-select>
+      </div>
+      <div class="item2">
+        <el-text size="large" style="width:4vw;">{{ $t('common.payModel') }}</el-text>
+        <el-select v-model="searchForm.payType" style="width:9vw;" :placeholder="$t('common.payModelPlaceholder')" clearable>
+          <el-option v-for="item in channelOptions" :key="item" :label="item" :value="item" />
+        </el-select>
+      </div>
+      <div class="item2" style="width: 28.5vw;">
+        <el-text size="large" style="width:4vw;">{{ $t('cash_refund.payTime') }}</el-text>
+        <el-date-picker v-model="dateRange" type="datetimerange" :range-separator="$t('common.to')"
+                        :start-placeholder="$t('common.startTime')" :end-placeholder="$t('common.endTime')"
+                        style="width:22vw;" @change="handleDatePickerChange" clearable
+                        :disabled-date="disabledDate" :default-time="defaultTime" />
+      </div>
+      <div>
+        <el-button type="primary" @click="getRefund">{{ $t('common.search') }}</el-button>
+        <el-button type="warning" @click="exportExcel()">{{ $t('common.exportExcel') }}</el-button>
+        <el-button type="primary" @click="openExportList">{{ $t('common.viewExportList') }}</el-button>
+        <el-button type="success" @click="reset">{{ $t('common.reset') }}</el-button>
+      </div>
+    </div>
+  </el-card>
+
+  <el-card style="margin-top: 0.5vh;background-color: rgb(231,244,253);">
+    <el-table :data="tableData" style="height:73vh;width:82vw">
+      <el-table-column type="index" :label="$t('common_list.id')" width="60" fixed="left">
+        <template #default="scope">
+          {{ scope.$index + 1 + (pagination.pageNum - 1) * pagination.pageSize }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="name" :label="$t('common_list.homilyId')" width="120" fixed="left" />
+      <el-table-column prop="jwcode" :label="$t('common_list.name')" width="120" fixed="left" show-overflow-tooltip />
+      <el-table-column prop="marketName" :label="$t('common_list.market')" width="120" />
+      <el-table-column prop="goodsName" :label="$t('common_list.goodsName')" width="130" show-overflow-tooltip />
+      <el-table-column prop="goodsNum" :label="$t('common_list.goodsNum')" width="120" />
+      <el-table-column prop="refundModel" :label="$t('cash_refund.refundModel')" width="120">
+        <template #default="scope">
+          {{ scope.row.refundModel === 1 ? $t('cash_refund.partialRefund') : $t('cash_refund.fullRefund') }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="submitter" :label="$t('common_list.submitter')" width="120" />
+      <el-table-column prop="refundReason" :label="$t('common_list.refundReason')" width="120" show-overflow-tooltip />
+      <el-table-column prop="remark" :label="$t('common_list.remark')" width="150" show-overflow-tooltip />
+      <el-table-column prop="status" :label="$t('common.orderStatus')" width="120">
+        <template #default="scope">
+          {{
+            [30].includes(scope.row.status) ? $t('audit.waitAudit') :
+                [40].includes(scope.row.status) ? $t('audit.passed') :
+                    scope.row.status === 32 ? $t('audit.rejected') :
+                        scope.row.status === 41 ? $t('audit.RefundSuccessful') : scope.row.status
+          }}
+        </template>
+      </el-table-column>
+      <el-table-column :label="$t('audit.operation')" fixed="right" width="100px">
+        <template #default="scope">
+          <div class="operation">
+            <el-button v-if="scope.row.status === 30" type="primary" text @click="showAudit(scope.row)">
+              {{ $t('audit.audit') }}
+            </el-button>
+            <el-button v-else type="primary" text @click="showStep(scope.row)">
+              {{ $t('cash_refund.viewProgress') }}
+            </el-button>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination v-model:current-page="pagination.pageNum" v-model:page-size="pagination.pageSize"
+                   layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
+                   @size-change="handlePageSizeChange" @current-change="handleCurrentChange"
+                   style="margin-top: 1vh;"></el-pagination>
+  </el-card>
+
+  <el-dialog v-model="showAudit2" :title="$t('cash_refund.audit')" class="audit2" width="35vw" overflow draggable
+             style="background-color: #F3FAFE !important;">
+    <div class="top">
+      <el-button @click="" class="smallTitle" size="small">{{ $t('cash_refund.refundApplicationInfo') }}</el-button>
+      <div class="top-item">
+        <el-text style="width:4vw;" size="small">{{ $t('cash_refund.refundModel') }}</el-text>
+        <el-select v-model="auditRow.refundModel" size="small" style="width:10vw;" disabled>
+          <el-option :label="$t('cash_refund.fullRefund')" :value="0"></el-option>
+          <el-option :label="$t('cash_refund.partialRefund')" :value="1"></el-option>
+        </el-select>
+      </div>
+      <div class="top-item">
+        <el-text style="width:4vw;" size="small">{{ $t('common.permanentGold') }}</el-text>
+        <el-input v-model="auditRow.gold" size="small" style="width:10vw;" disabled />&nbsp;{{ $t('common.个') }}
+      </div>
+      <div class="top-item">
+        <el-text style="width:4vw;" size="small">{{ $t('common.freeGold') }}</el-text>
+        <el-input v-model="auditRow.free" size="small" style="width:10vw;" disabled />&nbsp;{{ $t('common.个') }}
+      </div>
+      <div class="top-item">
+        <el-text style="width:4vw;" size="small">{{ $t('common_list.refundReason') }}</el-text>
+        <el-input v-model="auditRow.refundReason" size="small" style="width:10vw;" :rows="3" maxlength="100"
+                  show-word-limit type="textarea" disabled />
+      </div>
+    </div>
+    <el-button @click="" class="smallTitle" size="small">{{ $t('cash_refund.originalOrderInfo') }}</el-button>
+    <div class="center">
+      <div class="center-left">
+        <div class="center-item">
+          <el-text style="width:4vw;" size="small">{{ $t('common.jwcode') }}</el-text>
+          <el-input v-model="auditRow.jwcode" size="small" style="width:10vw;" disabled />
         </div>
-        <div class="condition">
-            <div class="item2">
-                <el-text size="large" style="width:4vw;">付款币种</el-text>
-                <el-select v-model="searchForm.paymentCurrency" style="width:9vw;" placeholder="请选择付款币种" clearable>
-                    <el-option v-for="item in currencies" :key="item" :label="item" :value="item" />
-                </el-select>
-            </div>
-            <div class="item2">
-                <el-text size="large" style="width:4vw;">支付方式</el-text>
-                <el-select v-model="searchForm.payType" style="width:9vw;" placeholder="请选择支付方式" clearable>
-                    <el-option v-for="item in channelOptions" :key="item" :label="item" :value="item" />
-                </el-select>
-            </div>
-            <div class="item2" style="width: 28.5vw;">
-                <el-text size="large" style="width:4vw;">付款时间</el-text>
-                <el-date-picker v-model="dateRange" type="datetimerange" range-separator="至" start-placeholder="起始时间"
-                    end-placeholder="结束时间" style="width:22vw;" @change="handleDatePickerChange" clearable
-                    :disabled-date="disabledDate" :default-time="defaultTime" />
-            </div>
-            <div>
-                <el-button type="primary" @click="getRefund">查询</el-button>
-                <el-button type="warning" @click="exportExcel()">导出excel</el-button>
-                <el-button type="primary" @click="openExportList">查看导出列表</el-button>
-                <el-button type="success" @click="reset">重置</el-button>
-            </div>
+
+        <div class="center-item">
+          <el-text style="width:4vw;" size="small">{{ $t('common.goodsName') }}</el-text>
+          <el-input v-model="auditRow.goodsName" size="small" style="width:10vw;" disabled />
         </div>
-    </el-card>
-
-    <el-card style="margin-top: 0.5vh;background-color: rgb(231,244,253);">
-        <el-table :data="tableData" style="height:73vh;width:82vw">
-            <el-table-column type="index" label="序号" width="60" fixed="left">
-                <template #default="scope">
-                    {{ scope.$index + 1 + (pagination.pageNum - 1) * pagination.pageSize }}
-                </template>
-            </el-table-column>
-            <el-table-column prop="name" label="Homily ID" width="120" fixed="left" />
-            <el-table-column prop="jwcode" label="姓名" width="120" fixed="left" show-overflow-tooltip />
-            <el-table-column prop="marketName" label="所属地区" width="120" />
-            <el-table-column prop="goodsName" label="产品名称" width="130" show-overflow-tooltip />
-            <el-table-column prop="goodsNum" label="产品数量" width="120" />
-            <el-table-column prop="refundModel" label="退款方式" width="120">
-                <template #default="scope">
-                    {{ scope.row.refundModel === 1 ? '部分退款' : '全部退款' }}
-                </template>
-            </el-table-column>
-            <el-table-column prop="submitter" label="提交人" width="120" />
-            <el-table-column prop="refundReason" label="退款理由" width="120" show-overflow-tooltip />
-            <el-table-column prop="remark" label="备注" width="150" show-overflow-tooltip />
-            <el-table-column prop="status" label="订单状态" width="120">
-                <template #default="scope">
-                    {{
-                        [30].includes(scope.row.status) ? '待审核' :
-                            [40].includes(scope.row.status) ? '审核通过' :
-                                scope.row.status === 32 ? '已驳回' :
-                                    scope.row.status === 41 ? '退款成功' : scope.row.status
-                    }}
-                </template>
-            </el-table-column>
-            <el-table-column prop="operation" label="操作" fixed="right" width="100px">
-                <template #default="scope">
-                    <div class="operation">
-                        <el-button v-if="scope.row.status === 30" type="primary" text @click="showAudit(scope.row)">
-                            审核
-                        </el-button>
-                        <el-button v-else type="primary" text @click="showStep(scope.row)">
-                            查看进度
-                        </el-button>
-                    </div>
-                </template>
-            </el-table-column>
-        </el-table>
-        <el-pagination v-model:current-page="pagination.pageNum" v-model:page-size="pagination.pageSize"
-            layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
-            @size-change="handlePageSizeChange" @current-change="handleCurrentChange"
-            style="margin-top: 1vh;"></el-pagination>
-    </el-card>
-
-    <el-dialog v-model="showAudit2" title="审核" class="audit2" width="35vw" overflow draggable
-        style="background-color: #F3FAFE !important;">
-        <div class="top">
-            <el-button @click="" class="smallTitle" size="small">退款申请信息</el-button>
-            <div class="top-item">
-                <el-text style="width:4vw;" size="small">退款方式</el-text>
-                <el-select v-model="auditRow.refundModel" size="small" style="width:10vw;" disabled>
-                    <el-option label="全部退款" :value="0"></el-option>
-                    <el-option label="部分退款" :value="1"></el-option>
-                </el-select>
-            </div>
-            <div class="top-item">
-                <el-text style="width:4vw;" size="small">永久金币</el-text>
-                <el-input v-model="auditRow.gold" size="small" style="width:10vw;" disabled />&nbsp;个
-            </div>
-            <div class="top-item">
-                <el-text style="width:4vw;" size="small">免费金币</el-text>
-                <el-input v-model="auditRow.free" size="small" style="width:10vw;" disabled />&nbsp;个
-            </div>
-            <div class="top-item">
-                <el-text style="width:4vw;" size="small">退款理由</el-text>
-                <el-input v-model="auditRow.refundReason" size="small" style="width:10vw;" :rows="3" maxlength="100"
-                    show-word-limit type="textarea" disabled />
-            </div>
+        <div class="center-item">
+          <el-text style="width:4vw;" size="small">{{ $t('common.market') }}</el-text>
+          <el-input v-model="auditRow.marketName" size="small" style="width:10vw;" disabled />
         </div>
-        <el-button @click="" class="smallTitle" size="small">原订单信息</el-button>
-        <div class="center">
-            <div class="center-left">
-                <div class="center-item">
-                    <el-text style="width:4vw;" size="small">精网号</el-text>
-                    <el-input v-model="auditRow.jwcode" size="small" style="width:10vw;" disabled />
-                </div>
-
-                <div class="center-item">
-                    <el-text style="width:4vw;" size="small">产品名称</el-text>
-                    <el-input v-model="auditRow.goodsName" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="center-item">
-                    <el-text style="width:4vw;" size="small">所属地区</el-text>
-                    <el-input v-model="auditRow.marketName" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="center-item">
-                    <el-text style="width:4vw;" size="small">付款币种</el-text>
-                    <el-input v-model="auditRow.paymentCurrency" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="center-item">
-                    <el-text style="width:4vw;" size="small">付款金额</el-text>
-                    <el-input v-model="auditRow.paymentAmount" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="center-item">
-                    <el-text style="width:4vw;" size="small">付款时间</el-text>
-                    <el-input v-model="auditRow.payTime" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="center-item">
-                    <el-text style="width:4vw;">转账凭证</el-text>
-                    <img v-if="auditRow.payVoucher" :src="auditRow.payVoucher"
-                        style="width: 80px; height: 80px; object-fit: cover;">
-                    <div v-else>
-                        无转账凭证
-                    </div>
-                </div>
-            </div>
-            <div class="center-right">
-                <div class="right-item">
-                    <el-text style="width:4vw;" size="small">客户姓名</el-text>
-                    <el-input v-model="auditRow.name" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="right-item">
-                    <el-text style="width:4vw;" size="small">活动名称</el-text>
-                    <el-input v-model="auditRow.activity" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="right-item">
-                    <el-text style="width:4vw;" size="small">支付方式</el-text>
-                    <el-input v-model="auditRow.payType" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="right-item">
-                    <el-text style="width:4vw;" size="small">到账币种</el-text>
-                    <el-input v-model="auditRow.receivedCurrency" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="right-item">
-                    <el-text style="width:4vw;" size="small">到账金额</el-text>
-                    <el-input v-model="auditRow.receivedAmount" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="right-item">
-                    <el-text style="width:4vw;" size="small">到账时间</el-text>
-                    <el-input v-model="auditRow.receivedTime" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="right-item">
-                    <el-text style="width:4vw;" size="small">手续费</el-text>
-                    <el-input v-model="auditRow.handlingCharge" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="right-item">
-                    <el-text style="width:4vw;" size="small">提交人</el-text>
-                    <el-input v-model="auditRow.submitter" size="small" style="width:10vw;" disabled />
-                </div>
-                <div class="right-item">
-                    <el-text style="width:4vw;" size="small">备注</el-text>
-                    <el-input v-model="auditRow.remark" size="small" style="width:10vw;" :row="3" maxlength="100"
-                        type="textarea" show-word-limit disabled />
-                </div>
-            </div>
+        <div class="center-item">
+          <el-text style="width:4vw;" size="small">{{ $t('cash_refund.paymentCurrency') }}</el-text>
+          <el-input v-model="auditRow.paymentCurrency" size="small" style="width:10vw;" disabled />
         </div>
-        <div class="bottom">
-            <el-button class="smallTitle" size="small" v-show="showReject">驳回信息</el-button>
-            <div class="bottom-item" v-show="showReject">
-                <el-text style="width:4vw;" size="small">驳回备注</el-text>
-                <el-input v-model="addForm.remark" placeholder="请输入驳回备注" size="small" style="width:10vw;" :row="3"
-                    maxlength="100" type="textarea" show-word-limit clearable />
-            </div>
-            <div class="bottom-item" v-show="showExecutor">
-                <el-text style="width:4vw;" size="small">执行人</el-text>
-                <el-select v-model="addForm.executor" style="width:9vw;">
-                    <el-option v-for="item in executorList" :key="item.value" :label="item.label" :value="item.value" />
-                </el-select>
-            </div>
-            <div style="text-align: center;" v-show="!showReject && !showExecutor">
-                <el-button type="default" @click="showReject = true">驳回</el-button>
-                <el-button type="primary" @click="showExecutor = true">通过</el-button>
-            </div>
-            <div style="text-align: center;" v-show="showReject">
-                <el-button type="default" @click="hideReject">取消</el-button>
-                <el-button type="primary" @click="handleReject">确定</el-button>
-            </div>
-            <div style="text-align: center;" v-show="showExecutor">
-                <el-button type="default" @click="hideExecutor">取消</el-button>
-                <el-button type="primary" @click="handlePass">确定</el-button>
-            </div>
+        <div class="center-item">
+          <el-text style="width:4vw;" size="small">{{ $t('cash_refund.paymentAmount') }}</el-text>
+          <el-input v-model="auditRow.paymentAmount" size="small" style="width:10vw;" disabled />
         </div>
-    </el-dialog>
-
-    <el-dialog v-model="showSteps" title="退款进度" overflow draggable width="1206px" height="506px" :style="{
+        <div class="center-item">
+          <el-text style="width:4vw;" size="small">{{ $t('cash_refund.payTime') }}</el-text>
+          <el-input v-model="auditRow.payTime" size="small" style="width:10vw;" disabled />
+        </div>
+        <div class="center-item">
+          <el-text style="width:4vw;">{{ $t('cash_refund.payVoucher') }}</el-text>
+          <img v-if="auditRow.payVoucher" :src="auditRow.payVoucher"
+               style="width: 80px; height: 80px; object-fit: cover;">
+          <div v-else>
+            {{ $t('cash_refund.noVoucher') }}
+          </div>
+        </div>
+      </div>
+      <div class="center-right">
+        <div class="right-item">
+          <el-text style="width:4vw;" size="small">{{ $t('common.customerName') }}</el-text>
+          <el-input v-model="auditRow.name" size="small" style="width:10vw;" disabled />
+        </div>
+        <div class="right-item">
+          <el-text style="width:4vw;" size="small">{{ $t('common.activityName') }}</el-text>
+          <el-input v-model="auditRow.activity" size="small" style="width:10vw;" disabled />
+        </div>
+        <div class="right-item">
+          <el-text style="width:4vw;" size="small">{{ $t('common.payModel') }}</el-text>
+          <el-input v-model="auditRow.payType" size="small" style="width:10vw;" disabled />
+        </div>
+        <div class="right-item">
+          <el-text style="width:4vw;" size="small">{{ $t('cash_refund.receivedCurrency') }}</el-text>
+          <el-input v-model="auditRow.receivedCurrency" size="small" style="width:10vw;" disabled />
+        </div>
+        <div class="right-item">
+          <el-text style="width:4vw;" size="small">{{ $t('cash_refund.receivedAmount') }}</el-text>
+          <el-input v-model="auditRow.receivedAmount" size="small" style="width:10vw;" disabled />
+        </div>
+        <div class="right-item">
+          <el-text style="width:4vw;" size="small">{{ $t('cash_refund.receivedTime') }}</el-text>
+          <el-input v-model="auditRow.receivedTime" size="small" style="width:10vw;" disabled />
+        </div>
+        <div class="right-item">
+          <el-text style="width:4vw;" size="small">{{ $t('cash_refund.handlingCharge') }}</el-text>
+          <el-input v-model="auditRow.handlingCharge" size="small" style="width:10vw;" disabled />
+        </div>
+        <div class="right-item">
+          <el-text style="width:4vw;" size="small">{{ $t('common_list.submitter') }}</el-text>
+          <el-input v-model="auditRow.submitter" size="small" style="width:10vw;" disabled />
+        </div>
+        <div class="right-item">
+          <el-text style="width:4vw;" size="small">{{ $t('common_list.remark') }}</el-text>
+          <el-input v-model="auditRow.remark" size="small" style="width:10vw;" :row="3" maxlength="100"
+                    type="textarea" show-word-limit disabled />
+        </div>
+      </div>
+    </div>
+    <div class="bottom">
+      <el-button class="smallTitle" size="small" v-show="showReject">{{ $t('cash_refund.rejectionInfo') }}</el-button>
+      <div class="bottom-item" v-show="showReject">
+        <el-text style="width:4vw;" size="small">{{ $t('cash_refund.rejectionRemark') }}</el-text>
+        <el-input v-model="addForm.remark" :placeholder="$t('cash_refund.placeholder.rejectionRemark')" size="small" style="width:10vw;" :row="3"
+                  maxlength="100" type="textarea" show-word-limit clearable />
+      </div>
+      <div class="bottom-item" v-show="showExecutor">
+        <el-text style="width:4vw;" size="small">{{ $t('refundProgress.executor') }}</el-text>
+        <el-select v-model="addForm.executor" style="width:9vw;">
+          <el-option v-for="item in executorList" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </div>
+      <div style="text-align: center;" v-show="!showReject && !showExecutor">
+        <el-button type="default" @click="showReject = true">{{ $t('common.reject') }}</el-button>
+        <el-button type="primary" @click="showExecutor = true">{{ $t('common.pass') }}</el-button>
+      </div>
+      <div style="text-align: center;" v-show="showReject">
+        <el-button type="default" @click="hideReject">{{ $t('common.cancel') }}</el-button>
+        <el-button type="primary" @click="handleReject">{{ $t('common.confirm') }}</el-button>
+      </div>
+      <div style="text-align: center;" v-show="showExecutor">
+        <el-button type="default" @click="hideExecutor">{{ $t('common.cancel') }}</el-button>
+        <el-button type="primary" @click="handlePass">{{ $t('common.confirm') }}</el-button>
+      </div>
+    </div>
+  </el-dialog>
+
+  <el-dialog v-model="showSteps" :title="$t('refundProgress.title')" overflow draggable width="1206px" height="506px" :style="{
         backgroundImage: `url(${BackgroundSvg})`,
         backgroundSize: 'cover',
         backgroundPosition: 'center'
     }">
-        <div class="steps">
-            <div class="steps-content">
-                <el-steps :active="currentStep" align-center>
-                    <el-step>
-                        <template #title>
-                            <div>
-                                提交人<br>{{ submitter || '未知提交人' }}
-                            </div>
-                        </template>
-                        <template #icon>
-                            <img src="@/assets/images/refund-approved.png" alt="已完成">
-                        </template>
-                    </el-step>
-
-                    <el-step>
-                        <template #title>
-                            <div>
-                                地区财务<br>{{ areaFinance || '未记录审核人' }}
-                            </div>
-                        </template>
-                        <template #icon>
-                            <img v-if="currentStep === 2" src="@/assets/images/refund-rejected.png" alt="已驳回">
-                            <img v-else-if="currentStep === 1" src="@/assets/images/refund-approving.png" alt="待审核">
-                            <img v-else-if="currentStep > 2" src="@/assets/images/refund-approved.png" alt="已审核">
-                        </template>
-                    </el-step>
-
-                    <el-step>
-                        <template #title>
-                            <div>
-                                地区负责人<br>{{ areaCharge || '未记录审核人' }}
-                            </div>
-                        </template>
-                        <template #icon>
-                            <img v-if="currentStep === 4" src="@/assets/images/refund-rejected.png" alt="已驳回">
-                            <img v-else-if="currentStep === 3" src="@/assets/images/refund-approving.png" alt="待审核">
-                            <img v-else-if="currentStep > 3 && currentStep != 4"
-                                src="@/assets/images/refund-approved.png" alt="已审核">
-                            <img v-else-if="currentStep < 3" src="@/assets/images/refund-waiting.png" alt="未开始">
-                        </template>
-                    </el-step>
-
-                    <el-step>
-                        <template #title>
-                            <div>
-                                总部财务<br>{{ headFinance || '未记录审核人' }}
-                            </div>
-                        </template>
-                        <template #icon>
-                            <img v-if="currentStep === 6" src="@/assets/images/refund-rejected.png" alt="已驳回">
-                            <img v-else-if="currentStep === 5" src="@/assets/images/refund-approving.png" alt="待审核">
-                            <img v-else-if="currentStep > 5 && currentStep != 6"
-                                src="@/assets/images/refund-approved.png" alt="已审核">
-                            <img v-else-if="currentStep < 5" src="@/assets/images/refund-waiting.png" alt="未开始">
-                        </template>
-                    </el-step>
-
-                    <el-step>
-                        <template #title>
-                            <div>
-                                指定执行人<br>{{ executor || '未记录执行人' }}
-                            </div>
-                        </template>
-                        <template #icon>
-                            <img v-if="currentStep === 7" src="@/assets/images/refund-approving.png" alt="待处理">
-                            <img v-else-if="currentStep === 8" src="@/assets/images/refund-approved.png" alt="已完成">
-                            <img v-else-if="currentStep < 7" src="@/assets/images/refund-waiting.png" alt="未开始">
-                        </template>
-                    </el-step>
-                </el-steps>
-            </div>
-            <div class="steps-btn">
-                <el-button type="primary" @click="showSteps = false">确定</el-button>
-            </div>
-        </div>
-    </el-dialog>
-
-    <el-dialog v-model="exportListVisible" title="导出列表" width="80%">
-        <el-table :data="exportList" style="width: 100% ;height: 60vh;" :loading="exportListLoading">
-            <el-table-column prop="fileName" label="文件名" />
-            <el-table-column prop="state" label="状态">
-                <template #default="scope">
-                    <el-tag :type="getTagType(scope.row.state)" :effect="scope.row.state === 3 ? 'light' : 'plain'">
-                        {{ getTagText(scope.row.state) }}
-                    </el-tag>
-                </template>
-            </el-table-column>
-            <el-table-column prop="createTime" label="创建时间">
-                <template #default="scope">
-                    {{ moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') }}
-                </template>
-            </el-table-column>
-            <el-table-column label="操作">
-                <template #default="scope">
-                    <el-button type="primary" size="small" @click="downloadExportFile(scope.row)"
-                        :disabled="scope.row.state !== 2">
-                        下载
-                    </el-button>
-                </template>
-            </el-table-column>
-        </el-table>
-        <template #footer>
-            <div class="dialog-footer">
-                <el-button text @click="exportListVisible = false">关闭</el-button>
-            </div>
+    <div class="steps">
+      <div class="steps-content">
+        <el-steps :active="currentStep" align-center>
+          <el-step>
+            <template #title>
+              <div>
+                {{ $t('refundProgress.submitter') }}<br>{{ submitter || $t('refundProgress.unknownSubmitter') }}
+              </div>
+            </template>
+            <template #icon>
+              <img src="@/assets/images/refund-approved.png" alt="已完成">
+            </template>
+          </el-step>
+
+          <el-step>
+            <template #title>
+              <div>
+                {{ $t('refundProgress.areaFinance') }}<br>{{ areaFinance || $t('refundProgress.notRecorded') }}
+              </div>
+            </template>
+            <template #icon>
+              <img v-if="currentStep === 2" src="@/assets/images/refund-rejected.png" alt="已驳回">
+              <img v-else-if="currentStep === 1" src="@/assets/images/refund-approving.png" alt="待审核">
+              <img v-else-if="currentStep > 2" src="@/assets/images/refund-approved.png" alt="已审核">
+            </template>
+          </el-step>
+
+          <el-step>
+            <template #title>
+              <div>
+                {{ $t('refundProgress.areaCharge') }}<br>{{ areaCharge || $t('refundProgress.notRecorded') }}
+              </div>
+            </template>
+            <template #icon>
+              <img v-if="currentStep === 4" src="@/assets/images/refund-rejected.png" alt="已驳回">
+              <img v-else-if="currentStep === 3" src="@/assets/images/refund-approving.png" alt="待审核">
+              <img v-else-if="currentStep > 3 && currentStep != 4"
+                   src="@/assets/images/refund-approved.png" alt="已审核">
+              <img v-else-if="currentStep < 3" src="@/assets/images/refund-waiting.png" alt="未开始">
+            </template>
+          </el-step>
+
+          <el-step>
+            <template #title>
+              <div>
+                {{ $t('refundProgress.headFinance') }}<br>{{ headFinance || $t('refundProgress.notRecorded') }}
+              </div>
+            </template>
+            <template #icon>
+              <img v-if="currentStep === 6" src="@/assets/images/refund-rejected.png" alt="已驳回">
+              <img v-else-if="currentStep === 5" src="@/assets/images/refund-approving.png" alt="待审核">
+              <img v-else-if="currentStep > 5 && currentStep != 6"
+                   src="@/assets/images/refund-approved.png" alt="已审核">
+              <img v-else-if="currentStep < 5" src="@/assets/images/refund-waiting.png" alt="未开始">
+            </template>
+          </el-step>
+
+          <el-step>
+            <template #title>
+              <div>
+                {{ $t('refundProgress.executor') }}<br>{{ executor || $t('refundProgress.notRecorded') }}
+              </div>
+            </template>
+            <template #icon>
+              <img v-if="currentStep === 7" src="@/assets/images/refund-approving.png" alt="待处理">
+              <img v-else-if="currentStep === 8" src="@/assets/images/refund-approved.png" alt="已完成">
+              <img v-else-if="currentStep < 7" src="@/assets/images/refund-waiting.png" alt="未开始">
+            </template>
+          </el-step>
+        </el-steps>
+      </div>
+      <div class="steps-btn">
+        <el-button type="primary" @click="showSteps = false">{{ $t('common.confirm') }}</el-button>
+      </div>
+    </div>
+  </el-dialog>
+
+  <el-dialog v-model="exportListVisible" :title="$t('common_export.exportList')" width="80%">
+    <el-table :data="exportList" style="width: 100% ;height: 60vh;" :loading="exportListLoading">
+      <el-table-column prop="fileName" :label="$t('common_export.fileName')" />
+      <el-table-column prop="state" :label="$t('common_export.status')">
+        <template #default="scope">
+          <el-tag :type="getTagType(scope.row.state)" :effect="scope.row.state === 3 ? 'light' : 'plain'">
+            {{ getTagText(scope.row.state) }}
+          </el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column prop="createTime" :label="$t('common_export.createTime')">
+        <template #default="scope">
+          {{ moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') }}
+        </template>
+      </el-table-column>
+      <el-table-column :label="$t('common_export.operation')">
+        <template #default="scope">
+          <el-button type="primary" size="small" @click="downloadExportFile(scope.row)"
+                     :disabled="scope.row.state !== 2">
+            {{ $t('common_export.download') }}
+          </el-button>
         </template>
-    </el-dialog>
+      </el-table-column>
+    </el-table>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button text @click="exportListVisible = false">{{ $t('common_export.close') }}</el-button>
+      </div>
+    </template>
+  </el-dialog>
 </template>
 <script setup>
 import BackgroundSvg from '@/assets/images/refund-progress.png'
 import { ref, onMounted } from 'vue'
 import { ElMessage } from 'element-plus'
 import API from '@/util/http.js'
-const uploadUrl = 'https://api.homilychart.com/hljw/api/aws/upload'
+const uploadUrl = 'https://api.homilychart.com/hljw/api/aws/upload  '
 import { useAdminStore } from "@/store/index.js"
 import { storeToRefs } from "pinia"
 import dayjs from 'dayjs'
@@ -363,26 +364,26 @@ import moment from 'moment'
 import { productList, CurrencyForId } from '@/views/moneyManage/receiveDetail/utils/staticData.js'
 import { isNumber } from 'lodash'
 const startsWith1 = (mainStr, prefix) => {
-    // 处理前缀为空字符串的情况（空字符串是所有字符串的前缀）
-    if (prefix === '') {
-        return true;
-    }
-    // 处理主字符串长度小于前缀长度的情况
-    if (mainStr.length < prefix.length) {
-        return false;
-    }
-    // 比较主字符串开头与前缀相同长度的部分
-    return mainStr.substring(0, prefix.length) === prefix;
+  // 处理前缀为空字符串的情况（空字符串是所有字符串的前缀）
+  if (prefix === '') {
+    return true;
+  }
+  // 处理主字符串长度小于前缀长度的情况
+  if (mainStr.length < prefix.length) {
+    return false;
+  }
+  // 比较主字符串开头与前缀相同长度的部分
+  return mainStr.substring(0, prefix.length) === prefix;
 }
 const currentStep = ref(0)// 进度图
 const searchForm = ref({
-    jwcode: '',
-    markets: [],
-    statuses: []
+  jwcode: '',
+  markets: [],
+  statuses: []
 })
 const isReject = ref(false)// 进度图有没有驳回状态
 const addForm = ref({
-    remark: ''
+  remark: ''
 })
 const market = ref([])
 const showReject = ref(false)
@@ -390,9 +391,9 @@ const showExecutor = ref(false)
 const auditRow = ref({})// 审核回显
 const dateRange = ref([])
 const pagination = ref({
-    pageNum: 1,
-    pageSize: 50,
-    total: 0
+  pageNum: 1,
+  pageSize: 50,
+  total: 0
 })
 const showAudit2 = ref(false)
 const tableData = ref([])
@@ -408,396 +409,396 @@ const exportList = ref([])
 // 导出列表加载状态
 const exportListLoading = ref(false)
 const statusStepMap = {
-    10: [1, false],
-    12: [2, true],
-    20: [3, false],
-    22: [4, true],
-    30: [5, false],
-    32: [6, true],
-    40: [7, false],
-    41: [8, false]
+  10: [1, false],
+  12: [2, true],
+  20: [3, false],
+  22: [4, true],
+  30: [5, false],
+  32: [6, true],
+  40: [7, false],
+  41: [8, false]
 }
 const currencies = ref(['美元(USD)', '港币(HKD)', '新币(SGD)', '马币(MYR)', '泰铢(THB)', '加币(CAD)', '越南盾(VDN)', '韩元(KRW)'])
 const channelOptions = ref(["Stripe-链接收款", "PaymentAsia-链接收款", "Ipay88-链接收款", "银行转账", "刷卡", "现金", "支票", "Grabpay", "Nets", "E-Transfer", "Paypal"])
 
 const statusList = ref(['待审核', '审核通过', '已驳回', '退款成功'])
 const executorList = ref([
-    {
-        value: '305485',
-        label: '新:Zoe'
-    },
-    {
-        value: '200723',
-        label: '马:Jennifer'
-    },
-    {
-        value: '301388',
-        label: '港:林育平'
-    },
-    {
-        value: '839448',
-        label: '加:Mandy'
-    },
-    {
-        value: '304904',
-        label: '泰:杨丽娇'
-    },
-    {
-        value: '315915',
-        label: '越:范秋霞'
-    },
-    {
-        value: '90047681',
-        label: '李慧琳演示机'
-    },
-    {
-        value: '90047947',
-        label: '宋彤彤'
-    }
+  {
+    value: '305485',
+    label: '新:Zoe'
+  },
+  {
+    value: '200723',
+    label: '马:Jennifer'
+  },
+  {
+    value: '301388',
+    label: '港:林育平'
+  },
+  {
+    value: '839448',
+    label: '加:Mandy'
+  },
+  {
+    value: '304904',
+    label: '泰:杨丽娇'
+  },
+  {
+    value: '315915',
+    label: '越:范秋霞'
+  },
+  {
+    value: '90047681',
+    label: '李慧琳演示机'
+  },
+  {
+    value: '90047947',
+    label: '宋彤彤'
+  }
 ])
 // 查全部
 const getRefund = async function () {
-    if (!hasMenuPermission(menuTree.value, permissionMapping.view_headquarters_refund)) {
-        ElMessage.error('无此权限')
-        return
-    }
-    try {
-        const statusParam = ref([30, 32, 40, 41])// 默认：看不到进度没到这里的
-        if (searchForm.value.statuses === '待审核') {
-            statusParam.value = [30]
-        } else if (searchForm.value.statuses === '审核通过') {
-            statusParam.value = [40]
-        } else if (searchForm.value.statuses === '已驳回') {
-            statusParam.value = [32]
-        } else if (searchForm.value.statuses === '退款成功') {
-            statusParam.value = [41]
-        } else {
-            statusParam.value = [30, 32, 40, 41]
-        }
-
-        const goodsName = searchForm.value.goodsName && searchForm.value.goodsName.length > 0
-            ? searchForm.value.goodsName[searchForm.value.goodsName.length - 1] : ''
-
-        if (searchForm.value.jwcode) {
-            const isPositiveInteger = /^[1-9]\d*$/.test(searchForm.value.jwcode);
-            if (!isPositiveInteger) {
-                ElMessage.error('请输入正确的精网号')
-                return;
-            }
-        }
-        // 增加精网号长度限制，防止后端400错误
-        if (searchForm.value.jwcode.length > 8) {
-            ElMessage.error('精网号长度不能超过8位')
-            return;
-        }
-
-        const params = {
-            pageNum: pagination.value.pageNum,
-            pageSize: pagination.value.pageSize,
-            cashRecordDTO: {
-                jwcode: searchForm.value.jwcode,
-                name: searchForm.value.name,
-                markets: searchForm.value.markets && searchForm.value.markets.length > 0 ? [searchForm.value.markets[searchForm.value.markets.length - 1]] : [],
-                goodsName: goodsName,
-                statuses: statusParam.value,
-                paymentCurrency: CurrencyForId(searchForm.value.paymentCurrency),
-                payType: searchForm.value.payType,
-                startTime: dateRange.value && dateRange.value[0] ? dayjs(dateRange.value[0]).format('YYYY-MM-DD HH:mm:ss') : "",
-                endTime: dateRange.value && dateRange.value[1] ? dayjs(dateRange.value[1]).format('YYYY-MM-DD HH:mm:ss') : "",
-                adminId: adminData.value.id
-            }
-        }
-
-        const result = await API({
-            url: '/Money/select',
-            method: 'POST',
-            data: params
-        })
-
-        tableData.value = result.data.list || []
-        pagination.value.total = result.data.total || 0
-    } catch (error) {
-        ElMessage.error(error.message || '查询失败')
-    }
-}
-// 审核通过
-const handlePass = async function () {
-    if (!hasMenuPermission(menuTree.value, permissionMapping.audit_headquarters_refund)) {
-        ElMessage.error('无此权限')
-        return
-    }
-    try {
-        const params = {
-            id: auditRow.value.id,
-            executor: addForm.value.executor,
-            status: 40,
-            headFinance: adminData.value.adminName,
-            auditId: auditRow.value.auditId,
-            goodsName: auditRow.value.goodsName,
-            permanentGold: auditRow.value.permanentGold * 100,
-            freeGold: auditRow.value.freeGold * 100,
-            orderCode: auditRow.value.orderCode,
-            jwcode: auditRow.value.jwcode,
-            adminId: adminData.value.id
-        }
-        const result = await API({
-            url: '/Money/finalReview',
-            data: params
-        })
-        if (result.code === 200) {
-            ElMessage.success('审核通过')
-            showAudit2.value = false
-            getRefund()
-            hideExecutor()
-        }
-    } catch (error) {
-        ElMessage.error(error.message || '审核失败')
-    }
-}
-// 审核驳回
-const handleReject = async function () {
-    if (!hasMenuPermission(menuTree.value, permissionMapping.audit_headquarters_refund)) {
-        ElMessage.error('无此权限')
-        return
-    }
-    try {
-        const params = {
-            id: auditRow.value.id,
-            status: 32,
-            rejectReason: addForm.value.remark,
-            headFinance: adminData.value.adminName,
-            auditId: auditRow.value.auditId,
-            orderCode: auditRow.value.orderCode,
-            adminId: adminData.value.id
-        }
-        const result = await API({
-            url: '/Money/finalReview',
-            data: params
-        })
-        if (result.code === 200) {
-            ElMessage.success('审核驳回')
-            showAudit2.value = false
-            getRefund()
-            addForm.value.remark = ''
-            showReject.value = false
-        }
-    } catch (error) {
-        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.id,
-                    label: child.name,
-                    children: grandchildren
-                };
-            });
-        };
-        market.value = transformTree(result.data)
-        console.log('转换后的地区树==============', market.value)
-    } catch (error) {
-        console.log('请求失败', error)
-    }
-}
-const hideReject = function () {
-    showReject.value = false
-    addForm.value.remark = ''
-}
-const exportExcel = async function () {
+  if (!hasMenuPermission(menuTree.value, permissionMapping.view_headquarters_refund)) {
+    ElMessage.error('无此权限')
+    return
+  }
+  try {
     const statusParam = ref([30, 32, 40, 41])// 默认：看不到进度没到这里的
     if (searchForm.value.statuses === '待审核') {
-        statusParam.value = [30]
+      statusParam.value = [30]
     } else if (searchForm.value.statuses === '审核通过') {
-        statusParam.value = [40]
+      statusParam.value = [40]
     } else if (searchForm.value.statuses === '已驳回') {
-        statusParam.value = [32]
+      statusParam.value = [32]
     } else if (searchForm.value.statuses === '退款成功') {
-        statusParam.value = [41]
+      statusParam.value = [41]
     } else {
-        statusParam.value = [30, 32, 40, 41]
+      statusParam.value = [30, 32, 40, 41]
     }
 
     const goodsName = searchForm.value.goodsName && searchForm.value.goodsName.length > 0
         ? searchForm.value.goodsName[searchForm.value.goodsName.length - 1] : ''
 
     if (searchForm.value.jwcode) {
-        const isPositiveInteger = /^[1-9]\d*$/.test(searchForm.value.jwcode);
-        if (!isPositiveInteger) {
-            ElMessage.error('请输入正确的精网号')
-            return;
-        }
+      const isPositiveInteger = /^[1-9]\d*$/.test(searchForm.value.jwcode);
+      if (!isPositiveInteger) {
+        ElMessage.error('请输入正确的精网号')
+        return;
+      }
     }
     // 增加精网号长度限制，防止后端400错误
     if (searchForm.value.jwcode.length > 8) {
-        ElMessage.error('精网号长度不能超过8位')
-        return;
+      ElMessage.error('精网号长度不能超过8位')
+      return;
     }
 
     const params = {
-        pageNum: pagination.value.pageNum,
-        pageSize: pagination.value.pageSize,
-        cashRecordDTO: {
-            jwcode: searchForm.value.jwcode,
-            name: searchForm.value.name,
-            markets: searchForm.value.markets && searchForm.value.markets.length > 0 ? [searchForm.value.markets[searchForm.value.markets.length - 1]] : [],
-            goodsName: goodsName,
-            statuses: statusParam.value,
-            paymentCurrency: CurrencyForId(searchForm.value.paymentCurrency),
-            payType: searchForm.value.payType,
-            startTime: dateRange.value && dateRange.value[0] ? dayjs(dateRange.value[0]).format('YYYY-MM-DD HH:mm:ss') : "",
-            endTime: dateRange.value && dateRange.value[1] ? dayjs(dateRange.value[1]).format('YYYY-MM-DD HH:mm:ss') : "",
-            adminId: adminData.value.id
-        }
-    }
+      pageNum: pagination.value.pageNum,
+      pageSize: pagination.value.pageSize,
+      cashRecordDTO: {
+        jwcode: searchForm.value.jwcode,
+        name: searchForm.value.name,
+        markets: searchForm.value.markets && searchForm.value.markets.length > 0 ? [searchForm.value.markets[searchForm.value.markets.length - 1]] : [],
+        goodsName: goodsName,
+        statuses: statusParam.value,
+        paymentCurrency: CurrencyForId(searchForm.value.paymentCurrency),
+        payType: searchForm.value.payType,
+        startTime: dateRange.value && dateRange.value[0] ? dayjs(dateRange.value[0]).format('YYYY-MM-DD HH:mm:ss') : "",
+        endTime: dateRange.value && dateRange.value[1] ? dayjs(dateRange.value[1]).format('YYYY-MM-DD HH:mm:ss') : "",
+        adminId: adminData.value.id
+      }
+    }
+
+    const result = await API({
+      url: '/Money/select',
+      method: 'POST',
+      data: params
+    })
+
+    tableData.value = result.data.list || []
+    pagination.value.total = result.data.total || 0
+  } catch (error) {
+    ElMessage.error(error.message || '查询失败')
+  }
+}
+// 审核通过
+const handlePass = async function () {
+  if (!hasMenuPermission(menuTree.value, permissionMapping.audit_headquarters_refund)) {
+    ElMessage.error('无此权限')
+    return
+  }
+  try {
+    const params = {
+      id: auditRow.value.id,
+      executor: addForm.value.executor,
+      status: 40,
+      headFinance: adminData.value.adminName,
+      auditId: auditRow.value.auditId,
+      goodsName: auditRow.value.goodsName,
+      permanentGold: auditRow.value.permanentGold * 100,
+      freeGold: auditRow.value.freeGold * 100,
+      orderCode: auditRow.value.orderCode,
+      jwcode: auditRow.value.jwcode,
+      adminId: adminData.value.id
+    }
+    const result = await API({
+      url: '/Money/finalReview',
+      data: params
+    })
+    if (result.code === 200) {
+      ElMessage.success('审核通过')
+      showAudit2.value = false
+      getRefund()
+      hideExecutor()
+    }
+  } catch (error) {
+    ElMessage.error(error.message || '审核失败')
+  }
+}
+// 审核驳回
+const handleReject = async function () {
+  if (!hasMenuPermission(menuTree.value, permissionMapping.audit_headquarters_refund)) {
+    ElMessage.error('无此权限')
+    return
+  }
+  try {
+    const params = {
+      id: auditRow.value.id,
+      status: 32,
+      rejectReason: addForm.value.remark,
+      headFinance: adminData.value.adminName,
+      auditId: auditRow.value.auditId,
+      orderCode: auditRow.value.orderCode,
+      adminId: adminData.value.id
+    }
+    const result = await API({
+      url: '/Money/finalReview',
+      data: params
+    })
+    if (result.code === 200) {
+      ElMessage.success('审核驳回')
+      showAudit2.value = false
+      getRefund()
+      addForm.value.remark = ''
+      showReject.value = false
+    }
+  } catch (error) {
+    ElMessage.error(error.message || '审核失败')
+  }
+}
+const getMarket = async function () {
+  try {
+    const result = await API({
 
-    const res = await API({ url: '/export/exportFinance', data: params })
-    if (res.code === 200) {
-        ElMessage.success('导出成功')
-    } else {
-        ElMessage.error(res.msg || '导出失败')
-    }
+      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.id,
+          label: child.name,
+          children: grandchildren
+        };
+      });
+    };
+    market.value = transformTree(result.data)
+    console.log('转换后的地区树==============', market.value)
+  } catch (error) {
+    console.log('请求失败', error)
+  }
+}
+const hideReject = function () {
+  showReject.value = false
+  addForm.value.remark = ''
+}
+const exportExcel = async function () {
+  const statusParam = ref([30, 32, 40, 41])// 默认：看不到进度没到这里的
+  if (searchForm.value.statuses === '待审核') {
+    statusParam.value = [30]
+  } else if (searchForm.value.statuses === '审核通过') {
+    statusParam.value = [40]
+  } else if (searchForm.value.statuses === '已驳回') {
+    statusParam.value = [32]
+  } else if (searchForm.value.statuses === '退款成功') {
+    statusParam.value = [41]
+  } else {
+    statusParam.value = [30, 32, 40, 41]
+  }
+
+  const goodsName = searchForm.value.goodsName && searchForm.value.goodsName.length > 0
+      ? searchForm.value.goodsName[searchForm.value.goodsName.length - 1] : ''
+
+  if (searchForm.value.jwcode) {
+    const isPositiveInteger = /^[1-9]\d*$/.test(searchForm.value.jwcode);
+    if (!isPositiveInteger) {
+      ElMessage.error('请输入正确的精网号')
+      return;
+    }
+  }
+  // 增加精网号长度限制，防止后端400错误
+  if (searchForm.value.jwcode.length > 8) {
+    ElMessage.error('精网号长度不能超过8位')
+    return;
+  }
+
+  const params = {
+    pageNum: pagination.value.pageNum,
+    pageSize: pagination.value.pageSize,
+    cashRecordDTO: {
+      jwcode: searchForm.value.jwcode,
+      name: searchForm.value.name,
+      markets: searchForm.value.markets && searchForm.value.markets.length > 0 ? [searchForm.value.markets[searchForm.value.markets.length - 1]] : [],
+      goodsName: goodsName,
+      statuses: statusParam.value,
+      paymentCurrency: CurrencyForId(searchForm.value.paymentCurrency),
+      payType: searchForm.value.payType,
+      startTime: dateRange.value && dateRange.value[0] ? dayjs(dateRange.value[0]).format('YYYY-MM-DD HH:mm:ss') : "",
+      endTime: dateRange.value && dateRange.value[1] ? dayjs(dateRange.value[1]).format('YYYY-MM-DD HH:mm:ss') : "",
+      adminId: adminData.value.id
+    }
+  }
+
+  const res = await API({ url: '/export/exportFinance', data: params })
+  if (res.code === 200) {
+    ElMessage.success('导出成功')
+  } else {
+    ElMessage.error(res.msg || '导出失败')
+  }
 }
 const openExportList = () => {
-    getExportList()
-    exportListVisible.value = true
+  getExportList()
+  exportListVisible.value = true
 }
 const getExportList = async () => {
-    exportListLoading.value = true
-    try {
-        const result = await API({ url: '/export/export' })
-        if (result.code === 200) {
-            const filteredData = result.data.filter(item => {
-                return item.type === 12
-            })
-            exportList.value = filteredData
-        } else {
-            ElMessage.error(result.msg || '获取导出列表失败')
-        }
-    } catch (error) {
-        console.error('获取导出列表出错:', error)
-        ElMessage.error('获取导出列表失败，请稍后重试')
-    } finally {
-        exportListLoading.value = false
-    }
+  exportListLoading.value = true
+  try {
+    const result = await API({ url: '/export/export' })
+    if (result.code === 200) {
+      const filteredData = result.data.filter(item => {
+        return item.type === 12
+      })
+      exportList.value = filteredData
+    } else {
+      ElMessage.error(result.msg || '获取导出列表失败')
+    }
+  } catch (error) {
+    console.error('获取导出列表出错:', error)
+    ElMessage.error('获取导出列表失败，请稍后重试')
+  } finally {
+    exportListLoading.value = false
+  }
 }
 const downloadExportFile = (item) => {
-    if (item.state === 2) {
-        const link = document.createElement('a')
-        link.href = item.url
-        link.download = item.fileName
-        link.click()
-    } else {
-        ElMessage.warning('文件还在导出中，请稍后再试')
-    }
+  if (item.state === 2) {
+    const link = document.createElement('a')
+    link.href = item.url
+    link.download = item.fileName
+    link.click()
+  } else {
+    ElMessage.warning('文件还在导出中，请稍后再试')
+  }
 }
 const getTagType = (state) => {
-    switch (state) {
-        case 0:
-            return 'info';
-        case 1:
-            return 'primary';
-        case 2:
-            return 'success';
-        case 3:
-            return 'danger';
-        default:
-            return 'info';
-    }
+  switch (state) {
+    case 0:
+      return 'info';
+    case 1:
+      return 'primary';
+    case 2:
+      return 'success';
+    case 3:
+      return 'danger';
+    default:
+      return 'info';
+  }
 }
 //根据状态返回对应的标签文案
 const getTagText = (state) => {
-    switch (state) {
-        case 0:
-            return '待执行';
-        case 1:
-            return '执行中';
-        case 2:
-            return '执行完成';
-        case 3:
-            return '执行出错';
-        default:
-            return '未知状态';
-    }
+  switch (state) {
+    case 0:
+      return '待执行';
+    case 1:
+      return '执行中';
+    case 2:
+      return '执行完成';
+    case 3:
+      return '执行出错';
+    default:
+      return '未知状态';
+  }
 }
 const reset = function () {
-    searchForm.value = {
-        jwcode: '',
-        markets: [],
-        statuses: []
-    }
-    // 重置页码
-    pagination.value.pageNum = 1
+  searchForm.value = {
+    jwcode: '',
+    markets: [],
+    statuses: []
+  }
+  // 重置页码
+  pagination.value.pageNum = 1
 
-    dateRange.value = []
-    getRefund()
+  dateRange.value = []
+  getRefund()
 }
 const showStep = function (row) {
-    if (!hasMenuPermission(menuTree.value, permissionMapping.track_headquarters_refund_progress)) {
-        ElMessage.error('无此权限')
-        return
-    }
-
-    isReject.value = false
-    submitter.value = row.submitter || ''
-    areaFinance.value = row.areaFinance || ''
-    areaCharge.value = row.areaCharge || ''
-    headFinance.value = row.headFinance || ''
-    executor.value = row.executorName || ''
-    currentStep.value = 1
-
-    const status = row.status
-    if (statusStepMap[status]) {
-        const [step, reject] = statusStepMap[status]
-        currentStep.value = step
-        isReject.value = reject
-    }
-
-    console.log('步骤条状态', currentStep.value)
-    showSteps.value = true
+  if (!hasMenuPermission(menuTree.value, permissionMapping.track_headquarters_refund_progress)) {
+    ElMessage.error('无此权限')
+    return
+  }
+
+  isReject.value = false
+  submitter.value = row.submitter || ''
+  areaFinance.value = row.areaFinance || ''
+  areaCharge.value = row.areaCharge || ''
+  headFinance.value = row.headFinance || ''
+  executor.value = row.executorName || ''
+  currentStep.value = 1
+
+  const status = row.status
+  if (statusStepMap[status]) {
+    const [step, reject] = statusStepMap[status]
+    currentStep.value = step
+    isReject.value = reject
+  }
+
+  console.log('步骤条状态', currentStep.value)
+  showSteps.value = true
 }
 const hideExecutor = function () {
-    addForm.value.executor = ''
-    showExecutor.value = false
+  addForm.value.executor = ''
+  showExecutor.value = false
 }
 const showAudit = function (row) {
-    auditRow.value = row
-    showAudit2.value = true
+  auditRow.value = row
+  showAudit2.value = true
 }
 const defaultTime = [
-    new Date(2000, 1, 1, 0, 0, 0),
-    new Date(2000, 2, 1, 23, 59, 59),
+  new Date(2000, 1, 1, 0, 0, 0),
+  new Date(2000, 2, 1, 23, 59, 59),
 ]
 const disabledDate = (time) => {
-    const limitDate = new Date(2025, 0, 1);
-    return time.getTime() < limitDate.getTime();
+  const limitDate = new Date(2025, 0, 1);
+  return time.getTime() < limitDate.getTime();
 }
 const handlePageSizeChange = function (val) {
-    pagination.value.pageSize = val
-    getRefund()
+  pagination.value.pageSize = val
+  getRefund()
 }
 const handleCurrentChange = function (val) {
-    pagination.value.pageNum = val
-    getRefund()
+  pagination.value.pageNum = val
+  getRefund()
 }
 onMounted(() => {
-    console.log('???????????????????', adminData.value)
-    getRefund()
-    getMarket()
+  console.log('???????????????????', adminData.value)
+  getRefund()
+  getMarket()
 })
 </script>
 <style scoped lang="scss">
@@ -805,135 +806,135 @@ onMounted(() => {
 :deep(.el-table__body-wrapper),
 :deep(.el-table__cell),
 :deep(.el-table__body td) {
-    background-color: #F3FAFE !important;
+  background-color: #F3FAFE !important;
 }
 
 :deep(.el-table__header th) {
-    background-color: #F3FAFE !important;
+  background-color: #F3FAFE !important;
 }
 
 .condition {
-    width: 82vw;
+  width: 82vw;
+  display: flex;
+  align-items: center;
+  height: 4vh;
+
+  .item1 {
+    width: 18%;
     display: flex;
     align-items: center;
-    height: 4vh;
-
-    .item1 {
-        width: 18%;
-        display: flex;
-        align-items: center;
-        margin-bottom: 1vh;
-        margin-right: 0.5vw;
-    }
+    margin-bottom: 1vh;
+    margin-right: 0.5vw;
+  }
 
-    .item2 {
-        width: 18%;
-        display: flex;
-        align-items: center;
-        margin-right: 0.5vw;
-    }
+  .item2 {
+    width: 18%;
+    display: flex;
+    align-items: center;
+    margin-right: 0.5vw;
+  }
 }
 
 .audit1 {
-    height: 47vh;
+  height: 47vh;
 
-    .audit-item {
-        display: flex;
-        align-items: center;
-        margin-bottom: 1vh;
-    }
+  .audit-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 1vh;
+  }
 }
 
 .audit2 {
-    display: flex;
-    justify-content: center;
+  display: flex;
+  justify-content: center;
 
 
-    .top {
-        width: 30vw;
-        height: 22vh;
-
-        .top-item {
-            display: flex;
-            align-items: center;
-            margin-bottom: 1vh;
-        }
-    }
+  .top {
+    width: 30vw;
+    height: 22vh;
 
-    .smallTitle {
-        background-color: white;
-        color: rgb(64, 158, 255);
-        border-color: rgb(64, 158, 255);
-        margin-bottom: 0.5vh;
+    .top-item {
+      display: flex;
+      align-items: center;
+      margin-bottom: 1vh;
     }
+  }
 
-    .center {
-        display: flex;
-        width: 30vw;
-        height: 35vh;
-
-        .dialog-item {
-            display: flex;
-            align-items: center;
-            margin-bottom: 1vh;
-        }
-
-        .center-left {
-            width: 60%;
-            height: 35vh;
-
-            :deep(.el-upload--picture-card) {
-                width: 4vw !important;
-                height: 4vw !important;
-                padding: 0 !important;
-            }
-
-            .center-item {
-                display: flex;
-                align-items: center;
-                margin-bottom: 1vh;
-            }
-        }
-
-        .center-right {
-            height: 35vh;
-
-            .right-item {
-                display: flex;
-                align-items: center;
-                margin-bottom: 1vh;
-            }
-        }
-    }
+  .smallTitle {
+    background-color: white;
+    color: rgb(64, 158, 255);
+    border-color: rgb(64, 158, 255);
+    margin-bottom: 0.5vh;
+  }
 
-    .bottom {
-        width: 30vw;
-        height: 12vh;
+  .center {
+    display: flex;
+    width: 30vw;
+    height: 35vh;
 
-        .bottom-item {
-            display: flex;
-            align-items: center;
-            margin-bottom: 1vh;
-        }
+    .dialog-item {
+      display: flex;
+      align-items: center;
+      margin-bottom: 1vh;
     }
-}
 
-.steps {
-    .steps-content {
-        padding-top: 15vw;
-    }
+    .center-left {
+      width: 60%;
+      height: 35vh;
 
-    .steps-status {
+      :deep(.el-upload--picture-card) {
+        width: 4vw !important;
+        height: 4vw !important;
+        padding: 0 !important;
+      }
+
+      .center-item {
         display: flex;
         align-items: center;
-        justify-content: center;
+        margin-bottom: 1vh;
+      }
     }
 
-    .steps-btn {
-        height: 15vh;
+    .center-right {
+      height: 35vh;
+
+      .right-item {
         display: flex;
-        justify-content: center;
         align-items: center;
+        margin-bottom: 1vh;
+      }
+    }
+  }
+
+  .bottom {
+    width: 30vw;
+    height: 12vh;
+
+    .bottom-item {
+      display: flex;
+      align-items: center;
+      margin-bottom: 1vh;
     }
+  }
+}
+
+.steps {
+  .steps-content {
+    padding-top: 15vw;
+  }
+
+  .steps-status {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .steps-btn {
+    height: 15vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/moneyManage/refundDetail/refundService.vue b/src/views/moneyManage/refundDetail/refundService.vue
index bac3cf2..4506ae4 100644
--- a/src/views/moneyManage/refundDetail/refundService.vue
+++ b/src/views/moneyManage/refundDetail/refundService.vue
@@ -1,229 +1,229 @@
 <!-- 客服 -->
 <template>
-    <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>
-                <el-input v-model="searchForm.jwcode" placeholder="请输入精网号" style="width:9vw;" clearable />
-            </div>
-            <div class="item1">
-                <el-text size="large" style="width:4vw;">客户姓名</el-text>
-                <el-input v-model="searchForm.name" placeholder="请输入客户姓名" style="width:9vw;" clearable />
-            </div>
-            <div class="item1">
-                <el-text size="large" style="width:4vw;">产品名称</el-text>
-                <el-cascader v-model="searchForm.goodsName" :options="productList" style="width: 10vw;" clearable />
-            </div>
-            <div class="item1" v-if="adminData.markets === '总部'">
-                <el-text size="large" style="width:4vw;">所属地区</el-text>
-                <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;" multiple>订单状态</el-text>
-                <el-select v-model="searchForm.statuses" style="width:9vw;" clearable>
-                    <el-option v-for="item in statusList" :key="item" :label="item" :value="item" />
-                </el-select>
-            </div>
+  <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;">{{ $t('common.jwcode') }}</el-text>
+        <el-input v-model="searchForm.jwcode" :placeholder="$t('common.jwcodePlaceholder')" style="width:9vw;" clearable />
+      </div>
+      <div class="item1">
+        <el-text size="large" style="width:4vw;">{{ $t('elmessage.customerName') }}</el-text>
+        <el-input v-model="searchForm.name" :placeholder="$t('common.customerNamePlaceholder')" style="width:9vw;" clearable />
+      </div>
+      <div class="item1">
+        <el-text size="large" style="width:4vw;">{{ $t('common.goodsName') }}</el-text>
+        <el-cascader v-model="searchForm.goodsName" :options="productList" style="width: 10vw;" clearable />
+      </div>
+      <div class="item1" v-if="adminData.markets === '总部'">
+        <el-text size="large" style="width:4vw;">{{ $t('common.market') }}</el-text>
+        <el-cascader style="width: 9vw;" v-model="searchForm.market" :options="market" :placeholder="$t('common.marketPlaceholder')"
+                     clearable @change="handleMarketChange" />
+      </div>
+      <div class="item1">
+        <el-text size="large" style="width:4vw;">{{ $t('common.orderStatus') }}</el-text>
+        <el-select v-model="searchForm.statuses" style="width:9vw;" clearable>
+          <el-option v-for="item in statusList" :key="item" :label="t('cash_refund.' + item)" :value="item" />
+        </el-select>
+      </div>
+    </div>
+    <div class="condition">
+      <div class="item2">
+        <el-text size="large" style="width:4vw;">{{ $t('cash_refund.paymentCurrency') }}</el-text>
+        <el-select v-model="searchForm.paymentCurrency" style="width:9vw;" clearable>
+          <el-option v-for="item in currencies" :key="item" :label="item" :value="item" />
+        </el-select>
+      </div>
+      <div class="item2">
+        <el-text size="large" style="width:4vw;">{{ $t('common.payType') }}</el-text>
+        <el-select v-model="searchForm.payType" style="width:9vw;" clearable>
+          <el-option v-for="item in channelOptions" :key="item" :label="item" :value="item" />
+        </el-select>
+      </div>
+      <div class="item2" style="width: 28.5vw;">
+        <el-text size="large" style="width:4vw;">{{ $t('common.payTime') }}</el-text>
+        <el-date-picker v-model="dateRange" type="datetimerange" :range-separator="$t('common.to')" :start-placeholder="$t('common.startTime')"
+                        :end-placeholder="$t('common.endTime')" style="width:22vw;" :disabled-date="disabledDate" :default-time="defaultTime"
+                        clearable />
+      </div>
+      <div>
+        <el-button type="primary" @click="getRefund">{{ $t('common.search') }}</el-button>
+        <el-button type="success" @click="reset">{{ $t('common.reset') }}</el-button>
+      </div>
+    </div>
+  </el-card>
+
+  <el-card style="margin-top: 0.5vh;background-color: rgb(231,244,253);">
+    <el-table :data="tableData" style="height:73vh;width:82vw;background-color: rgb(243,250,254);">
+      <el-table-column type="index" :label="$t('common_list.id')" width="60" fixed="left">
+        <template #default="scope">
+          {{ scope.$index + 1 + (pagination.pageNum - 1) * pagination.pageSize }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="jwcode" :label="$t('common_list.homilyId')" width="120" fixed="left" />
+      <el-table-column prop="name" :label="$t('common_list.name')" width="120" fixed="left" show-overflow-tooltip />
+      <el-table-column prop="marketName" :label="$t('common_list.market')" width="120" />
+      <el-table-column prop="activity" :label="$t('common.activityName')" width="120px" show-overflow-tooltip />
+      <el-table-column prop="goodsName" :label="$t('common_list.goodsName')" width="130" show-overflow-tooltip />
+      <el-table-column prop="goodsNum" :label="$t('common_list.goodsNum')" width="120" />
+      <el-table-column prop="paymentCurrency" :label="$t('cash_refund.paymentCurrency')" width="120" />
+      <el-table-column prop="paymentAmount" :label="$t('cash_refund.paymentAmount')" width="120" />
+      <el-table-column prop="payType" :label="$t('common_list.payModel')" width="140" />
+      <el-table-column prop="payTime" :label="$t('common.payTime')" width="180" />
+      <el-table-column prop="voucher" :label="$t('cash_refund.payVoucher')" width="110px">
+        <template #default="scope">
+          <div v-if="scope.row.voucher"
+               style="display: flex; justify-content: center; align-items: center; cursor: pointer;"
+               @click="previewImage(scope.row.voucher)">
+            <img :src="scope.row.voucher" alt="转账凭证" style="width: auto; height: 40px;">
+          </div>
+          <div v-else style="display: flex; justify-content: center; align-items: center; height: 40px;">{{ $t('cash_refund.noVoucher') }}
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column prop="remark" :label="$t('common_list.remark')" width="150" show-overflow-tooltip />
+      <el-table-column prop="status" :label="$t('common_list.orderStatus')" width="120">
+        <template #default="scope">
+          {{
+            [10].includes(scope.row.status) ? t('cash_refund.submitted') :
+                [20, 30, 40].includes(scope.row.status) ? t('cash_refund.inProgress') :
+                    [12, 22, 32].includes(scope.row.status) ? t('cash_refund.rejected') :
+                        [11].includes(scope.row.status) ? t('cash_refund.withdrawn') :
+                            scope.row.status === 41 ? t('audit.RefundSuccessful') :
+                                scope.row.status
+          }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="operation" :label="$t('audit.operation')" fixed="right" width="100px">
+        <template #default="scope">
+          <div class="operation">
+            <el-button v-if="scope.row.status === 10" type="primary" text
+                       @click="showBackDialog(scope.row)">
+              {{ $t('common.cancel') }}
+            </el-button>
+            <el-button v-if="scope.row.status === 11" type="primary" text
+                       @click="showEditDialog(scope.row)">
+              {{ $t('common.edit') }}
+            </el-button>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination v-model:current-page="pagination.pageNum" v-model:page-size="pagination.pageSize"
+                   layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
+                   @size-change="handlePageSizeChange" @current-change="handleCurrentChange"
+                   style="margin-top: 1vh;"></el-pagination>
+  </el-card>
+
+  <el-dialog v-model="showEdit" :title="$t('refund.addCoinRefund')" class="editDialog" overflow draggable
+             style="width: 40vw; background-color: #F3FAFE !important;">
+    <div style="display: flex;">
+      <div class="left">
+        <div class="add-item">
+          <el-text style="width:4vw;">{{ $t('common.jwcode') }}</el-text>
+          <el-input v-model="editRow.jwcode" style="width:10vw;" disabled />
         </div>
-        <div class="condition">
-            <div class="item2">
-                <el-text size="large" style="width:4vw;">付款币种</el-text>
-                <el-select v-model="searchForm.paymentCurrency" style="width:9vw;" clearable>
-                    <el-option v-for="item in currencies" :key="item" :label="item" :value="item" />
-                </el-select>
-            </div>
-            <div class="item2">
-                <el-text size="large" style="width:4vw;">支付方式</el-text>
-                <el-select v-model="searchForm.payType" style="width:9vw;" clearable>
-                    <el-option v-for="item in channelOptions" :key="item" :label="item" :value="item" />
-                </el-select>
-            </div>
-            <div class="item2" style="width: 28.5vw;">
-                <el-text size="large" style="width:4vw;">付款时间</el-text>
-                <el-date-picker v-model="dateRange" type="datetimerange" range-separator="至" start-placeholder="起始时间"
-                    end-placeholder="结束时间" style="width:22vw;" :disabled-date="disabledDate" :default-time="defaultTime"
-                    clearable />
-            </div>
-            <div>
-                <el-button type="primary" @click="getRefund">查询</el-button>
-                <!-- <el-button type="warning">导出excel</el-button>
-                <el-button type="primary">查看导出列表</el-button> -->
-                <el-button type="success" @click="reset">重置</el-button>
-            </div>
+        <div class="add-item">
+          <el-text style="width:4vw;">{{ $t('elmessage.customerName') }}</el-text>
+          <el-input v-model="editRow.name" style="width:10vw;" disabled />
         </div>
-    </el-card>
-
-    <el-card style="margin-top: 0.5vh;background-color: rgb(231,244,253);">
-        <el-table :data="tableData" style="height:73vh;width:82vw;background-color: rgb(243,250,254);">
-            <el-table-column type="index" label="序号" width="60" fixed="left">
-                <template #default="scope">
-                    {{ scope.$index + 1 + (pagination.pageNum - 1) * pagination.pageSize }}
-                </template>
-            </el-table-column>
-            <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 />
-            <el-table-column prop="marketName" label="所属地区" width="120" />
-            <el-table-column prop="activity" label="活动名称" width="120px" show-overflow-tooltip />
-            <el-table-column prop="goodsName" label="产品名称" width="130" show-overflow-tooltip />
-            <el-table-column prop="goodsNum" label="产品数量" width="120" />
-            <el-table-column prop="paymentCurrency" label="付款币种" width="120" />
-            <el-table-column prop="paymentAmount" label="付款金额" width="120" />
-            <el-table-column prop="payType" label="支付方式" width="140" />
-            <el-table-column prop="payTime" label="付款时间" width="180" />
-            <el-table-column prop="voucher" label="转账凭证" width="110px">
-                <template #default="scope">
-                    <div v-if="scope.row.voucher"
-                        style="display: flex; justify-content: center; align-items: center; cursor: pointer;"
-                        @click="previewImage(scope.row.voucher)">
-                        <img :src="scope.row.voucher" alt="转账凭证" style="width: auto; height: 40px;">
-                    </div>
-                    <div v-else style="display: flex; justify-content: center; align-items: center; height: 40px;">无转账凭证
-                    </div>
-                </template>
-            </el-table-column>
-            <el-table-column prop="remark" label="备注" width="150" show-overflow-tooltip />
-            <el-table-column prop="status" label="订单状态" width="120">
-                <template #default="scope">
-                    {{
-                        [10].includes(scope.row.status) ? '已提交' :
-                            [20, 30, 40].includes(scope.row.status) ? '进行中' :
-                                [12, 22, 32].includes(scope.row.status) ? '已驳回' :
-                                    [11].includes(scope.row.status) ? '已撤回' :
-                                        scope.row.status === 41 ? '已退款' : scope.row.status
-                    }}
-                </template>
-            </el-table-column>
-            <el-table-column prop="operation" label="操作" fixed="right" width="100px">
-                <template #default="scope">
-                    <div class="operation">
-                        <el-button v-if="scope.row.status === 10" type="primary" text
-                            @click="showBackDialog(scope.row)">
-                            撤回
-                        </el-button>
-                        <el-button v-if="scope.row.status === 11" type="primary" text
-                            @click="showEditDialog(scope.row)">
-                            编辑
-                        </el-button>
-                    </div>
-                </template>
-            </el-table-column>
-        </el-table>
-        <el-pagination v-model:current-page="pagination.pageNum" v-model:page-size="pagination.pageSize"
-            layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
-            @size-change="handlePageSizeChange" @current-change="handleCurrentChange"
-            style="margin-top: 1vh;"></el-pagination>
-    </el-card>
-
-    <el-dialog v-model="showEdit" title="退款" class="editDialog" overflow draggable
-        style="width: 40vw; background-color: #F3FAFE !important;">
-        <div style="display: flex;">
-            <div class="left">
-                <div class="add-item">
-                    <el-text style="width:4vw;">精网号</el-text>
-                    <el-input v-model="editRow.jwcode" style="width:10vw;" disabled />
-                </div>
-                <div class="add-item">
-                    <el-text style="width:4vw;">客户姓名</el-text>
-                    <el-input v-model="editRow.name" style="width:10vw;" disabled />
-                </div>
-                <div class="add-item">
-                    <el-text style="width:4vw;">所属地区</el-text>
-                    <el-input v-model="editRow.marketName" style="width:10vw;" disabled />
-                </div>
-                <div class="add-item">
-                    <el-text style="width:4vw;">活动名称</el-text>
-                    <el-input v-model="editRow.activity" style="width:10vw;" disabled />
-                </div>
-                <div class="add-item">
-                    <el-text style="width:4vw;">产品名称</el-text>
-                    <el-input v-model="editRow.goodsName" style="width:10vw;" disabled />
-                </div>
-                <div class="add-item">
-                    <el-text style="width:4vw;">产品数量</el-text>
-                    <el-input v-model="editRow.goodsNum" style="width:10vw;" disabled />
-                    &nbsp;个
-                </div>
-                <div class="add-item">
-                    <el-text style="width:4vw;">付款币种</el-text>
-                    <el-input v-model="editRow.paymentCurrency" style="width:10vw;" disabled />
-                </div>
-                <div class="add-item">
-                    <el-text style="width:4vw;">付款金额</el-text>
-                    <el-input v-model="editRow.paymentAmount" style="width:10vw;" disabled />
-                </div>
-                <div class="add-item">
-                    <el-text style="width:4vw;">支付方式</el-text>
-                    <el-input v-model="editRow.payType" style="width:10vw;" disabled />
-                </div>
-                <div class="add-item">
-                    <el-text style="width:4vw;">付款时间</el-text>
-                    <el-date-picker v-model="editRow.payTime" type="datetime" style="width:10vw;" disabled />
-                </div>
-                <div class="add-item">
-                    <el-text style="width:4vw;">转账凭证</el-text>
-                    <img v-if="editRow.voucher" :src="editRow.voucher"
-                        style="width: 80px; height: 80px; object-fit: cover;">
-                    <div v-else>
-                        无转账凭证
-                    </div>
-                </div>
-                <div class="add-item">
-                    <el-text style="width:4vw;">备注</el-text>
-                    <el-input v-model="editRow.remark" style="width:10vw;" :rows="3" type="textarea" maxLength="100"
-                        disabled show-word-limit />
-                </div>
-            </div>
-            <div class="right">
-                <div class="add-item">
-                    <el-text style="width:4vw;">退款类型</el-text>
-                    <el-radio-group v-model="editForm.refundModel">
-                        <el-radio value="0">全部退款</el-radio>
-                        <el-radio value="1">部分退款</el-radio>
-                    </el-radio-group>
-                </div>
-                <div class="add-item" v-show="editRow.goodsName === '金币充值' && editForm.refundModel === '1'">
-                    <el-text style="width:4vw;">永久金币</el-text>
-                    <el-input v-model="editForm.partRefundGold" style="width:5vw;" />&nbsp;&nbsp;个
-                </div>
-                <div class="add-item" v-show="editRow.goodsName === '金币充值' && editForm.refundModel === '1'">
-                    <el-text style="width:4vw;">免费金币</el-text>
-                    <el-input v-model="editForm.partRefundFree" style="width:5vw;" />&nbsp;&nbsp;个
-                </div>
-                <div class="add-item">
-                    <el-text style="width:4vw;">退款理由</el-text>
-                    <el-input v-model="editForm.refundReason" style="width:10vw;" :rows="5" maxlength="150"
-                        show-word-limit type="textarea" />
-                </div>
-                <div>ps:请在退款理由表明用户的退款需求。</div>
-                <div style="display:flex;justify-content: center;margin-top: 5vh;">
-                    <el-button type="default" @click="cancelEdit">取消</el-button>
-                    <el-button type="primary" @click="submitEdit">提交</el-button>
-                </div>
-            </div>
+        <div class="add-item">
+          <el-text style="width:4vw;">{{ $t('common.market') }}</el-text>
+          <el-input v-model="editRow.marketName" style="width:10vw;" disabled />
         </div>
-    </el-dialog>
+        <div class="add-item">
+          <el-text style="width:4vw;">{{ $t('common.activityName') }}</el-text>
+          <el-input v-model="editRow.activity" style="width:10vw;" disabled />
+        </div>
+        <div class="add-item">
+          <el-text style="width:4vw;">{{ $t('common_list.goodsName') }}</el-text>
+          <el-input v-model="editRow.goodsName" style="width:10vw;" disabled />
+        </div>
+        <div class="add-item">
+          <el-text style="width:4vw;">{{ $t('common_list.goodsNum') }}</el-text>
+          <el-input v-model="editRow.goodsNum" style="width:10vw;" disabled />
+          &nbsp;{{ $t('common.个') }}
+        </div>
+        <div class="add-item">
+          <el-text style="width:4vw;">{{ $t('cash_refund.paymentCurrency') }}</el-text>
+          <el-input v-model="editRow.paymentCurrency" style="width:10vw;" disabled />
+        </div>
+        <div class="add-item">
+          <el-text style="width:4vw;">{{ $t('cash_refund.paymentAmount') }}</el-text>
+          <el-input v-model="editRow.paymentAmount" style="width:10vw;" disabled />
+        </div>
+        <div class="add-item">
+          <el-text style="width:4vw;">{{ $t('common_list.payModel') }}</el-text>
+          <el-input v-model="editRow.payType" style="width:10vw;" disabled />
+        </div>
+        <div class="add-item">
+          <el-text style="width:4vw;">{{ $t('common.payTime') }}</el-text>
+          <el-date-picker v-model="editRow.payTime" type="datetime" style="width:10vw;" disabled />
+        </div>
+        <div class="add-item">
+          <el-text style="width:4vw;">{{ $t('cash_refund.payVoucher') }}</el-text>
+          <img v-if="editRow.voucher" :src="editRow.voucher"
+               style="width: 80px; height: 80px; object-fit: cover;">
+          <div v-else>
+            {{ $t('cash_refund.noVoucher') }}
+          </div>
+        </div>
+        <div class="add-item">
+          <el-text style="width:4vw;">{{ $t('common_list.remark') }}</el-text>
+          <el-input v-model="editRow.remark" style="width:10vw;" :rows="3" type="textarea" maxLength="100"
+                    disabled show-word-limit />
+        </div>
+      </div>
+      <div class="right">
+        <div class="add-item">
+          <el-text style="width:4vw;">{{ $t('cash_refund.refundModel') }}</el-text>
+          <el-radio-group v-model="editForm.refundModel">
+            <el-radio value="0">{{ $t('cash_refund.fullRefund') }}</el-radio>
+            <el-radio value="1">{{ $t('cash_refund.partialRefund') }}</el-radio>
+          </el-radio-group>
+        </div>
+        <div class="add-item" v-show="editRow.goodsName === '金币充值' && editForm.refundModel === '1'">
+          <el-text style="width:4vw;">{{ $t('common_list.permanentGold') }}</el-text>
+          <el-input v-model="editForm.partRefundGold" style="width:5vw;" />&nbsp;&nbsp;{{ $t('common.个') }}
+        </div>
+        <div class="add-item" v-show="editRow.goodsName === '金币充值' && editForm.refundModel === '1'">
+          <el-text style="width:4vw;">{{ $t('common_list.freeGold') }}</el-text>
+          <el-input v-model="editForm.partRefundFree" style="width:5vw;" />&nbsp;&nbsp;{{ $t('common.个') }}
+        </div>
+        <div class="add-item">
+          <el-text style="width:4vw;">{{ $t('common_list.refundReason') }}</el-text>
+          <el-input v-model="editForm.refundReason" style="width:10vw;" :rows="5" maxlength="150"
+                    show-word-limit type="textarea" />
+        </div>
+        <div>{{ $t('cash_refund.refundReasonTip') }}</div>
+        <div style="display:flex;justify-content: center;margin-top: 5vh;">
+          <el-button type="default" @click="cancelEdit">{{ $t('common.cancel') }}</el-button>
+          <el-button type="primary" @click="submitEdit">{{ $t('common.submit') }}</el-button>
+        </div>
+      </div>
+    </div>
+  </el-dialog>
 
-    <ConfirmDialog v-model="showBack" message="撤回该信息!" @confirm="recall" @cancel="showBack = false"
-        @close="showBack = false" />
+  <ConfirmDialog v-model="showBack" :message="t('cash_refund.will') + t('cash_refund.withdrawRecord')" @confirm="recall" @cancel="showBack = false"
+                 @close="showBack = false" />
 
-    <el-dialog v-model="showError" overflow draggable class="back-dialog" :style="{
+  <el-dialog v-model="showError" overflow draggable class="back-dialog" :style="{
         backgroundImage: `url(${RefundRecallBackground})`,
         backgroundSize: 'cover',
         backgroundPosition: 'center'
     }">
-        <div class="back-text">退 款 金 额 填 写 有 误</div>
-        <div class="back-btn">
-            <el-button type="default" @click="showError = false">取消</el-button>
-            <el-button type="primary" @click="" style="margin-left: 2vw;">确定</el-button>
-        </div>
-    </el-dialog>
+    <div class="back-text">{{ $t('cash_refund.refundAmountError') }}</div>
+    <div class="back-btn">
+      <el-button type="default" @click="showError = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="" style="margin-left: 2vw;">{{ $t('common.confirm') }}</el-button>
+    </div>
+  </el-dialog>
 </template>
+
 <script setup>
 import { ref, onMounted } from 'vue'
 import { ElMessage } from 'element-plus'
 import API from '@/util/http.js'
-const uploadUrl = 'https://api.homilychart.com/hljw/api/aws/upload'
+const uploadUrl = 'https://api.homilychart.com/hljw/api/aws/upload  '
 import { useAdminStore } from "@/store/index.js"
 import { storeToRefs } from "pinia"
 import dayjs from 'dayjs'
@@ -231,32 +231,31 @@ const adminStore = useAdminStore()
 const { adminData, menuTree } = storeToRefs(adminStore)
 import { permissionMapping, findMenuById, hasMenuPermission } from "@/utils/menuTreePermission.js"
 import ConfirmDialog from '@/components/dialogs/ConfirmDialog.vue'
-import { pa } from 'element-plus/es/locales.mjs'
 import { productList, CurrencyForId } from '@/views/moneyManage/receiveDetail/utils/staticData.js'
 import RefundRecallBackground from '@/assets/images/refund-recall.png'
-import { isNumber } from 'lodash'
-import { re } from 'mathjs'
+import { useI18n } from 'vue-i18n'
+const { t } = useI18n()
 
 const dateRange = ref([])
 const searchForm = ref({
-    jwcode: '',
-    market: [],
-    statuses: []
+  jwcode: '',
+  market: [],
+  statuses: []
 })
 const market = ref([])
 const backRow = ref({})// 撤回存数据
 const editRow = ref({})// 编辑存数据
 const editForm = ref({
-    refundModel: '',
-    refundReason: ''
+  refundModel: '',
+  refundReason: ''
 })
 const auditForm = ref({
-    refundType: ''
+  refundType: ''
 })
 const pagination = ref({
-    pageNum: 1,
-    pageSize: 50,
-    total: 0
+  pageNum: 1,
+  pageSize: 50,
+  total: 0
 })
 const tableData = ref([])
 const showEdit = ref(false)
@@ -264,371 +263,372 @@ const uploadRef = ref(null)
 const showBack = ref(false)
 const showError = ref(false)
 const isKF = adminData.value.adminName.includes('客服')
-const statusList = ref(['已提交', '已撤回', '进行中', '已退款', '已驳回'])
+const statusList = ref(['submitted', 'withdrawn', 'inProgress', 'RefundSuccessful', 'rejected'])
 // 查全部
 const getRefund = async function () {
-    if (!hasMenuPermission(menuTree.value, permissionMapping.view_customer_service_refund_pending)) {
-        ElMessage.error('无此权限')
-        return
+  if (!hasMenuPermission(menuTree.value, permissionMapping.view_customer_service_refund_pending)) {
+    ElMessage.error(t('elmessage.noPermission'))
+    return
+  }
+  try {
+    const statusParam = ref([])
+    if (searchForm.value.statuses === 'submitted') {
+      statusParam.value = [10]
+    } else if (searchForm.value.statuses === 'withdrawn') {
+      statusParam.value = [11]
+    } else if (searchForm.value.statuses === 'inProgress') {
+      statusParam.value = [20, 30, 40]
+    } else if (searchForm.value.statuses === 'RefundSuccessful') {
+      statusParam.value = [41]
+    } else if (searchForm.value.statuses === 'rejected') {
+      statusParam.value = [12, 22, 32]
     }
-    try {
-        const statusParam = ref([])
-        if (searchForm.value.statuses === '已提交') {
-            statusParam.value = [10]
-        } else if (searchForm.value.statuses === '已撤回') {
-            statusParam.value = [11]
-        } else if (searchForm.value.statuses === '进行中') {
-            statusParam.value = [20, 30, 40]
-        } else if (searchForm.value.statuses === '已退款') {
-            statusParam.value = [41]
-        } else if (searchForm.value.statuses === '已驳回') {
-            statusParam.value = [12, 22, 32]
-        }
-
-        const goodsName = searchForm.value.goodsName && searchForm.value.goodsName.length > 0
-            ? searchForm.value.goodsName[searchForm.value.goodsName.length - 1] : ''
-
-        if (searchForm.value.jwcode) {
-            const isPositiveInteger = /^[1-9]\d*$/.test(searchForm.value.jwcode);
-            if (!isPositiveInteger) {
-                ElMessage.error('请输入正确的精网号')
-                return;
-            }
-        }        
-        // 增加精网号长度限制，防止后端400错误
-        if (searchForm.value.jwcode.length > 8) {
-            ElMessage.error('精网号长度不能超过8位')
-            return;
-        }
-
-        const params = {
-            pageNum: pagination.value.pageNum,
-            pageSize: pagination.value.pageSize,
-            cashRecordDTO: {
-                jwcode: searchForm.value.jwcode,//精网号
-                name: searchForm.value.name,//姓名
-                markets: searchForm.value.market && searchForm.value.market.length > 0 ? [searchForm.value.market[searchForm.value.market.length - 1]] : [],
-                goodsName: goodsName,//商品名
-                statuses: statusParam.value,//10：地区财务待审核；12：地区财务驳回；
-                // 20：地区负责人待审核；22：地区负责人驳回；
-                // 30：总部财务待审核；32：总部财务驳回；
-                // 40：执行人待处理；41：执行人已处理，退款完成；
-                paymentCurrency: CurrencyForId(searchForm.value.paymentCurrency),//付款币种
-                payType: searchForm.value.payType,//支付方式
-                startTime: dateRange.value && dateRange.value[0] ? dayjs(dateRange.value[0]).format('YYYY-MM-DD HH:mm:ss') : "",
-                endTime: dateRange.value && dateRange.value[1] ? dayjs(dateRange.value[1]).format('YYYY-MM-DD HH:mm:ss') : "",
-                submitterId: adminData.value.id
-            }
-        }
-
-        const result = await API({
-            url: '/Money/selecta',
-            method: 'POST',
-            data: params
-        })
-
-        tableData.value = result.data.list || []
-        pagination.value.total = result.data.total || 0
-    } catch (error) {
-        ElMessage.error(error.message || '查询失败')
+
+    const goodsName = searchForm.value.goodsName && searchForm.value.goodsName.length > 0
+        ? searchForm.value.goodsName[searchForm.value.goodsName.length - 1] : ''
+
+    if (searchForm.value.jwcode) {
+      const isPositiveInteger = /^[1-9]\d*$/.test(searchForm.value.jwcode);
+      if (!isPositiveInteger) {
+        ElMessage.error(t('elmessage.invalidJwcodeFormat'))
+        return;
+      }
     }
+    // 增加精网号长度限制，防止后端400错误
+    if (searchForm.value.jwcode.length > 8) {
+      ElMessage.error(t('elmessage.jwcodeTooLong'))
+      return;
+    }
+
+    const params = {
+      pageNum: pagination.value.pageNum,
+      pageSize: pagination.value.pageSize,
+      cashRecordDTO: {
+        jwcode: searchForm.value.jwcode,//精网号
+        name: searchForm.value.name,//姓名
+        markets: searchForm.value.market && searchForm.value.market.length > 0 ? [searchForm.value.market[searchForm.value.market.length - 1]] : [],
+        goodsName: goodsName,//商品名
+        statuses: statusParam.value,//10：地区财务待审核；12：地区财务驳回；
+        // 20：地区负责人待审核；22：地区负责人驳回；
+        // 30：总部财务待审核；32：总部财务驳回；
+        // 40：执行人待处理；41：执行人已处理，退款完成；
+        paymentCurrency: CurrencyForId(searchForm.value.paymentCurrency),//付款币种
+        payType: searchForm.value.payType,//支付方式
+        startTime: dateRange.value && dateRange.value[0] ? dayjs(dateRange.value[0]).format('YYYY-MM-DD HH:mm:ss') : "",
+        endTime: dateRange.value && dateRange.value[1] ? dayjs(dateRange.value[1]).format('YYYY-MM-DD HH:mm:ss') : "",
+        submitterId: adminData.value.id
+      }
+    }
+
+    const result = await API({
+      url: '/Money/selecta',
+      method: 'POST',
+      data: params
+    })
+
+    tableData.value = result.data.list || []
+    pagination.value.total = result.data.total || 0
+  } catch (error) {
+    ElMessage.error(error.message || t('elmessage.requestFailed'))
+  }
 }
 // 撤回
 const recall = async function () {
-    if (!hasMenuPermission(menuTree.value, permissionMapping.withdraw_customer_service_refund)) {
-        ElMessage.error('无此权限')
-        return
+  if (!hasMenuPermission(menuTree.value, permissionMapping.withdraw_customer_service_refund)) {
+    ElMessage.error(t('elmessage.noPermission'))
+    return
+  }
+  try {
+    console.log(backRow.value)
+    const params = {
+      id: backRow.value.id,
+      status: backRow.value.status,
+      orderType: backRow.value.orderType
     }
-    try {
-        console.log(backRow.value)
-        const params = {
-            id: backRow.value.id,
-            status: backRow.value.status,
-            orderType: backRow.value.orderType
-        }
-        const result = await API({
-            url: '/Money/update',
-            data: params
-        })
-        if (result.code === 200) {
-            ElMessage.success(result.msg || '撤回成功')
-            showBack.value = false
-            getRefund()
-        } else {
-            ElMessage.error(result.msg || '撤回失败')
-        }
-    } catch (error) {
-        ElMessage.error(error.message || '撤回失败')
+    const result = await API({
+      url: '/Money/update',
+      data: params
+    })
+    if (result.code === 200) {
+      ElMessage.success(result.msg || t('elmessage.addSuccess'))
+      showBack.value = false
+      getRefund()
+    } else {
+      ElMessage.error(result.msg || t('elmessage.operationFailed'))
     }
+  } catch (error) {
+    ElMessage.error(error.message || t('elmessage.operationFailed'))
+  }
 }
 // 编辑
 const submitEdit = async function () {
-    if (!hasMenuPermission(menuTree.value, permissionMapping.edit_customer_service_refund)) {
-        ElMessage.error('无此权限')
+  if (!hasMenuPermission(menuTree.value, permissionMapping.edit_customer_service_refund)) {
+    ElMessage.error(t('elmessage.noPermission'))
+    return
+  }
+  try {
+    console.log(editRow.value)
+    if(!editForm.value.refundModel) {
+      ElMessage.error(t('elmessage.checkRefundModel'))
+      return
+    }else if(!editForm.value.refundReason) {
+      ElMessage.error(t('elmessage.checkRefundReason'))
+      return
+    }else if(editForm.value.refundModel == 1 && (!editForm.value.partRefundGold || !editForm.value.partRefundFree)) {
+      ElMessage.error(t('elmessage.checkRefundGold'))
+      return
+    }else if (editForm.value.refundModel == 1 && (editForm.value.partRefundGold || editForm.value.partRefundFree)) {
+      const isPositiveInteger = /^[1-9]\d*$/.test(editForm.value.partRefundGold)
+      if (!isPositiveInteger) {
+        ElMessage.error(t('elmessage.invalidPermanentGold'))
+        return
+      }
+      const isPositiveInteger1 = /^[1-9]\d*$/.test(editForm.value.partRefundFree)
+      if (!isPositiveInteger1) {
+        ElMessage.error(t('elmessage.invalidFreeGold'))
+        return
+      }
+    }
+    let params = {
+      id: editRow.value.id,
+      status: editRow.value.status,
+      refundModel: editForm.value.refundModel,
+      refundReason: editForm.value.refundReason,
+      jwcode: editRow.value.jwcode,
+      paymentAmount: editRow.value.paymentAmount,
+      paymentCurrency: editRow.value.paymentCurrency,
+      newRefundGold: (editForm.value.partRefundGold * 100),
+      newRefundFree: (editForm.value.partRefundFree) * 100
+
+    }
+    console.log(editRow.value.goodsName);
+
+    if (editRow.value.goodsName != '金币充值') {
+      params.newRefundGold = ''
+      params.newRefundFree = ''
+    }
+    if (editRow.value.goodsName == '金币充值') {
+      if (editForm.value.partRefundGold > editRow.value.gold) {
+        ElMessage.error(t('elmessage.refundGoldExceed'))
+        return
+      }
+      if (editForm.value.partRefundFree > editRow.value.free) {
+        ElMessage.error(t('elmessage.refundFreeExceed'))
         return
+      }
     }
-    try {
-        console.log(editRow.value)
-        if(!editForm.value.refundModel) {
-            ElMessage.error('请选择退款方式')
-            return
-        }else if(!editForm.value.refundReason) {
-            ElMessage.error('请输入退款理由')
-            return
-        }else if(editForm.value.refundModel == 1 && (!editForm.value.partRefundGold || !editForm.value.partRefundFree)) {
-            ElMessage.error('请输入退款金币数和免费金币数')
-            return
-        }else if (editForm.value.refundModel == 1 && (editForm.value.partRefundGold || editForm.value.partRefundFree)) {
-            const isPositiveInteger = /^[1-9]\d*$/.test(editForm.value.partRefundGold)
-            if (!isPositiveInteger) {
-                ElMessage.error('请输入正确的永久金币数')
-                return
-            }
-            const isPositiveInteger1 = /^[1-9]\d*$/.test(editForm.value.partRefundFree)
-            if (!isPositiveInteger1) {
-                ElMessage.error('请输入正确的免费金币数')
-                return
-            }
-        }
-        let params = {
-            id: editRow.value.id,
-            status: editRow.value.status,
-            refundModel: editForm.value.refundModel,
-            refundReason: editForm.value.refundReason,
-            jwcode: editRow.value.jwcode,
-            paymentAmount: editRow.value.paymentAmount,
-            paymentCurrency: editRow.value.paymentCurrency,
-            newRefundGold: (editForm.value.partRefundGold * 100),
-            newRefundFree: (editForm.value.partRefundFree) * 100
-
-        }
-        console.log(editRow.value.goodsName);
-
-        if (editRow.value.goodsName != '金币充值') {
-            params.newRefundGold = ''
-            params.newRefundFree = ''
-        }
-        if (editRow.value.goodsName == '金币充值') {
-            if (editForm.value.partRefundGold > editRow.value.gold) {
-                ElMessage.error('退款金币数不能大于原金币数')
-                return
-            }
-            if (editForm.value.partRefundFree > editRow.value.free) {
-                ElMessage.error('退款免费金币数不能大于原免费金币数')
-                return
-            }
-        }
-        const result = await API({
-            url: '/Money/update',
-            data: params
-        })
-        if (result.code === 200) {
-            ElMessage.success(result.msg || '编辑成功')
-            showEdit.value = false
-            getRefund()
-        } else {
-            ElMessage.error(result.msg || '编辑失败')
-        }
-    } catch (error) {
-        ElMessage.error(error.message || '编辑失败')
+    const result = await API({
+      url: '/Money/update',
+      data: params
+    })
+    if (result.code === 200) {
+      ElMessage.success(result.msg || t('elmessage.addSuccess'))
+      showEdit.value = false
+      getRefund()
+    } else {
+      ElMessage.error(result.msg || t('elmessage.addFailed'))
     }
+  } catch (error) {
+    ElMessage.error(error.message || t('elmessage.addFailed'))
+  }
 }
 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.id,
-                    label: child.name,
-                    children: grandchildren
-                };
-            });
+  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.id,
+          label: child.name,
+          children: grandchildren
         };
-        market.value = transformTree(result.data)
-        console.log('转换后的地区树==============', market.value)
-    } catch (error) {
-        console.log('请求失败', error)
-    }
+      });
+    };
+    market.value = transformTree(result.data)
+    console.log('转换后的地区树==============', market.value)
+  } catch (error) {
+    console.log('请求失败', error)
+  }
 }
 
 // 预览图片函数
 const previewImage = (imageUrl) => {
-    // 使用 element-plus 的 el-image 组件实现图片预览功能
-    const imageElement = document.createElement('img');
-    imageElement.src = imageUrl;
-    imageElement.style.maxWidth = '80vw';
-    imageElement.style.maxHeight = '80vh';
-
-    const viewer = document.createElement('div');
-    viewer.style.position = 'fixed';
-    viewer.style.top = '0';
-    viewer.style.left = '0';
-    viewer.style.width = '100vw';
-    viewer.style.height = '100vh';
-    viewer.style.backgroundColor = 'rgba(0, 0, 0, 0.7)';
-    viewer.style.display = 'flex';
-    viewer.style.justifyContent = 'center';
-    viewer.style.alignItems = 'center';
-    viewer.style.zIndex = '9999';
-    viewer.style.overflow = 'auto';
-
-    viewer.appendChild(imageElement);
-    document.body.appendChild(viewer);
-
-    viewer.addEventListener('click', () => {
-        document.body.removeChild(viewer);
-    });
+  // 使用 element-plus 的 el-image 组件实现图片预览功能
+  const imageElement = document.createElement('img');
+  imageElement.src = imageUrl;
+  imageElement.style.maxWidth = '80vw';
+  imageElement.style.maxHeight = '80vh';
+
+  const viewer = document.createElement('div');
+  viewer.style.position = 'fixed';
+  viewer.style.top = '0';
+  viewer.style.left = '0';
+  viewer.style.width = '100vw';
+  viewer.style.height = '100vh';
+  viewer.style.backgroundColor = 'rgba(0, 0, 0, 0.7)';
+  viewer.style.display = 'flex';
+  viewer.style.justifyContent = 'center';
+  viewer.style.alignItems = 'center';
+  viewer.style.zIndex = '9999';
+  viewer.style.overflow = 'auto';
+
+  viewer.appendChild(imageElement);
+  document.body.appendChild(viewer);
+
+  viewer.addEventListener('click', () => {
+    document.body.removeChild(viewer);
+  });
 };
 const cancelEdit = function () {
-    editForm.value = {
-        refundModel: '',
-        refundReason: '',
-        partRefundGold: '',
-        partRefundFree: ''
-    }
-    showEdit.value = false
+  editForm.value = {
+    refundModel: '',
+    refundReason: '',
+    partRefundGold: '',
+    partRefundFree: ''
+  }
+  showEdit.value = false
 }
 const currencies = ref(['美元(USD)', '港币(HKD)', '新币(SGD)', '马币(MYR)', '泰铢(THB)', '加币(CAD)', '越南盾(VDN)', '韩元(KRW)'])
 const channelOptions = ref(["Stripe-链接收款", "PaymentAsia-链接收款", "Ipay88-链接收款", "银行转账", "刷卡", "现金", "支票", "Grabpay", "Nets", "E-Transfer", "Paypal"])
 
 const reset = function () {
-    searchForm.value = {
-        jwcode: '',
-        market: [],
-        statuses: []
-    }
-    // 重置页码
-    pagination.value.pageNum = 1
-    dateRange.value = []
-    getRefund()
+  searchForm.value = {
+    jwcode: '',
+    market: [],
+    statuses: []
+  }
+  // 重置页码
+  pagination.value.pageNum = 1
+  dateRange.value = []
+  getRefund()
 }
 const showBackDialog = function (row) {
-    backRow.value = row
-    showBack.value = true
+  backRow.value = row
+  showBack.value = true
 }
 const showEditDialog = function (row) {
-    editRow.value = row
-    showEdit.value = true
+  editRow.value = row
+  showEdit.value = true
 }
 const handlePageSizeChange = function (val) {
-    pagination.value.pageSize = val
-    getRefund()
+  pagination.value.pageSize = val
+  getRefund()
 }
 const handleCurrentChange = function (val) {
-    pagination.value.pageNum = val
-    getRefund()
+  pagination.value.pageNum = val
+  getRefund()
 }
 const disabledDate = (time) => {
-    const limitDate = new Date(2025, 0, 1);
-    return time.getTime() < limitDate.getTime();
+  const limitDate = new Date(2025, 0, 1);
+  return time.getTime() < limitDate.getTime();
 }
 const handleMarketChange = (value) => {
-    searchForm.value.market = value || []
+  searchForm.value.market = value || []
 }
 const defaultTime = [
-    new Date(2000, 1, 1, 0, 0, 0),
-    new Date(2000, 2, 1, 23, 59, 59),
+  new Date(2000, 1, 1, 0, 0, 0),
+  new Date(2000, 2, 1, 23, 59, 59),
 ]
 onMounted(() => {
-    getRefund()
-    getMarket()
-    console.log('???????????????????', adminData.value)
+  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;
+  background-color: #F3FAFE !important;
 }
 
 :deep(.el-table__header th) {
-    background-color: #F3FAFE !important;
+  background-color: #F3FAFE !important;
 }
 
 .condition {
-    width: 82vw;
+  width: 82vw;
+  display: flex;
+  align-items: center;
+  height: 4vh;
+
+  .item1 {
+    width: 18%;
     display: flex;
     align-items: center;
-    height: 4vh;
-
-    .item1 {
-        width: 18%;
-        display: flex;
-        align-items: center;
-        margin-bottom: 1vh;
-        margin-right: 0.5vw;
-    }
+    margin-bottom: 1vh;
+    margin-right: 0.5vw;
+  }
 
-    .item2 {
-        width: 18%;
-        display: flex;
-        align-items: center;
-        margin-right: 0.5vw;
-    }
+  .item2 {
+    width: 18%;
+    display: flex;
+    align-items: center;
+    margin-right: 0.5vw;
+  }
 }
 
 .editDialog {
-    .left {
-        width: 50%;
-        height: 70vh;
-        padding: 0 2vw;
-
-        .add-item {
-            display: flex;
-            align-items: center;
-            margin-bottom: 1vh;
-        }
-
-        .image {
-            width: 4vw !important;
-            height: 4vw !important;
-        }
+  .left {
+    width: 50%;
+    height: 70vh;
+    padding: 0 2vw;
+
+    .add-item {
+      display: flex;
+      align-items: center;
+      margin-bottom: 1vh;
     }
 
-    .right {
-        width: 50%;
-        height: 50vh;
+    .image {
+      width: 4vw !important;
+      height: 4vw !important;
+    }
+  }
+
+  .right {
+    width: 50%;
+    height: 50vh;
 
-        .add-item {
-            display: flex;
-            align-items: center;
-            margin-bottom: 1vh;
-        }
+    .add-item {
+      display: flex;
+      align-items: center;
+      margin-bottom: 1vh;
     }
+  }
 }
 
 .back-dialog {
-    width: 700px;
-    height: auto;
-
-    .back-text {
-        font-size: 60px;
-        font-weight: bold;
-        color: #000000;
-        text-align: center;
-        justify-content: center;
-        margin-top: 22vh;
-    }
-
-    .back-btn {
-        height: 20vh;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-    }
+  width: 700px;
+  height: auto;
+
+  .back-text {
+    font-size: 60px;
+    font-weight: bold;
+    color: #000000;
+    text-align: center;
+    justify-content: center;
+    margin-top: 22vh;
+  }
+
+  .back-btn {
+    height: 20vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
 }
 </style>
\ No newline at end of file