- 在多个组件中,将请求路径从 "/user/config/page" 修改为 "/api/user/config/page"- 将请求路径从 "/siteUser/querySiteByUserId" 修改为 "/api/siteUser/querySiteByUserId" - 将请求路径从 "/siteUser/del" 修改为 "/api/siteUser/del" -将请求路径从 "/siteUser/add" 修改为 "/api/siteUser/add" - 将请求路径从 "/user/auth/page" 修改为 "/api/user/auth/page" - 将请求路径从 "/user/auth/update" 修改为 "/api/user/auth/update" - 将请求路径从 "/user/update-status" 修改为 "/api/user/update-status" 通过添加 /api前缀,统一了接口请求路径的格式,提高了代码的一致性和可维护性。
		
			
				
	
	
		
			63 lines
		
	
	
		
			1.7 KiB
		
	
	
	
		
			Vue
		
	
	
	
	
	
			
		
		
	
	
			63 lines
		
	
	
		
			1.7 KiB
		
	
	
	
		
			Vue
		
	
	
	
	
	
| <script>
 | |
| import AiUploader from "dui/packages/basic/AiUploader.vue";
 | |
| 
 | |
| 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: "authAdd",
 | |
|   components: {AiUploader},
 | |
|   props: {
 | |
|     instance: Function,
 | |
|     permissions: Function
 | |
|   },
 | |
|   data() {
 | |
|     return {
 | |
|       certificates,
 | |
|       detail: {},
 | |
|     }
 | |
|   },
 | |
|   methods: {
 | |
|     getDetail() {
 | |
|       const {id} = this.$route.query
 | |
|       this.instance.post("/api/user/auth/page", null, {params: {id}}).then(res => {
 | |
|         if (res?.data) {
 | |
|           this.detail = res.data|| {}
 | |
|         }
 | |
|       })
 | |
|     },
 | |
|     getNeedCerts(type) {
 | |
|       return certificates.filter(e => !e.permit || e.permit.includes(type))
 | |
|     },
 | |
|   },
 | |
|   created() {
 | |
|     this.getDetail()
 | |
|   }
 | |
| }
 | |
| </script>
 | |
| 
 | |
| <template>
 | |
|   <ai-page title="认证材料" class="authAdd" showBack content-string="detail">
 | |
|     <el-form size="small">
 | |
|       <ai-card title="认证材料">
 | |
|         <div class="grid">
 | |
|           <el-form-item v-for="(op,i) in getNeedCerts(detail.type)" :key="i" v-bind="op" :rules="{required:true,message:`请上传${op.label}`,trigger:'change'}">
 | |
|             <el-image v-model="detail[op.prop]" :preview-src-list="[detail[op.prop]]"/>
 | |
|           </el-form-item>
 | |
|         </div>
 | |
|       </ai-card>
 | |
|       <ai-card title="审核意见"></ai-card>
 | |
|     </el-form>
 | |
|   </ai-page>
 | |
| </template>
 | |
| 
 | |
| <style scoped lang="scss">
 | |
| .authAdd {
 | |
| }
 | |
| </style>
 |