From c8040d85f2089018cdd08670a3e3e9bef06aee13 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Mon, 5 Jan 2026 14:53:39 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E7=94=A8=E6=88=B7=E5=88=97=E8=A1=A8-->?=
 =?UTF-8?q?=E9=87=91=E5=B8=81=E5=A5=96=E5=8A=B1=E5=BC=B9=E7=AA=97):=20?=
 =?UTF-8?q?=E5=85=85=E5=80=BC=E7=B1=BB=E5=9E=8B=E8=AE=BE=E7=BD=AE=E5=8F=AF?=
 =?UTF-8?q?=E8=BE=93=E5=85=A5=E7=BE=8E=E9=87=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../data/EditUserGoldCoinRewardForm/index.vue | 108 +--
 src/views/user/user-table/index.vue           | 713 +++++++++++-------
 2 files changed, 507 insertions(+), 314 deletions(-)

diff --git a/src/components/data/EditUserGoldCoinRewardForm/index.vue b/src/components/data/EditUserGoldCoinRewardForm/index.vue
index e258640..9735761 100644
--- a/src/components/data/EditUserGoldCoinRewardForm/index.vue
+++ b/src/components/data/EditUserGoldCoinRewardForm/index.vue
@@ -15,8 +15,13 @@
         label-width="70px"
         style="width: 300px; margin-left:50px;"
       >
+        <!-- 类型选择 下拉框 -->
         <el-form-item label="类型" prop="rewardType">
-          <el-select v-model="formData.rewardType" placeholder="请选择" style="width: 100%;">
+          <el-select
+            v-model="formData.rewardType"
+            placeholder="请选择"
+            style="width: 100%;"
+          >
             <el-option
               v-for="item in currencyRewardReasons"
               :key="item.value"
@@ -26,6 +31,7 @@
           </el-select>
         </el-form-item>
 
+        <!-- 金币数量 输入框 -->
         <el-form-item label="金币" prop="candy">
           <el-input
             v-model.trim="formData.candy"
@@ -33,25 +39,29 @@
           />
         </el-form-item>
 
-        <el-form-item v-if="formData.rewardType == 3" label="美金" prop="usdCandy">
-          <el-input
-            v-model.trim="formData.usdCandy"
-            placeholder="美金数量"
-          />
+        <!-- 美金 输入框 -->
+        <el-form-item
+          v-if="formData.rewardType == 3 || formData.rewardType == 4"
+          label="美金"
+          prop="usdCandy"
+        >
+          <el-input v-model.trim="formData.usdCandy" placeholder="美金数量" />
         </el-form-item>
 
+        <!-- 备注 输入框 -->
         <el-form-item label="备注" prop="remarks">
-          <el-input
-            v-model.trim="formData.remarks"
-            placeholder="奖励备注"
-          />
+          <el-input v-model.trim="formData.remarks" placeholder="奖励备注" />
         </el-form-item>
-
       </el-form>
+
+      <!-- 操作按钮 -->
       <div slot="footer" class="dialog-footer">
+        <!-- 取消按钮 -->
         <el-button @click="handleClose()">
           取消
         </el-button>
+
+        <!-- 提交按钮 -->
         <el-button
           v-loading="listLoading"
           type="primary"
@@ -65,11 +75,11 @@
 </template>
 
 <script>
-import { currencyRewardReasons } from '@/constant/type'
-import { sendGold } from '@/api/app-user'
+import { currencyRewardReasons } from "@/constant/type";
+import { sendGold } from "@/api/app-user";
 
 export default {
-  name: 'EditUserGoldCoinDeductionForm',
+  name: "EditUserGoldCoinDeductionForm",
   props: {
     userId: {
       type: String,
@@ -84,70 +94,78 @@ export default {
         candy: [
           {
             required: true,
-            message: '必填字段不可为空',
-            trigger: 'blur'
+            message: "必填字段不可为空",
+            trigger: "blur"
           },
           {
             pattern: /^\d{1,7}(\.\d{0,2})?$/,
-            message: 'double范围0~9999999小数最多两位',
-            trigger: 'blur'
+            message: "double范围0~9999999小数最多两位",
+            trigger: "blur"
           }
         ],
         rewardType: [
           {
             required: true,
-            message: '必填字段不可为空',
-            trigger: 'blur'
+            message: "必填字段不可为空",
+            trigger: "blur"
           }
         ],
         usdCandy: [
           {
             required: true,
-            message: '必填字段不可为空',
-            trigger: 'blur'
+            message: "必填字段不可为空",
+            trigger: "blur"
           }
         ]
       },
       formData: {
-        candy: '',
-        remarks: '',
-        usdCandy: '',
-        rewardType: ''
+        candy: "",
+        remarks: "",
+        usdCandy: "",
+        rewardType: ""
       }
-    }
+    };
   },
   methods: {
     handleSubmit() {
-      const that = this
-      that.$refs.dataForm.validate((valid) => {
+      const that = this;
+      that.$refs.dataForm.validate(valid => {
         if (!valid) {
-          console.error('error submit!!')
-          return false
+          console.error("error submit!!");
+          return false;
         }
-        that.listLoading = true
+        that.listLoading = true;
         sendGold({
           userId: that.userId,
           quantity: that.formData.candy,
           usdQuantity: that.formData.usdCandy,
-          remarks: that.formData.remarks ? `${that.getSeletedCurrencyRewardReasonsName()}/${that.formData.remarks}` : that.getSeletedCurrencyRewardReasonsName(),
+          remarks: that.formData.remarks
+            ? `${that.getSeletedCurrencyRewardReasonsName()}/${
+                that.formData.remarks
+              }`
+            : that.getSeletedCurrencyRewardReasonsName(),
           type: that.formData.rewardType
-        }).then(res => {
-          that.$emit('success', Object.assign({}, that.formData))
-          that.handleClose()
-        }).catch(err => {
-          that.listLoading = false
-          that.$emit('fial', err)
         })
-      })
+          .then(res => {
+            that.$emit("success", Object.assign({}, that.formData));
+            that.handleClose();
+          })
+          .catch(err => {
+            that.listLoading = false;
+            that.$emit("fial", err);
+          });
+      });
     },
     getSeletedCurrencyRewardReasonsName() {
-      const that = this
-      const list = that.currencyRewardReasons.filter(item => item.value === that.formData.rewardType)
-      return list.length > 0 ? list[0].name : ''
+      const that = this;
+      const list = that.currencyRewardReasons.filter(
+        item => item.value === that.formData.rewardType
+      );
+      return list.length > 0 ? list[0].name : "";
     },
     handleClose() {
-      this.$emit('close')
+      this.$emit("close");
     }
   }
-}
+};
 </script>
diff --git a/src/views/user/user-table/index.vue b/src/views/user/user-table/index.vue
index 0b47de9..648c1c5 100644
--- a/src/views/user/user-table/index.vue
+++ b/src/views/user/user-table/index.vue
@@ -1,7 +1,9 @@
 <template>
   <div class="app-container">
     <div v-if="buttonPermissions.includes('user:table:query:list')">
+      <!-- 搜索栏 -->
       <div class="filter-container">
+        <!-- 账号状态 -->
         <el-select
           v-model="listQuery.del"
           style="width: 120px"
@@ -11,6 +13,8 @@
           <el-option label="未注销" value="0" />
           <el-option label="已注销" value="1" />
         </el-select>
+
+        <!-- 系统 -->
         <el-select
           v-model="listQuery.sysOrigins"
           placeholder="系统"
@@ -26,13 +30,13 @@
             :value="item.value"
           >
             <span style="float: left;">
-              <sys-origin-icon
-                :icon="item.value"
-                :desc="item.value"
-              /></span>
+              <sys-origin-icon :icon="item.value" :desc="item.value"
+            /></span>
             <span style="float: left;margin-left:10px">{{ item.label }}</span>
           </el-option>
         </el-select>
+
+        <!-- 注册来源 -->
         <el-select
           v-if="showAllCondition"
           v-model="listQuery.authType"
@@ -49,6 +53,8 @@
             :value="item.value"
           />
         </el-select>
+
+        <!-- 来源平台 -->
         <el-select
           v-if="showAllCondition"
           v-model="listQuery.originPlatform"
@@ -66,6 +72,7 @@
           />
         </el-select>
 
+        <!-- 性别 -->
         <el-select
           v-if="showAllCondition"
           v-model="listQuery.userSex"
@@ -82,6 +89,8 @@
             :value="item.value"
           />
         </el-select>
+
+        <!-- 国家 -->
         <el-autocomplete
           v-if="showAllCondition"
           v-model="countryCodeStr"
@@ -100,9 +109,13 @@
             class="el-icon-edit el-input__icon"
           />
           <template slot-scope="{ item }">
-            <div class="name">{{ item.phonePrefix + ' ' + item.countryName }}</div>
+            <div class="name">
+              {{ item.phonePrefix + " " + item.countryName }}
+            </div>
           </template>
         </el-autocomplete>
+
+        <!-- 账号类型 -->
         <el-select
           v-if="showAllCondition"
           v-model="listQuery.userType"
@@ -119,6 +132,8 @@
             :value="item.value"
           />
         </el-select>
+
+        <!-- 注册时间 -->
         <div class="filter-item">
           <el-date-picker
             v-model="rangeDate"
@@ -130,6 +145,8 @@
             end-placeholder="注册结束日期"
           />
         </div>
+
+        <!-- 长UID -->
         <el-input
           v-model.trim="listQuery.userIds[0]"
           v-number
@@ -137,18 +154,24 @@
           style="width: 200px;"
           class="filter-item"
         />
+
+        <!-- 短账号 -->
         <el-input
           v-model.trim="listQuery.account"
           placeholder="短账号"
           style="width: 200px;"
           class="filter-item"
         />
+
+        <!-- 设备ID -->
         <el-input
           v-model.trim="listQuery.deviceId"
           placeholder="设备ID"
           style="width: 200px;"
           class="filter-item"
         />
+
+        <!-- 搜索按钮 -->
         <el-button
           :loading="searchLoading"
           class="filter-item"
@@ -158,10 +181,13 @@
         >
           搜索
         </el-button>
-        <el-checkbox
-          v-model="showAllCondition"
-          class="filter-item"
-        >显示所有条件</el-checkbox>
+
+        <!-- 是否显示所有条件 -->
+        <el-checkbox v-model="showAllCondition" class="filter-item"
+          >显示所有条件</el-checkbox
+        >
+
+        <!-- 用户注册情况 -->
         <el-button
           v-if="buttonPermissions.includes('props:config:sales:total')"
           class="filter-item"
@@ -173,7 +199,9 @@
         </el-button>
       </div>
 
+      <!-- 内容列表 -->
       <el-table v-loading="listLoading" :data="list" fit highlight-current-row>
+        <!-- 用户基本信息 -->
         <el-table-column
           label="用户"
           align="center"
@@ -189,6 +217,8 @@
             />
           </template>
         </el-table-column>
+
+        <!-- 金币余额 -->
         <el-table-column prop="goldBalance" label="金币余额" align="center">
           <template slot-scope="scope">
             <el-link
@@ -204,6 +234,8 @@
             </div>
           </template>
         </el-table-column>
+
+        <!-- 钻石余额 -->
         <el-table-column prop="diamondBalance" label="钻石余额" align="center">
           <template slot-scope="scope">
             <el-link
@@ -219,7 +251,13 @@
             </div>
           </template>
         </el-table-column>
-        <el-table-column prop="salaryDiamondBalance" label="工资钻石余额" align="center">
+
+        <!-- 工资钻石余额 -->
+        <el-table-column
+          prop="salaryDiamondBalance"
+          label="工资钻石余额"
+          align="center"
+        >
           <template slot-scope="scope">
             <el-link
               v-if="buttonPermissions.includes('user:table:query:gold')"
@@ -234,6 +272,8 @@
             </div>
           </template>
         </el-table-column>
+
+        <!-- 账号状态 -->
         <el-table-column label="账户" align="center">
           <template slot-scope="scope">
             <el-link
@@ -257,12 +297,15 @@
             </div>
           </template>
         </el-table-column>
+
+        <!-- 国家 -->
         <!-- <el-table-column label="国家" align="center" width="60">
           <template slot-scope="scope">
             <flag-icon class="flag" :code="scope.row.userProfile.countryCode" :tooltip="scope.row.userProfile.countryName" size="30" />
           </template>
         </el-table-column> -->
 
+        <!-- 注册来源 -->
         <el-table-column label="注册来源" align="center" width="120">
           <template slot-scope="scope">
             <sys-origin-icon
@@ -287,6 +330,8 @@
             />
           </template>
         </el-table-column>
+
+        <!-- 编号 -->
         <el-table-column
           label="编号"
           align="center"
@@ -308,6 +353,8 @@
             </div>
           </template>
         </el-table-column>
+
+        <!-- 时间 -->
         <el-table-column
           label="时间"
           align="center"
@@ -321,6 +368,8 @@
             <div>最近活跃：{{ scope.row.lastActiveTime | dateFormat }}</div>
           </template>
         </el-table-column>
+
+        <!-- 操作列表展开按钮 -->
         <el-table-column fixed="right" label="操作" align="center" width="50">
           <template slot-scope="scope">
             <el-dropdown>
@@ -328,26 +377,37 @@
                 <i class="el-icon-more" />
               </span>
               <el-dropdown-menu slot="dropdown">
+                <!-- 资料详情 -->
                 <el-dropdown-item
                   v-if="buttonPermissions.includes('user:table:query:details')"
                   @click.native="queryUserDetails(scope.row)"
-                >资料详情</el-dropdown-item>
+                  >资料详情</el-dropdown-item
+                >
+
+                <!-- 编辑用户 -->
                 <el-dropdown-item
                   v-if="buttonPermissions.includes('user:table:edit')"
                   @click.native="editUserForm(scope.row)"
-                >编辑用户</el-dropdown-item>
+                  >编辑用户</el-dropdown-item
+                >
 
+                <!-- 金币收支 -->
                 <el-dropdown-item
                   v-if="buttonPermissions.includes('user:table:query:gold')"
                   @click.native="handleRunningWater(scope.row)"
-                >金币收支</el-dropdown-item>
+                  >金币收支</el-dropdown-item
+                >
+
+                <!-- 违规记录 -->
                 <el-dropdown-item
                   v-if="
                     buttonPermissions.includes('user:table:query:violation')
                   "
                   @click.native="clickViolationTableVisible(scope.row)"
-                >违规记录</el-dropdown-item>
+                  >违规记录</el-dropdown-item
+                >
 
+                <!-- 账号处理 -->
                 <el-dropdown-item
                   v-if="
                     buttonPermissions.includes(
@@ -355,7 +415,10 @@
                     )
                   "
                   @click.native="accountHanle(scope.row)"
-                >账号处理</el-dropdown-item>
+                  >账号处理</el-dropdown-item
+                >
+
+                <!-- 账号处理记录 -->
                 <el-dropdown-item
                   v-if="
                     buttonPermissions.includes(
@@ -363,33 +426,47 @@
                     )
                   "
                   @click.native="accountStatus(scope.row)"
-                >账号处理记录</el-dropdown-item>
+                  >账号处理记录</el-dropdown-item
+                >
 
+                <!-- 金币奖励 -->
                 <el-dropdown-item
                   v-if="
                     buttonPermissions.includes('user:table:edit:reward:gold')
                   "
                   @click.native="editUserGoldCoinRewardForm(scope.row)"
-                >金币奖励</el-dropdown-item>
+                  >金币奖励</el-dropdown-item
+                >
+
+                <!-- 金币扣除 -->
                 <el-dropdown-item
                   v-if="
                     buttonPermissions.includes('user:table:edit:deduction:gold')
                   "
                   @click.native="editUserGoldCoinDeductionForm(scope.row)"
-                >金币扣除</el-dropdown-item>
+                  >金币扣除</el-dropdown-item
+                >
+
+                <!-- 钻石奖励 -->
                 <el-dropdown-item
                   v-if="
                     buttonPermissions.includes('user:table:edit:reward:gold')
                   "
                   @click.native="editUserDiamondRewardForm(scope.row)"
-                >钻石奖励</el-dropdown-item>
+                  >钻石奖励</el-dropdown-item
+                >
+
+                <!-- 钻石扣除 -->
                 <el-dropdown-item
                   v-if="
                     buttonPermissions.includes('user:table:edit:deduction:gold')
                   "
                   @click.native="editUserDiamondDeductionForm(scope.row)"
-                >钻石扣除</el-dropdown-item>
-                <!--                <el-dropdown-item
+                  >钻石扣除</el-dropdown-item
+                >
+
+                <!-- 游戏券奖励 -->
+                <!-- <el-dropdown-item
                   v-if="
                     buttonPermissions.includes(
                       'user:table:edit:reward:gameCoupon'
@@ -397,8 +474,10 @@
                   "
                   @click.native="editUserGameCouponRewardForm(scope.row)"
                   >游戏券奖励</el-dropdown-item
-                >
-                <el-dropdown-item
+                > -->
+
+                <!-- 游戏券扣除 -->
+                <!-- <el-dropdown-item
                   v-if="
                     buttonPermissions.includes(
                       'user:table:edit:deduction:gameCoupon'
@@ -406,33 +485,46 @@
                   "
                   @click.native="editUserGameCouponDeductionForm(scope.row)"
                   >游戏券扣除</el-dropdown-item
-                >-->
+                > -->
+
+                <!-- 添加充值记录 -->
                 <el-dropdown-item
                   v-if="
                     buttonPermissions.includes('user:table:add:otherRecharge')
                   "
                   @click.native="addOtherRecharge(scope.row)"
-                >添加充值记录</el-dropdown-item>
+                  >添加充值记录</el-dropdown-item
+                >
+
+                <!-- 线下充值记录 -->
                 <el-dropdown-item
                   v-if="
                     buttonPermissions.includes('user:table:query:otherRecharge')
                   "
                   @click.native="addOtherRechargeDialog(scope.row)"
-                >线下充值记录</el-dropdown-item>
+                  >线下充值记录</el-dropdown-item
+                >
+
+                <!-- 认证信息 -->
                 <el-dropdown-item
                   v-if="buttonPermissions.includes('user:table:auth:info')"
                   @click.native="handleUserAuthForm(scope.row)"
-                >认证信息</el-dropdown-item>
+                  >认证信息</el-dropdown-item
+                >
+
+                <!-- 银行卡 -->
                 <el-dropdown-item
                   v-if="buttonPermissions.includes('user:table:edit:bankCard')"
                   @click.native="handleBankCard(scope.row)"
-                >银行卡</el-dropdown-item>
+                  >银行卡</el-dropdown-item
+                >
               </el-dropdown-menu>
             </el-dropdown>
           </template>
         </el-table-column>
       </el-table>
 
+      <!-- 分页 -->
       <pagination
         :total="9999999999999999999"
         :page.sync="listQuery.pageIndex"
@@ -441,43 +533,14 @@
         @pagination="renderData"
       />
 
-      <gold-running-water-dialog
-        v-if="candyDialogVisible"
-        :user-id="clickUserId"
-        @close="candyDialogVisible = false"
-      />
-
-      <diamond-running-water-dialog
-        v-if="diamondDialogVisible"
-        :user-id="clickUserId"
-        @close="diamondDialogVisible = false"
-      />
-
-      <diamond-salary-running-water-dialog
-        v-if="diamondSalaryDialogVisible"
-        :user-id="clickUserId"
-        @close="diamondSalaryDialogVisible = false"
-      />
-
+      <!-- 资料详情组件 -->
       <user-deatils-drawer
         v-if="userDeatilsDrawer"
         :user-id="thatSelectedUserId"
         @close="userDeatilsDrawer = false"
       />
 
-      <account-hanle
-        v-if="accountHandleVisible"
-        :user-id="thatSelectedUserId"
-        @success="renderDataSuccess"
-        @close="accountHandleVisible = false"
-      />
-
-      <user-video-violation-table-dialog
-        v-if="violationTableVisible"
-        :row="thisRow"
-        @close="violationTableVisible = false"
-      />
-
+      <!-- 编辑用户组件 -->
       <edit-user-form
         v-if="editUserFormVisible"
         :user-id="thatSelectedUserId"
@@ -485,6 +548,44 @@
         @success="renderDataSuccess"
       />
 
+      <!-- 金币收支组件 -->
+      <gold-running-water-dialog
+        v-if="candyDialogVisible"
+        :user-id="clickUserId"
+        @close="candyDialogVisible = false"
+      />
+
+      <!-- 违规记录组件 -->
+      <user-video-violation-table-dialog
+        v-if="violationTableVisible"
+        :row="thisRow"
+        @close="violationTableVisible = false"
+      />
+
+      <!-- 账号处理组件 -->
+      <account-hanle
+        v-if="accountHandleVisible"
+        :user-id="thatSelectedUserId"
+        @success="renderDataSuccess"
+        @close="accountHandleVisible = false"
+      />
+
+      <!-- 账号处理记录组件 -->
+      <user-account-status-log-drawer
+        v-if="accountStatusLogTable"
+        :row="thisRow"
+        @close="accountStatusLogTable = false"
+      />
+
+      <!-- 金币奖励组件 -->
+      <edit-user-gold-coin-reward-form
+        v-if="editUserGoldCoinRewardFormVisible"
+        :user-id="thatSelectedUserId"
+        @close="editUserGoldCoinRewardFormVisible = false"
+        @success="renderDataSuccess"
+      />
+
+      <!-- 金币扣除组件 -->
       <edit-user-gold-coin-deduction-form
         v-if="editUserGoldCoinDeductionFormVisible"
         :user-id="thatSelectedUserId"
@@ -492,19 +593,7 @@
         @success="renderDataSuccess"
       />
 
-      <edit-user-gold-coin-reward-form
-        v-if="editUserGoldCoinRewardFormVisible"
-        :user-id="thatSelectedUserId"
-        @close="editUserGoldCoinRewardFormVisible = false"
-        @success="renderDataSuccess"
-      />
-      <edit-user-diamond-deduction-form
-        v-if="editUserDiamondDeductionFormVisible"
-        :user-id="thatSelectedUserId"
-        @close="editUserDiamondDeductionFormVisible = false"
-        @success="renderDataSuccess"
-      />
-
+      <!-- 钻石奖励组件 -->
       <edit-user-diamond-reward-form
         v-if="editUserDiamondRewardFormVisible"
         :user-id="thatSelectedUserId"
@@ -512,6 +601,15 @@
         @success="renderDataSuccess"
       />
 
+      <!-- 钻石扣除组件 -->
+      <edit-user-diamond-deduction-form
+        v-if="editUserDiamondDeductionFormVisible"
+        :user-id="thatSelectedUserId"
+        @close="editUserDiamondDeductionFormVisible = false"
+        @success="renderDataSuccess"
+      />
+
+      <!-- 游戏券奖励组件 -->
       <edit-user-game-coupon-reward-form
         v-if="editUserGameCouponRewardFormVisible"
         :user-id="thatSelectedUserId"
@@ -519,6 +617,7 @@
         @success="renderDataSuccess"
       />
 
+      <!-- 游戏券扣除组件 -->
       <edit-user-game-coupon-deduction-form
         v-if="editUserGameCouponDeductionFormVisible"
         :user-id="thatSelectedUserId"
@@ -526,12 +625,7 @@
         @success="renderDataSuccess"
       />
 
-      <user-account-status-log-drawer
-        v-if="accountStatusLogTable"
-        :row="thisRow"
-        @close="accountStatusLogTable = false"
-      />
-
+      <!-- 添加充值记录组件 -->
       <add-other-recharge
         v-if="otherRechargeVisible"
         :user-id="thatSelectedUserId"
@@ -544,6 +638,7 @@
         @success="otherRechargeSuccess"
       />
 
+      <!-- 线下充值记录组件 -->
       <add-other-recharge-dialog
         v-if="otherRechargeDialogVisible"
         :user-id="thatSelectedUserId"
@@ -555,22 +650,41 @@
         @close="otherRechargeDialogVisible = false"
       />
 
+      <!-- 认证信息组件 -->
       <user-auth-form
         v-if="userAuthFormVisible"
         :user-id="thatSelectedUserId"
         @close="userAuthFormVisible = false"
       />
 
+      <!-- 银行卡组件 -->
       <bank-card-drawer
         v-if="bankCardVisible"
         :row="thisRow"
         @close="bankCardVisible = false"
       />
-    </div>
-    <user-registration-overview-charts-dialog
-        v-if="UserRegistrationOverviewChartsDialogVisible"
-        @close="UserRegistrationOverviewChartsDialogVisible=false"
+
+      <!-- 钻石余额组件 -->
+      <diamond-running-water-dialog
+        v-if="diamondDialogVisible"
+        :user-id="clickUserId"
+        @close="diamondDialogVisible = false"
       />
+
+      <!-- 工资钻石余额组件 -->
+      <diamond-salary-running-water-dialog
+        v-if="diamondSalaryDialogVisible"
+        :user-id="clickUserId"
+        @close="diamondSalaryDialogVisible = false"
+      />
+    </div>
+
+    <!-- 用户注册情况弹窗 -->
+    <user-registration-overview-charts-dialog
+      v-if="UserRegistrationOverviewChartsDialogVisible"
+      @close="UserRegistrationOverviewChartsDialogVisible = false"
+    />
+    <!-- 无权查看用户注册情况弹窗 -->
     <div
       v-else
       v-loading.lock="permissionValidationLoading"
@@ -585,36 +699,38 @@
 </template>
 
 <script>
-import { getUserTable } from '@/api/app-user'
-import { registerOrigins, originPlatforms } from '@/constant/origin'
-import { genders, userTypes } from '@/constant/user'
-import Pagination from '@/components/Pagination'
-import PlatformSvgIcon from '@/components/PlatformSvgIcon'
-import GoldRunningWaterDialog from '@/components/data/GoldRunningWaterDialog'
-import DiamondRunningWaterDialog from '@/components/data/DiamondRunningWaterDialog'
-import DiamondSalaryRunningWaterDialog from '@/components/data/DiamondSalaryRunningWaterDialog'
-import AccountHanle from '@/components/data/AccountHanle'
-import UserVideoViolationTableDialog from '@/components/data/UserVideoViolationTableDialog'
-import EditUserForm from '@/components/data/EditUserForm'
-import EditUserGoldCoinDeductionForm from '@/components/data/EditUserGoldCoinDeductionForm'
-import EditUserGoldCoinRewardForm from '@/components/data/EditUserGoldCoinRewardForm'
-import EditUserDiamondDeductionForm from '@/components/data/EditDiamondCoinDeductionForm'
-import EditUserDiamondRewardForm from '@/components/data/EditUserDiamondRewardForm'
-import EditUserGameCouponRewardForm from '@/components/data/EditUserGameCouponRewardForm'
-import EditUserGameCouponDeductionForm from '@/components/data/EditUserGameCouponDeductionForm'
-import UserAccountStatusLogDrawer from '@/components/data/UserAccountStatusLogDrawer'
-import AddOtherRecharge from '@/components/data/AddOtherRecharge'
-import AddOtherRechargeDialog from '@/components/data/AddOtherRechargeDialog'
-import UserAuthForm from '@/components/data/UserAuthForm'
-import BankCardDrawer from '@/components/data/UserInfo/BankCardDrawer'
-import UserRegistrationOverviewChartsDialog from '@/components/data/UserRegistrationOverviewCharts/dialog'
-import { copyText } from '@/utils'
-import { pickerOptions } from '@/constant/el-const'
-import { mapGetters } from 'vuex'
-import { getCountryAlls } from '@/api/sys'
+import { mapGetters } from "vuex";
+import { copyText } from "@/utils";
+import { genders, userTypes } from "@/constant/user";
+import { pickerOptions } from "@/constant/el-const";
+import { registerOrigins, originPlatforms } from "@/constant/origin";
+
+import { getUserTable } from "@/api/app-user";
+import { getCountryAlls } from "@/api/sys";
+
+import Pagination from "@/components/Pagination";
+import PlatformSvgIcon from "@/components/PlatformSvgIcon";
+import GoldRunningWaterDialog from "@/components/data/GoldRunningWaterDialog";
+import DiamondRunningWaterDialog from "@/components/data/DiamondRunningWaterDialog";
+import DiamondSalaryRunningWaterDialog from "@/components/data/DiamondSalaryRunningWaterDialog";
+import AccountHanle from "@/components/data/AccountHanle";
+import UserVideoViolationTableDialog from "@/components/data/UserVideoViolationTableDialog";
+import EditUserForm from "@/components/data/EditUserForm";
+import EditUserGoldCoinDeductionForm from "@/components/data/EditUserGoldCoinDeductionForm";
+import EditUserGoldCoinRewardForm from "@/components/data/EditUserGoldCoinRewardForm";
+import EditUserDiamondDeductionForm from "@/components/data/EditDiamondCoinDeductionForm";
+import EditUserDiamondRewardForm from "@/components/data/EditUserDiamondRewardForm";
+import EditUserGameCouponRewardForm from "@/components/data/EditUserGameCouponRewardForm";
+import EditUserGameCouponDeductionForm from "@/components/data/EditUserGameCouponDeductionForm";
+import UserAccountStatusLogDrawer from "@/components/data/UserAccountStatusLogDrawer";
+import AddOtherRecharge from "@/components/data/AddOtherRecharge";
+import AddOtherRechargeDialog from "@/components/data/AddOtherRechargeDialog";
+import UserAuthForm from "@/components/data/UserAuthForm";
+import BankCardDrawer from "@/components/data/UserInfo/BankCardDrawer";
+import UserRegistrationOverviewChartsDialog from "@/components/data/UserRegistrationOverviewCharts/dialog";
 
 export default {
-  name: 'AppUserTable',
+  name: "AppUserTable",
   components: {
     Pagination,
     GoldRunningWaterDialog,
@@ -648,25 +764,25 @@ export default {
       userAuthFormVisible: false,
       pickerOptions,
       thisRow: {},
-      countryCodeStr: '',
+      countryCodeStr: "",
       level: 0,
       marks: {
-        0: 'L0',
-        1: 'L1',
-        2: 'L2',
+        0: "L0",
+        1: "L1",
+        2: "L2",
         3: {
           style: {
-            color: '#1989FA',
-            width: '20px'
+            color: "#1989FA",
+            width: "20px"
           },
-          label: this.$createElement('strong', 'L3')
+          label: this.$createElement("strong", "L3")
         }
       },
       levelSubmitLoading: false,
       accountHandleVisible: false,
       accountStatusLogTable: false,
       userDeatilsDrawer: false,
-      thatSelectedUserId: '',
+      thatSelectedUserId: "",
       candyDialogVisible: false,
       diamondDialogVisible: false,
       diamondSalaryDialogVisible: false,
@@ -688,33 +804,33 @@ export default {
         pageIndex: 1,
         pageSize: 20,
         userIds: [],
-        countryCode: '',
-        authType: '',
-        originPlatform: '',
-        originPhoneModel: '',
-        userSex: '',
-        userType: '',
-        startTime: '',
-        endTime: '',
-        startCreateDate: '',
-        endCreateDate: '',
-        del: '0',
-        account: '',
+        countryCode: "",
+        authType: "",
+        originPlatform: "",
+        originPhoneModel: "",
+        userSex: "",
+        userType: "",
+        startTime: "",
+        endTime: "",
+        startCreateDate: "",
+        endCreateDate: "",
+        del: "0",
+        account: "",
         sysOrigins: [],
-        deviceId: ''
+        deviceId: ""
       },
       allCountryList: [],
-      rangeDate: '',
+      rangeDate: "",
       listLoading: true,
       searchLoading: false,
-      clickUserId: ''
-    }
+      clickUserId: ""
+    };
   },
   computed: {
     ...mapGetters([
-      'buttonPermissions',
-      'permissionsSysOriginPlatforms',
-      'permissionsSysOriginPlatformAlls'
+      "buttonPermissions",
+      "permissionsSysOriginPlatforms",
+      "permissionsSysOriginPlatformAlls"
     ])
   },
   watch: {
@@ -723,268 +839,327 @@ export default {
       deep: true,
       handler(newVal) {
         if (newVal && newVal.length > 0) {
-          this.listQuery.startCreateDate = newVal[0]
-          this.listQuery.endCreateDate = newVal[1]
-          return
+          this.listQuery.startCreateDate = newVal[0];
+          this.listQuery.endCreateDate = newVal[1];
+          return;
         }
-        this.listQuery.startCreateDate = ''
-        this.listQuery.endCreateDate = ''
+        this.listQuery.startCreateDate = "";
+        this.listQuery.endCreateDate = "";
       }
     }
   },
   created() {
-    const that = this
-    const querySystem = this.permissionsSysOriginPlatforms[0]
+    const that = this;
+    const querySystem = this.permissionsSysOriginPlatforms[0];
     if (!querySystem) {
-      return
+      return;
     }
-    that.listQuery.sysOrigins = [querySystem.value]
-    that.renderData(true)
+    that.listQuery.sysOrigins = [querySystem.value];
+    that.renderData(true);
     // that.loadCountryAlls()
     setTimeout(() => {
-      that.permissionValidationLoading = false
-    }, 3 * 1000)
+      that.permissionValidationLoading = false;
+    }, 3 * 1000);
   },
   methods: {
     renderData(isReset) {
-      const that = this
+      const that = this;
       if (isReset === true) {
-        that.listQuery.pageIndex = 1
-        that.list = []
+        that.listQuery.pageIndex = 1;
+        that.list = [];
       }
-      that.listLoading = true
-      that.listQuery.userIds = that.listQuery.userIds.filter(item => item)
+      that.listLoading = true;
+      that.listQuery.userIds = that.listQuery.userIds.filter(item => item);
       that.listQuery.sysOrigins =
         that.listQuery.sysOrigins && that.listQuery.sysOrigins.length > 0
           ? that.listQuery.sysOrigins
-          : that.permissionsSysOriginPlatformAlls.map(item => item.value)
+          : that.permissionsSysOriginPlatformAlls.map(item => item.value);
       getUserTable(that.listQuery)
         .then(res => {
-          const { body } = res
-          that.list = body || []
-          that.searchLoading = that.listLoading = false
+          const { body } = res;
+          that.list = body || [];
+          that.searchLoading = that.listLoading = false;
         })
         .catch(er => {
-          that.searchLoading = that.listLoading = false
-        })
+          that.searchLoading = that.listLoading = false;
+        });
     },
     handleSearch() {
-      this.searchLoading = true
-      this.renderData(true)
+      this.searchLoading = true;
+      this.renderData(true);
     },
     querySearch(queryString, cb) {
-      var restaurants = this.allCountryList
-      var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants
+      var restaurants = this.allCountryList;
+      var results = queryString
+        ? restaurants.filter(this.createFilter(queryString))
+        : restaurants;
       // 调用 callback 返回建议列表的数据
-      cb(results)
+      cb(results);
     },
     createFilter(queryString) {
-      return (restaurant) => {
-        if (restaurant.alphaTwo.toLowerCase().indexOf(queryString.toLowerCase()) === 0) {
-          return true
+      return restaurant => {
+        if (
+          restaurant.alphaTwo
+            .toLowerCase()
+            .indexOf(queryString.toLowerCase()) === 0
+        ) {
+          return true;
         }
-        if (restaurant.alphaThree.toLowerCase().indexOf(queryString.toLowerCase()) === 0) {
-          return true
+        if (
+          restaurant.alphaThree
+            .toLowerCase()
+            .indexOf(queryString.toLowerCase()) === 0
+        ) {
+          return true;
         }
-        if (restaurant.countryName.toLowerCase().indexOf(queryString.toLowerCase()) === 0) {
-          return true
+        if (
+          restaurant.countryName
+            .toLowerCase()
+            .indexOf(queryString.toLowerCase()) === 0
+        ) {
+          return true;
         }
-        if (restaurant.aliasName.toLowerCase().indexOf(queryString.toLowerCase()) === 0) {
-          return true
+        if (
+          restaurant.aliasName
+            .toLowerCase()
+            .indexOf(queryString.toLowerCase()) === 0
+        ) {
+          return true;
         }
-        return (String(restaurant.phonePrefix).indexOf(queryString.toLowerCase()) === 0)
-      }
+        return (
+          String(restaurant.phonePrefix).indexOf(queryString.toLowerCase()) ===
+          0
+        );
+      };
     },
     handleDelCountryCodeClick() {
-      this.listQuery.countryCode = ''
-      this.countryCodeStr = ''
-      this.handleSearch()
+      this.listQuery.countryCode = "";
+      this.countryCodeStr = "";
+      this.handleSearch();
     },
     handleCountryCodeClick(item) {
-      this.listQuery.countryCode = item.alphaTwo
-      this.countryCodeStr = item.phonePrefix + ' ' + item.countryName
-      this.handleSearch()
+      this.listQuery.countryCode = item.alphaTwo;
+      this.countryCodeStr = item.phonePrefix + " " + item.countryName;
+      this.handleSearch();
     },
     loadCountryAlls() {
-      const that = this
-      getCountryAlls().then(res => {
-        that.allCountryList = res.result || {}
-      }).catch(er => {
-      })
+      const that = this;
+      getCountryAlls()
+        .then(res => {
+          that.allCountryList = res.result || {};
+        })
+        .catch(er => {});
     },
     getAccountText(userInfo) {
       if (!userInfo) {
-        return ''
+        return "";
       }
-      const account = userInfo.account
+      const account = userInfo.account;
       if (userInfo.ownSpecialId && userInfo.ownSpecialId.account) {
-        return `${account} / ${userInfo.ownSpecialId.account}靓`
+        return `${account} / ${userInfo.ownSpecialId.account}靓`;
       }
-      return account
+      return account;
     },
+    // 资料详情
     queryUserDetails(row) {
-      this.thatSelectedUserId = row.id
-      this.userDeatilsDrawer = true
+      this.thatSelectedUserId = row.id;
+      this.userDeatilsDrawer = true;
     },
     handleEidt(row) {},
+
+    // 编辑用户
     editUserForm(item) {
-      this.thatSelectedUserId = item.id
-      this.editUserFormVisible = true
+      this.thatSelectedUserId = item.id;
+      this.editUserFormVisible = true;
     },
+
+    // 金币扣除
     editUserGoldCoinDeductionForm(item) {
-      this.thatSelectedUserId = item.id
-      this.editUserGoldCoinDeductionFormVisible = true
+      this.thatSelectedUserId = item.id;
+      this.editUserGoldCoinDeductionFormVisible = true;
     },
+
+    // 金币奖励
     editUserGoldCoinRewardForm(item) {
-      this.thatSelectedUserId = item.id
-      this.editUserGoldCoinRewardFormVisible = true
+      this.thatSelectedUserId = item.id;
+      this.editUserGoldCoinRewardFormVisible = true;
     },
+
+    // 钻石扣除
     editUserDiamondDeductionForm(item) {
-      this.thatSelectedUserId = item.id
-      this.editUserDiamondDeductionFormVisible = true
+      this.thatSelectedUserId = item.id;
+      this.editUserDiamondDeductionFormVisible = true;
     },
+
+    // 钻石奖励
     editUserDiamondRewardForm(item) {
-      this.thatSelectedUserId = item.id
-      this.editUserDiamondRewardFormVisible = true
+      this.thatSelectedUserId = item.id;
+      this.editUserDiamondRewardFormVisible = true;
     },
+
+    // 游戏券奖励
     editUserGameCouponRewardForm(item) {
-      this.thatSelectedUserId = item.id
-      this.editUserGameCouponRewardFormVisible = true
+      this.thatSelectedUserId = item.id;
+      this.editUserGameCouponRewardFormVisible = true;
     },
+
+    // 游戏券扣除
     editUserGameCouponDeductionForm(item) {
-      this.thatSelectedUserId = item.id
-      this.editUserGameCouponDeductionFormVisible = true
+      this.thatSelectedUserId = item.id;
+      this.editUserGameCouponDeductionFormVisible = true;
     },
+
+    // 银行卡
     handleBankCard(item) {
-      this.thisRow = item
-      this.bankCardVisible = true
+      this.thisRow = item;
+      this.bankCardVisible = true;
     },
+
+    // 添加充值记录
     addOtherRecharge(item) {
-      this.thisRow = item
-      this.thatSelectedUserId = item.id
-      this.otherRechargeVisible = true
+      this.thisRow = item;
+      this.thatSelectedUserId = item.id;
+      this.otherRechargeVisible = true;
     },
+
+    // 线下充值记录
     addOtherRechargeDialog(item) {
-      this.thisRow = item
-      this.thatSelectedUserId = item.id
-      this.otherRechargeDialogVisible = true
+      this.thisRow = item;
+      this.thatSelectedUserId = item.id;
+      this.otherRechargeDialogVisible = true;
     },
     otherRechargeSuccess() {
-      this.otherRechargeVisible = false
-      this.$opsMessage.success()
+      this.otherRechargeVisible = false;
+      this.$opsMessage.success();
     },
     accountHandleSuccess(data) {
-      this.$opsMessage.success()
+      this.$opsMessage.success();
       // this.renderData()
     },
+
+    // 账号处理
     accountHanle(row) {
-      this.thatSelectedUserId = row.id
-      this.accountHandleVisible = true
+      this.thatSelectedUserId = row.id;
+      this.accountHandleVisible = true;
     },
+
+    // 账号处理记录
     accountStatus(item) {
-      this.thisRow = item
-      this.accountStatusLogTable = true
+      this.thisRow = item;
+      this.accountStatusLogTable = true;
     },
+
+    // 金币收支
     handleRunningWater(row) {
-      this.clickUserId = row.id
-      this.candyDialogVisible = true
+      this.clickUserId = row.id;
+      this.candyDialogVisible = true;
     },
+
+    // 钻石余额
     handleDiamondRunningWater(row) {
-      this.clickUserId = row.id
-      this.diamondDialogVisible = true
+      this.clickUserId = row.id;
+      this.diamondDialogVisible = true;
     },
+
+    // 工资钻石余额
     handleDiamondSalaryRunningWater(row) {
-      this.clickUserId = row.id
-      this.diamondSalaryDialogVisible = true
+      this.clickUserId = row.id;
+      this.diamondSalaryDialogVisible = true;
     },
+
+    // 认证信息
     handleUserAuthForm(row) {
-      this.thatSelectedUserId = row.id
-      this.userAuthFormVisible = true
+      this.thatSelectedUserId = row.id;
+      this.userAuthFormVisible = true;
     },
+
+    // 违规记录
     clickViolationTableVisible(row) {
-      this.thisRow = row
-      this.violationTableVisible = true
+      this.thisRow = row;
+      this.violationTableVisible = true;
     },
     copyTextContent(text) {
-      const that = this
+      const that = this;
       copyText(text)
         .then(() => {
           that.$message({
-            message: '复制成功',
-            type: 'success'
-          })
+            message: "复制成功",
+            type: "success"
+          });
         })
         .catch(() => {
           that.$message({
-            message: '复制失败',
-            type: 'error'
-          })
-        })
+            message: "复制失败",
+            type: "error"
+          });
+        });
     },
     originText(row) {
-      const texts = []
+      const texts = [];
       if (!row.userRegisterInfo) {
-        return ''
+        return "";
       }
-      const userRegisterInfo = row.userRegisterInfo
+      const userRegisterInfo = row.userRegisterInfo;
       if (userRegisterInfo.originPlatform) {
-        texts.push(userRegisterInfo.originPlatform)
+        texts.push(userRegisterInfo.originPlatform);
       }
       if (userRegisterInfo.originPhoneModel) {
-        texts.push(userRegisterInfo.originPhoneModel)
+        texts.push(userRegisterInfo.originPhoneModel);
       }
-      return texts.join('，')
+      return texts.join("，");
     },
     renderDataSuccess() {
       this.$message({
-        message: 'Successful',
-        type: 'success'
-      })
-      this.renderData()
+        message: "Successful",
+        type: "success"
+      });
+      this.renderData();
     },
     handleMouseEnter(row) {
-      this.thisRow = row
-      this.thatSelectedUserId = row.id
+      this.thisRow = row;
+      this.thatSelectedUserId = row.id;
     },
     getLevelName(gender, level) {
       if (gender !== 0) {
-        return '-'
+        return "-";
       }
       if (level === -1) {
-        return 'L-1'
+        return "L-1";
       }
-      return `L${level}`
+      return `L${level}`;
     },
     handleUserSexChange(value) {
       if (value === 0) {
-        this.listQuery.maleLevel = ''
-        return
+        this.listQuery.maleLevel = "";
+        return;
       }
       if (value === 1) {
-        this.listQuery.level = ''
-        return
+        this.listQuery.level = "";
+        return;
       }
-      this.listQuery.maleLevel = ''
-      this.listQuery.level = ''
+      this.listQuery.maleLevel = "";
+      this.listQuery.level = "";
     },
     getAccountStatusFontColor(user) {
       if (!user || !user.actualAccountStatus) {
-        return 'info'
+        return "info";
       }
-      if (user.actualAccountStatus === 'NORMAL') {
-        return 'font-success'
+      if (user.actualAccountStatus === "NORMAL") {
+        return "font-success";
       }
 
-      if (user.actualAccountStatus === 'FREEZE') {
-        return 'font-warning'
+      if (user.actualAccountStatus === "FREEZE") {
+        return "font-warning";
       }
-      return 'font-danger'
+      return "font-danger";
     },
+
+    // 用户注册情况
     clickUserRegistrationOverview() {
-      this.UserRegistrationOverviewChartsDialogVisible = true
+      this.UserRegistrationOverviewChartsDialogVisible = true;
     }
   }
-}
+};
 </script>
 <style scoped lang="scss">
 .this-level {