Addcheck.cshtml,AddLeave.cshtml,CheckShow.cshtml,Index.cshtml

  1 @{
  2     Layout = null;
  3 }
  4 
  5 <!DOCTYPE html>
  6 
  7 <html>
  8 <head>
  9     <meta name="viewport" content="width=device-width" />
 10     <title>Addcheck</title>
 11     <link href="~/Contents/bootstrap.css" rel="stylesheet" />
 12     <script src="~/Scripts/jquery-3.1.1.js"></script>
 13     <script src="~/My97DatePicker/WdatePicker.js"></script>
 14     <link href="~/My97DatePicker/skin/WdatePicker.css" rel="stylesheet" />
 15     <script>
 16         $(function () {
 17             //反填
 18             GetLeaveInfo();
 19             LoadData();
 20             $("#btnAddYES").click(function () {
 21                 var date = new Date(+new Date() + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')
 22                 $("input[name=CheckTime]").val(date);
 23                 $("input[name=checkState]").val("已通过");
 24                 $("input[name=explain]").val("");
 25                 $.ajax({
 26                     url: "http://localhost:8222/AddTcheck",
 27                     data: $("#formCheck").serialize(),
 28                     type:"post",
 29                     success: function (data) {
 30                         if (data > 0) {
 31                             alert("通过成功");
 32                                //如果判断当前登陆人的职位是总经理，当总经理点击了通过按钮后去修改请假单的审核时间的字段
 33                             if ($("#txtpositions").val() == "总经理") {
 34                                 leaveUpdate();
 35                             }
 36                         }
 37                     }
 38                 });
 39             });
 40             $("#btnAddNo").click(function () {
 41                 $("#Select1").remove();
 42                 $("#Nospan").append("<select id='Select1' ><option value='事由错误'>事由错误</option><option value='理由不充分'>理由不充分</option></select><input id='btnAddNo2' type='button' value='驳回' onclick='funNo()' />");
 43                 $("#btnAddNo").prop("hidden", true);
 44             });
 45         })
 46         function LoadData() {
 47             $.ajax({
 48                 url: "http://localhost:8222/GetChecks",
 49                 data: {
 50                     id: $("input[name=leaveID]").val()
 51                 },
 52                 async: false,
 53                 success: function (data) {
 54                     $(data).each(function (index, data) {
 55                         $("#checklist").append("<tr><td>" + data.CheckTime + "</td><td>" + data.checkPerson + "</td><td>" + data.checkState + "</td><td>" + (data.explain == null ? "" : data.explain) + "</td></tr>");
 56                     });
 57                 }
 58             });
 59         }
 60         function funNo() {
 61             alert($("#Select1").val())
 62             var date = new Date(+new Date() + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')
 63             $("input[name=CheckTime]").val(date);
 64             $("input[name=checkState]").val("已驳回");
 65             $("input[name=explain]").val($("#Select1").val());
 66             $.ajax({
 67                 url: "http://localhost:8222/AddTcheck",
 68                 data: $("#formCheck").serialize(),
 69                 type: "post",
 70                 success: function (data) {
 71                     if (data > 0) {
 72                         alert("已驳回");
 73                         leaveUpdate();
 74                     }
 75                 }
 76             });
 77         }
 78         function leaveUpdate() {
 79             $("input[name=checkState]").val();
 80             $.ajax({
 81                 url: "http://localhost:8222/updateleaveState",
 82                 data: {
 83                     id: $("input[name=leaveID]").val(),
 84                     checktime: $("input[name=CheckTime]").val(),
 85                     explain: $("input[name=explain]").val(),
 86                     state: $("input[name=checkState]").val()
 87                 },
 88                 success: function (data) {
 89                     if (data > 0) {
 90 
 91 
 92                     }
 93                     else {
 94                         alert("没有成功修改审核时间和状态");
 95                     }
 96                 }
 97 
 98             });
 99 
100         }
101         //反填
102         function GetLeaveInfo(){
103             $.ajax({
104                 url: "http://localhost:8222/GetleaveByID",
105                 async: false,
106                 data: {
107                     id:@Request.QueryString["id"],
108                 },
109                 success: function (data) {
110                     $("input[name=staffName]").val(data.staffName);
111                     $("input[name=Department]").val(data.Department);
112                     $("input[name=startTime]").val(data.startTime);
113                     $("input[name=sumTime]").val(data.sumTime+"天");
114                     $("input[name=endTime]").val(data.endTime);
115                     $("input[name=reason]").val(data.reason);
116                     $("input[name=remark]").val(data.remark);
117                     $("input[name=leaveID]").val(data.leaveID);
118                     $("input[name=applyTime]").val(data.applyTime);
119                     $("input[name=staffID]").val(data.staffID);
120                     $("input[name=state]").val(data.state);
121                 }
122 
123             });
124         };
125     </script>
126 </head>
127 <body>
128     <table>
129         <tr>
130             <td><h2 style="color:#0094ff">办公自动化系统</h2></td>
131             <td>@ViewBag.name</td>
132         </tr>
133     </table>
134     <table class="table table-bordered" style="height:560px">
135         <tr>
136             <td style="width:80px">
137 
138                 <ul>
139                     <li>首页</li>
140                     <li>
141                         请假管理
142                         <ul>
143                             <li><a href="/VacationMvc/Index">我的请假</a></li>
144                             <li><a href="/VacationMvc/CheckShow">我的审批</a></li>
145                             <li><a href="/VacationMvc/AddLeave">请假申请</a></li>
146                         </ul>
147 
148                     </li>
149                 </ul>
150 
151             </td>
152 
153             <td style="width:400px">
154                 <div>
155                     <input id="txtpositions" type="hidden" value="@ViewBag.positons" />
156                     <form id="formCheck">
157                         <input id="Hidden1" type="hidden" name="checkState" value="" />
158                         <input id="Hidden1" type="hidden" name="checkPerson" value="@ViewBag.checkPerson" />
159                         <input id="Hidden1" type="hidden" name="leaveID" />
160                         <input id="Hidden1" type="hidden" name="explain" />
161                         <input id="Hidden1" type="hidden" name="CheckTime" />
162                     </form>
163                     <form>
164                         <table>
165                             <tr>
166                                 <td>姓名</td>
167                                 <td>
168                                     <input id="Hidden1" type="hidden" name="applyTime" />
169                                     <input id="Hidden1" type="hidden" name="state" value="" />
170                                     <input id="Hidden1" type="hidden" name="staffID" value="" />
171                                     <input id="Text1" type="text" name="staffName" value="" disabled="disabled" />
172                                 </td>
173 
174                                 <td>部门</td>
175                                 <td>
176                                     <input disabled="disabled" id="Text1" type="text" name="Department" />
177                                 </td>
178                             </tr>
179                             <tr>
180                                 <td>请假开始时间</td>
181                                 <td>
182                                     <input disabled="disabled" name="startTime" type="text" ">
183 
184                                 </td>
185 
186                                 <td>共计</td>
187                                 <td>
188                                     <input disabled="disabled" id="Text1" type="text" name="sumTime" />
189                                 </td>
190                             </tr>
191                             <tr>
192                                 <td>请假结束时间</td>
193                                 <td>
194                                     <input disabled="disabled" id="endTime" name="endTime" type="text">
195                                 </td>
196 
197                                 <td></td>
198                                 <td></td>
199                             </tr>
200                             <tr>
201                                 <td>请假是由</td>
202                                 <td colspan="3">
203                                     <input disabled="disabled" id="Text1" type="text" name="reason" value="" />
204                                 </td>
205 
206                             </tr>
207                             <tr>
208                                 <td>备注说明</td>
209                                 <td>
210                                     <input disabled="disabled" id="txtremark" type="text" placeholder="请写说明备注（20字以内）" name="remark" />
211                                 </td>
212                             </tr>
213                             <tr>
214                                 <td></td>
215                                 <td colspan="4">
216                                     <table id="checklist">
217                                         <tr style="background-color:#ccc">
218                                             <td>审核时间</td>
219                                             <td>审核人</td>
220                                             <td>审核状态</td>
221                                             <td>说明</td>
222                                         </tr>
223 
224                                     </table>
225 
226                                     <input id="btnAddYES" type="button" value="通过" />
227                                     <span id="Nospan"></span>
228                                     <input id="btnAddNo" type="button" value="驳回" />
229                                 </td>
230                             </tr>
231                         </table>
232                     </form>
233                 </div>
234             </td>
235         </tr>
236     </table>
237 
238 
239 </body>
240 </html>

Addcheck

  1 @{
  2     Layout = null;
  3 }
  4 
  5 <!DOCTYPE html>
  6 
  7 <html>
  8 <head>
  9     <meta name="viewport" content="width=device-width" />
 10     <title>AddLeave</title>
 11     <script src="~/Scripts/jquery-3.1.1.js"></script>
 12     <script src="~/My97DatePicker/WdatePicker.js"></script>
 13     <link href="~/My97DatePicker/skin/WdatePicker.css" rel="stylesheet" />
 14     <link href="~/Contents/bootstrap.css" rel="stylesheet" />
 15     <script>
 16         var flag = 0;
 17         $(function () {
 18             //保存按钮
 19             $("#btnSave").click(function () {
 20                 if ($("#txtremark").val().length == '') {
 21                     alert("备注要求必须填写");
 22                     return;
 23                 }
 24                 if ($("#txtremark").val().length > 20) {
 25                     alert("备注要求在20字以内");
 26                     return;
 27                 }
 28                 $("input[name=state]").val("未提交");
 29                 AddorUpdate();
 30 
 31 
 32             });
 33             //保存并提交按钮
 34             $("#btnAddorupdate").click(function () {
 35                 $("input[name=state]").val("待审核");
 36                 AddorUpdate();
 37                 location.href = "/VacationMvc/Index";
 38 
 39             });
 40             $("#btnCancel").click(function () {
 41                 location.href = "/VacationMvc/Index";
 42 
 43             });
 44         })
 45         function AddorUpdate() {
 46             //判断当前请假条是否已经保存过
 47             if (flag == 1) {
 48                 $.ajax({
 49                     url: "http://localhost:8222/updateleave",
 50                     data: $("form").serialize(),
 51                     type: "post",
 52                     success: function (data) {
 53                         if (data > 0) {
 54                             alert("保存成功");
 55                             flag = 1;
 56                         }
 57                         else {
 58                             alert("保存失败");
 59                         }
 60                     }
 61 
 62                 });
 63 
 64             }
 65             else {
 66                 var date = new Date(+new Date() + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')
 67                 $("input[name=applyTime]").val(date);
 68                 $.ajax({
 69                     url: "http://localhost:8222/AddLeave",
 70                     data: $("form").serialize(),
 71                     type: "post",
 72                     success: function (data) {
 73                         if (data > 0) {
 74                             $("input[name=leaveID").val(data);
 75                             alert("保存成功");
 76                             flag = 1;
 77                         }
 78                         else {
 79                             alert("保存失败");
 80                         }
 81                     }
 82 
 83                 });
 84             }
 85 
 86         }
 87         function endtimeChange() {
 88             if ($("#startTime").val() > $("#endTime").val()) {
 89                 alert("结束时间要大于开始时间");
 90                 return;
 91             }
 92             var sDate1,
 93                 sDate2,
 94                 dateSpan,
 95                 iDays;
 96             sDate1 = Date.parse($("#startTime").val());
 97             sDate2 = Date.parse($("#endTime").val());
 98             dateSpan = parseInt(sDate2 - sDate1) / 3600000;
 99             if (dateSpan == 4) {
100                 $("input[name=sumTime]").val("0.5");
101             }
102             else {
103                 iDays = Math.floor((sDate2 - sDate1) / (24 * 3600 * 1000));
104                 $("input[name=sumTime]").val(iDays);
105             }
106         }
107     </script>
108 </head>
109 <body>
110     <table>
111         <tr>
112             <td><h2 style="color:#0094ff">办公自动化系统</h2></td>
113             <td>@ViewBag.name</td>
114         </tr>
115     </table>
116     <table class="table table-bordered" style="height:560px">
117         <tr>
118             <td style="width:80px">
119 
120                 <ul>
121                     <li>首页</li>
122                     <li>
123                         请假管理
124                         <ul>
125                             <li><a href="/VacationMvc/Index">我的请假</a></li>
126                             <li><a href="/VacationMvc/CheckShow">我的审批</a></li>
127                             <li><a href="/VacationMvc/AddLeave">请假申请</a></li>
128                         </ul>
129 
130                     </li>
131                 </ul>
132 
133             </td>
134 
135             <td style="width:400px">
136                 <form>
137                     <table>
138                         <tr>
139                             <td>姓名</td>
140                             <td>
141                                 <input id="Hidden1" type="hidden" name="leaveID" value="0" />
142                                 <input id="Hidden1" type="hidden" name="applyTime" />
143                                 <input id="Hidden1" type="hidden" name="state" value="新增" />
144                                 <input id="Hidden1" type="hidden" name="staffID" value="@ViewBag.id" />
145                                 <input id="Text1" type="text" name="" value="@ViewBag.name" disabled="disabled" />
146                             </td>
147 
148                             <td>部门</td>
149                             <td>
150                                 <input id="Text1" type="text" name="" value="@ViewBag.department" disabled="disabled" />
151                             </td>
152                         </tr>
153                         <tr>
154                             <td>请假开始时间</td>
155                             <td>
156                                 <input id="startTime" name="startTime" class="Wdate" type="text" onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd HH:mm'})">
157 
158                             </td>
159 
160                             <td>共计</td>
161                             <td>
162                                 <input id="Text1" type="text" name="sumTime" />天
163                             </td>
164                         </tr>
165                         <tr>
166                             <td>请假结束时间</td>
167                             <td>
168                                 <input id="endTime" name="endTime" class="Wdate" type="text" onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd HH:mm'})" onchange="endtimeChange()">
169                             </td>
170 
171                             <td></td>
172                             <td></td>
173                         </tr>
174                         <tr>
175                             <td>请假是由</td>
176                             <td colspan="3">
177                                 <input id="Radio1" type="radio" value="事假" name="reason" />事假
178                                 <input id="Radio1" type="radio" value="公假" name="reason" />公假
179                                 <input id="Radio1" type="radio" value="病假" name="reason" />病假
180                                 <input id="Radio1" type="radio" value="婚假" name="reason" />婚假
181                                 <br />
182                                 <input id="Radio1" type="radio" value="丧假" name="reason" />丧假
183                                 <input id="Radio1" type="radio" value="产假" name="reason" />产假
184                                 <input id="Radio1" type="radio" value="工伤假" name="reason" />工伤假
185                                 <input id="Radio1" type="radio" value="其他" name="reason" />其他
186                             </td>
187 
188                         </tr>
189                         <tr>
190                             <td>备注说明</td>
191                             <td>
192                                 <input id="txtremark" type="text" placeholder="请写说明备注（20字以内）" name="remark" />
193                             </td>
194                         </tr>
195                         <tr>
196                             <td></td>
197                             <td colspan="3">
198                                 <input id="btnSave" type="button" value="保存" />
199                                 <input id="btnAddorupdate" type="button" value="保存并提交" />
200                                 <input id="btnCancel" type="button" value="放弃" />
201                             </td>
202                         </tr>
203                     </table>
204                 </form>
205             </td>
206         </tr>
207     </table>
208 
209     <div>
210 
211 
212     </div>
213 </body>
214 </html>

View Code

  1 @{
  2     Layout = null;
  3 }
  4 
  5 <!DOCTYPE html>
  6 
  7 <html>
  8 <head>
  9     <meta name="viewport" content="width=device-width" />
 10     <title>CheckShow</title>
 11     <link href="~/Contents/bootstrap.css" rel="stylesheet" />
 12     <script src="~/Scripts/jquery-3.1.1.js"></script>
 13     <script src="~/My97DatePicker/WdatePicker.js"></script>
 14     <link href="~/My97DatePicker/skin/WdatePicker.css" rel="stylesheet" />
 15     <script>
 16         var currentpage = 1;
 17         var totlepage = 0;
 18         var rowcount = 0;
 19         $(function () {
 20             LoadData();
 21             $("#btnlike").click(function () {
 22                 if ($("#startTime").val() > $("#endTime").val()) {
 23                     alert("结束时间要大于开始时间");
 24                     return;
 25                 }
 26                 currentpage = 1;
 27                 LoadData();
 28             });
 29 
 30         })
 31         function LoadData() {
 32             $("input[name=Currentpage]").val(currentpage);
 33             $.ajax({
 34                 url: "http://localhost:8222/GetLeavesCheck",
 35                 data: $("form").serialize(),
 36                 type: "post",
 37                 async: false,
 38                 success: function (data) {
 39                     currentpage = data.Currentpage;
 40                     totlepage = data.Totlepage;
 41                     rowcount = data.RowCounts;
 42                     $("#rows").text(rowcount);
 43                     $("#checklist tr").not(":first").remove();
 44                     $(data.DataBox).each(function (index, data) {
 45                         if ($("#txtpositions").val() == "普通员工") {
 46                             $("#checklist").append("<tr><td>" + data.Department + "</td><td>" + data.staffID + "</td><td>" + data.staffName + "</td><td>" + data.applyTime + "</td><td> <input  type='button' value='审核' disabled='disabled'  onclick='funCheck(" + data.leaveID + ")'/></td></tr>");
 47                         }
 48                         if ($("#txtpositions").val() == "部门经理") {
 49                             if (data.Department == $("#txtdeprtment").val()) {
 50                                 $.ajax({
 51                                     url: "http://localhost:8222/GetCheckbyid",
 52                                     data: {
 53                                         id: data.leaveID
 54                                     },
 55                                     async: false,
 56                                     success: function (issuccss) {
 57                                         if (issuccss > 0) {
 58                                             $("#checklist").append("<tr><td>" + data.Department + "</td><td>" + data.staffID + "</td><td>" + data.staffName + "</td><td>" + data.applyTime + "</td><td> <input  type='button' value='已审核'  disabled='disabled'   onclick='funCheck(" + data.leaveID + ")'/></td></tr>");
 59                                         }
 60                                         else {
 61                                             $("#checklist").append("<tr><td>" + data.Department + "</td><td>" + data.staffID + "</td><td>" + data.staffName + "</td><td>" + data.applyTime + "</td><td> <input  type='button' value='审核' onclick='funCheck(" + data.leaveID + ")'/></td></tr>");
 62                                         }
 63                                     }
 64 
 65                                 });
 66                                 
 67                             }
 68                             else {
 69                                 $("#checklist").append("<tr><td>" + data.Department + "</td><td>" + data.staffID + "</td><td>" + data.staffName + "</td><td>" + data.applyTime + "</td><td> <input  type='button' value='审核' disabled='disabled'  onclick='funCheck(" + data.leaveID + ")'/></td></tr>");
 70 
 71                             }
 72                         }
 73                         if ($("#txtpositions").val() == "总经理") {
 74                             $.ajax({
 75                                 url: "http://localhost:8222/GetCheckbyid",
 76                                 data: {
 77                                     id: data.leaveID
 78                                 },
 79                                 async: false,
 80                                 success: function (issuccss) {
 81                                     if (issuccss > 0) {
 82                                         $("#checklist").append("<tr><td>" + data.Department + "</td><td>" + data.staffID + "</td><td>" + data.staffName + "</td><td>" + data.applyTime + "</td><td> <input  type='button' value='审核'   onclick='funCheck(" + data.leaveID + ")'/></td></tr>");
 83                                     }
 84                                     else {
 85                                         $("#checklist").append("<tr><td>" + data.Department + "</td><td>" + data.staffID + "</td><td>" + data.staffName + "</td><td>" + data.applyTime + "</td><td> <input  type='button' value='审核' disabled='disabled'  onclick='funCheck(" + data.leaveID + ")'/></td></tr>");
 86                                     }
 87                                 }
 88 
 89                             });
 90                         }
 91                     });
 92                 }
 93             });
 94         }
 95         function funCheck(id) {
 96             location.href = '/VacationMvc/Addcheck?id=' + id;
 97         }
 98         function funone() {
 99             currentpage = 1;
100             LoadData();
101         }
102         function funprv() {
103             if (currentpage - 1 == 0) {
104                 alert("已经是首页");
105             }
106             else {
107                 currentpage = currentpage - 1;
108                 LoadData();
109             }
110 
111         }
112         function funnext() {
113             if (currentpage + 1 > totlepage) {
114                 alert("已经是末页");
115             }
116             else {
117                 currentpage = currentpage + 1;
118                 LoadData();
119             }
120         }
121         function funLast() {
122             currentpage = totlepage;
123             LoadData();
124         }
125     </script>
126 </head>
127 <body>
128     <table>
129         <tr>
130             <td><h2 style="color:#0094ff">办公自动化系统</h2></td>
131             <td>@ViewBag.name</td>
132         </tr>
133     </table>
134     <table class="table table-bordered" style="height:560px">
135         <tr>
136             <td style="width:80px">
137 
138                 <ul>
139                     <li>首页</li>
140                     <li>
141                         请假管理
142                         <ul>
143                             <li><a href="/VacationMvc/Index">我的请假</a></li>
144                             <li><a href="/VacationMvc/CheckShow">我的审批</a></li>
145                             <li><a href="/VacationMvc/AddLeave">请假申请</a></li>
146                         </ul>
147 
148                     </li>
149                 </ul>
150 
151             </td>
152 
153             <td style="width:400px">
154                 <form>
155                     <input id="txtdeprtment" type="hidden" value="@ViewBag.deprtment" />
156                     <input id="txtpositions" type="hidden" value="@ViewBag.positions" />
157                     <input type="hidden" name="state" value="待审核" />
158                     <input id="Text1" type="hidden" name="Currentpage" value="1" />
159                     部门
160                     <select id="select1State" name="Department">
161                         <option value="">全部</option>
162                         <option value="技术部">技术部</option>
163                         <option value="设计部">设计部</option>
164                         <option value="总裁办">总裁办</option>
165 
166                     </select>
167 
168                     开始时间：
169                     <input name="starttime" id="starttime" class="Wdate" type="text" onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd HH:mm:ss'})">
170                     结束时间：
171                     <input name="endtiome" id="endtime" class="Wdate" type="text" onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd HH:mm:ss'})">
172 
173                     <input id="btnlike" type="button" value="查询" />
174                 </form>
175 
176                 <table class="table table-bordered" id="checklist">
177                     <tr style="background-color:#808080">
178                         <td>部门</td>
179                         <td>工号</td>
180                         <td>姓名</td>
181                         <td>申请时间</td>
182                         <td>操作</td>
183                     </tr>
184                 </table>
185                 <table>
186                     <tr>
187                         <td>共<span id="rows"></span>条记录</td>
188                         <td>
189                             <a href="#" onclick="funone()">首页</a>
190                             <a href="#" onclick="funprv()">上一页</a>
191                             <a href="#" onclick="funnext()">下一页</a>
192                             <a href="#" onclick="funLast()">末页</a>
193                         </td>
194                     </tr>
195                 </table>
196             </td>
197         </tr>
198     </table>
199     <div>
200 
201     </div>
202 </body>
203 </html>

CheckShow.cshtml

  1 @{
  2     Layout = null;
  3 }
  4 
  5 <!DOCTYPE html>
  6 
  7 <html>
  8 <head>
  9     <meta name="viewport" content="width=device-width" />
 10     <title>Index</title>
 11     <link href="~/Contents/bootstrap.css" rel="stylesheet" />
 12     <script src="~/Scripts/jquery-3.1.1.js"></script>
 13     <script src="~/My97DatePicker/WdatePicker.js"></script>
 14     <link href="~/My97DatePicker/skin/WdatePicker.css" rel="stylesheet" />
 15     <script>
 16         var currentpage = 1;
 17         var totlepage = 0;
 18         var rowcount = 0;
 19         $(function () {
 20             LoadData();
 21             $("#btnlike").click(function () {
 22                 if ($("#startTime").val() > $("#endTime").val()) {
 23                     alert("结束时间要大于开始时间");
 24                     return;
 25                 }
 26                 currentpage = 1;
 27                 LoadData();
 28             });
 29 
 30         })
 31         function LoadData() {
 32             $("input[name=Currentpage]").val(currentpage);
 33             $.ajax({
 34                 url: "http://localhost:8222/GetLeaves",
 35                 data: $("form").serialize(),
 36                 type:"post",
 37                 success: function (data) {
 38                     currentpage = data.Currentpage;
 39                     totlepage = data.Totlepage;
 40                     rowcount = data.RowCounts;
 41                     $("#rows").text(rowcount);
 42                     $("#leaves tr").not(":first").remove();
 43                     $(data.DataBox).each(function (index, data) {
 44                         if (data.state == "已驳回") {
 45                             $("#leaves").append("<tr style='background-color:#ed22b7'><td>" + data.state + "</td><td>" + data.Department + "</td><td>" + data.staffID + "</td><td>" + data.staffName + "</td><td>" + data.applyTime + "</td><td>" + (data.CheckTime == null ? "" : data.CheckTime) + "</td><td>" + (data.explain == null ? "" : data.explain) + "</td></tr>");
 46 
 47                         }
 48                         else {
 49                             $("#leaves").append("<tr><td>" + data.state + "</td><td>" + data.Department + "</td><td>" + data.staffID + "</td><td>" + data.staffName + "</td><td>" + data.applyTime + "</td><td>" + (data.CheckTime == null ? "" : data.CheckTime) + "</td><td>" + (data.explain == null ? "" : data.explain) + "</td></tr>");
 50 
 51                         }
 52                     });
 53                 }
 54             });
 55         }
 56         function funone() {
 57             currentpage = 1;
 58             LoadData();
 59         }
 60         function funprv() {
 61             if (currentpage - 1 == 0) {
 62                 alert("已经是首页");
 63             }
 64             else {
 65                 currentpage = currentpage - 1;
 66                 LoadData();
 67             }
 68           
 69         }
 70         function funnext() {
 71             if (currentpage + 1 > totlepage) {
 72                 alert("已经是末页");
 73             }
 74             else {
 75                 currentpage = currentpage + 1;
 76                 LoadData();
 77             }
 78         }
 79         function funLast() {
 80             currentpage = totlepage;
 81             LoadData();
 82         }
 83     </script>
 84 </head>
 85 <body>
 86     <table>
 87         <tr>
 88             <td><h2 style="color:#0094ff">办公自动化系统</h2></td>
 89             <td>@ViewBag.name</td>
 90         </tr>
 91     </table>
 92     <table class="table table-bordered" style="height:560px">
 93         <tr>
 94             <td style="width:80px">
 95 
 96                 <ul>
 97                     <li>首页</li>
 98                     <li>
 99                         请假管理
100                         <ul>
101                             <li><a href="/VacationMvc/Index">我的请假</a></li>
102                             <li><a href="/VacationMvc/CheckShow">我的审批</a></li>
103                             <li><a href="/VacationMvc/AddLeave">请假申请</a></li>
104                         </ul>
105 
106                     </li>
107                 </ul>
108 
109             </td>
110           
111             <td style="width:400px">
112                 <form>
113                     <input id="Hidden1" type="hidden" name="staffID" value="@ViewBag.staffid"/>
114                     <input id="Text1" type="hidden" name="Currentpage" value="1" />
115                     状态
116                     <select id="select1State" name="state">
117                         <option value="">全部</option>
118                         <option value="未提交">未提交</option>
119                         <option value="待审核">待审核</option>
120                         <option value="已通过">已通过</option>
121                         <option value="已驳回">已驳回</option>
122                     </select>
123                     开始时间：
124                     <input name="starttime" id="startTime" class="Wdate" type="text" onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd'})">
125                     结束时间：
126                     <input name="endtiome" id="endTime" class="Wdate" type="text" onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd'})">
127 
128                     <input id="btnlike" type="button" value="查询" />
129                 </form>
130 
131               
132                 <table class="table table-bordered" id="leaves">
133                     <tr style="background-color:#eee">
134                         <td>状态</td>
135                         <td>部门</td>
136                         <td>工号</td>
137                         <td>姓名</td>
138                         <td>申请时间</td>
139                         <td>审核时间</td>
140                         <td>说明</td>
141                     </tr>
142                 </table>
143                 <table>
144                     <tr>
145                         <td>共<span id="rows"></span>条记录</td>
146                         <td>
147                             <a href="#" onclick="funone()">首页</a>
148                             <a href="#" onclick="funprv()">上一页</a>
149                             <a href="#" onclick="funnext()">下一页</a>
150                             <a href="#" onclick="funLast()">末页</a>
151                         </td>
152                     </tr>
153                 </table>
154             </td>
155         </tr>
156     </table>
157 
158 
159 
160 </body>
161 </html>

Index.cshtml

 1 @{
 2     Layout = null;
 3 }
 4 
 5 <!DOCTYPE html>
 6 
 7 <html>
 8 <head>
 9     <meta name="viewport" content="width=device-width" />
10     <title>Login</title>
11     <script src="~/Scripts/jquery-3.1.1.js"></script>
12     <script>
13         $(function () {
14             //登陆
15             $("#btnLogin").click(function () {
16                 $.ajax({
17                     url: "http://localhost:8222/LoginStaff",
18                     data: {
19                         name: $("#tname").val(),
20                         department: $("#Select1").val()
21 
22                     },
23                     async: false,
24                     success: function (data) {
25                         if (data != null) {
26                             alert("登陆成功");
27                             $.ajax({
28                                 url: "/VacationMvc/LoginTo",
29                                 data: {
30                                     name: $("#tname").val(),
31                                     department: $("#Select1").val(),
32                                     id: data.staffID,
33                                     positions: data.positions
34 
35                                 },
36                                 async: false,
37                                 success: function (data) {
38                                     location.href = '/VacationMvc/Index';
39                                 }
40                             });
41                             
42                         }
43                         else {
44                             alert("登陆失败");
45                         }
46                     }
47                 });
48 
49             });
50         
51         })
52     </script>
53 </head>
54 <body>
55     <div>
56         <h3>登陆</h3>
57         <table>
58             <tr>
59                 <td>姓名：</td>
60                 <td>
61                     <input id="tname" type="text" />
62                 </td>
63             </tr>
64             <tr>
65                 <td>部门：</td>
66                 <td>
67                     <select id="Select1">
68                         <option>技术部</option>
69                         <option>设计部</option>
70                         <option>总裁办</option>
71                         
72                     </select>
73 
74                 </td>
75             </tr>
76             <tr>
77                 <td></td>
78                 <td><input id="btnLogin" type="button" value="登陆" /></td>
79             </tr>
80         </table>
81     </div>
82 </body>
83 </html>

Addcheck.cshtml,AddLeave.cshtml,CheckShow.cshtml,Index.cshtml

猜你喜欢