This commit is contained in:
2023-10-09 10:58:52 +08:00
parent b5fd1cef93
commit 0dd52f0fb2
6 changed files with 355 additions and 10 deletions

View File

@ -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": "服务预约",

View File

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

View File

@ -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>

View File

@ -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;
@ -232,4 +253,4 @@
}
}
}
</style>
</style>

View File

@ -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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB