换个code

dcc

2024-06-11 d2a6b6f9de0589ef3e74e37eb138fbee097673c1

 src/views/userlist/components/detailuserdialog.vue

@@ -1,7 +1,11 @@
<template>
  <div>
    <a-modal title="用户详情" :width="1000" :visible="userDialog" :footer="false" @cancel="userDialog = false">
      <a-descriptions bordered :title="currentDetails.realName ? currentDetails.realName : '未认证'" :column="{ xxl: 3, xl: 3, lg: 3, md: 3, sm: 2, xs: 1 }">
      <a-descriptions
        bordered
        :title="currentDetails.realName ? currentDetails.realName : '未认证'"
        :column="{ xxl: 3, xl: 3, lg: 3, md: 3, sm: 2, xs: 1 }"
      >
        <a-descriptions-item label="用户ID">
          {{ currentDetails.id ? currentDetails.id : '--' }}
        </a-descriptions-item>
@@ -35,6 +39,15 @@
        <a-descriptions-item label="注册ip">
          {{ currentDetails.regIp ? currentDetails.regIp : '--' }}
        </a-descriptions-item>
        <a-descriptions-item label="总资产">
          {{ moneyData.totalMoney ? moneyData.totalMoney : '--' }}
        </a-descriptions-item>
        <a-descriptions-item label="可用余额">
          {{ moneyData.availableBalance ? moneyData.availableBalance : '--' }}
        </a-descriptions-item>
        <a-descriptions-item label="冻结金额">
          {{ moneyData.freezeMoney ? moneyData.freezeMoney : '--' }}
        </a-descriptions-item>
        <a-descriptions-item label="注册地址">
          {{ currentDetails.regAddress ? currentDetails.regAddress : '--' }}
        </a-descriptions-item>
@@ -44,53 +57,87 @@
        <!-- <a-descriptions-item label="总资金(￥)">
          {{ Number(currentDetails.userAmt + currentDetails.userIndexAmt).toFixed(2) }}
        </a-descriptions-item> -->
        <a-descriptions-item label="印股总资金(￥)">
        <!-- <a-descriptions-item label="印股总资金(￥)">
          {{ currentDetails.userAmt ? currentDetails.userAmt : '0' }}
        </a-descriptions-item>
        <a-descriptions-item label="美股总资金(￥)">
          {{ currentDetails.userIndexAmt ? currentDetails.userIndexAmt : '0' }}
        </a-descriptions-item>
        </a-descriptions-item> -->
        <!-- <a-descriptions-item label="期货总资金(￥)">
                    {{ currentDetails.userFutAmt ? currentDetails.userFutAmt : '0' }}
                </a-descriptions-item> -->
        <a-descriptions-item label="印股可用资金(￥)">
        <!-- <a-descriptions-item label="印股可用资金(￥)">
          {{ currentDetails.enableAmt ? currentDetails.enableAmt : '0' }}
        </a-descriptions-item>
        <a-descriptions-item label="美股可用资金(￥)">
          {{ currentDetails.enableIndexAmt ? currentDetails.enableIndexAmt : '0' }}
        </a-descriptions-item>
        </a-descriptions-item> -->
        <!-- <a-descriptions-item label="期货可用资金(￥)">
                    {{ currentDetails.enableFutAmt ? currentDetails.enableFutAmt : '0' }}
                </a-descriptions-item> -->

        <a-descriptions-item label="身份证正面">
          <img :src="currentDetails.img2Key" alt="" style="width:140px;height: 70px;">
          <el-image
            style="width: 140px; height: 70px"
            :src="currentDetails.img1Key"
            :preview-src-list="[currentDetails.img1Key]"
          >
          </el-image>
        </a-descriptions-item>
        <a-descriptions-item label="身份证背面">
          <img :src="currentDetails.img1Key" alt="" style="width:140px;height: 70px;">
          <el-image
            style="width: 140px; height: 70px"
            :src="currentDetails.img2Key"
            :preview-src-list="[currentDetails.img2Key]"
          >
          </el-image>
        </a-descriptions-item>
        <a-descriptions-item label="手持身份证">
          <img :src="currentDetails.img3Key" alt="" style="width:140px;height: 70px;">
        </a-descriptions-item>
        <!-- <a-descriptions-item label="手持身份证">
          <img :src="currentDetails.img3Key" alt="" style="width: 140px; height: 70px" />
        </a-descriptions-item> -->
      </a-descriptions>
    </a-modal>
  </div>
</template>
<script>
export default {
    components: {},
    props: {
        currentDetails: {
            type: Object
        }
    },
    data () {
        return {
            userDialog: false
        }
    },
    methods: {
import { getMoney } from '@/api/home'

export default {
  components: {},
  props: {
    currentDetails: {
      type: Object,
    },
  },
  data() {
    return {
      userDialog: false,
      moneyData: {},
    }
  },
  watch: {
    userDialog(v) {
      if (v) {
        this.getMoneys()
      }
    },
  },
  mounted() {
    // this.getMoneys()
  },
  activated() {
    // this.getMoneys()
  },
  methods: {
    getMoneys() {
      getMoney({ userId: this.currentDetails.id }).then((res) => {
        if (res.status == 0) {
          console.log(res)
          let arr = res.data.filter((item) => item.accectType === 'IN')
          this.moneyData = arr[0] || {}
        }
      })
    },
  },
}
</script>