init

src/views/xq/userAuthAudit/index.vue

@@ -84,12 +84,13 @@
           <cai-dict-tag :options="userAuthAuditTypeList" :value="scope.row.authType"/>
         </template>
       </el-table-column>
-      <el-table-column label="权限认证照片" align="center" prop="authPic" >
+      <el-table-column label="认证照片" align="center" prop="authPic" >
         <template v-slot="scope">
-          <image-preview :src="scope.row.authPic" :height="40" :width="40"/>
+          <el-button v-if="scope.row.authType === 'single'" size="mini" @click="showSingleImage(scope.row)">查看</el-button>
+          <image-preview v-if="scope.row.authType !== 'single'" :src="scope.row.authPic" :height="40" :width="40"/>
         </template>
       </el-table-column>
-      <el-table-column label="权限认证说明" align="center" prop="authRemark" />
+      <el-table-column label="认证说明" align="center" prop="authRemark" />
       <el-table-column label="申请时间" align="center" prop="createTime" width="160"/>
       <el-table-column label="状态" align="center" prop="auditStatus">
         <template v-slot="scope">
@@ -135,18 +136,24 @@
       :limit.sync="queryParams.pageSize"
       @pagination="getList"
     />
+
+    <show-single-auth-dialog v-if="showSingleAuthDialogVisible" ref="showSingleAuthDialog" @refreshDataList="getList"/>
   </div>
 </template>
 
 <script>
 import { delUserAuthAudit, listUserAuthAudit, userAuthAuditFail, userAuthAuditSuccess } from '@/api/xq/userAuthAudit'
 import { auditStatusList, userAuthAuditTypeList } from '@/constant/statusMap'
+import ShowSingleAuthDialog from '@/views/xq/userAuthAudit/show-single-auth-dialog.vue'
+import UpdateUserAuthDialog from '@/views/xq/userAuth/update-user-auth-dialog.vue'
 
 export default {
   name: "UserAuthAudit",
+  components: { UpdateUserAuthDialog, ShowSingleAuthDialog},
   data() {
     return {
       auditStatusList,userAuthAuditTypeList,
+      showSingleAuthDialogVisible: false,
       // 遮罩层
       loading: true,
       // 选中数组
@@ -238,6 +245,12 @@ export default {
         this.loading = false
       })
     },
+    showSingleImage(row){
+      this.showSingleAuthDialogVisible = true
+      this.$nextTick(() => {
+        this.$refs.showSingleAuthDialog.init(row)
+      })
+    },
     /** 删除按钮操作 */
     handleDelete(row) {
       const ids = row.id || this.ids;

src/views/xq/userAuthAudit/show-single-auth-dialog.vue

@@ -0,0 +1,96 @@
+<template>
+  <el-dialog title="单身认证信息" :close-on-click-modal="false" :visible.sync="open" width="500px" append-to-body>
+    <p>本人姓名: <span class="font-value">{{singleJson.name}}</span>，
+    性别:<span class="font-value">{{singleJson.gender}}</span>，
+    民族:<span class="font-value">{{singleJson.nation}}</span>，
+    出生年月: {{singleJson.birthday}}，
+    身份证号: <span class="font-value">{{singleJson.idCard}}</span>，
+    住址:<span class="font-value">{{singleJson.residenceName}}</span>，
+    婚姻状况: <span class="font-value">{{singleJson.marriage}}</span>
+    </p>
+    <p>本人上述声明完全真实，如有虚假，愿承担全部的法律及经济责任。</p>
+    <p>见证方:江西木白文化科技有限公司</p>
+    <p style="display: flex; align-items: center;">声明人:<img style="width: 79px;height: 50px;margin-left: 5px;" :src="singleJson.signatureImage" alt="签名"></p>
+    <div slot="footer" class="dialog-footer">
+      <el-button v-if="auditStatus === 1" :loading="buttonLoading" type="primary" @click="submitSuccess">通过</el-button>
+      <el-button v-if="auditStatus === 1" :loading="buttonLoading" type="danger" @click="submitFail">不通过</el-button>
+      <el-button @click="open = false">取 消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { userAuthAuditFail, userAuthAuditSuccess } from '@/api/xq/userAuthAudit'
+
+export default {
+  name: "UserInfo",
+  data() {
+    return {
+      open:false,
+      buttonLoading: false,
+      auditStatus: undefined,
+      singleJson: {},
+      id: undefined,
+    };
+  },
+  created() {
+
+  },
+  methods: {
+    init(row){
+      this.open = true;
+      this.id = row.id
+      this.auditStatus = row.auditStatus
+      this.singleJson = JSON.parse(row.authOther)
+    },
+    submitSuccess(){
+      this.$modal.confirm('是否确认审核通过用户单身认证？').then(() => {
+        this.buttonLoading = true
+        return userAuthAuditSuccess({ 'ids': this.id })
+      }).then(() => {
+        this.buttonLoading = false
+        this.$modal.msgSuccess('操作成功')
+        this.open = false
+        this.$emit('refreshDataList')
+      }).catch(() => {
+      }).finally(() => {
+        this.buttonLoading = false
+      })
+    },
+    submitFail(){
+      this.$prompt('请输入失败原因', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        inputPattern: /^.+$/,
+        inputErrorMessage: '失败原因必填',
+        inputType: 'textarea'
+      }).then(({ value }) => {
+        this.buttonLoading = true
+        return userAuthAuditFail({
+          'auditRemark': value,
+          'id': this.id
+        })
+      }).then(() => {
+        this.buttonLoading = false
+        this.$modal.msgSuccess('操作成功')
+        this.open = false
+        this.$emit('refreshDataList')
+      }).catch(() => {
+      }).finally(() => {
+        this.buttonLoading = false
+      })
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+.el-row {
+  margin-bottom: -15px;
+  display: flex;
+  flex-wrap: wrap
+}
+.font-value {
+  font-weight: bold;
+  margin-left: 5px;
+}
+</style>

vue.config.js

@@ -35,8 +35,8 @@ module.exports = {
     proxy: {
       // detail: https://cli.vuejs.org/config/#devserver-proxy
       [process.env.VUE_APP_BASE_API]: {
-        target: `http://localhost:8080`,
-        // target: `http://xq.qiqizl.com/prod-api`,
+        // target: `http://localhost:8080`,
+        target: `http://xq-admin.mubai8888.com/prod-api`,
         changeOrigin: true,
         pathRewrite: {
           ['^' + process.env.VUE_APP_BASE_API]: ''