feat(AppInsuranceApply): 更新投保申请功能

- 修改证件信息上传要求，增加身份证、营业执照等照片- 添加审核信息查看功能，包括审核状态、时间和审核人等信息
- 增加保单订单号和保单资料查看功能
- 优化表单布局，使用 el-form 组件
- 添加保存草稿和保存并提交按钮
- 引入 AiCard组件，提升用户体验

project/xumu/AppInsuranceApply/add.vue

@@ -1,6 +1,7 @@
 <script>
 import {mapState} from "vuex"
 import AiEartagPicker from "@project/xumu/components/AiEartagPicker.vue";
+import AiCard from "dui/packages/layout/AiCard.vue";
 
 const columns = [
   {label: "序号", type: "index"},
@@ -9,14 +10,15 @@ const columns = [
   {label: "品种", prop: "variety", dict: "variety"},
 ]
 const formImages = [
-  {label: "身长测量照片", prop: "heightPic", rules: {required: true, message: '请上传 身长测量照片'}},
-  {label: "生物芯片照片", prop: "biochipPic", rules: {required: true, message: '请上传 生物芯片照片'}},
-  {label: "防疫耳标照片", prop: "preventionPic", rules: {required: true, message: '请上传 防疫耳标照片'}},
-  {label: "其他说明照片", prop: "otherPic", rules: {required: true, message: '请上传 其他说明照片'}},
+  {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},
+  components: {AiCard, AiEartagPicker},
   props: {
     instance: Function,
     permissions: Function,
@@ -49,7 +51,9 @@ export default {
         if (res?.data) {
           const detail = res.data
           detail.detailList = detail.weightList || []
-          return this.detail = {...detail}
+          let {farmPicture: picture = "{}"} = detail
+          picture = JSON.parse(picture)
+          return this.detail = {...detail, ...picture}
         }
       })
     },
@@ -122,15 +126,29 @@ export default {
         <ai-table :tableData="detail.detailList" :colConfigs="columns" :isShowPagination="!1" hideOptions/>
       </ai-card>
       <ai-card title="证件信息">
-        <div class="grid c-4">
+        <el-form label-position="top" class="grid c-5">
           <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>
-        </div>
+        </el-form>
+      </ai-card>
+      <ai-card title="审核信息" v-if="!(isAdd||isEdit)">
+        <el-form-item label="审核状态">{{ dict.getLabel('auditStatus', detail.auditStatus) }}</el-form-item>
+        <el-form-item label="审核时间">{{ detail.auditTime }}</el-form-item>
+        <el-form-item label="审核人">{{ detail.auditName }}</el-form-item>
+        <el-form-item label="保单订单号">{{ detail.orderNo }}</el-form-item>
+        <el-form-item label="保单资料">
+          <el-image :src="detail.picture" :preview-src-list="[detail.picture]"/>
+        </el-form-item>
+        <el-form-item label="说明">{{ detail.remarks }}</el-form-item>
       </ai-card>
     </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>
+      </template>
       <el-button @click="back">返回</el-button>
     </div>
   </ai-page>