NurseStationApp/pages/nursestation/nursestation.vue

<template>
	<view>
		<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="call">
					<view class="callme" @tap="gophone()">
						<u-icon name="phone-fill" color="#ffffff" size="28"></u-icon>
						联系我们
					</view>
					<view class="Navigation">
						<image src="/static/daohang.png" mode="">导航</image>
					</view>
				</view>

			</view>
			<view class="detail">
				<view class="Introduction">机构简介</view>
				<view class="textInfo">
					{{list.agencyIntroduce}}
				</view>
			</view>
			<view class="Nursestationconfiguration">
				<view class="configuration">
					护理站配置
					<view class="config" v-for="(item,index) in nurseStationLabelList" :key="index">
						<view class="measure">
							<text>{{item.labelDescription}}</text>
						</view>
					</view>
				</view>
			</view>
			<view class="tive">
				<view class="tab-box">
					<view class="tab-item" @tap="testTabClick(index)" v-for="(item,index) in tabList" :key="index"
						:class="tabIndex == index?'active':''">
						{{item.name}}
					</view>
				</view>
				<view class="item" v-for="item in servelist" :key="" v-show='choicetab==false'>
					<image src="../../static/fuwutu.png"></image>
					<view class="huanyao">{{item.nurseItemName}}
						<view class="pingfen">
							<u-rate :count="5" value="2"></u-rate>
						</view>
					</view>
					<view class="servicetime">服务时长:{{item.serveDurationUnit}}</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 src="../../static/fuwutu.png"></image>
					</view>
					<view class="product">{{item.goodsName}}</view>
					<view class="appointment">购买</view>
				</view>

			</view>


		</view>
	</view>
</template>

<script>
	import {
		introductionList,
		itemList,
		productInformation,

	} from '@/api/nursestation/nursestation.js';
	import baseurl from '@/api/baseurl.js'
	export default {
		data() {
			return {
				choicetab: false, //切换
				list: [],
				servelist: [], //服务项目
				productlist: [], //产品
				stationid: '', //护理站id
				nurseStationId:'',
				nurseStationLabelList: [], //护理站配置
				nearbyNursingStationItemList: [],
				patientId: 46,
				pageNum: 1,
				stationId: 2,
				stationItemId: 2,
				stationItemPriceId: 3,
				pageSize: 10,
				tabIndex: 0,
				tabList: [{
					name: "服务项目"
				}, {
					name: "产品"
				}, ]

			}
		},
		onLoad(options) {
			console.log(options)
				this.list.stationId = options.stationId
			this.getInfo(),
				this.serveinfo(),
				this.productinfo()
		},
		methods: {
			goappointments(item) {
				console.log(item)
				uni.navigateTo({
					url: `/pages/appointmenttime/appointmenttime?stationId=${item.stationId}&stationItemId=${item.stationItemId}&stationItemPriceId=${item.stationItemPriceId}`,

				})
			},
			getInfo() {
				introductionList(this.nurseStationId).then(res => {
					this.list = res[0]
					console.log(this.list)
					if(res[0].nurseStationLabelList){
						this.nurseStationLabelList = res[0].nurseStationLabelList
					}
					// this.nearbyNursingStationItemList = res[0].nearbyNursingStationItemList
					// (this.nurseStationLabelList);
				})
			},
			serveinfo() {
				itemList(this.nurseStationId, this.pageSize, this.pageNum).then(res => {
					this.servelist = res.rows
					console.log(this.servelist)
				})
			},
			productinfo() {
				productInformation(this.nurseStationId, this.pageNum, this.pageSize).then(res => {
					this.productlist = res.rows
					console.log(this.productlist)
				})
			},
			testTabClick(index) {
				console.log(index)
				this.tabIndex = index
				this.choicetab = !this.choicetab
			}
		},

		gophone() {
			var that = this
			uni.getSystemInfo({
				success: function(res) {
					// console.log(res)
					if (res.platform == 'ios') {
						uni.makePhoneCall({
							phoneNumber: that.list.phone //仅为示例
						});
					} else {
						uni.showActionSheet({
							itemList: ['呼叫', ],
							success: function(res) {
								if (res.tapIndex + 1 == 1) {
									uni.makePhoneCall({
										phoneNumber: that.list.phone //仅为示例
									});
								}
								console.log('选中了第' + (res.tapIndex + 1) + '个按钮');
							},
							fail: function(res) {
								// console.log(res.errMsg);
							}
						});
					}
				}
			});

		},
	}
</script>

<style lang="scss" scoped>
	@import './nursestation.scss'
</style>