feat(AppLoanAudit): 优化审核页面功能和样式

- 新增 AiAudit 组件用于审批状态选择
- 调整审批状态字段的验证规则
- 优化页面布局和样式，统一代码格式
- 引入新的组件和 API 接口

project/xumu/AppLoanAudit/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 records = [
   { label: "序号", type: "index" },
@@ -12,7 +13,7 @@ const records = [
 ]
 export default {
   name: "loanAdd",
-  components: {AiIdcardRemote, AiEartagPicker},
+  components: { AiIdcardRemote, AiEartagPicker, AiAudit },
   props: {
     instance: Function,
     permissions: Function,
@@ -133,16 +134,18 @@ export default {
             <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'}"/>
+            <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/>
+            <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'}"/>
+            <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: '请输入 预期贷款额' }">
@@ -192,12 +195,13 @@ export default {
         <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"/>
+              <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" />
             </el-form-item>
-            <el-form-item label="贷款合同号" prop="contractNo" :rules="{required:true,message:'请输入 报案号'}">
+            <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="说明">