<template>
	<view class="app">
		<view class="content">
			<view class="service">
				<image src="/static/pagesB/persone.png" mode=""></image>
				<span>医生服务</span>
			</view>
			<view class="orderitem">
				<view class="details">
					<image src="../../static/headsculpture.png" mode=""></image>
					<view class="ppointment">
						<view class="doctorname">
							<span>张医生</span>
						</view>
						<view class="reservation">
							<span>齐鲁医院</span>
							<span>副主任医师</span>
						</view>
						<view class="hospital">
							三甲医院
						</view>
					</view>
				</view>

			</view>
			<view class="doctordetails">
				<view class="doctorphone">
					医生电话
				</view>
				<view class="phone">
					·15864658751
				</view>
			</view>
			<view class="doctordetails">
				<view class="doctorphone">
					预约时间
				</view>
				<view class="phone">
					·2023-10-10
				</view>
			</view>
			<view class="doctordetailstwo">
				<view class="doctorphonetwo">
					咨询内容
				</view>
				<view class="phonetwo advicetwo">
					·咨询内内容咨询内容咨询内容咨询内容咨询内容咨咨询内容咨询内容咨询内容咨询内容
					<!-- <textarea  v-model="value" :type="type" :border="border" /> -->
				</view>
			</view>
			<view class="amount">
				<span>预约金额</span><span>￥39.90</span>

			</view>
			<view class="doctordetailstwo">
				<view class="doctorphonetwo">
					备注
				</view>
				<view class="phonetwo advicetwo">
					·备注内容
				</view>
			</view>

		</view>
		<view class="bottom">
			<span>更多</span>
			<span @tap="cancle">取消订单</span>
			<span @tap="evaluate">服务评价</span>
		</view>
		<u-popup v-model="evaluateshow" mode="bottom" length="45%" border-radius="30" :closeable='true'>
			<view class="evaluate">
				服务评价
			</view>
			<view class="star">
				<u-rate size="70" active-color="#F4EA2A" inactive-color="#b2b2b2" gutter="20"></u-rate>
				<span>非常差/差/满意/非常满意</span>
			</view>
			<view class="submits">
			提交
			</view>
		</u-popup>


	</view>
</template>

<script>
	export default {
		data() {
			return {
				// 评价弹框
				evaluateshow:false,

			}
		},
		methods: {
			// 取消订单
			cancle(){
				uni.navigateTo({
					url:'/pagesB/cancel/cancel'
				})
			},
			// 服务评价
			evaluate(){
				this.evaluateshow=true;
				
			},

		}
	}
</script>
<style lang="scss">
	@import './consulted.scss'
</style>

