feat(xumu): 新增投保审批功能

- 添加投保审批相关的页面和组件
- 实现投保审批的新增、编辑和审核功能- 集成投保审批的列表展示和搜索功能
-优化投保审批表单的验证和提交逻辑

project/xumu/AppInsuranceApply/add.vue

@@ -8,13 +8,6 @@ const columns = [
   {label: "类别", prop: "category", dict: "category"},
   {label: "品种", prop: "variety", dict: "variety"},
 ]
-const formImages = [
-  {label: "身份证(正面)", prop: "frontCard", rules: {required: true, message: '请上传 身份证(正面)'}},
-  {label: "身份证(反面)", prop: "reverseCard", rules: {required: true, message: '请上传 身份证(反面)'}},
-  {label: "营业执照", prop: "businessPic", rules: {required: true, message: '请上传 营业执照'}},
-  {label: "畜禽经营许可证", prop: "breedPic", rules: {required: true, message: '请上传 畜禽经营许可证'}},
-  {label: "动物防疫条件许可证", prop: "prevention", rules: {required: true, message: '请上传 动物防疫条件许可证'}},
-]
 export default {
   name: "iaAdd",
   components: {AiEartagPicker},
@@ -26,7 +19,7 @@ export default {
   data() {
     return {
       detail: {detailList: []},
-      columns, formImages,
+      columns,
       companyList: []
     }
   },
@@ -39,6 +32,13 @@ export default {
     },
     isAdd: v => !v.$route.query.id,
     isEdit: v => v.$route.query.edit == 1,
+    formImages: v => [
+      {label: "身份证(正面)", prop: "frontCard", rules: {required: v.isAdd||v.isEdit, message: '请上传 身份证(正面)'}},
+      {label: "身份证(反面)", prop: "reverseCard", rules: {required: v.isAdd||v.isEdit, message: '请上传 身份证(反面)'}},
+      {label: "营业执照", prop: "businessPic", rules: {required: v.isAdd||v.isEdit, message: '请上传 营业执照'}},
+      {label: "畜禽经营许可证", prop: "breedPic", rules: {required: v.isAdd||v.isEdit, message: '请上传 畜禽经营许可证'}},
+      {label: "动物防疫条件许可证", prop: "prevention", rules: {required: v.isAdd||v.isEdit, message: '请上传 动物防疫条件许可证'}},
+    ]
   },
   methods: {
     back(params = {}) {
@@ -67,13 +67,21 @@ export default {
       const item = this.companyList.find(e => e.id == id)
       return item?.children || []
     },
-    submit() {
+    submit(submitType) {
       this.$refs.detail.validate().then(() => {
-        this.form.biochipEarNumber = this.detail.biochipEarNumber
-        this.instance.post("/api/insurance/apply/addOrEdit", this.form).then(res => {
-          if (res?.code == 0) {
-            this.dialog = false
-            this.getDetail()
+        const farmPicture = {}
+        this.formImages.forEach(e => {
+          const {prop} = e
+          const val = this.detail[prop]
+          if (val) {
+            farmPicture[prop] = val
+          }
+        })
+        this.detail.farmPicture = JSON.stringify(farmPicture)
+        this.instance.post("/api/insurance/apply/addOrEdit", {...this.detail, submitType}).then(res => {
+          if (res?.code == '0') {
+            this.$message.success("提交成功!")
+            this.back()
           }
         })
       })
@@ -91,15 +99,15 @@ export default {
     <el-form size="small" label-width="120px" :model="detail" ref="detail">
       <ai-card title="基础信息">
         <div class="grid">
-          <el-form-item label="养殖场" prop="farmId" :rules="{required:true,message:'请选择 养殖场'}">
+          <el-form-item label="养殖场" prop="farmId" :rules="{required: isAdd||isEdit,message:'请选择 养殖场'}">
             <ai-select v-if="isAdd||isEdit" v-model="detail.farmId" :instance="instance" :action="`/api/siteUser/querySiteByUserId?userId=${userinfo.id}`" :prop="{label:'name'}"/>
             <b v-else v-text="detail.farmName"/>
           </el-form-item>
-          <el-form-item label="承保公司" prop="companyId" :rules="{required:true,message:'请选择 承保公司'}">
+          <el-form-item label="承保公司" prop="companyId" :rules="{required: isAdd||isEdit,message:'请选择 承保公司'}">
             <ai-select v-if="isAdd||isEdit" v-model="detail.companyId" :select-list="companyList" :prop="{label:'name'}"/>
             <b v-else v-text="detail.companyName"/>
           </el-form-item>
-          <el-form-item label="保险产品" prop="productType" :rules="{required:true,message:'请选择 保险产品'}">
+          <el-form-item label="保险产品" prop="productType" :rules="{required: isAdd||isEdit,message:'请选择 保险产品'}">
             <ai-select v-if="isAdd||isEdit" v-model="detail.productType" :select-list="getProducts(detail.companyId)" :prop="{label:'name',value:'productType'}"
                        @select="v=>$set(detail,'insureType',v.children[0].insureType)"/>
             <b v-else v-text="detail.productType"/>
@@ -116,7 +124,7 @@ export default {
         </div>
       </ai-card>
       <ai-card title="投保对象">
-        <template #right>
+        <template #right v-if="isAdd||isEdit">
           <ai-eartag-picker @select="v=>detail.detailList=v" :instance="instance"
                             :action="`/insurance/apply/getEarNumberList?farmId=${detail.farmId}`">
             <el-button type="text">选择</el-button>
@@ -125,12 +133,12 @@ export default {
         <ai-table :tableData="detail.detailList" :colConfigs="columns" :isShowPagination="!1" hideOptions/>
       </ai-card>
       <ai-card title="证件信息">
-        <el-form label-position="top" class="grid c-5">
+        <div class="grid c-5 el-form--label-top">
           <el-form-item v-for="(img,i) in formImages" :key="i" v-bind="img">
             <ai-uploader v-if="isAdd||isEdit" v-model="detail[img.prop]" :instance="instance" :limit="1" value-is-url/>
             <el-image :src="detail[img.prop]" :preview-src-list="[detail[img.prop]]" v-else/>
           </el-form-item>
-        </el-form>
+        </div>
       </ai-card>
       <ai-card title="审核信息" v-if="!(isAdd||isEdit)">
         <el-form-item label="审核状态">{{ dict.getLabel('auditStatus', detail.auditStatus) }}</el-form-item>
@@ -145,8 +153,8 @@ export default {
     </el-form>
     <div slot="footer">
       <template v-if="isAdd||isEdit">
-        <el-button type="primary" @click="submit">保存草稿</el-button>
-        <el-button type="primary" @click="submit">保存并提交</el-button>
+        <el-button type="primary" @click="submit(1)">保存草稿</el-button>
+        <el-button type="primary" @click="submit(2)">保存并提交</el-button>
       </template>
       <el-button @click="back">返回</el-button>
     </div>
@@ -155,5 +163,14 @@ export default {
 
 <style scoped lang="scss">
 .iaAdd {
+  :deep(.el-form--label-top) {
+    .el-form-item__label {
+      width: 100% !important;
+    }
+
+    .el-form-item__content {
+      margin-left: unset !important;
+    }
+  }
 }
 </style>