| | |
| | | <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> |
| | |
| | | <a-input v-model="queryParam.phone" style="width: 100%" placeholder="请填写用户手机号" /> |
| | | </a-form-item> |
| | | </a-col> |
| | | |
| | | </a-row> |
| | | <a-row :gutter="48"> |
| | | <a-col :md="12" :lg="6" :sm="24"> |
| | | <a-form-item> |
| | | <span class="table-page-search-submitButtons"> |
| | | <a-button icon="redo" @click="() => this.queryParam = {}">重置</a-button> |
| | | <a-button icon="redo" @click="() => (this.queryParam = {})">重置</a-button> |
| | | <a-button |
| | | type="primary" |
| | | icon="search" |
| | | style="margin-left: 8px" |
| | | @click="queryParam.pageNum = 1, getuserList()">查询</a-button> |
| | | @click=";(queryParam.pageNum = 1), getuserList()" |
| | | >查询</a-button |
| | | > |
| | | <a-button |
| | | type="primary" |
| | | icon="plus" |
| | | style="margin-left: 8px" |
| | | @click="$refs.adduserdialog.addUserdialog = true">添加账户</a-button> |
| | | @click="$refs.adduserdialog.addUserdialog = true" |
| | | >添加账户</a-button |
| | | > |
| | | </span> |
| | | </a-form-item> |
| | | </a-col> |
| | |
| | | @change="handleTableChange" |
| | | :columns="columns" |
| | | :data-source="dataList" |
| | | rowKey="phone"> |
| | | <span slot="agentName" slot-scope="text,record"> |
| | | rowKey="phone" |
| | | > |
| | | <span slot="agentName" slot-scope="text, record"> |
| | | <template> |
| | | <div> |
| | | <span>{{ record.agentName }}({{ record.agentId }})</span> |
| | | </div> |
| | | </template> |
| | | </span> |
| | | <span slot="isLock" slot-scope="text,record"> |
| | | <span slot="isLock" slot-scope="text, record"> |
| | | <template> |
| | | <div> |
| | | <a-tag :color="record.isLock == 0 ? 'green' : 'red'">{{ record.isLock == 0 ? '可交易' : '不可交易' }}</a-tag> |
| | | <a-tag :color="record.isLock == 0 ? 'green' : 'red'">{{ |
| | | record.isLock == 0 ? '可交易' : '不可交易' |
| | | }}</a-tag> |
| | | </div> |
| | | </template> |
| | | </span> |
| | | <span slot="isLogin" slot-scope="text,record"> |
| | | <span slot="isLogin" slot-scope="text, record"> |
| | | <template> |
| | | <div> |
| | | <a-tag :color="record.isLogin == 0 ? 'green' : 'red'">{{ record.isLogin == 0 ? '可登陆' : '不可登陆' }}</a-tag> |
| | | <a-tag :color="record.isLogin == 0 ? 'green' : 'red'">{{ |
| | | record.isLogin == 0 ? '可登陆' : '不可登陆' |
| | | }}</a-tag> |
| | | </div> |
| | | </template> |
| | | </span> |
| | | <template slot="action" slot-scope="text,record"> |
| | | <template slot="action" slot-scope="text, record"> |
| | | <!-- currentDetails = record; $refs.detailuserdialog.userDialog = true --> |
| | | <a slot="action" href="javascript:;" @click="userInfo(record)">用户详情</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="currentDetails = record; $refs.detailuserdialog.userDialog = true">用户详情</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="currentDetails = record; $refs.audituserdialog.userDialog = true">实名审核</a> |
| | | @click=" |
| | | currentDetails = record |
| | | $refs.audituserdialog.userDialog = true |
| | | " |
| | | >实名审核</a |
| | | > |
| | | </template> |
| | | </a-table> |
| | | </a-card> |
| | |
| | | </page-header-wrapper> |
| | | </template> |
| | | <script> |
| | | import { agentuserlist, agentgetSecondAgent,agentgetAgentInfo } from '@/api/home' |
| | | import { agentuserlist, agentgetSecondAgent, agentgetAgentInfo, getMoney } from '@/api/home' |
| | | import adduserdialog from './components/adduserdialog' |
| | | import detailuserdialog from './components/detailuserdialog' |
| | | import EditUserinfodialog from './components/EditUserinfodialog' |
| | | import editUserbankdialog from './components/editUserbankdialog' |
| | | import audituserdialog from './components/audituserdialog' |
| | | import { async } from 'regenerator-runtime' |
| | | export default { |
| | | name: 'Agentlist', |
| | | components: { |
| | |
| | | detailuserdialog, |
| | | EditUserinfodialog, |
| | | editUserbankdialog, |
| | | audituserdialog |
| | | audituserdialog, |
| | | }, |
| | | data () { |
| | | data() { |
| | | return { |
| | | queryParam: { |
| | | agentId: undefined, |
| | |
| | | phone: '', |
| | | 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: '手机号', |
| | | dataIndex: 'phone', |
| | | align: 'center' |
| | | align: 'center', |
| | | }, |
| | | { |
| | | title: '真实姓名', |
| | | dataIndex: 'realName', |
| | | align: 'center' |
| | | align: 'center', |
| | | }, |
| | | { |
| | | title: '总资金', |
| | |
| | | align: 'center', |
| | | customRender: (text, row, index) => { |
| | | return text.toFixed(2) |
| | | } |
| | | }, |
| | | }, |
| | | { |
| | | title: '认证信息', |
| | |
| | | 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: '操作', |
| | | key: 'action', |
| | | align: 'center', |
| | | scopedSlots: { customRender: 'action' } |
| | | } |
| | | scopedSlots: { customRender: 'action' }, |
| | | }, |
| | | ], // 表头 |
| | | dataList: [], |
| | | pagination: { |
| | |
| | | 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: [], |
| | | userid:'', |
| | | currentDetails: {} |
| | | userid: '', |
| | | currentDetails: {}, |
| | | } |
| | | }, |
| | | created () { |
| | | created() { |
| | | this.getuserList() |
| | | this.getagentlist() |
| | | this.getagentuserinfo() |
| | | }, |
| | | methods: { |
| | | geteditinit () { |
| | | async userInfo(val) { |
| | | const res = await getMoney({ userId: val.id }) |
| | | if (res.success) { |
| | | res.data.map((item) => { |
| | | val[item.accectType] = item.totalMoney |
| | | val[item.accectType + 'sybol'] = item.symbolCode |
| | | }) |
| | | } |
| | | this.currentDetails = val |
| | | this.$refs.detailuserdialog.userDialog = true |
| | | }, |
| | | geteditinit() { |
| | | this.getuserList() |
| | | }, |
| | | getinit () { |
| | | getinit() { |
| | | this.queryParam = { |
| | | agentId: undefined, |
| | | realName: '', |
| | | phone: '', |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | accountType: 0 |
| | | accountType: 0, |
| | | } |
| | | this.getuserList() |
| | | }, |
| | | getuserList () { |
| | | getuserList() { |
| | | var that = this |
| | | this.loading = true |
| | | agentuserlist(this.queryParam).then(res => { |
| | | agentuserlist(this.queryParam).then((res) => { |
| | | this.dataList = res.data.list |
| | | this.pagination.total = res.data.total |
| | | setTimeout(() => { |
| | |
| | | }, 500) |
| | | }) |
| | | }, |
| | | getagentuserinfo () { |
| | | agentgetAgentInfo(this.agentqueryParam).then(res => { |
| | | console.log(res); |
| | | getagentuserinfo() { |
| | | agentgetAgentInfo(this.agentqueryParam).then((res) => { |
| | | console.log(res) |
| | | this.userid = res.data.id |
| | | }) |
| | | }, |
| | | getagentlist () { |
| | | agentgetSecondAgent(this.agentqueryParam).then(res => { |
| | | getagentlist() { |
| | | agentgetSecondAgent(this.agentqueryParam).then((res) => { |
| | | this.agentlist = res.data.list |
| | | }) |
| | | }, |
| | | onPageChange (page, pageSize) { |
| | | onPageChange(page, pageSize) { |
| | | this.queryParam.pageNum = page |
| | | this.getuserList() |
| | | }, |
| | | onSizeChange (current, pageSize) { |
| | | onSizeChange(current, pageSize) { |
| | | this.queryParam.pageNum = current |
| | | this.queryParam.pageSize = pageSize |
| | | this.getuserList() |
| | | }, |
| | | handleTableChange () { |
| | | |
| | | } |
| | | } |
| | | handleTableChange() {}, |
| | | }, |
| | | } |
| | | </script> |