区域

pages/visit/addrecord.vue

@@ -1,5 +1,5 @@
 <template>
-	<page-meta :page-style="'overflow:'+(adminListShow||configshow?'hidden':'visible')"></page-meta>
+	<page-meta :page-style="'overflow:'+(adminListShow||configshow||areaShow?'hidden':'visible')"></page-meta>
 	<view class="containers">
 		<!-- 拜访须知 -->
 		<u-popup :show="configshow" class="configwrap" closeable mode="bottom" @close="closeConfig">
@@ -16,12 +16,20 @@
 			<view class="configtitle">
 				前往区域
 			</view>
-			<view class="configvalue areavalue">
+			<block v-if="visitArea.length>0">
-				<uni-data-checkbox mode="button" @change='changeVisitArea' v-model="form.visit_area_id" :localdata="visitArea"
+				<view class="configvalue areavalue">
-					:map="{text:'name',value:'id'}" />
+					<uni-data-checkbox mode="button" @change='changeVisitArea' v-model="form.visit_area_id" :localdata="visitArea"
+						:map="{text:'name',value:'id'}" />
+				</view>
+				<button class="areabtn" @click="closeArea" size="large" type="primary"
+					>确认</button>
+			</block>
+			
+			<view class="configvalue configload" v-else>
+				<text>数据加载中...</text>
+				<u-icon @click="getVisitArea" name="reload" color="#2979ff" size="28"></u-icon>
 			</view>
-			<button class="areabtn" @click="closeArea" size="large" type="primary"
+			
-				>确认</button>
 		</u-popup>
 		
 		<view class="steps">
@@ -453,15 +461,17 @@
 			if(options.type==2||options.type==3){
 				this.getConfig()
 			}
-			this.getVisitArea()
+			this.init()
-			this.getVisitTime()
-			this.getReason()
-			this.getPark()
 			// this.getAdminList()
 		},
 		onReady() {},
 		methods: {
-
+			async init(){
+				await this.getVisitArea()
+				await this.getVisitTime()
+				await this.getReason()
+				await this.getPark()
+			},
 			adminListShowOpen(type) {
 				this.acceptType = type
 				this.adminKeyword = ""
@@ -837,6 +847,16 @@
 		height: 600rpx;
 		overflow-y: auto;
 	}
+	.configload{
+		display: flex;
+		    justify-content: center;
+		    align-items: center;
+			font-size: 50rpx;
+			    color: #ddd;
+	}
+	.configload text{
+		margin-right:20rpx
+	}
 	/deep/ .u-popup__content__close .u-icon__icon{
 		color:#fff!important
 	}