|
@@ -1,8 +1,137 @@
|
|
|
<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>
|
|
|
+</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
</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>
|