护理站详情
This commit is contained in:
闫晓茹
parent
668dd4cdc2
commit
3b75569937
@ -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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user