From 3b7556993759383a6fd8eba1c56ee5a39973054f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=97=AB=E6=99=93=E8=8C=B9?= <1935832701@qq.com>
Date: Fri, 21 Oct 2022 09:27:49 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8A=A4=E7=90=86=E7=AB=99=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/nursestation/nursestation.vue | 549 ++++++++++++----------------
 1 file changed, 238 insertions(+), 311 deletions(-)

diff --git a/pages/nursestation/nursestation.vue b/pages/nursestation/nursestation.vue
index 7074031..0406ee5 100644
--- a/pages/nursestation/nursestation.vue
+++ b/pages/nursestation/nursestation.vue
@@ -1,23 +1,23 @@
 <template>
 	<view>
-		<view class="top">
+		<view class="app">
 			<view class="righttext">
 				<image class="picture" src="../../static/mentoutu.png"></image>
 				<view class="title">
 					{{list.nurseStationName}}
 				</view>
 				<view class="address">{{list.address}} </view>
-				<view class="title2" @tap="gophone()">
+				<view class="callme" @tap="gophone()">
 					<u-icon name="phone-fill" color="#ffffff" size="28"></u-icon>
 					联系我们
 				</view>
-				<view class="title3">
+				<view class="Navigation">
 					<image src="/static/daohang.png" mode="">导航</image>
 				</view>
 			</view>
 			<view class="detail">
-				<view class="detail2">机构简介</view>
-				<view class="textIn14">
+				<view class="Introduction">机构简介</view>
+				<view class="textInfo">
 					{{list.agencyIntroduce}}
 				</view>
 			</view>
@@ -33,7 +33,7 @@
 				</view>
 			</view>
 			<view class="tive"
-				style="width:99%;background-color:#ffffff;margin:0 auto;margin-top:5%;border-radius: 11px;height: 100%;">
+				style="width:94%;background-color:#ffffff;margin:0 auto;margin-top:5%;border-radius: 11px;">
 				<view class="tab-box">
 					<view class="tab-item" @tap="testTabClick(index)" :class="tabIndex == index?'active':''"
 						v-for="(item,index) in tabList" :key="index">
@@ -41,25 +41,23 @@
 					</view>
 				</view>
 				<view class="item" v-for="(item,index) in servelist" :key="index" v-show='choicetab==false'>
-					<view>
-						<image class="picture2" src="../../static/fuwutu.png"></image>
-					</view>
+					<image src="../../static/fuwutu.png"></image>
 					<view class="huanyao">{{item.nurseItemName}}
-					<view class="pingfen">	<u-rate  :count="5" value="2"></u-rate></view>
-					
+						<view class="pingfen">
+							<u-rate :count="5" value="2"></u-rate>
+						</view>
+
 					</view>
 					<view class="servicetime">服务时长:{{item.serveDurationUnit}}</view>
-					<view class="appointment" @tap='goappointments()'>预约</view>
+					<view class="appointment" @tap='goappointments(item)'>预约</view>
 					<view class="price">￥{{item.price}}</view>
 				</view>
 
 				<view class="item" v-show='choicetab' v-for="(item,index) in productlist" :key="index">
 					<view>
-						<image class="pictures" src="../../static/fuwutu.png"></image>
+						<image src="../../static/fuwutu.png"></image>
 					</view>
-					<view class="product">{{item.goodsName}}
-					</view>
-					<!-- <view class="price">￥60</view> -->
+					<view class="product">{{item.goodsName}}</view>
 					<view class="appointment">购买</view>
 				</view>
 
@@ -74,7 +72,8 @@
 	import {
 		introductionList,
 		itemList,
-		productInformation
+		productInformation,
+
 	} from '@/api/nursestation/nursestation.js';
 	import baseurl from '@/api/baseurl.js'
 	export default {
@@ -84,10 +83,15 @@
 				list: [],
 				servelist: [], //服务项目
 				productlist: [], //产品
+				stationid: '', //护理站id
 				nurseStationId: 2,
 				nurseStationLabelList: [], //护理站配置
 				nearbyNursingStationItemList: [],
+				patientId: 46,
 				pageNum: 1,
+				stationId: 2,
+				stationItemId: 2,
+				stationItemPriceId: 3,
 				pageSize: 10,
 				tabIndex: 0,
 				tabList: [{
@@ -104,9 +108,10 @@
 				this.productinfo()
 		},
 		methods: {
-			goappointments() {
+			//
+			goappointments(item) {
 				uni.navigateTo({
-					url: `/pages/appointmenttime/appointmenttime`,
+					url: `/pages/appointmenttime/appointmenttime?stationId=${item.stationId}&stationItemId=${item.stationItemId}&stationItemPriceId=${item.stationItemPriceId}`,
 
 				})
 			},
@@ -122,7 +127,6 @@
 				itemList(this.nurseStationId, this.pageSize, this.pageNum).then(res => {
 					this.servelist = res.rows
 					console.log(this.servelist)
-
 				})
 			},
 			productinfo() {
@@ -135,11 +139,6 @@
 				console.log(index)
 				this.tabIndex = index
 				this.choicetab = !this.choicetab
-				// if (this.index == 0) {
-				// 	// this.servelist = res.rows
-				// 	})
-				// }
-
 			}
 		},
 
@@ -154,7 +153,7 @@
 						});
 					} else {
 						uni.showActionSheet({
-							itemList: [`呼叫`, ],
+							itemList: ['呼叫', ],
 							success: function(res) {
 								if (res.tapIndex + 1 == 1) {
 									uni.makePhoneCall({
@@ -176,318 +175,246 @@
 </script>
 
 <style lang="scss" scoped>
-	.pingfen{
-		float: right;
-	}
-	.product {
-		font-size: 38rpx;
+	//全局
+	.app {
+		font-size: 36rpx;
+		padding-top: 10rpx;
+		.tive {
+			.item {
+				width: 99%;
+				height: 184rpx;
+				position: relative;
+				margin-bottom: 3%;
 
-		margin-top: -26%;
-		margin-left: 28%;
-	}
+				.servicetime {
+					font-size: 34rpx;
+					color: #999999;
+					line-height: 37rpx;
+					margin-left: 35%;
+				}
+				.appointment {
+					width: 125rpx;
+					height: 71rpx;
+					background: #4C7BC9;
+					border-radius: 26rpx;
+					float: right;
+					margin-top: -5%;
+					color: #ffffff;
+					text-align: center;
+					line-height: 71rpx;
+				}
 
-	.tab-box {
-		display: flex;
+				.price {
+					width: 60rpx;
+					height: 26rpx;
+					color: red;
+					font-size: 32rpx;
+					margin-top: 3%;
+					margin-left: 35%;
+				}
 
-		.tab-item {
-			flex-shrink: 0;
-			padding: 3%;
-			position: relative;
-			transition: all 0.2s linear;
-			font-size: 31rpx;
+				.product {
+					font-size: 38rpx;
+
+					margin-top: -26%;
+					margin-left: 28%;
+				}
+
+				.huanyao {
+
+					font-size: 38rpx;
+					margin-left: 35%;
+
+					margin-top: -24%;
+					color: #000000;
+
+					.pingfen {
+						float: right;
+					}
 
 
-			&::after {
-				transition: all 0.2s linear;
-				transform: translateX(-50%) scaleX(0);
-				content: '';
-				width: 50%;
-				position: absolute;
-				left: 50%;
-				bottom: 20rpx;
-				border-bottom: 6rpx solid #D43953;
-				border-radius: 4rpx;
+				}
+
 			}
 
-			&.active {
-				&::after {
-					content: '';
-					width: 50%;
-					position: absolute;
-					left: 50%;
-					transform: translateX(-50%) scaleX(1);
-					bottom: 20rpx;
-					border-bottom: 6rpx solid red;
+			.tab-box {
+				display: flex;
+
+				.tab-item {
+					flex-shrink: 0;
+					padding: 3%;
+					position: relative;
+					transition: all 0.2s linear;
+					font-size: 31rpx;
+
+
+					&::after {
+						transition: all 0.2s linear;
+						transform: translateX(-50%) scaleX(0);
+						content: '';
+						width: 50%;
+						position: absolute;
+						left: 50%;
+						bottom: 20rpx;
+						border-bottom: 6rpx solid #D43953;
+						border-radius: 4rpx;
+					}
+
+					&.active {
+						&::after {
+							content: '';
+							width: 50%;
+							position: absolute;
+							left: 50%;
+							transform: translateX(-50%) scaleX(1);
+							bottom: 20rpx;
+							border-bottom: 6rpx solid red;
+						}
+					}
 				}
 			}
+
 		}
-	}
 
-	.config {
-		display: flex;
-		// flex-wrap: wrap;
-		// justify-content: space-around;
-	}
+		.Nursestationconfiguration {
+			width: 94%;
+			height: 184rpx;
+			background: #FFFFFF;
+			border-radius: 20rpx;
+			margin: 0 auto;
 
-	//产品的图片
-	.pictures {
-		// position: absolute;
-		width: 170rpx;
-		height: 170rpx;
-		margin-left: 3%;
+			.configuration {
+				
+				font-size: 31rpx;
+				color: #333333;
+				line-height: 12rpx;
+				padding: 6%;
+				margin-left: -3%;
+				margin-top: 3%;
+				font-weight: 500;
 
-	}
+				.config {
+					display: flex;
 
-	//全局
-	.top {
-		background-color: #F4F5F7;
-		width: 100%;
-		height: 100vh;
-		padding: 3%;
-	}
-
-	.detail {
-		position: relative;
-		width: 99%;
-		height: 443rpx;
-		background: #FFFFFF;
-		border-radius: 20rpx;
-		margin-top: 3%;
-		font-size: 31rpx;
-		padding: 1px 20px 0 20px;
-		box-sizing: border-box;
-	}
-
-	.title3 image {
-		width: 24rpx;
-		height: 24rpx;
-		color: #ffffff;
-
-	}
-
-	.righttext {
-		position: relative;
-		background-color: #ffffff;
-		width: 99%;
-		height: 252rpx;
-		/* box-shadow: 0px 9px 31px 9px rgba(0,0,0,0.03); */
-		border-radius: 20rpx;
-		margin: 0 auto;
-
-	}
-
-	.detail2 {
-		font-size: 31rpx;
-		color: #333333;
-		line-height: 12rpx;
-		margin-left: -3%;
-		margin-top: 3%;
-		padding: 3%;
-		font-weight: 500;
-		/* margin-bottom: 20px; */
-	}
-
-	.address {
-		width: 396rpx;
-		height: 62rpx;
-		font-size: 25rpx;
-		margin-left: 35%;
-		margin-top: -2%;
-		font-family: Adobe Heiti Std;
-		font-weight: normal;
-		color: #999999;
-		line-height: 37rpx;
-	}
-
-	.picture {
-		position: absolute;
-		width: 170rpx;
-		height: 170rpx;
-		margin-left: 5%;
-		margin-top: 5%;
-	}
-
-	.picture2 {
-		width: 170rpx;
-		height: 170rpx;
-		margin-left: 3%;
-		// mar
-	}
-
-	.title {
-		margin-left: 35%;
-		line-height: 49px;
-		font-size: 33rpx;
-		font-weight: normal;
-		letter-spacing: 1px;
-
-	}
-
-	.title2 {
-		width: 149rpx;
-		height: 48rpx;
-		background: #D43953;
-		border-radius: 24px;
-		font-size: 21rpx;
-		font-family: Adobe Heiti Std;
-		font-weight: normal;
-		color: #ffffff;
-		line-height: 48rpx;
-		margin-left: 35%;
-		margin-top: 3%;
-		text-align: center;
-	}
-
-	.title3 {
-		width: 103rpx;
-		height: 48rpx;
-		background: #00C176;
-		border-radius: 24px;
-		font-size: 21rpx;
-		font-family: Adobe Heiti Std;
-		font-weight: normal;
-		color: #ffffff;
-		line-height: 48rpx;
-		margin-left: 60%;
-		margin-top: -7%;
-		text-align: center;
-	}
-
-	.textIn14 {
-		font-size: 29rpx;
-		text-indent: 2rem;
-		line-height: 42rpx;
-		color: #666666;
-	}
-
-	.Nursestationconfiguration {
-		width: 700rpx;
-		height: 184rpx;
-		background: #FFFFFF;
-		border-radius: 20rpx;
-		margin-top: 3%;
-	}
-
-	.configuration {
-		font-size: 31rpx;
-		color: #333333;
-		line-height: 12rpx;
-		padding: 6%;
-		margin-left: -3%;
-		margin-top: 3%;
-		font-weight: 500;
-
-	}
-
-	.measure {
-		// width: 60%;
-		// height: 67rpx;
-		background: #F6F6F6;
-		border-radius: 33rpx;
-		text-align: center;
-		line-height: 67rpx;
-		display: inline-block;
-		margin-left: 5%;
-		// margin-top: 5%;
-	}
+					.measure {
+						// width: 60%;
+						// height: 67rpx;
+						background: #F6F6F6;
+						border-radius: 33rpx;
+						text-align: center;
+						line-height: 67rpx;
+						display: inline-block;
+						margin-left: 5%;
+						// margin-top: 5%;
+					}
 
 
+				}
 
-	.huanyao {
-		// line-height: 10%;
-		// margin-top: -19%;
-		font-size: 38rpx;
-		margin-left: 35%;
+			}
+		}
 
-		margin-top: -24%;
-		color: #000000;
-		// line-height: 37rpx;
-		// margin: -160px -34px 42px 189px;
+		.detail {
+			position: relative;
+			width: 94%;
+			height: 443rpx;
+			margin: 0 auto;
+			background: #FFFFFF;
+			border-radius: 20rpx;
+			margin-top: 3%;
+			font-size: 31rpx;
+			padding: 1px 20px 0 20px;
+			// box-sizing: border-box;
 
-	}
+			.textInfo {
+				font-size: 29rpx;
+				text-indent: 2rem;
+				line-height: 42rpx;
+				color: #666666;
+			}
 
-	.picture3 {
-		width: 137rpx;
-		height: 23rpx;
-		float: right;
-	}
+			.Introduction {
+				width: 94%;
+				font-size: 31rpx;
+				color: #333333;
+				line-height: 12rpx;
+				margin-left: -3%;
+				margin-top: 3%;
+				padding: 3%;
+				font-weight: 500;
+				/* margin-bottom: 20px; */
+			}
 
-	.servicetime {
-		font-size: 34rpx;
-		color: #999999;
-		line-height: 37rpx;
-		margin-left: 35%;
-	}
+		}
 
-	.appointment {
-		width: 125rpx;
-		height: 71rpx;
-		background: #4C7BC9;
-		border-radius: 26rpx;
-		float: right;
-		margin-top: -5%;
-		// margin-right: -5%;
-		color: #ffffff;
-		text-align: center;
-		line-height: 71rpx;
-	}
+		.righttext {
+			width: 94%;
+			height: 252rpx;
+			background-color: #ffffff;
+			border-radius: 20rpx;
+			margin: 10px auto;
+			.picture {
+				position: absolute;
+				width: 170rpx;
+				height: 170rpx;
+				margin-left: 5%;
+				margin-top: 5%;
+			}
 
-	.price {
-		width: 60rpx;
-		height: 26rpx;
-		color: red;
-		font-size: 32rpx;
-		margin-top: 3%;
-		margin-left: 35%;
-	}
+			.Navigation {
+				width: 103rpx;
+				height: 48rpx;
+				background: #00C176;
+				border-radius: 24px;
+				font-size: 21rpx;
+			
+				color: #ffffff;
+				line-height: 48rpx;
+				margin-left: 60%;
+				margin-top: -7%;
+				text-align: center;
 
-	.item {
-		width: 99%;
-		height: 184rpx;
-		position: relative;
-		// background-color: ;
-		margin-bottom: 3%;
-	}
+				image {
+					width: 24rpx;
+					height: 24rpx;
+					color: #ffffff;
 
-	.item2 {
-		width: 99%;
-		height: 555rpx;
-		background: #FFFFFF;
-		border-radius: 20rpx;
-		font-size: 31rpx;
-		color: #333333;
-		padding: 4%;
-		margin-left: -3%;
-		font-weight: 500;
-		margin: 0 auto;
-		margin-top: -17%;
-	}
+				}
+			}
 
-	.picture4 {
-		width: 170rpx;
-		height: 170rpx;
-		margin-top: 5%;
-	}
+			.callme {
+				width: 149rpx;
+				height: 48rpx;
+				background: #D43953;
+				border-radius: 24px;
+				font-size: 21rpx;
+				color: #ffffff;
+				line-height: 48rpx;
+				margin-left: 35%;
+				margin-top: 3%;
+				text-align: center;
+			}
 
-	.chanpin {
-		line-height: 37rpx;
-		font-size: 31rpx;
-		color: #333333;
-		padding: 4%;
-		margin-left: 26%;
-		margin-top: -10%;
-		font-weight: 500;
-	}
+			.title {
+				margin-left: 35%;
+				line-height: 49px;
+				font-size: 33rpx;
+				font-weight: normal;
+				letter-spacing: 1px;
+
+			}
+
+
+			.address {
+				width: 396rpx;
+				height: 62rpx;
+				font-size: 25rpx;
+				margin-left: 35%;
+				margin-top: -2%;
+				color: #999999;
+				line-height: 37rpx;
+			}
+		}
 
-	.pay {
-		width: 125rpx;
-		height: 71rpx;
-		background: #4C7BC9;
-		border-radius: 26rpx;
-		margin-left: 78%;
-		margin-top: -7%;
-		color: white;
-		line-height: 71rpx;
-		text-align: center;
 	}
 </style>