327 lines
12 KiB
Plaintext
327 lines
12 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" />
|
||
<link href="../Content/bootstrap.css" rel="stylesheet">
|
||
<!--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: 18% 5% 15% 5%;
|
||
background: #FFFFFF;
|
||
}
|
||
|
||
.mui-input-row {
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
.mui-input-row label {
|
||
text-align: right;
|
||
width: 37%;
|
||
line-height: 16px;
|
||
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;
|
||
width: 63%;
|
||
font-size: 14px;
|
||
}
|
||
|
||
#codeBtn {
|
||
position: absolute;
|
||
right: 3px;
|
||
top: 3px;
|
||
padding: 6px 0;
|
||
width: 27%;
|
||
color: #fff;
|
||
}
|
||
|
||
#cancelText {
|
||
height: 100px;
|
||
}
|
||
/*按钮*/
|
||
.mui-bar {
|
||
-webkit-box-shadow: none;
|
||
box-shadow: none;
|
||
height: 40px;
|
||
}
|
||
|
||
#editBtn, #cancelBtn {
|
||
position: absolute;
|
||
width: 50%;
|
||
height: 100%;
|
||
border-color: #007aff;
|
||
border-radius: 0;
|
||
background: #007aff;
|
||
color: #FFFFFF;
|
||
}
|
||
|
||
#cancelBtn {
|
||
right: 0;
|
||
border-color: #dd524d;
|
||
background: #dd524d;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<!--页面主体-->
|
||
<div class="mui-content">
|
||
<form id="dataForm">
|
||
<div class="mui-input-row">
|
||
<label>预约时间：</label>
|
||
<input type="text" id="date3" data-options="{'type':'YYYY-MM-DD','beginYear':2010,'endYear':2088}" placeholder="预约时间" name="order_date">
|
||
</div>
|
||
<div class="mui-input-row">
|
||
<label>预约地点：</label>
|
||
@Html.DropDownList("test_org", ViewBag.JGList as IEnumerable<SelectListItem>, new { id = "test_org" })
|
||
</div>
|
||
|
||
<div class="mui-input-row">
|
||
<label>手机号码：</label>
|
||
<input type="text" class="mui-input-clear" placeholder="请输入手机号码" name="phone" id="phone">
|
||
</div>
|
||
<div class="mui-input-row">
|
||
<label></label>
|
||
<input type="number" class="mui-input-clear" placeholder="短信验证码" name="yzm" id="code">
|
||
<button class="btn mui-btn-blue" type="button" id="codeBtn" onclick="fnShowCode()">获取验证码</button>
|
||
</div>
|
||
<div class="mui-input-row">
|
||
<label>取消原因：</label>
|
||
<textarea id="cancelText" class="mui-input-clear" placeholder="取消原因" name="cancel_reason"></textarea>
|
||
</div>
|
||
<div class="mui-input-row">
|
||
<label>预约状态：</label>
|
||
<input type="text" class="mui-input-clear" placeholder="" name="userState" id="userState" style="border: none;" readonly="readonly">
|
||
<input type="hidden" class="mui-input-clear" placeholder="" name="state" id="state" style="border: none;" readonly="readonly">
|
||
</div>
|
||
<input type="hidden" class="mui-input-clear" placeholder="" name="ma_id" id="ma_id" style="border: none;" readonly="readonly">
|
||
</form>
|
||
</div>
|
||
<div class="modal fade" id="loadingModal">
|
||
<div style="position: relative;top: 30%;">
|
||
<div style="width: 100%;background: transparent;text-align: center;">
|
||
<img src="../Images/5-1503130Q911.gif" style="margin: 25px 0;width: 7%;" />
|
||
</div>
|
||
</div>
|
||
<h5 style="position: relative;top: 30%;color:#fff;text-align: center;font-size: 16px;margin: 15px 0 ;"> <strong>正在保存...请稍等！</strong> </h5>
|
||
</div>
|
||
<nav class="mui-bar mui-bar-tab">
|
||
<input type="button" class="mui-btn mui-btn-block mui-btn-primary" value="修改" id="editBtn" onClick="fnUpdata(1)" />
|
||
<input type="button" class="mui-btn mui-btn-block mui-btn-danger" value="取消预约" id="cancelBtn" onClick="fnUpdata(2)" />
|
||
</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/jquery.date.js"></script>
|
||
<script type="text/javascript" src="../js/bootstrap.min.js"></script>
|
||
<script type="text/javascript">
|
||
$.date('#date3');
|
||
var yzmid,yid;
|
||
window.onload = function (){
|
||
mui.init();
|
||
yid = @ViewBag.id;
|
||
var url1 = "@Url.Action("GetDataByID_Test")";/*serverurl + "/Infection/GetDataByID_Test";*/
|
||
//var url1 = serverurl + "/Infection/GetDataByID_Test";
|
||
$.ajax(url1, {
|
||
data: {
|
||
id:yid
|
||
},
|
||
type: "post",
|
||
dataType: "json",
|
||
success: function(dataAs) {
|
||
if(dataAs.length >0 && dataAs != null){
|
||
var state = document.getElementById("state");
|
||
var userState = document.getElementById("userState");
|
||
var orderDate = document.getElementById("date3");
|
||
var phone = document.getElementById("phone");
|
||
var cancelText = document.getElementById("cancelText");
|
||
var nav = document.getElementsByClassName("mui-bar");
|
||
var test_org = document.getElementById("test_org");
|
||
var ma_id = document.getElementById("ma_id");
|
||
yid = dataAs[0]["id"];
|
||
if(dataAs[0]["phone"]){
|
||
phone.value = dataAs[0]["phone"];
|
||
}
|
||
if(dataAs[0]["order_date"]){
|
||
orderDate.value = dataAs[0]["order_date"];
|
||
}
|
||
if(dataAs[0]["test_org"]){
|
||
//$(order_place).find("option[value = '" + dataAs[0]["order_place"] + "']").attr("selected", "selected");
|
||
$(test_org).val(dataAs[0]["test_org"]);
|
||
}
|
||
if (dataAs[0]["state"] == "0") {
|
||
state.value = "0";
|
||
userState.value = "已预约";
|
||
} else if (dataAs[0]["state"] == "1") {
|
||
state.value = "1"
|
||
userState.value = "已结束"
|
||
|
||
$(nav).remove()
|
||
}else {
|
||
state.value = "2";
|
||
userState.value = "已取消";
|
||
$(nav).remove()
|
||
}
|
||
if(dataAs[0]["cancel_reason"]){
|
||
cancelText.value = dataAs[0]["cancel_reason"];
|
||
}
|
||
if (dataAs[0]["ma_id"]) {
|
||
$(ma_id).val(dataAs[0]["ma_id"]);
|
||
}
|
||
}
|
||
},
|
||
error: function(a, b, c) {
|
||
alert(JSON.stringify(a))
|
||
mui.toast("ajax传输失败2");
|
||
}
|
||
})
|
||
|
||
}
|
||
|
||
var countdown=59;
|
||
function fnShowCode(){
|
||
var code = document.getElementById("code");
|
||
var codeBtn = document.getElementById("codeBtn");
|
||
var phone = document.getElementById("phone");
|
||
var url1 = "@Url.Action("getsjyzm")";/*serverurl + "/Infection/getsjyzm";*/
|
||
//var url1 = serverurl + "/Infection/getsjyzm";
|
||
$.ajax(url1, {
|
||
data: {
|
||
Mobile:phone.value
|
||
},
|
||
type: "post",
|
||
dataType: "text",
|
||
success: function(data) {
|
||
if(data){
|
||
var item = JSON.parse(data);
|
||
yzmid = item["Message"];
|
||
}
|
||
},
|
||
error: function(a, b, c) {
|
||
mui.toast("ajax传输失败2");
|
||
}
|
||
})
|
||
if(!phone){
|
||
mui.toast("请输入手机号");
|
||
}
|
||
settime();
|
||
}
|
||
|
||
//构造一个倒计时函数叫settime
|
||
function settime(obj) {
|
||
//开始判断倒计时是否为0
|
||
if (countdown == '-1') {
|
||
$('#codeBtn').attr("disabled", false);
|
||
$('#codeBtn').css("background-color", "red");
|
||
$('#codeBtn').text("重新获取验证码");
|
||
countdown = 59;
|
||
} else {
|
||
$('#codeBtn').attr("disabled", true);
|
||
$('#codeBtn').css("background-color", "gray");
|
||
$('#codeBtn').text("重新发送"+countdown+"S");
|
||
countdown--;
|
||
setTimeout(function () {
|
||
settime()
|
||
}, 1000);//1s后执行settime（）函数；
|
||
};
|
||
}
|
||
|
||
function fnUpdata (num){
|
||
var keyvalues = getForm2("dataForm");
|
||
//预约时间
|
||
if(keyvalues["order_date"] == "" || keyvalues["order_date"].length == 0){
|
||
mui.toast("请填写预约时间");
|
||
return;
|
||
}
|
||
if (keyvalues["test_org"] == "" || keyvalues["test_org"] == "0") {
|
||
mui.toast("请选择预约地点");
|
||
return;
|
||
}
|
||
//手机号
|
||
if(keyvalues["phone"] == "" || keyvalues["phone"].length == 0){
|
||
mui.toast("请填写手机号码");
|
||
return;
|
||
}
|
||
//手机号
|
||
if(keyvalues["phone"].length != 11){
|
||
mui.toast("请填写正确手机号码");
|
||
return;
|
||
}
|
||
var code = document.getElementById("code");
|
||
if(code.value.length != 6){
|
||
mui.toast("请填写正确的验证码");
|
||
return;
|
||
}
|
||
keyvalues["id"] = yid;
|
||
var url1 = "@Url.Action("ModifyDataByID_Test")";/*serverurl + "/Infection/ModifyDataByID_Test";*/
|
||
//var url1 = serverurl + "/Infection/ModifyDataByID_Test";
|
||
|
||
//$("#loadingModal").modal('show');
|
||
if (num == 1) {
|
||
$("#loadingModal").modal({ backdrop: "static", keyboard: false });
|
||
keyvalues["state"] = 1;
|
||
$.ajax(url1, {
|
||
data: keyvalues,
|
||
type: "post",
|
||
dataType: "text",
|
||
success: function (data) {
|
||
$("#loadingModal").modal('hide');
|
||
if (data == '修改成功！') {
|
||
mui.toast("修改成功!");
|
||
WeixinJSBridge.call('closeWindow');
|
||
} else {
|
||
mui.toast(data);
|
||
}
|
||
},
|
||
error: function (a, b, c) {
|
||
$("#loadingModal").modal('hide');
|
||
mui.toast("ajax传输失败2");
|
||
}
|
||
})
|
||
}else{
|
||
keyvalues["state"] = 2;
|
||
if(keyvalues["cancel_reason"] == "" || keyvalues["cancel_reason"].length == 0){
|
||
mui.toast("请填写取消原因");
|
||
return;
|
||
}
|
||
$("#loadingModal").modal({ backdrop: "static", keyboard: false });
|
||
$.ajax(url1, {
|
||
data: keyvalues,
|
||
type: "post",
|
||
dataType: "text",
|
||
success: function (data) {
|
||
$("#loadingModal").modal('hide');
|
||
if (data == '取消成功！') {
|
||
mui.toast("取消成功!");
|
||
WeixinJSBridge.call('closeWindow');
|
||
}
|
||
},
|
||
error: function (a, b, c) {
|
||
$("#loadingModal").modal('hide');
|
||
mui.toast("ajax传输失败2");
|
||
}
|
||
})
|
||
}
|
||
}
|
||
</script>
|
||
</body>
|
||
</html> |