<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>用药提醒</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!--标准mui.css-->
<link rel="stylesheet" href="../css/mui.min.css">
<!--App自定义的css-->
<link rel="stylesheet" type="text/css" href="../css/app.css" />
<style>
span {
color: grey;
font-size: 0.8em;
}
.mui-btn {
font-size: 16px;
padding: 8px;
margin: 3px;
}
.mui-btn {
padding: 10px;
}
</style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">用药提醒</h1>
</header>
<div class="mui-content" style="padding-left:10px;padding-right: 10px;">
<ul class="mui-table-view">
<li class="mui-table-view-cell">
<span class="mui-icon mui-icon-contact"></span>
<span id="user">我</span>
<div style="width: 50%;float: right;margin-top: -9px;margin-bottom: -9px;">
<select class="mui-btn mui-btn-block" onchange="changeUser(this)">
<option value="">选择家人</option>
<option value="我">我</option>
<option value="李静">李静</option>
<option value="王立军">王立军</option>
</select>
</div>
</li>
<li class="mui-table-view-cell">
<span class="mui-icon mui-icon-navigate"></span>
<span id="drug"></span>
<div id="selectDrug" style="width: 50%;float: right;margin-top: -9px;margin-bottom: -9px;">
<select class="mui-btn mui-btn-block" onchange="changeDrug(this)">
<option value="">选择药品</option>
<option value="布洛芬混悬液">布洛芬混悬液</option>
<option value="感冒灵颗粒">感冒灵颗粒</option>
<option value="板蓝根颗粒">板蓝根颗粒</option>
<option value="复方氨酚烷胺片">复方氨酚烷胺片</option>
</select>
</div>
</li>
</ul>
<h5 style="font-size: 1.1em;margin:10px 5px;">用药周期</h5>
<ul class="mui-table-view">
<li class="mui-table-view-cell">
<span>重复</span>
<div style="width: 50%;float: right;margin-top: -9px;margin-bottom: -9px;">
<select id="meitian" class="mui-btn mui-btn-block">
<option value="1">每天</option>
<option value="2">每2天</option>
<option value="3">每3天</option>
<option value="4">每4天</option>
<option value="5">每5天</option>
<option value="6">每6天</option>
<option value="7">每7天</option>
<option value="8">每8天</option>
</select>
</div>
</li>
<li class="mui-table-view-cell">
<span>次数</span>
<div style="width: 50%;float: right;margin-top: -9px;margin-bottom: -9px;">
<select onchange="onchangeCi(this);" id="meici" class="mui-btn mui-btn-block">
<option value="1">1次</option>
<option value="2">2次</option>
<option value="3">3次</option>
<option value="4">4次</option>
<option value="5">5次</option>
</select>
</div>
</li>
<li class="mui-table-view-cell">
<ul class="mui-table-view" id="selectTime">
<li class="mui-table-view-cell">
<span>第1次</span>
<div style="width: 60%;float: right;margin-top: -9px;margin-bottom: -9px;">
<button onclick="selectTime(this);" type="button" class="time mui-btn mui-btn-block">选择时间</button>
</div>
</li>
</ul>
</li>
<li class="mui-table-view-cell">
<span>起始日期</span>
<div style="width: 60%;float: right;margin-top: -9px;margin-bottom: -9px;">
<button onclick="setDate(this);" type="button" class="mui-btn mui-btn-block">选择日期</button>
</div>
</li>
<li class="mui-table-view-cell">
<span>结束日期</span>
<div style="width: 60%;float: right;margin-top: -9px;margin-bottom: -9px;">
<button onclick="setDate(this);" type="button" class="mui-btn mui-btn-block">选择日期</button>
</div>
</li>
</ul>
<center>
<button id="baocun" class="mui-btn mui-btn-block mui-btn-primary" style="width: 90%;" onclick="return false;">完成</button>
</center>
</div>
<script id="temp" type="text/template">
<li class="mui-table-view-cell">
<span>第<%=(time)%>次</span>
<div style="width: 60%;float: right;margin-top: -9px;margin-bottom: -9px;">
<button data-time='<%=(time)%>' onclick="selectTime(this);" type="button" class="time mui-btn mui-btn-block">选择时间</button>
</div>
</li>
</script>
<script src="../js/mui.min.js"></script>
<script src="../js/arttmpl.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/service.js" type="text/javascript" charset="utf-8"></script>
<script src="../libs/choujiang/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://121.42.151.57:7999/service/dyyj/demo.js/helper.js" type="text/javascript" charset="utf-8"></script>
<script>
mui.init({
swipeBack: true //启用右滑关闭功能
});
mui.plusReady(function() {
var self = plus.webview.currentWebview();
window.drug = self.drug;
if (window.drug) {
document.getElementById("drug").innerHTML = window.drug;
document.getElementById("selectDrug").style.display = 'none';
}
plus.webview.hide('barcode_scan.html');
baocun();
});
function changeUser(obj) {
var sel = obj.value;
document.getElementById("user").innerHTML = sel;
}
function changeDrug(obj) {
var sel = obj.value;
window.drug = sel;
document.getElementById("drug").innerHTML = sel;
}
function setDate(obj) {
var dDate = new Date();
dDate.setFullYear(2014, 7, 16);
var minDate = new Date();
minDate.setFullYear(2010, 0, 1);
var maxDate = new Date();
maxDate.setFullYear(2016, 11, 31);
plus.nativeUI.pickDate(function(e) {
var d = e.date;
obj.innerText = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate();
}, function(e) {
// info.innerText = "您没有选择日期";
}, {
title: "请选择日期",
date: dDate,
minDate: minDate,
maxDate: maxDate
});
}
var times = [];
times[0] = '1';
function selectTime(obj) {
var dTime = new Date();
dTime.setHours(6, 0);
plus.nativeUI.pickTime(function(e) {
var d = e.date;
obj.innerHTML = d.getHours() + ":" + d.getMinutes();
var ti = obj.getAttribute('data-time');
times[ti] = d.getHours() + ":" + d.getMinutes();
}, function(e) {
// obj.innerText = "您没有选择时间"
}, {
title: "请选择时间",
is24Hour: true,
time: dTime
});
}
function onchangeCi(obj) {
var time = obj.value;
var htmlStr = '';
for (var i = 0; i < time; i++) {
htmlStr += template('temp', {
time: i + 1
});
}
document.getElementById("selectTime").innerHTML = htmlStr;
times = [];
times[0] = '1';
}
var DyyjDemo = new DyyjDemo('/service/dyyj/demo.js');
function baocun() {
document.getElementById("baocun").addEventListener('tap', function() {
var data = {
drug:encodeURIComponent( document.getElementById("drug").innerHTML),
meitian: document.getElementById("meitian").value,
meici: document.getElementById("meici").value,
time: times
}
console.log(JSON.stringify(data))
DyyjDemo.saveRemind(getUserId(), data, function(result) {
if (result.rs) {
alert('保存成功');
plus.webview.hide('remind-drug-list.html')
mui.openWindow({
id: 'remind-drug-list-win',
url: 'remind-drug-list.html',
extras:{
time:times[1],
drug:data.drug
}
});
} else {
alert('保存失败');
}
})
});
}
</script>
</body>
</html>