163 lines
5.7 KiB
Plaintext
163 lines
5.7 KiB
Plaintext
@{Layout = null; }
|
||
<!doctype html>
|
||
<html>
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>我的预约</title>
|
||
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
||
<link href="../css/mui.min.css" rel="stylesheet" />
|
||
<link rel="stylesheet" href="../css/bootstrap.min.css" />
|
||
<!--css样式-->
|
||
<style type="text/css">
|
||
|
||
body, html {
|
||
width: 100%;
|
||
height: 100%;
|
||
position: relative;
|
||
background: #FFFFFF;
|
||
font-size: 14px;
|
||
}
|
||
/*主体*/
|
||
.mui-content {
|
||
width: 100%;
|
||
height: auto;
|
||
padding: 5% 0 15% 0;
|
||
background: #FFFFFF;
|
||
}
|
||
|
||
.mui-input-row {
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
.mui-input-row label {
|
||
text-align: right;
|
||
width: 35%;
|
||
line-height: 20px;
|
||
padding: 11px 10px;
|
||
}
|
||
|
||
.mui-input-row label ~ input, .mui-input-row label ~ select, .mui-input-row label ~ textarea {
|
||
border: 1px solid rgba(0,0,0,0.2);
|
||
padding-left: 8px;
|
||
}
|
||
|
||
#imgbox {
|
||
width: 60%;
|
||
height: 100px;
|
||
border: 1px solid #EFEFF4;
|
||
border-radius: 5px;
|
||
text-align: center;
|
||
margin: auto;
|
||
line-height: 100px;
|
||
}
|
||
/*按钮*/
|
||
.mui-bar {
|
||
-webkit-box-shadow: none;
|
||
box-shadow: none;
|
||
height: 40px;
|
||
}
|
||
|
||
#backBtn {
|
||
position: absolute;
|
||
height: 100%;
|
||
border-color: #007aff;
|
||
border-radius: 0;
|
||
background: #007aff;
|
||
color: #FFFFFF;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div>
|
||
<font style="font-weight:bold;">温馨提示：</font><br>
|
||
预约成功后请携带身份证到德城区疾病预防控制中心二楼体检自助机领取指引单查体。<br>
|
||
<font style="font-weight:bold;">体检项目：</font><br>
|
||
内科检查、血生化（上午空腹静脉抽血）、B超、心电图、电测听。<br>
|
||
<font style="font-weight:bold;"> 联系电话</font>：2267111 、 2267105
|
||
</div>
|
||
<!--页面主体-->
|
||
<div class="mui-content">
|
||
<table class="table table-striped table-bordered" id="dataBox1" style="display:none">
|
||
<tr>
|
||
<th class="text-center">预约时间</th>
|
||
<th class="text-center">预约地点</th>
|
||
<th class="text-center">状态</th>
|
||
</tr>
|
||
<tr class="text-center" v-for="item in dataList" v-on:click="fnToEdit($event)" v-bind:num="item.id">
|
||
<td>{{item.order_date}}</td>
|
||
<td>{{item.jgmc}}</td>
|
||
<td v-if="item.state == 0">已预约</td>
|
||
<td v-else-if="item.state == 1">已结束</td>
|
||
<td v-else="item.state == 2">已取消</td>
|
||
</tr>
|
||
<tr v-show="dataList.length==0 ">
|
||
<td colspan="4" class="text-center">
|
||
<p>暂无数据....</p>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<nav class="mui-bar mui-bar-tab">
|
||
<input type="button" class="mui-btn mui-btn-block mui-btn-primary" value="确认" id="backBtn" onclick="closewindow()" />
|
||
</nav>
|
||
<!--js内容-->
|
||
<script src="../js/mui.min.js"></script>
|
||
<script type="text/javascript" src="../js/common.js"></script>
|
||
<script type="text/javascript" src="../js/jquery-2.1.0.js"></script>
|
||
<script type="text/javascript" src="../js/vue.min.js"></script>
|
||
<script type="text/javascript">
|
||
mui.init()
|
||
|
||
window.onload = function(){
|
||
var url1 = "@Url.Action("GetDataByInfoID_Test")";
|
||
//var url1 = serverurl + "/Infection/GetDataByInfoID_Test";
|
||
$.ajax(url1, {
|
||
data: {},
|
||
type: "post",
|
||
dataType: "json",
|
||
success: function(data) {
|
||
|
||
if(data.length >0 && data != null){
|
||
var wxVue = new Vue({
|
||
el:"#dataBox1",
|
||
data:{
|
||
dataList:data
|
||
},
|
||
methods:{
|
||
fnToEdit:function(e){
|
||
var e = e || window.event;//处理兼容，获取事件对象
|
||
var oTarget = e.tagName || e.srcElement;//处理兼容，获取事件目标
|
||
var yid = oTarget.parentNode.getAttribute('num');
|
||
window.location.href="@Url.Action("subscribeEdit")"+"?id=" +yid;
|
||
|
||
}
|
||
}
|
||
})
|
||
var dataBox1 = document.getElementById("dataBox1");
|
||
dataBox1.style.display = "";
|
||
}else{
|
||
var wxVue = new Vue({
|
||
el:"#dataBox1",
|
||
data:{
|
||
dataList:[]
|
||
}
|
||
})
|
||
var dataBox1 = document.getElementById("dataBox1");
|
||
dataBox1.style.display = "";
|
||
mui.toast("信息不存在");
|
||
}
|
||
},
|
||
error: function(a, b, c) {
|
||
mui.toast("ajax传输失败2");
|
||
}
|
||
})
|
||
|
||
}
|
||
|
||
function closewindow() {
|
||
WeixinJSBridge.call('closeWindow');
|
||
}
|
||
|
||
</script>
|
||
</body>
|
||
</html> |