zc

pages/views/teacherPage/teacherHome.vue

@@ -336,6 +336,7 @@
 			flex-direction: column;
 			overflow-y: scroll;
 			overflow-x: hidden;
+			padding-bottom:120rpx;
 
 			.top-page-title {
 				text-align: center;

pages_manage/views/accessControl/empowerOpen.vue

@@ -49,8 +49,9 @@
 						</view>
 						<view class="time-c">-</view>
 						<view class="time-r">
-							<uni-datetime-picker type="datetime" hide-second="true" :border="true"
-								v-model="addForm.validEndTime" @change="changeLog" placeholder="结束时间" />
+							<view class="right-end-time">{{addForm.validEndTime?addForm.validEndTime:'结束时间'}}</view>
+<!-- 							<uni-datetime-picker type="datetime" hide-second="true" :border="true"
+								v-model="addForm.validEndTime" @change="changeLog" placeholder="结束时间" /> -->
 						</view>
 					</view>
 				</view>
@@ -135,7 +136,13 @@
 		},
 		methods: {
 			changeLog(e) {
-				console.log('change事件:', e);
+        const time = e.split(' ')[0];
+        const date = new Date(parseInt(new Date(e).getTime()+1800000));
+        const hours = date.getHours().toString().padStart(2, '0');
+        const minutes = date.getMinutes().toString().padStart(2, '0');
+        let timeB = time+' '+hours+':'+minutes;
+        this.$set(this.addForm,'validEndTime',timeB);
+				console.log('change事件:', this.addForm.validEndTime);
 			},
 			getdate() {
 				var date = new Date();
@@ -502,6 +509,18 @@
 							color: #333333;
 							line-height: 80rpx;
 							text-align: center;
+							.right-end-time{
+								width:320rpx;
+								height: 74rpx;
+								line-height: 74rpx;
+								font-size: 28rpx;
+								text-align: center;
+								background-color: #e5e5e5;
+								color: #666;
+								border-radius: 4px;
+								border: 1px solid #e5e5e5;
+
+							}
 						}
 					}
 				}