<template>
	<view class="app">
		<view class="noorder" v-if="list==0">
			<u-empty mode="list" icon-size='220' text='暂无内容'></u-empty>
		</view>
		<view class="content" @tap="goapponint(item)" v-else v-for="(item, index) in list" :index="index">
			<view class="big">复诊提醒
				<!-- <span>474747</span> -->
			</view>
			<view class="servename">
				{{item.executeTime}}
			</view>
			<!-- 	<view class="appoint" >
				预约
			</view> -->
		</view>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	import {
		getTaskList
	} from '@/api/Mymedication/Mymedication.js'
	export default {
		data() {
			return {
				residentId: uni.getStorageSync('patientId'),
				list: [],

			};
		},
		onShow() {
			this.getlist()
		},
		methods: {
			getlist() {
				var TaskTypeList = "REVISIT_REMINDER"
				getTaskList(TaskTypeList, this.residentId).then(res => {
					console.log(res)
					this.list = res.data
				})
			},
			goapponint(item) {
				uni.navigateTo({
					url: `/pages/Followupconsultation/Followupconsultation?id=${item.id}&patientName=${item.patientName}`
				})
			}
		},
	}
</script>

<style lang="scss">
	.app {
		height: 100vh;
		background-color: #F7F5F5;
		padding: 30rpx 0 0 0;
		overflow: scroll;

		::v-deep .u-empty {
			margin-top: 100rpx !important;
		}

		.content {
			position: relative;
			width: 95%;
			height: 183rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
			border-radius: 5rpx;
			margin: 15rpx auto;

			.servename {
				position: absolute;
				top: 60%;
				left: 10%;
				// padding: 0 8rpx 0 50rpx;
				font-size: 28rpx;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #868585;
				line-height: 38rpx;
				width: 500rpx;
			}

			.appoint {
				position: absolute;
				right: 5%;
				top: 58%;
				transform: translateY(-50%);
				width: 169rpx;
				height: 61rpx;
				background: #26A888;
				border-radius: 5rpx;
				line-height: 61rpx;
				text-align: center;
				color: #fff;
			}

			.big {
				position: absolute;
				top: 20%;
				left: 10%;
				// padding: 35rpx 50rpx 24rpx 46rpx;
				// width: 0%;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				font-size: 28rpx;
				font-family: Source Han Sans CN;
				font-weight: 500;
				color: #000000;
				line-height: 38rpx;
				width: 700rpx;

				span {
					display: inline;
					position: absolute;
					right: 40rpx;
				}
			}
		}
	}
</style>