zzzz
2024-04-09 a2399ad792d2e5209d5803dcb6845684bf3e2b96
src/views/userlist/index.vue
@@ -16,7 +16,8 @@
            <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>
@@ -33,23 +34,26 @@
                <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>
@@ -65,42 +69,50 @@
        @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>
@@ -112,12 +124,13 @@
  </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: {
@@ -125,9 +138,9 @@
    detailuserdialog,
    EditUserinfodialog,
    editUserbankdialog,
    audituserdialog
    audituserdialog,
  },
  data () {
  data() {
    return {
      queryParam: {
        agentId: undefined,
@@ -135,36 +148,36 @@
        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: '总资金',
@@ -172,7 +185,7 @@
          align: 'center',
          customRender: (text, row, index) => {
            return text.toFixed(2)
          }
          },
        },
        {
          title: '认证信息',
@@ -180,26 +193,26 @@
          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: {
@@ -209,42 +222,53 @@
        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(() => {
@@ -252,29 +276,27 @@
        }, 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>