修改

pages.json

@@ -239,6 +239,7 @@
 				"path": "ProductList/ProductList", //商品列表
 				"style": {
 					"navigationBarTitleText": "医路优品",
+					"navigationStyle": "custom", // 隐藏系统导航栏
 					"onReachBottomDistance": 40, //距离底部多远时触发 单位为px
 					"enablePullDownRefresh": true //设置参数为true
 				}
@@ -312,7 +313,6 @@
 					"navigationBarTitleText": "医生详情",
 					"enablePullDownRefresh": false
 				}
-
 			}, {
 				"path": "ExpertlookOrder/ExpertlookOrder",
 				"style": {
@@ -325,7 +325,6 @@
 					"navigationBarTitleText": "待咨询",
 					"enablePullDownRefresh": false
 				}
-
 			}, {
 				"path": "cancel/cancel",
 				"style": {
@@ -345,14 +344,12 @@
 					"navigationBarTitleText": "筛查结果",
 					"enablePullDownRefresh": false
 				}
-
 			}, {
 				"path": "screeningRecord/screeningRecord",
 				"style": {
 					"navigationBarTitleText": "筛查记录",
 					"enablePullDownRefresh": false
 				}
-
 			}, {
 				"path": "SelectItem/SelectItem",
 				"style": {
@@ -365,12 +362,30 @@
 					"navigationBarTitleText": "我的签约",
 					"enablePullDownRefresh": false
 				}
+			}, {
+				"path": "myfamilydoctorteam/myfamilydoctorteam",
+				"style": {
+					"navigationBarTitleText": "我的家庭医生团队",
+					"enablePullDownRefresh": false
+				}
+			}, {
+				"path": "performancedetails/performancedetails",
+				"style": {
+					"navigationBarTitleText": "履约详情",
+					"enablePullDownRefresh": false
+				}
+			}, {
+				"path": "contractsigningprotocol/contractsigningprotocol",
+				"style": {
+					"navigationBarTitleText": "签约协议",
+					"enablePullDownRefresh": false
+				}
+
 			}
 		]
 	}, {
 		"root": "pagesC",
-		"pages": [
+		"pages": [{
-			{
 				"path": "appointmenttime/appointmenttime",
 				"style": {
 					"navigationBarTitleText": "服务预约",

pagesB/contractsigningprotocol/contractsigningprotocol.vue

@@ -0,0 +1,19 @@
+<template>
+	<view>
+
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+
+</style>

pagesB/myfamilydoctorteam/myfamilydoctorteam.vue

@@ -0,0 +1,153 @@
+<template>
+	<view class="app">
+		<view class="teamname">
+			<image src="../../static/pagesB/myfamilydoctorteam.png" mode=""></image>
+			<view class="name">
+				中心团队
+			</view>
+		</view>
+		<view class="list">
+			<view class="item">
+				<image src="../../static/pagesB/Behave.png" mode=""></image>
+				<view class="name">
+					齐鲁医院张医生
+				</view>
+				<view class="phone">
+					17869882345
+				</view>
+				<view class="title">
+					全科医生
+				</view>
+				<view class="zixunbtn">
+					咨询
+				</view>
+			</view>
+			<view class="item">
+				<image src="../../static/pagesB/Behave.png" mode=""></image>
+				<view class="name">
+					齐鲁医院张医生
+				</view>
+				<view class="phone">
+					17869882345
+				</view>
+				<view class="title">
+					全科医生
+				</view>
+				<view class="zixunbtn">
+					咨询
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+	page {
+		background-color: #F4F5F7;
+	}
+
+	.app {
+		width: 96%;
+		margin: 20rpx auto;
+		background-color: #fff;
+
+		.list {
+			width: 100%;
+
+			.item {
+				width: 96%;
+				margin: 0 auto ;
+				padding-bottom: 60rpx;
+				border-bottom: 2rpx solid #E6E6E6;
+				position: relative;
+				height: 300rpx;
+
+				.zixunbtn {
+					width: 169rpx;
+					height: 61rpx;
+					background: #26A888;
+					border-radius: 5rpx;
+					font-size: 28rpx;
+					font-weight: 400;
+					color: #FFFFFF;
+					line-height: 61rpx;
+					text-align: center;
+					position: absolute;
+					top: 65%;
+					right: 10rpx;
+				}
+
+				.title {
+					position: absolute;
+					top: 70%;
+					left: 210rpx;
+					font-size: 18rpx;
+					font-weight: 500;
+					color: #FFA733;
+					line-height: 30rpx;
+					height: 30rpx;
+					background: #FFFFFF;
+					border: 1px solid #FFA115;
+					border-radius: 5rpx;
+					text-align: center;
+					padding: 0 15rpx;
+				}
+
+				.phone {
+					position: absolute;
+					top: 38%;
+					left: 210rpx;
+					font-size: 28rpx;
+					font-weight: 400;
+					color: #959595;
+				}
+
+				.name {
+					position: absolute;
+					font-size: 28rpx;
+					font-weight: 500;
+					color: #333333;
+					top: 20%;
+					left: 210rpx;
+				}
+
+				image {
+					position: absolute;
+					top: 50%;
+					transform: translateY(-50%);
+					left: 5rpx;
+					width: 180rpx;
+					height: 180rpx;
+				}
+			}
+		}
+
+		.teamname {
+			padding: 20rpx 0 0 30rpx;
+			display: flex;
+			align-items: flex-end;
+
+			image {
+				width: 40rpx;
+				height: 36rpx;
+			}
+
+			.name {
+				padding-left: 15rpx;
+				font-size: 28rpx;
+				font-weight: 500;
+				color: #000000;
+			}
+		}
+	}
+</style>

pagesB/mysigning/mysigning.vue

@@ -58,7 +58,7 @@
 				</text>
 			</view>
 		</view>
-		<view class="lookbtn">
+		<view class="lookbtn" @tap='gomyfamilydoctorteam'>
 			查看我的家庭医生团队
 		</view>
 		<view class="border">
@@ -75,7 +75,7 @@
 		<view class="item">
 			糖尿病个性服务包
 		</view>
-		<view class="lookbtn">
+		<view class="lookbtn" @tap='goperformancedetails'>
 			查看履约详情
 		</view>
 		<view class="border">
@@ -84,7 +84,7 @@
 			<view class="leftbtn">
 				申请解约
 			</view>
-			<view class="rightbtn">
+			<view class="rightbtn" @tap='gocontractsigningprotocol'>
 				查看签约协议
 			</view>
 		</view>
@@ -97,6 +97,26 @@
 			return {
 
 			};
+		},
+		methods: {
+			//我的家庭医生团队
+			gomyfamilydoctorteam() {
+				uni.navigateTo({
+					url: '/pagesB/myfamilydoctorteam/myfamilydoctorteam'
+				})
+			},
+			// 履约详情
+			goperformancedetails() {
+				uni.navigateTo({
+					url: "/pagesB/performancedetails/performancedetails"
+				})
+			},
+			//签约协议
+			gocontractsigningprotocol() {
+				uni.navigateTo({
+					url: "/pagesB/contractsigningprotocol/contractsigningprotocol"
+				})
+			},
 		}
 	}
 </script>
@@ -205,6 +225,7 @@
 				color: #FFA115;
 				width: 85rpx;
 				height: 35rpx;
+				line-height: 35rpx;
 				background: #FFFFFF;
 				border: 1px solid #FFA115;
 				border-radius: 5rpx;

pagesB/performancedetails/performancedetails.vue

@@ -0,0 +1,137 @@
+<template>
+	<view class="app">
+		<u-collapse :accordion='false'>
+			<u-collapse-item :title="item.head" v-for="item in itemList" :key="item.id"
+				:class="headitemid.find(e=>e==item.id)?'headcollapse':''" @change='tapcollapse(item.id)'>
+				<view class="itemtext" v-for="uitem in item.item">
+					<view class="left">
+						{{uitem.body}}
+					</view>
+					<view class="right">
+						{{uitem.text}}
+					</view>
+				</view>
+			</u-collapse-item>
+		</u-collapse>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				headitemid: [],
+				itemList: [{
+					head: "高血压个性服务包",
+					id: 1,
+					item: [{
+							body: '大生化',
+							text: '1/1'
+						},
+						{
+							body: '心电图',
+							text: '1/1'
+						}
+					]
+				}, {
+					head: "高血压基本公卫服务包",
+					id: 2,
+					item: [{
+							body: '大生化',
+							text: '1/1'
+						},
+						{
+							body: '心电图',
+							text: '1/1'
+						}
+					]
+				}, {
+					head: "老年人个性服务包",
+					id: 3,
+					item: [{
+							body: '大生化',
+							text: '1/1'
+						},
+						{
+							body: '心电图',
+							text: '1/1'
+						}
+					]
+				}],
+			};
+		},
+		methods: {
+			tapcollapse(i) {
+				let findindex = this.headitemid.findIndex(e => e == i)
+				if (findindex != -1) {
+					this.headitemid.splice(findindex, 1)
+				} else {
+					this.headitemid.push(i)
+				}
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	page {
+		background-color: #F4F5F7;
+	}
+
+	.app {
+		width: 96%;
+		margin: 20rpx auto;
+
+		::v-deep .u-collapse-title {
+			font-size: 30rpx;
+			font-weight: 600;
+			padding-left: 10rpx;
+		}
+
+		::v-deep .u-collapse-head {
+			width: 96%;
+			margin: 0 auto;
+		}
+
+
+		::v-deep .u-arrow-down-icon {
+			transform: rotate(270deg);
+		}
+
+		.itemtext {
+			font-size: 28rpx;
+			font-weight: 500;
+			color: #868585;
+			width: 94%;
+			height: 100rpx;
+			padding-left: 10rpx;
+			line-height: 100rpx;
+			border-bottom: 2rpx solid #E6E6E6;
+			margin: 0 auto;
+			display: flex;
+		}
+
+		.headcollapse {
+			::v-deep .u-collapse-head {
+				border-bottom: 2rpx solid #E6E6E6;
+			}
+
+			::v-deep .u-arrow-down-icon {
+				transform: rotate(360deg) !important;
+			}
+
+			::v-deep .u-collapse-item {
+				padding-bottom: 40rpx;
+			}
+
+			::v-deep .u-collapse-title {
+				color: #26A888;
+			}
+		}
+
+		::v-deep .u-collapse-item {
+			background-color: #fff;
+			margin-bottom: 20rpx;
+		}
+	}
+</style>