大宝管理后台代码
zzzz
2024-04-02 790f8c3e0f4fb635a95af8a0d6a9f9152b20771c
src/views/userlist/components/audituserdialog.vue
@@ -4,15 +4,29 @@
      <a-descriptions
        bordered
        :title="currentDetails.realName ? currentDetails.realName : '未认证'"
        :column="{ xxl: 3, xl: 3, lg: 3, md: 3, sm: 2, xs: 1 }">
        :column="{ xxl: 3, xl: 3, lg: 3, md: 3, sm: 2, xs: 1 }"
      >
        <a-descriptions-item label="真实姓名">
          {{ currentDetails.realName ? currentDetails.realName : '--' }}
        </a-descriptions-item>
        <a-descriptions-item label="认证状态">
          <a-tag
            :color="(currentDetails.isActive == 0 || currentDetails.isActive == 1) ? 'blue' : currentDetails.isActive == 2 ? 'green' : 'red'">
            {{ currentDetails.isActive == 0 ? '待认证' : currentDetails.isActive == 1 ? '待审核' :
              currentDetails.isActive == 2 ? '认证成功' : '驳回'
            :color="
              currentDetails.isActive == 0 || currentDetails.isActive == 1
                ? 'blue'
                : currentDetails.isActive == 2
                ? 'green'
                : 'red'
            "
          >
            {{
              currentDetails.isActive == 0
                ? '待认证'
                : currentDetails.isActive == 1
                ? '待审核'
                : currentDetails.isActive == 2
                ? '认证成功'
                : '驳回'
            }}
          </a-tag>
        </a-descriptions-item>
@@ -34,7 +48,7 @@
        <a-descriptions-item label="注册时间">
          {{ currentDetails.regTime | moment }}
        </a-descriptions-item>
   <!--     <a-descriptions-item label="身份证正面">
        <!--     <a-descriptions-item label="身份证正面">
          <img :src="currentDetails.img2Key" alt="" style="width:140px;height: 70px;">
        </a-descriptions-item>
        <a-descriptions-item label="身份证背面">
@@ -44,13 +58,17 @@
          <img :src="currentDetails.img3Key" alt="" style="width:140px;height: 70px;">
        </a-descriptions-item> -->
      </a-descriptions>
      <div style="margin-top:20px;display:flex;justify-content: center;" v-show="currentDetails.isActive == 0 || currentDetails.isActive == 1">
        <a-button type="danger" @click="userDialog = false;bohuidialog = true">
      <div style="margin-top: 20px; display: flex; justify-content: center">
        <a-button
          type="danger"
          @click="
            userDialog = false
            bohuidialog = true
          "
        >
          驳回
        </a-button>
        <a-button type="primary" style="margin-left:10px;" @click="gettongguo(2)">
          通过
        </a-button>
        <a-button type="primary" style="margin-left: 10px" @click="gettongguo(2)"> 通过 </a-button>
      </div>
    </a-modal>
    <a-modal
@@ -59,12 +77,14 @@
      :visible="bohuidialog"
      :confirmLoading="bohuidialogloading"
      @ok="Okbohuidialog"
      @cancel="Cancelbohuidialog">
      @cancel="Cancelbohuidialog"
    >
      <a-form :form="bohuiform" ref="bohuiform">
        <a-form-item>
          <a-input
            placeholder="请输入驳回原因"
            v-decorator="['authMsg', { rules: [{ required: true, message: '请输入驳回原因', }] }]" />
            v-decorator="['authMsg', { rules: [{ required: true, message: '请输入驳回原因' }] }]"
          />
        </a-form-item>
      </a-form>
    </a-modal>
@@ -73,67 +93,66 @@
<script>
import { userauthByAdmin } from '@/api/home'
export default {
    components: {},
    props: {
        currentDetails: {
            type: Object
        },
        getinit: {
            type: Function,
            default: function () {
            }
        }
  components: {},
  props: {
    currentDetails: {
      type: Object,
    },
    data () {
        return {
            userDialog: false,
            bohuidialog: false,
            bohuidialogloading: false,
            bohuiform: this.$form.createForm(this)
        }
    getinit: {
      type: Function,
      default: function () {},
    },
    methods: {
        Okbohuidialog () {
            const form = this.$refs.bohuiform.form
            form.validateFields((errors, values) => {
                if (!errors) {
                    values.userId = this.currentDetails.id
                    values.state = 3
                    this.bohuidialogloading = true
                    userauthByAdmin(values).then(res => {
                        if (res.status == 0) {
                            this.bohuidialog = false
                            this.$message.success({ content: res.msg, duration: 2 })
                            form.resetFields()
                            this.getinit()
                        } else {
                            this.$message.error({ content: res.msg })
                        }
                        this.bohuidialogloading = false
                    })
                }
            })
        },
        Cancelbohuidialog () {
            this.bohuidialog = false
            const form = this.$refs.bohuiform.form
            form.resetFields()
        },
        gettongguo (val) {
            var data = {
                userId: this.currentDetails.id,
                state: val
            }
            userauthByAdmin(data).then(res => {
                if (res.status == 0) {
                    this.userDialog = false
                    this.getinit()
                } else {
                    this.$message.error({ content: res.msg })
                }
                this.userDialog = false
            })
        }
  },
  data() {
    return {
      userDialog: false,
      bohuidialog: false,
      bohuidialogloading: false,
      bohuiform: this.$form.createForm(this),
    }
  },
  methods: {
    Okbohuidialog() {
      const form = this.$refs.bohuiform.form
      form.validateFields((errors, values) => {
        if (!errors) {
          values.userId = this.currentDetails.id
          values.state = 3
          this.bohuidialogloading = true
          userauthByAdmin(values).then((res) => {
            if (res.status == 0) {
              this.bohuidialog = false
              this.$message.success({ content: res.msg, duration: 2 })
              form.resetFields()
              this.getinit()
            } else {
              this.$message.error({ content: res.msg })
            }
            this.bohuidialogloading = false
          })
        }
      })
    },
    Cancelbohuidialog() {
      this.bohuidialog = false
      const form = this.$refs.bohuiform.form
      form.resetFields()
    },
    gettongguo(val) {
      var data = {
        userId: this.currentDetails.id,
        state: val,
      }
      userauthByAdmin(data).then((res) => {
        if (res.status == 0) {
          this.userDialog = false
          this.getinit()
        } else {
          this.$message.error({ content: res.msg })
        }
        this.userDialog = false
      })
    },
  },
}
</script>