From 417c8c4716f8dab251c9877665f256c1be58acbb Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Fri, 11 Oct 2024 17:20:16 +0800
Subject: [PATCH] 11
---
src/views/userlist/index.vue | 188 +++++++++++++++++++++++++++++++++-------------
1 files changed, 134 insertions(+), 54 deletions(-)
diff --git a/src/views/userlist/index.vue b/src/views/userlist/index.vue
index 358408c..6d97163 100644
--- a/src/views/userlist/index.vue
+++ b/src/views/userlist/index.vue
@@ -5,6 +5,34 @@
<a-form layout="inline">
<a-row :gutter="48">
<a-col :md="12" :lg="6" :sm="24">
+ <a-form-item label="交易状态">
+ <a-select v-model="queryParam.isLock" placeholder="请选择交易状态" :default-value="{ key: '0' }">
+ <a-select-option :value="0">可交易</a-select-option>
+ <a-select-option :value="1">不可交易</a-select-option>
+ </a-select>
+ </a-form-item>
+ </a-col>
+ <a-col :md="12" :lg="6" :sm="24">
+ <a-form-item label="登录状态">
+ <a-select v-model="queryParam.isLogin" placeholder="请选择登录状态" :default-value="{ key: '0' }">
+ <a-select-option :value="0">可登录</a-select-option>
+ <a-select-option :value="1">不可登录</a-select-option>
+ </a-select>
+ </a-form-item>
+ </a-col>
+ <a-col :md="12" :lg="6" :sm="24">
+ <a-form-item label="注册时间">
+ <a-date-picker
+ show-time
+ style="width: 50%"
+ @change="getregTime"
+ v-model="regTime"
+ format="YYYY-MM-DD HH:mm:ss"
+ >
+ </a-date-picker>
+ </a-form-item>
+ </a-col>
+ <a-col :md="12" :lg="6" :sm="24">
<a-form-item label="用户筛选">
<a-select v-model="queryParam.accountType" placeholder="请选择用户类型" :default-value="{ key: '0' }">
<a-select-option :value="0">真实用户</a-select-option>
@@ -12,15 +40,21 @@
</a-select>
</a-form-item>
</a-col>
+ <a-col :md="12" :lg="6" :sm="24">
+ <a-form-item label="实名状态">
+ <a-select v-model="queryParam.isActive" placeholder="请选择实名状态" :default-value="{ key: '0' }">
+ <a-select-option :value="0">未实名</a-select-option>
+ <a-select-option :value="2">已实名</a-select-option>
+ <a-select-option :value="3">被驳回</a-select-option>
+ </a-select>
+ </a-form-item>
+ </a-col>
<a-col :md="12" :lg="6" :sm="24">
<a-form-item label="下级代理">
<a-select v-model="queryParam.agentId" placeholder="请选择下级代理">
- <a-select-option
- v-for="(item, index) in agentlist"
- :key="index"
- :value="item.id"
- >{{ item.agentName }}
+ <a-select-option v-for="(item, index) in agentlist" :key="index" :value="item.id"
+ >{{ item.agentName }}
</a-select-option>
</a-select>
</a-form-item>
@@ -48,14 +82,14 @@
icon="search"
style="margin-left: 8px"
@click=";(queryParam.pageNum = 1), (pagination.current = 1), getuserList()"
- >查询</a-button
+ >查询</a-button
>
<a-button
type="primary"
icon="plus"
style="margin-left: 8px"
@click="$refs.adduserdialog.addUserdialog = true"
- >添加账户</a-button
+ >添加账户</a-button
>
</span>
</a-form-item>
@@ -73,6 +107,7 @@
:columns="columns"
:data-source="dataList"
rowKey="phone"
+ :scroll="{ x: 2800 }"
>
<span slot="agentName" slot-scope="text, record">
<template>
@@ -107,13 +142,13 @@
currentDetails = record
$refs.detailuserdialog.userDialog = true
"
- >用户详情</a
+ >用户详情</a
>
<a-divider type="vertical" />
<a slot="action" href="javascript:;" @click="$refs.EditUserinfodialog.getEditorder(record)">编辑</a>
<a-divider type="vertical" />
- <a slot="action" href="javascript:;" @click="$refs.editUserbankdialog.getbankinfo(record)">银行卡</a>
- <a-divider type="vertical" />
+<!-- <a slot="action" href="javascript:;" @click="$refs.editUserbankdialog.getbankinfo(record)">银行卡</a>
+ <a-divider type="vertical" /> -->
<a slot="action" href="javascript:;" @click="getMoneyzj(record)">资金</a>
<a-divider type="vertical" />
<a
@@ -123,7 +158,7 @@
currentDetails = record
$refs.audituserdialog.userDialog = true
"
- >实名审核</a
+ >实名审核</a
>
<a-divider type="vertical" />
<a slot="action" href="javascript:;" @click="getDeluser(record)">删除</a>
@@ -159,74 +194,101 @@
EditUserinfodialog,
editUserbankdialog,
editCapitaluserdialog,
- audituserdialog
+ audituserdialog,
},
- data () {
+ data() {
return {
+ regTime:'',
queryParam: {
agentId: undefined,
realName: '',
+ isLock:'',
+ isLogin:'',
+ isActive:'',
phone: '',
+ regTime:'',
pageNum: 1,
pageSize: 10,
- accountType: 0
+ accountType: 0,
},
labelCol: {
xs: { span: 24 },
- sm: { span: 7 }
+ sm: { span: 7 },
},
wrapperCol: {
xs: { span: 24 },
- sm: { span: 13 }
+ sm: { span: 13 },
},
columns: [
{
title: '用户ID',
dataIndex: 'id',
- align: 'center'
+ align: 'center',
},
{
title: '所属代理（Id）',
scopedSlots: { customRender: 'agentName' },
- align: 'center'
+ align: 'center',
},
{
- title: '手机号',
+ title: '账号',
dataIndex: 'phone',
- align: 'center'
+ align: 'center',
+ },
+ {
+ title: '待补资金',
+ dataIndex: 'amountToBeCovered',
+ align: 'center',
+ },
+ {
+ title: '总资产',
+ dataIndex: 'totalMoney',
+ align: 'center',
+ },
+ {
+ title: '可用余额',
+ dataIndex: 'availableBalance',
+ align: 'center',
+ },
+ {
+ title: '冻结金额',
+ dataIndex: 'freezeMoney',
+ align: 'center',
},
{
title: '真实姓名',
dataIndex: 'realName',
- align: 'center'
+ align: 'center',
},
{
- title: '总资金',
- dataIndex: 'userAmt',
+ title: '资金使用百分比',
+ dataIndex: 'fundRatio',
align: 'center',
- customRender: (text, row, index) => {
- return text.toFixed(2)
- }
},
+ // {
+ // title: '杠杠',
+ // dataIndex: 'lever',
+ // align: 'center',
+ // },
{
title: '认证信息',
dataIndex: 'isActive',
align: 'center',
customRender: (text, row, index) => {
return text == 0 ? '待认证' : text == 1 ? '待审核' : text == 2 ? '认证成功' : text == 3 ? '驳回' : ''
- }
+ },
},
{
title: '交易状态',
dataIndex: 'isLock',
align: 'center',
- scopedSlots: { customRender: 'isLock' }
+ scopedSlots: { customRender: 'isLock' },
},
{
title: '登录状态',
dataIndex: 'isLogin',
align: 'center',
- scopedSlots: { customRender: 'isLogin' }
+ scopedSlots: { customRender: 'isLogin' },
},
{
title: '注册时间',
@@ -234,14 +296,22 @@
align: 'center',
customRender: (text, row, index) => {
return moment(text).format('YYYY-MM-DD HH:mm:ss')
- }
+ },
},
+ // {
+ // title: '操作',
+ // key: 'action',
+ // align: 'center',
+ // scopedSlots: { customRender: 'action' },
+ // },
{
title: '操作',
key: 'action',
align: 'center',
- scopedSlots: { customRender: 'action' }
- }
+ fixed: 'right',
+ width: 400,
+ scopedSlots: { customRender: 'action' },
+ },
], // 表头
dataList: [],
pagination: {
@@ -252,25 +322,28 @@
pageSizeOptions: ['10', '20', '50', '100'], // 每页中显示的数据
onShowSizeChange: (current, pageSize) => this.onSizeChange(current, pageSize), // 改变每页数量时更新显示
onChange: (page, pageSize) => this.onPageChange(page, pageSize), // 点击页码事件
- showTotal: (total) => `共有 ${total} 条数据` // 分页中显示总的数据
+ showTotal: (total) => `共有 ${total} 条数据`, // 分页中显示总的数据
},
loading: false,
agentqueryParam: {
pageNum: 1,
- pageSize: 100
+ pageSize: 100,
},
agentlist: [],
currentDetails: {},
- activeArr: []
+ activeArr: [],
}
},
- created () {
+ created() {
this.getuserList()
this.getagentlist()
},
methods: {
- getMoneyzj (record) {
+ getregTime(date, dateString) {
+ this.regTime = dateString
+ },
+ getMoneyzj(record) {
console.log(record.id)
getMoney({ userId: record.id }).then((res) => {
if (res.status === 0) {
@@ -281,47 +354,53 @@
})
},
- getDeluser (val) {
+ getDeluser(val) {
var that = this
this.$confirm({
title: '提示',
content: '确认删除该用户吗？此操作不可恢复，将删除该用户所有的充值、提现与持仓记录！',
- onOk () {
+ onOk() {
var data = {
- userId: val.id
+ userId: val.id,
}
userdelete(data).then((res) => {
if (res.status == 0) {
- that.$message.success({ content: res.msg, duration: 2 })
+ that.$message.success(res.msg)
that.getinit()
} else {
- that.$message.error({ content: res.msg })
+ that.$message.error(res.msg)
}
})
},
- onCancel () {
+ onCancel() {
console.log('Cancel')
- }
+ },
})
},
- getinit () {
+ getinit() {
this.queryParam = {
agentId: undefined,
realName: '',
+ isLock:'',
+ isLogin:'',
+ isActive:'',
phone: '',
+ regTime:'',
pageNum: 1,
pageSize: 10,
- accountType: 0
+ accountType: 0,
}
this.pagination.current = 1
+ this.regTime = ''
this.getuserList()
},
- geteditinit () {
+ geteditinit() {
this.getuserList()
},
- getuserList () {
+ getuserList() {
var that = this
this.loading = true
+ this.queryParam.regTime = this.regTime
usermanag(this.queryParam).then((res) => {
this.dataList = res.data.list
this.pagination.total = res.data.total
@@ -330,23 +409,24 @@
}, 500)
})
},
- getagentlist () {
+ getagentlist() {
nextagent(this.agentqueryParam).then((res) => {
this.agentlist = res.data.list
})
},
- onPageChange (page, pageSize) {
+ onPageChange(page, pageSize) {
this.queryParam.pageNum = page
this.pagination.current = page
this.getuserList()
},
- onSizeChange (current, pageSize) {
+ onSizeChange(current, pageSize) {
+ // console.log(current, pageSize)
this.queryParam.pageNum = current
- this.pagination.current = page
+ // this.pagination.current = page
this.queryParam.pageSize = pageSize
this.getuserList()
},
- handleTableChange () {}
- }
+ handleTableChange() {},
+ },
}
</script>
--
Gitblit v1.9.3