hy/aslan-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(用户列表-->分页组件): 新增页码，调整获取用户列表的返回数据结构

Browse Source
This commit is contained in:
hzj 2026-03-13 16:23:16 +08:00
parent 6b3c7c39d9
commit 2ce28332c8
2 changed files with 419 additions and 379 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

471
src/views/user/user-table-role/index.vue
View File

@ -25,9 +25,7 @@
:value="item.value" :value="item.value"
> >
<span style="float: left;"> <span style="float: left;">
<sys-origin-icon <sys-origin-icon :icon="item.value" :desc="item.value"
:icon="item.value"
:desc="item.value"
/></span> /></span>
<span style="float: left;margin-left:10px">{{ item.label }}</span> <span style="float: left;margin-left:10px">{{ item.label }}</span>
</el-option> </el-option>
@ -99,7 +97,9 @@
class="el-icon-edit el-input__icon" class="el-icon-edit el-input__icon"
/> />
<template slot-scope="{ item }"> <template slot-scope="{ item }">
<div class="name">{{ item.phonePrefix + ' ' + item.countryName }}</div> <div class="name">
{{ item.phonePrefix + " " + item.countryName }}
</div>
</template> </template>
</el-autocomplete> </el-autocomplete>
<el-select <el-select
@ -157,10 +157,9 @@
> >
搜索 搜索
</el-button> </el-button>
<el-checkbox <el-checkbox v-model="showAllCondition" class="filter-item"
v-model="showAllCondition" >显示所有条件</el-checkbox
class="filter-item" >
>显示所有条件</el-checkbox>
<el-button <el-button
v-if="buttonPermissions.includes('props:config:sales:total')" v-if="buttonPermissions.includes('props:config:sales:total')"
class="filter-item" class="filter-item"
@ -219,7 +218,11 @@
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="salaryDiamondBalance" label="工资钻石余额" align="center"> <el-table-column
prop="salaryDiamondBalance"
label="工资钻石余额"
align="center"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-link <el-link
v-if="buttonPermissions.includes('user:table:query:gold')" v-if="buttonPermissions.includes('user:table:query:gold')"
@ -331,22 +334,26 @@
<el-dropdown-item <el-dropdown-item
v-if="buttonPermissions.includes('user:table:query:details')" v-if="buttonPermissions.includes('user:table:query:details')"
@click.native="queryUserDetails(scope.row)" @click.native="queryUserDetails(scope.row)"
>资料详情</el-dropdown-item> >资料详情</el-dropdown-item
>
<el-dropdown-item <el-dropdown-item
v-if="buttonPermissions.includes('user:table:edit')" v-if="buttonPermissions.includes('user:table:edit')"
@click.native="editUserForm(scope.row)" @click.native="editUserForm(scope.row)"
>编辑用户</el-dropdown-item> >编辑用户</el-dropdown-item
>
<el-dropdown-item <el-dropdown-item
v-if="buttonPermissions.includes('user:table:query:gold')" v-if="buttonPermissions.includes('user:table:query:gold')"
@click.native="handleRunningWater(scope.row)" @click.native="handleRunningWater(scope.row)"
>金币收支</el-dropdown-item> >金币收支</el-dropdown-item
>
<el-dropdown-item <el-dropdown-item
v-if=" v-if="
buttonPermissions.includes('user:table:query:violation') buttonPermissions.includes('user:table:query:violation')
" "
@click.native="clickViolationTableVisible(scope.row)" @click.native="clickViolationTableVisible(scope.row)"
>违规记录</el-dropdown-item> >违规记录</el-dropdown-item
>
<el-dropdown-item <el-dropdown-item
v-if=" v-if="
@ -355,7 +362,8 @@
) )
" "
@click.native="accountHanle(scope.row)" @click.native="accountHanle(scope.row)"
>账号处理</el-dropdown-item> >账号处理</el-dropdown-item
>
<el-dropdown-item <el-dropdown-item
v-if=" v-if="
buttonPermissions.includes( buttonPermissions.includes(
@ -363,32 +371,37 @@
) )
" "
@click.native="accountStatus(scope.row)" @click.native="accountStatus(scope.row)"
>账号处理记录</el-dropdown-item> >账号处理记录</el-dropdown-item
>
<el-dropdown-item <el-dropdown-item
v-if=" v-if="
buttonPermissions.includes('user:table:edit:reward:gold') buttonPermissions.includes('user:table:edit:reward:gold')
" "
@click.native="editUserGoldCoinRewardForm(scope.row)" @click.native="editUserGoldCoinRewardForm(scope.row)"
>金币奖励</el-dropdown-item> >金币奖励</el-dropdown-item
>
<el-dropdown-item <el-dropdown-item
v-if=" v-if="
buttonPermissions.includes('user:table:edit:deduction:gold') buttonPermissions.includes('user:table:edit:deduction:gold')
" "
@click.native="editUserGoldCoinDeductionForm(scope.row)" @click.native="editUserGoldCoinDeductionForm(scope.row)"
>金币扣除</el-dropdown-item> >金币扣除</el-dropdown-item
>
<el-dropdown-item <el-dropdown-item
v-if=" v-if="
buttonPermissions.includes('user:table:edit:reward:gold') buttonPermissions.includes('user:table:edit:reward:gold')
" "
@click.native="editUserDiamondRewardForm(scope.row)" @click.native="editUserDiamondRewardForm(scope.row)"
>钻石奖励</el-dropdown-item> >钻石奖励</el-dropdown-item
>
<el-dropdown-item <el-dropdown-item
v-if=" v-if="
buttonPermissions.includes('user:table:edit:deduction:gold') buttonPermissions.includes('user:table:edit:deduction:gold')
" "
@click.native="editUserDiamondDeductionForm(scope.row)" @click.native="editUserDiamondDeductionForm(scope.row)"
>钻石扣除</el-dropdown-item> >钻石扣除</el-dropdown-item
>
<!-- <el-dropdown-item <!-- <el-dropdown-item
v-if=" v-if="
buttonPermissions.includes( buttonPermissions.includes(
@ -412,21 +425,25 @@
buttonPermissions.includes('user:table:add:otherRecharge') buttonPermissions.includes('user:table:add:otherRecharge')
" "
@click.native="addOtherRecharge(scope.row)" @click.native="addOtherRecharge(scope.row)"
>添加充值记录</el-dropdown-item> >添加充值记录</el-dropdown-item
>
<el-dropdown-item <el-dropdown-item
v-if=" v-if="
buttonPermissions.includes('user:table:query:otherRecharge') buttonPermissions.includes('user:table:query:otherRecharge')
" "
@click.native="addOtherRechargeDialog(scope.row)" @click.native="addOtherRechargeDialog(scope.row)"
>线下充值记录</el-dropdown-item> >线下充值记录</el-dropdown-item
>
<el-dropdown-item <el-dropdown-item
v-if="buttonPermissions.includes('user:table:auth:info')" v-if="buttonPermissions.includes('user:table:auth:info')"
@click.native="handleUserAuthForm(scope.row)" @click.native="handleUserAuthForm(scope.row)"
>认证信息</el-dropdown-item> >认证信息</el-dropdown-item
>
<el-dropdown-item <el-dropdown-item
v-if="buttonPermissions.includes('user:table:edit:bankCard')" v-if="buttonPermissions.includes('user:table:edit:bankCard')"
@click.native="handleBankCard(scope.row)" @click.native="handleBankCard(scope.row)"
>银行卡</el-dropdown-item> >银行卡</el-dropdown-item
>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</template> </template>
@ -434,10 +451,10 @@
</el-table> </el-table>
<pagination <pagination
:total="9999999999999999999" :total="total"
:page.sync="listQuery.pageIndex" :page.sync="listQuery.pageIndex"
:limit.sync="listQuery.pageSize" :limit.sync="listQuery.pageSize"
layout="prev,next,sizes" layout="prev,pager,next,sizes"
@pagination="renderData" @pagination="renderData"
/> />
@ -569,7 +586,7 @@
</div> </div>
<user-registration-overview-charts-dialog <user-registration-overview-charts-dialog
v-if="UserRegistrationOverviewChartsDialogVisible" v-if="UserRegistrationOverviewChartsDialogVisible"
@close="UserRegistrationOverviewChartsDialogVisible=false" @close="UserRegistrationOverviewChartsDialogVisible = false"
/> />
<div <div
v-else v-else
@ -585,36 +602,36 @@
</template> </template>
<script> <script>
import { getUserTable } from '@/api/app-user' import { getUserTable } from "@/api/app-user";
import { registerOrigins, originPlatforms } from '@/constant/origin' import { registerOrigins, originPlatforms } from "@/constant/origin";
import { genders, userTypes } from '@/constant/user' import { genders, userTypes } from "@/constant/user";
import Pagination from '@/components/Pagination' import Pagination from "@/components/Pagination";
import PlatformSvgIcon from '@/components/PlatformSvgIcon' import PlatformSvgIcon from "@/components/PlatformSvgIcon";
import GoldRunningWaterDialog from '@/components/data/GoldRunningWaterDialog' import GoldRunningWaterDialog from "@/components/data/GoldRunningWaterDialog";
import DiamondRunningWaterDialog from '@/components/data/DiamondRunningWaterDialog' import DiamondRunningWaterDialog from "@/components/data/DiamondRunningWaterDialog";
import DiamondSalaryRunningWaterDialog from '@/components/data/DiamondSalaryRunningWaterDialog' import DiamondSalaryRunningWaterDialog from "@/components/data/DiamondSalaryRunningWaterDialog";
import AccountHanle from '@/components/data/AccountHanle' import AccountHanle from "@/components/data/AccountHanle";
import UserVideoViolationTableDialog from '@/components/data/UserVideoViolationTableDialog' import UserVideoViolationTableDialog from "@/components/data/UserVideoViolationTableDialog";
import EditUserForm from '@/components/data/EditUserForm' import EditUserForm from "@/components/data/EditUserForm";
import EditUserGoldCoinDeductionForm from '@/components/data/EditUserGoldCoinDeductionForm' import EditUserGoldCoinDeductionForm from "@/components/data/EditUserGoldCoinDeductionForm";
import EditUserGoldCoinRewardForm from '@/components/data/EditUserGoldCoinRewardForm' import EditUserGoldCoinRewardForm from "@/components/data/EditUserGoldCoinRewardForm";
import EditUserDiamondDeductionForm from '@/components/data/EditDiamondCoinDeductionForm' import EditUserDiamondDeductionForm from "@/components/data/EditDiamondCoinDeductionForm";
import EditUserDiamondRewardForm from '@/components/data/EditUserDiamondRewardForm' import EditUserDiamondRewardForm from "@/components/data/EditUserDiamondRewardForm";
import EditUserGameCouponRewardForm from '@/components/data/EditUserGameCouponRewardForm' import EditUserGameCouponRewardForm from "@/components/data/EditUserGameCouponRewardForm";
import EditUserGameCouponDeductionForm from '@/components/data/EditUserGameCouponDeductionForm' import EditUserGameCouponDeductionForm from "@/components/data/EditUserGameCouponDeductionForm";
import UserAccountStatusLogDrawer from '@/components/data/UserAccountStatusLogDrawer' import UserAccountStatusLogDrawer from "@/components/data/UserAccountStatusLogDrawer";
import AddOtherRecharge from '@/components/data/AddOtherRecharge' import AddOtherRecharge from "@/components/data/AddOtherRecharge";
import AddOtherRechargeDialog from '@/components/data/AddOtherRechargeDialog' import AddOtherRechargeDialog from "@/components/data/AddOtherRechargeDialog";
import UserAuthForm from '@/components/data/UserAuthForm' import UserAuthForm from "@/components/data/UserAuthForm";
import BankCardDrawer from '@/components/data/UserInfo/BankCardDrawer' import BankCardDrawer from "@/components/data/UserInfo/BankCardDrawer";
import UserRegistrationOverviewChartsDialog from '@/components/data/UserRegistrationOverviewCharts/dialog' import UserRegistrationOverviewChartsDialog from "@/components/data/UserRegistrationOverviewCharts/dialog";
import { copyText } from '@/utils' import { copyText } from "@/utils";
import { pickerOptions } from '@/constant/el-const' import { pickerOptions } from "@/constant/el-const";
import { mapGetters } from 'vuex' import { mapGetters } from "vuex";
import { getCountryAlls } from '@/api/sys' import { getCountryAlls } from "@/api/sys";
export default { export default {
name: 'AppUserTable', name: "AppUserTable",
components: { components: {
Pagination, Pagination,
GoldRunningWaterDialog, GoldRunningWaterDialog,
@ -648,25 +665,25 @@ export default {
userAuthFormVisible: false, userAuthFormVisible: false,
pickerOptions, pickerOptions,
thisRow: {}, thisRow: {},
countryCodeStr: '', countryCodeStr: "",
level: 0, level: 0,
marks: { marks: {
0: 'L0', 0: "L0",
1: 'L1', 1: "L1",
2: 'L2', 2: "L2",
3: { 3: {
style: { style: {
color: '#1989FA', color: "#1989FA",
width: '20px' width: "20px"
}, },
label: this.$createElement('strong', 'L3') label: this.$createElement("strong", "L3")
} }
}, },
levelSubmitLoading: false, levelSubmitLoading: false,
accountHandleVisible: false, accountHandleVisible: false,
accountStatusLogTable: false, accountStatusLogTable: false,
userDeatilsDrawer: false, userDeatilsDrawer: false,
thatSelectedUserId: '', thatSelectedUserId: "",
candyDialogVisible: false, candyDialogVisible: false,
diamondDialogVisible: false, diamondDialogVisible: false,
diamondSalaryDialogVisible: false, diamondSalaryDialogVisible: false,
@ -688,33 +705,33 @@ export default {
pageIndex: 1, pageIndex: 1,
pageSize: 20, pageSize: 20,
userIds: [], userIds: [],
countryCode: '', countryCode: "",
authType: '', authType: "",
originPlatform: '', originPlatform: "",
originPhoneModel: '', originPhoneModel: "",
userSex: '', userSex: "",
userType: '', userType: "",
startTime: '', startTime: "",
endTime: '', endTime: "",
startCreateDate: '', startCreateDate: "",
endCreateDate: '', endCreateDate: "",
del: '0', del: "0",
account: '', account: "",
sysOrigins: [], sysOrigins: [],
deviceId: '' deviceId: ""
}, },
allCountryList: [], allCountryList: [],
rangeDate: '', rangeDate: "",
listLoading: true, listLoading: true,
searchLoading: false, searchLoading: false,
clickUserId: '' clickUserId: ""
} };
}, },
computed: { computed: {
...mapGetters([ ...mapGetters([
'buttonPermissions', "buttonPermissions",
'permissionsSysOriginPlatforms', "permissionsSysOriginPlatforms",
'permissionsSysOriginPlatformAlls' "permissionsSysOriginPlatformAlls"
]) ])
}, },
watch: { watch: {
@ -723,273 +740,295 @@ export default {
deep: true, deep: true,
handler(newVal) { handler(newVal) {
if (newVal && newVal.length > 0) { if (newVal && newVal.length > 0) {
this.listQuery.startCreateDate = newVal[0] this.listQuery.startCreateDate = newVal[0];
this.listQuery.endCreateDate = newVal[1] this.listQuery.endCreateDate = newVal[1];
return return;
} }
this.listQuery.startCreateDate = '' this.listQuery.startCreateDate = "";
this.listQuery.endCreateDate = '' this.listQuery.endCreateDate = "";
} }
} }
}, },
created() { created() {
const that = this const that = this;
const querySystem = this.permissionsSysOriginPlatforms[0] const querySystem = this.permissionsSysOriginPlatforms[0];
if (!querySystem) { if (!querySystem) {
return return;
} }
that.listQuery.sysOrigins = [querySystem.value] that.listQuery.sysOrigins = [querySystem.value];
that.listQuery.account = 'aaaaa' that.listQuery.account = "aaaaa";
that.renderData(true) that.renderData(true);
// that.loadCountryAlls() // that.loadCountryAlls()
setTimeout(() => { setTimeout(() => {
that.permissionValidationLoading = false that.permissionValidationLoading = false;
}, 3 * 1000) }, 3 * 1000);
}, },
methods: { methods: {
renderData(isReset) { renderData(isReset) {
const that = this const that = this;
if (isReset === true) { if (isReset === true) {
that.listQuery.pageIndex = 1 that.listQuery.pageIndex = 1;
that.list = [] that.list = [];
} }
that.listLoading = true that.listLoading = true;
that.listQuery.userIds = that.listQuery.userIds.filter(item => item) that.listQuery.userIds = that.listQuery.userIds.filter(item => item);
that.listQuery.sysOrigins = that.listQuery.sysOrigins =
that.listQuery.sysOrigins && that.listQuery.sysOrigins.length > 0 that.listQuery.sysOrigins && that.listQuery.sysOrigins.length > 0
? that.listQuery.sysOrigins ? that.listQuery.sysOrigins
: that.permissionsSysOriginPlatformAlls.map(item => item.value) : that.permissionsSysOriginPlatformAlls.map(item => item.value);
that.listQuery.account = that.listQuery.account.length > 0 that.listQuery.account =
? that.listQuery.account that.listQuery.account.length > 0 ? that.listQuery.account : "aaaaa";
: 'aaaaa'
getUserTable(that.listQuery) getUserTable(that.listQuery)
.then(res => { .then(res => {
const { body } = res const { body } = res;
that.list = body || [] that.total = body.total || 0;
that.searchLoading = that.listLoading = false that.list = body.records || [];
that.searchLoading = that.listLoading = false;
}) })
.catch(er => { .catch(er => {
that.searchLoading = that.listLoading = false that.searchLoading = that.listLoading = false;
}) });
}, },
handleSearch() { handleSearch() {
this.searchLoading = true this.searchLoading = true;
this.renderData(true) this.renderData(true);
}, },
querySearch(queryString, cb) { querySearch(queryString, cb) {
var restaurants = this.allCountryList var restaurants = this.allCountryList;
var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants var results = queryString
? restaurants.filter(this.createFilter(queryString))
: restaurants;
// 调用 callback 返回建议列表的数据 // 调用 callback 返回建议列表的数据
cb(results) cb(results);
}, },
createFilter(queryString) { createFilter(queryString) {
return (restaurant) => { return restaurant => {
if (restaurant.alphaTwo.toLowerCase().indexOf(queryString.toLowerCase()) === 0) { if (
return true restaurant.alphaTwo
.toLowerCase()
.indexOf(queryString.toLowerCase()) === 0
) {
return true;
} }
if (restaurant.alphaThree.toLowerCase().indexOf(queryString.toLowerCase()) === 0) { if (
return true restaurant.alphaThree
.toLowerCase()
.indexOf(queryString.toLowerCase()) === 0
) {
return true;
} }
if (restaurant.countryName.toLowerCase().indexOf(queryString.toLowerCase()) === 0) { if (
return true restaurant.countryName
.toLowerCase()
.indexOf(queryString.toLowerCase()) === 0
) {
return true;
} }
if (restaurant.aliasName.toLowerCase().indexOf(queryString.toLowerCase()) === 0) { if (
return true restaurant.aliasName
} .toLowerCase()
return (String(restaurant.phonePrefix).indexOf(queryString.toLowerCase()) === 0) .indexOf(queryString.toLowerCase()) === 0
) {
return true;
} }
return (
String(restaurant.phonePrefix).indexOf(queryString.toLowerCase()) ===
0
);
};
}, },
handleDelCountryCodeClick() { handleDelCountryCodeClick() {
this.listQuery.countryCode = '' this.listQuery.countryCode = "";
this.countryCodeStr = '' this.countryCodeStr = "";
this.handleSearch() this.handleSearch();
}, },
handleCountryCodeClick(item) { handleCountryCodeClick(item) {
this.listQuery.countryCode = item.alphaTwo this.listQuery.countryCode = item.alphaTwo;
this.countryCodeStr = item.phonePrefix + ' ' + item.countryName this.countryCodeStr = item.phonePrefix + " " + item.countryName;
this.handleSearch() this.handleSearch();
}, },
loadCountryAlls() { loadCountryAlls() {
const that = this const that = this;
getCountryAlls().then(res => { getCountryAlls()
that.allCountryList = res.result || {} .then(res => {
}).catch(er => { that.allCountryList = res.result || {};
}) })
.catch(er => {});
}, },
getAccountText(userInfo) { getAccountText(userInfo) {
if (!userInfo) { if (!userInfo) {
return '' return "";
} }
const account = userInfo.account const account = userInfo.account;
if (userInfo.ownSpecialId && userInfo.ownSpecialId.account) { if (userInfo.ownSpecialId && userInfo.ownSpecialId.account) {
return `${account} / ${userInfo.ownSpecialId.account}靓` return `${account} / ${userInfo.ownSpecialId.account}靓`;
} }
return account return account;
}, },
queryUserDetails(row) { queryUserDetails(row) {
this.thatSelectedUserId = row.id this.thatSelectedUserId = row.id;
this.userDeatilsDrawer = true this.userDeatilsDrawer = true;
}, },
handleEidt(row) {}, handleEidt(row) {},
editUserForm(item) { editUserForm(item) {
this.thatSelectedUserId = item.id this.thatSelectedUserId = item.id;
this.editUserFormVisible = true this.editUserFormVisible = true;
}, },
editUserGoldCoinDeductionForm(item) { editUserGoldCoinDeductionForm(item) {
this.thatSelectedUserId = item.id this.thatSelectedUserId = item.id;
this.editUserGoldCoinDeductionFormVisible = true this.editUserGoldCoinDeductionFormVisible = true;
}, },
editUserGoldCoinRewardForm(item) { editUserGoldCoinRewardForm(item) {
this.thatSelectedUserId = item.id this.thatSelectedUserId = item.id;
this.editUserGoldCoinRewardFormVisible = true this.editUserGoldCoinRewardFormVisible = true;
}, },
editUserDiamondDeductionForm(item) { editUserDiamondDeductionForm(item) {
this.thatSelectedUserId = item.id this.thatSelectedUserId = item.id;
this.editUserDiamondDeductionFormVisible = true this.editUserDiamondDeductionFormVisible = true;
}, },
editUserDiamondRewardForm(item) { editUserDiamondRewardForm(item) {
this.thatSelectedUserId = item.id this.thatSelectedUserId = item.id;
this.editUserDiamondRewardFormVisible = true this.editUserDiamondRewardFormVisible = true;
}, },
editUserGameCouponRewardForm(item) { editUserGameCouponRewardForm(item) {
this.thatSelectedUserId = item.id this.thatSelectedUserId = item.id;
this.editUserGameCouponRewardFormVisible = true this.editUserGameCouponRewardFormVisible = true;
}, },
editUserGameCouponDeductionForm(item) { editUserGameCouponDeductionForm(item) {
this.thatSelectedUserId = item.id this.thatSelectedUserId = item.id;
this.editUserGameCouponDeductionFormVisible = true this.editUserGameCouponDeductionFormVisible = true;
}, },
handleBankCard(item) { handleBankCard(item) {
this.thisRow = item this.thisRow = item;
this.bankCardVisible = true this.bankCardVisible = true;
}, },
addOtherRecharge(item) { addOtherRecharge(item) {
this.thisRow = item this.thisRow = item;
this.thatSelectedUserId = item.id this.thatSelectedUserId = item.id;
this.otherRechargeVisible = true this.otherRechargeVisible = true;
}, },
addOtherRechargeDialog(item) { addOtherRechargeDialog(item) {
this.thisRow = item this.thisRow = item;
this.thatSelectedUserId = item.id this.thatSelectedUserId = item.id;
this.otherRechargeDialogVisible = true this.otherRechargeDialogVisible = true;
}, },
otherRechargeSuccess() { otherRechargeSuccess() {
this.otherRechargeVisible = false this.otherRechargeVisible = false;
this.$opsMessage.success() this.$opsMessage.success();
}, },
accountHandleSuccess(data) { accountHandleSuccess(data) {
this.$opsMessage.success() this.$opsMessage.success();
// this.renderData() // this.renderData()
}, },
accountHanle(row) { accountHanle(row) {
this.thatSelectedUserId = row.id this.thatSelectedUserId = row.id;
this.accountHandleVisible = true this.accountHandleVisible = true;
}, },
accountStatus(item) { accountStatus(item) {
this.thisRow = item this.thisRow = item;
this.accountStatusLogTable = true this.accountStatusLogTable = true;
}, },
handleRunningWater(row) { handleRunningWater(row) {
this.clickUserId = row.id this.clickUserId = row.id;
this.candyDialogVisible = true this.candyDialogVisible = true;
}, },
handleDiamondRunningWater(row) { handleDiamondRunningWater(row) {
this.clickUserId = row.id this.clickUserId = row.id;
this.diamondDialogVisible = true this.diamondDialogVisible = true;
}, },
handleDiamondSalaryRunningWater(row) { handleDiamondSalaryRunningWater(row) {
this.clickUserId = row.id this.clickUserId = row.id;
this.diamondSalaryDialogVisible = true this.diamondSalaryDialogVisible = true;
}, },
handleUserAuthForm(row) { handleUserAuthForm(row) {
this.thatSelectedUserId = row.id this.thatSelectedUserId = row.id;
this.userAuthFormVisible = true this.userAuthFormVisible = true;
}, },
clickViolationTableVisible(row) { clickViolationTableVisible(row) {
this.thisRow = row this.thisRow = row;
this.violationTableVisible = true this.violationTableVisible = true;
}, },
copyTextContent(text) { copyTextContent(text) {
const that = this const that = this;
copyText(text) copyText(text)
.then(() => { .then(() => {
that.$message({ that.$message({
message: '复制成功', message: "复制成功",
type: 'success' type: "success"
}) });
}) })
.catch(() => { .catch(() => {
that.$message({ that.$message({
message: '复制失败', message: "复制失败",
type: 'error' type: "error"
}) });
}) });
}, },
originText(row) { originText(row) {
const texts = [] const texts = [];
if (!row.userRegisterInfo) { if (!row.userRegisterInfo) {
return '' return "";
} }
const userRegisterInfo = row.userRegisterInfo const userRegisterInfo = row.userRegisterInfo;
if (userRegisterInfo.originPlatform) { if (userRegisterInfo.originPlatform) {
texts.push(userRegisterInfo.originPlatform) texts.push(userRegisterInfo.originPlatform);
} }
if (userRegisterInfo.originPhoneModel) { if (userRegisterInfo.originPhoneModel) {
texts.push(userRegisterInfo.originPhoneModel) texts.push(userRegisterInfo.originPhoneModel);
} }
return texts.join('，') return texts.join("，");
}, },
renderDataSuccess() { renderDataSuccess() {
this.$message({ this.$message({
message: 'Successful', message: "Successful",
type: 'success' type: "success"
}) });
this.renderData() this.renderData();
}, },
handleMouseEnter(row) { handleMouseEnter(row) {
this.thisRow = row this.thisRow = row;
this.thatSelectedUserId = row.id this.thatSelectedUserId = row.id;
}, },
getLevelName(gender, level) { getLevelName(gender, level) {
if (gender !== 0) { if (gender !== 0) {
return '-' return "-";
} }
if (level === -1) { if (level === -1) {
return 'L-1' return "L-1";
} }
return `L${level}` return `L${level}`;
}, },
handleUserSexChange(value) { handleUserSexChange(value) {
if (value === 0) { if (value === 0) {
this.listQuery.maleLevel = '' this.listQuery.maleLevel = "";
return return;
} }
if (value === 1) { if (value === 1) {
this.listQuery.level = '' this.listQuery.level = "";
return return;
} }
this.listQuery.maleLevel = '' this.listQuery.maleLevel = "";
this.listQuery.level = '' this.listQuery.level = "";
}, },
getAccountStatusFontColor(user) { getAccountStatusFontColor(user) {
if (!user || !user.actualAccountStatus) { if (!user || !user.actualAccountStatus) {
return 'info' return "info";
} }
if (user.actualAccountStatus === 'NORMAL') { if (user.actualAccountStatus === "NORMAL") {
return 'font-success' return "font-success";
} }
if (user.actualAccountStatus === 'FREEZE') { if (user.actualAccountStatus === "FREEZE") {
return 'font-warning' return "font-warning";
} }
return 'font-danger' return "font-danger";
}, },
clickUserRegistrationOverview() { clickUserRegistrationOverview() {
this.UserRegistrationOverviewChartsDialogVisible = true this.UserRegistrationOverviewChartsDialogVisible = true;
} }
} }
} };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.this-level { .this-level {

7
src/views/user/user-table/index.vue
View File

@ -540,10 +540,10 @@
<!-- 分页 --> <!-- 分页 -->
<pagination <pagination
:total="9999999999999999999" :total="total"
:page.sync="listQuery.pageIndex" :page.sync="listQuery.pageIndex"
:limit.sync="listQuery.pageSize" :limit.sync="listQuery.pageSize"
layout="prev,next,sizes" layout="prev,pager,next,sizes"
@pagination="renderData" @pagination="renderData"
/> />
@ -926,7 +926,8 @@ export default {
getUserTable(that.listQuery) getUserTable(that.listQuery)
.then(res => { .then(res => {
const { body } = res; const { body } = res;
that.list = body || []; that.total = body.total || 0;
that.list = body.records || [];
that.searchLoading = that.listLoading = false; that.searchLoading = that.listLoading = false;
}) })
.catch(er => { .catch(er => {