feat: 资信管理-区域-改成 枚举—卡片&新增&编辑&查看&审核&审核详情&变更 —CREDIT_ZONE

@@ -14,9 +14,10 @@
           </template>
         </uni-list-item>
 
-        <uni-list-item title="区域">
-          <template v-slot:footer>
-            <uni-easyinput v-model="form.region" placeholder="请输入区域" :inputBorder="false" />
+        <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>
           </template>
         </uni-list-item>
         <uni-list-item title="客户简称">
@@ -328,6 +329,7 @@ export default {
       form: {
         serialNumber: '',
         region: '',
+        regionName: '',
         customerShortName: '',
         enterpriseType: '',
         enterpriseTypeName: '',
@@ -381,6 +383,7 @@ export default {
       sheet: { visible: false, title: '请选择', field: '', options: [], value: '' },
       relate: { visible: false, title: '选择', source: '', display: [], multiple: false, rowKey: 'id', selectedKeys: [], fieldKey: '' },
       enterpriseTypeOptions: [],
+      regionOptions: [],
       categoryOptions: [],
       companyCategoryOptions: [],
       investigatorOptions: [],
@@ -389,6 +392,7 @@ export default {
   },
   created() {
     this.loadSerialNumber()
+    this.loadRegionOptions()
     this.loadEnterpriseTypeOptions()
     this.loadCategoryOptions()
     this.loadCompanyCategoryOptions()
@@ -408,6 +412,7 @@ export default {
     displayLabel(field) {
       const m = this.form
       const map = {
+        regionName: '请选择区域',
         enterpriseTypeName: '请选择企业类型',
         suggestedCategoryName: '请选择建议客户分类',
       }
@@ -420,6 +425,9 @@ export default {
         const match = (options || []).find(o => String(o.label) === String(current) || String(o.value) === String(current))
         this.sheet = { ...this.sheet, visible: true, title, options, field, value: match ? match.value : '' }
       }
+      if (field === 'region') {
+        setSheet('区域', this.regionOptions)
+      } else
       if (field === 'enterpriseType') {
         setSheet('企业类型', this.enterpriseTypeOptions)
       } else if (field === 'suggestedCategory') {
@@ -490,6 +498,15 @@ export default {
         this.enterpriseTypeOptions = []
       }
     },
+    async loadRegionOptions() {
+      try {
+        const res = await getDicByCodeApi('CREDIT_ZONE')
+        const list = res.data || []
+        this.regionOptions = (list || []).map(it => ({ label: it.name || '', value: it.code || '' }))
+      } catch (e) {
+        this.regionOptions = []
+      }
+    },
     async loadCategoryOptions() {
       try {
         const res = await getDicByCodeApi('CUSTOMER_CATEGORY')
@@ -552,6 +569,7 @@ export default {
       })
       console.log('onSubmit__payload_2', payload);
       delete payload.enterpriseTypeName
+      delete payload.regionName
       delete payload.suggestedCategoryName
       delete payload.companyIdName
       delete payload.investigatorName

@@ -13,9 +13,10 @@
           </template>
         </uni-list-item>
 
-        <uni-list-item title="区域">
-          <template v-slot:footer>
-            <uni-easyinput v-model="form.region" placeholder="请输入区域" :inputBorder="false" />
+        <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>
           </template>
         </uni-list-item>
         <uni-list-item title="客户简称">
@@ -328,6 +329,7 @@ export default {
         id: '',
         serialNumber: '',
         region: '',
+        regionName: '',
         customerShortName: '',
         enterpriseType: '',
         enterpriseTypeName: '',
@@ -383,6 +385,7 @@ export default {
       sheet: { visible: false, title: '请选择', field: '', options: [], value: '' },
       relate: { visible: false, title: '选择', source: '', display: [], multiple: false, rowKey: 'id', selectedKeys: [], fieldKey: '' },
       enterpriseTypeOptions: [],
+      regionOptions: [],
       categoryOptions: [],
       investigatorOptions: [],
       genderOptions: []
@@ -393,6 +396,7 @@ export default {
     if (this.id) this.loadDetail(this.id)
   },
   created() {
+    this.loadRegionOptions()
     this.loadEnterpriseTypeOptions()
     this.loadCategoryOptions()
     this.loadInvestigatorOptions()
@@ -400,6 +404,7 @@ export default {
   },
   watch: {
     enterpriseTypeOptions() { this.refreshLabelFields() },
+    regionOptions() { this.refreshLabelFields() },
     categoryOptions() { this.refreshLabelFields() },
     investigatorOptions() { this.refreshLabelFields() }
   },
@@ -425,6 +430,7 @@ export default {
     displayLabel(field) {
       const m = this.form
       const map = {
+        regionName: '请选择区域',
         enterpriseTypeName: '请选择企业类型',
         suggestedCategoryName: '请选择建议客户分类',
       }
@@ -433,9 +439,11 @@ export default {
     },
     refreshLabelFields() {
       const et = this.enterpriseTypeOptions.find(o => String(o.value) === String(this.form.enterpriseType))
+      const rn = this.regionOptions.find(o => String(o.value) === String(this.form.region))
       const ct = this.categoryOptions.find(o => String(o.value) === String(this.form.suggestedCategory))
       const iu = this.investigatorOptions.find(o => String(o.value) === String(this.form.investigator))
       this.form.enterpriseTypeName = et ? (et.label || '') : this.form.enterpriseTypeName
+      this.form.regionName = rn ? (rn.label || '') : this.form.regionName
       this.form.suggestedCategoryName = ct ? (ct.label || '') : this.form.suggestedCategoryName
       this.form.investigatorName = iu ? (iu.label || '') : this.form.investigatorName
     },
@@ -445,6 +453,9 @@ export default {
         const match = (options || []).find(o => String(o.label) === String(current) || String(o.value) === String(current))
         this.sheet = { ...this.sheet, visible: true, title, options, field, value: match ? match.value : '' }
       }
+      if (field === 'region') {
+        setSheet('区域', this.regionOptions)
+      } else
       if (field === 'enterpriseType') {
         setSheet('企业类型', this.enterpriseTypeOptions)
       } else if (field === 'suggestedCategory') {
@@ -515,6 +526,15 @@ export default {
         this.enterpriseTypeOptions = []
       }
     },
+    async loadRegionOptions() {
+      try {
+        const res = await getDicByCodeApi('CREDIT_ZONE')
+        const list = res.data || []
+        this.regionOptions = (list || []).map(it => ({ label: it.name || '', value: it.code || '' }))
+      } catch (e) {
+        this.regionOptions = []
+      }
+    },
     async loadCategoryOptions() {
       try {
         const res = await getDicByCodeApi('CUSTOMER_CATEGORY')
@@ -557,6 +577,7 @@ export default {
         delete it.sexName
       })
       delete payload.enterpriseTypeName
+      delete payload.regionName
       delete payload.suggestedCategoryName
       delete payload.companyIdName
       delete payload.investigatorName

@@ -6,7 +6,7 @@
           <text class="row company">{{ form.companyName }}</text>
           <view :class="['status', `status_${form.status}`]" />
           <view class="row"><text class="label">编号</text><text class="value">{{ form.serialNumber }}</text></view>
-          <view class="row"><text class="label">区域</text><text class="value">{{ form.region }}</text></view>
+          <view class="row"><text class="label">区域</text><text class="value">{{ getDicName('CREDIT_ZONE', form.region, regionOptions) }}</text></view>
           <view class="row"><text class="label">客户简称</text><text class="value">{{ form.customerShortName }}</text>
           </view>
           <view class="row"><text class="label">企业类型</text><text class="value">{{ getDicName('ENTERPRISE_TYPE',
@@ -184,6 +184,7 @@ export default {
     return {
       form: {},
       enterpriseTypeOptions: [],
+      regionOptions: [],
       genderOptions: [],
       categoryOptions: [],
       historyList: [],
@@ -192,7 +193,7 @@ export default {
         { text: '审核详情', visible: true, variant: 'outline', event: 'auditDetail' },
         { text: '审核', visible: true, variant: 'primary', event: 'audit' },
         { text: '申请变更', visible: true, variant: 'outline', event: 'changeApply' },
-        { text: '取消', visible: true, variant: 'outline', event: 'cancel', style: { color: 'rgba(0,0,0,0.9)', border: '1px solid #DCDCDC' } },
+        { text: '取消', visible: true, vxrariant: 'outline', event: 'cancel', style: { color: 'rgba(0,0,0,0.9)', border: '1px solid #DCDCDC' } },
       ],
     }
   },
@@ -219,6 +220,7 @@ export default {
     }
   },
   created() {
+    this.loadRegionOptions()
     this.loadEnterpriseTypeOptions()
     this.loadGenderOptions()
     this.loadCategoryOptions()
@@ -248,6 +250,15 @@ export default {
         this.enterpriseTypeOptions = []
       }
     },
+    async loadRegionOptions() {
+      try {
+        const res = await getDicByCodeApi('CREDIT_ZONE')
+        const list = res.data || []
+        this.regionOptions = Array.isArray(list) ? list : []
+      } catch (e) {
+        this.regionOptions = []
+      }
+    },
     async loadGenderOptions() {
       try {
         const res = await getDicByCodeApi('GENDER_TYPE')
@@ -553,4 +564,4 @@ export default {
     font-weight: 600;
   }
 }
-</style>
\ No newline at end of file
+</style>

@@ -33,7 +33,7 @@
 							<text>企业类型</text><text>{{ getDicName('ENTERPRISE_TYPE', item.enterpriseType, dicOptions.ENTERPRISE_TYPE) || '-' }}</text>
 						</view>
 						<view class="info-row">
-							<text>区域</text><text>{{ item.region || '-' }}</text>
+							<text>区域</text><text>{{ getDicName('CREDIT_ZONE', item.region, dicOptions.CREDIT_ZONE) || '-' }}</text>
 						</view>
 						<view class="info-row">
 							<text>客户分类</text><text
@@ -122,7 +122,8 @@
 				dicOptions: {
 					CUSTOMER_CATEGORY: [],
 					AUDIT_STATUS: [],
-					ENTERPRISE_TYPE: []
+					ENTERPRISE_TYPE: [],
+					CREDIT_ZONE: []
 				},
 				statusLocal: [],
 				categoryLocal: []
@@ -267,11 +268,12 @@
 					})
 			},
 			loadAllDicData() {
-				const dicCodes = ['CUSTOMER_CATEGORY', 'AUDIT_STATUS', 'ENTERPRISE_TYPE']
+				const dicCodes = ['CUSTOMER_CATEGORY', 'AUDIT_STATUS', 'ENTERPRISE_TYPE', 'CREDIT_ZONE']
 				return getDicByCodes(dicCodes).then(results => {
 					this.dicOptions.CUSTOMER_CATEGORY = results.CUSTOMER_CATEGORY.data || []
 					this.dicOptions.AUDIT_STATUS = results.AUDIT_STATUS.data || []
 					this.dicOptions.ENTERPRISE_TYPE = results.ENTERPRISE_TYPE.data || []
+					this.dicOptions.CREDIT_ZONE = results.CREDIT_ZONE.data || [];
 					this.categoryLocal = (this.dicOptions.CUSTOMER_CATEGORY || []).map(it => ({
 						value: it.code,
 						text: it.name
@@ -284,7 +286,8 @@
 					this.dicOptions = {
 						CUSTOMER_CATEGORY: [],
 						AUDIT_STATUS: [],
-						ENTERPRISE_TYPE: []
+						ENTERPRISE_TYPE: [],
+						CREDIT_ZONE: []
 					}
 					this.categoryLocal = []
 					this.statusLocal = []

@@ -13,9 +13,10 @@
           </template>
         </uni-list-item>
 
-        <uni-list-item title="区域">
-          <template v-slot:footer>
-            <uni-easyinput v-model="form.region" placeholder="请输入区域" :inputBorder="false" />
+        <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>
           </template>
         </uni-list-item>
         <uni-list-item title="客户简称">
@@ -328,6 +329,7 @@ export default {
         id: '',
         serialNumber: '',
         region: '',
+        regionName: '',
         customerShortName: '',
         enterpriseType: '',
         enterpriseTypeName: '',
@@ -383,6 +385,7 @@ export default {
       sheet: { visible: false, title: '请选择', field: '', options: [], value: '' },
       relate: { visible: false, title: '选择', source: '', display: [], multiple: false, rowKey: 'id', selectedKeys: [], fieldKey: '' },
       enterpriseTypeOptions: [],
+      regionOptions: [],
       categoryOptions: [],
       investigatorOptions: [],
       genderOptions: []
@@ -393,6 +396,7 @@ export default {
     if (this.id) this.loadDetail(this.id)
   },
   created() {
+    this.loadRegionOptions()
     this.loadEnterpriseTypeOptions()
     this.loadCategoryOptions()
     this.loadInvestigatorOptions()
@@ -400,6 +404,7 @@ export default {
   },
   watch: {
     enterpriseTypeOptions() { this.refreshLabelFields() },
+    regionOptions() { this.refreshLabelFields() },
     categoryOptions() { this.refreshLabelFields() },
     investigatorOptions() { this.refreshLabelFields() }
   },
@@ -425,6 +430,7 @@ export default {
     displayLabel(field) {
       const m = this.form
       const map = {
+        regionName: '请选择区域',
         enterpriseTypeName: '请选择企业类型',
         suggestedCategoryName: '请选择建议客户分类',
       }
@@ -433,9 +439,11 @@ export default {
     },
     refreshLabelFields() {
       const et = this.enterpriseTypeOptions.find(o => String(o.value) === String(this.form.enterpriseType))
+      const rn = this.regionOptions.find(o => String(o.value) === String(this.form.region))
       const ct = this.categoryOptions.find(o => String(o.value) === String(this.form.suggestedCategory))
       const iu = this.investigatorOptions.find(o => String(o.value) === String(this.form.investigator))
       this.form.enterpriseTypeName = et ? (et.label || '') : this.form.enterpriseTypeName
+      this.form.regionName = rn ? (rn.label || '') : this.form.regionName
       this.form.suggestedCategoryName = ct ? (ct.label || '') : this.form.suggestedCategoryName
       this.form.investigatorName = iu ? (iu.label || '') : this.form.investigatorName
     },
@@ -445,6 +453,9 @@ export default {
         const match = (options || []).find(o => String(o.label) === String(current) || String(o.value) === String(current))
         this.sheet = { ...this.sheet, visible: true, title, options, field, value: match ? match.value : '' }
       }
+      if (field === 'region') {
+        setSheet('区域', this.regionOptions)
+      } else
       if (field === 'enterpriseType') {
         setSheet('企业类型', this.enterpriseTypeOptions)
       } else if (field === 'suggestedCategory') {
@@ -515,6 +526,15 @@ export default {
         this.enterpriseTypeOptions = []
       }
     },
+    async loadRegionOptions() {
+      try {
+        const res = await getDicByCodeApi('CREDIT_ZONE')
+        const list = res.data || []
+        this.regionOptions = (list || []).map(it => ({ label: it.name || '', value: it.code || '' }))
+      } catch (e) {
+        this.regionOptions = []
+      }
+    },
     async loadCategoryOptions() {
       try {
         const res = await getDicByCodeApi('CUSTOMER_CATEGORY')
@@ -557,6 +577,7 @@ export default {
         delete it.sexName
       })
       delete payload.enterpriseTypeName
+      delete payload.regionName
       delete payload.suggestedCategoryName
       delete payload.companyIdName
       delete payload.investigatorName

@@ -3,7 +3,7 @@
         <view class="section">
             <text class="row company">{{ form.companyName }}</text>
             <view class="row"><text class="label">编号</text><text class="value">{{ form.serialNumber }}</text></view>
-            <view class="row"><text class="label">区域</text><text class="value">{{ form.region }}</text></view>
+            <view class="row"><text class="label">区域</text><text class="value">{{ getDicName('CREDIT_ZONE', form.region, regionOptions) }}</text></view>
             <view class="row"><text class="label">客户简称</text><text class="value">{{ form.customerShortName }}</text>
             </view>
             <view class="row"><text class="label">企业类型</text><text class="value">{{ getDicName('ENTERPRISE_TYPE',
@@ -188,12 +188,14 @@ export default {
         return {
             form: {},
             enterpriseTypeOptions: [],
+            regionOptions: [],
             genderOptions: [],
             categoryOptions: [],
             historyList: []
         }
     },
     created() {
+        this.loadRegionOptions()
         this.loadEnterpriseTypeOptions()
         this.loadGenderOptions()
         this.loadCategoryOptions()
@@ -228,6 +230,15 @@ export default {
                 this.enterpriseTypeOptions = []
             }
         },
+        async loadRegionOptions() {
+            try {
+                const res = await getDicByCodeApi('CREDIT_ZONE')
+                const list = res.data || []
+                this.regionOptions = Array.isArray(list) ? list : []
+            } catch (e) {
+                this.regionOptions = []
+            }
+        },
         async loadGenderOptions() {
             try {
                 const res = await getDicByCodeApi('GENDER_TYPE')
@@ -427,4 +438,4 @@ export default {
 .mgb10 {
     margin-bottom: 20rpx;
 }
-</style>
\ No newline at end of file
+</style>