feat(AppAuthManage): 新增认证审核功能

- 添加认证审核列表和详细页面组件
- 实现认证材料上传和审核功能
- 优化页面布局和样式
- 增加审核状态和备注说明功能

project/xumu/AppAuthManage/authList.vue

@@ -1,5 +1,7 @@
 <script>
 
+import AiSelect from "dui/packages/basic/AiSelect.vue";
+
 const columns = [
   {label: "序号", type: "index"},
   {label: "账号", prop: "userName"},
@@ -9,16 +11,9 @@ const columns = [
   {label: "状态", prop: "authStatus", dict: "authStatus", width: 120, align: 'center'},
   {label: "审核状态", prop: "auditStatus", dict: "auditStatus", width: 120, align: 'center'},
 ]
-const certificates = [
-  {label: "身份证(正面)", prop: "frontCard"},
-  {label: "身份证(反面)", prop: "reverseCard"},
-  {label: "营业执照", prop: "businessPic", permit: ["breed"]},
-  {label: "畜禽经营许可证", prop: "breedPic", permit: ["breed"]},
-  {label: "动物防疫条件许可证", prop: "prevention", permit: ["breed"]},
-  {label: "组织机构证明", prop: "orgPic", permit: ["bank", "insurance"]},
-]
 export default {
   name: "authList",
+  components: {AiSelect},
   props: {
     instance: Function,
     dict: Object,
@@ -46,11 +41,19 @@ export default {
       })
     },
     getNeedCerts(type) {
-      return certificates.filter(e => !e.permit || e.permit.includes(type))
+      return this.$parent.certificates.filter(e => !e.permit || e.permit.includes(type))
     },
     handleConfirm() {
       this.$refs.form.validate().then(() => {
-        this.instance.post("/api/user/auth/update", this.form).then(res => {
+        const {id, remark} = this.form, picture = {}
+        this.$parent.certificates.forEach(e => {
+          picture[e.prop] = this.form[e.prop]
+        })
+        this.instance.post("/api/user/savePicture", null, {
+          params: {
+            id, remark, picture: JSON.stringify(picture)
+          }
+        }).then(res => {
           if (res?.code == '0' && res?.data != 1) {
             this.dialog = false
             this.$message.success("提交成功!")
@@ -58,6 +61,12 @@ export default {
           }
         })
       })
+    },
+    handleUploadPics(row = {}) {
+      let {id, type, remark, picture = "{}"} = row
+      picture = JSON.parse(picture)
+      this.form = {id, type, remark, ...picture}
+      this.dialog = true
     }
   },
   created() {
@@ -71,7 +80,8 @@ export default {
   <ai-page class="authList" title="认证审核">
     <ai-search-bar>
       <template #left>
-        <el-button type="primary" icon="iconfont iconAdd" @click="$router.push({hash:'#add'})">添加</el-button>
+        <ai-select v-model="search.authStatus" dict="authStatus" placeholder="状态"/>
+        <ai-select v-model="search.auditStatus" dict="auditStatus" placeholder="审核状态"/>
       </template>
       <template #right>
         <el-input size="small" placeholder="搜索账号" v-model="search.name" clearable
@@ -90,16 +100,16 @@ export default {
                        @click="$router.push({query:{id:row.id},hash:'#add'})">审核
             </el-button>
             <el-button type="text" v-if="'00|13'.includes(row.permit)"
-                       @click="dialog=true,form=row">认证材料
+                       @click="handleUploadPics(row)">认证材料
             </el-button>
           </div>
         </template>
       </el-table-column>
     </ai-table>
-    <ai-dialog v-model="dialog" title="认证材料" width="60%" @close="form=[]" @confirm="handleConfirm">
+    <ai-dialog v-model="dialog" title="认证材料" width="60%" @close="form={}" @confirm="handleConfirm">
       <el-form class="grid c-3" :model="form" ref="form" label-width="160px">
         <el-form-item v-for="(op,i) in getNeedCerts(form.type)" :key="i" v-bind="op" :rules="{required:true,message:`请上传${op.label}`,trigger:'change'}">
-          <ai-uploader v-model="form[op.prop]" valueIsUrl :limit="1"/>
+          <ai-uploader v-model="form[op.prop]" valueIsUrl :limit="1" :instance="instance"/>
         </el-form-item>
         <el-form-item class="row" label="备注说明" prop="remark">
           <el-input type="textarea" :rows="2" v-model="form.remark" placeholder="备注说明具体情况"/>