1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 6 <meta charset="utf-8"> 7 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 8 <meta name="viewport" content="width=device-width, initial-scale=1"> 9 <meta name="description" content=""> 10 <meta name="author" content=""> 11 12 <title>排班设置</title> 13 <link rel="shortcut icon" href="../img/favicon.png" /> 14 <!-- Bootstrap Core CSS --> 15 <link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> 16 17 <!-- MetisMenu CSS --> 18 <link href="../vendor/metisMenu/metisMenu.min.css" rel="stylesheet"> 19 20 <!-- Custom CSS --> 21 <link href="../dist/css/sb-admin-2.css" rel="stylesheet"> 22 23 <!-- Custom Fonts --> 24 <link href="../vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"> 25 26 <!--ALL style 所有页面共有导航样式--> 27 <link href="../dist/css/layout.css" rel="stylesheet"> 28 29 <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> 30 <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 31 32 <!--[if lt IE 9]> 33 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> 34 <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> 35 <![endif]--> 36 37 <style> 38 /*表格样式*/ 39 40 .table thead tr th, 41 .table tbody tr td { 42 text-align: left; 43 } 44 45 .table thead tr th:last-child, 46 .table tbody tr td:last-child { 47 text-align: center; 48 } 49 50 .pageNavigation .active { 51 color: white; 52 background: #fa1b5c; 53 } 54 55 .warmmin { 56 color: #761C19; 57 display: none; 58 } 59 60 [v-cloak] { 61 display: none; 62 } 63 64 .formTitle { 65 border-bottom: 1px solid #ddd; 66 padding-bottom: 5px; 67 } 68 69 .star { 70 margin-right: 5px; 71 color: red; 72 } 73 74 .title,.edit-out{ 75 overflow:hidden; 76 } 77 78 .form-control-select{ 79 display:inline-block; 80 width:auto; 81 } 82 .ooModal{ 83 width:800px; 84 85 } 86 .modal-body{ 87 padding:30px 15px 88 89 } 90 91 .editbox{ 92 background:#f9f9f9; 93 padding:10px; 94 margin:0 50px 15px 15px ; 95 } 96 97 .nav-tabs li.active a:focus{ 98 background:#337ab7; 99 color:#fff; 100 } 101 </style> 102 103 </head> 104 105 <body> 106 107 <div id="wrapper"> 108 <!--模态框start--> 109 <!--添加出诊模态框--> 110 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-keyboard="false" data-backdrop="static"> 111 <div class="modal-dialog ooModal"> 112 <div class="modal-content"> 113 <div class="modal-header"> 114 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 115 <h4 class="modal-title" id="myModalLabel"> 116 追加开诊 117 </h4> 118 </div> 119 <div class="modal-body"> 120 <form id="modalForm" class="modalForm"> 121 122 <div class="col-sm-6"> 123 <label><span class="star">*</span>开始日期</label> 124 <div class="form-group"> 125 <input id="addStartdateOpen" class="form-control" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true,minDate:'%y-%M-#{%d}'})"></input> 126 </div> 127 </div> 128 <div class="col-sm-6"> 129 <label><span class="star">*</span>结束日期</label> 130 <div class="form-group"> 131 <input id="addEnddateOpen" class="form-control" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true,minDate:'#F{$dp.$D(\'addStartdateOpen\')}' })" /> 132 </div> 133 </div> 134 135 <div class="col-sm-12"> 136 <label>周选项</label> 137 <div class="form-group"> 138 <label><input type="checkbox" name="monday" id="addMondayOpen" value="1" class="open-week"/> 周一 </label> 139 <label><input type="checkbox" name="tuesday" id="addTuesdayOpen" value="1" class="open-week"/> 周二 </label> 140 <label><input type="checkbox" name="wednesday" id="addWednesdayOpen" value="1" class="open-week"/> 周三 </label> 141 <label><input type="checkbox" name="thursday" id="addThursdayOpen" value="1" class="open-week"/> 周四 </label> 142 <label><input type="checkbox" name="friday" id="addFridayOpen" value="1" class="open-week"/> 周五 </label> 143 <label><input type="checkbox" name="saturday" id="addSaturdayOpen" value="1" class="open-week"/> 周六 </label> 144 <label><input type="checkbox" name="sunday" id="addSundayOpen" value="1" class="open-week"/> 周日</label></label> <label><input type="checkbox" id="allCheckedOpen"/> 全选 </label> 145 </div> 146 </div> 147 <div class="clearfix"></div> 148 <div class="col-sm-6"> 149 <label><span class="star">*</span>开始时间</label> 150 <div class="form-group"> 151 <!-- <input id="addStarttimeOpen" class="form-control" onfocus="WdatePicker({dateFmt:'H:mm:ss',readOnly:false})"></input> --> 152 <select id="addStartTimeOpen" 153 class="form-control"> 154 <option value="08:00">08:00</option> 155 <option value="08:15">08:15</option> 156 <option value="08:30">08:30</option> 157 <option value="08:45">08:45</option> 158 <option value="09:00">09:00</option> 159 <option value="09:15">09:15</option> 160 <option value="09:30">09:30</option> 161 <option value="09:45">09:45</option> 162 <option value="10:00">10:00</option> 163 <option value="10:15">10:15</option> 164 <option value="10:30">10:30</option> 165 <option value="10:45">10:45</option> 166 <option value="11:00">11:00</option> 167 <option value="11:15">11:15</option> 168 <option value="11:30">11:30</option> 169 <option value="11:45">11:45</option> 170 <option value="12:00">12:00</option> 171 <option value="12:15">12:15</option> 172 <option value="12:30">12:30</option> 173 <option value="12:45">12:45</option> 174 <option value="13:00">13:00</option> 175 <option value="13:15">13:15</option> 176 <option value="13:30">13:30</option> 177 <option value="13:45">13:45</option> 178 <option value="14:00">14:00</option> 179 <option value="14:15">14:15</option> 180 <option value="14:30">14:30</option> 181 <option value="14:45">14:45</option> 182 <option value="15:00">15:00</option> 183 <option value="15:15">15:15</option> 184 <option value="15:30">15:30</option> 185 <option value="15:45">15:45</option> 186 <option value="16:00">16:00</option> 187 <option value="16:15">16:15</option> 188 <option value="16:30">16:30</option> 189 <option value="16:45">16:45</option> 190 <option value="17:00">17:00</option> 191 <option value="17:15">17:15</option> 192 <option value="17:30">17:30</option> 193 <option value="17:45">17:45</option> 194 <option value="18:00">18:00</option> 195 <option value="18:15">18:15</option> 196 <option value="18:30">18:30</option> 197 <option value="18:45">18:45</option> 198 <option value="19:00">19:00</option> 199 <option value="19:15">19:15</option> 200 <option value="19:30">19:30</option> 201 <option value="19:45">19:45</option> 202 <option value="20:00">20:00</option> 203 <option value="20:15">20:15</option> 204 <option value="20:30">20:30</option> 205 <option value="20:45">20:45</option> 206 <option value="21:00">21:00</option> 207 <option value="21:15">21:15</option> 208 <option value="21:30">21:30</option> 209 <option value="21:45">21:45</option> 210 211 </select> 212 </div> 213 </div> 214 <div class="col-sm-6"> 215 <label><span class="star">*</span>结束时间</label> 216 <div class="form-group"> 217 <!-- <input id="addEndtimeOpen" class="form-control" onfocus="WdatePicker({dateFmt:'H:mm:ss',readOnly:false})" /> --> 218 <select id="addEndTimeOpen" 219 class="form-control"> 220 <option value="08:00">08:00</option> 221 <option value="08:15">08:15</option> 222 <option value="08:30">08:30</option> 223 <option value="08:45">08:45</option> 224 <option value="09:00">09:00</option> 225 <option value="09:15">09:15</option> 226 <option value="09:30">09:30</option> 227 <option value="09:45">09:45</option> 228 <option value="10:00">10:00</option> 229 <option value="10:15">10:15</option> 230 <option value="10:30">10:30</option> 231 <option value="10:45">10:45</option> 232 <option value="11:00">11:00</option> 233 <option value="11:15">11:15</option> 234 <option value="11:30">11:30</option> 235 <option value="11:45">11:45</option> 236 <option value="12:00">12:00</option> 237 <option value="12:15">12:15</option> 238 <option value="12:30">12:30</option> 239 <option value="12:45">12:45</option> 240 <option value="13:00">13:00</option> 241 <option value="13:15">13:15</option> 242 <option value="13:30">13:30</option> 243 <option value="13:45">13:45</option> 244 <option value="14:00">14:00</option> 245 <option value="14:15">14:15</option> 246 <option value="14:30">14:30</option> 247 <option value="14:45">14:45</option> 248 <option value="15:00">15:00</option> 249 <option value="15:15">15:15</option> 250 <option value="15:30">15:30</option> 251 <option value="15:45">15:45</option> 252 <option value="16:00">16:00</option> 253 <option value="16:15">16:15</option> 254 <option value="16:30">16:30</option> 255 <option value="16:45">16:45</option> 256 <option value="17:00">17:00</option> 257 <option value="17:15">17:15</option> 258 <option value="17:30">17:30</option> 259 <option value="17:45">17:45</option> 260 <option value="18:00">18:00</option> 261 <option value="18:15">18:15</option> 262 <option value="18:30">18:30</option> 263 <option value="18:45">18:45</option> 264 <option value="19:00">19:00</option> 265 <option value="19:15">19:15</option> 266 <option value="19:30">19:30</option> 267 <option value="19:45">19:45</option> 268 <option value="20:00">20:00</option> 269 <option value="20:15">20:15</option> 270 <option value="20:30">20:30</option> 271 <option value="20:45">20:45</option> 272 <option value="21:00">21:00</option> 273 <option value="21:15">21:15</option> 274 <option value="21:30">21:30</option> 275 <option value="21:45">21:45</option> 276 <option value="22:00">22:00</option> 277 </select> 278 </div> 279 </div> 280 <div class="clearfix"></div> 281 <div class="col-sm-6 pull-right"> 282 <label> </label> 283 <div class="form-group text-right"> 284 <a type="button" class="btn btn-warning addOpen" >保存</a> 285 286 <a type="button" class="btn btn-default" data-dismiss="modal">取消</a> 287 </div> 288 289 </div> 290 291 <div class="clearfix"></div> 292 </form> 293 </div> 294 295 </div> 296 <!-- /.modal-content --> 297 </div> 298 <!-- /.modal-dialog --> 299 </div> 300 <!--添加停诊模态框--> 301 <div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-keyboard="false" data-backdrop="static"> 302 <div class="modal-dialog ooModal"> 303 <div class="modal-content"> 304 <div class="modal-header"> 305 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 306 <h4 class="modal-title" id="myModalLabel"> 307 追加停诊 308 </h4> 309 </div> 310 <div class="modal-body"> 311 <form id="modalFormClose" class="modalForm"> 312 313 <div class="col-sm-6"> 314 <label><span class="star">*</span>开始日期</label> 315 <div class="form-group"> 316 <input id="addStartdateClose" name="startdate" class="form-control" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true,minDate:'%y-%M-#{%d}' })"></input> 317 </div> 318 </div> 319 <div class="col-sm-6"> 320 <label><span class="star">*</span>结束日期</label> 321 <div class="form-group"> 322 <input id="addEnddateClose" name="enddate" class="form-control" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true,minDate:'#F{$dp.$D(\'addStartdateClose\')}' })" /> 323 </div> 324 </div> 325 326 <div class="col-sm-12"> 327 <label>周选项</label> 328 <div class="form-group"> 329 <label><input type="checkbox" name="monday" id="addMondayClose" value="1" class="close-week"/> 周一 </label> 330 <label><input type="checkbox" name="tuesday" id="addTuesdayClose" value="1" class="close-week"/> 周二 </label> 331 <label><input type="checkbox" name="wednesday" id="addWednesdayClose" value="1" class="close-week"/> 周三 </label> 332 <label><input type="checkbox" name="thursday" id="addThursdayClose" value="1" class="close-week"/> 周四 </label> 333 <label><input type="checkbox" name="friday" id="addFridayClose" value="1" class="close-week"/> 周五 </label> 334 <label><input type="checkbox" name="saturday" id="addSaturdayClose" value="1" class="close-week"/> 周六 </label> 335 <label><input type="checkbox" name="sunday" id="addSundayClose" value="1" class="close-week"/> 周日</label> <label><input type="checkbox" id="allCheckedClose"/> 全选 </label> 336 </div> 337 </div> 338 <div class="clearfix"></div> 339 <div class="col-sm-6"> 340 <label><span class="star">*</span>开始时间</label> 341 <div class="form-group"> 342 <!-- <input id="addStarttimeOpen" class="form-control" onfocus="WdatePicker({dateFmt:'H:mm:ss',readOnly:false})"></input> --> 343 <select id="addStartTimeClose" 344 class="form-control"> 345 <option value="08:00">08:00</option> 346 <option value="08:15">08:15</option> 347 <option value="08:30">08:30</option> 348 <option value="08:45">08:45</option> 349 <option value="09:00">09:00</option> 350 <option value="09:15">09:15</option> 351 <option value="09:30">09:30</option> 352 <option value="09:45">09:45</option> 353 <option value="10:00">10:00</option> 354 <option value="10:15">10:15</option> 355 <option value="10:30">10:30</option> 356 <option value="10:45">10:45</option> 357 <option value="11:00">11:00</option> 358 <option value="11:15">11:15</option> 359 <option value="11:30">11:30</option> 360 <option value="11:45">11:45</option> 361 <option value="12:00">12:00</option> 362 <option value="12:15">12:15</option> 363 <option value="12:30">12:30</option> 364 <option value="12:45">12:45</option> 365 <option value="13:00">13:00</option> 366 <option value="13:15">13:15</option> 367 <option value="13:30">13:30</option> 368 <option value="13:45">13:45</option> 369 <option value="14:00">14:00</option> 370 <option value="14:15">14:15</option> 371 <option value="14:30">14:30</option> 372 <option value="14:45">14:45</option> 373 <option value="15:00">15:00</option> 374 <option value="15:15">15:15</option> 375 <option value="15:30">15:30</option> 376 <option value="15:45">15:45</option> 377 <option value="16:00">16:00</option> 378 <option value="16:15">16:15</option> 379 <option value="16:30">16:30</option> 380 <option value="16:45">16:45</option> 381 <option value="17:00">17:00</option> 382 <option value="17:15">17:15</option> 383 <option value="17:30">17:30</option> 384 <option value="17:45">17:45</option> 385 <option value="18:00">18:00</option> 386 <option value="18:15">18:15</option> 387 <option value="18:30">18:30</option> 388 <option value="18:45">18:45</option> 389 <option value="19:00">19:00</option> 390 <option value="19:15">19:15</option> 391 <option value="19:30">19:30</option> 392 <option value="19:45">19:45</option> 393 <option value="20:00">20:00</option> 394 <option value="20:15">20:15</option> 395 <option value="20:30">20:30</option> 396 <option value="20:45">20:45</option> 397 <option value="21:00">21:00</option> 398 <option value="21:15">21:15</option> 399 <option value="21:30">21:30</option> 400 <option value="21:45">21:45</option> 401 402 </select> 403 </div> 404 </div> 405 <div class="col-sm-6"> 406 <label><span class="star">*</span>结束时间</label> 407 <div class="form-group"> 408 <!-- <input id="addEndtimeOpen" class="form-control" onfocus="WdatePicker({dateFmt:'H:mm:ss',readOnly:false})" /> --> 409 <select id="addEndTimeClose" 410 class="form-control"> 411 <option value="08:00">08:00</option> 412 <option value="08:15">08:15</option> 413 <option value="08:30">08:30</option> 414 <option value="08:45">08:45</option> 415 <option value="09:00">09:00</option> 416 <option value="09:15">09:15</option> 417 <option value="09:30">09:30</option> 418 <option value="09:45">09:45</option> 419 <option value="10:00">10:00</option> 420 <option value="10:15">10:15</option> 421 <option value="10:30">10:30</option> 422 <option value="10:45">10:45</option> 423 <option value="11:00">11:00</option> 424 <option value="11:15">11:15</option> 425 <option value="11:30">11:30</option> 426 <option value="11:45">11:45</option> 427 <option value="12:00">12:00</option> 428 <option value="12:15">12:15</option> 429 <option value="12:30">12:30</option> 430 <option value="12:45">12:45</option> 431 <option value="13:00">13:00</option> 432 <option value="13:15">13:15</option> 433 <option value="13:30">13:30</option> 434 <option value="13:45">13:45</option> 435 <option value="14:00">14:00</option> 436 <option value="14:15">14:15</option> 437 <option value="14:30">14:30</option> 438 <option value="14:45">14:45</option> 439 <option value="15:00">15:00</option> 440 <option value="15:15">15:15</option> 441 <option value="15:30">15:30</option> 442 <option value="15:45">15:45</option> 443 <option value="16:00">16:00</option> 444 <option value="16:15">16:15</option> 445 <option value="16:30">16:30</option> 446 <option value="16:45">16:45</option> 447 <option value="17:00">17:00</option> 448 <option value="17:15">17:15</option> 449 <option value="17:30">17:30</option> 450 <option value="17:45">17:45</option> 451 <option value="18:00">18:00</option> 452 <option value="18:15">18:15</option> 453 <option value="18:30">18:30</option> 454 <option value="18:45">18:45</option> 455 <option value="19:00">19:00</option> 456 <option value="19:15">19:15</option> 457 <option value="19:30">19:30</option> 458 <option value="19:45">19:45</option> 459 <option value="20:00">20:00</option> 460 <option value="20:15">20:15</option> 461 <option value="20:30">20:30</option> 462 <option value="20:45">20:45</option> 463 <option value="21:00">21:00</option> 464 <option value="21:15">21:15</option> 465 <option value="21:30">21:30</option> 466 <option value="21:45">21:45</option> 467 <option value="22:00">22:00</option> 468 </select> 469 </div> 470 </div> 471 <div class="clearfix"></div> 472 <div class="col-sm-6 pull-right"> 473 474 <div class="form-group text-right"> 475 <a type="button" class="btn btn-warning addClose" >保存</a> 476 477 <a type="button" class="btn btn-default" data-dismiss="modal">取消</a> 478 </div> 479 </div> 480 <div class="clearfix"></div> 481 </form> 482 </div> 483 484 </div> 485 <!-- /.modal-content --> 486 </div> 487 <!-- /.modal-dialog --> 488 </div> 489 <!--模态框end--> 490 491 <!-- Navigation --> 492 <nav class="navbar navbar-default navbar-static-top myNav" role="navigation"> 493 494 <div class="navbar-header"> 495 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 496 <span class="sr-only">导航切换</span> 497 <span class="icon-bar"></span> 498 <span class="icon-bar"></span> 499 <span class="icon-bar"></span> 500 </button> 501 <a class="navbar-brand" > 502 <img style = "width:100%" alt="" src="../img/logo1.png"> 503 </a> 504 </div> 505 506 <!-- /.navbar-header --> 507 <ul class="nav navbar-top-links navbar-right"> 508 <li><span id="user"></span>，欢迎您！</li> 509 <li class="dropdown"> 510 <a class="dropdown-toggle" data-toggle="dropdown" href="#"> 511 <i class="fa fa-user fa-fw"> </i><i class="fa fa-caret-down"></i> 512 </a> 513 <ul class="dropdown-menu "> 514 <li> 515 <a title="退出" onclick="logout()">退出</a> 516 </li> 517 </ul> 518 <!-- /.dropdown-messages --> 519 </li> 520 521 </ul> 522 <!-- /.navbar-top-links --> 523 <div class="navbar-default sidebar" role="navigation"> 524 <div class="sidebar-nav navbar-collapse"> 525 <ul class="nav" id="side-menu"> 526 527 </ul> 528 </div> 529 <!-- /.sidebar-collapse --> 530 </div> 531 <!-- /.navbar-static-side --> 532 </nav> 533 534 <div id="page-wrapper"> 535 <ul class="breadcrumb1"> 536 <li> 537 <a href="#">排班设置</a> 538 </li> 539 <!--<li>用户管理</li> 540 <li class="active">商家管理</li>--> 541 </ul> 542 543 <!-- /.row --> 544 <div class="row rowTop"> 545 <div class="panel panel-default"> 546 <div class="panel-heading"> 547 <div class="panel-title" id="doctornamediv"> <strong></strong> 医生</div> 548 </div> 549 <div class="panel-body"> 550 <div class="col-sm-12"> 551 <div class="tabs-container"> 552 553 <ul class="nav nav-tabs"> 554 <li class="active"> 555 <a data-toggle="tab" href="#tab-1" aria-expanded="true">开诊</a> 556 </li> 557 <li class=""> 558 <a data-toggle="tab" href="#tab-2" aria-expanded="false">停诊</a> 559 </li> 560 </ul> 561 562 <div class="tab-content"> 563 <div id="tab-1" class="tab-pane active"> 564 <div class="panel-body" id="open"> 565 <a class="btn btn-primary add-btn" data-toggle="modal" data-target="#myModal">追加</a> 566 <br><br> 567 <!--开诊表格--> 568 <div class="row" > 569 <template v-for="item in openData"> 570 <div class="title"> 571 <div class="col-sm-2"> 572 <label>开始日期</label> 573 <div class="form-group"> 574 <div class="form-control">{{item.startdate}}</div> 575 </div> 576 </div> 577 <div class="col-sm-2"> 578 <label>结束日期</label> 579 <div class="form-group"> 580 <div class="form-control">{{item.enddate}}</div> 581 </div> 582 </div> 583 <div class="col-sm-2"> 584 <label>周</label> 585 <div class="form-group"> 586 <div class="form-control"> 587 <span v-if="item.monday==1">一</span> 588 <span v-if="item.tuesday==1">二</span> 589 <span v-if="item.wednesday==1">三</span> 590 <span v-if="item.thursday==1">四</span> 591 <span v-if="item.friday==1">五</span> 592 <span v-if="item.saturday==1">六</span> 593 <span v-if="item.sunday==1">日</span> 594 </div> 595 </div> 596 </div> 597 <div class="col-sm-2"> 598 <label>开始时间</label> 599 <div class="form-group"> 600 <div class="form-control">{{item.starttime}}</div> 601 </div> 602 </div> 603 <div class="col-sm-2"> 604 <label>结束时时间</label> 605 <div class="form-group"> 606 <div class="form-control">{{item.endtime}}</div> 607 </div> 608 </div> 609 <div class="col-sm-2" v-if="ableEdit"> 610 <label>操作</label> 611 <div class="form-group"> 612 <a type="button" class="btn btn-primary" @click="edit(item)" v-if="!item.edit">编辑</a> 613 <a type="button" class="btn btn-default" @click="cancel(item)" v-if="item.edit">取消</a> 614 <a type="button" class="btn btn-danger" @click="delOpen(item.id)">删除</a> 615 </div> 616 </div> 617 </div> 618 619 <div class="clearfix"></div> 620 <!--编辑框--> 621 <div v-show="item.edit" class="edit-out"> 622 <div class="editbox" v-for="item in editData" > 623 <div class="col-sm-4"> 624 <label><span class="star">*</span>开始日期</label> 625 <div class="form-group"> 626 <input id="editStartDateOpen" class="form-control" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true,minDate:'%y-%M-#{%d}'})" 627 v-model="item.startdate"></input> 628 </div> 629 </div> 630 <div class="col-sm-4"> 631 <label><span class="star">*</span>结束日期</label> 632 <div class="form-group"> 633 <input id="editEndDate" class="form-control" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true,minDate:'#F{$dp.$D(\'editStartDateOpen\')}'})" 634 v-model="item.enddate"/> 635 </div> 636 </div> 637 638 <div class="col-sm-12"> 639 <label>周选项</label> 640 <div class="form-group"> 641 <label><input type="checkbox" id="editMon" v-model="item.monday"/> 周一 </label> 642 <label><input type="checkbox" id="editTus" v-model="item.tuesday"/> 周二 </label> 643 <label><input type="checkbox" id="editWed" v-model="item.wednesday"/> 周三 </label> 644 <label><input type="checkbox" id="editThr" v-model="item.thursday"/> 周四 </label> 645 <label><input type="checkbox" id="editFri" v-model="item.friday"/> 周五 </label> 646 <label><input type="checkbox" id="editSat" v-model="item.saturday"/> 周六 </label> 647 <label><input type="checkbox" id="editSun" v-model="item.sunday"/> 周日</label> <label><input type="checkbox" v-model="allChecked"/> 全选 </label> 648 649 </div> 650 651 </div> 652 653 <div class="clearfix"></div> 654 <div class="col-sm-4"> 655 <label><span class="star">*</span>开始时间</label> 656 <div class="form-group"> 657 <!-- <input id="editStartTime" class="form-control" onfocus="WdatePicker({dateFmt:'H:mm:ss',readOnly:true })" v-model="item.starttime"></input> --> 658 <select v-model="item.startTime" 659 class="form-control" 660 661 > 662 <template v-for="i in 14"> 663 <template v-for="j in 4" 664 665 > 666 <option 667 668 :value="(i+8<10 ? '0'+(i+8) : ''+(i+8))+':'+ ((j*15<15) ? '0'+(j*15) : ''+(j*15))" 669 670 >{{(i+8<10 ? '0'+(i+8) : ''+(i+8))+':'+((j*15<15) ? '0'+(j*15) : ''+(j*15))}}</option> 671 </template> 672 </template> 673 </select> 674 </div> 675 </div> 676 <div class="col-sm-4"> 677 <label><span class="star">*</span>结束时间</label> 678 <div class="form-group"> 679 <!-- <input id="editEndTime" class="form-control" onfocus="WdatePicker({dateFmt:'H:mm:ss',readOnly:true})" v-model="item.endtime"/> --> 680 <select v-model="item.endTime" 681 class="form-control " 682 683 > 684 <template v-for="i in 15"> 685 <template v-for="j in ((i+8)!=22 ? 4 : 1)" 686 687 > 688 <option 689 690 :value="(i+8<10 ? '0'+(i+8) : ''+(i+8))+':'+ ((j*15<15) ? '0'+(j*15) : ''+(j*15))" 691 v-if="(new Date('1970/01/01 '+(i+8<10 ? '0'+(i+8) : ''+(i+8))+':'+ ((j*15<15) ? '0'+(j*15) : ''+(j*15))).getTime())>=Math.min((new Date('1970/01/01 '+item.startTime).getTime()),(new Date('1970/01/01 '+item.endTime).getTime()))" 692 >{{(i+8<10 ? '0'+(i+8) : ''+(i+8))+':'+((j*15<15) ? '0'+(j*15) : ''+(j*15))}}</option> 693 </template> 694 </template> 695 </select> 696 </div> 697 </div> 698 <div class="col-sm-4"> 699 <label> </label> 700 <div class="form-group"> 701 <a type="button" class="btn btn-warning" @click="saveOpen(item)" 702 @dblclick="false" v-if="ableEdit">保存</a> 703 704 </div> 705 </div> 706 <div class="line clearfix"></div> 707 </div> 708 </div> 709 </template> 710 </div> 711 <hr /> 712 713 </div> 714 </div> 715 <div id="tab-2" class="tab-pane"> 716 <div class="panel-body" id="colse"> 717 <a class="btn btn-primary add-btn" data-toggle="modal" data-target="#myModal1" >追加</a> 718 <br><br> 719 <!--停诊表格--> 720 <div class="row" > 721 <template v-for="item in closeData"> 722 <div class="title"> 723 <div class="col-sm-2"> 724 <label>开始日期</label> 725 <div class="form-group"> 726 <div class="form-control">{{item.startdate}}</div> 727 </div> 728 </div> 729 <div class="col-sm-2"> 730 <label>结束日期</label> 731 <div class="form-group"> 732 <div class="form-control">{{item.enddate}}</div> 733 </div> 734 </div> 735 <div class="col-sm-2"> 736 <label>周</label> 737 <div class="form-group"> 738 <div class="form-control"> 739 <span v-if="item.monday==1">一</span> 740 <span v-if="item.tuesday==1">二</span> 741 <span v-if="item.wednesday==1">三</span> 742 <span v-if="item.thursday==1">四</span> 743 <span v-if="item.friday==1">五</span> 744 <span v-if="item.saturday==1">六</span> 745 <span v-if="item.sunday==1">日</span> 746 </div> 747 </div> 748 </div> 749 <div class="col-sm-2"> 750 <label>开始时间</label> 751 <div class="form-group"> 752 <div class="form-control">{{item.starttime}}</div> 753 </div> 754 </div> 755 <div class="col-sm-2"> 756 <label>结束时间</label> 757 <div class="form-group"> 758 <div class="form-control">{{item.endtime}}</div> 759 </div> 760 </div> 761 <div class="col-sm-2" v-if="ableEdit"> 762 <label >操作</label> 763 <div class="form-group"> 764 <a type="button" class="btn btn-primary" @click="edit2(item)" v-if="!item.edit">编辑</a> 765 <a type="button" class="btn btn-default" @click="cancel(item)" v-if="item.edit">取消</a> 766 <a type="button" class="btn btn-danger" @click="delClose(item.id)">删除</a> 767 </div> 768 </div> 769 </div> 770 771 <div class="clearfix"></div> 772 <!--编辑框--> 773 <div v-show="item.edit" class="edit-out"> 774 <div class="editbox" v-for="item in editData" > 775 <div class="col-sm-4"> 776 <label><span class="star">*</span>开始日期</label> 777 <div class="form-group"> 778 <input id="editStartDateClose" class="form-control" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true,minDate:'%y-%M-#{%d}'})" 779 v-model="item.startdate"></input> 780 </div> 781 </div> 782 <div class="col-sm-4"> 783 <label><span class="star">*</span>结束日期</label> 784 <div class="form-group"> 785 <input id="editEndDate" class="form-control" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true,minDate:'#F{$dp.$D(\'editStartDateClose\')}'})" 786 v-model="item.enddate"/> 787 </div> 788 </div> 789 790 <div class="col-sm-12"> 791 <label>周选项</label> 792 <div class="form-group"> 793 <label><input type="checkbox" id="editMon" v-model="item.monday"/> 周一 </label> 794 <label><input type="checkbox" id="editTus" v-model="item.tuesday"/> 周二 </label> 795 <label><input type="checkbox" id="editWed" v-model="item.wednesday"/> 周三 </label> 796 <label><input type="checkbox" id="editThr" v-model="item.thursday"/> 周四 </label> 797 <label><input type="checkbox" id="editFri" v-model="item.friday"/> 周五 </label> 798 <label><input type="checkbox" id="editSat" v-model="item.saturday"/> 周六 </label> 799 <label><input type="checkbox" id="editSun" v-model="item.sunday"/> 周日</label> 800 <label><input type="checkbox" v-model="allChecked"/> 全选 </label> 801 </div> 802 </div> 803 <div class="clearfix"></div> 804 <div class="col-sm-4"> 805 <label><span class="star">*</span>开始时间</label> 806 <div class="form-group"> 807 <!-- <input id="editStartTime" class="form-control" onfocus="WdatePicker({dateFmt:'H:mm:ss',readOnly:true })" v-model="item.starttime"></input> --> 808 <select v-model="item.startTime" 809 class="form-control" 810 811 > 812 <template v-for="i in 14"> 813 <template v-for="j in 4" 814 815 > 816 <option 817 818 :value="(i+8<10 ? '0'+(i+8) : ''+(i+8))+':'+ ((j*15<15) ? '0'+(j*15) : ''+(j*15))" 819 820 >{{(i+8<10 ? '0'+(i+8) : ''+(i+8))+':'+((j*15<15) ? '0'+(j*15) : ''+(j*15))}}</option> 821 </template> 822 </template> 823 </select> 824 </div> 825 </div> 826 <div class="col-sm-4"> 827 <label><span class="star">*</span>结束时间</label> 828 <div class="form-group"> 829 <!-- <input id="editEndTime" class="form-control" onfocus="WdatePicker({dateFmt:'H:mm:ss',readOnly:true})" v-model="item.endtime"/> --> 830 <select v-model="item.endTime" 831 class="form-control" 832 833 > 834 <template v-for="i in 15"> 835 <template v-for="j in ((i+8)!=22 ? 4 : 1)" 836 837 > 838 <option 839 840 :value="(i+8<10 ? '0'+(i+8) : ''+(i+8))+':'+ ((j*15<15) ? '0'+(j*15) : ''+(j*15))" 841 v-if="(new Date('1970/01/01 '+(i+8<10 ? '0'+(i+8) : ''+(i+8))+':'+ ((j*15<15) ? '0'+(j*15) : ''+(j*15))).getTime())>=Math.min((new Date('1970/01/01 '+item.startTime).getTime()),(new Date('1970/01/01 '+item.endTime).getTime()))" 842 843 >{{(i+8<10 ? '0'+(i+8) : ''+(i+8))+':'+((j*15<15) ? '0'+(j*15) : ''+(j*15))}}</option> 844 </template> 845 </template> 846 </select> 847 </div> 848 </div> 849 <div class="col-sm-4"> 850 <label> </label> 851 <div class="form-group"> 852 <a type="button" class="btn btn-warning" @click="saveClose(item)" @dblclick="false" v-if="ableEdit">保存</a> 853 </div> 854 </div> 855 <div class="line clearfix"></div> 856 </div> 857 </div> 858 </template> 859 </div> 860 <hr /> 861 862 </div> 863 </div> 864 </div> 865 </div> 866 867 </div> 868 </div> 869 870 </div> 871 <!-- /.panel-body --> 872 <div class="panel-footer"> 873 <div class="row"> 874 <div class="col-sm-4 pull-right text-right"> 875 <a class="btn btn-default" onclick="window.history.go(-1)">返回</a> 876 877 </div> 878 879 </div> 880 </div> 881 </div> 882 </div> 883 <!-- /#page-wrapper --> 884 </div> 885 <!-- /#wrapper --> 886 </div> 887 <!--alert 提示框 --> 888 <div class="modal fade" id="alertModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 889 <div class="modal-dialog"> 890 <!--提示框--> 891 <div class="alertBox"> 892 <!--<i class='fa fa-check' style="padding-left: 78px;color: white;"></i>--> 893 <p id="alertMsg"> 894 895 </p> 896 </div> 897 <!-- /.modal-content --> 898 </div> 899 <!-- /.modal-dialog --> 900 </div> 901 902 <!--alert 我知道了提示框 --> 903 <div class="modal fade" aria-hidden="true" data-backdrop="static" id="alertOkModal" role="dialog" 904 aria-labelledby="myModalLabel" aria-hidden="true"> 905 <div class="modal-dialog"> 906 <!--提示框--> 907 <div class="alertOkBox"> 908 <p class="alertTitle">提示</p> 909 <!--<i class='fa fa-check' style="padding-left: 78px;color: white;"></i>--> 910 <p id="alertOkMsg"> 911 912 </p> 913 <p id="alertOkBtn"></p> 914 </div> 915 <!-- /.modal-content --> 916 </div> 917 <!-- /.modal-dialog --> 918 </div> 919 920 921 <!-- jQuery --> 922 <script src="../vendor/jquery/jquery.min.js"></script> 923 <script src="../vendor/jquery/jquery.base64.js"></script> 924 925 <!--URL路径前缀--> 926 <script src="../js/URLstart.js" type="text/javascript" charset="utf-8"></script> 927 928 <!-- Bootstrap Core JavaScript --> 929 <script src="../vendor/bootstrap/js/bootstrap.min.js"></script> 930 931 <script src="../js/creatMenu.js"></script> 932 933 <!-- Custom Theme JavaScript --> 934 <script src="../dist/js/sb-admin-2.js"></script> 935 936 <script src="../js/My97DatePicker/WdatePicker.js"></script> 937 <script src="../js/vue.min.js"></script> 938 <script> 939 940 941 942 //禁用添加的双击事件 943 $(".addOpen").off("dblclick") 944 $(".addClose").off("dblclick") 945 //删除开关 946 var deleteAble=true 947 // var addOpen=true 948 // var addClose=true 949 950 $(function(){ 951 checked (); 952 }) 953 954 // $("#myModal").modal('show'); 955 /* function showEdeit(_this) { 956 //console.log(this) 957 var a = $(_this).parent().parent().parent().next(); 958 $(_this).parent().parent().parent().siblings().css("display", "block"); 959 } */ 960 var pdoctorid=localStorage.getItem("pdoctorid"); 961 var doctorname=localStorage.getItem("doctorname"); 962 963 var dangerColor="rgb(250, 27, 92)" 964 965 //加下拉菜单 966 var addStartTimeClose=$("#addStartTimeClose"); 967 968 var addEndTimeClose=$("#addEndTimeClose"); 969 970 var addStartTimeOpen=$("#addStartTimeOpen"); 971 972 var addEndTimeOpen=$("#addEndTimeOpen"); 973 974 975 976 addEndTimeOpen.focus(function(){ 977 //console.log(111) 978 var that_v=addStartTimeOpen.val(); 979 $.each($(this).find("option"),function(i,v){ 980 var value=v.value; 981 if(new Date("1970/01/01 "+value)<new Date("1970/01/01 "+that_v)){ 982 $(v).hide() 983 }else{ 984 $(v).show() 985 } 986 }) 987 }) 988 989 addEndTimeClose.focus(function(){ 990 //console.log(111) 991 var that_v=addStartTimeClose.val(); 992 $.each($(this).find("option"),function(i,v){ 993 var value=v.value; 994 if(new Date("1970/01/01 "+value)<new Date("1970/01/01 "+that_v)){ 995 $(v).hide() 996 }else{ 997 $(v).show() 998 } 999 }) 1000 }) 1001 1002 $(function(){ 1003 $('#doctornamediv').html("<strong>"+doctorname+"</strong> 排班一览") 1004 }); 1005 var vue=new Vue({ 1006 el:"#page-wrapper", 1007 data:{ 1008 openData:[], 1009 closeData:[], 1010 editData:[], 1011 ableEdit: true, 1012 }, 1013 1014 methods:{ 1015 edit:function(item){ 1016 //关闭所有编辑 1017 this.openData.forEach(function(v,i){ 1018 v.edit=false 1019 }) 1020 this.closeData.forEach(function(v,i){ 1021 v.edit=false 1022 }) 1023 item.edit=true; 1024 //清空数组 1025 this.editData.splice(0); 1026 //取值 1027 var starttime=item.starttime.split(":"); 1028 var endtime=item.endtime.split(":"); 1029 /* item.startHour=parseInt(starttime[0]); 1030 item.startMinute=parseInt(starttime[1]); 1031 item.endHour=parseInt(endtime[0]); 1032 item.endMinute=parseInt(endtime[1]); */ 1033 item.startTime=starttime[0]+":"+starttime[1]; 1034 item.endTime=endtime[0]+":"+endtime[1] 1035 var tmp=[]; 1036 tmp.push(item); 1037 this.editData=JSON.parse(JSON.stringify(tmp)); 1038 1039 }, 1040 delOpen:function(id){ 1041 1042 //if(deleteAble){ 1043 var tmp=confirms('确定要删除本条记录吗'); 1044 1045 $("#confirmBtn").click(function(){ 1046 //deleteAble=false 1047 $.ajax({ 1048 url : webname+'/openDiagnosis/deleteOpenDiagnosis', 1049 type : 'post', 1050 data : JSON.stringify({id:id,pdoctorid:pdoctorid}), 1051 contentType : 'application/json;charset=UTF-8', 1052 context : document.body, 1053 1054 success : function(result) { 1055 1056 if(result.code==0){ 1057 alert("删除成功",'suc'); 1058 refresh() 1059 //deleteAble=true 1060 1061 }else{ 1062 //deleteAble=true 1063 alert(result.msg,'err'); 1064 1065 } 1066 }, 1067 error:function(){ 1068 1069 //deleteAble=true 1070 } 1071 }); 1072 $("#confirmModal").modal("hide") 1073 }) 1074 $('#confirmModal').on('hidden.bs.modal', function (e) { 1075 tmp.remove() 1076 }) 1077 //} 1078 }, 1079 saveOpen:function(item){ 1080 1081 var data=new Object(); 1082 data.startdate=this.editData[0].startdate; 1083 1084 data.enddate=this.editData[0].enddate; 1085 data.monday=(this.editData[0].monday==true|| this.editData[0].monday==1)?1:0; 1086 data.tuesday=(this.editData[0].tuesday==true|| this.editData[0].tuesday==1)?1:0; 1087 data.wednesday=(this.editData[0].wednesday==true|| this.editData[0].wednesday==1)?1:0; 1088 data.thursday=(this.editData[0].thursday==true|| this.editData[0].thursday==1)?1:0; 1089 data.friday=(this.editData[0].friday==true|| this.editData[0].friday==1)?1:0; 1090 data.saturday=(this.editData[0].saturday==true|| this.editData[0].saturday==1)?1:0; 1091 data.sunday=(this.editData[0].sunday==true|| this.editData[0].sunday==1)?1:0; 1092 1093 /* var startHour=item.startHour; 1094 var endHour=item.endHour; 1095 var startMinute=item.startMinute; 1096 var endMinute=item.endMinute; */ 1097 var startTime=item.startTime; 1098 var endTime=item.endTime; 1099 if(new Date(data.startdate.replace(/\-/g,'/')).getTime()>new Date(data.enddate.replace(/\-/g,'/')).getTime()){ 1100 alert("开始日期不能大于结束日期",'err'); 1101 return ; 1102 } 1103 if(data.monday == 0 && 1104 data.tuesday == 0 && 1105 data.wednesday == 0 && 1106 data.thursday == 0 && 1107 data.friday == 0 && 1108 data.saturday == 0 && 1109 data.sunday == 0 ){ 1110 alert("请选择至少一个周选项",'err') 1111 return ; 1112 } 1113 1114 1115 var dayStr="1970/01/01"; 1116 var startStr=dayStr+" "+startTime 1117 var endStr=dayStr+" "+endTime 1118 1119 1120 if(new Date(startStr)>=new Date(endStr)){ 1121 alert("开始时间不能大于结束时间",'err'); 1122 return 1123 } 1124 1125 1126 data.starttime=startTime+":00" 1127 data.endtime=endTime+":00" 1128 1129 1130 data.pdoctorid=pdoctorid; 1131 data.id=this.editData[0].id; 1132 1133 if(item.clickable){ 1134 item.clickable=false; 1135 $.ajax({ 1136 url : webname+'/openDiagnosis/editOpenDiagnosis', 1137 type : 'post', 1138 data : JSON.stringify(data), 1139 contentType : 'application/json;charset=UTF-8', 1140 context : document.body, 1141 success : function(result) { 1142 //console.log(result) 1143 if(result.code==0){ 1144 alert("修改成功",'suc'); 1145 refresh(); 1146 //隐藏 1147 /* this.openData.forEach(function(v,i){ 1148 if(v.id==item.id){ 1149 v.edit=false 1150 } 1151 }) */ 1152 }else{ 1153 alert(result.msg,'err'); 1154 item.clickable=true; 1155 } 1156 }, 1157 error:function(){ 1158 item.clickable=true; 1159 } 1160 }); 1161 } 1162 1163 }, 1164 edit2:function(item){ 1165 //关闭所有编辑 1166 this.closeData.forEach(function(v,i){ 1167 v.edit=false 1168 }) 1169 this.openData.forEach(function(v,i){ 1170 v.edit=false 1171 }) 1172 item.edit=true; 1173 //清空数组 1174 this.editData.splice(0); 1175 //取值 1176 var starttime=item.starttime.split(":"); 1177 var endtime=item.endtime.split(":"); 1178 item.startTime=starttime[0]+":"+starttime[1]; 1179 item.endTime=endtime[0]+":"+endtime[1] 1180 var tmp=[]; 1181 tmp.push(item); 1182 this.editData=JSON.parse(JSON.stringify(tmp)); 1183 1184 }, 1185 delClose:function(id){ 1186 1187 var tmp=confirms('确定要删除本条记录吗'); 1188 1189 $("#confirmBtn").click(function(){ 1190 //deleteAble=false 1191 $.ajax({ 1192 url : webname+'/closeDiagnosis/deleteCloseDiagnosis', 1193 type : 'post', 1194 data : JSON.stringify({id:id,pdoctorid:pdoctorid}), 1195 contentType : 'application/json;charset=UTF-8', 1196 context : document.body, 1197 success : function(result) { 1198 if(result.code==0){ 1199 alert("删除成功",'suc'); 1200 refresh(); 1201 }else{ 1202 alert(result.msg,'err'); 1203 } 1204 } 1205 }); 1206 $("#confirmModal").modal("hide") 1207 }) 1208 $('#confirmModal').on('hidden.bs.modal', function (e) { 1209 tmp.remove() 1210 }) 1211 }, 1212 1213 saveClose:function(item){ 1214 var data=new Object(); 1215 data.startdate=this.editData[0].startdate; 1216 data.enddate=this.editData[0].enddate; 1217 data.monday=(this.editData[0].monday==true|| this.editData[0].monday==1)?1:0; 1218 data.tuesday=(this.editData[0].tuesday==true|| this.editData[0].tuesday==1)?1:0; 1219 data.wednesday=(this.editData[0].wednesday==true|| this.editData[0].wednesday==1)?1:0; 1220 data.thursday=(this.editData[0].thursday==true|| this.editData[0].thursday==1)?1:0; 1221 data.friday=(this.editData[0].friday==true|| this.editData[0].friday==1)?1:0; 1222 data.saturday=(this.editData[0].saturday==true|| this.editData[0].saturday==1)?1:0; 1223 data.sunday=(this.editData[0].sunday==true|| this.editData[0].sunday==1)?1:0; 1224 var startTime=item.startTime; 1225 var endTime=item.endTime; 1226 1227 if(new Date(data.startdate.replace(/\-/g,'/')).getTime()>new Date(data.enddate.replace(/\-/g,'/')).getTime()){ 1228 alert("开始日期不能大于结束日期",'err'); 1229 return ; 1230 } 1231 if(data.monday == 0 && 1232 data.tuesday == 0 && 1233 data.wednesday == 0 && 1234 data.thursday == 0 && 1235 data.friday == 0 && 1236 data.saturday == 0 && 1237 data.sunday == 0 ){ 1238 alert("请选择至少一个周选项",'err') 1239 return ; 1240 } 1241 1242 1243 var dayStr="1970/01/01"; 1244 var startStr=dayStr+" "+startTime 1245 var endStr=dayStr+" "+endTime 1246 1247 1248 if(new Date(startStr)>=new Date(endStr)){ 1249 alert("开始时间不能大于结束时间",'err'); 1250 return 1251 } 1252 1253 1254 data.starttime=startTime+":00" 1255 data.endtime=endTime+":00" 1256 1257 data.pdoctorid=pdoctorid; 1258 data.id=this.editData[0].id; 1259 1260 if(item.clickable){ 1261 item.clickable=false 1262 $.ajax({ 1263 url : webname+'/closeDiagnosis/editCloseDiagnosis', 1264 type : 'post', 1265 data : JSON.stringify(data), 1266 contentType : 'application/json;charset=UTF-8', 1267 context : document.body, 1268 success : function(result) { 1269 if(result.code==0){ 1270 alert("修改成功",'suc'); 1271 refresh(); 1272 }else{ 1273 alert(result.msg,'err'); 1274 item.clickable=true 1275 } 1276 }, 1277 error:function(){ 1278 item.clickable=true 1279 } 1280 }); 1281 } 1282 1283 /* //隐藏 1284 var tmp=this.closeData.forEach(function(v,i){ 1285 if(v.id==item.id){ 1286 v.edit=false 1287 } 1288 }) */ 1289 }, 1290 cancel:function(item){ 1291 item.edit=false 1292 }, 1293 1294 }, 1295 computed:{ 1296 allChecked:{ 1297 get:function(){ 1298 var data=this.editData[0]; 1299 return (data.monday==1 || data.monday==true) && (data.tuesday==1 || data.tuesday==true ) && (data.wednesday==1 || data.wednesday==true) && (data.thursday==1 || data.thursday==true ) && (data.friday==1 || data.friday==true)&& (data.saturday==1 || data.saturday==true) && (data.sunday==1 || data.sunday==true); 1300 }, 1301 set:function(value){ 1302 var data=this.editData[0]; 1303 value ? (data.monday=true,data.tuesday=true,data.wednesday=true,data.thursday=true,data.friday=true,data.saturday=true,data.sunday=true) : (data.monday=false,data.tuesday=false,data.wednesday=false,data.thursday=false,data.friday=false,data.saturday=false,data.sunday=false) 1304 } 1305 } 1306 }, 1307 filters:{ 1308 addZero:function(value){ 1309 var v=""+value; 1310 if(v.length<2){ 1311 v="0"+v 1312 } 1313 return v 1314 } 1315 1316 } 1317 1318 }); 1319 refresh(); 1320 function refresh(){ 1321 //查询已配置过的开诊时间 1322 $.ajax({ 1323 url : webname+'/openDiagnosis/queryOpenDiagnosis', 1324 type : 'post', 1325 data : JSON.stringify({ 1326 "pdoctorid" : pdoctorid 1327 }), 1328 contentType : 'application/json;charset=UTF-8', 1329 context : document.body, 1330 success : function(result) { 1331 //console.log(result) 1332 if(result.code==0){ 1333 result.data.open.forEach(function(v,i){ 1334 v.edit=false; 1335 v.clickable=true; 1336 }) 1337 result.data.close.forEach(function(v,i){ 1338 v.edit=false; 1339 v.clickable=true; 1340 }) 1341 1342 vue.openData=result.data.open; 1343 1344 vue.closeData=result.data.close; 1345 1346 }else{ 1347 1348 } 1349 1350 } 1351 }); 1352 } 1353 1354 $(".open-week").change(function(){ 1355 var num=0 1356 $.each($(".open-week"),function(i,v){ 1357 if($(v).is(":checked")){ 1358 num++ 1359 } 1360 }) 1361 if(num==7){ 1362 $("#allCheckedOpen").prop('checked',"checked"); 1363 }else{ 1364 $("#allCheckedOpen").prop('checked',false); 1365 } 1366 }) 1367 1368 $(".close-week").change(function(){ 1369 var num=0 1370 $.each($(".close-week"),function(i,v){ 1371 if($(v).is(":checked")){ 1372 num++ 1373 } 1374 }) 1375 if(num==7){ 1376 $("#allCheckedClose").prop('checked',"checked"); 1377 }else{ 1378 $("#allCheckedClose").prop('checked',false); 1379 } 1380 }) 1381 1382 1383 1384 $("#allCheckedClose").change(function(){ 1385 1386 if($(this).is(":checked")){ 1387 $("#addMondayClose").prop('checked',"checked"); 1388 $("#addTuesdayClose").prop('checked',"checked"); 1389 $("#addWednesdayClose").prop('checked',"checked"); 1390 $("#addThursdayClose").prop('checked',"checked"); 1391 $("#addFridayClose").prop('checked',"checked"); 1392 $("#addSaturdayClose").prop('checked',"checked"); 1393 $("#addSundayClose").prop('checked',"checked"); 1394 }else{ 1395 $("#addMondayClose").prop('checked',false); 1396 $("#addTuesdayClose").prop('checked',false); 1397 $("#addWednesdayClose").prop('checked',false); 1398 $("#addThursdayClose").prop('checked',false); 1399 $("#addFridayClose").prop('checked',false); 1400 $("#addSaturdayClose").prop('checked',false); 1401 $("#addSundayClose").prop('checked',false); 1402 } 1403 }) 1404 1405 $("#allCheckedOpen").change(function(){ 1406 1407 if($(this).is(":checked")){ 1408 $("#addMondayOpen").prop('checked',"checked"); 1409 $("#addTuesdayOpen").prop('checked',"checked"); 1410 $("#addWednesdayOpen").prop('checked',"checked"); 1411 $("#addThursdayOpen").prop('checked',"checked"); 1412 $("#addFridayOpen").prop('checked',"checked"); 1413 $("#addSaturdayOpen").prop('checked',"checked"); 1414 $("#addSundayOpen").prop('checked',"checked"); 1415 }else{ 1416 $("#addMondayOpen").prop('checked',false); 1417 $("#addTuesdayOpen").prop('checked',false); 1418 $("#addWednesdayOpen").prop('checked',false); 1419 $("#addThursdayOpen").prop('checked',false); 1420 $("#addFridayOpen").prop('checked',false); 1421 $("#addSaturdayOpen").prop('checked',false); 1422 $("#addSundayOpen").prop('checked',false); 1423 } 1424 }) 1425 1426 $(".addOpen").on("click",addOpen) 1427 $(".addClose").on("click",addClose) 1428 function addClose(){ 1429 $(".addClose").off("click",addClose); 1430 var startdate=$("#addStartdateClose").val(); 1431 var enddate=$("#addEnddateClose").val(); 1432 var monday=$("#addMondayClose").is(':checked')==true?1:0; 1433 var tuesday=$("#addTuesdayClose").is(':checked')==true?1:0; 1434 var wednesday=$("#addWednesdayClose").is(':checked')==true?1:0; 1435 var thursday=$("#addThursdayClose").is(':checked')==true?1:0; 1436 var friday=$("#addFridayClose").is(':checked')==true?1:0; 1437 var saturday=$("#addSaturdayClose").is(':checked')==true?1:0; 1438 var sunday=$("#addSundayClose").is(':checked')==true?1:0; 1439 //var starttime=$("#addStarttimeClose").val(); 1440 //var endtime=$("#addEndtimeClose").val(); 1441 var startTime=addStartTimeClose.val() 1442 var endTime=addEndTimeClose.val() 1443 1444 if(startdate ==undefined || startdate==null || startdate==""){ 1445 alert("请选择开始日期",'err'); 1446 $(".addClose").on("click",addClose); 1447 return ; 1448 } 1449 if(enddate ==undefined || enddate==null || enddate==""){ 1450 alert("请选择结束日期",'err'); 1451 $(".addClose").on("click",addClose); 1452 return ; 1453 } 1454 if(new Date(startdate).getTime()>new Date(enddate).getTime()){ 1455 alert("开始日期不能大于结束日期",'err'); 1456 $(".addClose").on("click",addClose); 1457 return ; 1458 } 1459 if(!($("#addMondayClose").is(':checked') 1460 || $("#addTuesdayClose").is(':checked') 1461 || $("#addWednesdayClose").is(':checked') 1462 || $("#addThursdayClose").is(':checked') 1463 || $("#addFridayClose").is(':checked') 1464 || $("#addSaturdayClose").is(':checked') 1465 || $("#addSundayClose").is(':checked'))){ 1466 alert("请选择至少一个周选项",'err'); 1467 $(".addClose").on("click",addClose); 1468 return ; 1469 } 1470 1471 var dayStr="1970/01/01"; 1472 var startStr=dayStr+" "+startTime+":00"; 1473 var endStr=dayStr+" "+endTime+":00"; 1474 1475 if(new Date(startStr)>=new Date(endStr)){ 1476 alert("开始时间不能大于结束时间",'err'); 1477 $(".addClose").on("click",addClose); 1478 return 1479 } 1480 1481 if(startdate ==formatDate('YYYY-MM-DD')){ 1482 var zhou=new Date(startdate.replace(/\-/g,'/')).getDay(); 1483 var dang=false 1484 switch(parseInt(zhou)){ 1485 case 1: 1486 dang=($("#addMondayClose").is(':checked')) 1487 break; 1488 case 2: 1489 dang=($("#addTuesdayClose").is(':checked')); 1490 break; 1491 case 3: 1492 dang=($("#addWednesdayClose").is(':checked')); 1493 break; 1494 case 4: 1495 dang=($("#addThursdayClose").is(':checked')); 1496 break; 1497 case 5: 1498 dang=($("#addFridayClose").is(':checked')); 1499 break; 1500 case 6: 1501 dang=($("#addSaturdayClose").is(':checked')); 1502 break; 1503 case 7: 1504 dang=($("#addSundayClose").is(':checked')); 1505 break; 1506 default: 1507 break; 1508 } 1509 if(dang){ 1510 if(new Date(startdate.replace(/\-/g,'/')+" "+startTime)<new Date(formatDate('YYYY-MM-DD hh:mm'))){ 1511 alert("今天的预约小于当前时间",'err'); 1512 $(".addClose").on("click",addClose); 1513 return ; 1514 } 1515 } 1516 1517 } 1518 1519 1520 var starttime=startTime+":00" 1521 var endtime=endTime+":00" 1522 1523 $.ajax({ 1524 url : webname+'/closeDiagnosis/addCloseDiagnosis', 1525 type : 'post', 1526 data : JSON.stringify({ 1527 "startdate" : startdate, 1528 "enddate" : enddate, 1529 "monday" : monday, 1530 "tuesday" : tuesday, 1531 "wednesday" : wednesday, 1532 "thursday":thursday, 1533 "friday" : friday, 1534 "saturday" : saturday, 1535 "sunday" : sunday, 1536 "starttime" : starttime, 1537 "endtime" : endtime, 1538 "pdoctorid" : pdoctorid 1539 }), 1540 contentType : 'application/json;charset=UTF-8', 1541 context : document.body, 1542 success : function(result) { 1543 //console.log(result) 1544 if(result.code==0){ 1545 1546 alert("添加停诊成功",'suc') 1547 $("#myModal1").modal('hide'); 1548 setTimeout(function(){ 1549 $(".addClose").on("click",addClose) 1550 },2000) 1551 refresh(); 1552 }else{ 1553 alert(result.msg,'err'); 1554 $(".addClose").on("click",addClose); 1555 } 1556 }, 1557 error:function(){ 1558 $(".addClose").on("click",addClose); 1559 } 1560 1561 }); 1562 1563 } 1564 $('#myModal1').on('hidden.bs.modal', function (e) { 1565 $("#addStartdateClose").val(""); 1566 $("#addEnddateClose").val(""); 1567 $("#addMondayClose").prop("checked",false); 1568 $("#addTuesdayClose").prop("checked",false); 1569 $("#addWednesdayClose").prop("checked",false); 1570 $("#addThursdayClose").prop("checked",false); 1571 $("#addFridayClose").prop("checked",false); 1572 $("#addSaturdayClose").prop("checked",false); 1573 $("#addSundayClose").prop("checked",false); 1574 addStartTimeClose.val("08:00"); 1575 addEndTimeClose.val("08:00"); 1576 $("#allCheckedClose").prop("checked",false); 1577 }) 1578 1579 var flag = 0; 1580 function addOpen(){ 1581 1582 $(".addOpen").off("click",addOpen); 1583 var startdate=$("#addStartdateOpen").val(); 1584 var enddate=$("#addEnddateOpen").val(); 1585 var monday=$("#addMondayOpen").is(':checked')==true?1:0; 1586 var tuesday=$("#addTuesdayOpen").is(':checked')==true?1:0; 1587 var wednesday=$("#addWednesdayOpen").is(':checked')==true?1:0; 1588 var thursday=$("#addThursdayOpen").is(':checked')==true?1:0; 1589 var friday=$("#addFridayOpen").is(':checked')==true?1:0; 1590 var saturday=$("#addSaturdayOpen").is(':checked')==true?1:0; 1591 var sunday=$("#addSundayOpen").is(':checked')==true?1:0; 1592 //var starttime=$("#addStarttimeOpen").val(); 1593 //var endtime=$("#addEndtimeOpen").val(); 1594 var startTime=addStartTimeOpen.val() 1595 var endTime=addEndTimeOpen.val() 1596 1597 1598 if(startdate ==undefined || startdate==null || startdate==""){ 1599 alert("请选择开始日期",'err'); 1600 $(".addOpen").on("click",addOpen); 1601 1602 return ; 1603 } 1604 1605 if(enddate ==undefined || enddate==null || enddate==""){ 1606 alert("请选择结束日期",'err'); 1607 $(".addOpen").on("click",addOpen); 1608 return ; 1609 } 1610 if(new Date(startdate.replace(/\-/g,'/')).getTime()>new Date(enddate.replace(/\-/g,'/')).getTime()){ 1611 1612 alert("开始日期不能大于结束日期",'err'); 1613 $(".addOpen").on("click",addOpen); 1614 return ; 1615 } 1616 1617 if(!($("#addMondayOpen").is(':checked') 1618 || $("#addTuesdayOpen").is(':checked') 1619 || $("#addWednesdayOpen").is(':checked') 1620 || $("#addThursdayOpen").is(':checked') 1621 || $("#addFridayOpen").is(':checked') 1622 || $("#addSaturdayOpen").is(':checked') 1623 || $("#addSundayOpen").is(':checked'))){ 1624 alert("请选择至少一个周选项",'err') 1625 $(".addOpen").on("click",addOpen); 1626 return ; 1627 } 1628 var dayStr="1970/01/01"; 1629 var startStr=dayStr+" "+startTime+":00" 1630 var endStr=dayStr+" "+endTime+":00" 1631 1632 if(new Date(startStr)>=new Date(endStr)){ 1633 1634 alert("开始时间不能大于结束时间",'err'); 1635 $(".addOpen").on("click",addOpen); 1636 return 1637 } 1638 1639 if(startdate ==formatDate('YYYY-MM-DD')){ 1640 var zhou=new Date(startdate.replace(/\-/g,'/')).getDay(); 1641 var dang=false 1642 switch(parseInt(zhou)){ 1643 case 1: 1644 dang=($("#addMondayOpen").is(':checked')) 1645 break; 1646 case 2: 1647 dang=($("#addTuesdayOpen").is(':checked')); 1648 break; 1649 case 3: 1650 dang=($("#addWednesdayOpen").is(':checked')); 1651 break; 1652 case 4: 1653 dang=($("#addThursdayOpen").is(':checked')); 1654 break; 1655 case 5: 1656 dang=($("#addFridayOpen").is(':checked')); 1657 break; 1658 case 6: 1659 dang=($("#addSaturdayOpen").is(':checked')); 1660 break; 1661 case 7: 1662 dang=($("#addSundayOpen").is(':checked')); 1663 break; 1664 default: 1665 break; 1666 1667 } 1668 if(dang){ 1669 if(new Date(startdate.replace(/\-/g,'/')+" "+startTime)<new Date(formatDate('YYYY-MM-DD hh:mm'))){ 1670 alert("今天的预约小于当前时间",'err'); 1671 $(".addOpen").on("click",addOpen); 1672 return ; 1673 } 1674 } 1675 1676 } 1677 1678 1679 1680 1681 var starttime=startTime+":00" 1682 var endtime=endTime+":00" 1683 1684 1685 1686 $.ajax({ 1687 url : webname+'/openDiagnosis/addOpenDiagnosis', 1688 type : 'post', 1689 data : JSON.stringify({ 1690 "startdate" : startdate, 1691 "enddate" : enddate, 1692 "monday" : monday, 1693 "tuesday" : tuesday, 1694 "wednesday" : wednesday, 1695 "thursday":thursday, 1696 "friday" : friday, 1697 "saturday" : saturday, 1698 "sunday" : sunday, 1699 "starttime" : starttime, 1700 "endtime" : endtime, 1701 /* "startMinute" : startMinute, 1702 "endMinute" : endMinute, */ 1703 "pdoctorid" : pdoctorid 1704 }), 1705 contentType : 'application/json;charset=UTF-8', 1706 context : document.body, 1707 1708 success : function(result) { 1709 1710 if(result.code==0){ 1711 alert("添加开诊成功",'suc'); 1712 1713 refresh(); 1714 $("#myModal").modal('hide'); 1715 //$(".addOpen").on("click",addOpen) 1716 //$(".addClose").on("click",addClose) 1717 setTimeout(function(){ 1718 1719 $(".addOpen").on("click",addOpen); 1720 flag=0; 1721 1722 },2000) 1723 }else{ 1724 alert(result.msg,'err'); 1725 $(".addOpen").on("click",addOpen) 1726 flag=0; 1727 } 1728 }, 1729 error:function(){ 1730 loadover() 1731 $(".addOpen").on("click",addOpen) 1732 flag=0; 1733 } 1734 }); 1735 1736 } 1737 $('#myModal').on('hidden.bs.modal', function (e) { 1738 $("#addStartdateOpen").val(""); 1739 $("#addEnddateOpen").val(""); 1740 $("#addMondayOpen").prop("checked",false); 1741 $("#addTuesdayOpen").prop("checked",false); 1742 $("#addWednesdayOpen").prop("checked",false); 1743 $("#addThursdayOpen").prop("checked",false); 1744 $("#addFridayOpen").prop("checked",false); 1745 $("#addSaturdayOpen").prop("checked",false); 1746 $("#addSundayOpen").prop("checked",false); 1747 addStartTimeOpen.val("08:00"); 1748 addEndTimeOpen.val("08:00"); 1749 $("#allCheckedOpen").prop("checked",false); 1750 1751 }) 1752 1753 //点击编辑，编辑 框出现 1754 function showEdeit(_this) { 1755 var a = $(_this).parent().parent().parent().next(); 1756 $(_this).parent().parent().parent().siblings().css("display", "block"); 1757 } 1758 1759 //点击保存按钮方法 1760 function updatdata(_this) { 1761 //获取输入框的值 1762 //ajax 1763 1764 //编辑框隐藏 1765 //点击编辑，编辑 框出现 1766 $(_this).parent().parent().parent().css("display", "none"); 1767 1768 } 1769 $(function() { 1770 //title样式 1771 $('[data-toggle="tooltip"]').tooltip(); 1772 //localStorage获取用户权限 1773 var roleCode = localStorage.getItem("roleCode"); 1774 1775 }); 1776 1777 //blur 非空 边框变 1778 //input框变蓝 1779 $('#modalUser').blur(function() { 1780 if($(this).val() != "") { 1781 $(this).removeClass("form-control-required").addClass("form-control-norequired"); 1782 } else { 1783 $(this).removeClass("form-control-norequired").addClass("form-control-required"); 1784 } 1785 }); 1786 $('#modalContact').blur(function() { 1787 if($(this).val() != "") { 1788 $(this).removeClass("form-control-required").addClass("form-control-norequired"); 1789 } else { 1790 $(this).removeClass("form-control-norequired").addClass("form-control-required"); 1791 } 1792 }); 1793 //判断按钮显示 1794 var role=localStorage.getItem("role"); 1795 if(role!=1){ 1796 vue.ableEdit=false; 1797 $(".add-btn").remove(); 1798 } 1799 1800 1801 1802 /* 时间 格式化*/ 1803 function formatDate(format,time){ 1804 var t = !(time==undefined || isNaN(parseInt(time))) ? new Date(parseInt(time)) : new Date(); 1805 var tf = function(i) { 1806 return(i < 10 ? '0' : '') + i 1807 }; 1808 return format.replace(/YYYY|MM|DD|hh|mm|ss/g, function(a) { 1809 switch(a) { 1810 case 'YYYY': 1811 return tf(t.getFullYear()); 1812 break; 1813 case 'MM': 1814 return tf(t.getMonth() + 1); 1815 break; 1816 case 'mm': 1817 return tf(t.getMinutes()); 1818 break; 1819 case 'DD': 1820 return tf(t.getDate()); 1821 break; 1822 case 'hh': 1823 return tf(t.getHours()); 1824 break; 1825 case 'ss': 1826 return tf(t.getSeconds()); 1827 break; 1828 } 1829 }) 1830 } 1831 1832 1833 </script> 1834 1835 </body> 1836 1837 </html>