11

jhzh

2024-10-11 417c8c4716f8dab251c9877665f256c1be58acbb

 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>