修改技师端样式3

service-uniapp-technician/pages/index/center.vue

@@ -49,7 +49,9 @@
 			<view class=""
 			style="height: 270rpx;
 			margin: 10rpx;
-			flex: 1;background-color: #000;
+			flex: 1;
+			background-size: 100% 100%;
+			background: url(/static/home/30.png);
 			position: relative;">
 				
 				<!-- 这里调用地图 -->
@@ -63,7 +65,7 @@
 				font-size: 24rpx;
 				text-align: center;
 				line-height: 50rpx;
-				background-color: #EF8C9499;
+				background-color: #EF8C9433;
 				">
 					实时获取你当前的位置
 				</view>
@@ -101,10 +103,12 @@
 		color="rgb(255, 100, 112)"
 		type="multiple"
 		:default-date="defaultDate"
-		@select="onConfirm"
 		switch-mode="year-month"
 		:formatter="formatter"
-		:style="{ height: '300px' }"
+		v-model:show="calendarShow"
+		@confirm="calendarConfirm"
+		ref="calendar"
+		@close="$refs.calendar.reset()"
 		/>
 		
 		<view class="two-card">
@@ -138,6 +142,10 @@
 						<image class="icon" src="/static/icons/m1.png" />
 						<view class="title">服务时间</view>
 					</view>
+					<view class="menuItem" @click="clickCalendar">
+						<image class="icon" src="/static/icons/rl.png" />
+						<view class="title">请假日历</view>
+					</view>
 					<view class="menuItem" @click="logout">
 						<image class="icon" src="/static/icons/exit.png" />
 						<view class="title">退出登录</view>
@@ -169,7 +177,8 @@
 				keyValue : 'phone',
 				config : [],
 				phone : '',
-				defaultDate : []
+				defaultDate : [],
+				calendarShow : false
 			}
 		},
 		onShow() {
@@ -177,6 +186,12 @@
 			this.getConfig()
 		},
 		methods: {
+			clickCalendar(){
+				this.calendarShow = true
+			},
+			calendarConfirm(){
+				console.log(1);
+			},
 			formatter(day){
 				
 				this.defaultDate.forEach(n => {
@@ -188,8 +203,8 @@
 				
 				return day
 			},
-			onConfirm(dates){
-				this.defaultDate = dates
+			onSelectCalendar(dates){
+				console.log(1);
 			},
 			getUserInfo() {
 				this.$api('giveTenInfo', {}, res => {