From ffd427ce63430eb19fb9e8dfa82a1585fded3e58 Mon Sep 17 00:00:00 2001
From: wangweidong <850489345@qq.com>
Date: Mon, 26 Jan 2026 15:44:28 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../component/leftcontent/serveswipe.vue      | 154 ++++++++++++++----
 1 file changed, 126 insertions(+), 28 deletions(-)

diff --git a/pages/NursingNew/component/leftcontent/serveswipe.vue b/pages/NursingNew/component/leftcontent/serveswipe.vue
index d62500c..b44e445 100644
--- a/pages/NursingNew/component/leftcontent/serveswipe.vue
+++ b/pages/NursingNew/component/leftcontent/serveswipe.vue
@@ -7,6 +7,9 @@
 			<view class="btn ris" @click="swip(1)">
 				<image class="pao-img" :src="`/static/index/newindex/states/ris.png`" />
 			</view>
+			<view class="bots">
+				<view v-for="(v,i) in 5" :key='i' :class="current==i?'dot':''"></view>
+			</view>
 			<swiper class="swiper" :circular="true" :indicator-dots="false"
 			easing-function="easeInOutCubic"
 			 :autoplay="autoplay" :interval="3000" :duration="500" :current="current" @change="change">
@@ -22,10 +25,11 @@
 						</view>
 					 	<view class="weight-time">
 					 		<view v-if="indexmessage?.startTime">
-					 			{{ indexmessage?.startTime.slice(11, 16)  }}
-					 			-
-					 			{{ indexmessage?.endTime.slice(11, 16) }}
+					 			{{ indexmessage?.startTime.slice(11, 16)  }} 
 					 		</view>
+							<view>
+								10:00
+							</view>
 					 		<view style="height: 5vw;" >
 					 		</view>
 					 		<view class="pao-father" >
@@ -35,9 +39,26 @@
 					 			</view>
 					 		</view>
 					 	</view>
-						
-					 	<image class="big-img" v-if="topbuttontarget==0" :style="!indexmessage?.previewFile?'width: 450rpx':''"
-					 		:src="indexmessage?.previewFile? serverUrl + indexmessage?.previewFile: `/static/index/newindex/wendu/2.png`" mode="aspectFill"/>
+						<view class="cardbox" v-if="i==0">
+							<view class="shadow"></view>
+							<scroll-view scroll-y="true"  class="scrollcard">
+								<view style="width: 100%;height: 3.5vw;"></view>
+									<view class="itemcard" v-for="(v,i) in zlarr" :key='i' :class="v.flag?'act':''" @click="zldex(v)">
+										<image  :src="`/static/index/newindex/wendu/2.png`" />
+										<text>23213123</text>
+										<view>213123123</view> 
+											<!-- <image :src="fwzldex!=i?v.netImmediateFile:v.netPreviewFileSmall" mode="aspectFill"></image>
+											<text >{{v.directiveName?.substring(0,4)}}</text>
+											<view>{{v.directiveName?.substring(4,12)}}</view> -->
+									</view>
+							</scroll-view>
+						</view>
+						<view class="big-img" v-else>
+							<image v-if="topbuttontarget==0" :style="!indexmessage?.previewFile?'width: 450rpx':''"
+								:src="indexmessage?.previewFile? serverUrl + indexmessage?.previewFile: `/static/index/newindex/wendu/2.png`"
+								 mode="aspectFill"/>
+						</view>
+					 	
 					 	
 						
 						<view style="display: flex;align-items: center; ">
@@ -47,7 +68,6 @@
 					 	</view>
 						
 						
-						
 					 	<view style="display: flex;margin-top: 40rpx;" >
 					 		<view style="width: 240rpx;height: 90rpx;margin-right: 40rpx;">
 					 			<view :class="indexmessage?.izStart=='N'?'start-button':'end-button'"  @click="start(indexmessage)">
@@ -59,8 +79,8 @@
 					 				结束服务
 					 			</view>
 					 		</view>
-					 
 					 	</view>
+						
 						<view class="left-menu"  >
 							<view  style="margin: 30rpx 0;" @click="errmsgclk(0,1)">
 								<view class="left-ball" :style="indexmessage?.serviceContent!=''?'background-color: #fff;':'background-color:RGBA(228, 229, 231, 1);'">
@@ -176,7 +196,7 @@
 	const servervideoUrl = ref(uni.getStorageSync('serverUrl') + '/sys/commonVideo/staticVideo/')
 	const serverpicUrl = ref(uni.getStorageSync('serverUrl') + '/sys/common/static/')
 	const current = ref(0)
-	const autoplay = ref(true)
+	const autoplay = ref(false)
 	const change = (e)=>{
 		console.log(e.detail.current)
 		console.log(current.value)
@@ -184,17 +204,14 @@
 	}
 	const swip = (e)=>{
 		if(current.value==0&&e==-1){
+			current.value = 4
 			return
 		}
 		if(current.value==4&&e==1){
+			current.value = 0
 			return
 		}
 		current.value+=e;
-		autoplay.value = false;
-		setTimeout(()=>{
-			autoplay.value = true;
-		},3000)
-		console.log(current.value)
 	}
 	const form = reactive({
 		pageNo: 1,
@@ -433,19 +450,11 @@
 	const fwzlindex = ref(0);
 	const fwzldex = ref(-1);
 	const fwzlarr = ref(0);
-	const zlarr = ref({});
-	const shtab = (e)=>{
-		fwzlindex.value = e;
-		if(e==0){
-			fwzlarr.value = zlarr.value?.care
-		}
-		if(e==1){
-			fwzlarr.value = [];
-		}
-		if(e==2){
-			fwzlarr.value = zlarr.value?.logistics
-		}
+	const zlarr = ref([{flag:false},{flag:false},{flag:false},{flag:false},{flag:false},{flag:false},{flag:false},{flag:false},{flag:false}]);
+	const zldex = (e) =>{
+		e.flag = !e.flag
 	}
+	 
 	const base = genPaths(
 		'/static/index/newindex/curve',
 		'curve_',
@@ -485,6 +494,25 @@
 		width: 65vw;
 		height: 70vh;
 		position: relative;
+		.bots{
+			width: 60%;
+			position: absolute;
+			height: 30rpx;
+			bottom: 0;
+			left: 20%;
+			display: flex;
+			justify-content: center;
+			view{
+				width: 1.3vw;
+				height: 0.6vw;
+				background: #DCDCDC;
+				border-radius: 0.2vw;
+				margin: 0.7vw;
+			}
+			.dot{
+				background: #0193F4;
+			}
+		}
 		.btn{
 			width: 2.4vw;
 			height:2.4vw;
@@ -564,7 +592,7 @@
 			position: absolute;
 			width: 7vw;
 			right: 4vw;
-			top: 2vw;
+			top: 0vw;
 			display: flex;
 			flex-direction: column;
 			align-items: center;
@@ -583,7 +611,73 @@
 		// 禁止动画阻挡逻辑
 		z-index: -1;
 	}
-	
+	.cardbox{
+		width:40vw;
+		height:34vh;
+		position: relative;
+		top: -5vh;
+		z-index: 55;
+		left: 2vw;
+		.shadow{
+			width: 100%;
+			height: 5.5vw;
+			position: absolute;
+			left: 0;
+			top: -1.5vw;
+			border-radius:0 0 25% 25%;
+			filter: blur(14rpx);
+			background: linear-gradient(to bottom, RGBA(239, 240, 244, 1), RGBA(239, 240, 244, 1));
+			z-index: 55;
+		}
+		.scrollcard{
+			width:42vw;
+			height:34vh;
+			position: relative;
+			
+				.itemcard{
+					width: 11.2vw;
+					height: 7.8vw;
+					background: #F8F8F8;
+					border-radius: 1.6vw;
+					margin: 1.2vw 1.5vw 0 0vw;
+					display: inline-block;
+					border: 1px solid #F8F8F8;
+					text-align: center;
+					image{
+						width: 2.4vw;
+						height: 2.4vw;
+						margin: 1.4vw auto 0vw;
+					}
+					text{
+						display: block;
+						text-align: center;
+						font-weight: 400;
+						font-size: 1.4vw;
+						color: #666666;
+						width: 100%;
+						white-space: nowrap;
+						width: 100%;
+						text-overflow: ellipsis;
+						overflow: hidden;
+					}
+					view{
+						text-align: center;
+						font-weight: 400;
+						font-size: 1.1vw;
+						color: #555;
+						width: 100%;
+					}
+					
+				}
+				.act{
+					background: #fff;
+					border: 1px dashed rgba(1,125,233,0.43);
+					text{
+						color: #017DE9;
+					}
+				}
+		}
+	}
 	.weight-time {
 		font-weight: 800;
 		font-size: 70rpx;
@@ -596,6 +690,10 @@
 		margin-top: 40rpx;
 		height: 450rpx;
 		z-index: 10;
+		image{
+			width: 100%;
+			height: 100%;
+		}
 	}
 	
 	.server-name {