From 69f5c17e8457ec386286520e8f08343705d08edc Mon Sep 17 00:00:00 2001
From: khalil <khalil@chuhaiwl2023.com>
Date: Tue, 10 Jun 2025 17:36:28 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=98=E6=96=B9=E6=8F=90=E7=8E=B0=E8=AE=B0?=
 =?UTF-8?q?=E5=BD=95-=E4=BF=AE=E5=A4=8D=E5=88=86=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../officialWithdrawRecord.vue                | 329 +++++++++---------
 1 file changed, 170 insertions(+), 159 deletions(-)

diff --git a/src/views/guildOperationManagement/officialWithdrawRecord.vue b/src/views/guildOperationManagement/officialWithdrawRecord.vue
index b986d49..68c4086 100644
--- a/src/views/guildOperationManagement/officialWithdrawRecord.vue
+++ b/src/views/guildOperationManagement/officialWithdrawRecord.vue
@@ -3,135 +3,143 @@
     <div class="container">
       <div class="region-box">
         <el-radio-group v-model="region">
-          <el-radio
-            v-for="(item, index) in userAreaRegion"
-            :key="index"
-            :label="item.value"
-            >{{ item.name }}</el-radio
-          >
+          <el-radio v-for="(item, index) in userAreaRegion"
+                    :key="index"
+                    :label="item.value">{{ item.name }}</el-radio>
         </el-radio-group>
       </div>
       <div class="handle-box">
-        <el-form
-          ref="searchForm"
-          :model="searchForm"
-          :rules="searchRule"
-          label-width="90px"
-          :disabled="tableLoading"
-        >
+        <el-form ref="searchForm"
+                 :model="searchForm"
+                 :rules="searchRule"
+                 label-width="90px"
+                 :disabled="tableLoading">
           <div class="search-line">
-            <el-form-item label="分区" prop="partitionId">
+            <el-form-item label="分区"
+                          prop="partitionId">
               <partition-select v-model:partition-id="searchForm.partitionId"
                                 v-model:partition-infos="partitionArr"
                                 v-model:handle-change="getlistByPartitionId"
-                                v-model:after-init="getData"
-              />
+                                v-model:after-init="getData" />
             </el-form-item>
-            <el-form-item label="MoliStar ID" prop="agencyOwnerErbanNo">
-              <el-input
-                v-model.trim="searchForm.agencyOwnerErbanNo"
-                placeholder="请输入"
-              ></el-input>
+            <el-form-item label="MoliStar ID"
+                          prop="agencyOwnerErbanNo">
+              <el-input v-model.trim="searchForm.agencyOwnerErbanNo"
+                        placeholder="请输入"></el-input>
             </el-form-item>
-            <el-form-item label="提现状态" prop="status">
+            <el-form-item label="提现状态"
+                          prop="status">
               <el-select v-model="searchForm.status">
-                <el-option label="审核中" value="0"></el-option>
-                <el-option label="审核通过" value="1"></el-option>
-                <el-option label="未通过" value="2"></el-option>
+                <el-option label="审核中"
+                           value="0"></el-option>
+                <el-option label="审核通过"
+                           value="1"></el-option>
+                <el-option label="未通过"
+                           value="2"></el-option>
               </el-select>
             </el-form-item>
-            <el-form-item label="提现账户" prop="accountType">
+            <el-form-item label="提现账户"
+                          prop="accountType">
               <el-select v-model="searchForm.accountType">
-                <el-option label="Vodafone" value="VODAFONE"></el-option>
-                <el-option label="Payonner" value="PAYONNER"></el-option>
-                <el-option label="USD" value="USDT"></el-option>
-                <el-option label="Bank" value="BANK"></el-option>
-                <el-option label="Other" value="OTHER"></el-option>
+                <el-option label="Vodafone"
+                           value="VODAFONE"></el-option>
+                <el-option label="Payonner"
+                           value="PAYONNER"></el-option>
+                <el-option label="USD"
+                           value="USDT"></el-option>
+                <el-option label="Bank"
+                           value="BANK"></el-option>
+                <el-option label="Other"
+                           value="OTHER"></el-option>
               </el-select>
             </el-form-item>
-            <el-form-item label="国家" prop="country">
+            <el-form-item label="国家"
+                          prop="country">
               <el-select v-model="searchForm.country">
-                <el-option
-                  v-for="(item, index) in adminCountryArr"
-                  :key="index"
-                  :label="item.label"
-                  :value="item.value"
-                ></el-option>
+                <el-option v-for="(item, index) in adminCountryArr"
+                           :key="index"
+                           :label="item.label"
+                           :value="item.value"></el-option>
               </el-select>
             </el-form-item>
-            <el-form-item label="时间" class="large">
+            <el-form-item label="时间"
+                          class="large">
               <el-form-item prop="startTime">
-                <el-date-picker
-                  type="datetime"
-                  placeholder="选择开始时间"
-                  v-model="searchForm.startTime"
-                ></el-date-picker>
+                <el-date-picker type="datetime"
+                                placeholder="选择开始时间"
+                                v-model="searchForm.startTime"></el-date-picker>
               </el-form-item>
-              <el-col :span="2" align="center">-</el-col>
+              <el-col :span="2"
+                      align="center">-</el-col>
               <el-form-item prop="endTime">
-                <el-date-picker
-                  type="datetime"
-                  placeholder="选择结束时间"
-                  v-model="searchForm.endTime"
-                ></el-date-picker>
+                <el-date-picker type="datetime"
+                                placeholder="选择结束时间"
+                                v-model="searchForm.endTime"></el-date-picker>
               </el-form-item>
             </el-form-item>
 
             <el-form-item label-width="40px">
-              <el-button type="primary" @click="handSearch">搜索</el-button>
-              <el-button type="primary" plain @click="resetSearchForm"
-                >重置搜索</el-button
-              >
-              <el-button
-                type="primary"
-                class="exportBtn"
-                @click="confirmExport2Excel"
-                >导出</el-button
-              >
-              <el-button @click="handleChangeAll()" type="info" plain
-                >批量发放</el-button
-              >
-              <el-button
-                @click="
+              <el-button type="primary"
+                         @click="handSearch">搜索</el-button>
+              <el-button type="primary"
+                         plain
+                         @click="resetSearchForm">重置搜索</el-button>
+              <el-button type="primary"
+                         class="exportBtn"
+                         @click="confirmExport2Excel">导出</el-button>
+              <el-button @click="handleChangeAll()"
+                         type="info"
+                         plain>批量发放</el-button>
+              <el-button @click="
                   centerDialogVisible = true;
                   centerDialogVisibleType = 1;
                 "
-                type="info"
-                plain
-                >批量驳回</el-button
-              >
+                         type="info"
+                         plain>批量驳回</el-button>
             </el-form-item>
           </div>
         </el-form>
       </div>
       <!-- 表格 -->
       <div class="table">
-        <el-table
-          :data="tableData"
-          border
-          v-loading="tableLoading"
-          @header-click="headerCopy"
-          @selection-change="handleSelectionChange"
-          style="width: 100%; overflow-x: auto"
-        >
+        <el-table :data="tableData"
+                  border
+                  v-loading="tableLoading"
+                  @header-click="headerCopy"
+                  @selection-change="handleSelectionChange"
+                  style="width: 100%; overflow-x: auto">
           <el-table-column type="selection"> </el-table-column>
-          <el-table-column align="center" prop="erbanNo" label="MoliStar ID" />
-          <el-table-column align="center" prop="partitionDesc" label="分区" />
-          <el-table-column align="center" prop="nick" label="昵称" />
-          <el-table-column align="center" prop="guildId" label="公会id" />
-          <el-table-column align="center" prop="roleTypeDesc" label="角色" />
-          <el-table-column align="center" prop="guildOwnerErbanNo" label="公会长id" />
-          <el-table-column align="center" prop="accountCountry" label="国家" />
-          <el-table-column
-            align="center"
-            prop="blocked"
-            label="用户当前账户状态"
-          >
+          <el-table-column align="center"
+                           prop="erbanNo"
+                           label="MoliStar ID" />
+          <el-table-column align="center"
+                           prop="partitionDesc"
+                           label="分区" />
+          <el-table-column align="center"
+                           prop="nick"
+                           label="昵称" />
+          <el-table-column align="center"
+                           prop="guildId"
+                           label="公会id" />
+          <el-table-column align="center"
+                           prop="roleTypeDesc"
+                           label="角色" />
+          <el-table-column align="center"
+                           prop="guildOwnerErbanNo"
+                           label="公会长id" />
+          <el-table-column align="center"
+                           prop="accountCountry"
+                           label="国家" />
+          <el-table-column align="center"
+                           prop="blocked"
+                           label="用户当前账户状态">
             <template v-slot="scope">
               {{ scope.row.blocked ? "封禁" : "正常" }}
             </template>
           </el-table-column>
-          <el-table-column align="center" prop="status" label="申请状态">
+          <el-table-column align="center"
+                           prop="status"
+                           label="申请状态">
             <template v-slot="scope">
               {{
                 scope.row.status == 0
@@ -142,59 +150,59 @@
               }}
             </template>
           </el-table-column>
-          <el-table-column align="center" prop="createTime" label="申请时间" />
-          <el-table-column
-            align="center"
-            prop="accountType"
-            label="提现类型  "
-          />
-          <el-table-column
-            align="center"
-            prop="guildUsdNum"
-            label="提现薪资US"
-          />
-          <el-table-column align="center" prop="currency" label="发放币种" />
-          <el-table-column align="center" prop="currencyNum" label="发放金额" />
-          <el-table-column align="center" prop="withdrawRate" label="手续费" />
-          <el-table-column align="center" prop="withdrawNum" label="核销薪资" />
-          <el-table-column align="center" prop="remark" label="驳回理由">
+          <el-table-column align="center"
+                           prop="createTime"
+                           label="申请时间" />
+          <el-table-column align="center"
+                           prop="accountType"
+                           label="提现类型  " />
+          <el-table-column align="center"
+                           prop="guildUsdNum"
+                           label="提现薪资US" />
+          <el-table-column align="center"
+                           prop="currency"
+                           label="发放币种" />
+          <el-table-column align="center"
+                           prop="currencyNum"
+                           label="发放金额" />
+          <el-table-column align="center"
+                           prop="withdrawRate"
+                           label="手续费" />
+          <el-table-column align="center"
+                           prop="withdrawNum"
+                           label="核销薪资" />
+          <el-table-column align="center"
+                           prop="remark"
+                           label="驳回理由">
             <template v-slot="scope">
               {{ scope.row.remark ? scope.row.remark : "/" }}
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            prop="hallSalary"
-            label="操作"
-            width="150"
-          >
+          <el-table-column align="center"
+                           prop="hallSalary"
+                           label="操作"
+                           width="150">
             <template v-slot="scope">
               <div v-if="scope.row.status == 0">
-                <el-button
-                  @click="handleChange(scope.row)"
-                  type="text"
-                  size="mini"
-                >
+                <el-button @click="handleChange(scope.row)"
+                           type="text"
+                           size="mini">
                   发放
                 </el-button>
-                <el-button
-                  @click="
+                <el-button @click="
                     centerDialogVisible = true;
                     centerDialogVisibleType = 2;
                     centerDialogVisibleID = scope.row.id;
                   "
-                  type="text"
-                  size="mini"
-                >
+                           type="text"
+                           size="mini">
                   驳回
                 </el-button>
               </div>
               <div>
-                <el-button
-                  @click="accountInfosFun(scope.row)"
-                  type="text"
-                  size="mini"
-                >
+                <el-button @click="accountInfosFun(scope.row)"
+                           type="text"
+                           size="mini">
                   查看详情
                 </el-button>
               </div>
@@ -203,30 +211,33 @@
         </el-table>
       </div>
       <!-- 分页 -->
-      <table-pagination
-        :pageParams="pageParams"
-        :pageTotal="pageTotal"
-        :page-sizes="[10, 20, 100, 200]"
-        @handleSizeChange="handleSizeChange"
-        @handlePageChange="handlePageChange"
-      ></table-pagination>
+      <table-pagination :pageParams="pageParams"
+                        :pageTotal="pageTotal"
+                        :page-sizes="[10, 20, 100, 200]"
+                        @handleSizeChange="handleSizeChange"
+                        @handlePageChange="handlePageChange"></table-pagination>
       <!-- 驳回弹窗 -->
-      <el-dialog v-model="centerDialogVisible" title="提示" width="30%" center>
+      <el-dialog v-model="centerDialogVisible"
+                 title="提示"
+                 width="30%"
+                 center>
         <span> 请选择驳回理由:</span>
         <div class="boxs">
-          <el-radio class="radios" v-model="radio" label="用户消息提供不足"
-            >用户消息提供不足</el-radio
-          >
+          <el-radio class="radios"
+                    v-model="radio"
+                    label="用户消息提供不足">用户消息提供不足</el-radio>
         </div>
         <template #footer>
           <span class="dialog-footer">
             <el-button @click="centerDialogVisible = false">取消</el-button>
-            <el-button type="primary" @click="dialogClick()"> 确认 </el-button>
+            <el-button type="primary"
+                       @click="dialogClick()"> 确认 </el-button>
           </span>
         </template>
       </el-dialog>
       <!-- 提现详情弹窗 -->
-      <el-dialog v-model="centerDialogVisible2" title="提现详情">
+      <el-dialog v-model="centerDialogVisible2"
+                 title="提现详情">
         <div class="boxs2">
           <div>申请提现时间：{{ accountDetails.createTime }}</div>
           <div>申请ID：{{ accountDetails.erbanNo }}</div>
@@ -274,8 +285,8 @@ import PartitionSelect from "@/views/common/partitionSelect.vue"; // 正确引
 export default {
   name: "officialWithdrawRecord",
   // mixins: [Mixin],
-  components: {PartitionSelect, TablePagination },
-  data() {
+  components: { PartitionSelect, TablePagination },
+  data () {
     return {
       dateCycleList: [],
       btnLoading: false, // 导出弹出框(dialog)的确认按钮
@@ -352,15 +363,15 @@ export default {
     };
   },
   methods: {
-    getlistByPartitionId(){
-      adminCountry({partitionId:this.searchForm.partitionId}).then((res) => {
+    getlistByPartitionId () {
+      adminCountry({ partitionId: this.searchForm.partitionId }).then((res) => {
         if (res.code == 200) {
           this.adminCountryArr = res.data;
           this.searchForm.country = ''
         }
       });
     },
-    getData() {
+    getData () {
       this.tableLoading = true;
 
       let { pageParams, searchForm } = this;
@@ -397,11 +408,11 @@ export default {
         }
       });
     },
-    handleSelectionChange(rows) {
+    handleSelectionChange (rows) {
       this.idStr = null;
       this.idStr = rows.map((obj) => obj.id).join(",");
     },
-    handleChangeAll() {
+    handleChangeAll () {
       ElMessageBox.confirm("确定要结算吗", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
@@ -427,7 +438,7 @@ export default {
         });
     },
     // 查看详情处理函数
-    accountInfosFun(res) {
+    accountInfosFun (res) {
       var obj = JSON.parse(res.accountInfos);
       console.log(obj);
       this.accountDetails.createTime = res.createTime ? res.createTime : "-";
@@ -450,7 +461,7 @@ export default {
       this.centerDialogVisible2 = true;
     },
     // 批量驳回
-    dialogClick() {
+    dialogClick () {
       batchReject({
         ids:
           this.centerDialogVisibleType == 1
@@ -481,7 +492,7 @@ export default {
           });
         });
     },
-    handleChange(row) {
+    handleChange (row) {
       ElMessageBox.confirm("确定要结算吗", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
@@ -507,7 +518,7 @@ export default {
         });
     },
     // 点击搜索
-    handSearch() {
+    handSearch () {
       this.$refs["searchForm"].validate((valid) => {
         if (valid) {
           this.pageParams.pageNo = 1;
@@ -516,13 +527,13 @@ export default {
       });
     },
     // 重置搜索表单
-    resetSearchForm() {
+    resetSearchForm () {
       this.$refs["searchForm"].resetFields();
       this.pageParams.pageNo = 1;
       this.getData();
     },
     // 确认导出
-    confirmExport2Excel() {
+    confirmExport2Excel () {
       ElMessageBox.confirm("确定以当前筛选条件导出Excel吗？", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
@@ -571,26 +582,26 @@ export default {
         });
     },
     // 分页导航
-    handleSizeChange(val) {
+    handleSizeChange (val) {
       this.pageParams.pageSize = val;
       this.getData();
     },
-    handlePageChange(val) {
-      this.pageParams.pageSize = val;
+    handlePageChange (val) {
+      this.pageParams.pageNo = val;
       this.getData();
     },
-    headerCopy(column, e) {
+    headerCopy (column, e) {
       this.$copy(column.label);
     },
   },
   computed: {
-    convertTimestamp1() {
+    convertTimestamp1 () {
       return function (time) {
         let date = new Date(time);
         return formatDateYMD(date);
       };
     },
-    convertTimestamp() {
+    convertTimestamp () {
       return function (time) {
         let date = new Date(time);
         return formatDate(date);