<template>
	<view class="app">
		<u-tabs :list="tabslist" :is-scroll="false" :current="tabscurrent" @change="tabschange" :show-bar='false'
			active-color='#26A888'></u-tabs>
			<view class="record">
				<view class="top">
					<span>大生化</span>
				
					<span>未完成</span>
				</view>
				<view class="recorddata">
					<view class="recorditem">
						高血压个性服务包
					</view>
					<view class="recorditem">
						预约时间：2023-12-12<span>08:30</span>
					</view>
				</view>
				<view class="evaluate" @tap="evaluatetime">
					<view class="evaluatedata">
						取消预约
					</view>
				</view>
			</view>
			
			<view class="record">
				<view class="top">
					<span>大生化</span>
				
					<span>未完成</span>
				</view>
				<view class="recorddata">
					<view class="recorditem">
						高血压个性服务包
					</view>
					<view class="recorditem">
						预约时间：2023-12-12<span>08:30</span>
					</view>
				</view>
	
				<view class="evaluate">
					<span>完成时间：</span>
					<span>2023-12-20</span>
					<span>08:30</span>
					
				</view>
			</view>
			

		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tabslist: [{
					name: '全部',
					orderStatus: '',
				}, {
					name: '未评价',
					orderStatus: 'WAIT_PAY',
				}, {
					name: '已评价',
					orderStatus: 'WAIT_RECEIVED_GOODS',
				}, ],
				tabscurrent: 0,
				
			}
		},
		methods: {
			//点击tabs
			tabschange(index) {
				// console.log(this.tabslist)
				this.tabscurrent = index;
				// this.orderStatus = this.tabslist[index].orderStatus
				// this.goodsOrderinfo();
			},
			
		}
	}
</script>

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

</style>
