|
@@ -44,36 +44,35 @@
|
|
|
<div class=" weui-cells_form">
|
|
|
<form id="subForm" method="post">
|
|
|
<div class="weui-cells" style="margin: 0;">
|
|
|
- <div class="weui-cell">
|
|
|
- <div class="weui-cell__hd"><label class="weui-label">姓名</label></div>
|
|
|
- <div class="weui-cell__bd">
|
|
|
- <input class="weui-input" style="color: #999999" name="name" readonly value="${theOrder.name}" placeholder="姓名">
|
|
|
+ <div class="weui-cell">
|
|
|
+ <div class="weui-cell__hd"><label class="weui-label">姓名</label></div>
|
|
|
+ <div class="weui-cell__bd">
|
|
|
+ <input class="weui-input" style="color: #999999" name="name" readonly value="${theOrder.name}" placeholder="姓名">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
<c:if test="${theOrder.status == '0'}">
|
|
|
<div class="weui-cell" id="divTeam">
|
|
|
<div class="weui-cell__hd">
|
|
|
<label class="weui-label">团队</label>
|
|
|
- <a href="javascript:;" onclick="updateStatus()" style="font-size: 12px;padding: 5px;color: green;">修改</a>
|
|
|
+ <%--<a href="javascript:;" onclick="updateStatus()" style="font-size: 12px;padding: 5px;color: green;">修改</a>--%>
|
|
|
</div>
|
|
|
<div class="weui-cell__bd">
|
|
|
<table>
|
|
|
<thead>
|
|
|
<tr>
|
|
|
- <td style="width: 40%"><label><input type="radio" id="isAdmin" onchange="teamCg()" name="team" value="潘中" <c:if test="${theOrder.team != '潘中'}">disabled</c:if> <c:if test="${theOrder.team == '潘中'}">checked</c:if> />潘 中</label></td>
|
|
|
- <td style="width: 40%"><label><input type="radio" name="team" onchange="teamCg()" value="盛小兰" <c:if test="${theOrder.team != '盛小兰'}">disabled</c:if> <c:if test="${theOrder.team == '盛小兰'}">checked</c:if> />盛小兰</label><br></td>
|
|
|
+ <td style="width: 40%"><label><input type="radio" id="isAdmin" onchange="teamCg()" name="team" value="潘中" <c:if test="${theOrder.team == '潘中'}">checked</c:if> />潘中</label></td>
|
|
|
+ <td style="width: 40%"><label><input type="radio" name="team" onchange="teamCg()" value="盛小兰" <c:if test="${theOrder.team == '盛小兰'}">checked</c:if> />盛小兰</label><br></td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td style="width: 40%">
|
|
|
- <label><input type="radio" name="team" onchange="teamCg()" value="王春生" <c:if test="${theOrder.team != '王春生'}">disabled</c:if> <c:if test="${theOrder.team == '王春生'}">checked</c:if> />王春生</label>
|
|
|
+ <label><input type="radio" name="team" onchange="teamCg()" value="王春生" <c:if test="${theOrder.team == '王春生'}">checked</c:if> />王春生</label>
|
|
|
</td>
|
|
|
<td style="width: 40%">
|
|
|
- <label><input type="radio" name="team" onchange="teamCg()" value="其他" <c:if test="${theOrder.team != '其他'}">disabled</c:if> <c:if test="${theOrder.team == '其他'}">checked</c:if> />其 他</label>
|
|
|
+ <label><input type="radio" name="team" onchange="teamCg()" value="其他" <c:if test="${theOrder.team == '其他'}">checked</c:if> />其 他</label>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</thead>
|
|
|
</table>
|
|
|
- <%--<label><input type="button" onclick="updateStatus()" value="修改"></label>--%>
|
|
|
</div>
|
|
|
</div>
|
|
|
</c:if>
|
|
@@ -86,7 +85,7 @@
|
|
|
<table>
|
|
|
<thead>
|
|
|
<tr>
|
|
|
- <td style="width: 40%"><label><input type="radio" id="isAdmin" onchange="teamFirstCg()" name="team" checked value="潘中"/> 潘 中 </label></td>
|
|
|
+ <td style="width: 40%"><label><input type="radio" id="isAdmin" onchange="teamFirstCg()" name="team" checked value="潘中"/>潘中</label></td>
|
|
|
<td style="width: 40%"><label><input type="radio" name="team" onchange="teamFirstCg()" value="盛小兰" />盛小兰</label></td>
|
|
|
</tr>
|
|
|
<tr>
|
|
@@ -98,20 +97,20 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</c:if>
|
|
|
- <div class="weui-cell notclick" id="divDepartment">
|
|
|
+ <div class="weui-cell" id="divDepartment">
|
|
|
<div class="weui-cell__hd"><label class="weui-label">部门</label></div>
|
|
|
<div class="weui-cell__bd">
|
|
|
<input class="weui-input" onChange="departmentChange()" type="text" id='department' value="${theOrder.department}"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
<input type="text" value="" name="department" id="departmentSure" hidden>
|
|
|
- <div class="weui-cell notclick" id="spc1">
|
|
|
+ <div class="weui-cell" id="spc1">
|
|
|
<div class="weui-cell__hd"><label class="weui-label">工程部门</label></div>
|
|
|
<div class="weui-cell__bd">
|
|
|
<input class="weui-input" type="text" name="specific1" id='specific1' value="${theOrder.specific}"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="weui-cell notclick" id="spc2">
|
|
|
+ <div class="weui-cell" id="spc2">
|
|
|
<div class="weui-cell__hd"><label class="weui-label">财务部门</label></div>
|
|
|
<div class="weui-cell__bd">
|
|
|
<input class="weui-input" type="text" name="specific2" id='specific2' value="${theOrder.specific}"/>
|
|
@@ -143,16 +142,26 @@
|
|
|
</c:if>
|
|
|
</c:if>
|
|
|
<c:if test="${theOrder.exits == '0'}">
|
|
|
- <div class="button-2 blue notclick" id="buttonPlan" style="background:#dcdbdb;">
|
|
|
- <div style="line-height: 130px;height:130px;padding-top: 65px">
|
|
|
- <span class="btn_span_list" style="color: #0b61a4">已订餐</span>
|
|
|
+ <c:if test="${theOrder.dateStart == '0'}">
|
|
|
+ <div class="button-2 blue notclick" id="buttonPlan" style="background:#dcdbdb;">
|
|
|
+ <div style="line-height: 130px;height:130px;padding-top: 65px">
|
|
|
+ <span class="btn_span_list" style="color: #0b61a4">已订餐</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </c:if>
|
|
|
+ <c:if test="${theOrder.dateStart == '1'}">
|
|
|
+ <div class="button-2 btn-yellow" id="cancelPlanDiv" onclick="cancelPlan();">
|
|
|
+ <div style="line-height: 90px;height:90px;padding-top: 55px" id="cancelDate">
|
|
|
+ <span class="btn_span_list" id="cancelPlan2">取消订餐</span><br><span class="btn_span_list" id="spantime"></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </c:if>
|
|
|
</c:if>
|
|
|
</div>
|
|
|
<div class="" style="width: 100%;text-align: center;font-size: 14px;color: #666666;">请在0:00-16:00前预订第二天的用餐</div>
|
|
|
</div>
|
|
|
- <div class="bottem_div">兴光信息技术支持</div>
|
|
|
+ <div id="loadDiv" style="display: none;" class="weui-toast weui_loading_toast weui-toast--visible"><div class="weui_loading"><i class="weui-loading weui-icon_toast"></i></div><p class="weui-toast_content">请稍后...</p></div>
|
|
|
+ <div class="bottem_div">兴光信息技术支持</div>
|
|
|
</body>
|
|
|
<script type="text/javascript">
|
|
|
var d=new Date();
|
|
@@ -166,42 +175,49 @@
|
|
|
function CountDown() {
|
|
|
if (maxtime >= 0) {
|
|
|
hours = Math.floor(maxtime /60 /60 % 24);
|
|
|
+ if (hours < 10){
|
|
|
+ hours = '0'+ hours;
|
|
|
+ }
|
|
|
minutes = Math.floor(maxtime / 60 % 60);
|
|
|
+ if (minutes < 10){
|
|
|
+ minutes = '0'+ minutes;
|
|
|
+ }
|
|
|
seconds = Math.floor(maxtime % 60);
|
|
|
+ if (seconds < 10){
|
|
|
+ seconds = '0'+seconds;
|
|
|
+ }
|
|
|
msg = hours + ":" +minutes + ":" + seconds;
|
|
|
document.all["spantime"].innerHTML = msg;
|
|
|
if (maxtime <= 5 * 60){
|
|
|
if (flag){
|
|
|
- $.toast("距离预定结束不到5分钟!", "text");
|
|
|
+ $.toast("距离预订结束不到5分钟!", "text");
|
|
|
flag = false;
|
|
|
}
|
|
|
};
|
|
|
--maxtime;
|
|
|
} else{
|
|
|
clearInterval(timer);
|
|
|
- $("#plan").text("未订餐");
|
|
|
- $("#plan").attr("style","color: #0b61a4");
|
|
|
- $("#inDate").attr("style","padding-top: 65px");
|
|
|
- changeStatus();
|
|
|
+ $("#spantime").text("");
|
|
|
+ //预定
|
|
|
+ baDatePlan();
|
|
|
+ //取消
|
|
|
+ baCeCalDatePlan();
|
|
|
$.toast("订餐时间已结束!", "text");
|
|
|
}
|
|
|
}
|
|
|
timer = setInterval("CountDown()", 1000);
|
|
|
</script>
|
|
|
<script>
|
|
|
- var currDate = GetDate();
|
|
|
- $("#currentDate").html(currDate);
|
|
|
//订餐方法
|
|
|
function plan() {
|
|
|
changeStatus();
|
|
|
sureDepart();
|
|
|
$.post("/weXin/theOrder/noSureTem",$('#subForm').serialize(),function(data){
|
|
|
if(data.success){
|
|
|
- $("#plan").text("已订餐");
|
|
|
- $("#inDate").attr("style","padding-top: 65px")
|
|
|
- $("#plan").attr("style","color: #0b61a4");
|
|
|
- $("#spantime").attr("style","display: none");
|
|
|
- $.toast(data.msg);
|
|
|
+ $.alert(data.msg, "订餐成功", function() {
|
|
|
+ $("#loadDiv").show();
|
|
|
+ window.location.reload();
|
|
|
+ });
|
|
|
}else{
|
|
|
$.toast(data.msg, "cancel");
|
|
|
$("#buttonPlan").removeClass("notclick");
|
|
@@ -216,25 +232,26 @@
|
|
|
});
|
|
|
$("#department").select({
|
|
|
title: "选择部门",
|
|
|
- items: ["财务", "工程","管理咨询","资产评估"]
|
|
|
+ items: ["财务", "工程","管理咨询","资产评估","其他"]
|
|
|
});
|
|
|
$("#specific2").select({
|
|
|
title: "选择级联部门(财务)",
|
|
|
- items: ["审计部", "证券一部", "证券二部","证券三部","其他"]
|
|
|
+ items: ["审计部","审计一部","证券一部", "证券二部","证券三部","其他"],
|
|
|
});
|
|
|
|
|
|
$("#specific1").select({
|
|
|
title: "选择级联部门(工程)",
|
|
|
- items: ["工程一部", "工程二部", "工程三部","其他"]
|
|
|
+ items: ["工程一部", "工程二部", "工程三部","招标代理","其他"]
|
|
|
});
|
|
|
+
|
|
|
function teamCg() {
|
|
|
if ($("#isAdmin").is(":checked")) {
|
|
|
+ $("#divDepartment").attr("style","display:''");
|
|
|
var department = $("#department").val();
|
|
|
if (null== department || department == ""){
|
|
|
$("#department").val("财务");
|
|
|
}
|
|
|
- $("#divDepartment").attr("style","display:''");
|
|
|
- departmentChange();
|
|
|
+ departmentMany();
|
|
|
}else {
|
|
|
$("#divDepartment").attr("style","display: none");
|
|
|
$("#spc1").attr("style","display: none");
|
|
@@ -272,12 +289,13 @@
|
|
|
$("#spc2").attr("style","display: none");
|
|
|
}
|
|
|
}
|
|
|
+ //第一次以及选中后的
|
|
|
function departmentChange(){
|
|
|
var department = $("#department").val();
|
|
|
if (department == '财务'){
|
|
|
$("#spc1").attr("style","display: none");
|
|
|
$("#spc2").attr("style","display: ''");
|
|
|
- $("#specific2").val("审计部")
|
|
|
+ $("#specific2").val("审计部");
|
|
|
}else if (department == '工程') {
|
|
|
$("#spc2").attr("style","display: none");
|
|
|
$("#spc1").attr("style","display: ''");
|
|
@@ -287,18 +305,34 @@
|
|
|
$("#spc2").attr("style","display: none");
|
|
|
}
|
|
|
}
|
|
|
+ function departmentMany(){
|
|
|
+ var department = $("#department").val();
|
|
|
+ if (department == '财务'){
|
|
|
+ $("#spc1").attr("style","display: none");
|
|
|
+ $("#spc2").attr("style","display: ''");
|
|
|
+ if ($("#specific2").val()==""){
|
|
|
+ $("#specific2").val("审计部");
|
|
|
+ }
|
|
|
+ }else if (department == '工程') {
|
|
|
+ $("#spc2").attr("style","display: none");
|
|
|
+ $("#spc1").attr("style","display: ''");
|
|
|
+ if ($("#specific1").val()==""){
|
|
|
+ $("#specific1").val("工程一部")
|
|
|
+ }
|
|
|
+ }else {
|
|
|
+ $("#spc1").attr("style","display: none");
|
|
|
+ $("#spc2").attr("style","display: none");
|
|
|
+ $.toast(data.msg);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
function changeStatus() {
|
|
|
$("#buttonPlan").addClass("notclick");
|
|
|
$("#buttonPlan").attr("style","background:#dcdbdb");
|
|
|
}
|
|
|
|
|
|
- function updateStatus() {
|
|
|
- $.toptip('允许修改', 'success');
|
|
|
- $("input[name='team']").attr("disabled",false);
|
|
|
- $("#divDepartment").removeClass("notclick");
|
|
|
- $("#spc1").removeClass("notclick");
|
|
|
- $("#spc2").removeClass("notclick");
|
|
|
- }
|
|
|
+ //提交时数据更新
|
|
|
function sureDepart() {
|
|
|
if ($("#isAdmin").is(":checked")){
|
|
|
var department = $("#department").val();
|
|
@@ -315,15 +349,34 @@
|
|
|
$("#specific").val("");
|
|
|
}
|
|
|
}
|
|
|
- //获取年月日
|
|
|
- function GetDate(){
|
|
|
- var currDate = new Date();
|
|
|
- var now = new Date();
|
|
|
- now.setTime(currDate.getTime()+24*60*60*1000)
|
|
|
- var year = now.getFullYear(); //年
|
|
|
- var month = now.getMonth() + 1; //月
|
|
|
- var day = now.getDate(); //日
|
|
|
- return year+"年"+month+"月"+day+"日";
|
|
|
+
|
|
|
+ //取消订餐
|
|
|
+ function cancelPlan() {
|
|
|
+ $.post("/weXin/theOrder/cancelTem",$('#subForm').serialize(),function(data){
|
|
|
+ if(data.success){
|
|
|
+ $.toast(data.msg);
|
|
|
+ window.location.reload();
|
|
|
+ }else{
|
|
|
+ $.toast(data.msg, "cancel");
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ //时间预定方法
|
|
|
+ function baDatePlan(){
|
|
|
+ //预定
|
|
|
+ $("#plan").text("未订餐");
|
|
|
+ $("#plan").attr("style","color: #0b61a4");
|
|
|
+ $("#inDate").attr("style","padding-top: 65px");
|
|
|
+ changeStatus();
|
|
|
+ }
|
|
|
+ //取消
|
|
|
+ function baCeCalDatePlan(){
|
|
|
+ //预定
|
|
|
+ $("#cancelPlan2").text("已订餐");
|
|
|
+ $("#cancelDate").attr("style","padding-top: 65px");
|
|
|
+ $("#cancelPlan2").attr("style","color: #0b61a4");
|
|
|
+ $("#cancelPlanDiv").addClass("notclick");
|
|
|
+ $("#cancelPlanDiv").attr("style","background:#dcdbdb");
|
|
|
}
|
|
|
</script>
|
|
|
</html>
|