From 21e6b52cad7650025c6c4d92d480623279946550 Mon Sep 17 00:00:00 2001
From: ZhangYong <zyqinghu@163.com>
Date: Wed, 5 Nov 2025 15:46:55 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8B=86=E5=88=86=E9=A1=B5=E9=9D=A2=EF=BC=8C?=
 =?UTF-8?q?=E4=B8=8B=E4=B8=80=E4=B8=8D=E4=B8=80=E5=AE=9A=E6=8F=90=E5=89=8D?=
 =?UTF-8?q?=E6=8B=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js                                |    8 +-
 .../{receiveDetail.vue => receiveDetail1.vue}      |    0
 .../moneyManage/receiveDetail/receiveFinance.vue   | 1167 +++++++++++++++++++
 .../moneyManage/receiveDetail/receiveHead.vue      |  819 ++++++++++++++
 .../moneyManage/receiveDetail/receiveManage.vue    | 1163 +++++++++++++++++++
 .../moneyManage/receiveDetail/receiveService.vue   | 1175 ++++++++++++++++++++
 6 files changed, 4328 insertions(+), 4 deletions(-)
 rename src/views/moneyManage/receiveDetail/{receiveDetail.vue => receiveDetail1.vue} (100%)
 create mode 100644 src/views/moneyManage/receiveDetail/receiveFinance.vue
 create mode 100644 src/views/moneyManage/receiveDetail/receiveHead.vue
 create mode 100644 src/views/moneyManage/receiveDetail/receiveManage.vue
 create mode 100644 src/views/moneyManage/receiveDetail/receiveService.vue

diff --git a/src/router/index.js b/src/router/index.js
index 5c54d55..bab430d 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -311,27 +311,27 @@ const routes = [
                             {
                                 path: 'receiveService',
                                 name: "receiveService",
-                                component: () => import("../views/moneyManage/receiveDetail/receiveDetail.vue"),
+                                component: () => import("../views/moneyManage/receiveDetail/receiveService.vue"),
                                 meta: { permissionId: 60 }
                             },
                             // 地区负责人页面
                             {
                                 path: 'receiveManager',
                                 name: "receiveManager",
-                                component: () => import("../views/moneyManage/receiveDetail/receiveDetail.vue"),
+                                component: () => import("../views/moneyManage/receiveDetail/receiveManage.vue"),
                                 meta: { permissionId: [67, 79] }
                             },
                             {//地区财务
                                 path: 'receiveFinance',
                                 name: "receiveFinance",
-                                component: () => import("../views/moneyManage/receiveDetail/receiveDetail.vue"),
+                                component: () => import("../views/moneyManage/receiveDetail/receiveFinance.vue"),
                                 meta: { permissionId: [67, 79] }
                             },
                             //总部管理员及财务
                             {
                                 path: 'receiveHeader',
                                 name: "receiveHeader",
-                                component: () => import("../views/moneyManage/receiveDetail/receiveDetail.vue"),
+                                component: () => import("../views/moneyManage/receiveDetail/receiveHead.vue"),
                                 meta: { permissionId: 91 }
                             },
                         ]
diff --git a/src/views/moneyManage/receiveDetail/receiveDetail.vue b/src/views/moneyManage/receiveDetail/receiveDetail1.vue
similarity index 100%
rename from src/views/moneyManage/receiveDetail/receiveDetail.vue
rename to src/views/moneyManage/receiveDetail/receiveDetail1.vue
diff --git a/src/views/moneyManage/receiveDetail/receiveFinance.vue b/src/views/moneyManage/receiveDetail/receiveFinance.vue
new file mode 100644
index 0000000..84e93d8
--- /dev/null
+++ b/src/views/moneyManage/receiveDetail/receiveFinance.vue
@@ -0,0 +1,1167 @@
+<template>
+    <div class="content">
+        <div class="div-card1">
+            <el-card class="card1" style="margin-bottom: 0.5vh; min-height: 110px;">
+                <div class="row">
+                    <div class="rowItem">
+                        <el-text style="width: 4vw;">精网号</el-text>
+                        <el-input v-model="searchData.jwcode" placeholder="请输入精网号" style="width:10vw;"
+                            clearable></el-input>
+                    </div>
+                    <div class="rowItem">
+                        <el-text style="width: 4vw;">客户姓名</el-text>
+                        <el-input v-model="searchData.name" placeholder="请输入客户姓名" style="width:10vw;"
+                            clearable></el-input>
+                    </div>
+                    <div class="rowItem">
+                        <el-text style="width: 4vw;">所属地区</el-text>
+                        <el-select v-model="searchData.market" placeholder="请选择所属地区" style="width:10vw;" clearable>
+                            <el-option v-for="item in marketList" :key="item" :label="item" :value="item" />
+                        </el-select>
+                    </div>
+                    <!-- 地区财务固定显示付款币种，删除客服的订单状态 -->
+                    <div class="rowItem">
+                        <el-text style="width: 4vw;">付款币种</el-text>
+                        <el-select v-model="searchData.paymentCurrency" placeholder="请选择付款币种" style="width: 10vw;"
+                            clearable>
+                            <el-option v-for="item in customOptions" :key="item" :label="item" :value="item" />
+                        </el-select>
+                    </div>
+                    <div class="rowItem">
+                        <el-text style="width: 4vw;">支付方式</el-text>
+                        <el-select v-model="searchData.payType" placeholder="请选择支付方式" style="width: 10vw;" clearable>
+                            <el-option v-for="item in paytypeList" :key="item" :label="item" :value="item" />
+                        </el-select>
+                    </div>
+                </div>
+                <div class="row" style="margin-top: 10px;">
+                    <div class="rowItem">
+                        <el-text style="width: 4vw;">活动名称</el-text>
+                        <el-select v-model="searchData.activity" placeholder="请选择活动方式" style="width: 10vw;" clearable>
+                            <el-option v-for="item in activityList" :key="item.id" :label="item.activityName"
+                                :value="item.id" />
+                        </el-select>
+                    </div>
+                    <div class="rowItem">
+                        <el-text style="width: 4vw;">产品名称</el-text>
+                        <el-cascader v-model="searchData.goodsName" :options="productList" style="width: 10vw;"
+                            clearable />
+                    </div>
+                    <div class="rowItem" style="width: 30vw">
+                        <el-text style="width: 4vw; margin-left: 0.5vw;">付款时间</el-text>
+                        <el-date-picker v-model="getTime" type="datetimerange" range-separator="至"
+                            start-placeholder="起始时间" end-placeholder="结束时间" style="width: 22vw; "
+                            @change="handleDatePickerChange" :default-time="defaultTime"
+                            :disabled-date="disabledDate" />
+                    </div>
+                    <!-- 地区财务查询/重置按钮，删除客服相关按钮 -->
+                    <div class="buttons">
+                        <el-button type="primary" @click="search">查询</el-button>
+                        <el-button type="success" @click="reset">重置</el-button>
+                    </div>
+                </div>
+            </el-card>
+        </div>
+
+
+        <div class="div-card2">
+            <el-card class="card2">
+                <div class="btns">
+                    <!-- 地区财务专属标签页（待审核/已通过/已完成/已驳回） -->
+                    <div class="tabs">
+                        <el-button-group>
+                            <el-button class="btnItem"
+                                :style="{ backgroundColor: activeTab === 'wait' ? '#2741DE' : '#E5EBFE', color: activeTab === 'wait' ? 'white' : '#666' }"
+                                @click="navigateTo('wait')">
+                                待审核
+                            </el-button>
+                            <el-button class="btnItem"
+                                :style="{ backgroundColor: activeTab === 'pass' ? '#2741DE' : '#E5EBFE', color: activeTab === 'pass' ? 'white' : '#666' }"
+                                @click="navigateTo('pass')">
+                                已通过
+                            </el-button>
+                            <el-button class="btnItem"
+                                :style="{ backgroundColor: activeTab === 'done' ? '#2741DE' : '#E5EBFE', color: activeTab === 'done' ? 'white' : '#666' }"
+                                @click="navigateTo('done')">
+                                已完成
+                            </el-button>
+                            <el-button class="btnItem"
+                                :style="{ backgroundColor: activeTab === 'reject' ? '#2741DE' : '#E5EBFE', color: activeTab === 'reject' ? 'white' : '#666' }"
+                                @click="navigateTo('reject')">
+                                已驳回
+                            </el-button>
+                        </el-button-group>
+                    </div>
+                    <!-- 删除客服的“添加收款”按钮 -->
+                    <div class="btnAdd"></div>
+                </div>
+
+                <div class="table">
+                    <el-table :data="tableData" style="width: 80vw;height:54vh;" @sort-change="handleSortChange"
+                        :row-style="{ height: '60px' }" :header-cell-style="{ textAlign: 'center' }"
+                        :cell-style="{ textAlign: 'center' }">
+                        <el-table-column type="index" label="序号" width="100px" fixed="left">
+                            <template #default="scope">
+                                <span>{{ scope.$index + 1 + (pageInfo.pageNum - 1) * pageInfo.pageSize }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column fixed="left" prop="jwcode" label="Homily ID" width="110px" />
+                        <el-table-column fixed="left" prop="name" label="姓名" width="110px" />
+                        <el-table-column prop="marketName" label="所属地区" width="80px" />
+                        <el-table-column prop="activity" label="活动名称" width="120px" show-overflow-tooltip />
+                        <el-table-column prop="goodsName" label="产品名称" width="120px" />
+                        <el-table-column prop="goodNum" label="产品数量" width="130px">
+                            <template #default="scope">
+                                <span v-if="scope.row.goodsName == '金币充值'">{{ scope.row.permanentGold }}</span>
+                                <span v-else>{{ scope.row.goodNum }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="paymentCurrency" label="付款币种" width="100px" />
+                        <el-table-column prop="paymentAmount" label="付款金额" width="120px" />
+                        <!-- 地区财务显示到账币种/金额/手续费（已通过/已完成标签页） -->
+                        <el-table-column prop="receivedCurrency" label="到账币种"
+                            v-if="activeTab == 'pass' || activeTab == 'done'" width="150px"></el-table-column>
+                        <el-table-column prop="receivedAmount" label="到账金额"
+                            v-if="activeTab == 'pass' || activeTab == 'done'" width="150px">
+                            <template #default="scope">
+                                <div v-if="!scope.row.receivedAmount">
+                                    <text style="color: #FA5A1E;">待补充</text>
+                                </div>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="handlingCharge" label="手续费"
+                            v-if="activeTab == 'pass' || activeTab == 'done'" width="150px">
+                            <template #default="scope">
+                                <div v-if="scope.row.handlingCharge == null">
+                                    <text style="color: #FA5A1E;">待补充</text>
+                                </div>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="payType" label="支付方式" width="130px" />
+                        <el-table-column prop="payTime" label="付款时间" width="180px" />
+                        <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="submitterName" label="提交人" width="150px"
+                            show-overflow-tooltip></el-table-column>
+                        <!-- 地区财务显示审核人（已通过/已驳回/已完成标签页） -->
+                        <el-table-column prop="auditName" label="审核人"
+                            v-if="activeTab == 'pass' || activeTab == 'reject' || activeTab == 'done'" width="150px"
+                            show-overflow-tooltip></el-table-column>
+                        <el-table-column prop="receivedTime" label="到账时间"
+                            v-if="activeTab == 'pass' || activeTab == 'done'" width="180px" />
+                        <el-table-column prop="remark" label="备注" v-if="activeTab != 'reject'" width="150px"
+                            show-overflow-tooltip></el-table-column>
+                        <el-table-column prop="status" label="订单状态" v-if="activeTab == 'done'" width="150px"
+                            show-overflow-tooltip>
+                            <template #default="scope">
+                                <span v-if="scope.row.status == 6">退款</span>
+                                <span v-else>正常</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="auditTime" label="驳回时间" v-if="activeTab == 'reject'" width="180px"
+                            show-overflow-tooltip></el-table-column>
+                        <el-table-column prop="rejectReason" label="驳回理由" v-if="activeTab == 'reject'" width="150px">
+                            <template #default="scope">
+                                <div class="ellipsis-container"
+                                    @mouseenter="handleMouseEnter($event, scope.row.rejectReason)"
+                                    @mouseleave="handleMouseLeave" @mousemove="handleMouseMove($event)">
+                                    <span class="ellipsis-text">
+                                        {{ scope.row.rejectReason || '—' }}
+                                    </span>
+                                    <!-- 自定义提示框 -->
+                                    <div v-if="showTooltip && tooltipContent" class="custom-tooltip" :style="{
+                                        left: `${tooltipLeft}px`,
+                                        top: `${tooltipTop}px`
+                                    }">
+                                        {{ tooltipContent }}
+                                    </div>
+                                </div>
+                            </template>
+                        </el-table-column>
+                        <!-- 地区财务表格操作（待审核→审核，已通过→编辑） -->
+                        <el-table-column fixed="right" label="操作" width="120px"
+                            v-if="activeTab != 'reject' && activeTab != 'done'">
+                            <template #default=scope>
+                                <el-link v-if="activeTab == 'wait'" style="color: #2741DE;"
+                                    @click="openAuditForm(scope.row)">审核
+                                </el-link>
+                                <el-link
+                                    v-else-if="activeTab == 'pass' && !(scope.row.status == 6 || scope.row.status == 4)"
+                                    style="color: #2741DE;" @click="openEditForm(scope.row)">编辑
+                                </el-link>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </div>
+                <div class="pagination">
+                    <el-pagination background :page-size="pageInfo.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
+                        layout="total, sizes, prev, pager, next, jumper" :total="total"
+                        @size-change="handlePagination('size', $event)"
+                        @current-change="handlePagination('page', $event)"></el-pagination>
+                </div>
+            </el-card>
+        </div>
+
+        <!-- 仅保留地区财务相关弹窗：审核弹窗、编辑手续费弹窗 -->
+        <!-- 审核弹窗 -->
+        <el-dialog class="adddialog" v-model="auditFormisible" width="20vw" :before-close="closeAuditForm">
+            <el-form class="addForm" label-width="4vw" label-position="left">
+                <el-form-item label="精网号">
+                    <el-input disabled="true" v-model="auditFormData.jwcode" placeholder="请输入驳回理由" />
+                </el-form-item>
+                <el-form-item label="客户姓名">
+                    <el-input disabled="true" v-model="auditFormData.name" placeholder="请输入客户姓名" />
+                </el-form-item>
+                <el-form-item label="所属地区">
+                    <el-input disabled="true" v-model="auditFormData.market" />
+                </el-form-item>
+                <el-form-item label="活动名称">
+                    <el-input disabled="true" v-model="auditFormData.activity" placeholder="请输入活动名称" />
+                </el-form-item>
+                <el-form-item label="产品名称">
+                    <el-select disabled="true" v-model="auditFormData.goodsName" />
+                </el-form-item>
+                <el-form-item label="付款币种">
+                    <el-select disabled="true" v-model="auditFormData.paymentCurrency" placeholder="请选择付款币种"
+                        @change="handleCurrencyChange" />
+                </el-form-item>
+                <el-form-item label="付款金额">
+                    <el-input disabled="true" v-model="auditFormData.paymentAmount" placeholder="请输入付款金额" />
+                </el-form-item>
+                <el-form-item label="支付方式">
+                    <el-select disabled="true" v-model="auditFormData.payType" :items="paytypeOptions"
+                        placeholder="请选择支付方式" />
+                </el-form-item>
+                <el-form-item label="到账地区">
+                    <el-select disabled="true" v-model="auditFormData.receivedMarket" placeholder="到账地区" />
+                </el-form-item>
+                <el-form-item label="付款时间">
+                    <el-date-picker disabled="true" type="datetime" v-model="auditFormData.payTime"
+                        placeholder="请选择付款时间" />
+                </el-form-item>
+                <el-form-item label="转账凭证">
+                    <div class="pic">
+                        <el-upload disabled="true" ref="uploadRef" class="uploader" :show-file-list="false"
+                            list-type="picture-card" :auto-upload="false" :before-upload="beforeUpload"
+                            :on-error="handelImgErr" :on-change="handleImageChange" :http-request="customUpload">
+                            <img v-if="auditFormData.voucher" :src="auditFormData.voucher" class="avatar"
+                                style="height: 100%; width: 100%;  object-fit: cover;" />
+                            <el-icon v-else class="avatar-uploader-icon">
+                                <Plus />
+                            </el-icon>
+                        </el-upload>
+                        <el-text class="picText">
+                            仅支持.jpg .png格式文件≤ 1 MB
+                        </el-text>
+                    </div>
+                </el-form-item>
+                <el-form-item label="备注">
+                    <el-input disabled="true" v-model="auditFormData.remark" type="textarea" :rows="3"
+                        placeholder="请输入备注" maxlength="100" show-word-limit />
+                </el-form-item>
+                <el-form-item label="驳回理由" v-if="ifReject" required>
+                    <el-input v-model="auditFormData.rejectReason" type="textarea" :rows="3" placeholder="请输入驳回理由"
+                        maxlength="100" show-word-limit />
+                </el-form-item>
+            </el-form>
+            <template #footer>
+                <span class="dialog-footer" v-if="!ifReject">
+                    <el-button style="background-color: #7E91FF;" @click="ifReject = true">驳回</el-button>
+                    <el-button :style="{
+                        backgroundColor: isBtnDisabled ? '#E5E5E5FF' : '#2741DEFF',
+                        marginLeft: '60px',
+                        color: isBtnDisabled ? '#8A8A8A' : '#F3FAFE'
+                    }" @click="handelAudit" :disabled="isBtnDisabled">{{ btnText }}</el-button>
+                </span>
+                <span class="dialog-footer" v-if="ifReject">
+                    <el-button style="background-color: #7E91FF;" @click="closeAuditForm">取消</el-button>
+                    <el-button style="background-color: #2741DE; margin-left: 2.5vw;" type="primary"
+                        @click="throttledhandelAuditReject">确定</el-button>
+                </span>
+            </template>
+        </el-dialog>
+
+        <!-- 编辑填手续费弹窗（地区财务核心编辑功能） -->
+        <el-dialog class="editdialog" v-model="editFormisible" width="20vw" :before-close="closeEditForm">
+            <div class="content">
+                <div class="left">
+                    <el-form class="editForm" label-width="4.5vw" label-position="left">
+                        <el-form-item label="精网号">
+                            <el-input disabled="true" v-model="editFormData.jwcode" placeholder="精网号" />
+                        </el-form-item>
+                        <el-form-item label="客户姓名">
+                            <el-input disabled="true" v-model="editFormData.name" placeholder="客户姓名" />
+                        </el-form-item>
+                        <el-form-item label="所属地区">
+                            <el-input disabled="true" v-model="editFormData.marketName" placeholder="所属地区" />
+                        </el-form-item>
+                        <el-form-item label="活动名称">
+                            <el-input disabled="true" v-model="editFormData.activity" placeholder="活动名称" />
+                        </el-form-item>
+                        <el-form-item label="产品名称">
+                            <el-select disabled="true" v-model="editFormData.goodsName" placeholder="产品名称"
+                                clearable></el-select>
+                        </el-form-item>
+                        <!-- 金币产品特殊显示 -->
+                        <el-form-item v-show="!isEditGold" label="产品数量">
+                            <div style="padding-right: 50px; display: flex;">
+                                <el-input disabled="true" style="padding-right: 10px;" v-model="editFormData.goodNum"
+                                    placeholder="产品数量" />
+                                <span style="color: #999999;">个</span>
+                            </div>
+                        </el-form-item>
+                        <div v-show="isEditGold" style="margin-bottom: 15px;  display: flex;">
+                            <div style=" display: flex; margin-right: 10px;">
+                                <span
+                                    style="color: #999999; display: flex; white-space: nowrap;align-items: center;">永久金币：</span>
+                                <el-input disabled="true"
+                                    style="padding-right: 10px; padding-left: 10px; height: 30px; width: 110px;"
+                                    v-model="editFormData.permanentGold" />
+                            </div>
+                            <div style="padding-right: 5px; display: flex;">
+                                <span
+                                    style="color: #999999; display: flex; white-space: nowrap;align-items: center;">免费金币：</span>
+                                <el-input disabled="true"
+                                    style="padding-right: 10px; padding-left: 10px; height: 30px; width: 110px;"
+                                    v-model="editFormData.freeGold" />
+                            </div>
+                        </div>
+                        <el-form-item label="付款币种">
+                            <CurrencySelect :disabled="!ifOnline" v-model="editFormData.paymentCurrency"
+                                :items="customOptions" placeholder="付款币种" />
+                        </el-form-item>
+                        <el-form-item label="付款金额">
+                            <el-input :disabled="!ifOnline" v-model="editFormData.paymentAmount" placeholder="付款金额" />
+                        </el-form-item>
+                        <el-form-item label="支付方式">
+                            <el-select disabled="true" v-model="editFormData.payType" placeholder="支付方式"
+                                clearable></el-select>
+                        </el-form-item>
+                        <el-form-item label="到账地区">
+                            <el-select disabled="true" v-model="editFormData.receivedMarket" placeholder="到账地区"
+                                clearable></el-select>
+                        </el-form-item>
+                        <el-form-item label="付款时间">
+                            <el-date-picker disabled="true" type="datetime" v-model="editFormData.payTime"
+                                placeholder="付款时间" />
+                        </el-form-item>
+                        <el-form-item label="转账凭证">
+                            <div class="pic">
+                                <el-upload disabled="true" ref="uploadRef" class="uploader" :show-file-list="false"
+                                    list-type="picture-card" :auto-upload="false" :before-upload="beforeUpload"
+                                    :on-error="handelImgErr" :on-change="handleImageChange"
+                                    :http-request="customUpload">
+                                    <img v-if="editFormData.voucher" :src="editFormData.voucher" class="avatar"
+                                        style="height: 100%; width: 100%;  object-fit: cover;" />
+                                    <el-icon v-else class="avatar-uploader-icon">
+                                        <Plus />
+                                    </el-icon>
+                                </el-upload>
+                                <el-text class="picText">仅支持.jpg .png格式文件≤ 1 MB</el-text>
+                            </div>
+                        </el-form-item>
+                        <el-form-item label="备注">
+                            <el-input disabled="true" v-model="editFormData.remark" type="textarea" :rows="4"
+                                placeholder="备注" maxlength="100" show-word-limit />
+                        </el-form-item>
+                    </el-form>
+                </div>
+                <div class="right">
+                    <!-- 地区财务可编辑项：仅到账相关信息 -->
+                    <el-form ref="editFormRef" :rules="editFormRule" :model="editFormData" class="editFormRighrt"
+                        label-width="4.5vw" label-position="left">
+                        <el-form-item label="到账货币" required>
+                            <CurrencySelect v-model="editFormData.receivedCurrency" :items="customOptions"
+                                placeholder="请选择到账货币" />
+                        </el-form-item>
+                        <el-form-item label="到账金额" prop="receivedAmount" required>
+                            <el-input v-model="editFormData.receivedAmount" placeholder="请输入到账金额" type="number" />
+                        </el-form-item>
+                        <el-form-item label="手续费" prop="handlingCharge" required>
+                            <el-input v-model="editFormData.handlingCharge" placeholder="请输入手续费" type="number" />
+                        </el-form-item>
+                        <el-form-item label="到账时间" required>
+                            <el-date-picker type="datetime" v-model="editFormData.receivedTime" placeholder="请选择到账时间" />
+                        </el-form-item>
+                    </el-form>
+                    <span class="editBtns">
+                        <button class="editBtn1" @click="closeEditForm">
+                            <text class="txt">取消</text>
+                        </button>
+                        <button class="editBtn2" @click="throttledsubmitEditForm">
+                            <text class="txt">提交</text>
+                        </button>
+                    </span>
+                </div>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script setup>
+// 仅导入地区财务所需依赖
+import { ref, watch, onMounted } from 'vue';
+import { storeToRefs } from 'pinia';
+import { ElMessage, ElMessageBox } from 'element-plus';
+import API from '@/util/http.js';
+import request from '@/util/http.js';
+import moment from 'moment';
+import _ from 'lodash';
+import { Plus } from '@element-plus/icons-vue';
+
+// 地区财务专属组件
+import CurrencySelect from '@/components/MoneyManage/CurrencySelect.vue';
+
+// 静态数据与规则（仅保留必要项）
+import { editFormRule } from './utils/recriveFormRules.js';
+import { productList, MarketNameForId, CurrencyForId, marketList } from './utils/staticData.js';
+import { useAdminStore } from '@/store/index.js';
+import { hasMenuPermission } from '@/utils/menuTreePermission.js';
+
+// ===================== 1. 核心状态管理（仅地区财务） =====================
+const adminStore = useAdminStore();
+const { menuTree } = storeToRefs(adminStore);
+
+// 角色固定：地区财务（caiwu=true，其他角色关闭）
+const kefu = ref(false);
+const caiwu = ref(true);
+const HQcaiwu = ref(false);
+const superAdmin = ref(false);
+
+// 表格与分页数据
+const tableData = ref([]);
+const total = ref(0);
+const pageInfo = ref({ pageSize: 10, pageNum: 1 });
+
+// 搜索条件
+const searchData = ref({});
+const defaultTime = [new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 2, 1, 23, 59, 59)];
+const getTime = ref([]);
+
+// 标签页：默认“待审核”
+const activeTab = ref('wait');
+
+// 审核弹窗状态
+const auditFormisible = ref(false);
+const auditFormData = ref({});
+const ifReject = ref(false);
+const countdown = ref(0);
+const isBtnDisabled = ref(false);
+const btnText = ref('通过(3)');
+
+// 编辑弹窗状态
+const editFormisible = ref(false);
+const editFormData = ref({});
+const editFormRef = ref(null);
+const isEditGold = ref(false); // 金币产品标记
+const ifOnline = ref(false); // 在线支付标记
+
+// 辅助状态：图片上传、悬浮提示
+const uploadRef = ref(null);
+const showTooltip = ref(false);
+const tooltipContent = ref('');
+const tooltipLeft = ref(0);
+const tooltipTop = ref(0);
+
+// 基础数据（地区财务专用）
+const adminData = ref({});
+const activityList = ref([]);
+const customOptions = ref(['美元(USD)', '港币(HKD)', '新币(SGD)', '马币(MYR)', '泰铢(THB)', '加币(CAD)', '越南盾(VDN)', '韩元(KRW)']);
+const paytypeList = ["Stripe-链接收款", "PaymentAsia-链接收款", "Ipay88-链接收款", "银行转账", "刷卡", "现金", "支票", "Grabpay", "Nets", "E-Transfer", "Paypal"];
+const paytypeOptions = ref([...paytypeList]);
+
+// ===================== 2. 核心功能函数（仅地区财务） =====================
+// 2.1 数据加载：获取地区财务订单列表
+const getlist = async () => {
+    try {
+        let payCurrencySelect = '';
+        let goodsName = '';
+
+        // 处理时间范围
+        if (getTime.value && getTime.value.length === 2) {
+            searchData.value.startTime = moment(getTime.value[0]).format('YYYY-MM-DD HH:mm:ss');
+            searchData.value.endTime = moment(getTime.value[1]).format('YYYY-MM-DD HH:mm:ss');
+        } else {
+            searchData.value.startTime = '';
+            searchData.value.endTime = '';
+        }
+
+        // 处理产品名称（级联选择取最后一级）
+        if (searchData.value.goodsName) {
+            goodsName = searchData.value.goodsName[searchData.value.goodsName.length - 1];
+        }
+
+        // 处理付款币种（转ID）
+        if (searchData.value.paymentCurrency) {
+            payCurrencySelect = CurrencyForId(searchData.value.paymentCurrency);
+        }
+
+        // 地区财务固定参数：角色ID=1，按标签页筛选状态
+        const cashRoleId = '1';
+        const receivedMarket = adminData.value.markets;
+        if (activeTab.value === 'wait') searchData.value.status = 0;
+        else if (activeTab.value === 'pass') searchData.value.status = 13;
+        else if (activeTab.value === 'done') searchData.value.status = 46;
+        else if (activeTab.value === 'reject') searchData.value.status = 2;
+
+        const result = await request({
+            url: '/cashCollection/selectCollection',
+            data: {
+                ...pageInfo.value,
+                cashCollection: {
+                    ...searchData.value,
+                    submitterId: adminData.value.id,
+                    receivedMarket: MarketNameForId(receivedMarket),
+                    cashRoleId: cashRoleId,
+                    paymentCurrency: payCurrencySelect,
+                    submitterMarket: receivedMarket,
+                    goodsName: goodsName,
+                    market: MarketNameForId(searchData.value.market)
+                }
+            }
+        });
+
+        if (result.code === 200) {
+            tableData.value = result.data.list;
+            total.value = result.data.total;
+        } else {
+            ElMessage.error('订单数据加载失败');
+        }
+    } catch (error) {
+        console.error('地区财务订单列表请求异常：', error);
+        ElMessage.error('网络异常，请重试');
+    }
+};
+
+// 2.2 搜索与重置
+const search = () => {
+    getlist();
+    ElMessage.success('查询成功');
+};
+
+const reset = () => {
+    searchData.value = {};
+    getlist();
+};
+
+// 2.3 标签页切换
+const navigateTo = async (tab) => {
+    activeTab.value = tab;
+    await getlist();
+};
+
+// 2.4 审核功能
+// 打开审核弹窗
+const openAuditForm = (row) => {
+    auditFormData.value = { ...row, market: row.marketName };
+    auditFormisible.value = true;
+};
+
+// 关闭审核弹窗
+const closeAuditForm = () => {
+    ifReject.value = false;
+    auditFormisible.value = false;
+    auditFormData.value = {};
+};
+
+// 审核通过
+const handelAudit = async () => {
+    try {
+        const result = await request({
+            url: '/cashAudit/collectionAudit',
+            data: {
+                orderCode: auditFormData.value.orderCode,
+                action: 1,
+                auditId: adminData.value.id
+            }
+        });
+
+        if (result.code === 200) {
+            ElMessage.success('审核通过');
+            getlist();
+            closeAuditForm();
+        } else {
+            ElMessage.error(result.msg || '审核失败');
+        }
+    } catch (error) {
+        console.error('审核通过请求异常：', error);
+        ElMessage.error('网络异常，请重试');
+    }
+};
+
+// 审核驳回
+const handelAuditReject = async () => {
+    if (!auditFormData.value.rejectReason) {
+        ElMessage.warning('请输入驳回理由');
+        return;
+    }
+
+    try {
+        const result = await request({
+            url: '/cashAudit/collectionAudit',
+            data: {
+                orderCode: auditFormData.value.orderCode,
+                rejectReason: auditFormData.value.rejectReason,
+                action: 2,
+                auditId: adminData.value.id
+            }
+        });
+
+        if (result.code === 200) {
+            ElMessage.success('驳回成功');
+            getlist();
+            closeAuditForm();
+        } else {
+            ElMessage.error(result.msg || '驳回失败');
+        }
+    } catch (error) {
+        console.error('审核驳回请求异常：', error);
+        ElMessage.error('网络异常，请重试');
+    }
+};
+
+// 审核按钮倒计时（防止误操作）
+watch(auditFormisible, (val) => {
+    if (val) {
+        countdown.value = 3;
+        isBtnDisabled.value = true;
+        btnText.value = `通过(${countdown.value})`;
+
+        const timer = setInterval(() => {
+            countdown.value--;
+            btnText.value = `通过(${countdown.value})`;
+
+            if (countdown.value <= 0) {
+                isBtnDisabled.value = false;
+                clearInterval(timer);
+                btnText.value = '通过';
+            }
+        }, 1000);
+    }
+});
+
+// 2.5 编辑手续费功能
+// 打开编辑弹窗
+const openEditForm = (row) => {
+    editFormData.value = { ...row };
+    // 区分金币产品与普通产品
+    if (row.goodsName === '金币充值') isEditGold.value = true;
+    else isEditGold.value = false;
+    // 在线支付订单允许修改付款信息
+    if (row.status === 3) ifOnline.value = true;
+    else ifOnline.value = false;
+
+    editFormisible.value = true;
+};
+
+// 关闭编辑弹窗
+const closeEditForm = () => {
+    editFormisible.value = false;
+    editFormData.value = {};
+};
+
+// 提交编辑（补充手续费）
+const submitEditForm = async () => {
+    try {
+        await editFormRef.value.validate();
+
+        // 处理时间格式
+        if (editFormData.value.receivedTime) {
+            editFormData.value.receivedTime = moment(editFormData.value.receivedTime).format('YYYY-MM-DD HH:mm:ss');
+        }
+
+        const result = await request({
+            url: '/cashCollection/complete',
+            data: {
+                orderCode: editFormData.value.orderCode,
+                handlingCharge: editFormData.value.handlingCharge * 100, // 转为分单位
+                paymentCurrency: CurrencyForId(editFormData.value.paymentCurrency),
+                paymentAmount: editFormData.value.paymentAmount * 100, // 转为分单位
+                receivedCurrency: CurrencyForId(editFormData.value.receivedCurrency),
+                receivedAmount: editFormData.value.receivedAmount * 100, // 转为分单位
+                receivedTime: editFormData.value.receivedTime,
+                receivedRemark: editFormData.value.receivedRemark || ''
+            }
+        });
+
+        if (result.code === 200) {
+            ElMessage.success('编辑提交成功');
+            getlist();
+            closeEditForm();
+        } else {
+            ElMessage.error(result.msg || '提交失败');
+        }
+    } catch (error) {
+        console.error('编辑提交请求异常：', error);
+        ElMessage.error('表单验证失败，请检查数据格式');
+    }
+};
+
+// 2.6 辅助功能
+// 图片预览
+const previewImage = (imageUrl) => {
+    if (!imageUrl) return;
+
+    const imageElement = document.createElement('img');
+    imageElement.src = imageUrl;
+    imageElement.style.maxWidth = '80vw';
+    imageElement.style.maxHeight = '80vh';
+    imageElement.style.objectFit = 'contain';
+
+    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.appendChild(imageElement);
+
+    // 点击关闭预览
+    viewer.addEventListener('click', () => {
+        document.body.removeChild(viewer);
+    });
+
+    document.body.appendChild(viewer);
+};
+
+// 驳回理由悬浮提示
+const handleMouseEnter = (e, content) => {
+    if (!content) return;
+
+    showTooltip.value = true;
+    tooltipContent.value = content;
+    handleMouseMove(e);
+};
+
+const handleMouseLeave = () => {
+    showTooltip.value = false;
+    tooltipContent.value = '';
+};
+
+const handleMouseMove = (e) => {
+    // 提示框显示在鼠标左侧，避免遮挡
+    tooltipLeft.value = e.clientX - 210;
+    tooltipTop.value = e.clientY - 10;
+};
+
+// 2.7 基础数据加载（初始化）
+// 获取管理员信息
+const getAdminData = async () => {
+    try {
+        const result = await API({ url: '/admin/userinfo', data: {} });
+        adminData.value = result;
+
+        // 超级管理员判断（仅用于角色切换权限）
+        if (adminData.value.roleId === 2) {
+            superAdmin.value = true;
+            // 管理员所属地区提示
+            if (adminData.value.markets === '总部' || adminData.value.markets === '研发部') {
+                ElMessageBox.alert(
+                    '管理员账号仅显示所属地区的财务数据，请确认地区设置',
+                    '温馨提示',
+                    { type: 'warning' }
+                );
+            }
+        }
+    } catch (error) {
+        console.error('管理员信息获取失败：', error);
+        ElMessage.error('管理员信息加载异常');
+    }
+};
+
+// 获取活动列表
+const getActivitys = async () => {
+    try {
+        const result = await API({ url: '/cashCollection/getActivityList', data: {} });
+        if (result.code === 200) {
+            activityList.value = result.data;
+        } else {
+            ElMessage.error('活动列表加载失败');
+        }
+    } catch (error) {
+        console.error('活动列表获取失败：', error);
+        ElMessage.error('活动数据加载异常');
+    }
+};
+
+// 2.8 节流函数（防止重复提交）
+const throttledhandelAuditReject = _.throttle(handelAuditReject, 3000, { trailing: false });
+const throttledsubmitEditForm = _.throttle(submitEditForm, 3000, { trailing: false });
+
+// 2.9 页面初始化
+onMounted(async () => {
+    await getAdminData();
+    await getActivitys();
+    // 初始化加载地区财务订单数据
+    await getlist();
+
+    // 菜单权限校验（确保地区财务权限）
+    if (!hasMenuPermission(menuTree.value, 78)) {
+        ElMessageBox.alert(
+            '您暂无地区财务操作权限，请联系管理员',
+            '权限提示',
+            { type: 'error' }
+        ).then(() => {
+            window.history.back();
+        });
+    }
+});
+
+// 2.10 未使用函数占位（避免报错）
+const handleCurrencyChange = () => { };
+const beforeUpload = () => true;
+const handelImgErr = () => { };
+const handleImageChange = () => { };
+const customUpload = () => { };
+const handleDatePickerChange = () => { };
+const disabledDate = () => false;
+const handleSortChange = () => { };
+const handlePagination = (type, val) => {
+    if (type === 'size') pageInfo.value.pageSize = val;
+    else pageInfo.value.pageNum = val;
+    getlist();
+};
+</script>
+
+<style scoped lang="scss">
+// 地区财务界面样式优化：移除客服/总部相关样式，保留核心样式
+.content {
+    height: 100%;
+    width: 80vw;
+    margin: 0 auto;
+    padding: 1vh 0;
+
+    // 搜索卡片样式
+    .div-card1 {
+        .card1 {
+            background: #F3FAFE;
+            border: none;
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+
+            .row {
+                height: auto;
+                width: 100%;
+                display: flex;
+                align-items: center;
+                margin-bottom: 1vh;
+                min-height: 40px;
+
+                .rowItem {
+                    display: flex;
+                    align-items: center;
+                    margin-right: 1.5vw;
+                    width: auto;
+
+                    el-text {
+                        min-width: 60px;
+                        margin-right: 0.5vw;
+                        color: #333;
+                        font-weight: 500;
+                    }
+
+                    el-input,
+                    el-select,
+                    el-cascader {
+                        min-width: 160px;
+                    }
+                }
+
+                .buttons {
+                    display: flex;
+                    justify-content: center;
+                    align-items: center;
+                    margin-left: 10px;
+                }
+            }
+        }
+    }
+
+    // 数据展示卡片样式
+    .div-card2 {
+        margin-top: 1.5vh;
+
+        .card2 {
+            background: #F3FAFE;
+            border: none;
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+
+            // 标签页样式
+            .btns {
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                padding: 1vh 1vw;
+                border-bottom: 1px solid #E5EBFE;
+
+                .tabs {
+                    .btnItem {
+                        margin-right: 0.5vw;
+                        border-radius: 4px;
+                        padding: 0.3vh 1vw;
+                        font-size: 0.9vw;
+
+                        &:hover {
+                            opacity: 0.9;
+                        }
+                    }
+                }
+
+                .btnAdd {
+                    display: none; // 隐藏客服的添加收款按钮
+                }
+            }
+
+            // 表格样式
+            .table {
+                margin: 1vh 1vw;
+                overflow: hidden;
+
+                .el-table {
+                    border: none;
+
+                    .el-table__header th {
+                        background: #E5EBFE;
+                        color: #2741DE;
+                        font-weight: 500;
+                    }
+
+                    .el-table__body tr {
+                        background: #F3FAFE;
+
+                        &:hover>td {
+                            background: #EEF3FF !important;
+                        }
+                    }
+
+                    .el-table-column {
+
+                        &[label="序号"],
+                        &[label="Homily ID"],
+                        &[label="姓名"] {
+                            background: #F3FAFE;
+                            z-index: 1;
+                        }
+
+                        &[label="操作"] {
+                            el-link {
+                                color: #2741DE;
+                                cursor: pointer;
+
+                                &:hover {
+                                    color: #1A30B9;
+                                    text-decoration: underline;
+                                }
+                            }
+                        }
+                    }
+
+                    // 驳回理由悬浮提示
+                    .ellipsis-container {
+                        .ellipsis-text {
+                            color: #333;
+                            cursor: pointer;
+
+                            &:hover {
+                                color: #2741DE;
+                            }
+                        }
+
+                        .custom-tooltip {
+                            position: fixed;
+                            z-index: 9999;
+                            padding: 8px 12px;
+                            width: 200px;
+                            background-color: #fff;
+                            color: #333;
+                            border: 1px solid #E5EBFE;
+                            border-radius: 4px;
+                            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+                            max-height: 300px;
+                            overflow-y: auto;
+                            font-size: 14px;
+                            line-height: 1.5;
+                        }
+                    }
+                }
+            }
+
+            // 分页样式
+            .pagination {
+                padding: 1vh 1vw;
+                text-align: right;
+
+                .el-pagination {
+                    .el-pager li {
+                        &.active {
+                            background: #2741DE;
+                            color: #fff;
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    // 审核弹窗样式
+    :deep(.adddialog) {
+        background-color: #F3FAFE !important;
+        border-radius: 8px;
+
+        .addForm {
+            padding: 1.5vh 2vw;
+
+            .el-form-item {
+                margin-bottom: 1.5vh;
+
+                &:last-of-type {
+                    margin-bottom: 0;
+                }
+
+                .el-form-item__label {
+                    color: #333;
+                    font-weight: 500;
+                    min-width: 80px;
+                }
+
+                .pic {
+                    display: flex;
+                    align-items: center;
+
+                    .uploader {
+                        height: 80px;
+                        width: 80px;
+                        border: 1px dashed #DCDFE6;
+
+                        .el-upload {
+                            height: 100%;
+                            width: 100%;
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+                        }
+                    }
+
+                    .picText {
+                        margin-left: 1vw;
+                        color: #999;
+                        font-size: 12px;
+                    }
+                }
+            }
+
+            .dialog-footer {
+                display: flex;
+                justify-content: center;
+                gap: 1vw;
+                padding-top: 1.5vh;
+
+                button {
+                    padding: 0.5vh 1.5vw;
+                    border-radius: 4px;
+
+                    &:first-of-type {
+                        background: #7E91FF;
+                        border: none;
+                        color: #fff;
+                    }
+
+                    &:last-of-type {
+                        background: #2741DE;
+                        border: none;
+                        color: #fff;
+                    }
+                }
+            }
+        }
+    }
+
+    // 编辑弹窗样式
+    :deep(.editdialog) {
+        background-color: #F3FAFE !important;
+        border-radius: 8px;
+        width: 60vw !important;
+
+        .content {
+            display: flex;
+            gap: 2vw;
+            padding: 1.5vh 2vw;
+
+            .left,
+            .right {
+                flex: 1;
+            }
+
+            .editForm,
+            .editFormRighrt {
+                .el-form-item {
+                    margin-bottom: 1.5vh;
+
+                    .el-form-item__label {
+                        color: #333;
+                        font-weight: 500;
+                        min-width: 80px;
+                    }
+                }
+            }
+
+            .right {
+                .editBtns {
+                    display: flex;
+                    justify-content: center;
+                    gap: 1vw;
+                    margin-top: 2vh;
+
+                    .editBtn1,
+                    .editBtn2 {
+                        padding: 0.5vh 1.5vw;
+                        border-radius: 4px;
+                        border: none;
+                        color: #fff;
+
+                        .txt {
+                            font-size: 14px;
+                        }
+                    }
+
+                    .editBtn1 {
+                        background: #7E91FF;
+                    }
+
+                    .editBtn2 {
+                        background: #2741DE;
+                    }
+                }
+            }
+        }
+    }
+}
+
+// 全局样式修复
+:deep(.el-date-editor) {
+    width: 100%;
+}
+
+:deep(.el-select-dropdown) {
+    max-height: 200px;
+}
+
+:deep(.el-cascader-panel) {
+    max-height: 200px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/moneyManage/receiveDetail/receiveHead.vue b/src/views/moneyManage/receiveDetail/receiveHead.vue
new file mode 100644
index 0000000..dec431c
--- /dev/null
+++ b/src/views/moneyManage/receiveDetail/receiveHead.vue
@@ -0,0 +1,819 @@
+<template>
+  <div class="content">
+    <!-- 搜索区域：删除客服专属的“订单状态”筛选，保留总部财务所需筛选项 -->
+    <div class="div-card1">
+      <el-card class="card1" style="margin-bottom: 0.5vh; min-height: 110px;">
+        <div class="row">
+          <div class="rowItem">
+            <el-text style="width: 4vw;">精网号</el-text>
+            <el-input v-model="searchData.jwcode" placeholder="请输入精网号" style="width:10vw;" clearable></el-input>
+          </div>
+          <div class="rowItem">
+            <el-text style="width: 4vw;">客户姓名</el-text>
+            <el-input v-model="searchData.name" placeholder="请输入客户姓名" style="width:10vw;" clearable></el-input>
+          </div>
+          <div class="rowItem">
+            <el-text style="width: 4vw;">所属地区</el-text>
+            <el-select v-model="searchData.market" placeholder="请选择所属地区" style="width:10vw;" clearable>
+              <el-option v-for="item in marketList" :key="item" :label="item" :value="item"/>
+            </el-select>
+          </div>
+          <!-- 总部财务不显示“订单状态”，显示“付款币种” -->
+          <div class="rowItem">
+            <el-text style="width: 4vw;">付款币种</el-text>
+            <el-select v-model="searchData.paymentCurrency" placeholder="请选择付款币种" style="width: 10vw;" clearable>
+              <el-option v-for="item in customOptions" :key="item" :label="item" :value="item"/>
+            </el-select>
+          </div>
+          <div class="rowItem">
+            <el-text style="width: 4vw;">支付方式</el-text>
+            <el-select v-model="searchData.payType" placeholder="请选择支付方式" style="width: 10vw;" clearable>
+              <el-option v-for="item in paytypeList" :key="item" :label="item" :value="item"/>
+            </el-select>
+          </div>
+        </div>
+        <div class="row" style="margin-top: 10px;">
+          <div class="rowItem">
+            <el-text style="width: 4vw;">活动名称</el-text>
+            <el-select v-model="searchData.activity" placeholder="请选择活动方式" style="width: 10vw;" clearable>
+              <el-option v-for="item in activityList" :key="item.id" :label="item.activityName" :value="item.id"/>
+            </el-select>
+          </div>
+          <div class="rowItem">
+            <el-text style="width: 4vw;">产品名称</el-text>
+            <el-cascader v-model="searchData.goodsName" :options="productList" style="width: 10vw;" clearable/>
+          </div>
+          <div class="rowItem" style="width: 30vw">
+            <el-text style="width: 4vw; margin-left: 0.5vw;">付款时间</el-text>
+            <el-date-picker v-model="getTime" type="datetimerange" range-separator="至"
+                            start-placeholder="起始时间" end-placeholder="结束时间" style="width: 22vw; "
+                            @change="handleDatePickerChange" :default-time="defaultTime"
+                            :disabled-date="disabledDate"/>
+          </div>
+          <!-- 总部财务查询/重置按钮 -->
+          <div class="buttons">
+            <el-button type="primary" @click="search">查询</el-button>
+            <el-button type="success" @click="reset">重置</el-button>
+          </div>
+        </div>
+      </el-card>
+    </div>
+
+
+    <!-- 数据展示区域：仅保留总部财务的“已通过/已完成”标签 -->
+    <div class="div-card2">
+      <el-card class="card2">
+        <div class="btns">
+          <!-- 总部财务仅显示“已通过/已完成”标签 -->
+          <div class="tabs">
+            <el-button-group>
+              <el-button class="btnItem"
+                         :style="{ backgroundColor: activeTab === 'pass' ? '#2741DE' : '#E5EBFE', color: activeTab === 'pass' ? 'white' : '#666' }"
+                         @click="navigateTo('pass')">
+                已通过
+              </el-button>
+              <el-button class="btnItem"
+                         :style="{ backgroundColor: activeTab === 'done' ? '#2741DE' : '#E5EBFE', color: activeTab === 'done' ? 'white' : '#666' }"
+                         @click="navigateTo('done')">
+                已完成
+              </el-button>
+            </el-button-group>
+          </div>
+        </div>
+
+        <!-- 表格：删除客服/地区财务专属列 -->
+        <div class="table">
+          <el-table :data="tableData" style="width: 80vw;height:54vh;" @sort-change="handleSortChange"
+                    :row-style="{ height: '60px' }" :header-cell-style="{ textAlign: 'center' }"
+                    :cell-style="{ textAlign: 'center' }">
+            <el-table-column type="index" label="序号" width="100px" fixed="left">
+              <template #default="scope">
+                <span>{{ scope.$index + 1 + (pageInfo.pageNum - 1) * pageInfo.pageSize }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column fixed="left" prop="jwcode" label="Homily ID" width="110px"/>
+            <el-table-column fixed="left" prop="name" label="姓名" width="110px"/>
+            <el-table-column prop="marketName" label="所属地区" width="80px"/>
+            <el-table-column prop="activity" label="活动名称" width="120px" show-overflow-tooltip/>
+            <el-table-column prop="goodsName" label="产品名称" width="120px"/>
+            <el-table-column prop="goodNum" label="产品数量" width="130px">
+              <template #default="scope">
+                <span v-if="scope.row.goodsName == '金币充值'">{{ scope.row.permanentGold }}</span>
+                <span v-else>{{ scope.row.goodNum }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="paymentCurrency" label="付款币种" width="100px"/>
+            <el-table-column prop="paymentAmount" label="付款金额" width="120px"/>
+            <!-- 总部财务显示“到账币种/金额/手续费”列 -->
+            <el-table-column prop="receivedCurrency" label="到账币种"
+                             v-if="activeTab == 'pass' || activeTab == 'done'" width="150px"></el-table-column>
+            <el-table-column prop="receivedAmount" label="到账金额"
+                             v-if="activeTab == 'pass' || activeTab == 'done'" width="150px">
+              <template #default="scope">
+                <div v-if="!scope.row.receivedAmount">
+                  <text style="color: #FA5A1E;">待补充</text>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="handlingCharge" label="手续费"
+                             v-if="activeTab == 'pass' || activeTab == 'done'" width="150px">
+              <template #default="scope">
+                <div v-if="!scope.row.handlingCharge == null">
+                  <text style="color: #FA5A1E;">待补充</text>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="payType" label="支付方式" width="130px"/>
+            <el-table-column prop="payTime" label="付款时间" width="180px"/>
+            <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="submitterName" label="提交人" width="150px" show-overflow-tooltip></el-table-column>
+            <!-- 总部财务显示“审核人/到账时间”列 -->
+            <el-table-column prop="auditName" label="审核人"
+                             v-if="activeTab == 'pass' || activeTab == 'done'"
+                             width="150px" show-overflow-tooltip></el-table-column>
+            <el-table-column prop="receivedTime" label="到账时间"
+                             v-if="activeTab == 'pass' || activeTab == 'done'" width="180px"/>
+            <el-table-column prop="remark" label="备注" width="150px" show-overflow-tooltip></el-table-column>
+            <!-- 已完成状态显示订单状态（正常/退款） -->
+            <el-table-column prop="status" label="订单状态" v-if="activeTab == 'done'" width="150px"
+                             show-overflow-tooltip>
+              <template #default="scope">
+                <span v-if="scope.row.status == 6">退款</span>
+                <span v-else>正常</span>
+              </template>
+            </el-table-column>
+            <!-- 操作列：仅保留总部财务的“编辑”功能 -->
+            <el-table-column fixed="right" label="操作" width="120px"
+                             v-if="activeTab != 'reject'">
+              <template #default=scope>
+                <el-link
+                    v-if="activeTab == 'pass' && !(scope.row.status == 6 || scope.row.status == 4)"
+                    style="color: #2741DE;" @click="openEditForm(scope.row)">编辑
+                </el-link>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <!-- 分页组件 -->
+        <div class="pagination">
+          <el-pagination background :page-size="pageInfo.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
+                         layout="total, sizes, prev, pager, next, jumper" :total="total"
+                         @size-change="handlePagination('size', $event)"
+                         @current-change="handlePagination('page', $event)"></el-pagination>
+        </div>
+      </el-card>
+    </div>
+
+    <!-- 编辑填手续费弹窗 -->
+    <el-dialog class="editdialog" v-model="editFormisible" width="20vw" :before-close="closeEditForm">
+      <div class="content">
+        <div class="left">
+          <el-form class="editForm" label-width="4.5vw" label-position="left">
+            <el-form-item label="精网号">
+              <el-input disabled="true" v-model="editFormData.jwcode" placeholder="请输入驳回理由"/>
+            </el-form-item>
+            <el-form-item label="客户姓名">
+              <el-input disabled="true" v-model="editFormData.name" placeholder="请输入客户姓名"/>
+            </el-form-item>
+            <el-form-item label="所属地区">
+              <el-input disabled="true" v-model="editFormData.marketName" placeholder="请输入所属地区"/>
+            </el-form-item>
+            <el-form-item label="活动名称">
+              <el-input disabled="true" v-model="editFormData.activity" placeholder="请输入活动名称"/>
+            </el-form-item>
+            <el-form-item label="产品名称">
+              <el-select disabled="true" v-model="editFormData.goodsName" placeholder="请选择产品名称"
+                         clearable></el-select>
+            </el-form-item>
+            <el-form-item v-show="!isEditGold" label="产品数量">
+              <div style="padding-right: 50px; display: flex;">
+                <el-input disabled="true" style="padding-right: 10px;" v-model="editFormData.goodNum"
+                          placeholder="请输入产品数量"/>
+                <span style="color: #999999;">个</span>
+              </div>
+            </el-form-item>
+            <div v-show="isEditGold" style="margin-bottom: 15px;  display: flex;">
+              <div style=" display: flex; ">
+                <span style="color: #999999; display: flex; white-space: nowrap;align-items: center;">永久金币：</span>
+                <el-input disabled="true"
+                          style="padding-right: 10px; padding-left: 10px; height: 30px; width: 110px;"
+                          v-model="editFormData.permanentGold"/>
+              </div>
+              <div style="padding-right: 5px; display: flex;">
+                <span style="color: #999999; display: flex; white-space: nowrap;align-items: center;">免费金币：</span>
+                <el-input disabled="true"
+                          style="padding-right: 10px; padding-left: 10px; height: 30px; width: 110px;"
+                          v-model="editFormData.freeGold"/>
+              </div>
+            </div>
+            <el-form-item label="付款币种">
+              <CurrencySelect :disabled="!ifOnline" v-model="editFormData.paymentCurrency"
+                              :items="customOptions" placeholder="请选择付款币种"/>
+            </el-form-item>
+            <el-form-item label="付款金额">
+              <el-input :disabled="!ifOnline" v-model="editFormData.paymentAmount"
+                        placeholder="请输入付款金额"/>
+            </el-form-item>
+            <el-form-item label="支付方式">
+              <el-select disabled="true" v-model="editFormData.payType" placeholder="请选择支付方式"
+                         clearable></el-select>
+            </el-form-item>
+            <el-form-item label="到账地区">
+              <el-select disabled="true" v-model="editFormData.receivedMarket" placeholder="请选择到账地区"
+                         clearable></el-select>
+            </el-form-item>
+            <el-form-item label="付款时间">
+              <el-date-picker disabled="true" type="datetime" v-model="editFormData.payTime"
+                              placeholder="请选择付款时间"/>
+            </el-form-item>
+            <el-form-item label="转账凭证">
+              <div class="pic">
+                <el-upload disabled="true" ref="uploadRef" class="uploader" :show-file-list="false"
+                           list-type="picture-card" :auto-upload="false" :before-upload="beforeUpload"
+                           :on-error="handelImgErr" :on-change="handleImageChange"
+                           :http-request="customUpload">
+                  <img v-if="editFormData.voucher" :src="editFormData.voucher" class="avatar"
+                       style="height: 100%; width: 100%;  object-fit: cover;"/>
+                  <el-icon v-else class="avatar-uploader-icon">
+                    <Plus/>
+                  </el-icon>
+                </el-upload>
+                <el-text class="picText">
+                  仅支持.jpg .png格式文件≤ 1 MB
+                </el-text>
+              </div>
+            </el-form-item>
+            <el-form-item label="备注">
+              <el-input disabled="true" v-model="editFormData.remark" type="textarea" :rows="4"
+                        placeholder="请输入驳回理由" maxlength="100" show-word-limit/>
+            </el-form-item>
+          </el-form>
+        </div>
+        <div class="right">
+          <el-form ref="editFormRef" :rules="editFormRule" :model="editFormData" class="editFormRight"
+                   label-width="4.5vw" label-position="left">
+            <el-form-item label="到账货币">
+              <CurrencySelect v-model="editFormData.receivedCurrency" :items="customOptions"
+                              placeholder="请选择到账货币"/>
+            </el-form-item>
+            <el-form-item label="到账金额" prop="receivedAmount">
+              <el-input v-model="editFormData.receivedAmount" placeholder="请输入到账金额"/>
+            </el-form-item>
+            <el-form-item label="手续费" prop="handlingCharge">
+              <el-input v-model="editFormData.handlingCharge" placeholder="请输入手续费"/>
+            </el-form-item>
+            <el-form-item label="到账时间">
+              <el-date-picker type="datetime" v-model="editFormData.receivedTime" placeholder="请输入到账时间"/>
+            </el-form-item>
+          </el-form>
+          <span class="editBtns">
+            <button class="editBtn1" @click="closeEditForm">
+              <text class="txt">取消</text>
+            </button>
+            <button class="editBtn2" @click="throttledsubmitEditForm">
+              <text class="txt">提交</text>
+            </button>
+          </span>
+        </div>
+      </div>
+    </el-dialog>
+
+    <!-- 查看驳回理由弹窗 -->
+    <el-dialog v-model="showRejectReasonDialog" title="驳回理由" width="30vw" :before-close="closeRejectReasonDialog">
+      <el-form label-width="80px">
+        <el-form-item label="驳回原因">
+          <el-input type="textarea" v-model="rejectReasonContent" disabled :rows="5" placeholder="无驳回理由"/>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="closeRejectReasonDialog">确认</el-button>
+        </span>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import {ref, onMounted} from 'vue';
+import {storeToRefs} from 'pinia';
+import {ElMessage, ElMessageBox} from 'element-plus'
+import API from '@/util/http.js'
+import request from '@/util/http.js'
+import moment from 'moment'
+import {useAdminStore} from '@/store/index.js'
+import {hasMenuPermission} from '@/utils/menuTreePermission.js'
+import _ from 'lodash'
+import {editFormRule} from './utils/recriveFormRules.js'
+import {productList, MarketNameForId, CurrencyForId, marketList} from './utils/staticData.js'
+import CurrencySelect from '@/components/MoneyManage/CurrencySelect.vue'
+import {Plus} from '@element-plus/icons-vue';
+
+// 状态管理
+const adminStore = useAdminStore();
+const {menuTree} = storeToRefs(adminStore);
+const tableData = ref([])
+const searchData = ref({})
+const defaultTime = [new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 2, 1, 23, 59, 59)]
+const getTime = ref([])
+const activeTab = ref('pass')
+const HQcaiwu = ref(true)
+const superAdmin = ref(false)
+const editFormData = ref({})
+const ifOnline = ref(false)
+const editFormisible = ref(false)
+const editFormRef = ref(null)
+const isEditGold = ref(false)
+const showRejectReasonDialog = ref(false)
+const rejectReasonContent = ref('')
+const pageInfo = ref({pageSize: 10, pageNum: 1})
+const total = ref(0)
+const uploadRef = ref()
+const customOptions = ref(['美元(USD)', '港币(HKD)', '新币(SGD)', '马币(MYR)', '泰铢(THB)', '加币(CAD)', '越南盾(VDN)', '韩元(KRW)'])
+const paytypeList = ref(["Stripe-链接收款", "PaymentAsia-链接收款", "Ipay88-链接收款", "银行转账", "刷卡", "现金", "支票", "Grabpay", "Nets", "E-Transfer", "Paypal"])
+const activityList = ref([])
+const adminData = ref({})
+
+// 核心方法
+const search = () => {
+  getlist()
+  ElMessage.success('查询成功')
+}
+const reset = () => {
+  searchData.value = {}
+  getTime.value = []
+  getlist()
+}
+const getlist = async () => {
+  try {
+    let payCurrencySelect = ''
+    let goodsName = ''
+    if (getTime.value && getTime.value.length === 2) {
+      searchData.value.startTime = moment(getTime.value[0]).format('YYYY-MM-DD HH:mm:ss')
+      searchData.value.endTime = moment(getTime.value[1]).format('YYYY-MM-DD HH:mm:ss')
+    } else {
+      searchData.value.startTime = ''
+      searchData.value.endTime = ''
+    }
+    if (searchData.value.goodsName) {
+      goodsName = searchData.value.goodsName[searchData.value.goodsName.length - 1]
+    }
+    if (searchData.value.paymentCurrency) {
+      payCurrencySelect = CurrencyForId(searchData.value.paymentCurrency)
+    }
+    const cashRoleId = '2'
+    if (activeTab.value === 'pass') {
+      searchData.value.status = 13
+    } else if (activeTab.value === 'done') {
+      searchData.value.status = 46
+    }
+    const result = await request({
+      url: '/cashCollection/selectCollection',
+      data: {
+        ...pageInfo.value,
+        cashCollection: {
+          ...searchData.value,
+          submitterId: adminData.value.id,
+          receivedMarket: MarketNameForId(adminData.value.markets),
+          cashRoleId: cashRoleId,
+          paymentCurrency: payCurrencySelect,
+          submitterMarket: adminData.value.markets,
+          goodsName: goodsName,
+          market: MarketNameForId(searchData.value.market)
+        }
+      }
+    })
+    if (result.code === 200) {
+      tableData.value = result.data.list
+      total.value = result.data.total
+    } else {
+      ElMessage.error('数据异常')
+    }
+  } catch (error) {
+    console.log(error);
+  }
+}
+
+const navigateTo = async (tab) => {
+  if (tab === 'pass') {
+    activeTab.value = 'pass'
+    await getlist()
+  } else if (tab === 'done') {
+    activeTab.value = 'done'
+    await getlist()
+  }
+}
+
+const EditifGold = () => {
+  isEditGold.value = editFormData.value.goodsName === '金币充值'
+}
+const openEditForm = (row) => {
+  editFormData.value = {...row}
+  EditifGold()
+  ifOnline.value = row.status === 3
+  editFormisible.value = true
+}
+const closeEditForm = () => {
+  editFormisible.value = false
+  editFormData.value = {}
+  getlist()
+}
+const submitEditForm = async () => {
+  try {
+    await editFormRef.value.validate();
+    if (editFormData.value.receivedTime) {
+      editFormData.value.receivedTime = moment(editFormData.value.receivedTime).format('YYYY-MM-DD HH:mm:ss')
+    }
+    const result = await request({
+      url: '/cashCollection/complete',
+      data: {
+        orderCode: editFormData.value.orderCode,
+        handlingCharge: editFormData.value.handlingCharge * 100,
+        paymentCurrency: CurrencyForId(editFormData.value.paymentCurrency),
+        paymentAmount: editFormData.value.paymentAmount * 100,
+        receivedCurrency: CurrencyForId(editFormData.value.receivedCurrency),
+        receivedAmount: editFormData.value.receivedAmount * 100,
+        receivedTime: editFormData.value.receivedTime,
+        receivedRemark: editFormData.value.receivedRemark,
+      }
+    })
+    if (result.code === 200) {
+      ElMessage.success('提交成功')
+      getlist()
+      closeEditForm()
+    }
+  } catch (error) {
+    ElMessage.error('请检查表单数据格式');
+  }
+}
+
+const openRejectReason = (reason) => {
+  rejectReasonContent.value = reason || '无驳回理由'
+  showRejectReasonDialog.value = true
+}
+const closeRejectReasonDialog = () => {
+  showRejectReasonDialog.value = false
+  rejectReasonContent.value = ''
+}
+
+const previewImage = (imageUrl) => {
+  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 handlePagination = (type, val) => {
+  if (type === 'size') {
+    pageInfo.value.pageSize = val
+  } else {
+    pageInfo.value.pageNum = val
+  }
+  getlist()
+}
+
+const beforeUpload = (rawFile) => {
+  if (rawFile.type !== 'image/jpeg' && rawFile.type !== 'image/png') {
+    ElMessage.error('图片必须是jpg或png类型!')
+    return false
+  } else if (rawFile.size / 1024 / 1024 > 2) {
+    ElMessage.error('图片大小不能超过 2MB!')
+    return false
+  }
+  return true
+}
+const handelImgErr = (err) => {
+  ElMessage.error("图片加载失败")
+}
+const handleImageChange = (file) => {
+  uploadRef.value.submit()
+}
+const customUpload = async (options) => {
+  try {
+    const formData = new FormData()
+    formData.append('file', options.file)
+    const response = await API({
+      url: 'https://api.homilychart.com/hljw/api/aws/upload',
+      method: 'POST',
+      data: formData,
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    })
+    if (response.code === 200 && response.data) {
+      ElMessage.success('上传成功')
+    } else {
+      options.onError(response)
+      ElMessage.error(response.msg || '上传失败')
+    }
+  } catch (error) {
+    ElMessage.error(`上传失败: ${error.msg || error.message || '网络异常'}`)
+  }
+}
+
+const getAdminData = async function () {
+  try {
+    const result = await API({
+      url: '/admin/userinfo',
+      data: {}
+    })
+    adminData.value = result
+  } catch (error) {
+    console.log('管理员信息获取失败', error)
+  }
+}
+const getActivitys = async function () {
+  try {
+    const result = await API({
+      url: '/cashCollection/getActivityList',
+      data: {}
+    })
+    if (result.code === 200) {
+      activityList.value = result.data
+    } else {
+      ElMessage.error('活动列表获取失败')
+    }
+  } catch (error) {
+    console.log('活动列表请求失败', error)
+  }
+}
+
+const throttledsubmitEditForm = _.throttle(submitEditForm, 5000, {
+  trailing: false
+})
+
+onMounted(async function () {
+  await getAdminData()
+  await getActivitys()
+  if (adminData.value.roleId === 2) {
+    superAdmin.value = true
+  }
+  await getlist()
+})
+
+// 未使用方法占位
+const handleSortChange = () => {}
+const handleDatePickerChange = () => {}
+const disabledDate = () => {}
+</script>
+
+<style scoped lang="scss">
+.content {
+  height: 100%;
+  width: 80vw;
+
+  .card1 {
+    background: #F3FAFE;
+    width: 100%;
+
+    .row {
+      height: 4vh;
+      width: 80vw;
+      display: flex;
+      min-height: 40px;
+
+      .rowItem {
+        display: flex;
+        width: 15vw;
+        align-items: center;
+        justify-content: center;
+        margin-right: 0.5vw;
+      }
+
+      .buttons {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        margin-left: 10px;
+      }
+    }
+  }
+
+  .div-card2 {
+    width: 100%;
+    margin-top: 2vh;
+
+    .card2 {
+      background: #E7F4FD;
+    }
+
+    .btns {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding-bottom: 10px;
+
+      .tabs {
+        min-width: 300px;
+
+        .btnItem {
+          margin-left: 10px;
+          border-radius: 5px;
+        }
+      }
+    }
+
+    .table {
+      margin: 10px;
+      border-radius: 20px;
+
+      .ellipsis-container {
+        position: relative;
+        width: 100%;
+
+        .ellipsis-text {
+          display: inline-block;
+          width: 100%;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          cursor: pointer;
+        }
+
+        .custom-tooltip {
+          position: fixed;
+          z-index: 9999;
+          padding: 8px 12px;
+          width: 200px;
+          background-color: #E4F0FC;
+          color: #333333;
+          border: 1px solid #e5e7eb;
+          border-radius: 4px;
+          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+          min-height: 30px;
+          max-height: 300px;
+          overflow-y: auto;
+          font-size: 14px;
+          line-height: 1.5;
+        }
+      }
+    }
+
+    .pagination {
+      margin-top: 10px;
+      padding: 10px 10px;
+    }
+  }
+
+  :deep(.editdialog) {
+    min-width: 990px;
+    background-color: #F3FAFE !important;
+    margin-top: 8vh;
+    border-radius: 8px;
+
+    .content {
+      display: flex;
+      height: 100%;
+      width: 100%;
+
+      .left {
+        min-width: 500px;
+      }
+
+      .right {
+        flex: 1;
+
+        .editFormRight {
+          padding: 0 60px 0 40px;
+
+          .el-date-editor {
+            display: flex;
+            flex: 1;
+          }
+        }
+
+        .editBtns {
+          display: flex;
+          justify-content: center;
+          margin-top: 60px;
+
+          .txt {
+            color: #f3fafe;
+            text-align: center;
+            font-family: "PingFang SC";
+            font-size: 14px;
+            font-style: normal;
+            font-weight: 700;
+            line-height: 22px;
+          }
+
+          .editBtn1 {
+            min-width: 80px;
+            padding: 5px 12px;
+            justify-content: center;
+            align-items: center;
+            gap: 4px;
+            border-radius: 4px;
+            background: #7E91FF;
+            border: none;
+            box-shadow: 0 0 4px 0 #00000040;
+          }
+
+          .editBtn2 {
+            display: flex;
+            width: 80px;
+            min-width: 80px;
+            padding: 5px 12px;
+            justify-content: center;
+            align-items: center;
+            gap: 4px;
+            border-radius: 4px;
+            background: #2741DE;
+            border: none;
+            box-shadow: 0 0 4px 0 #00000040;
+            margin-left: 60px;
+          }
+        }
+      }
+    }
+
+    .editForm {
+      padding: 0 60px 1vh 60px;
+
+      .el-date-editor {
+        display: flex;
+        flex: 1;
+      }
+
+      .pic {
+        display: flex;
+        align-items: center;
+
+        .uploader {
+          height: 80px;
+          width: 80px;
+
+          .el-upload {
+            height: 100%;
+            width: 100%;
+          }
+        }
+
+        .picText {
+          color: #999999;
+          font-family: "PingFang SC";
+          font-size: 10px;
+          font-style: normal;
+          font-weight: 400;
+          line-height: 20px;
+          margin-left: 10px;
+        }
+      }
+    }
+  }
+
+  :deep(.el-table__header-wrapper),
+  :deep(.el-table__body-wrapper),
+  :deep(.el-table__cell),
+  :deep(.el-table__body td) {
+    background-color: #F3FAFE !important;
+  }
+
+  :deep(.el-table__header th) {
+    background-color: #F3FAFE !important;
+  }
+
+  :deep(.el-table__row:hover > .el-table__cell) {
+    background-color: #E5EBFE !important;
+  }
+
+  .reject-reason-box {
+    --el-message-box-height: 500px;
+  }
+
+  .reject-reason-box .el-message-box__content {
+    max-height: 350px;
+    overflow-y: auto;
+    white-space: pre-wrap;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/moneyManage/receiveDetail/receiveManage.vue b/src/views/moneyManage/receiveDetail/receiveManage.vue
new file mode 100644
index 0000000..33dc1a4
--- /dev/null
+++ b/src/views/moneyManage/receiveDetail/receiveManage.vue
@@ -0,0 +1,1163 @@
+<template>
+  <div class="content">
+    <div class="div-card1">
+      <el-card class="card1" style="margin-bottom: 0.5vh; min-height: 110px;">
+        <div class="row">
+          <div class="rowItem">
+            <el-text style="width: 4vw;">精网号</el-text>
+            <el-input v-model="searchData.jwcode" placeholder="请输入精网号" style="width:10vw;"
+                      clearable></el-input>
+          </div>
+          <div class="rowItem">
+            <el-text style="width: 4vw;">客户姓名</el-text>
+            <el-input v-model="searchData.name" placeholder="请输入客户姓名" style="width:10vw;"
+                      clearable></el-input>
+          </div>
+          <div class="rowItem">
+            <el-text style="width: 4vw;">所属地区</el-text>
+            <el-select v-model="searchData.market" placeholder="请选择所属地区" style="width:10vw;" clearable>
+              <el-option v-for="item in marketList" :key="item" :label="item" :value="item"/>
+            </el-select>
+          </div>
+          <!-- 移除客服专属的“订单状态”筛选 -->
+          <div class="rowItem">
+            <el-text style="width: 4vw;">付款币种</el-text>
+            <el-select v-model="searchData.paymentCurrency" placeholder="请选择付款币种" style="width: 10vw;"
+                       clearable>
+              <el-option v-for="item in customOptions" :key="item" :label="item"
+                         :value="item"/>
+            </el-select>
+          </div>
+          <div class="rowItem">
+            <el-text style="width: 4vw;">支付方式</el-text>
+            <el-select v-model="searchData.payType" placeholder="请选择支付方式" style="width: 10vw;" clearable>
+              <el-option v-for="item in paytypeList" :key="item" :label="item" :value="item"/>
+            </el-select>
+          </div>
+        </div>
+        <div class="row" style="margin-top: 10px;">
+          <div class="rowItem">
+            <el-text style="width: 4vw;">活动名称</el-text>
+            <el-select v-model="searchData.activity" placeholder="请选择活动方式" style="width: 10vw;" clearable>
+              <el-option v-for="item in activityList" :key="item.id" :label="item.activityName" :value="item.id"/>
+            </el-select>
+          </div>
+          <div class="rowItem">
+            <el-text style="width: 4vw;">产品名称</el-text>
+            <el-cascader v-model="searchData.goodsName" :options="productList" style="width: 10vw;"
+                         clearable/>
+          </div>
+          <div class="rowItem" style="width: 30vw">
+            <el-text style="width: 4vw; margin-left: 0.5vw;">付款时间</el-text>
+            <el-date-picker v-model="getTime" type="datetimerange" range-separator="至"
+                            start-placeholder="起始时间" end-placeholder="结束时间" style="width: 22vw; "
+                            @change="handleDatePickerChange" :default-time="defaultTime"
+                            :disabled-date="disabledDate"/>
+          </div>
+          <!-- 地区财务查询/重置按钮 -->
+          <div class="buttons">
+            <el-button type="primary" @click="search">查询</el-button>
+            <el-button type="success" @click="reset">重置</el-button>
+          </div>
+        </div>
+        <!-- 移除超级管理员角色切换按钮 -->
+      </el-card>
+    </div>
+
+
+    <div class="div-card2">
+      <el-card class="card2">
+        <div class="btns">
+          <!-- 地区财务专属标签页（待审核/已通过/已完成/已驳回） -->
+          <div class="tabs">
+            <el-button-group>
+              <el-button class="btnItem"
+                         :style="{ backgroundColor: activeTab === 'wait' ? '#2741DE' : '#E5EBFE', color: activeTab === 'wait' ? 'white' : '#666' }"
+                         @click="navigateTo('wait')">
+                待审核
+              </el-button>
+              <el-button class="btnItem"
+                         :style="{ backgroundColor: activeTab === 'pass' ? '#2741DE' : '#E5EBFE', color: activeTab === 'pass' ? 'white' : '#666' }"
+                         @click="navigateTo('pass')">
+                已通过
+              </el-button>
+              <el-button class="btnItem"
+                         :style="{ backgroundColor: activeTab === 'done' ? '#2741DE' : '#E5EBFE', color: activeTab === 'done' ? 'white' : '#666' }"
+                         @click="navigateTo('done')">
+                已完成
+              </el-button>
+              <el-button class="btnItem"
+                         :style="{ backgroundColor: activeTab === 'reject' ? '#2741DE' : '#E5EBFE', color: activeTab === 'reject' ? 'white' : '#666' }"
+                         @click="navigateTo('reject')">
+                已驳回
+              </el-button>
+            </el-button-group>
+          </div>
+          <!-- 移除客服专属“添加收款”按钮 -->
+        </div>
+
+        <div class="table">
+          <el-table :data="tableData" style="width: 80vw;height:54vh;" @sort-change="handleSortChange"
+                    :row-style="{ height: '60px' }" :header-cell-style="{ textAlign: 'center' }"
+                    :cell-style="{ textAlign: 'center' }">
+            <el-table-column type="index" label="序号" width="100px" fixed="left">
+              <template #default="scope">
+                <span>{{ scope.$index + 1 + (pageInfo.pageNum - 1) * pageInfo.pageSize }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column fixed="left" prop="jwcode" label="Homily ID" width="110px"/>
+            <el-table-column fixed="left" prop="name" label="姓名" width="110px"/>
+            <el-table-column prop="marketName" label="所属地区" width="80px"/>
+            <el-table-column prop="activity" label="活动名称" width="120px" show-overflow-tooltip/>
+            <el-table-column prop="goodsName" label="产品名称" width="120px"/>
+            <el-table-column prop="goodNum" label="产品数量" width="130px">
+              <template #default="scope">
+                <span v-if="scope.row.goodsName == '金币充值'">{{ scope.row.permanentGold }}</span>
+                <span v-else>{{ scope.row.goodNum }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="paymentCurrency" label="付款币种" width="100px"></el-table-column>
+            <el-table-column prop="paymentAmount" label="付款金额" width="120px"></el-table-column>
+            <!-- 地区财务专属：已通过/已完成标签显示到账信息 -->
+            <el-table-column prop="receivedCurrency" label="到账币种"
+                             v-if="activeTab == 'pass' || activeTab == 'done'" width="150px"></el-table-column>
+            <el-table-column prop="receivedAmount" label="到账金额"
+                             v-if="activeTab == 'pass' || activeTab == 'done'" width="150px">
+              <template #default="scope">
+                <div v-if="!scope.row.receivedAmount">
+                  <text style="color: #FA5A1E;">待补充</text>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="handlingCharge" label="手续费"
+                             v-if="activeTab == 'pass' || activeTab == 'done'" width="150px">
+              <template #default="scope">
+                <div v-if="!scope.row.handlingCharge == null">
+                  <text style="color: #FA5A1E;">待补充</text>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="payType" label="支付方式" width="130px"></el-table-column>
+            <el-table-column prop="payTime" label="付款时间" width="180px"/>
+            <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="submitterName" label="提交人" width="150px"
+                             show-overflow-tooltip></el-table-column>
+            <!-- 地区财务专属：显示审核人信息 -->
+            <el-table-column prop="auditName" label="审核人"
+                             v-if="activeTab == 'pass' || activeTab == 'reject' || activeTab == 'done'"
+                             width="150px" show-overflow-tooltip></el-table-column>
+            <el-table-column prop="receivedTime" label="到账时间"
+                             v-if="activeTab == 'pass' || activeTab == 'done'" width="180px"></el-table-column>
+            <el-table-column prop="remark" label="备注" v-if="activeTab != 'reject'" width="150px"
+                             show-overflow-tooltip></el-table-column>
+            <el-table-column prop="status" label="订单状态" v-if="activeTab == 'done'" width="150px"
+                             show-overflow-tooltip>
+              <template #default="scope">
+                <span v-if="scope.row.status == 6">退款</span>
+                <span v-else>正常</span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="auditTime" label="驳回时间" v-if="activeTab == 'reject'"
+                             width="180px" show-overflow-tooltip></el-table-column>
+            <el-table-column prop="rejectReason" label="驳回理由" v-if="activeTab == 'reject'"
+                             width="150px">
+              <template #default="scope">
+                <div class="ellipsis-container"
+                     @mouseenter="handleMouseEnter($event, scope.row.rejectReason)"
+                     @mouseleave="handleMouseLeave" @mousemove="handleMouseMove($event)">
+                                    <span class="ellipsis-text">
+                                        {{ scope.row.rejectReason || '—' }}
+                                    </span>
+
+                  <!-- 自定义提示框 -->
+                  <div v-if="showTooltip && tooltipContent" class="custom-tooltip" :style="{
+                                        left: `${tooltipLeft}px`,
+                                        top: `${tooltipTop}px`
+                                    }">
+                    {{ tooltipContent }}
+                  </div>
+                </div>
+              </template>
+            </el-table-column>
+            <!-- 移除客服专属订单状态列 -->
+            <!-- 地区财务专属操作列（待审核-审核/已通过-编辑） -->
+            <el-table-column fixed="right" label="操作" width="120px"
+                             v-if="activeTab != 'reject' && activeTab != 'done'">
+              <template #default=scope>
+                <el-link v-if="activeTab == 'wait'" style="color: #2741DE;"
+                         @click="openAuditForm(scope.row)">审核
+                </el-link>
+                <el-link v-else-if="activeTab == 'pass' && !(scope.row.status == 6 || scope.row.status == 4)"
+                         style="color: #2741DE;" @click="openEditForm(scope.row)">编辑
+                </el-link>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div class="pagination">
+          <el-pagination background :page-size="pageInfo.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
+                         layout="total, sizes, prev, pager, next, jumper" :total="total"
+                         @size-change="handlePagination('size', $event)"
+                         @current-change="handlePagination('page', $event)"></el-pagination>
+        </div>
+      </el-card>
+    </div>
+
+    <!-- 移除客服专属：撤回确认弹窗、退款确认弹窗、新增弹窗 -->
+    
+    <!-- 地区财务专属：审核弹窗 -->
+    <el-dialog class="adddialog" v-model="auditFormisible" width="20vw" :before-close="closeAuditForm">
+      <el-form class="addForm" label-width="4vw" label-position="left">
+        <el-form-item label="精网号">
+          <el-input disabled="true" v-model="auditFormData.jwcode" placeholder="请输入驳回理由"/>
+        </el-form-item>
+        <el-form-item label="客户姓名">
+          <el-input disabled="true" v-model="auditFormData.name" placeholder="请输入客户姓名"/>
+        </el-form-item>
+        <el-form-item label="所属地区">
+          <el-input disabled="true" v-model="auditFormData.market"/>
+        </el-form-item>
+        <el-form-item label="活动名称">
+          <el-input disabled="true" v-model="auditFormData.activity" placeholder="请输入活动名称"/>
+        </el-form-item>
+        <el-form-item label="产品名称">
+          <el-select disabled="true" v-model="auditFormData.goodsName"/>
+        </el-form-item>
+        <el-form-item label="付款币种">
+          <el-select disabled="true" v-model="auditFormData.paymentCurrency" placeholder="请选择付款币种"
+                     @change="handleCurrencyChange"/>
+        </el-form-item>
+        <el-form-item label="付款金额">
+          <el-input disabled="true" v-model="auditFormData.paymentAmount" placeholder="请输入付款金额"/>
+        </el-form-item>
+        <el-form-item label="支付方式">
+          <el-select disabled="true" v-model="auditFormData.payType" :items="paytypeOptions"
+                     placeholder="请选择支付方式"/>
+        </el-form-item>
+        <el-form-item label="到账地区">
+          <el-select disabled="true" v-model="auditFormData.receivedMarket" placeholder="到账地区"/>
+        </el-form-item>
+        <el-form-item label="付款时间">
+          <el-date-picker disabled="true" type="datetime" v-model="auditFormData.payTime"
+                          placeholder="请选择付款时间"/>
+        </el-form-item>
+        <el-form-item label="转账凭证">
+          <div class="pic">
+            <el-upload disabled="true" ref="uploadRef" class="uploader" :show-file-list="false" list-type="picture-card"
+                       :auto-upload="false" :before-upload="beforeUpload" :on-error="handelImgErr"
+                       :on-change="handleImageChange" :http-request="customUpload">
+              <img v-if="auditFormData.voucher" :src="auditFormData.voucher" class="avatar"
+                   style="height: 100%; width: 100%;  object-fit: cover;"/>
+              <el-icon v-else class="avatar-uploader-icon">
+                <Plus/>
+              </el-icon>
+            </el-upload>
+            <el-text class="picText">
+              仅支持.jpg .png格式文件≤ 1 MB
+            </el-text>
+          </div>
+        </el-form-item>
+        <el-form-item label="备注">
+          <el-input disabled="true" v-model="auditFormData.remark" type="textarea" :rows="3"
+                    placeholder="请输入备注" maxlength="100" show-word-limit/>
+        </el-form-item>
+        <el-form-item label="驳回理由" v-if="ifReject" required>
+          <el-input v-model="auditFormData.rejectReason" type="textarea" :rows="3" placeholder="请输入驳回理由"
+                    maxlength="100" show-word-limit/>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+                               <span class="dialog-footer" v-if="!ifReject">
+                    <el-button style="background-color: #7E91FF;" @click="ifReject = true">驳回</el-button>
+                    <el-button :style="{
+                        backgroundColor: isBtnDisabled ? '#E5E5E5FF' : '#2741DEFF',
+                        marginLeft: '60px',
+                        color: isBtnDisabled ? '#8A8A8A' : '#F3FAFE'
+                    }" @click="handelAudit" :disabled="isBtnDisabled">{{ btnText }}</el-button>
+                </span>
+        <span class="dialog-footer" v-if="ifReject">
+                    <el-button style="background-color: #7E91FF;" @click="closeAuditForm">取消</el-button>
+                    <el-button style="background-color: #2741DE; margin-left: 2.5vw;" type="primary"
+                               @click="throttledhandelAuditReject">确定</el-button>
+                </span>
+      </template>
+    </el-dialog>
+
+    <!-- 地区财务专属：编辑填手续费弹窗 -->
+    <el-dialog class="editdialog" v-model="editFormisible" width="20vw" :before-close="closeEditForm">
+      <div class="content">
+        <div class="left">
+          <el-form class="editForm" label-width="4.5vw" label-position="left">
+            <el-form-item label="精网号">
+              <el-input disabled="true" v-model="editFormData.jwcode" placeholder="请输入驳回理由"/>
+            </el-form-item>
+            <el-form-item label="客户姓名">
+              <el-input disabled="true" v-model="editFormData.name" placeholder="请输入客户姓名"/>
+            </el-form-item>
+            <el-form-item label="所属地区">
+              <el-input disabled="true" v-model="editFormData.marketName" placeholder="请输入所属地区"/>
+            </el-form-item>
+            <el-form-item label="活动名称">
+              <el-input disabled="true" v-model="editFormData.activity" placeholder="请输入活动名称"/>
+            </el-form-item>
+            <el-form-item label="产品名称">
+              <el-select disabled="true" v-model="editFormData.goodsName" placeholder="请选择产品名称"
+                         clearable></el-select>
+            </el-form-item>
+            <el-form-item v-show="!isEditGold" label="产品数量">
+              <div style="padding-right: 50px; display: flex;">
+                <el-input disabled="true" style="padding-right: 10px;" v-model="editFormData.goodNum"
+                          placeholder="请输入产品数量"/>
+                <span style="color: #999999;">个</span>
+              </div>
+            </el-form-item>
+            <div v-show="isEditGold" style="margin-bottom: 15px;  display: flex;">
+              <div style=" display: flex; ">
+                                <span
+                                    style="color: #999999; display: flex; white-space: nowrap;align-items: center;">永久金币：</span>
+                <el-input disabled="true"
+                          style="padding-right: 10px; padding-left: 10px; height: 30px; width: 110px;"
+                          v-model="editFormData.permanentGold"/>
+              </div>
+              <div style="padding-right: 5px; display: flex;">
+                                <span
+                                    style="color: #999999; display: flex; white-space: nowrap;align-items: center;">免费金币：</span>
+                <el-input disabled="true"
+                          style="padding-right: 10px; padding-left: 10px; height: 30px; width: 110px;"
+                          v-model="editFormData.freeGold"/>
+              </div>
+            </div>
+            <el-form-item label="付款币种">
+              <CurrencySelect :disabled="!ifOnline" v-model="editFormData.paymentCurrency"
+                              :items="customOptions" placeholder="请选择付款币种"/>
+            </el-form-item>
+            <el-form-item label="付款金额">
+              <el-input :disabled="!ifOnline" v-model="editFormData.paymentAmount"
+                        placeholder="请输入付款金额"/>
+            </el-form-item>
+            <el-form-item label="支付方式">
+              <el-select disabled="true" v-model="editFormData.payType" placeholder="请选择支付方式"
+                         clearable></el-select>
+            </el-form-item>
+            <el-form-item label="到账地区">
+              <el-select disabled="true" v-model="editFormData.receivedMarket" placeholder="请选择到账地区"
+                         clearable></el-select>
+            </el-form-item>
+            <el-form-item label="付款时间">
+              <el-date-picker disabled="true" type="datetime" v-model="editFormData.payTime"
+                              placeholder="请选择付款时间"/>
+            </el-form-item>
+            <el-form-item label="转账凭证">
+              <div class="pic">
+                <el-upload disabled="true" ref="uploadRef" class="uploader" :show-file-list="false"
+                           list-type="picture-card" :auto-upload="false" :before-upload="beforeUpload"
+                           :on-error="handelImgErr" :on-change="handleImageChange"
+                           :http-request="customUpload">
+                  <img v-if="editFormData.voucher" :src="editFormData.voucher" class="avatar"
+                       style="height: 100%; width: 100%;  object-fit: cover;"/>
+                  <el-icon v-else class="avatar-uploader-icon">
+                    <Plus/>
+                  </el-icon>
+                </el-upload>
+                <el-text class="picText">
+                  仅支持.jpg .png格式文件≤ 1 MB
+                </el-text>
+              </div>
+            </el-form-item>
+            <el-form-item label="备注">
+              <el-input disabled="true" v-model="editFormData.remark" type="textarea" :rows="4"
+                        placeholder="请输入驳回理由" maxlength="100" show-word-limit/>
+            </el-form-item>
+          </el-form>
+        </div>
+        <div class="right">
+          <el-form ref="editFormRef" :rules="editFormRule" :model="editFormData" class="editFormRighrt"
+                   label-width="4.5vw" label-position="left">
+            <el-form-item label="到账货币">
+              <CurrencySelect v-model="editFormData.receivedCurrency" :items="customOptions"
+                              placeholder="请选择到账货币"/>
+            </el-form-item>
+            <el-form-item label="到账金额" prop="receivedAmount">
+              <el-input v-model="editFormData.receivedAmount" placeholder="请输入到账金额"/>
+            </el-form-item>
+            <el-form-item label="手续费" prop="handlingCharge">
+              <el-input v-model="editFormData.handlingCharge" placeholder="请输入手续费"/>
+            </el-form-item>
+            <el-form-item label="到账时间">
+              <el-date-picker type="datetime" v-model="editFormData.receivedTime" placeholder="请输入到账时间"/>
+            </el-form-item>
+          </el-form>
+          <span class="editBtns">
+                        <button class="editBtn1" @click="closeEditForm">
+                            <text class="txt">
+                                取消
+                            </text>
+                        </button>
+                        <button class="editBtn2" @click="throttledsubmitEditForm">
+                            <text class="txt">
+                                提交
+                            </text>
+                        </button>
+                    </span>
+        </div>
+      </div>
+    </el-dialog>
+
+    <!-- 移除客服专属：退款弹窗 -->
+  </div>
+</template>
+<script setup>
+import {ref, watch, computed, onMounted} from 'vue';
+import {storeToRefs} from 'pinia';
+import {ElMessage, ElMessageBox} from 'element-plus'
+import API from '@/util/http.js'
+import request from '@/util/http.js'
+import moment from 'moment'
+import {useAdminStore} from '@/store/index.js'
+import {hasMenuPermission} from '@/utils/menuTreePermission.js'
+
+import _ from 'lodash'
+import {editFormRule} from './utils/recriveFormRules.js'
+import { productList,MarketNameForId,CurrencyForId,marketList,statusList} from './utils/staticData.js'
+import CurrencySelect from '@/components/MoneyManage/CurrencySelect.vue'
+import {Plus} from '@element-plus/icons-vue';
+
+//=====================   查询相关        =================================
+const tableData = ref([])
+const searchData = ref({})
+const defaultTime = [
+  new Date(2000, 1, 1, 0, 0, 0),
+  new Date(2000, 2, 1, 23, 59, 59),
+]
+const getTime = ref([])
+
+// 空函数占位（原模板引用但未定义，避免报错）
+const handleDatePickerChange = ref(() => {})
+const disabledDate = ref(() => {})
+const handleSortChange = ref(() => {})
+
+const search = () => {
+  getlist()
+  ElMessage.success('查询成功')
+}
+const reset = () => {
+  searchData.value = {}
+  getTime.value = []
+  getlist()
+}
+
+//获得表格数据接口（仅保留地区财务逻辑）
+const getlist = async () => {
+  try {
+    let payCurrencySelect = ''
+    let goodsName = ''
+    if (getTime.value && getTime.value.length === 2) {
+      searchData.value.startTime = moment(getTime.value[0]).format('YYYY-MM-DD HH:mm:ss')
+      searchData.value.endTime = moment(getTime.value[1]).format('YYYY-MM-DD HH:mm:ss')
+    } else {
+      searchData.value.startTime = ''
+      searchData.value.endTime = ''
+    }
+
+    if (searchData.value.goodsName) {
+      goodsName = searchData.value.goodsName[searchData.value.goodsName.length - 1]
+    }
+    if (searchData.value.paymentCurrency) {
+      payCurrencySelect = CurrencyForId(searchData.value.paymentCurrency)
+    }
+
+    // 地区财务固定角色ID：1
+    const cashRoleId = '1'
+    const receivedMarket = adminData.value.markets
+
+    // 地区财务标签页与状态映射
+    if (activeTab.value == 'wait') {
+      searchData.value.status = 0
+    } else if (activeTab.value == 'pass') {
+      searchData.value.status = 13
+    } else if (activeTab.value == 'done') {
+      searchData.value.status = 46
+    } else if (activeTab.value == 'reject') {
+      searchData.value.status = 2
+    }
+
+    const result = await request({
+      url: '/cashCollection/selectCollection',
+      data: {
+        ...pageInfo.value,
+        cashCollection: {
+          ...searchData.value,
+          ...getTime.value,
+          submitterId: adminData.value.id,
+          receivedMarket: MarketNameForId(receivedMarket),
+          cashRoleId: cashRoleId,
+          paymentCurrency: payCurrencySelect,
+          submitterMarket: receivedMarket,
+          goodsName: goodsName,
+          market: MarketNameForId(searchData.value.market)
+        }
+      }
+    })
+    if (result.code == 200) {
+      tableData.value = result.data.list
+      total.value = result.data.total
+    } else {
+      ElMessage.error('数据异常')
+      console.log(result.msg);
+    }
+  } catch (error) {
+    console.log(error);
+  }
+}
+
+//====================   标签切换  =========================
+const activeTab = ref('wait')
+
+const navigateTo = async (tab) => {
+  activeTab.value = tab
+  await getlist()
+}
+
+// 固定地区财务角色标识（移除客服、总部财务相关变量）
+const caiwu = ref(true)
+
+//=================  图片上传相关（审核弹窗复用）   ==================
+const uploadRef = ref()
+
+// 图片上传回调（审核弹窗查看凭证用，无实际上传操作）
+const handleImgSuccess = (response, uploadFile) => {
+  try {
+    ElMessage.success('上传成功')
+  } catch (error) {
+    ElMessage.error(response.msg || '图片上传失败')
+  }
+}
+
+const handelImgErr = (err) => {
+  ElMessage.error("图片上传失败")
+}
+
+const beforeUpload = (rawFile) => {
+  if (rawFile.type !== 'image/jpeg' && rawFile.type !== 'image/png') {
+    ElMessage.error('图片必须是jpg或png类型!')
+    return false
+  } else if (rawFile.size / 1024 / 1024 > 2) {
+    ElMessage.error('图片大小不能超过 2MB!')
+    return false
+  }
+  return true
+}
+
+const handleImageChange = (file) => {
+  uploadRef.value.submit()
+}
+
+const customUpload = async (options) => {
+  try {
+    const formData = new FormData()
+    formData.append('file', options.file)
+
+    const response = await API({
+      url: 'https://api.homilychart.com/hljw/api/aws/upload',
+      method: 'POST',
+      data: formData,
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    })
+    if (response.code === 200 && response.data) {
+      handleImgSuccess(response, options.file)
+    } else {
+      options.onError(response)
+      ElMessage.error(response.msg || '上传失败')
+    }
+  } catch (error) {
+    ElMessage.error(`上传失败: ${error.msg || error.message || '网络异常'}`)
+  }
+}
+
+// 预览图片函数
+const previewImage = (imageUrl) => {
+  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 editFormData = ref({})
+const ifOnline = ref(false)
+const editFormisible = ref(false)
+const editFormRef = ref(null)
+
+// 判断是否为金币产品
+const isEditGold = ref(false)
+const EditifGold = () => {
+  if (editFormData.value.goodsName === '金币充值') {
+    isEditGold.value = true
+  } else {
+    isEditGold.value = false
+  }
+}
+
+const openEditForm = (row) => {
+  editFormData.value = row
+  EditifGold()
+  // 仅在线支付可编辑付款信息
+  if (row.status == 3) {
+    ifOnline.value = true
+  } else {
+    ifOnline.value = false
+  }
+  editFormisible.value = true
+}
+
+const closeEditForm = () => {
+  editFormisible.value = false
+  editFormData.value = {}
+  getlist()
+}
+
+//提交编辑（地区财务补充手续费）
+const submitEditForm = async () => {
+  try {
+    await editFormRef.value.validate();
+    if (editFormData.value.receivedTime) {
+      editFormData.value.receivedTime = moment(editFormData.value.receivedTime).format('YYYY-MM-DD HH:mm:ss')
+    }
+    const result = await request({
+      url: '/cashCollection/complete',
+      data: {
+        orderCode: editFormData.value.orderCode,
+        handlingCharge: editFormData.value.handlingCharge * 100,
+        paymentCurrency: CurrencyForId(editFormData.value.paymentCurrency),
+        paymentAmount: (editFormData.value.paymentAmount) * 100,
+        receivedCurrency: CurrencyForId(editFormData.value.receivedCurrency),
+        receivedAmount: editFormData.value.receivedAmount * 100,
+        receivedTime: editFormData.value.receivedTime,
+        receivedRemark: editFormData.value.receivedRemark,
+      }
+    })
+    if (result.code == 200) {
+      ElMessage.success('提交成功')
+      getlist()
+      closeEditForm()
+    }
+  } catch (error) {
+    ElMessage.error('请检查表单数据格式');
+  }
+}
+
+//==================  审核相关     =========================
+const auditFormData = ref({})
+//财务通过审核请求
+const handelAudit = async () => {
+  try {
+    const result = await request({
+      url: '/cashAudit/collectionAudit',
+      data: {
+        orderCode: auditFormData.value.orderCode,
+        action: 1,
+        auditId: adminData.value.id
+      }
+    })
+    if (result.code == 200) {
+      ElMessage.success('审核成功')
+      getlist()
+      closeAuditForm()
+    } else {
+      ElMessage.error(result.msg)
+      getlist()
+    }
+  } catch (error) {
+    console.log(error);
+  }
+}
+
+//财务驳回审核请求
+const handelAuditReject = async () => {
+  try {
+    const result = await request({
+      url: '/cashAudit/collectionAudit',
+      data: {
+        orderCode: auditFormData.value.orderCode,
+        rejectReason: auditFormData.value.rejectReason,
+        action: 2,
+        auditId: adminData.value.id
+      }
+    })
+    if (result.code == 200) {
+      ElMessage.success('审核成功')
+      getlist()
+      closeAuditForm()
+    }
+  } catch (error) {
+    console.log(error);
+  }
+}
+
+const auditFormisible = ref(false)
+//判断弹窗中是否展示驳回
+const ifReject = ref(false)
+
+const openAuditForm = (row) => {
+  auditFormData.value = {
+    ...row,
+    market: row.marketName
+  }
+  auditFormisible.value = true
+}
+
+//审核按钮倒计时控制
+const countdown = ref(0);          
+const isBtnDisabled = ref(false);  
+const btnText = ref('通过(3)');    
+
+const closeAuditForm = () => {
+  ifReject.value = false
+  auditFormisible.value = false
+  auditFormData.value = {}
+}
+
+// 审核弹窗打开时启动倒计时
+watch(auditFormisible, (val) => {
+  if (val) {
+    countdown.value = 3
+    isBtnDisabled.value = true
+    btnText.value = `通过(${countdown.value})`
+
+    const timer = setInterval(() => {
+      countdown.value--
+      btnText.value = `通过(${countdown.value})`
+
+      if (countdown.value <= 0) {
+        isBtnDisabled.value = false
+        clearInterval(timer)
+        btnText.value = '通过'
+      }
+    }, 1000);
+  }
+})
+
+//========================分页相关==================
+const pageInfo = ref({
+  pageSize: 10,
+  pageNum: 1
+})
+const total = ref(0)
+
+const handlePagination = (type, val) => {
+  if (type === 'size') {
+    pageInfo.value.pageSize = val
+  } else {
+    pageInfo.value.pageNum = val
+  }
+  getlist()
+}
+
+// ============   已驳回相关（提示框）      ===========================
+const showTooltip = ref(false);
+const tooltipContent = ref('');
+const tooltipLeft = ref(0);
+const tooltipTop = ref(0);
+const tooltipWidth = 200;
+
+// 鼠标悬浮显示完整驳回理由
+const handleMouseEnter = (e, content) => {
+  if (content) {
+    showTooltip.value = true;
+    tooltipContent.value = content;
+    handleMouseMove(e);
+  }
+};
+
+const handleMouseLeave = () => {
+  showTooltip.value = false;
+  tooltipContent.value = '';
+};
+
+const handleMouseMove = (e) => {
+  tooltipLeft.value = e.clientX - tooltipWidth - 10;
+  tooltipTop.value = e.clientY - 10;
+};
+
+//=====================  基础数据加载  =========================
+const adminData = ref({})
+// 获取管理员信息
+const getAdminData = async function () {
+  try {
+    const result = await API({
+      url: '/admin/userinfo',
+      data: {}
+    })
+    adminData.value = result
+  } catch (error) {
+    console.log('管理员信息请求失败', error)
+  }
+}
+
+// 支付方式列表（固定数据）
+const paytypeList = ["Stripe-链接收款", "PaymentAsia-链接收款", "Ipay88-链接收款", "银行转账", "刷卡", "现金", "支票", "Grabpay", "Nets", "E-Transfer", "Paypal"]
+const activityList = ref([])
+
+// 获取活动列表
+const getActivitys = async function () {
+  try {
+    const result = await API({
+      url: '/cashCollection/getActivityList',
+      data: {}
+    })
+    if (result.code == 200) {
+      activityList.value = result.data
+    } else {
+      ElMessage.error('活动列表获取失败')
+    }
+  } catch (error) {
+    console.log('活动列表请求失败', error)
+  }
+}
+
+//=====================  节流控制（防止重复提交）  =========================
+const throttledhandelAuditReject = _.throttle(handelAuditReject, 5000, {
+  trailing: false
+})
+const throttledsubmitEditForm = _.throttle(submitEditForm, 5000, {
+  trailing: false
+})
+
+//=====================  页面初始化  =========================
+onMounted(async function () {
+  await getAdminData()
+  await getActivitys()
+
+  // 地区财务权限校验（菜单ID：78）
+  if (hasMenuPermission(menuTree.value, 78)) {
+    // 管理员账号所属地区提示
+    if(adminData.value.roleId == 2 && (adminData.value.markets  == '总部' || adminData.value.markets == '研发部')){
+      ElMessageBox.alert('管理员账号只能看到所属地区对应地区财务数据，请注意设置所属地区','注意',{
+        type:'warning'
+      })
+    }
+    getlist()
+  }
+})
+</script>
+<style scoped lang="scss">
+.content {
+  height: 100%;
+  width: 80vw;
+
+  .card1 {
+    width: 100%;
+    background: #F3FAFE;
+
+    .row {
+      height: 4vh;
+      width: 80vw;
+      display: flex;
+      min-height: 40px;
+
+      .rowItem {
+        display: flex;
+        width: 15vw;
+        align-items: center;
+        justify-content: center;
+        margin-right: 0.5vw;
+      }
+
+      .buttons {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        margin-left: 10px;
+      }
+    }
+  }
+
+
+  .div-card2 {
+    width: 100%;
+    margin-top: 2vh;
+
+    .card2 {
+      background: #E7F4FD;
+    }
+
+    .btns {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding-bottom: 10px;
+
+      .tabs {
+        min-width: 300px;
+
+        .btnItem {
+          margin-left: 10px;
+          border-radius: 5px;
+        }
+      }
+    }
+
+
+    .table {
+      margin: 10px;
+      border-radius: 20px;
+
+      .ellipsis-container {
+        position: relative;
+        width: 100%;
+
+        .ellipsis-text {
+          display: inline-block;
+          width: 100%;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          cursor: pointer;
+        }
+
+        .custom-tooltip {
+          position: fixed;
+          z-index: 9999;
+          padding: 8px 12px;
+          width: 200px;
+          background-color: #E4F0FC;
+          color: #333333;
+          border: 1px solid #e5e7eb;
+          border-radius: 4px;
+          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+          min-height: 30px;
+          max-height: 300px;
+          overflow-y: auto;
+          font-size: 14px;
+          line-height: 1.5;
+        }
+      }
+    }
+
+    .pagination {
+      margin-top: 10px;
+      padding: 10px 10px;
+    }
+  }
+
+  :deep(.adddialog) {
+    min-width: 500px;
+    background-color: #F3FAFE !important;
+    margin-top: 8vh;
+    border-radius: 8px;
+
+    .addForm {
+      padding: 0 60px 1vh 60px;
+
+      .el-date-editor {
+        display: flex;
+        flex: 1;
+
+      }
+
+      .pic {
+        display: flex;
+        align-items: center;
+
+        .uploader {
+          height: 80px;
+          width: 80px;
+
+          .el-upload {
+            height: 100%;
+            width: 100%;
+          }
+        }
+
+        .picText {
+          color: #999999;
+          font-family: "PingFang SC";
+          font-size: 10px;
+          font-style: normal;
+          font-weight: 400;
+          line-height: 20px;
+          margin-left: 10px;
+        }
+      }
+    }
+
+    .dialog-footer {
+      display: flex;
+      justify-content: center;
+      padding-bottom: 1.5vh;
+    }
+  }
+
+  :deep(.editdialog) {
+    min-width: 990px;
+    background-color: #F3FAFE !important;
+    margin-top: 8vh;
+    border-radius: 8px;
+
+    .editForm {
+      padding: 0 60px 1vh 60px;
+
+      .el-date-editor {
+        display: flex;
+        flex: 1;
+      }
+
+      .pic {
+        display: flex;
+        align-items: center;
+
+        .uploader {
+          height: 80px;
+          width: 80px;
+
+          .el-upload {
+            height: 100%;
+            width: 100%;
+          }
+        }
+
+        .picText {
+          color: #999999;
+          font-family: "PingFang SC";
+          font-size: 10px;
+          font-style: normal;
+          font-weight: 400;
+          line-height: 20px;
+          margin-left: 10px;
+        }
+      }
+    }
+
+    .content {
+      display: flex;
+      height: 100%;
+      width: 100%;
+
+      .left {
+        min-width: 500px;
+      }
+
+      .right {
+        flex: 1;
+
+        .editFormRighrt {
+          padding: 0 60px 0 40px;
+
+          .el-date-editor {
+            display: flex;
+            flex: 1;
+          }
+        }
+
+        .editBtns {
+          display: flex;
+          justify-content: center;
+          margin-top: 60px;
+
+          .txt {
+            color: #f3fafe;
+            text-align: center;
+            font-family: "PingFang SC";
+            font-size: 14px;
+            font-style: normal;
+            font-weight: 700;
+            line-height: 22px;
+          }
+
+          .editBtn1 {
+            min-width: 80px;
+            padding: 5px 12px;
+            justify-content: center;
+            align-items: center;
+            gap: 4px;
+            border-radius: 4px;
+            background: #7E91FF;
+            border: none;
+            box-shadow: 0 0 4px 0 #00000040;
+          }
+
+          .editBtn2 {
+            display: flex;
+            width: 80px;
+            min-width: 80px;
+            padding: 5px 12px;
+            justify-content: center;
+            align-items: center;
+            gap: 4px;
+            border-radius: 4px;
+            background: #2741DE;
+            border: none;
+            box-shadow: 0 0 4px 0 #00000040;
+            margin-left: 60px;
+          }
+        }
+      }
+    }
+  }
+
+  :deep(.adddialog .el-form-item__label) {
+    min-width: 80px;
+    width: auto;
+    font-weight: 800;
+    padding-bottom: 15px;
+  }
+}
+
+// 表格样式统一
+:deep(.el-table__header-wrapper),
+:deep(.el-table__body-wrapper),
+:deep(.el-table__cell),
+:deep(.el-table__body td) {
+  background-color: #F3FAFE !important;
+}
+
+:deep(.el-table__header th) {
+  background-color: #F3FAFE !important;
+}
+
+:deep(.el-table__row:hover > .el-table__cell) {
+  background-color: #E5EBFE !important;
+}
+
+// 驳回理由弹窗样式
+.reject-reason-box {
+  --el-message-box-height: 500px;
+}
+
+.reject-reason-box .el-message-box__content {
+  max-height: 350px;
+  overflow-y: auto;
+  white-space: pre-wrap;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/moneyManage/receiveDetail/receiveService.vue b/src/views/moneyManage/receiveDetail/receiveService.vue
new file mode 100644
index 0000000..5b8b0f0
--- /dev/null
+++ b/src/views/moneyManage/receiveDetail/receiveService.vue
@@ -0,0 +1,1175 @@
+<template>
+    <div class="content">
+        <!-- 搜索区域：仅保留客服相关筛选条件 -->
+        <div class="div-card1">
+            <el-card class="card1" style="margin-bottom: 0.5vh; min-height: 110px;">
+                <div class="row">
+                    <div class="rowItem">
+                        <el-text style="width: 4vw;">精网号</el-text>
+                        <el-input v-model="searchData.jwcode" placeholder="请输入精网号" style="width:10vw;"
+                            clearable></el-input>
+                    </div>
+                    <div class="rowItem">
+                        <el-text style="width: 4vw;">客户姓名</el-text>
+                        <el-input v-model="searchData.name" placeholder="请输入客户姓名" style="width:10vw;"
+                            clearable></el-input>
+                    </div>
+                    <div class="rowItem">
+                        <el-text style="width: 4vw;">所属地区</el-text>
+                        <el-select v-model="searchData.market" placeholder="请选择所属地区" style="width:10vw;" clearable>
+                            <el-option v-for="item in marketList" :key="item" :label="item" :value="item" />
+                        </el-select>
+                    </div>
+                    <!-- 仅保留客服专属的“订单状态”筛选 -->
+                    <div class="rowItem">
+                        <el-text style="width: 4vw;">订单状态</el-text>
+                        <el-select v-model="searchData.status" placeholder="请选择订单状态" style="width: 10vw;" clearable>
+                            <el-option v-for="item in statusList" :key="item.name" :label="item.name"
+                                :value="item.value" />
+                        </el-select>
+                    </div>
+                    <div class="rowItem">
+                        <el-text style="width: 4vw;">支付方式</el-text>
+                        <el-select v-model="searchData.payType" placeholder="请选择支付方式" style="width: 10vw;" clearable>
+                            <el-option v-for="item in paytypeList" :key="item" :label="item" :value="item" />
+                        </el-select>
+                    </div>
+                </div>
+                <div class="row" style="margin-top: 10px;">
+                    <div class="rowItem">
+                        <el-text style="width: 4vw;">活动名称</el-text>
+                        <el-select v-model="searchData.activity" placeholder="请选择活动方式" style="width: 10vw;" clearable>
+                            <el-option v-for="item in activityList" :key="item.id" :label="item.activityName"
+                                :value="item.id" />
+                        </el-select>
+                    </div>
+                    <div class="rowItem">
+                        <el-text style="width: 4vw;">产品名称</el-text>
+                        <el-cascader v-model="searchData.goodsName" :options="productList" style="width: 10vw;"
+                            clearable />
+                    </div>
+                    <div class="rowItem" style="width: 30vw">
+                        <el-text style="width: 4vw; margin-left: 0.5vw;">付款时间</el-text>
+                        <el-date-picker v-model="getTime" type="datetimerange" range-separator="至"
+                            start-placeholder="起始时间" end-placeholder="结束时间" style="width: 22vw; "
+                            @change="handleDatePickerChange" :default-time="defaultTime"
+                            :disabled-date="disabledDate" />
+                    </div>
+                    <!-- 仅保留客服的查询、重置按钮（删除超级管理员相关按钮） -->
+                    <div class="buttons">
+                        <el-button type="primary" @click="search">查询</el-button>
+                        <el-button type="success" @click="reset">重置</el-button>
+                    </div>
+                </div>
+            </el-card>
+        </div>
+
+        <!-- 表格区域：仅保留客服相关列和操作 -->
+        <div class="div-card2">
+            <el-card class="card2">
+                <div class="btns">
+                    <!-- 删除财务专属的标签页切换 -->
+                    <div class="btnAdd">
+                        <el-button @click="openAddForm" type="success">添加收款</el-button>
+                    </div>
+                </div>
+
+                <div class="table">
+                    <el-table :data="tableData" style="width: 80vw;height:54vh;" @sort-change="handleSortChange"
+                        :row-style="{ height: '60px' }" :header-cell-style="{ textAlign: 'center' }"
+                        :cell-style="{ textAlign: 'center' }">
+                        <el-table-column type="index" label="序号" width="100px" fixed="left">
+                            <template #default="scope">
+                                <span>{{ scope.$index + 1 + (pageInfo.pageNum - 1) * pageInfo.pageSize }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column fixed="left" prop="jwcode" label="Homily ID" width="110px" />
+                        <el-table-column fixed="left" prop="name" label="姓名" width="110px" />
+                        <el-table-column prop="marketName" label="所属地区" width="80px" />
+                        <el-table-column prop="activity" label="活动名称" width="120px" show-overflow-tooltip />
+                        <el-table-column prop="goodsName" label="产品名称" width="120px" />
+                        <el-table-column prop="goodNum" label="产品数量" width="130px">
+                            <template #default="scope">
+                                <span v-if="scope.row.goodsName == '金币充值'">{{ scope.row.permanentGold }}</span>
+                                <span v-else>{{ scope.row.goodNum }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="paymentCurrency" label="付款币种" width="100px" />
+                        <el-table-column prop="paymentAmount" label="付款金额" width="120px" />
+                        <el-table-column prop="payType" label="支付方式" width="130px" />
+                        <el-table-column prop="payTime" label="付款时间" width="180px" />
+                        <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="submitterName" label="提交人" width="150px" show-overflow-tooltip />
+                        <el-table-column prop="remark" label="备注" width="150px" show-overflow-tooltip />
+                        <!-- 客服专属的订单状态列 -->
+                        <el-table-column fixed="right" prop="status" label="订单状态" width="100px">
+                            <template #default="scope">
+                                <span v-if="scope.row.status == 0">待审核</span>
+                                <span v-else-if="scope.row.status == 1 || scope.row.status == 4">已通过</span>
+                                <span v-else-if="scope.row.status == 2">已驳回</span>
+                                <span v-else-if="scope.row.status == 5">已撤回</span>
+                                <span v-else-if="scope.row.status == 6">退款</span>
+                                <span v-else></span>
+                            </template>
+                        </el-table-column>
+                        <!-- 仅保留客服专属操作（删除财务审核、编辑手续费操作） -->
+                        <el-table-column fixed="right" label="操作" width="120px">
+                            <template #default=scope>
+                                <el-link v-if="scope.row.status == 4" style="color: #FA5A1E;"
+                                    @click="openConfirm('refund', scope.row)">退款</el-link>
+                                <el-link v-else-if="scope.row.status == 1" style="color: #2741DE;">待填写手续费</el-link>
+                                <el-link v-else-if="scope.row.status == 5" style="color: #2741DE;"
+                                    @click="openAddForm(scope.row)">编辑</el-link>
+                                <el-link v-else-if="scope.row.status == 0" style="color: #FA5A1E;"
+                                    @click="openConfirm('recall', scope.row)">撤回</el-link>
+                                <el-link v-else-if="scope.row.status == 2" style="color: #FA5A1E;"
+                                    @click="openRejectReason(scope.row.rejectReason)">查看驳回理由</el-link>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </div>
+
+                <!-- 分页组件：保留公共逻辑 -->
+                <div class="pagination">
+                    <el-pagination background :page-size="pageInfo.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
+                        layout="total, sizes, prev, pager, next, jumper" :total="total"
+                        @size-change="handlePagination('size', $event)"
+                        @current-change="handlePagination('page', $event)"></el-pagination>
+                </div>
+            </el-card>
+        </div>
+
+        <!-- 仅保留客服专属弹窗：撤回确认、退款确认、新增/编辑收款、退款弹窗 -->
+        <!-- 撤回确认弹窗 -->
+        <div class="recallDialog" v-show="recallDialog">
+            <div class="close">
+                <button @click="closeRecall" class="Btn">关闭</button>
+            </div>
+            <div class="text">
+                <text class="txt">{{ textContent }}</text>
+            </div>
+            <div class="cancle">
+                <button @click="closeRecall" class="Btn">取消</button>
+            </div>
+            <div class="confirm">
+                <button @click="handleRecall" class="Btn">确定</button>
+            </div>
+        </div>
+
+        <!-- 退款确认弹窗 -->
+        <div class="recallDialog" v-show="refundConfirmDialog">
+            <div class="close">
+                <button @click="closeConfirmRefund" class="Btn">关闭</button>
+            </div>
+            <div class="text">
+                <text class="txt">{{ textContent }}</text>
+            </div>
+            <div class="cancle">
+                <button @click="closeConfirmRefund" class="Btn">取消</button>
+            </div>
+            <div class="confirm">
+                <button @click="openRefundDialog" class="Btn">确定</button>
+            </div>
+        </div>
+
+        <!-- 客服新增/编辑收款弹窗 -->
+        <el-dialog class="adddialog" v-model="addFormisible" width="20vw" :before-close="closeAddForm">
+            <el-form class="addForm" ref="addFormRef" :rules="addFormRule" :model="addFormData" label-width="4vw"
+                label-position="left">
+                <el-form-item label="精网号" required prop="jwcode">
+                    <el-input v-model="addFormData.jwcode" placeholder="请输入精网号" @blur="jwcodeSeachMarket" />
+                </el-form-item>
+                <el-form-item label="客户姓名" required prop="name">
+                    <el-input disabled v-model="addFormData.name" placeholder="请输入客户姓名" />
+                </el-form-item>
+                <el-form-item label="所属地区" required prop="market">
+                    <el-input disabled v-model="addFormData.marketName" placeholder="请输入所属地区" />
+                </el-form-item>
+                <el-form-item label="活动名称" required prop="activity">
+                    <el-input v-model="addFormData.activity" placeholder="请输入活动名称" />
+                </el-form-item>
+                <el-form-item label="产品名称" required @change="ifGold" prop="goodsName">
+                    <ProductSelect ref="productSelectRef" v-model="addFormData.goodsName"></ProductSelect>
+                </el-form-item>
+                <el-form-item v-show="!isGold" label="产品数量" required prop="goodNum">
+                    <div style="padding-right: 50px; display: flex;">
+                        <el-input style="padding-right: 10px;" v-model="addFormData.goodNum" placeholder="请输入产品数量" />
+                        <span style="color: #999999;">{{ productUnit }}</span>
+                    </div>
+                </el-form-item>
+                <div v-show="isGold" style="margin-bottom: 15px;  display: flex;">
+                    <div style=" display: flex; ">
+                        <span
+                            style="color: #999999; display: flex; white-space: nowrap;align-items: center;">永久金币：</span>
+                        <el-input style="padding-right: 10px; padding-left: 10px; height: 30px; width: 110px;"
+                            v-model="addFormData.permanentGold" />
+                    </div>
+                    <div style="padding-right: 5px; display: flex;">
+                        <span
+                            style="color: #999999; display: flex; white-space: nowrap;align-items: center;">免费金币：</span>
+                        <el-input style="padding-right: 10px; padding-left: 10px; height: 30px; width: 110px;"
+                            v-model="addFormData.freeGold" />
+                    </div>
+                </div>
+                <el-form-item label="付款币种" required prop="paymentCurrency">
+                    <CurrencySelect v-model="addFormData.paymentCurrency" :items="customOptions" placeholder="请选择付款币种"
+                        @change="handleCurrencyChange" />
+                </el-form-item>
+                <el-form-item label="付款金额" required prop="paymentAmount">
+                    <el-input v-model="addFormData.paymentAmount" placeholder="请输入付款金额" />
+                </el-form-item>
+                <el-form-item label="支付方式" required prop="payType">
+                    <CurrencySelect v-model="addFormData.payType" :items="paytypeOptions" placeholder="请选择支付方式"
+                        @change="ifGroup">
+                    </CurrencySelect>
+                </el-form-item>
+                <el-form-item label="到账地区" required prop="receivedMarket">
+                    <CurrencySelect v-model="addFormData.receivedMarket" :items="MoneyAddressOptions"
+                        :disabled="isGroup" placeholder="请选择到账地区">
+                    </CurrencySelect>
+                </el-form-item>
+                <el-form-item label="付款时间" required prop="payTime">
+                    <el-date-picker type="datetime" placement="right" v-model="addFormData.payTime"
+                        placeholder="请选择付款时间" />
+                </el-form-item>
+                <el-form-item label="转账凭证" required prop="voucher">
+                    <div class="pic">
+                        <el-upload ref="uploadRef" class="uploader" :show-file-list="false" list-type="picture-card"
+                            :auto-upload="false" :before-upload="beforeUpload" :on-error="handelImgErr"
+                            :on-change="handleImageChange" :http-request="customUpload">
+                            <img v-if="addFormData.voucher" :src="addFormData.voucher" class="avatar"
+                                style="height: 100%; width: 100%;  object-fit: cover;" />
+                            <el-icon v-else class="avatar-uploader-icon">
+                                <Plus />
+                            </el-icon>
+                        </el-upload>
+                    </div>
+                </el-form-item>
+                <el-form-item label="备注" required prop="remark">
+                    <el-input v-model="addFormData.remark" type="textarea" :rows="4" placeholder="请输入备注" maxlength="100"
+                        show-word-limit />
+                </el-form-item>
+            </el-form>
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button style="background-color: #7E91FF;" @click="closeAddForm">取消</el-button>
+                    <el-button v-if="addOrEdit == 1" style="background-color: #2741DE; margin-left: 2.5vw;"
+                        type="primary" @click="throttledhandleAddForm">确定</el-button>
+                    <el-button v-else-if="addOrEdit == 2" style="background-color: #2741DE; margin-left: 2.5vw;"
+                        type="primary" @click="throttledhandleEditForm">编辑</el-button>
+                </span>
+            </template>
+        </el-dialog>
+
+        <!-- 客服新增退款弹窗 -->
+        <el-dialog v-model="refundDialog" title="退款" class="refundDialog" overflow draggable style="width: 40vw;"
+            :before-close="closeRefundForm">
+            <div style="display: flex;">
+                <div class="left">
+                    <div class="add-item">
+                        <el-text style="width:4vw;">精网号</el-text>
+                        <el-input v-model="refundFormData.jwcode" style="width:10vw;" disabled />
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">客户姓名</el-text>
+                        <el-input v-model="refundFormData.name" style="width:10vw;" disabled />
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">所属地区</el-text>
+                        <el-input v-model="refundFormData.marketName" style="width:10vw;" disabled />
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">活动名称</el-text>
+                        <el-input v-model="refundFormData.activity" style="width:10vw;" disabled />
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">产品名称</el-text>
+                        <el-input v-model="refundFormData.goodsName" style="width:10vw;" disabled />
+                    </div>
+                    <div v-show="!isRefundGold" class="add-item">
+                        <el-text style="width:4vw;">产品数量</el-text>
+                        <el-input style="padding-right: 10px; width:10.5vw;" v-model="refundFormData.goodNum"
+                            placeholder="请输入产品数量" disabled />
+                        <span style="color: #999999;">{{ productUnit }}</span>
+                    </div>
+                    <div v-show="isRefundGold" style="margin-bottom: 15px; ">
+                        <div style=" display: flex; ">
+                            <span
+                                style="color: #999999; display: flex; white-space: nowrap;align-items: center;">永久金币：</span>
+                            <el-input style="padding-right: 10px;  height: 30px; width: 110px; margin-bottom: 10px"
+                                v-model="refundFormData.permanentGold" disabled />
+                        </div>
+                        <div style="padding-right: 5px; display: flex;">
+                            <span
+                                style="color: #999999; display: flex; white-space: nowrap;align-items: center;">免费金币：</span>
+                            <el-input style="padding-right: 10px;  height: 30px; width: 110px;"
+                                v-model="refundFormData.freeGold" disabled />
+                        </div>
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">付款币种</el-text>
+                        <el-input v-model="refundFormData.paymentCurrency" style="width:10vw;" disabled />
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">付款金额</el-text>
+                        <el-input v-model="refundFormData.paymentAmount" style="width:10vw;" disabled />
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">支付方式</el-text>
+                        <el-input v-model="refundFormData.payType" style="width:10vw;" disabled />
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">付款时间</el-text>
+                        <el-date-picker v-model="refundFormData.payTime" type="datetime" style="width:10vw;" disabled />
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;" size="small">转账凭证</el-text>
+                        <el-form-item :rules="{ required: true, message: '请上传图片', trigger: 'change' }">
+                            <el-upload ref="uploadRef" :auto-upload="false" list-type="picture-card"
+                                :show-file-list="false">
+                                <template #default>
+                                    <img v-if="refundFormData.voucher" :src="refundFormData.voucher"
+                                        style="width: 100%; height: 100%; object-fit: cover;">
+                                    <el-icon v-else>
+                                        <Plus />
+                                    </el-icon>
+                                </template>
+                            </el-upload>
+                        </el-form-item>
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">备注</el-text>
+                        <el-input v-model="refundFormData.remark" style="width:10vw;" :rows="2" 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="refundFormData.refundModel">
+                            <el-radio value="0">全部退款</el-radio>
+                            <el-radio value="1">部分退款</el-radio>
+                        </el-radio-group>
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">退款理由</el-text>
+                        <el-input v-model="refundFormData.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="">重置</el-button>
+                        <el-button type="primary" @click="throttledsubmitRefund">提交</el-button>
+                    </div>
+                </div>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script setup>
+import { ref, watch, onMounted } from 'vue';
+import { storeToRefs } from 'pinia';
+import { ElMessage, ElMessageBox } from 'element-plus'
+import API from '@/util/http.js'
+import CurrencySelect from '@/components/MoneyManage/CurrencySelect.vue'
+import ProductSelect from '@/components/MoneyManage/ProductSelect.vue'
+import { Plus } from '@element-plus/icons-vue'; // 补充图标导入（原代码遗漏）
+import request from '@/util/http.js'
+import moment from 'moment'
+import { useAdminStore } from '@/store/index.js'
+import { hasMenuPermission } from '@/utils/menuTreePermission.js'
+import _ from 'lodash'
+// 导入客服相关规则和静态数据
+import { addFormRule } from './utils/recriveFormRules.js'
+import { productList, MarketNameForId, CurrencyForId, marketList, statusList } from './utils/staticData.js'
+
+// ===================== 基础状态管理（仅保留客服相关） =====================
+const adminStore = useAdminStore();
+const { menuTree } = storeToRefs(adminStore);
+const adminData = ref({}) // 管理员信息
+const tableData = ref([]) // 表格数据
+const total = ref(0) // 总条数
+const pageInfo = ref({ pageSize: 10, pageNum: 1 }) // 分页信息
+
+// 角色标识：固定为客服（删除财务、总部财务、超级管理员标识）
+const kefu = ref(true)
+const caiwu = ref(false)
+const HQcaiwu = ref(false)
+const superAdmin = ref(false)
+
+// ===================== 查询相关 =====================
+const searchData = ref({}) // 搜索参数
+const getTime = ref([]) // 时间范围
+const defaultTime = [new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 2, 1, 23, 59, 59)] // 默认时间
+
+// 查询按钮
+const search = () => {
+    getlist()
+    ElMessage.success('查询成功')
+}
+
+// 重置按钮
+const reset = () => {
+    searchData.value = {}
+    getTime.value = []
+    getlist()
+}
+
+// 时间选择器变更（原代码声明未实现，保留空函数避免报错）
+const handleDatePickerChange = () => { }
+// 日期禁用（原代码声明未实现，保留空函数避免报错）
+const disabledDate = () => { }
+
+// 表格排序（原代码声明未实现，保留空函数避免报错）
+const handleSortChange = () => { }
+
+// 获取表格数据（仅保留客服角色逻辑）
+const getlist = async () => {
+    try {
+        let payCurrencySelect = ''
+        let goodsName = ''
+        // 处理时间范围
+        if (getTime.value && getTime.value.length === 2) {
+            searchData.value.startTime = moment(getTime.value[0]).format('YYYY-MM-DD HH:mm:ss')
+            searchData.value.endTime = moment(getTime.value[1]).format('YYYY-MM-DD HH:mm:ss')
+        } else {
+            searchData.value.startTime = ''
+            searchData.value.endTime = ''
+        }
+        // 处理产品名称（级联选择器取最后一级）
+        if (searchData.value.goodsName) {
+            goodsName = searchData.value.goodsName[searchData.value.goodsName.length - 1]
+        }
+        // 处理付款币种
+        if (searchData.value.paymentCurrency) {
+            payCurrencySelect = CurrencyForId(searchData.value.paymentCurrency)
+        }
+        // 客服角色固定参数：cashRoleId=0，无到账地区筛选
+        const cashRoleId = '0'
+        const receivedMarket = ''
+
+        const result = await request({
+            url: '/cashCollection/selectCollection',
+            data: {
+                ...pageInfo.value,
+                cashCollection: {
+                    ...searchData.value,
+                    ...getTime.value,
+                    submitterId: adminData.value.id,
+                    receivedMarket: MarketNameForId(receivedMarket),
+                    cashRoleId: cashRoleId,
+                    paymentCurrency: payCurrencySelect,
+                    submitterMarket: adminData.value.markets,
+                    goodsName: goodsName,
+                    market: MarketNameForId(searchData.value.market)
+                }
+            }
+        })
+        if (result.code == 200) {
+            tableData.value = result.data.list
+            total.value = result.data.total
+        } else {
+            ElMessage.error('数据异常')
+            console.log(result.msg);
+        }
+    } catch (error) {
+        console.log(error);
+    }
+}
+
+// ===================== 分页相关 =====================
+const handlePagination = (type, val) => {
+    if (type === 'size') {
+        pageInfo.value.pageSize = val
+    } else {
+        pageInfo.value.pageNum = val
+    }
+    getlist()
+}
+
+// ===================== 客服新增/编辑收款弹窗 =====================
+const addFormisible = ref(false) // 弹窗显隐
+const addFormData = ref({ name: '', market: '', permanentGold: 0, freeGold: 0, goodsName: '' }) // 表单数据
+const addFormRef = ref(null) // 表单引用
+const addOrEdit = ref(0) // 1=新增，2=编辑
+const isGold = ref(false) // 是否为金币充值产品
+const productUnit = ref('个') // 产品单位
+const productSelectRef = ref(null) // 产品选择器引用
+const uploadRef = ref(null) // 上传组件引用
+
+// 产品选择变更：判断是否为金币充值
+const ifGold = () => {
+    if (addFormData.value.goodsName === '金币充值') {
+        isGold.value = true
+        addFormData.value.goodNum = 0
+    } else {
+        isGold.value = false
+        // 特殊产品单位为“年”
+        const selectItems = ["AI机构追踪", "AI机构出击", "AI机构资金", "AI机活跃度", "超级机构透视", "超级机构伏击", "超级机构猎杀", "超级机构脉搏", "超级机构罗盘", "静态信息费", "博股会员"]
+        productUnit.value = selectItems.includes(addFormData.value.goodsName) ? '年' : '个'
+    }
+}
+
+// 支付方式变更：判断是否为默认归属平台
+const isGroup = ref(false)
+const ifGroup = () => {
+    if (addFormData.value.payType === 'Stripe-链接收款' || addFormData.value.payType === 'PaymentAsia-链接收款') {
+        isGroup.value = true
+        addFormData.value.receivedMarket = '香港'
+    } else if (addFormData.value.payType === 'Ipay88-链接收款') {
+        isGroup.value = true
+        addFormData.value.receivedMarket = '马来西亚'
+    } else {
+        isGroup.value = false
+    }
+}
+
+// 精网号失焦：查询客户姓名和地区
+const jwcodeSeachMarket = async () => {
+    try {
+        const result = await request({
+            url: '/cashCollection/getNameAndMarket',
+            data: addFormData.value.jwcode
+        })
+        addFormData.value.market = result.data.market
+        addFormData.value.marketName = result.data.marketName
+        addFormData.value.name = result.data.name
+    } catch (error) {
+        console.log(error);
+    }
+}
+
+// 打开新增/编辑弹窗
+const openAddForm = (row) => {
+    productSelectRef.value?.resetSelect();
+    if (row?.jwcode) {
+        // 编辑模式
+        addOrEdit.value = 2
+        addFormData.value = { ...row }
+        jwcodeSeachMarket()
+        ifGold()
+    } else {
+        // 新增模式
+        addOrEdit.value = 1
+        addFormData.value = { goodsName: '' }
+    }
+    addFormisible.value = true
+}
+
+// 关闭新增/编辑弹窗
+const closeAddForm = () => {
+    addFormisible.value = false
+    addFormData.value = {}
+    addOrEdit.value = 0
+    isGold.value = false
+    addFormRef.value?.resetFields();
+}
+
+// 客服新增收款
+const handleAddForm = async () => {
+    try {
+        await addFormRef.value.validate();
+        // 处理时间格式
+        if (addFormData.value.payTime) {
+            addFormData.value.payTime = moment(addFormData.value.payTime).format('YYYY-MM-DD HH:mm:ss')
+        }
+        const result = await request({
+            url: '/cashCollection/add',
+            data: {
+                ...addFormData.value,
+                submitterId: adminData.value.id,
+                permanentGold: (addFormData.value.permanentGold || 0) * 100,
+                freeGold: (addFormData.value.freeGold || 0) * 100,
+                goodNum: addFormData.value.goodNum || 0,
+                paymentCurrency: CurrencyForId(addFormData.value.paymentCurrency) || '',
+                receivedMarket: MarketNameForId(addFormData.value.receivedMarket) || '',
+                paymentAmount: (addFormData.value.paymentAmount) * 100,
+                submitterMarket: adminData.value.markets
+            }
+        })
+        if (result.code == 200) {
+            ElMessage.success('添加成功')
+            getlist()
+            closeAddForm()
+        }
+    } catch (error) {
+        console.log('新增报错：', error);
+        ElMessage.error('请完善表单信息后提交');
+    }
+}
+
+// 客服编辑收款（撤回后重新提交）
+const handleEditForm = async () => {
+    try {
+        // 处理时间格式
+        if (addFormData.value.payTime) {
+            addFormData.value.payTime = moment(addFormData.value.payTime).format('YYYY-MM-DD HH:mm:ss')
+        }
+        const result = await request({
+            url: '/cashCollection/reSubmit',
+            data: {
+                ...addFormData.value,
+                submitterId: adminData.value.id,
+                permanentGold: (addFormData.value.permanentGold || 0) * 100,
+                freeGold: (addFormData.value.freeGold || 0) * 100,
+                goodNum: addFormData.value.goodNum || 0,
+                paymentCurrency: CurrencyForId(addFormData.value.paymentCurrency) || '',
+                receivedMarket: MarketNameForId(addFormData.value.receivedMarket) || '',
+                paymentAmount: (addFormData.value.paymentAmount) * 100
+            }
+        })
+        if (result.code == 200) {
+            ElMessage.success('编辑成功')
+            getlist()
+            closeAddForm()
+        }
+    } catch (error) {
+        console.log(error);
+    }
+}
+
+// 付款币种和支付方式选项（客服专用）
+const customOptions = ref(['美元(USD)', '港币(HKD)', '新币(SGD)', '马币(MYR)', '泰铢(THB)', '加币(CAD)', '越南盾(VDN)', '韩元(KRW)'])
+const paytypeOptions = ref(["Stripe-链接收款", "PaymentAsia-链接收款", "Ipay88-链接收款", "银行转账", "刷卡", "现金", "支票", "Grabpay", "Nets", "E-Transfer", "Paypal"])
+const MoneyAddressOptions = ref(['马来西亚', '香港', '新加坡', '泰国', '越南HCM', '加拿大'])
+const handleCurrencyChange = (option) => {
+    console.log('选中的币种:', option);
+};
+
+// 图片上传相关
+const handleImgSuccess = (response) => {
+    try {
+        addFormData.value.voucher = response.data.url
+    } catch (error) {
+        ElMessage.error(response.msg || '图片上传失败')
+    }
+}
+const handelImgErr = (err) => {
+    console.log(err);
+    addFormData.value.imageUrl = null
+    ElMessage.error("图片上传失败")
+}
+const beforeUpload = (rawFile) => {
+    if (rawFile.type !== 'image/jpeg' && rawFile.type !== 'image/png') {
+        ElMessage.error('图片必须是jpg或png类型!')
+        return false
+    } else if (rawFile.size / 1024 / 1024 > 2) {
+        ElMessage.error('图片大小不能超过 2MB!')
+        return false
+    }
+    return true
+}
+const handleImageChange = (file) => {
+    uploadRef.value.submit()
+}
+const customUpload = async (options) => {
+    try {
+        const formData = new FormData()
+        formData.append('file', options.file)
+        const response = await API({
+            url: 'https://api.homilychart.com/hljw/api/aws/upload',
+            method: 'POST',
+            data: formData,
+            headers: { 'Content-Type': 'multipart/form-data' }
+        })
+        if (response.code === 200 && response.data) {
+            handleImgSuccess(response, options.file)
+            ElMessage.success('上传成功')
+        } else {
+            options.onError(response)
+            ElMessage.error(response.msg || '上传失败')
+        }
+    } catch (error) {
+        console.error('上传错误:', error)
+        ElMessage.error(`上传失败: ${error.msg || error.message || '网络异常'}`)
+    }
+}
+
+// 图片预览
+const previewImage = (imageUrl) => {
+    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 textContent = ref('')
+const recallDialog = ref(false)
+const RecallNum = ref('')
+
+// 退款确认弹窗
+const refundConfirmDialog = ref(false)
+const refundDialog = ref(false) // 退款详情弹窗
+const refundFormData = ref({}) // 退款表单数据
+const isRefundGold = ref(false) // 退款产品是否为金币
+
+// 判断退款产品类型
+const ifRefundGold = () => {
+    if (refundFormData.value.goodsName === '金币充值') {
+        isRefundGold.value = true
+        refundFormData.value.goodNum = 0
+    } else {
+        isRefundGold.value = false
+        const selectItems = ["AI机构追踪", "AI机构出击", "AI机构资金", "AI机活跃度", "超级机构透视", "超级机构伏击", "超级机构猎杀", "超级机构脉搏", "超级机构罗盘", "静态信息费", "博股会员"]
+        productUnit.value = selectItems.includes(refundFormData.value.goodsName) ? '年' : '个'
+    }
+}
+
+// 打开撤回/退款确认弹窗
+const openConfirm = (val, row) => {
+    if (val === 'refund') {
+        textContent.value = '将要对该订单退款!'
+        refundFormData.value = { ...row }
+        ifRefundGold()
+        refundConfirmDialog.value = true
+    } else if (val === 'recall') {
+        textContent.value = '将要撤回该信息!'
+        recallDialog.value = true
+        RecallNum.value = row.orderCode
+    }
+}
+
+// 关闭撤回弹窗
+const closeRecall = () => {
+    recallDialog.value = false
+    textContent.value = ''
+    RecallNum.value = ''
+}
+
+// 执行撤回
+const handleRecall = async () => {
+    try {
+        const result = await request({
+            url: '/cashCollection/cancel',
+            data: { orderCode: RecallNum.value }
+        })
+        if (result.code == 200) {
+            ElMessage.success('撤回成功')
+            getlist()
+            closeRecall()
+        }
+    } catch (error) {
+        console.log(error);
+    }
+}
+
+// 关闭退款确认弹窗
+const closeConfirmRefund = () => {
+    refundConfirmDialog.value = false
+    textContent.value = ''
+}
+
+// 打开退款详情弹窗
+const openRefundDialog = () => {
+    refundDialog.value = true
+    closeConfirmRefund()
+}
+
+// 关闭退款详情弹窗
+const closeRefundForm = () => {
+    refundDialog.value = false
+    refundFormData.value = {}
+}
+
+// 提交退款
+const submitRefund = async () => {
+    try {
+        const result = await request({
+            url: '/Money/add',
+            data: {
+                jwcode: refundFormData.value.jwcode,
+                name: refundFormData.value.name,
+                market: refundFormData.value.marketName,
+                activity: refundFormData.value.activity,
+                bankCode: refundFormData.value.bankCode,
+                goodsName: refundFormData.value.goodsName,
+                goodNum: refundFormData.value.goodNum,
+                paymentCurrency: refundFormData.value.paymentCurrency,
+                paymentAmount: (refundFormData.value.paymentAmount) * 100,
+                receivedCurrency: refundFormData.value.receivedCurrency,
+                receivedAmount: (refundFormData.value.receivedAmount) * 100,
+                handlingCharge: (refundFormData.value.handlingCharge) * 100,
+                receivedMarket: refundFormData.value.receivedMarket,
+                payType: refundFormData.value.payType,
+                payTime: refundFormData.value.payTime,
+                receivedTime: refundFormData.value.receivedTime,
+                areaServise: adminData.value.adminName,
+                submitterId: adminData.value.id,
+                voucher: refundFormData.value.voucher,
+                remark: refundFormData.value.remark,
+                refundReason: refundFormData.value.refundReason,
+                refundModel: refundFormData.value.refundModel,
+                id: refundFormData.value.id,
+                orderCode: refundFormData.value.orderCode,
+                permanentGold: (refundFormData.value.permanentGold) * 100 || 0,
+                freeGold: (refundFormData.value.freeGold) * 100 || 0
+            }
+        })
+        if (result.code == 200) {
+            ElMessage.success('新增退款成功')
+            getlist()
+            closeRefundForm()
+        } else {
+            ElMessage.error(result.msg)
+        }
+    } catch (error) {
+        console.log(error);
+    }
+}
+
+// 查看驳回理由
+const openRejectReason = (reason) => {
+    ElMessageBox.alert(reason, '驳回理由', {
+        confirmButtonText: '确认',
+        customClass: 'reject-reason-box',
+    })
+}
+
+// ===================== 初始化与节流 =====================
+// 节流处理（防止重复提交）
+const throttledhandleAddForm = _.throttle(handleAddForm, 5000, { trailing: false })
+const throttledhandleEditForm = _.throttle(handleEditForm, 5000, { trailing: false })
+const throttledsubmitRefund = _.throttle(submitRefund, 5000, { trailing: false })
+
+// 活动列表（客服需要）
+const activityList = ref([])
+const getActivitys = async () => {
+    try {
+        const result = await API({ url: '/cashCollection/getActivityList', data: {} })
+        if (result.code == 200) {
+            activityList.value = result.data
+        } else {
+            ElMessage.error('活动列表获取失败')
+        }
+    } catch (error) {
+        console.log('活动列表请求失败', error)
+    }
+}
+
+// 获取管理员信息
+const getAdminData = async () => {
+    try {
+        const result = await API({ url: '/admin/userinfo', data: {} })
+        adminData.value = result
+    } catch (error) {
+        console.log('管理员信息请求失败', error)
+    }
+}
+
+// 支付方式列表（表格筛选用）
+const paytypeList = ["Stripe-链接收款", "PaymentAsia-链接收款", "Ipay88-链接收款", "银行转账", "刷卡", "现金", "支票", "Grabpay", "Nets", "E-Transfer", "Paypal"]
+
+// 初始化
+onMounted(async () => {
+    await getAdminData()
+    await getActivitys()
+    // 客服角色默认加载列表
+    getlist()
+})
+</script>
+
+<style scoped lang="scss">
+.content {
+    height: 100%;
+    width: 80vw;
+
+    .card1 {
+        width: 100%;
+        background: #F3FAFE;
+
+        .row {
+            height: 4vh;
+            width: 80vw;
+            display: flex;
+            min-height: 40px;
+
+            .rowItem {
+                display: flex;
+                width: 15vw;
+                align-items: center;
+                justify-content: center;
+                margin-right: 0.5vw;
+            }
+
+            .buttons {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                margin-left: 10px;
+            }
+        }
+    }
+
+    .div-card2 {
+        width: 100%;
+        margin-top: 2vh;
+
+        .btns {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            padding-bottom: 10px;
+
+            .btnAdd {
+                padding-left: 10px;
+            }
+        }
+
+        .table {
+            margin: 10px;
+            border-radius: 20px;
+
+            .ellipsis-container {
+                position: relative;
+                width: 100%;
+
+                .ellipsis-text {
+                    display: inline-block;
+                    width: 100%;
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    cursor: pointer;
+                }
+
+                .custom-tooltip {
+                    position: fixed;
+                    z-index: 9999;
+                    padding: 8px 12px;
+                    width: 200px;
+                    background-color: #E4F0FC;
+                    color: #333333;
+                    border: 1px solid #e5e7eb;
+                    border-radius: 4px;
+                    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+                    min-height: 30px;
+                    max-height: 300px;
+                    overflow-y: auto;
+                    font-size: 14px;
+                    line-height: 1.5;
+                }
+            }
+        }
+
+        .pagination {
+            margin-top: 10px;
+            padding: 10px 10px;
+        }
+    }
+
+    .recallDialog {
+        height: 392px;
+        width: 700px;
+        background-image: url('/src/assets/收款明细撤回背景.png');
+        position: fixed;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        z-index: 1000;
+
+        .close,
+        .cancle,
+        .confirm {
+            opacity: 0;
+
+            .Btn {
+                height: 100%;
+                width: 100%;
+                border-radius: 10px;
+            }
+        }
+
+        .close {
+            position: absolute;
+            left: 625px;
+            top: 20px;
+            height: 38px;
+            width: 38px;
+        }
+
+        .text {
+            position: absolute;
+            left: 185px;
+            top: 190px;
+            height: 67px;
+            width: 500px;
+
+            .txt {
+                height: 100%;
+                width: 100%;
+                color: #001a42;
+                font-family: "PingFang SC";
+                font-size: 48px;
+                font-style: normal;
+                font-weight: 900;
+                line-height: normal;
+            }
+        }
+
+        .cancle {
+            position: absolute;
+            left: 185px;
+            top: 304px;
+            height: 55px;
+            width: 150px;
+        }
+
+        .confirm {
+            position: absolute;
+            left: 375px;
+            top: 304px;
+            height: 55px;
+            width: 150px;
+        }
+    }
+
+    :deep(.adddialog) {
+        min-width: 500px;
+        background-color: #F3FAFE !important;
+        margin-top: 8vh;
+        border-radius: 8px;
+
+        .addForm {
+            padding: 0 60px 1vh 60px;
+
+            .el-date-editor {
+                display: flex;
+                flex: 1;
+            }
+
+            .pic {
+                display: flex;
+                align-items: center;
+
+                .uploader {
+                    height: 80px;
+                    width: 80px;
+
+                    .el-upload {
+                        height: 100%;
+                        width: 100%;
+                    }
+                }
+
+                .picText {
+                    color: #999999;
+                    font-family: "PingFang SC";
+                    font-size: 10px;
+                    font-style: normal;
+                    font-weight: 400;
+                    line-height: 20px;
+                    margin-left: 10px;
+                }
+            }
+        }
+
+        .dialog-footer {
+            display: flex;
+            justify-content: center;
+            padding-bottom: 1.5vh;
+        }
+    }
+
+    .refundDialog {
+        .left {
+            width: 50%;
+            height: 70vh;
+            min-height: 700px;
+            padding: 0 2vw;
+
+            .add-item {
+                display: flex;
+                align-items: center;
+                margin-bottom: 1vh;
+            }
+
+            .image {
+                width: 4vw !important;
+                height: 4vw !important;
+            }
+        }
+
+        .right {
+            width: 50%;
+            height: 50vh;
+
+            .add-item {
+                display: flex;
+                align-items: center;
+                margin-bottom: 1vh;
+            }
+        }
+    }
+
+    :deep(.adddialog .el-form-item__label) {
+        min-width: 80px;
+        width: auto;
+        font-weight: 800;
+        padding-bottom: 15px;
+    }
+}
+
+// 表单卡片样式
+.card2 {
+    background: #E7F4FD;
+}
+
+// 表格样式
+:deep(.el-table__header-wrapper),
+:deep(.el-table__body-wrapper),
+:deep(.el-table__cell),
+:deep(.el-table__body td) {
+    background-color: #F3FAFE !important;
+}
+
+:deep(.el-table__header th) {
+    background-color: #F3FAFE !important;
+}
+
+:deep(.el-table__row:hover > .el-table__cell) {
+    background-color: #E5EBFE !important;
+}
+
+// 驳回理由弹窗样式
+.reject-reason-box {
+    --el-message-box-height: 500px;
+}
+
+.reject-reason-box .el-message-box__content {
+    max-height: 350px;
+    overflow-y: auto;
+    white-space: pre-wrap;
+}
+</style>
\ No newline at end of file