feat: 资信管理-新增&编辑&变更—增加必填字段：编号、办事处、区域、简写名称、企业类型、登记日期、单位名称、授信额度、结算期限 + 资信管理-审核—运作科主管-结算期限、授信额度必填

史婷婷
1 parent c5e16568
Showing 4 changed files with 106 additions and 20 deletions
pages/credit_manage/add.vue
pages/credit_manage/change.vue
pages/credit_manage/modify.vue
pages/flow/audit.vue
--- a/pages/credit_manage/add.vue
View file @4a07016
+++ b/pages/credit_manage/add.vue
View file @4a07016
@@ -15,6 +15,9 @@
         </uni-list-item>
         <uni-list-item title="办事处">
+          <template v-slot:body>
+            <view class="item-title"><text class="required">*</text><text>办事处</text></view>
+          </template>
           <template v-slot:footer>
             <view class="readonly-text">{{ form.deptName }}</view>
           </template>
@@ -23,10 +26,13 @@
         <uni-list-item class="select-item" :class="form.region ? 'is-filled' : 'is-empty'" clickable
           @click="openSheet('region')" :rightText="displayLabel('regionName')" showArrow>
           <template v-slot:body>
-            <view class="item-title"><text>区域</text></view>
+            <view class="item-title"><text class="required">*</text><text>区域</text></view>
           </template>
         </uni-list-item>
-        <uni-list-item title="简写名称">
+        <uni-list-item class="select-item" :class="form.customerShortName ? 'is-filled' : 'is-empty'">
+          <template v-slot:body>
+            <view class="item-title"><text class="required">*</text><text>简写名称</text></view>
+          </template>
           <template v-slot:footer>
             <uni-easyinput v-model="form.customerShortName" placeholder="请输入简写名称" :inputBorder="false" />
           </template>
@@ -35,11 +41,14 @@
         <uni-list-item class="select-item" :class="form.enterpriseType ? 'is-filled' : 'is-empty'" clickable
           @click="openSheet('enterpriseType')" :rightText="displayLabel('enterpriseTypeName')" showArrow>
           <template v-slot:body>
-            <view class="item-title"><text>企业类型</text></view>
+            <view class="item-title"><text class="required">*</text><text>企业类型</text></view>
           </template>
         </uni-list-item>
         <uni-list-item class="mgb10" title="登记日期">
+          <template v-slot:body>
+            <view class="item-title"><text class="required">*</text><text>登记日期</text></view>
+          </template>
           <template v-slot:footer>
             <uni-datetime-picker type="date" v-model="form.registerDate" />
           </template>
@@ -257,7 +266,7 @@
         </uni-list-item>
         <uni-list-item class="amount-item">
           <template v-slot:body>
-            <view class="item-title"><text>授信额度</text></view>
+            <view class="item-title"><text class="required">*</text><text>授信额度</text></view>
           </template>
           <template v-slot:footer>
             <view class="amount-row">
@@ -267,6 +276,9 @@
           </template>
         </uni-list-item>
         <uni-list-item title="结算期限">
+          <template v-slot:body>
+            <view class="item-title"><text class="required">*</text><text>结算期限</text></view>
+          </template>
           <template v-slot:footer>
             <uni-easyinput v-model="form.settlementPeriod" placeholder="请输入结算期限" :inputBorder="false" />
           </template>
@@ -498,12 +510,21 @@ export default {
     validateRequired() {
       const checks = [
         { key: 'serialNumber', label: '编号' },
-        { key: 'companyId', label: '单位名称' }
+        { key: 'deptId', label: '办事处' },
+        { key: 'region', label: '区域' },
+        { key: 'customerShortName', label: '简写名称' },
+        { key: 'enterpriseType', label: '企业类型' },
+        { key: 'registerDate', label: '登记日期' },
+        { key: 'companyId', label: '单位名称' },
+        { key: 'creditLimit', label: '授信额度' },
+        { key: 'settlementPeriod', label: '结算期限' }
       ]
       for (const it of checks) {
         const val = this.form[it.key]
         if (val === undefined || val === null || String(val).trim() === '') {
-          uni.showToast({ title: `请先选择${it.label}`, icon: 'none' })
+          const isInput = ['customerShortName', 'settlementPeriod', 'creditLimit'].includes(it.key);
+          const verb = isInput ? '输入' : '选择';
+          uni.showToast({ title: `请先${verb}${it.label}`, icon: 'none' })
           return false
         }
       }
--- a/pages/credit_manage/change.vue
View file @4a07016
+++ b/pages/credit_manage/change.vue
View file @4a07016
@@ -14,6 +14,9 @@
         </uni-list-item>
         <uni-list-item title="办事处">
+          <template v-slot:body>
+            <view class="item-title"><text class="required">*</text><text>办事处</text></view>
+          </template>
           <template v-slot:footer>
             <view class="readonly-text">{{ form.deptName }}</view>
           </template>
@@ -22,10 +25,13 @@
         <uni-list-item class="select-item" :class="form.region ? 'is-filled' : 'is-empty'" clickable
           @click="openSheet('region')" :rightText="displayLabel('regionName')" showArrow>
           <template v-slot:body>
-            <view class="item-title"><text>区域</text></view>
+            <view class="item-title"><text class="required">*</text><text>区域</text></view>
           </template>
         </uni-list-item>
-        <uni-list-item title="简写名称">
+        <uni-list-item class="select-item" :class="form.customerShortName ? 'is-filled' : 'is-empty'">
+          <template v-slot:body>
+            <view class="item-title"><text class="required">*</text><text>简写名称</text></view>
+          </template>
           <template v-slot:footer>
             <uni-easyinput v-model="form.customerShortName" placeholder="请输入简写名称" :inputBorder="false" />
           </template>
@@ -34,11 +40,14 @@
         <uni-list-item class="select-item" :class="form.enterpriseType ? 'is-filled' : 'is-empty'" clickable
           @click="openSheet('enterpriseType')" :rightText="displayLabel('enterpriseTypeName')" showArrow>
           <template v-slot:body>
-            <view class="item-title"><text>企业类型</text></view>
+            <view class="item-title"><text class="required">*</text><text>企业类型</text></view>
           </template>
         </uni-list-item>
         <uni-list-item class="mgb10" title="登记日期">
+          <template v-slot:body>
+            <view class="item-title"><text class="required">*</text><text>登记日期</text></view>
+          </template>
           <template v-slot:footer>
             <uni-datetime-picker type="date" v-model="form.registerDate" />
           </template>
@@ -256,7 +265,7 @@
         </uni-list-item>
         <uni-list-item class="amount-item">
           <template v-slot:body>
-            <view class="item-title"><text>授信额度</text></view>
+            <view class="item-title"><text class="required">*</text><text>授信额度</text></view>
           </template>
           <template v-slot:footer>
             <view class="amount-row">
@@ -266,6 +275,9 @@
           </template>
         </uni-list-item>
         <uni-list-item title="结算期限">
+          <template v-slot:body>
+            <view class="item-title"><text class="required">*</text><text>结算期限</text></view>
+          </template>
           <template v-slot:footer>
             <uni-easyinput v-model="form.settlementPeriod" placeholder="请输入结算期限" :inputBorder="false" />
           </template>
@@ -512,12 +524,21 @@ export default {
     validateRequired() {
       const checks = [
         { key: 'serialNumber', label: '编号' },
-        { key: 'companyId', label: '单位名称' }
+        { key: 'deptName', label: '办事处' },
+        { key: 'region', label: '区域' },
+        { key: 'customerShortName', label: '简写名称' },
+        { key: 'enterpriseType', label: '企业类型' },
+        { key: 'registerDate', label: '登记日期' },
+        { key: 'companyId', label: '单位名称' },
+        { key: 'creditLimit', label: '授信额度' },
+        { key: 'settlementPeriod', label: '结算期限' }
       ]
       for (const it of checks) {
         const val = this.form[it.key]
         if (val === undefined || val === null || String(val).trim() === '') {
-          uni.showToast({ title: `请先选择${it.label}`, icon: 'none' })
+          const isInput = ['customerShortName', 'settlementPeriod', 'creditLimit'].includes(it.key);
+          const verb = isInput ? '输入' : '选择';
+          uni.showToast({ title: `请先${verb}${it.label}`, icon: 'none' })
           return false
         }
       }
@@ -622,6 +643,7 @@ export default {
   padding-bottom: calc(32rpx + env(safe-area-inset-bottom));
   background: #fff;
   box-shadow: 0 -8rpx 24rpx rgba(0, 0, 0, 0.06);
+  z-index: 10;
   .btn {
     height: 80rpx;
--- a/pages/credit_manage/modify.vue
View file @4a07016
+++ b/pages/credit_manage/modify.vue
View file @4a07016
@@ -14,6 +14,9 @@
         </uni-list-item>
         <uni-list-item title="办事处">
+          <template v-slot:body>
+            <view class="item-title"><text class="required">*</text><text>办事处</text></view>
+          </template>
           <template v-slot:footer>
             <view class="readonly-text">{{ form.deptName }}</view>
           </template>
@@ -21,10 +24,13 @@
         <uni-list-item class="select-item" :class="form.region ? 'is-filled' : 'is-empty'" clickable
           @click="openSheet('region')" :rightText="displayLabel('regionName')" showArrow>
           <template v-slot:body>
-            <view class="item-title"><text>区域</text></view>
+            <view class="item-title"><text class="required">*</text><text>区域</text></view>
           </template>
         </uni-list-item>
-        <uni-list-item title="简写名称">
+        <uni-list-item class="select-item" :class="form.customerShortName ? 'is-filled' : 'is-empty'">
+          <template v-slot:body>
+            <view class="item-title"><text class="required">*</text><text>简写名称</text></view>
+          </template>
           <template v-slot:footer>
             <uni-easyinput v-model="form.customerShortName" placeholder="请输入简写名称" :inputBorder="false" />
           </template>
@@ -33,11 +39,14 @@
         <uni-list-item class="select-item" :class="form.enterpriseType ? 'is-filled' : 'is-empty'" clickable
           @click="openSheet('enterpriseType')" :rightText="displayLabel('enterpriseTypeName')" showArrow>
           <template v-slot:body>
-            <view class="item-title"><text>企业类型</text></view>
+            <view class="item-title"><text class="required">*</text><text>企业类型</text></view>
           </template>
         </uni-list-item>
         <uni-list-item class="mgb10" title="登记日期">
+          <template v-slot:body>
+            <view class="item-title"><text class="required">*</text><text>登记日期</text></view>
+          </template>
           <template v-slot:footer>
             <uni-datetime-picker type="date" v-model="form.registerDate" />
           </template>
@@ -255,7 +264,7 @@
         </uni-list-item>
         <uni-list-item class="amount-item">
           <template v-slot:body>
-            <view class="item-title"><text>授信额度</text></view>
+            <view class="item-title"><text class="required">*</text><text>授信额度</text></view>
           </template>
           <template v-slot:footer>
             <view class="amount-row">
@@ -265,6 +274,9 @@
           </template>
         </uni-list-item>
         <uni-list-item title="结算期限">
+          <template v-slot:body>
+            <view class="item-title"><text class="required">*</text><text>结算期限</text></view>
+          </template>
           <template v-slot:footer>
             <uni-easyinput v-model="form.settlementPeriod" placeholder="请输入结算期限" :inputBorder="false" />
           </template>
@@ -511,12 +523,21 @@ export default {
     validateRequired() {
       const checks = [
         { key: 'serialNumber', label: '编号' },
-        { key: 'companyId', label: '单位名称' }
+        { key: 'deptName', label: '办事处' },
+        { key: 'region', label: '区域' },
+        { key: 'customerShortName', label: '简写名称' },
+        { key: 'enterpriseType', label: '企业类型' },
+        { key: 'registerDate', label: '登记日期' },
+        { key: 'companyId', label: '单位名称' },
+        { key: 'creditLimit', label: '授信额度' },
+        { key: 'settlementPeriod', label: '结算期限' }
       ]
       for (const it of checks) {
         const val = this.form[it.key]
         if (val === undefined || val === null || String(val).trim() === '') {
-          uni.showToast({ title: `请先选择${it.label}`, icon: 'none' })
+          const isInput = ['customerShortName', 'settlementPeriod', 'creditLimit'].includes(it.key);
+          const verb = isInput ? '输入' : '选择';
+          uni.showToast({ title: `请先${verb}${it.label}`, icon: 'none' })
           return false
         }
       }
--- a/pages/flow/audit.vue
View file @4a07016
+++ b/pages/flow/audit.vue
View file @4a07016
@@ -65,7 +65,10 @@
 				</view>
 				<view class="dialog_body">
 					<uni-list>
-						<uni-list-item title="结算期限">
+						<uni-list-item>
+							<template v-slot:body>
+								<view class="item-title"><text class="required">*</text><text>结算期限</text></view>
+							</template>
 							<template v-slot:footer>
 								<uni-easyinput v-model="companyReview.companySettlementPeriod" placeholder="请输入结算期限"
 									:inputBorder="false" />
@@ -84,7 +87,10 @@
 								<view class="item-title"><text>客户分类</text></view>
 							</template>
 						</uni-list-item>
-						<uni-list-item title="授信额度">
+						<uni-list-item>
+							<template v-slot:body>
+								<view class="item-title"><text class="required">*</text><text>授信额度</text></view>
+							</template>
 							<template v-slot:footer>
 								<view class="amount-row">
 									<uni-easyinput type="number" v-model="companyReview.companyCreditLimit"
@@ -336,6 +342,14 @@ export default {
 		},
 		// 公司评审 保存
 		onCompanyReviewSave() {
+			if (!this.companyReview.companySettlementPeriod) {
+				uni.showToast({ title: '请输入结算期限', icon: 'none' })
+				return
+			}
+			if (!this.companyReview.companyCreditLimit) {
+				uni.showToast({ title: '请输入授信额度', icon: 'none' })
+				return
+			}
 			this.$refs.companyReviewPopup && this.$refs.companyReviewPopup.close();
 			console.log('审核__companyReview', this.companyReview)
 			uni.showToast({ title: '已保存', icon: 'none' })
@@ -688,6 +702,14 @@ export default {
         margin-right: 32rpx;
         color: rgba(0,0,0,0.9);
         padding-right: 0;
+
+        .required {
+          color: red;
+          position: absolute;
+          top: 50%;
+          transform: translateY(-50%);
+          left: -16rpx;
+        }
       }
     }