feat(AppInsuranceAudit): 添加审批组件并优化投保页面

- 新增 AiAudit 组件用于审批操作
- 在投保页面引入并使用 AiAudit 组件
- 优化投保页面布局和样式

project/xumu/AppInsuranceAudit/add.vue

@@ -2,6 +2,7 @@
 import { mapState } from "vuex"
 import AiEartagPicker from "@project/xumu/components/AiEartagPicker.vue";
 import AiIdcardRemote from "@project/xumu/components/AiIdcardRemote.vue";
+import AiAudit from "../components/AiAudit.vue";
 
 const columns = [
   { label: "序号", type: "index" },
@@ -11,7 +12,7 @@ const columns = [
 ]
 export default {
   name: "iaAdd",
-  components: { AiIdcardRemote, AiEartagPicker },
+  components: { AiIdcardRemote, AiEartagPicker, AiAudit},
   props: {
     instance: Function,
     permissions: Function,
@@ -129,8 +130,8 @@ export default {
             <b v-else v-text="detail.farmName" />
           </el-form-item>
           <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' }"
-              disabled />
+            <ai-select v-if="isAdd || isEdit" v-model="detail.companyId" :select-list="companyList"
+              :prop="{ label: 'name' }" disabled />
             <b v-else v-text="detail.companyName" />
           </el-form-item>
           <el-form-item label="保险产品" prop="productType" :rules="{ required: isAdd || isEdit, message: '请选择 保险产品' }">
@@ -163,7 +164,8 @@ export default {
       <ai-card title="证件信息">
         <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 />
+            <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>
@@ -181,8 +183,7 @@ export default {
       <ai-card title="保险资料" v-if="isAudit">
         <div class="grid">
           <el-form-item label="审批" prop="auditStatus" :rules="[{ required: true, message: '请选择是否同意' }]">
-            <ai-select v-model="form.auditStatus"
-                       :select-list="[{ dictValue: 2, dictName: '同意' }, { dictValue: 3, dictName: '不同意' }]"/>
+            <ai-audit @select="v => detail.auditStatus = v" />
           </el-form-item>
           <el-form-item label="保单订单号" prop="orderNo" :rules="{ required: true, message: '请输入 保单订单号' }">
             <ai-input v-model="detail.orderNo" />

project/xumu/components/AiAudit.vue

@@ -0,0 +1,19 @@
+<script>
+const options = [
+  { dictValue: 2, dictName: '同意' },
+  { dictValue: 3, dictName: '不同意' }
+]
+export default {
+  name: "AiAudit",
+  data() {
+    return {
+      options, auditStatus: ""
+    }
+  },
+}
+</script>
+<template>
+  <section class="AiAudit">
+    <ai-select v-model="auditStatus" :select-list="options" v-bind="$attrs" v-on="$listeners" />
+  </section>
+</template>