数据枚举

src/pages/succour/result.vue

 <template>
 	<view class="container">
-		<view class="content" v-if="detail">
+		<view class="content" v-for="(detail, index) in list" :key="index">
 			<view class="list">
 				<view class="name list-item u-flex u-flex-between u-flex-items-center">
 					<text>基本信息</text>
@@ -8,7 +8,7 @@
 				<view class="list-item u-flex u-flex-between u-flex-items-center">
 					<text>参保地区划</text>
 					<view class="u-flex u-flex-center u-flex-items-center" style="margin-right: 23rpx;">
-						{{ detail.insuAdmdvs }}
+						{{ getAreaName(detail.insuAdmdvs) }}
 					</view>
 				</view>
 				<view class="list-item u-flex u-flex-between u-flex-items-center">
@@ -20,7 +20,7 @@
 				<view class="list-item u-flex u-flex-between u-flex-items-center">
 					<text>人员证件类型</text>
 					<view class="u-flex u-flex-center u-flex-items-center">
-						{{ detail.psnCertType }}
+						{{ getKeyValue('certTypeOptions', detail.psnCertType) }}
 					</view>
 				</view>
 				<view class="list-item u-flex u-flex-between u-flex-items-center">
@@ -53,8 +53,6 @@
 						{{ detail.endtime }}
 					</view>
 				</view>
-			</view>
-			<view class="list">
 				<view class="name list-item u-flex u-flex-between u-flex-items-center">
 					<text>救助信息</text>
 				</view>
@@ -85,11 +83,9 @@
 				<view class="list-item u-flex u-flex-between u-flex-items-center">
 					<text>救助对象数据来源</text>
 					<view class="u-flex u-flex-center u-flex-items-center">
-						{{ detail.matDataSouc }}
-					</view>
+						{{ getKeyValue('rescueTargetOptions', detail.matDataSouc) }}
 					</view>
 				</view>
-			<view class="list">
 				<view class="name list-item u-flex u-flex-between u-flex-items-center">
 					<text>经办人信息</text>
 				</view>
@@ -119,12 +115,15 @@
 <script lang="ts">
  import Vue from 'vue';
 	import Api from '@/services/index';
+	import { getKeyValue, formatTime, getAreaName } from '@/common/util.js'
 	
 	export default Vue.extend({
 		data() {
 			return {
+				getKeyValue,
+				getAreaName,
 				form: {} as any,
-				detail: null as any,
+				list: [] as any,
 			}
 		},
 		onLoad(options: any) {
@@ -135,8 +134,13 @@
 		methods: {
 			getDetail() {
 				Api.foo.medicalAssistance(this.form).then((res: any) => {
-					if (res) {
-						this.detail = res;
+					if (res && res.length) {
+						res.forEach((item) => {
+							item.begntime = item.begntime ? formatTime(item.begntime) : '';
+							item.endtime = item.endtime ? formatTime(item.endtime) : '';
+							item.optTime = item.optTime ? formatTime(item.optTime) : '';
+						})
+						this.list = res;
 					} else {
 						xma.showModal({
 								title: '暂无数据',

src/pages/succour/search.vue

@@ -8,6 +8,14 @@
 						<input v-model="form.psnNo" placeholder-style="font-size: 28rpx;color:#9E9E9E" placeholder="请输入人员编号"/>
 					</view>
 				</view>
+				<view class="list-item u-flex u-flex-between u-flex-items-center">
+					<text><text style="color: red;">*</text>医保区划</text>
+					<view class="u-flex u-flex-center u-flex-items-center">
+						<input v-model="insuAdmdvs" disabled placeholder-style="font-size: 28rpx;color:#9E9E9E" placeholder="请选择参保机构行政区划"/>
+						<image src="@/static/images/arrow.png"></image>
+						<picker class="picker" mode="multiSelector" :range="rangOptions" range-key="name" @change="insuAdmdvsChange" @columnchange="insuAdmdvsColumnChange"></picker>
+					</view>
+				</view>
 			</view>
 		</view>
 		<view class="submit-btn u-flex u-flex-center u-flex-items-center" @click="submit">查询</view>
@@ -20,17 +28,31 @@
 	export default Vue.extend({
 		data() {
 			return {
+				areaOptions: getApp().globalData!.areaOptions,
+				rangOptions: [getApp().globalData!.areaOptions, getApp().globalData!.areaOptions[0].subAreas],
+				insuAdmdvs: '',
 				form: {
-					psnNo: ''
+					psnNo: '',
+					insuAdmdvs: '',
 				},
 			}
 		},
 		onLoad() {
 			const info = getApp().globalData!.user;
 			this.form.psnNo = info.psnNo;
-			this.submit();
 		},
 		methods: {
+			// 选择医保区划
+			insuAdmdvsColumnChange(e: any) {
+				if (e.detail.column == 0) {
+					this.rangOptions[1] = this.areaOptions[e.detail.value].subAreas
+				}
+			},
+			// 选择医保区划
+			insuAdmdvsChange(e: any) {
+				this.form.insuAdmdvs = this.areaOptions[e.detail.value[0]].subAreas[e.detail.value[1]].code;
+				this.insuAdmdvs = `${this.areaOptions[e.detail.value[0]].name}${this.areaOptions[e.detail.value[0]].subAreas[e.detail.value[1]].name}`;
+			},
 			submit() {
 				if (!this.form.psnNo) {
 					xma.showToast({
@@ -39,7 +61,14 @@
 					})
 					return;
 				}
-				xma.redirectTo({
+				if (!this.form.insuAdmdvs) {
+					xma.showToast({
+						title: '请选择医保区划',
+						icon: 'none'
+					})
+					return;
+				}
+				xma.navigateTo({
 					url: `/pages/succour/result?form=${JSON.stringify(this.form)}`
 				})
 			}
@@ -67,8 +96,12 @@
 		font-weight: 400;
 		font-size: 30rpx;
 		color: #333;
+		& > text {
+			width: 120px;
+		}
 		& > view {
 			position: relative;
+			flex: 1;
 		}
 		input {
 			flex: 1;