日历微调

h5/pages/main/index/index.vue

@@ -283,7 +283,7 @@
 					</view>
 				</view>
 			</view>
-			<view class="botm_blank_wrapper" style="font-size: 18rpx;color: #ccc;">10312335</view>
+			<view class="botm_blank_wrapper" style="font-size: 18rpx;color: #ccc;">12250922</view>
 		</view>
 	</view>
 </template>

h5/pages/main/selectDoctor/selectDoctor.vue

@@ -5,10 +5,20 @@ import DraggableButton from "@/pages/components/goHome.vue";
 	 * user：selectDoctor
 	 * date：2024年9月24日 16:24:50
 	 */
-import { ref } from "vue";
+	import {
-import { $api, $response, $image } from "@/api";
+		ref
-import { onShow } from "@dcloudio/uni-app";
+	} from "vue";
-import { useStore } from "@/store";
+	import {
+		$api,
+		$response,
+		$image
+	} from "@/api";
+	import {
+		onShow
+	} from "@dcloudio/uni-app";
+	import {
+		useStore
+	} from "@/store";
 	const $store = useStore();
 	let dqDate = ref("");
 	let yytjInfo = ref({}); // 预约信息
@@ -67,6 +77,29 @@ const getdoctorList = async () => {
 			uni.hideLoading();
 		});
 	};
+	const RiLiGetDoctorPaiBan=ref([]);
+	const RiLiGetDoctorPaiBanFuc=async()=>{
+		return false;
+		let c_type = $store.getCheckupTypeId()
+		// 获取 体检报告列表
+		let obj = {
+			hospital: $store.save.hospital,
+			date: "",
+			month: nowMonth.value,
+			person_id: user_person.value.person_id,
+			checkup_type: c_type.id,
+			zhou_firstday: zhou_firstday.value
+		};
+		uni.showLoading({
+			title: "加载中",
+		});
+		const response = await $api("DoctorGetList", obj);
+		$response(response, () => {
+			 
+		RiLiGetDoctorPaiBan=res.data.
+			uni.hideLoading();
+		});
+	}
 	const config_ref = ref(null);
 	const configRef = (e) => {
 		if (!config_ref.value) {
@@ -98,9 +131,11 @@ const selectDateFunc=(date)=>{
 		getdoctorList()
 	}
 	let YueLiRef = ref(null);
+	let nowMonth = ref('');
 	//点击打开日历
-const ClickMore=()=>{
+	const ClickMore = async () => {
 		YueLiRef.value.open()
+		RiLiGetDoctorPaiBanFuc()
 	}
 	const getToday = () => {
 		var today = new Date();
@@ -110,6 +145,7 @@ const getToday = () => {
 		return year + "-" + month + "-" + day;
 	};
 	zhou_firstday.value = getToday()
+	nowMonth.value=zhou_firstday.value.substring(0,7)
 	let MonthList = ref([]);
 	const moreTime = async (m, status) => {
 		const [year, month, day] = currentDate.value.split("-");
@@ -132,7 +168,9 @@ const moreTime = async (m, status) => {
 			return false;
 		} else {
 			let str = `${givenDate.year}-${givenDate.month}`;
+			nowMonth.value=str
 			moreTime(str, 0);
+			RiLiGetDoctorPaiBanFuc()
 		}
 	};
 	//日历点击日期
@@ -160,13 +198,12 @@ onShow(() => {
 		<view class="pb-40rpx">
 			<view class="h-38rpx  pl-20rpx pr-20rpx box-border">
 				<view style="height: 20rpx;"></view>
-        <view
+				<view style="box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(0, 0, 0, 0.04)"
-          style="box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(0, 0, 0, 0.04)"
+					class="pb-80rpx pt-30rpx rounded-15rpx bg-#fff">
-          class="pb-80rpx pt-30rpx rounded-15rpx bg-#fff"
-        >
 					<view class="zhou" v-if="week7.length>1">
 						<view class="day" v-for="(item,index) in week7">
-					<view :class="item.date==selectedDate?'day_top selected':'day_top'"   @click="selectDateFunc(item.date)">
+							<view :class="item.date==selectedDate?'day_top selected':'day_top'"
+								@click="selectDateFunc(item.date)">
 								<view>{{item.date.split('-').slice(1).join('/')}}</view>
 								<view class="zhou_title">{{ item.xingqi.replace('星期', '周').replace('日', '天')}}</view>
 							</view>
@@ -197,10 +234,8 @@ onShow(() => {
 									<view class="line-clamp-2">
 										{{ item.desc }}
 									</view>
-			      <view
+									<view @click="clickDoctor(item)"
-			        @click="clickDoctor(item)"
+										class="ml-a mt-25rpx w-190rpx h-55rpx bg-#239EA3 rounded-33rpx text-#fff text-21rpx flex flex-justify-center items-center">
-			        class="ml-a mt-25rpx w-190rpx h-55rpx bg-#239EA3 rounded-33rpx text-#fff text-21rpx flex flex-justify-center items-center"
-			      >
 										预约此医生
 									</view>
 								</view>
@@ -209,13 +244,14 @@ onShow(() => {
 						</view>
 					</view>
 					<view v-else>
-			<view v-if="doctor_list!==false" style="font-size: 26rpx; text-align: center;color: #ccc;padding-top: 40rpx;">当前日期暂无医生</view>
+						<view v-if="doctor_list!==false"
+							style="font-size: 26rpx; text-align: center;color: #ccc;padding-top: 40rpx;">当前日期暂无医生</view>
 					</view>
 
 				</view>
 			</view>
 		</view>
-	<uni-calendar ref="YueLiRef" :selected="MonthList"  :startDate="getToday()"  :insert="false" 
+		<uni-calendar class="ylrl" ref="YueLiRef" :selected="MonthList" :startDate="getToday()" :insert="false"
 			@confirm="RiLiDateFunc" @monthSwitch="monthSwitch" />
 	</view>
 </template>
@@ -232,7 +268,7 @@ onShow(() => {
 		align-items: center;
 		font-size: 25rpx;
 		font-weight: 500;
-		color: #131313;
+		color: #636363;
 	}
 
 	.day_top {
@@ -286,6 +322,73 @@ onShow(() => {
 		color: #239EA3;
 		font-weight: 500;
 	}
+</style>
+<style lang="scss">
+	::v-deep .ylrl {
 	
+		.uni-calendar__header,
+		.uni-calendar__weeks-day {
+			border: none;
+		}
 	
+		.uni-calendar-item--checked {
+			background-color: transparent;
+	
+			.uni-calendar-item__weeks-box-item {
+				background-color: #239ea3 !important;
+				border-radius: 12rpx;
+	
+				.uni-calendar-item--extra {
+					color: #fff !important;
+				}
+			}
+		}
+	
+		.uni-calendar-item--isDay {
+			background-color: #239ea3 !important;
+			border-radius: 12rpx;
+			color: #fff !important;
+		}
+	
+		.uni-calendar-item--extra {
+			color: #239ea3;
+		}
+	
+		.uni-calendar-item__weeks-box {
+			// padding: 10rpx;
+			box-sizing: border-box;
+		}
+	 
+		.uni-calendar-item__weeks-box-circle {
+			background-color: rgba(0, 0, 0, 0);
+		}
+	
+		.uni-calendar-item--isDay-text {
+			color: #333;
+		}
+	
+		.uni-calendar-item__weeks-box-text {
+			font-size: 26rpx;
+			 
+		}
+	 
+		.uni-calendar-item__weeks-lunar-text {
+			font-size: 16rpx;
+		}
+	
+		.uni-calendar-item__weeks-box-item {
+			width: 100%;
+		}
+	
+		.uni-calendar__backtoday {
+			display: none;
+		}
+	
+		.uni-calendar-item--disable {
+			.uni-calendar-item__weeks-lunar-text {
+				display: none;
+			}
+		}
+		 
+	}
 </style>

h5/pages/main/ysdate/ysdate_new.vue

@@ -317,6 +317,13 @@
 
 		.uni-calendar-item__weeks-box-text {
 			font-size: 26rpx;
+			color:#ccc;
+		}
+		.uni-calendar-item__weeks-box-text:has(+ .uni-calendar-item--extra)  {
+			color: #666 ;
+		}
+		.uni-calendar-item__weeks-box-text:has(+ .uni-calendar-item--disable)  {
+			color: #ccc !important;
 		}
 
 		.uni-calendar-item__weeks-lunar-text {
@@ -336,5 +343,7 @@
 				display: none;
 			}
 		}
+		 
 	}
+	
 </style>