feat(AppInsuranceAudit): 新增产品类型字典支持

- 在 AppInsuranceAudit 组件中加载 productType 字典
- 在 add 组件中使用 productType 字典显示投保产品名称
- 优化 add 组件中的表单布局

project/xumu/AppInsuranceAudit/AppInsuranceAudit.vue

@@ -12,19 +12,19 @@ export default {
   },
   computed: {
     currentPage() {
-      let {hash} = this.$route
+      let { hash } = this.$route
       return ["#add", "#audit"].includes(hash) ? add : list
     }
   },
   created() {
-    this.dict.load("auditStatus", "insureType", "insureStatus", "category", "variety")
+    this.dict.load("auditStatus", "insureType", "insureStatus", "category", "variety", "productType")
   },
 }
 </script>
 
 <template>
   <section class="AppInsuranceAudit">
-    <component :is="currentPage" v-bind="$props"/>
+    <component :is="currentPage" v-bind="$props" />
   </section>
 </template>
 

project/xumu/AppInsuranceAudit/add.vue

@@ -12,7 +12,7 @@ const columns = [
 ]
 export default {
   name: "iaAdd",
-  components: { AiIdcardRemote, AiEartagPicker, AiAudit},
+  components: { AiIdcardRemote, AiEartagPicker, AiAudit },
   props: {
     instance: Function,
     permissions: Function,
@@ -138,7 +138,7 @@ export default {
             <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" />
+            <b v-else v-text="dict.getLabel('productType', detail.productType)" />
           </el-form-item>
           <el-form-item label="投保类型">
             <ai-input :value="dict.getLabel('insureType', detail.insureType)" placeholder="根据保险产品自动带出"
@@ -182,15 +182,16 @@ export default {
       </ai-card>
       <ai-card title="保险资料" v-if="isAudit">
         <div class="grid">
-          <el-form-item label="审批" prop="auditStatus" :rules="[{ required: true, message: '请选择是否同意' }]">
-            <ai-audit @select="v => detail.auditStatus = v" />
+          <el-form-item label="审批" prop="auditStatus" :rules="[{ required: true, message: '请选择是否同意' },]">
+            <ai-audit @select="v => $set(detail, 'auditStatus', v)" />
+          </el-form-item>
+          <el-form-item label="保单资料" class="sc-3">
+            <ai-uploader v-model="detail.picture" value-is-url :instance="instance" :limit="1" />
           </el-form-item>
           <el-form-item label="保单订单号" prop="orderNo" :rules="{ required: true, message: '请输入 保单订单号' }">
             <ai-input v-model="detail.orderNo" />
           </el-form-item>
-          <el-form-item label="保单资料" class="sc-2">
-            <ai-uploader v-model="detail.picture" value-is-url :instance="instance" :limit="1" />
-          </el-form-item>
+
           <el-form-item label="说明">
             <ai-input type="textarea" :rows="3" v-model="detail.remarks" />
           </el-form-item>