依赖文件

pages/customer/followup.vue

@@ -3,19 +3,21 @@
 		<uni-nav-bar leftText=" " :fixed="true" :border="false" leftIcon="back" @clickLeft="leftClick" color="#000000" backgroundColor="#fff" :statusBar="true" :title="$t('navbar.addfollowup')"></uni-nav-bar>
 		<view class="content">
 			<view class="cell">
-				<view>{{$t('customer.followtype')}}</view>
+				<view class="item">{{$t('customer.followtype')}}</view>
 				<view class="right">
 					<u-radio-group v-model="form.type">
-					  <u-radio name="1">{{$t('customer.Online')}}</u-radio>
+					  <u-radio name="1" class="u-m-lr-10">{{$t('customer.Online')}}</u-radio>
 					  <u-radio name="0">{{$t('customer.Visit')}}</u-radio>
 					</u-radio-group>
 				</view>
 			</view>
 			<u-line></u-line>
-			<view class="cell">
-				<view>{{$t('customer.followtime')}} </view>
-				<view class="right" @click="show = true">
-					<input :placeholder="$t('customer.followtime')" v-model="form.firstFollowtime" disabled />
+			<view class="cell" @click="show = true" >
+				<view class="item">{{$t('customer.followtime')}} </view>
+				<view class="right" >
+					<!-- <u-input v-model="form.firstFollowtime" :border="false"  /> -->
+					<view class="">{{form.firstFollowtime || $t('customer.followtime')}}</view>
+					<!-- <input :placeholder="$t('customer.followtime')" v-model="form.firstFollowtime" disabled /> -->
 				</view>
 			</view>
 			<u-line></u-line>
@@ -28,7 +30,7 @@
 				</view>
 			</view>
 			<view class="cell" v-if="form.type==0">
-				<view>{{$t('customer.followlocation')}}</view>
+				<view class="item">{{$t('customer.followlocation')}}</view>
 				<view class="right">
 					<input :placeholder="$t('customer.followlocation')" disabled  v-model="form.address" />
 				</view>
@@ -99,18 +101,22 @@
 		</view>	
 		<u-datetime-picker
 			:show="show"
+			closeOnClickOverlay
 			v-model="firstFollow"
 			mode="datetime"
 			@confirm="confirm"
 			@cancel="cancel"
 			@change="change"
+			@close="close('show')"
 		></u-datetime-picker>
 		<u-datetime-picker
 			:show="shownexttime"
+			closeOnClickOverlay
 			v-model="nexttime"
 			mode="datetime"
 			@confirm="confirmnext"
 			@cancel="cancelnext"
+			@close="close('shownexttime')"
 		></u-datetime-picker>
 	</view>
 </template>
@@ -152,6 +158,9 @@
 			leftClick(){
 				uni.navigateBack({})
 			},
+			close(val){
+				this[val]=false
+			},
 			// 获取当前位置
 			getarrd(longitude,latitude){
 				const apiKey = 'AIzaSyBGvV-vX7C72PEbcYrTdmUj3qrubejWzNw';
@@ -392,6 +401,9 @@
 </script>
 
 <style lang="scss">
+	.u-m-lr-10{
+		margin: 0px 10px;
+	}
 	textarea {
 	  min-height: 200rpx;// 设置默认高度 ，解决设置自适应高度之后高度无效问题
 	  margin-top: 15px;
@@ -417,6 +429,9 @@
 		font-weight: 500;
 		font-size: 32rpx;
 		color: #666666;
+		.item{
+			width: 90px;
+		}
 	}
 	.arrowright{
 		margin-right: -15px;