feat(AppInsuranceAudit): 优化耳标号选择和养殖场查询功能

- 在 add.vue 中增加 targetUser 字段，用于查询养殖场 - 修改 AiEartagPicker 组件，增加 valueKey 属性默认值 - 优化代码格式和样式
feat(AppLoanAudit): 优化审核页面功能和样式
2025-01-17 10:36:41 +08:00 · 2025-01-17 10:17:55 +08:00 · 2025-01-17 10:11:21 +08:00 · 2025-01-17 10:10:54 +08:00 · 2025-01-17 09:51:05 +08:00 · 2025-01-17 09:25:50 +08:00
6 changed files with 160 additions and 123 deletions
--- a/project/xumu/AppInsuranceApply/add.vue
+++ b/project/xumu/AppInsuranceApply/add.vue
@@ -111,7 +111,7 @@ export default {
          <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"/>
+            <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="根据保险产品自动带出" :edit="isAdd||isEdit" readonly/>
--- a/project/xumu/AppInsuranceAudit/AppInsuranceAudit.vue
+++ b/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>

--- a/project/xumu/AppInsuranceAudit/add.vue
+++ b/project/xumu/AppInsuranceAudit/add.vue
@@ -1,17 +1,18 @@
 <script>
-import {mapState} from "vuex"
+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"},
-  {label: "生物芯片耳标号", prop: "biochipEarNumber"},
-  {label: "类别", prop: "category", dict: "category"},
-  {label: "品种", prop: "variety", dict: "variety"},
+  { label: "序号", type: "index" },
+  { label: "生物芯片耳标号", prop: "biochipEarNumber" },
+  { label: "类别", prop: "category", dict: "category" },
+  { label: "品种", prop: "variety", dict: "variety" },
 ]
 export default {
  name: "iaAdd",
-  components: {AiIdcardRemote, AiEartagPicker},
+  components: { AiIdcardRemote, AiEartagPicker, AiAudit },
  props: {
    instance: Function,
    permissions: Function,
@@ -19,7 +20,7 @@ export default {
  },
  data() {
    return {
-      detail: {detailList: []},
+      detail: { detailList: [] },
      columns,
      companyList: []
    }
@@ -35,11 +36,11 @@ export default {
    isEdit: v => v.$route.query.edit == 1,
    isAudit: v => v.$route.hash == "#audit",
    formImages: v => [
-      {label: "身份证(正面)", prop: "frontCard", rules: {required: v.isAdd, message: '请上传 身份证(正面)'}},
-      {label: "身份证(反面)", prop: "reverseCard", rules: {required: v.isAdd, message: '请上传 身份证(反面)'}},
-      {label: "营业执照", prop: "businessPic", rules: {required: v.isAdd, message: '请上传 营业执照'}},
-      {label: "畜禽经营许可证", prop: "breedPic", rules: {required: v.isAdd, message: '请上传 畜禽经营许可证'}},
-      {label: "动物防疫条件许可证", prop: "prevention", rules: {required: v.isAdd, message: '请上传 动物防疫条件许可证'}},
+      { label: "身份证(正面)", prop: "frontCard", rules: { required: v.isAdd, message: '请上传 身份证(正面)' } },
+      { label: "身份证(反面)", prop: "reverseCard", rules: { required: v.isAdd, message: '请上传 身份证(反面)' } },
+      { label: "营业执照", prop: "businessPic", rules: { required: v.isAdd, message: '请上传 营业执照' } },
+      { label: "畜禽经营许可证", prop: "breedPic", rules: { required: v.isAdd, message: '请上传 畜禽经营许可证' } },
+      { label: "动物防疫条件许可证", prop: "prevention", rules: { required: v.isAdd, message: '请上传 动物防疫条件许可证' } },
    ]
  },
  methods: {
@@ -47,14 +48,14 @@ export default {
      this.$router.push(params)
    },
    getDetail() {
-      const {id} = this.$route.query
-      return id ? this.instance.post("/api/insurance/apply/getInfo", null, {params: {id}}).then(res => {
+      const { id } = this.$route.query
+      return id ? this.instance.post("/api/insurance/apply/getInfo", null, { params: { id } }).then(res => {
        if (res?.data) {
          const detail = res.data
          detail.detailList = detail.detailList || []
-          let {farmPicture: picture = "{}"} = detail
+          let { farmPicture: picture = "{}" } = detail
          picture = JSON.parse(picture)
-          return this.detail = {...detail, ...picture}
+          return this.detail = { ...detail, ...picture }
        }
      }) : Promise.resolve()
    },
@@ -74,7 +75,7 @@ export default {
      this.$refs.detail.validate().then(() => {
        const farmPicture = {}
        this.formImages.forEach(e => {
-          const {prop} = e
+          const { prop } = e
          const val = this.detail[prop]
          if (val) {
            farmPicture[prop] = val
@@ -101,10 +102,12 @@ export default {
    },
    getRemoteInfo(userId) {
      userId && this.instance.post("/api/siteUser/querySiteByUserId", null, {
-        params: {userId}
+        params: { userId }
      }).then(res => {
-        if (res?.data) {
-          this.$set(this.detail, "farmId", res.data?.[0]?.id)
+        if (res?.data?.[0]) {
+          const { id } = res.data[0]
+          this.$set(this.detail, "farmId", id)
+          this.$set(this.detail, "targetUser", userId)
        }
      })
    }
@@ -121,53 +124,58 @@ export default {
      <ai-card title="基础信息">
        <div class="grid">
          <el-form-item label="养殖户" class="row">
-            <ai-idcard-remote :instance="instance" @enter="getRemoteInfo"/>
+            <ai-idcard-remote :instance="instance" @enter="getRemoteInfo" />
          </el-form-item>
-          <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 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=${detail.targetUser}`" :prop="{ label: 'name' }" />
+            <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/>
-            <b v-else v-text="detail.companyName"/>
+          <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 />
+            <b v-else v-text="detail.companyName" />
          </el-form-item>
-          <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"/>
+          <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="dict.getLabel('productType', detail.productType)" />
          </el-form-item>
          <el-form-item label="投保类型">
-            <ai-input :value="dict.getLabel('insureType',detail.insureType)" placeholder="根据保险产品自动带出" :edit="isAdd||isEdit" readonly/>
+            <ai-input :value="dict.getLabel('insureType', detail.insureType)" placeholder="根据保险产品自动带出"
+              :edit="isAdd || isEdit" readonly />
          </el-form-item>
          <el-form-item label="联系人">
-            <ai-input v-model="detail.contacts" :edit="isAdd||isEdit"/>
+            <ai-input v-model="detail.contacts" :edit="isAdd || isEdit" />
          </el-form-item>
          <el-form-item label="联系电话">
-            <ai-input v-model="detail.phone" :edit="isAdd||isEdit"/>
+            <ai-input v-model="detail.phone" :edit="isAdd || isEdit" />
          </el-form-item>
        </div>
      </ai-card>
      <ai-card title="投保对象">
        <template #right v-if="isAdd">
-          <ai-eartag-picker @select="v=>detail.detailList=v" :instance="instance"
+          <ai-eartag-picker @select="v => detail.detailList = v" :instance="instance"
            :action="`/api/insurance/apply/getEarNumberList?farmId=${detail.farmId}`">
            <el-button type="text">选择</el-button>
          </ai-eartag-picker>
        </template>
-        <ai-table :tableData="detail.detailList" :colConfigs="columns" :isShowPagination="!1" hideOptions/>
+        <ai-table :tableData="detail.detailList" :colConfigs="columns" :isShowPagination="!1" hideOptions />
      </ai-card>
      <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/>
-            <el-image :src="detail[img.prop]" :preview-src-list="[detail[img.prop]]" v-else/>
+          <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>
      </ai-card>
-      <ai-card title="审核信息" v-if="!(isAdd||isAudit)">
+      <ai-card title="审核信息" v-if="!(isAdd || isAudit)">
        <el-form-item label="审核状态">{{ dict.getLabel('auditStatus', detail.auditStatus) }}</el-form-item>
        <el-form-item label="保单资料" class="sc-4">
-          <el-image :src="detail.picture" :preview-src-list="[detail.picture]"/>
+          <el-image :src="detail.picture" :preview-src-list="[detail.picture]" />
        </el-form-item>
        <el-form-item label="审核时间">{{ detail.auditTime }}</el-form-item>
        <el-form-item label="审核人">{{ detail.auditName }}</el-form-item>
@@ -176,20 +184,26 @@ export default {
      </ai-card>
      <ai-card title="保险资料" v-if="isAudit">
        <div class="grid">
-          <el-form-item label="保单订单号" prop="orderNo" :rules="{required:true,message:'请输入 保单订单号'}">
-            <ai-input v-model="detail.orderNo"/>
+          <el-form-item label="审批" prop="auditStatus"
+            :rules="[{ required: true, type: 'enum', enum: [2, 3], message: '请选择是否同意' },]">
+            <ai-audit @change="v => $set(detail, 'auditStatus', v)" />
          </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 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: '请输入 保单订单号' }"
+            v-if="detail.auditStatus == 2">
+            <ai-input v-model="detail.orderNo" />
+          </el-form-item>
+
          <el-form-item label="说明">
-            <ai-input type="textarea" :rows="3" v-model="detail.remarks"/>
+            <ai-input type="textarea" :rows="3" v-model="detail.remarks" />
          </el-form-item>
        </div>
      </ai-card>
    </el-form>
    <div slot="footer">
-      <template v-if="isAdd||isEdit">
+      <template v-if="isAdd || isEdit">
        <el-button type="primary" @click="submit">提交</el-button>
      </template>
      <el-button v-if="isAudit" type="primary" @click="handleAudit">提交</el-button>
--- a/project/xumu/AppLoanAudit/add.vue
+++ b/project/xumu/AppLoanAudit/add.vue
@@ -1,18 +1,19 @@
 <script>
-import {mapState} from "vuex"
+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 records = [
-  {label: "序号", type: "index"},
-  {label: "报案号", prop: "reportNo"},
-  {label: "审批状态", prop: "auditStatus", dict: "auditStatus"},
-  {label: "审批时间", prop: "auditTime"},
-  {label: "审批人", prop: "auditName"},
+  { label: "序号", type: "index" },
+  { label: "报案号", prop: "reportNo" },
+  { label: "审批状态", prop: "auditStatus", dict: "auditStatus" },
+  { label: "审批时间", prop: "auditTime" },
+  { label: "审批人", prop: "auditName" },
 ]
 export default {
  name: "loanAdd",
-  components: {AiIdcardRemote, AiEartagPicker},
+  components: { AiIdcardRemote, AiEartagPicker, AiAudit },
  props: {
    instance: Function,
    permissions: Function,
@@ -20,7 +21,7 @@ export default {
  },
  data() {
    return {
-      detail: {detailList: []},
+      detail: { detailList: [] },
      records,
      filterText: "",
      bankList: []
@@ -36,17 +37,17 @@ export default {
    isAdd: v => !v.$route.query.id,
    isAudit: v => v.$route.hash == "#audit",
    formImages: v => [
-      {label: "身份证(正面)", prop: "frontCard", rules: {required: v.isAdd, message: '请上传 身份证(正面)'}},
-      {label: "身份证(反面)", prop: "reverseCard", rules: {required: v.isAdd, message: '请上传 身份证(反面)'}},
-      {label: "营业执照", prop: "businessPic", rules: {required: v.isAdd, message: '请上传 营业执照'}},
-      {label: "畜禽经营许可证", prop: "breedPic", rules: {required: v.isAdd, message: '请上传 畜禽经营许可证'}},
-      {label: "动物防疫条件许可证", prop: "prevention", rules: {required: v.isAdd, message: '请上传 动物防疫条件许可证'}},
+      { label: "身份证(正面)", prop: "frontCard", rules: { required: v.isAdd, message: '请上传 身份证(正面)' } },
+      { label: "身份证(反面)", prop: "reverseCard", rules: { required: v.isAdd, message: '请上传 身份证(反面)' } },
+      { label: "营业执照", prop: "businessPic", rules: { required: v.isAdd, message: '请上传 营业执照' } },
+      { label: "畜禽经营许可证", prop: "breedPic", rules: { required: v.isAdd, message: '请上传 畜禽经营许可证' } },
+      { label: "动物防疫条件许可证", prop: "prevention", rules: { required: v.isAdd, message: '请上传 动物防疫条件许可证' } },
    ],
    columns: v => [
-      {label: "序号", type: "index"},
-      {label: "生物芯片耳标号", prop: "biochipEarNumber"},
-      {label: "类别", prop: "category", dict: "category"},
-      {label: "品种", prop: "variety", dict: "variety"}
+      { label: "序号", type: "index" },
+      { label: "生物芯片耳标号", prop: "biochipEarNumber" },
+      { label: "类别", prop: "category", dict: "category" },
+      { label: "品种", prop: "variety", dict: "variety" }
    ].filter(e => !e.hide),
    selectedEartags: v => v.detail.detailList?.length || 0,
    tableData: v => v.detail.detailList?.filter(e => e.biochipEarNumber.indexOf(v.filterText) > -1) || [],
@@ -56,14 +57,14 @@ export default {
      this.$router.push(params)
    },
    getDetail() {
-      const {id} = this.$route.query
-      return id ? this.instance.post("/api/loan/apply/getInfo", null, {params: {id}}).then(res => {
+      const { id } = this.$route.query
+      return id ? this.instance.post("/api/loan/apply/getInfo", null, { params: { id } }).then(res => {
        if (res?.data) {
          const detail = res.data
          detail.detailList = detail.detailList || []
-          let {farmPicture: picture} = detail
+          let { farmPicture: picture } = detail
          picture = JSON.parse(picture || "{}")
-          return this.detail = {...detail, ...picture}
+          return this.detail = { ...detail, ...picture }
        }
      }) : Promise.resolve()
    },
@@ -71,14 +72,14 @@ export default {
      this.$refs.detail.validate().then(() => {
        const farmPicture = {}
        this.formImages.forEach(e => {
-          const {prop} = e
+          const { prop } = e
          const val = this.detail[prop]
          if (val) {
            farmPicture[prop] = val
          }
        })
        this.detail.farmPicture = JSON.stringify(farmPicture)
-        this.instance.post("/api/loan/apply/addOrEditOffline", {...this.detail}).then(res => {
+        this.instance.post("/api/loan/apply/addOrEditOffline", { ...this.detail }).then(res => {
          if (res?.code == '0') {
            this.$message.success("提交成功!")
            this.back()
@@ -88,7 +89,7 @@ export default {
    },
    audit() {
      this.$refs.detail.validate().then(() => {
-        this.instance.post("/api/loan/apply/audit", {...this.detail}).then(res => {
+        this.instance.post("/api/loan/apply/audit", { ...this.detail }).then(res => {
          if (res?.code == '0') {
            this.$message.success("提交成功!")
            this.back()
@@ -110,7 +111,7 @@ export default {
    },
    getRemoteInfo(userId) {
      userId && this.instance.post("/api/siteUser/querySiteByUserId", null, {
-        params: {userId}
+        params: { userId }
      }).then(res => {
        if (res?.data) {
          this.$set(this.detail, "farmId", res.data?.[0]?.id)
@@ -130,78 +131,81 @@ export default {
      <ai-card title="基础信息">
        <div class="grid">
          <el-form-item label="养殖户" class="row">
-            <ai-idcard-remote :instance="instance" @enter="getRemoteInfo"/>
+            <ai-idcard-remote :instance="instance" @enter="getRemoteInfo" />
          </el-form-item>
-          <el-form-item label="养殖场" prop="farmId" :rules="{required: isAdd,message:'请选择 养殖场'}">
-            <ai-select v-if="isAdd" 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 label="养殖场" prop="farmId" :rules="{ required: isAdd, message: '请选择 养殖场' }">
+            <ai-select v-if="isAdd" 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="bankId" :rules="{required: isAdd,message:'请选择 贷款银行'}">
-            <ai-select v-if="isAdd" v-model="detail.bankId" :select-list="bankList" :prop="{label:'name'}" disabled/>
-            <b v-else v-text="detail.bankName"/>
+          <el-form-item label="贷款银行" prop="bankId" :rules="{ required: isAdd, message: '请选择 贷款银行' }">
+            <ai-select v-if="isAdd" v-model="detail.bankId" :select-list="bankList" :prop="{ label: 'name' }"
+              disabled />
+            <b v-else v-text="detail.bankName" />
          </el-form-item>
-          <el-form-item label="贷款产品" prop="productType" :rules="{required: isAdd,message:'请选择 贷款产品'}">
-            <ai-select v-if="isAdd" v-model="detail.productType"
-                       :select-list="getProducts(detail.bankId)" :prop="{label:'name',value:'productType'}"/>
-            <b v-else v-text="dict.getLabel('loanProduct',detail.productType)"/>
+          <el-form-item label="贷款产品" prop="productType" :rules="{ required: isAdd, message: '请选择 贷款产品' }">
+            <ai-select v-if="isAdd" v-model="detail.productType" :select-list="getProducts(detail.bankId)"
+              :prop="{ label: 'name', value: 'productType' }" />
+            <b v-else v-text="dict.getLabel('loanProduct', detail.productType)" />
          </el-form-item>
-          <el-form-item label="预期贷款额(万)" prop="loanAmount" :rules="{required: isAdd,message:'请输入 预期贷款额'}">
-            <ai-input v-model.number="detail.loanAmount" :edit="isAdd"/>
+          <el-form-item label="预期贷款额(万)" prop="loanAmount" :rules="{ required: isAdd, message: '请输入 预期贷款额' }">
+            <ai-input v-model.number="detail.loanAmount" :edit="isAdd" />
          </el-form-item>
-          <el-form-item label="联系人" prop="contacts" :rules="{required: isAdd,message:'请输入 联系人'}">
-            <ai-input v-model="detail.contacts" :edit="isAdd"/>
+          <el-form-item label="联系人" prop="contacts" :rules="{ required: isAdd, message: '请输入 联系人' }">
+            <ai-input v-model="detail.contacts" :edit="isAdd" />
          </el-form-item>
-          <el-form-item label="联系电话" prop="phone" :rules="{required: isAdd,message:'请输入 联系电话'}">
-            <ai-input v-model="detail.phone" :edit="isAdd"/>
+          <el-form-item label="联系电话" prop="phone" :rules="{ required: isAdd, message: '请输入 联系电话' }">
+            <ai-input v-model="detail.phone" :edit="isAdd" />
          </el-form-item>
        </div>
      </ai-card>
      <ai-card title="质押标的">
        <template #right>
-          <ai-input placeholder="请输入/扫描耳标号" v-model="filterText" class="shrink"/>
-          <ai-eartag-picker @select="v=>detail.detailList=v" :instance="instance" v-if="isAdd"
+          <ai-input placeholder="请输入/扫描耳标号" v-model="filterText" class="shrink" />
+          <ai-eartag-picker @select="v => detail.detailList = v" :instance="instance" v-if="isAdd"
            :action="`/api/insurance/apply/getEarNumberList?farmId=${detail.farmId}`">
            <el-button type="text">选择</el-button>
          </ai-eartag-picker>
        </template>
-        <ai-highlight class="mar-b8 font-14" :content="`拟抵押标的选择 @v 只`" color="red" :value="selectedEartags"/>
-        <ai-table :tableData="tableData" :colConfigs="columns" :isShowPagination="!1" hideOptions/>
+        <ai-highlight class="mar-b8 font-14" :content="`拟抵押标的选择 @v 只`" color="red" :value="selectedEartags" />
+        <ai-table :tableData="tableData" :colConfigs="columns" :isShowPagination="!1" hideOptions />
      </ai-card>
      <ai-card title="证件信息">
        <div v-if="isAdd" class="font-12 color-888">只能上传JPG/PNG文件，且不超过2M</div>
        <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 :readonly="!isAdd" v-model="detail[img.prop]" :instance="instance" :limit="1" value-is-url/>
+          <el-form-item v-for="(img, i) in formImages" :key="i" v-bind="img">
+            <ai-uploader :readonly="!isAdd" v-model="detail[img.prop]" :instance="instance" :limit="1" value-is-url />
          </el-form-item>
        </div>
      </ai-card>
      <ai-card title="银行资料" v-if="isAdd">
        <div class="grid">
-          <el-form-item label="贷款合同号" prop="contractNo" :rules="{required:true,message:'请输入贷款合同号'}">
-            <ai-input v-model="detail.contractNo"/>
+          <el-form-item label="贷款合同号" prop="contractNo" :rules="{ required: true, message: '请输入贷款合同号' }">
+            <ai-input v-model="detail.contractNo" />
          </el-form-item>
          <el-form-item label="贷款资料" class="sc-2">
-            <ai-uploader v-model="detail.picture" value-is-url :instance="instance" :limit="1"/>
+            <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"/>
+            <ai-input type="textarea" :rows="3" v-model="detail.remarks" />
          </el-form-item>
        </div>
      </ai-card>
      <ai-card title="审核信息" v-if="!isAdd">
        <div class="grid">
          <template v-if="isAudit">
-            <el-form-item label="审批状态" prop="auditStatus" :rules="{required:true,message:'请选择审批状态'}">
-              <ai-select v-model="detail.auditStatus" dict="auditStatus"/>
+            <el-form-item label="审批状态" prop="auditStatus" :rules="{ required: true, message: '请选择审批状态' }">
+              <ai-audit @change="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"/>
+              <ai-uploader v-model="detail.picture" value-is-url :instance="instance" :limit="1" />
            </el-form-item>
-            <el-form-item label="贷款合同号" prop="contractNo" :rules="{required:true,message:'请输入 报案号'}">
-              <ai-input v-model="detail.contractNo"/>
+            <el-form-item label="贷款合同号" prop="contractNo"
+              :rules="{ required: detail.auditStatus == 2, message: '请输入 报案号' }">
+              <ai-input v-model="detail.contractNo" />
            </el-form-item>
            <el-form-item label="说明">
-              <ai-input type="textarea" :rows="3" v-model="detail.remarks"/>
+              <ai-input type="textarea" :rows="3" v-model="detail.remarks" />
            </el-form-item>
          </template>
          <template v-else>
@@ -209,7 +213,7 @@ export default {
            <el-form-item label="贷款合同号">{{ detail.contractNo }}</el-form-item>
            <el-form-item label="审核时间">{{ detail.auditTime }}</el-form-item>
            <el-form-item label="贷款资料" class="sc-3">
-              <el-image :src="detail.picture" :preview-src-list="[detail.picture]"/>
+              <el-image :src="detail.picture" :preview-src-list="[detail.picture]" />
            </el-form-item>
            <el-form-item label="审核人">{{ detail.auditName }}</el-form-item>
            <el-form-item label="说明">{{ detail.remarks }}</el-form-item>
--- a/project/xumu/components/AiAudit.vue
+++ b/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>
--- a/project/xumu/components/AiEartagPicker.vue
+++ b/project/xumu/components/AiEartagPicker.vue
@@ -3,10 +3,10 @@ export default {
  name: "AiEartagPicker",
  props: {
    instance: Function,
-    value: {default: () => []},
-    action: {default: "/api/breed/earTag/getEarTagByPenId"},
+    value: { default: () => [] },
+    action: { default: "/api/breed/earTag/getEarTagByPenId" },
    penId: String,
-    valueKey: String
+    valueKey: { type: String, default: "biochipEarNumber" }
  },
  model: {
    prop: "value",
@@ -45,9 +45,9 @@ export default {
          this.origin = res.data ?? []
          this.list = res.data?.map(v => {
            if (typeof v == 'string') {
-              return {key: v, label: v}
+              return { key: v, label: v }
            } else if (key) {
-              return {key: v[key], label: v[key]}
+              return { key: v[key], label: v[key] }
            }
          }) || []
        }
@@ -65,15 +65,15 @@ export default {
 <template>
  <section class="AiEartagPicker">
    <div style="width: auto;" v-if="$slots.default" @click="dialog = true">
-      <slot/>
+      <slot />
    </div>
    <el-select v-else :value="value" clearable multiple placeholder="请选择">
-      <el-option v-for="(op,i) in list" :key="i" :label="op.label" :value="op.key"/>
-      <div slot="prefix" @click.stop="dialog = true"/>
+      <el-option v-for="(op, i) in list" :key="i" :label="op.label" :value="op.key" />
+      <div slot="prefix" @click.stop="dialog = true" />
    </el-select>
    <ai-dialog v-model="dialog" title="选择牲畜" width="800px" @confirm="handleConfirm" @closed="selected = []"
      @open="selected = value">
-      <el-transfer :data="list" v-model="selected" :titles="['可选', '已选择']"/>
+      <el-transfer :data="list" v-model="selected" :titles="['可选', '已选择']" />
    </ai-dialog>
  </section>
 </template>
@@ -95,7 +95,7 @@ export default {
      right: 0;
      z-index: 999;

-      & > div {
+      &>div {
        height: 100%;
      }
    }
Author	SHA1	Message	Date
aixianling	6b030791bb	feat(AppInsuranceAudit): 优化耳标号选择和养殖场查询功能 - 在 add.vue 中增加 targetUser 字段，用于查询养殖场 - 修改 AiEartagPicker 组件，增加 valueKey 属性默认值 - 优化代码格式和样式	2025-01-17 10:36:41 +08:00
aixianling	d0922c5309	feat(AppLoanAudit): 优化审核页面功能和样式 - 新增 AiAudit 组件用于审批状态选择 - 调整审批状态字段的验证规则 - 优化页面布局和样式，统一代码格式 - 引入新的组件和 API 接口	2025-01-17 10:17:55 +08:00
aixianling	d46bb82086	refactor(xumu): 解除 AppInsuranceAudit 页面的代码注释 - 移除了 handleAudit 方法中对 API 提交逻辑的注释 - 恢复了代码的原始功能，允许用户提交保险审核申请	2025-01-17 10:11:21 +08:00
aixianling	1ead1b2e9a	refactor(xumu): 优化保险申请和审核功能 - 修改保险产品显示逻辑，使用字典标签展示 - 临时注释审计提交功能 - 优化审计状态选择器配置 - 条件渲染保单订单号输入框	2025-01-17 10:10:54 +08:00
aixianling	c5f4f9b356	feat(AppInsuranceAudit): 新增产品类型字典支持 - 在 AppInsuranceAudit 组件中加载 productType 字典 - 在 add 组件中使用 productType 字典显示投保产品名称 - 优化 add 组件中的表单布局	2025-01-17 09:51:05 +08:00
aixianling	3fbde7f193	feat(AppInsuranceAudit): 添加审批组件并优化投保页面 - 新增 AiAudit 组件用于审批操作 - 在投保页面引入并使用 AiAudit 组件 - 优化投保页面布局和样式	2025-01-17 09:25:50 +08:00
aixianling	e5abd1514b	feat(AppInsuranceAudit): 添加保险资料审批功能 - 在保险资料卡片中增加审批选项 - 添加审批状态选择框，包括"同意"和"不同意"两个选项 - 审批选项为必选项，增加了验证规则	2025-01-17 09:13:17 +08:00
aixianling	33ed4fe5d5	style(xumu): 格式化 AppInsuranceAudit/add.vue 文件 - 使用 ESLint 规则格式化了代码 - 调整了缩进、空格和换行 - 修复了一些小的语法问题	2025-01-17 09:10:23 +08:00