<template>
	<div>
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">用药提醒</h1>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<a class="pink mui-pull-right"><span class="mui-icon iconfont icon-jia pink"></span>添加提醒</a>
		</header>
		<div class="mui-content vongi-cytx">
			<!--<div class="mui-content-padded vongi-sqtpdat-name">
				<div class="vongi-center">
					<img src="~$project/assets/img/no.png" width="50%" />
					<h3>您还没有添加用药提醒</h3>
					<button type="submit" class="mui-btn mui-btn-pink "><span class="mui-icon mui-icon-plusempty">添加提醒</button>
				</div>
				<h3 class="vongi-examineInfo">
					设置完成后将通过微信消息提醒您
				</h3>
			</div>-->
			<div class="mui-content-padded vongi-cytx-time">
				<ul class="mui-table-view mui-grid-view mui-grid-9">
					<li class="mui-table-view-cell mui-media">
						<span>日</span>
					</li>
					<li class="mui-table-view-cell mui-media">
						<span>一</span>
					</li>
					<li class="mui-table-view-cell mui-media">
						<span>二</span>
					</li>
					<li class="mui-table-view-cell mui-media">
						<span>三</span>
					</li>
					<li class="mui-table-view-cell mui-media">
						<span>四</span>
					</li>
					<li class="mui-table-view-cell mui-media">
						<span>五</span>
					</li>
					<li class="mui-table-view-cell mui-media">
						<span>六</span>
					</li>
				</ul>
				<ul class="mui-table-view mui-grid-view mui-grid-9">
					<li class="mui-table-view-cell mui-media">
						<a href="#" class="mui-active">
							<span>11</span>
							<div class="mui-media-body">正常用药</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="#">
							<span>12</span>
							<div class="mui-media-body">正常用药</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="#">
							<span>13</span>
							<div class="mui-media-body">正常用药</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="#">
							<span>14</span>
							<div class="mui-media-body">正常用药</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="#">
							<span>15</span>
							<div class="mui-media-body">正常用药</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="#">
							<span>16</span>
							<div class="mui-media-body">正常用药</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="#">
							<span>17</span>
							<div class="mui-media-body color999">停药</div>
						</a>
					</li>
				</ul>
			</div>
			<div class="mui-content-padded vongi-cytx-time vongi-qingjiadt">
				<h4 class="flew-items color666"><img src="~$project/assets/img/tixing.png" width="20" />今日用药计划</h4>
				<!--<div class="mui-media-body">无</div>-->
				<form class="mui-input-group">
					<div class="mui-input-row">
						<label class="pink">08:00</label>
						<span>阿莫仙阿莫西林胶囊0.5g*48粒/盒阿莫仙阿莫西林胶囊0.5g*48粒/盒 1片</span>
					</div>
					<div class="mui-input-row">
						<label class="pink">14:00</label>
						<span>阿莫仙阿莫西林胶囊0.5g*48粒/盒阿莫仙阿莫西林胶囊0.5g*48粒/盒 1片</span>
					</div>
					<div class="mui-input-row">
						<label class="pink">22:00</label>
						<span>阿莫仙阿莫西林胶囊0.5g*48粒/盒阿莫仙阿莫西林胶囊0.5g*48粒/盒 1片</span>
					</div>
				</form>
			</div>
			<div class="mui-content-padded vongi-cytx-time vongi-qingjiadt">
				<h4>全部用药列表</h4>
				<ul class="mui-table-view vongi-cytx-with">
					<li class="mui-table-view-cell">
						<div class="mui-slider-right mui-disabled">
							<a class="mui-btn mui-btn-red">删除</a>
						</div>
						<div class="mui-slider-handle flew-sp flew-items">
							<div class="mui-media-body">
								<div class="mui-col-xs-10 mui-ellipsis">阿莫仙阿莫西林胶囊0.5g*48粒/盒阿莫仙</div>
								<p class="flew-items"><i class="iconfont icon-circleyuanquan pink"></i>已使用0天，还需使用7天</p>
							</div>
							<div class="mui-switch mui-switch-mini mui-active ">
								<div class="mui-switch-handle"></div>
							</div>
						</div>
					</li>

				</ul>
			</div>
		</div>

		<!-- <drug-calendar></drug-calendar> -->

		<loading :visible="isLoading"></loading>
	</div>
</template>

<script>
	import Common from '$project/components/Common.vue'
	import Loading from '$project/components/Loading.vue'
	import TopHeader from '$project/components/TopHeader.vue'
	import DrugCalendar from '@/components/DrugCalendar.vue'
	import {
		mapGetters,
		mapMutations
	} from 'vuex'
	export default {
		name: 'MasterDrug',
		components: {
			Common,
			Loading,
			TopHeader,
			DrugCalendar
		},
		data() {
			return {
				isLoading: false,

				pageTitle: '用药提醒',
			}
		},
		created() {},
		methods: {

			asynCallBack() {

			},
		},
		mounted() {},
		destroyed() {

		},
		computed: {
			...mapGetters({
				openId: 'wx_openid',
				token: 'token',
				person_data: 'person_data',
				person_popedom: 'person_popedom',
			})
		}
	}
</script>


<style scoped src="$project/assets/css/pension.css"></style>
<style scoped src="$project/assets/css/xpwyfyy.css"></style>
<style src="$project/assets/css/iconfont.css"></style>
<style>
</style>
