From 2ce28332c86d739b4418a10ca204eff89f3b9113 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Fri, 13 Mar 2026 16:23:16 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E7=94=A8=E6=88=B7=E5=88=97=E8=A1=A8-->?=
 =?UTF-8?q?=E5=88=86=E9=A1=B5=E7=BB=84=E4=BB=B6):=20=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E9=A1=B5=E7=A0=81=EF=BC=8C=E8=B0=83=E6=95=B4=E8=8E=B7=E5=8F=96?=
 =?UTF-8?q?=E7=94=A8=E6=88=B7=E5=88=97=E8=A1=A8=E7=9A=84=E8=BF=94=E5=9B=9E?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/user/user-table-role/index.vue | 791 ++++++++++++-----------
 src/views/user/user-table/index.vue      |   7 +-
 2 files changed, 419 insertions(+), 379 deletions(-)

diff --git a/src/views/user/user-table-role/index.vue b/src/views/user/user-table-role/index.vue
index 81de7c7..0e00ce4 100644
--- a/src/views/user/user-table-role/index.vue
+++ b/src/views/user/user-table-role/index.vue
@@ -1,176 +1,175 @@
 <template>
   <div class="app-container">
     <div class="filter-container">
-        <el-select
-          v-model="listQuery.del"
-          style="width: 120px"
-          class="filter-item"
-          @change="handleSearch"
+      <el-select
+        v-model="listQuery.del"
+        style="width: 120px"
+        class="filter-item"
+        @change="handleSearch"
+      >
+        <el-option label="未注销" value="0" />
+        <el-option label="已注销" value="1" />
+      </el-select>
+      <el-select
+        v-model="listQuery.sysOrigins"
+        placeholder="系统"
+        style="width: 200px"
+        class="filter-item"
+        multiple
+        collapse-tags
+      >
+        <el-option
+          v-for="item in permissionsSysOriginPlatforms"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value"
         >
-          <el-option label="未注销" value="0" />
-          <el-option label="已注销" value="1" />
-        </el-select>
-        <el-select
-          v-model="listQuery.sysOrigins"
-          placeholder="系统"
-          style="width: 200px"
-          class="filter-item"
-          multiple
-          collapse-tags
-        >
-          <el-option
-            v-for="item in permissionsSysOriginPlatforms"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          >
-            <span style="float: left;">
-              <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"
-          placeholder="注册来源"
-          clearable
-          style="width: 120px"
-          class="filter-item"
-          @change="handleSearch"
-        >
-          <el-option
-            v-for="item in registerOrigins"
-            :key="item.value"
-            :label="item.name"
-            :value="item.value"
-          />
-        </el-select>
-        <el-select
-          v-if="showAllCondition"
-          v-model="listQuery.originPlatform"
-          placeholder="来源平台"
-          clearable
-          style="width: 120px"
-          class="filter-item"
-          @change="handleSearch"
-        >
-          <el-option
-            v-for="item in originPlatforms"
-            :key="item.value"
-            :label="item.name"
-            :value="item.value"
-          />
-        </el-select>
+          <span style="float: left;">
+            <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"
+        placeholder="注册来源"
+        clearable
+        style="width: 120px"
+        class="filter-item"
+        @change="handleSearch"
+      >
+        <el-option
+          v-for="item in registerOrigins"
+          :key="item.value"
+          :label="item.name"
+          :value="item.value"
+        />
+      </el-select>
+      <el-select
+        v-if="showAllCondition"
+        v-model="listQuery.originPlatform"
+        placeholder="来源平台"
+        clearable
+        style="width: 120px"
+        class="filter-item"
+        @change="handleSearch"
+      >
+        <el-option
+          v-for="item in originPlatforms"
+          :key="item.value"
+          :label="item.name"
+          :value="item.value"
+        />
+      </el-select>
 
-        <el-select
-          v-if="showAllCondition"
-          v-model="listQuery.userSex"
-          placeholder="性别"
-          clearable
-          style="width: 120px"
-          class="filter-item"
-          @change="handleUserSexChange"
-        >
-          <el-option
-            v-for="item in genders"
-            :key="item.value"
-            :label="item.name"
-            :value="item.value"
-          />
-        </el-select>
-        <el-autocomplete
-          v-if="showAllCondition"
-          v-model="countryCodeStr"
-          popper-class="my-autocomplete"
-          :fetch-suggestions="querySearch"
-          placeholder="国家"
-          style="width: 200px"
-          class="filter-item"
-          clearable
-          @clear="handleDelCountryCodeClick"
-          @select="handleCountryCodeClick"
-        >
-          <i
-            v-if="!countryCodeStr"
-            slot="suffix"
-            class="el-icon-edit el-input__icon"
-          />
-          <template slot-scope="{ item }">
-            <div class="name">{{ item.phonePrefix + ' ' + item.countryName }}</div>
-          </template>
-        </el-autocomplete>
-        <el-select
-          v-if="showAllCondition"
-          v-model="listQuery.userType"
-          placeholder="账号类型"
-          clearable
-          style="width: 120px"
-          class="filter-item"
-          @change="handleSearch"
-        >
-          <el-option
-            v-for="item in userTypes"
-            :key="item.value"
-            :label="item.name"
-            :value="item.value"
-          />
-        </el-select>
-        <div class="filter-item">
-          <el-date-picker
-            v-model="rangeDate"
-            value-format="timestamp"
-            type="datetimerange"
-            :picker-options="pickerOptions"
-            range-separator="至"
-            start-placeholder="注册开始日期"
-            end-placeholder="注册结束日期"
-          />
-        </div>
-        <el-input
-          v-model.trim="listQuery.userIds[0]"
-          v-number
-          placeholder="长UID"
-          style="width: 200px;"
-          class="filter-item"
+      <el-select
+        v-if="showAllCondition"
+        v-model="listQuery.userSex"
+        placeholder="性别"
+        clearable
+        style="width: 120px"
+        class="filter-item"
+        @change="handleUserSexChange"
+      >
+        <el-option
+          v-for="item in genders"
+          :key="item.value"
+          :label="item.name"
+          :value="item.value"
         />
-        <el-input
-          v-model.trim="listQuery.account"
-          placeholder="短账号"
-          style="width: 200px;"
-          class="filter-item"
+      </el-select>
+      <el-autocomplete
+        v-if="showAllCondition"
+        v-model="countryCodeStr"
+        popper-class="my-autocomplete"
+        :fetch-suggestions="querySearch"
+        placeholder="国家"
+        style="width: 200px"
+        class="filter-item"
+        clearable
+        @clear="handleDelCountryCodeClick"
+        @select="handleCountryCodeClick"
+      >
+        <i
+          v-if="!countryCodeStr"
+          slot="suffix"
+          class="el-icon-edit el-input__icon"
         />
-        <el-input
-          v-model.trim="listQuery.deviceId"
-          placeholder="设备ID"
-          style="width: 200px;"
-          class="filter-item"
+        <template slot-scope="{ item }">
+          <div class="name">
+            {{ item.phonePrefix + " " + item.countryName }}
+          </div>
+        </template>
+      </el-autocomplete>
+      <el-select
+        v-if="showAllCondition"
+        v-model="listQuery.userType"
+        placeholder="账号类型"
+        clearable
+        style="width: 120px"
+        class="filter-item"
+        @change="handleSearch"
+      >
+        <el-option
+          v-for="item in userTypes"
+          :key="item.value"
+          :label="item.name"
+          :value="item.value"
+        />
+      </el-select>
+      <div class="filter-item">
+        <el-date-picker
+          v-model="rangeDate"
+          value-format="timestamp"
+          type="datetimerange"
+          :picker-options="pickerOptions"
+          range-separator="至"
+          start-placeholder="注册开始日期"
+          end-placeholder="注册结束日期"
         />
-        <el-button
-          :loading="searchLoading"
-          class="filter-item"
-          type="primary"
-          icon="el-icon-search"
-          @click="handleSearch"
-        >
-          搜索
-        </el-button>
-        <el-checkbox
-          v-model="showAllCondition"
-          class="filter-item"
-        >显示所有条件</el-checkbox>
-        <el-button
-          v-if="buttonPermissions.includes('props:config:sales:total')"
-          class="filter-item"
-          type="primary"
-          icon="el-icon-monitor"
-          @click="clickUserRegistrationOverview"
-        >
-          用户注册情况
-        </el-button>
       </div>
+      <el-input
+        v-model.trim="listQuery.userIds[0]"
+        v-number
+        placeholder="长UID"
+        style="width: 200px;"
+        class="filter-item"
+      />
+      <el-input
+        v-model.trim="listQuery.account"
+        placeholder="短账号"
+        style="width: 200px;"
+        class="filter-item"
+      />
+      <el-input
+        v-model.trim="listQuery.deviceId"
+        placeholder="设备ID"
+        style="width: 200px;"
+        class="filter-item"
+      />
+      <el-button
+        :loading="searchLoading"
+        class="filter-item"
+        type="primary"
+        icon="el-icon-search"
+        @click="handleSearch"
+      >
+        搜索
+      </el-button>
+      <el-checkbox v-model="showAllCondition" class="filter-item"
+        >显示所有条件</el-checkbox
+      >
+      <el-button
+        v-if="buttonPermissions.includes('props:config:sales:total')"
+        class="filter-item"
+        type="primary"
+        icon="el-icon-monitor"
+        @click="clickUserRegistrationOverview"
+      >
+        用户注册情况
+      </el-button>
+    </div>
 
     <div>
       <el-table v-loading="listLoading" :data="list" fit highlight-current-row>
@@ -219,7 +218,11 @@
             </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')"
@@ -331,22 +334,26 @@
                 <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="
@@ -355,7 +362,8 @@
                     )
                   "
                   @click.native="accountHanle(scope.row)"
-                >账号处理</el-dropdown-item>
+                  >账号处理</el-dropdown-item
+                >
                 <el-dropdown-item
                   v-if="
                     buttonPermissions.includes(
@@ -363,32 +371,37 @@
                     )
                   "
                   @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
                   v-if="
                     buttonPermissions.includes(
@@ -412,21 +425,25 @@
                     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>
@@ -434,10 +451,10 @@
       </el-table>
 
       <pagination
-        :total="9999999999999999999"
+        :total="total"
         :page.sync="listQuery.pageIndex"
         :limit.sync="listQuery.pageSize"
-        layout="prev,next,sizes"
+        layout="prev,pager,next,sizes"
         @pagination="renderData"
       />
 
@@ -568,9 +585,9 @@
       />
     </div>
     <user-registration-overview-charts-dialog
-        v-if="UserRegistrationOverviewChartsDialogVisible"
-        @close="UserRegistrationOverviewChartsDialogVisible=false"
-      />
+      v-if="UserRegistrationOverviewChartsDialogVisible"
+      @close="UserRegistrationOverviewChartsDialogVisible = false"
+    />
     <div
       v-else
       v-loading.lock="permissionValidationLoading"
@@ -585,36 +602,36 @@
 </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 { 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";
 
 export default {
-  name: 'AppUserTable',
+  name: "AppUserTable",
   components: {
     Pagination,
     GoldRunningWaterDialog,
@@ -648,25 +665,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 +705,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,273 +740,295 @@ 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.listQuery.account = 'aaaaa'
-    that.renderData(true)
+    that.listQuery.sysOrigins = [querySystem.value];
+    that.listQuery.account = "aaaaa";
+    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.listQuery.account = that.listQuery.account.length > 0
-          ? that.listQuery.account
-          : 'aaaaa'
+          : that.permissionsSysOriginPlatformAlls.map(item => item.value);
+
+      that.listQuery.account =
+        that.listQuery.account.length > 0 ? that.listQuery.account : "aaaaa";
       getUserTable(that.listQuery)
         .then(res => {
-          const { body } = res
-          that.list = body || []
-          that.searchLoading = that.listLoading = false
+          const { body } = res;
+          that.total = body.total || 0;
+          that.list = body.records || [];
+          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 {
diff --git a/src/views/user/user-table/index.vue b/src/views/user/user-table/index.vue
index 6738698..9059165 100644
--- a/src/views/user/user-table/index.vue
+++ b/src/views/user/user-table/index.vue
@@ -540,10 +540,10 @@
 
       <!-- 分页 -->
       <pagination
-        :total="9999999999999999999"
+        :total="total"
         :page.sync="listQuery.pageIndex"
         :limit.sync="listQuery.pageSize"
-        layout="prev,next,sizes"
+        layout="prev,pager,next,sizes"
         @pagination="renderData"
       />
 
@@ -926,7 +926,8 @@ export default {
       getUserTable(that.listQuery)
         .then(res => {
           const { body } = res;
-          that.list = body || [];
+          that.total = body.total || 0;
+          that.list = body.records || [];
           that.searchLoading = that.listLoading = false;
         })
         .catch(er => {