代缴页面调整

src/pages/payFee/payFeeResult.vue

@@ -2,16 +2,16 @@
 	<view class="container" v-if="detail">
 		<view class="header">
 			<view class="info u-flex">
-				<image src=""></image>
+				<!-- <image src=""></image> -->
 				<view class="info-right">
-					<view class="u-flex u-flex-between u-flex-items-center">
+					<view class="u-flex u-flex-items-center">
 						<view class="name u-flex u-flex-items-center">
 							{{ detail.psnName }}
 						</view>
-						<view>编号：{{ detail.psnNo }}</view>
+						<view style="margin-left: 20rpx">编号：{{ detail.psnNo }}</view>
 					</view>
 					<view>{{ detail.certno }}</view>
-					<view>{{ detail.insuAdmdvs }}</view>
+					<view>{{ getAreaName(detail.insuAdmdvs) }}</view>
 				</view>
 			</view>
 		</view>
@@ -26,7 +26,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.appStats }}
+						{{ getKeyValue('appStatsOptions', detail.appStats) }}
 					</view>
 				</view>
 			</view>
@@ -43,19 +43,19 @@
 				<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.initInsuAdmdvs }}
+						{{ getAreaName(detail.initInsuAdmdvs) }}
 					</view>
 				</view>
 				<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.initPsnIdetType }}
+						{{ getKeyValue('initPsnIdeTypeOptions', detail.initPsnIdetType) }}
 					</view>
 				</view>
 				<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.initPsnCertType }}
+						{{ getKeyValue('certTypeOptions', detail.initPsnCertType) }}
 					</view>
 				</view>
 				<view class="list-item u-flex u-flex-between u-flex-items-center">
@@ -78,7 +78,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.clctFlag }}
+						{{ getKeyValue('clctFlagOptions', detail.clctFlag) }}
 					</view>
 				</view>
 				<view class="list-item u-flex u-flex-between u-flex-items-center">
@@ -95,12 +95,13 @@
 <script lang="ts">
   import Vue from 'vue';
 	import Api from '@/services/index';
-	import { getKeyValue } from '@/common/util.js'
+	import { getKeyValue, getAreaName, formatTime } from '@/common/util.js'
 	
 	export default Vue.extend({
 		data() {
 			return {
 				getKeyValue,
+				getAreaName,
 				form: {} as any,
 				detail: null as any,
 			}
@@ -113,8 +114,11 @@
 		methods: {
 			getDetail() {
 				Api.foo.payApplyQuery(this.form).then((res: any) => {
-					if (res) {
-						this.detail = res;
+					if (res && res.length) {
+						res.forEach((item) => {
+							item.clctTime = item.clctTime ? formatTime(item.clctTime) : '';
+						})
+						this.detail = res[0];
 					} else {
 						xma.showModal({
 							title: '暂无数据',