郑州第一人民医院UI

WorkforceManagement.html 3.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <script src="../Script/Common/huayi.load.js"></script>
  6. <script src="../Script/Common/huayi.config.js"></script>
  7. <script src="../js/jquery-ui.min.js"></script>
  8. <script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
  9. <link rel="stylesheet" href="../css/init.css" />
  10. <link rel="stylesheet" href="../css/Table/table1.css" />
  11. <link href="../js/fullcalendar/fullcalendar.css" rel="stylesheet" />
  12. <link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
  13. <script src="../js/fullcalendar/fullcalendar.min.js"></script>
  14. <script src="js/hao.js"></script>
  15. <script src="js/fullcalendar.js"></script>
  16. <title>排班管理</title>
  17. <style>
  18. .fc-event-title {
  19. color: white;
  20. }
  21. .fc-state-active,.fc-state-disabled{
  22. background-color: #22b3aa;
  23. color: #fff;
  24. box-shadow: none;
  25. }
  26. .group {
  27. margin-bottom: 5px;
  28. }
  29. .seatuser {
  30. color: black;
  31. padding: 5px 10px;
  32. border-radius: 2px;
  33. cursor: pointer;
  34. margin-bottom: 5px;
  35. background-color: #f3f3f4;
  36. }
  37. /*.active {
  38. background-color: #1ab394;
  39. color: #fff;
  40. }*/
  41. .lable {
  42. /*display: none;*/
  43. background-color: #d1dade;
  44. color: #5e5e5e;
  45. font-size: 10px;
  46. padding: 3px 8px;
  47. text-shadow: none;
  48. font-size: 75%;
  49. font-weight: 700;
  50. line-height: 1;
  51. text-align: center;
  52. white-space: nowrap;
  53. vertical-align: baseline;
  54. border-radius: .25em;
  55. margin: 3px;
  56. float: left;
  57. cursor: pointer;
  58. }
  59. .active~.lable {
  60. display: inline;
  61. }
  62. .fc-ltr .fc-event-hori.fc-event-end,
  63. .fc-rtl .fc-event-hori.fc-event-start {
  64. display: none;
  65. }
  66. /*修改字体大小 20180525 by fanlongfei*/
  67. #calendar{
  68. /*width: 70%;*/
  69. width: 95%;
  70. margin: 0 auto;
  71. }
  72. .fc-first .fc-day-header {
  73. font-size: 16px;
  74. }
  75. .fc-grid .fc-day-number{
  76. font-size: 16px;
  77. }
  78. .fc-grid .fc-day-number{
  79. line-height: 20px;
  80. }
  81. .fc-day-cnTerm, .fc-day-cnDate{
  82. font-size: 14px;
  83. }
  84. .feed-element{
  85. border-bottom: 1px solid #ccc;
  86. padding-top: 10px;
  87. padding-bottom: 10px;
  88. padding-left: 5px;
  89. margin-top:0!important;
  90. }
  91. .tooltip-demo button{
  92. margin-right: 10px;
  93. }
  94. .feed-element.active{
  95. background: #ddd;
  96. }
  97. .redFont.offday{
  98. font-weight: bold;
  99. /*background: #5cb85c;*/
  100. color: #fff;
  101. padding: 4px;
  102. font-size: 15px;
  103. border-radius: 5px;
  104. }
  105. .fc-state-highlight{
  106. background: #7dddd1!important;
  107. }
  108. .img-headPic{
  109. width: 45px;
  110. height: 50px;
  111. }
  112. </style>
  113. </head>
  114. <body class="gray-bg">
  115. <div class="daoHang clearfix">
  116. <div class="dhLeft">
  117. <sapn><i class="syIcon"></i>位置:
  118. <a id="ReIndex" href="javaScript:;" class="indexreturn">首页</a>&gt;
  119. <a href="javaScript:;">话务管理</a>&gt;
  120. <a href="javascript:location.reload()" class="now_position">排班管理</a>
  121. </sapn>
  122. </div>
  123. </div>
  124. <div class="container-fluid wrapper-content animated fadeInRight">
  125. <div class="th-box">
  126. <div class="form-inline th-bar clearfix">
  127. <div class="form-group">
  128. <select class="form-control selectpicker" id="sc_pro" data-live-search="true">
  129. <option value="">请选择项目</option>
  130. </select>
  131. </div>
  132. <div class="form-group tool_bars pull-right">
  133. <input type="button" class="btn_gray" id="sc_btns" value="搜索" />
  134. </div>
  135. </div>
  136. </div>
  137. <div class="col-sm-5">
  138. <div class="trTitle">日期表</div>
  139. <div id="calendar"></div>
  140. </div>
  141. <div class="col-sm-7">
  142. <div class="trTitle">人员列表</div>
  143. <div class="peopleList" style="height:691px;overflow-y: scroll;">
  144. </div>
  145. </div>
  146. </div>
  147. <script src="js/WorkforceManagement.js"></script>
  148. </body>
  149. </html>