feat: 资信-区域换成接口获取，—列表&新增&编辑&查看&审核&审核详情

@@ -126,4 +126,16 @@ export function getDeptUser() {
     url: '/customerCredit/getDeptUser',
     method: 'get',
   })
+}
+
+// 获取区域
+// type: ALL  代表获取全部区域的值
+export function getArea(type) {
+  return request({
+    url: '/system/dept/queryArea',
+    method: 'get',
+    params: {
+      type,
+    },
+  })
 }
\ No newline at end of file

@@ -317,7 +317,7 @@
 <script>
 import SingleSelectSheet from '@/components/single-select/index.vue'
 import RelateSelectSheet from '@/components/relate-select/index.vue'
-import { generateCreditCode, getAllUser, getDeptUser, createApi } from '@/api/credit_manage.js'
+import { generateCreditCode, getAllUser, getDeptUser, createApi, getArea } from '@/api/credit_manage.js'
 import { getDicByCodeApi } from '@/api/base.js'
 import CorePersonnel from './corePersonnel.vue'
 
@@ -500,9 +500,9 @@ export default {
     },
     async loadRegionOptions() {
       try {
-        const res = await getDicByCodeApi('CREDIT_ZONE')
+        const res = await getArea('ALL')
         const list = res.data || []
-        this.regionOptions = (list || []).map(it => ({ label: it.name || '', value: it.code || '' }))
+        this.regionOptions = (list || []).map(it => ({ label: it.name || '', value: it.id || '' }))
       } catch (e) {
         this.regionOptions = []
       }
@@ -576,7 +576,7 @@ export default {
       try {
         await createApi(payload)
         uni.showToast({ title: '提交成功', icon: 'success' })
-        setTimeout(() => uni.navigateBack(), 600)
+        setTimeout(() => { uni.redirectTo({ url: '/pages/credit_manage/index' }) }, 300)
       } catch (e) {
         uni.showToast({ title: (e && e.msg) || '提交失败', icon: 'none' })
       }

@@ -315,7 +315,7 @@
 <script>
 import SingleSelectSheet from '@/components/single-select/index.vue'
 import RelateSelectSheet from '@/components/relate-select/index.vue'
-import { getDetailApi, updateApi, getAllUser } from '@/api/credit_manage.js'
+import { getDetailApi, updateApi, getAllUser, getArea } from '@/api/credit_manage.js'
 import { getDicByCodeApi } from '@/api/base.js'
 import CorePersonnel from './corePersonnel.vue'
 
@@ -528,9 +528,9 @@ export default {
     },
     async loadRegionOptions() {
       try {
-        const res = await getDicByCodeApi('CREDIT_ZONE')
+        const res = await getArea('ALL')
         const list = res.data || []
-        this.regionOptions = (list || []).map(it => ({ label: it.name || '', value: it.code || '' }))
+        this.regionOptions = (list || []).map(it => ({ label: it.name || '', value: it.id || '' }))
       } catch (e) {
         this.regionOptions = []
       }

@@ -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">{{ getDicName('CREDIT_ZONE', form.region, regionOptions) }}</text></view>
+          <view class="row"><text class="label">区域</text><text class="value">{{ form.regionName }}</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',

@@ -33,7 +33,7 @@
 							<text>企业类型</text><text>{{ getDicName('ENTERPRISE_TYPE', item.enterpriseType, dicOptions.ENTERPRISE_TYPE) || '-' }}</text>
 						</view>
 						<view class="info-row">
-							<text>区域</text><text>{{ getDicName('CREDIT_ZONE', item.region, dicOptions.CREDIT_ZONE) || '-' }}</text>
+							<text>区域</text><text>{{ item.regionName || '-' }}</text>
 						</view>
 						<view class="info-row">
 							<text>客户分类</text><text

@@ -315,7 +315,7 @@
 <script>
 import SingleSelectSheet from '@/components/single-select/index.vue'
 import RelateSelectSheet from '@/components/relate-select/index.vue'
-import { getDetailApi, updateApi, getAllUser } from '@/api/credit_manage.js'
+import { getDetailApi, updateApi, getAllUser, getArea } from '@/api/credit_manage.js'
 import { getDicByCodeApi } from '@/api/base.js'
 import CorePersonnel from './corePersonnel.vue'
 
@@ -528,9 +528,9 @@ export default {
     },
     async loadRegionOptions() {
       try {
-        const res = await getDicByCodeApi('CREDIT_ZONE')
+        const res = await getArea('ALL')
         const list = res.data || []
-        this.regionOptions = (list || []).map(it => ({ label: it.name || '', value: it.code || '' }))
+        this.regionOptions = (list || []).map(it => ({ label: it.name || '', value: it.id || '' }))
       } catch (e) {
         this.regionOptions = []
       }

@@ -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">{{ getDicName('CREDIT_ZONE', form.region, regionOptions) }}</text></view>
+            <view class="row"><text class="label">区域</text><text class="value">{{ form.regionName }}</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',

@@ -19,8 +19,8 @@
 				</uni-list-item>
 
 				<!-- 客户名称 关联页选择 -->
-				<uni-list-item class="select-item" :class="form.customerId ? 'is-filled' : 'is-empty'" clickable @click="openRelate('customerId')" :rightText="form.customerIdName || '请选择客户名称'"
-					showArrow>
+				<uni-list-item class="select-item" :class="form.customerId ? 'is-filled' : 'is-empty'" clickable
+					@click="openRelate('customerId')" :rightText="form.customerIdName || '请选择客户名称'" showArrow>
 					<template v-slot:body>
 						<view class="item-title"><text class="required">*</text><text>客户名称</text></view>
 					</template>
@@ -98,7 +98,8 @@
 				</uni-list-item>
 				<!-- 责任人 关联页选择 -->
 				<uni-list-item class="select-item" :class="form.chargeUserIdName ? 'is-filled' : 'is-empty'" title="责任人"
-					clickable @click="openRelate('chargeUserId')" :rightText="form.chargeUserIdName || '请选择责任人'" showArrow />
+					clickable @click="openRelate('chargeUserId')" :rightText="form.chargeUserIdName || '请选择责任人'"
+					showArrow />
 			</uni-list>
 
 		</scroll-view>
@@ -114,435 +115,441 @@
 		<!-- 关联选择弹框：客户名称、责任人 -->
 		<RelateSelectSheet :visible.sync="relate.visible" :title="relate.title" :source="relate.source"
 			:display-fields="relate.display" :multiple="relate.multiple" :row-key="relate.rowKey"
-			:selectedKeys.sync="relate.selectedKeys" :source-extra="{ source: 'CUSTOMER_DEVELOP' }" @confirm="onRelateConfirm" />
+			:selectedKeys.sync="relate.selectedKeys" :source-extra="{ source: 'CUSTOMER_DEVELOP' }"
+			@confirm="onRelateConfirm" />
 	</view>
 </template>
 
 <script>
-	import SingleSelectSheet from '@/components/single-select/index.vue'
-	import RelateSelectSheet from '@/components/relate-select/index.vue'
-	import constant from '@/utils/constant'
-	import storage from '@/utils/storage'
-	import {
-		createApi,
-		officeQueryApi,
-		productVarietyQueryApi,
-		workshopQueryApi
-	} from '@/api/devManage.js'
-	import {
-		getDicByCodeApi
-	} from '@/api/base.js'
+import SingleSelectSheet from '@/components/single-select/index.vue'
+import RelateSelectSheet from '@/components/relate-select/index.vue'
+import constant from '@/utils/constant'
+import storage from '@/utils/storage'
+import {
+	createApi,
+	officeQueryApi,
+	productVarietyQueryApi,
+	workshopQueryApi
+} from '@/api/devManage.js'
+import {
+	getDicByCodeApi
+} from '@/api/base.js'
 
-	export default {
-		name: 'DevManageAdd',
-		components: {
-			SingleSelectSheet,
-			RelateSelectSheet
-		},
-		data() {
-			return {
-				form: {
-					workshopIdName: '',
-					workshopId: '',
-					officeIdName: '',
-					officeId: '',
-					customerIdName: '',
-					customerId: '',
-					customerType: '',
-					customerTypeName: '',
-					chargeUserId: '',
-					chargeUserIdName: '',
-					productVarietyId: '',
-					productVarietyIdName: '',
-					monthlyUsage: '',
-					targetQuantity: '',
-					industry: '',
-					mark: '',
-					thickness: '',
-					width: '',
-					materialRequire: '',
-					qualityRequire: '',
-					peer: '',
-					pricingMode: '',
-					settleDays: '',
-				},
-				sheet: {
-					visible: false,
-					title: '请选择',
-					field: '',
-					options: [],
-					value: ''
-				},
-				relate: {
-					visible: false,
-					title: '选择',
-					source: '',
-					display: [],
-					multiple: false,
-					rowKey: 'id',
-					selectedKeys: []
-				},
-				officeOptions: [],
-				customerTypeOptions: [],
-				productVarietyIdOptions: []
-			}
-		},
-		created() {
-			// 责任人默认使用当前用户昵称/用户名
-			const user = storage.get(constant.name);
-			const userId = storage.get(constant.id);
-			this.form.chargeUserIdName = user || '';
-			this.form.chargeUserId = userId || '';
-			// 科办
-			this.loadOfficeOptions()
-			//  客户类型
-			this.loadCustomerTypeOptions()
-			//  生产厂
-			this.loadproductVarietyIdOptions()
-		},
-		methods: {
-			// 校验必填项：生产厂、科办、客户名称、客户类型、产品品种
-			validateRequired() {
-				const checks = [{
-						key: 'workshopId',
-						label: '生产厂'
-					},
-					{
-						key: 'officeId',
-						label: '科办'
-					},
-					{
-						key: 'customerId',
-						label: '客户名称'
-					},
-					{
-						key: 'customerType',
-						label: '客户类型'
-					},
-					{
-						key: 'productVarietyId',
-						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'
-						})
-						return false
-					}
-				}
-				return true
+export default {
+	name: 'DevManageAdd',
+	components: {
+		SingleSelectSheet,
+		RelateSelectSheet
+	},
+	data() {
+		return {
+			form: {
+				workshopIdName: '',
+				workshopId: '',
+				officeIdName: '',
+				officeId: '',
+				customerIdName: '',
+				customerId: '',
+				customerType: '',
+				customerTypeName: '',
+				chargeUserId: '',
+				chargeUserIdName: '',
+				productVarietyId: '',
+				productVarietyIdName: '',
+				monthlyUsage: '',
+				targetQuantity: '',
+				industry: '',
+				mark: '',
+				thickness: '',
+				width: '',
+				materialRequire: '',
+				qualityRequire: '',
+				peer: '',
+				pricingMode: '',
+				settleDays: '',
 			},
-			async loadOfficeOptions() {
-				try {
-					const res = await officeQueryApi({
-						pageIndex: 1,
-						pageSize: 9999
-					})
-					const _data = res.data || {}
-					const list = _data.datas || []
-					this.officeOptions = (list || []).map(it => ({
-						label: it.name || it.text || it.officeName || it.label,
-						value: it.id || it.code || it.value
-					}))
-				} catch (e) {
-					this.officeOptions = []
-				}
+			sheet: {
+				visible: false,
+				title: '请选择',
+				field: '',
+				options: [],
+				value: ''
 			},
-			displayLabel(field) {
-				const m = this.form
-				const map = {
-					workshopIdName: '请选择生产厂',
-					officeIdName: '请选择科办',
-					customerTypeName: '请选择客户类型',
-					productVarietyIdName: '请选择产品品种'
-				}
-				const val = m[field]
-				return val ? String(val) : map[field]
+			relate: {
+				visible: false,
+				title: '选择',
+				source: '',
+				display: [],
+				multiple: false,
+				rowKey: 'id',
+				selectedKeys: []
 			},
-			async openSheet(field) {
-				const setSheet = (title, options) => {
-					const current = this.form[field]
-					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 === 'workshopId') {
-					const res = await workshopQueryApi({ pageIndex: 1, pageSize: 9999 })
-					const _data = res.data || {}
-					const list = _data.datas || (Array.isArray(_data) ? _data : [])
-					const opts = (list || []).map(it => ({
-						label: it.name ,
-						value: it.id
-					}))
-					setSheet('生产厂', opts)
-				} else if (field === 'officeId') {
-					setSheet('科办', this.officeOptions)
-				} else if (field === 'customerType') {
-					const opts = this.customerTypeOptions || [];
-					setSheet('客户类型', opts)
-				} else if (field === 'productVarietyId') {
-					const opts = this.productVarietyIdOptions;
-					setSheet('产品品种', opts)
-				}
-			},
-			onSheetConfirm({
-				value,
-				label
-			}) {
-				const field = this.sheet.field
-				if (!field) return
-				this.form[field] = value || '';
-				this.form[field + 'Name'] = label || ''
-				this.sheet.visible = false
-			},
-			openRelate(fieldKey) {
-				let config = {};
-				switch(fieldKey) {
-					case 'customerId':
-						config = {
-							title: '客户名称',
-							source: 'customer',
-							rowKey: 'id',
-							multiple: false,
-							display: [{
-									label: '名称',
-									field: 'name'
-								},
-								{
-									label: '编号',
-									field: 'code'
-								},
-								{
-									label: '状态',
-									field: 'available',
-									format: v => (v ? '启用' : '停用')
-								}
-							]
-						}
-						break
-					case 'chargeUserId':
-						config = {
-							title: '责任人',
-							source: 'user',
-							rowKey: 'id',
-							multiple: false,
-							display: [{
-									label: '姓名',
-									field: 'name'
-								},
-								{
-									label: '编号',
-									field: 'code'
-								},
-								{
-									label: '状态',
-									field: 'available',
-									format: v => (v ? '启用' : '停用')
-								}
-							]};
-						break
-				}
-				const selectedKeys = this.form[fieldKey] ? [this.form[fieldKey]] : [];
-				// 逐一赋值，避免整体替换对象导致子组件 prop 更新不及时
-				this.sheet.visible = false
-				this.relate.title = config.title
-				this.relate.source = config.source
-				this.relate.display = config.display
-				this.relate.multiple = config.multiple
-				this.relate.rowKey = config.rowKey
-				this.relate.selectedKeys = selectedKeys
-				this.relate.fieldKey = fieldKey;
-				// 最后再打开弹框，确保选中键已传入
-				this.$nextTick(() => {
-					this.relate.visible = true
-				})
+			officeOptions: [],
+			customerTypeOptions: [],
+			productVarietyIdOptions: []
+		}
+	},
+	created() {
+		// 责任人默认使用当前用户昵称/用户名
+		const user = storage.get(constant.name);
+		const userId = storage.get(constant.id);
+		this.form.chargeUserIdName = user || '';
+		this.form.chargeUserId = userId || '';
+		// 科办
+		this.loadOfficeOptions()
+		//  客户类型
+		this.loadCustomerTypeOptions()
+		//  生产厂
+		this.loadproductVarietyIdOptions()
+	},
+	methods: {
+		// 校验必填项：生产厂、科办、客户名称、客户类型、产品品种
+		validateRequired() {
+			const checks = [{
+				key: 'workshopId',
+				label: '生产厂'
 			},
-			onRelateConfirm({
-				items
-			}) {
-				console.log('onRelateConfirm__item', items)
-				const _fieldKey = this.relate.fieldKey;
-				console.log('onRelateConfirm__fieldKey', _fieldKey)
-				const first = (items && items.length > 0) ? items[0] : null
-				// 若无选中项，确认时清空之前的值
-				this.form[_fieldKey] = first.id || '';
-				this.form[_fieldKey + 'Name'] = first.name || '';
+			{
+				key: 'officeId',
+				label: '科办'
 			},
-			async loadCustomerTypeOptions() {
-				try {
-					const res = await getDicByCodeApi('ENTERPRISE_TYPE');
-					const list = res.data || [];
-					this.customerTypeOptions = (list || []).map(it => ({
-						label: it.name || '',
-						value: it.code || ''
-					}))
-				} catch (e) {
-					this.customerTypeOptions = []
-				}
+			{
+				key: 'customerId',
+				label: '客户名称'
 			},
-	
-			async loadproductVarietyIdOptions() {
-				try {
-					const res = await productVarietyQueryApi({ pageIndex: 1, pageSize: 9999 })
-					const _data = res.data || {}
-					const list = _data.datas || (Array.isArray(_data) ? _data : [])
-					this.productVarietyIdOptions = (list || []).map(it => ({
-						label: it.name || it.text || it.label,
-						value: it.id || it.code || it.value
-					}))
-				} catch (e) {
-					this.productVarietyIdOptions = []
-				}
+			{
+				key: 'customerType',
+				label: '客户类型'
 			},
-			async onSubmit() {
-				// 必填校验
-				if (!this.validateRequired()) return
-				const payload = {
-					...this.form
-				}
-				delete payload.workshopIdName
-				delete payload.officeIdName
-				delete payload.customerTypeName
-				delete payload.customerIdName
-				delete payload.productVarietyIdName
-				delete payload.chargeUserIdName
-				createApi(payload).then(res => {
-					uni.showToast({
-						title: '提交成功',
-						icon: 'success'
-					})
-					setTimeout(() => uni.navigateBack(), 600)
-				}).catch(e => {
-					console.log('createApi__e', e)
+			{
+				key: 'productVarietyId',
+				label: '产品品种'
+			}
+			]
+			for (const it of checks) {
+				const val = this.form[it.key]
+				if (val === undefined || val === null || String(val).trim() === '') {
 					uni.showToast({
-						title: e.msg || '提交失败',
+						title: `请先选择${it.label}`,
 						icon: 'none'
 					})
+					return false
+				}
+			}
+			return true
+		},
+		async loadOfficeOptions() {
+			try {
+				const res = await officeQueryApi({
+					pageIndex: 1,
+					pageSize: 9999
 				})
+				const _data = res.data || {}
+				const list = _data.datas || []
+				this.officeOptions = (list || []).map(it => ({
+					label: it.name || it.text || it.officeName || it.label,
+					value: it.id || it.code || it.value
+				}))
+			} catch (e) {
+				this.officeOptions = []
+			}
+		},
+		displayLabel(field) {
+			const m = this.form
+			const map = {
+				workshopIdName: '请选择生产厂',
+				officeIdName: '请选择科办',
+				customerTypeName: '请选择客户类型',
+				productVarietyIdName: '请选择产品品种'
+			}
+			const val = m[field]
+			return val ? String(val) : map[field]
+		},
+		async openSheet(field) {
+			const setSheet = (title, options) => {
+				const current = this.form[field]
+				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 === 'workshopId') {
+				const res = await workshopQueryApi({ pageIndex: 1, pageSize: 9999 })
+				const _data = res.data || {}
+				const list = _data.datas || (Array.isArray(_data) ? _data : [])
+				const opts = (list || []).map(it => ({
+					label: it.name,
+					value: it.id
+				}))
+				setSheet('生产厂', opts)
+			} else if (field === 'officeId') {
+				setSheet('科办', this.officeOptions)
+			} else if (field === 'customerType') {
+				const opts = this.customerTypeOptions || [];
+				setSheet('客户类型', opts)
+			} else if (field === 'productVarietyId') {
+				const opts = this.productVarietyIdOptions;
+				setSheet('产品品种', opts)
+			}
+		},
+		onSheetConfirm({
+			value,
+			label
+		}) {
+			const field = this.sheet.field
+			if (!field) return
+			this.form[field] = value || '';
+			this.form[field + 'Name'] = label || ''
+			this.sheet.visible = false
+		},
+		openRelate(fieldKey) {
+			let config = {};
+			switch (fieldKey) {
+				case 'customerId':
+					config = {
+						title: '客户名称',
+						source: 'customer',
+						rowKey: 'id',
+						multiple: false,
+						display: [{
+							label: '名称',
+							field: 'name'
+						},
+						{
+							label: '编号',
+							field: 'code'
+						},
+						{
+							label: '状态',
+							field: 'available',
+							format: v => (v ? '启用' : '停用')
+						}
+						]
+					}
+					break
+				case 'chargeUserId':
+					config = {
+						title: '责任人',
+						source: 'user',
+						rowKey: 'id',
+						multiple: false,
+						display: [{
+							label: '姓名',
+							field: 'name'
+						},
+						{
+							label: '编号',
+							field: 'code'
+						},
+						{
+							label: '状态',
+							field: 'available',
+							format: v => (v ? '启用' : '停用')
+						}
+						]
+					};
+					break
+			}
+			const selectedKeys = this.form[fieldKey] ? [this.form[fieldKey]] : [];
+			// 逐一赋值，避免整体替换对象导致子组件 prop 更新不及时
+			this.sheet.visible = false
+			this.relate.title = config.title
+			this.relate.source = config.source
+			this.relate.display = config.display
+			this.relate.multiple = config.multiple
+			this.relate.rowKey = config.rowKey
+			this.relate.selectedKeys = selectedKeys
+			this.relate.fieldKey = fieldKey;
+			// 最后再打开弹框，确保选中键已传入
+			this.$nextTick(() => {
+				this.relate.visible = true
+			})
+		},
+		onRelateConfirm({
+			items
+		}) {
+			console.log('onRelateConfirm__item', items)
+			const _fieldKey = this.relate.fieldKey;
+			console.log('onRelateConfirm__fieldKey', _fieldKey)
+			const first = (items && items.length > 0) ? items[0] : null
+			// 若无选中项，确认时清空之前的值
+			this.form[_fieldKey] = first.id || '';
+			this.form[_fieldKey + 'Name'] = first.name || '';
+		},
+		async loadCustomerTypeOptions() {
+			try {
+				const res = await getDicByCodeApi('ENTERPRISE_TYPE');
+				const list = res.data || [];
+				this.customerTypeOptions = (list || []).map(it => ({
+					label: it.name || '',
+					value: it.code || ''
+				}))
+			} catch (e) {
+				this.customerTypeOptions = []
+			}
+		},
+
+		async loadproductVarietyIdOptions() {
+			try {
+				const res = await productVarietyQueryApi({ pageIndex: 1, pageSize: 9999 })
+				const _data = res.data || {}
+				const list = _data.datas || (Array.isArray(_data) ? _data : [])
+				this.productVarietyIdOptions = (list || []).map(it => ({
+					label: it.name || it.text || it.label,
+					value: it.id || it.code || it.value
+				}))
+			} catch (e) {
+				this.productVarietyIdOptions = []
+			}
+		},
+		async onSubmit() {
+			// 必填校验
+			if (!this.validateRequired()) return
+			const payload = {
+				...this.form
 			}
+			delete payload.workshopIdName
+			delete payload.officeIdName
+			delete payload.customerTypeName
+			delete payload.customerIdName
+			delete payload.productVarietyIdName
+			delete payload.chargeUserIdName
+			createApi(payload).then(res => {
+				uni.showToast({
+					title: '提交成功',
+					icon: 'success'
+				})
+				setTimeout(() => { uni.redirectTo({ url: '/pages/dev_manage/index' }) }, 300)
+			}).catch(e => {
+				console.log('createApi__e', e)
+				uni.showToast({
+					title: e.msg || '提交失败',
+					icon: 'none'
+				})
+			})
 		}
 	}
+}
 </script>
 
 <style lang="scss" scoped>
-	.page {
-		display: flex;
-		flex-direction: column;
-		height: 100%;
+.page {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+}
+
+.scroll {
+	flex: 1;
+	padding: 12rpx 0 160rpx;
+}
+
+.footer {
+	position: fixed;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	padding: 32rpx;
+	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;
+		line-height: 80rpx;
+		border-radius: 12rpx;
+		font-size: 32rpx;
 	}
 
-	.scroll {
-		flex: 1;
-		padding: 12rpx 0 160rpx;
+	.submit {
+		background: $theme-primary;
+		color: #fff;
 	}
+}
 
-	.footer {
-		position: fixed;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		padding: 32rpx;
-		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;
+::v-deep .uni-list {
+	background: transparent;
 
-		.btn {
-			height: 80rpx;
-			line-height: 80rpx;
-			border-radius: 12rpx;
+	&-item {
+		&__extra-text {
 			font-size: 32rpx;
 		}
 
-		.submit {
-			background: $theme-primary;
-			color: #fff;
+		&__content-title {
+			font-size: 32rpx;
+			color: rgba(0, 0, 0, 0.9);
 		}
-	}
 
-	::v-deep .uni-list {
-		background: transparent;
-		&-item {
-			&__extra-text {
-				font-size: 32rpx;
-			}
-			&__content-title {
-				font-size: 32rpx;
-				color: rgba(0, 0, 0, 0.9);
-			}
+		&__container {
+			padding: 32rpx;
+
+			.uni-easyinput {
+				&__placeholder-class {
+					font-size: 32rpx;
+					color: rgba(0, 0, 0, 0.4);
+				}
 
-			&__container {
-				padding: 32rpx;
+				&__content {
+					border: none;
 
-				.uni-easyinput {
-					&__placeholder-class {
+					&-input {
+						padding-left: 0 !important;
+						height: 48rpx;
+						line-height: 48rpx;
 						font-size: 32rpx;
-						color: rgba(0, 0, 0, 0.4);
 					}
 
-					&__content {
-						border: none;
-
-						&-input {
-							padding-left: 0 !important;
-							height: 48rpx;
-							line-height: 48rpx;
-							font-size: 32rpx;
-						}
-
-						.content-clear-icon {
-							font-size: 44rpx !important;
-						}
+					.content-clear-icon {
+						font-size: 44rpx !important;
 					}
 				}
+			}
 
-				.item-title,
-				.uni-list-item__content {
-					flex: none;
-					min-height: 48rpx;
-					line-height: 48rpx;
-					font-size: 32rpx;
-					position: relative;
-					width: 210rpx;
-					margin-right: 32rpx;
-					color: rgba(0, 0, 0, 0.9);
+			.item-title,
+			.uni-list-item__content {
+				flex: none;
+				min-height: 48rpx;
+				line-height: 48rpx;
+				font-size: 32rpx;
+				position: relative;
+				width: 210rpx;
+				margin-right: 32rpx;
+				color: rgba(0, 0, 0, 0.9);
 
-					.required {
-						color: red;
-						position: absolute;
-						top: 50%;
-						transform: translateY(-50%);
-						left: -16rpx;
-					}
+				.required {
+					color: red;
+					position: absolute;
+					top: 50%;
+					transform: translateY(-50%);
+					left: -16rpx;
 				}
-
 			}
-			&.select-item {
-				&.is-empty {
-					.uni-list-item__extra-text {
-						color: rgba(0, 0, 0, 0.4) !important;
-					}
-				}
-				&.is-filled {
-					.uni-list-item__extra-text {
-						color: rgba(0, 0, 0, 0.9) !important;
-					}
+
+		}
+
+		&.select-item {
+			&.is-empty {
+				.uni-list-item__extra-text {
+					color: rgba(0, 0, 0, 0.4) !important;
 				}
 			}
-			&.mgb10 {
-				margin-bottom: 20rpx;
+
+			&.is-filled {
+				.uni-list-item__extra-text {
+					color: rgba(0, 0, 0, 0.9) !important;
+				}
 			}
 		}
-	}
 
+		&.mgb10 {
+			margin-bottom: 20rpx;
+		}
+	}
+}
 </style>
\ No newline at end of file