feat(xumu): 完善认证材料页面并优化相关功能

- 新增认证材料页面，支持查看和审核用户提交的认证信息- 优化 axios 配置，修复 URL 替换逻辑
- 更新表格操作按钮，根据认证状态显示不同选项
- 重构页面布局组件，增加返回按钮和内容字符串属性

project/xumu/AppAuthManage/authList.vue

@@ -1,5 +1,4 @@
 <script>
-import AiUploader from "dui/packages/basic/AiUploader.vue";
 
 const columns = [
   {label: "序号", type: "index"},
@@ -13,14 +12,13 @@ const columns = [
 const certificates = [
   {label: "身份证(正面)", prop: "frontCard"},
   {label: "身份证(反面)", prop: "reverseCard"},
-  {label: "营业执照", prop: "businessPic", permit: []},
-  {label: "畜禽经营许可证", prop: "breedPic", permit: []},
-  {label: "动物防疫条件许可证", prop: "prevention", permit: []},
-  {label: "组织机构证明", prop: "orgPic", permit: []},
+  {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: {AiUploader},
   props: {
     instance: Function,
     dict: Object,
@@ -42,13 +40,24 @@ export default {
         params: {...this.page, ...this.search}
       }).then(res => {
         if (res?.data) {
-          this.tableData = res.data?.records
+          this.tableData = res.data?.records.map(e => ({...e, permit: `${e.authStatus}` + e.auditStatus}))
           this.page.total = res.data.total
         }
       })
     },
     getNeedCerts(type) {
       return certificates.filter(e => !e.permit || e.permit.includes(type))
+    },
+    handleConfirm() {
+      this.$refs.form.validate().then(() => {
+        this.instance.post("/user/auth/update", this.form).then(res => {
+          if (res?.code == '0' && res?.data != 1) {
+            this.dialog = false
+            this.$message.success("提交成功!")
+            this.getTableData()
+          }
+        })
+      })
     }
   },
   created() {
@@ -74,19 +83,26 @@ export default {
       <el-table-column slot="options" label="操作" fixed="right" align="center">
         <template slot-scope="{row}">
           <div class="table-options">
-            <el-button type="text" @click="dialog=true,form=row">查看</el-button>
-            <el-button type="text" @click="$router.push({query:{id:row.id},hash:'#add'})">认证材料</el-button>
+            <el-button type="text" v-if="'12'.includes(row.permit)"
+                       @click="$router.push({query:{id:row.id},hash:'#add'})">查看
+            </el-button>
+            <el-button class="deleteBtn" type="text" v-if="'11'.includes(row.permit)"
+                       @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">认证材料
+            </el-button>
           </div>
         </template>
       </el-table-column>
     </ai-table>
-    <ai-dialog v-model="dialog" title="认证材料" width="60%" @close="form=[]">
+    <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"/>
         </el-form-item>
-        <el-form-item class="row" label="备注说明" prop="orgPic" :rules="{required:true,message:'请上传身份证(正面)',trigger:'change'}">
-          <el-input type="textarea" :rows="3" v-model="form.remark"/>
+        <el-form-item class="row" label="备注说明" prop="remark">
+          <el-input type="textarea" :rows="2" v-model="form.remark" placeholder="备注说明具体情况"/>
         </el-form-item>
       </el-form>
     </ai-dialog>
@@ -96,5 +112,9 @@ export default {
 <style scoped lang="scss">
 .authList {
   height: 100%;
+
+  .deleteBtn {
+    color: $errorColor;
+  }
 }
 </style>