useOut.php 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <title>出库单</title>
  7. <meta name="description" content="">
  8. <meta name="keywords" content="">
  9. <link href="/css/base.css" rel="stylesheet">
  10. <link href="/css/ims/ims.css" rel="stylesheet">
  11. <link rel="stylesheet" type="text/css" href="/css/ims/bootstrap.min.css"/>
  12. <link rel="stylesheet" type="text/css" href="/css/ims/jquery.datetimepicker.css"/>
  13. <link rel="stylesheet" type="text/css" href="/css/ims/ace.min.css"/>
  14. <style>
  15. .green {
  16. color: green;
  17. }
  18. .red {
  19. color: red;
  20. }
  21. .ims-box {
  22. margin: 20px;
  23. }
  24. .screen > div {
  25. float: left;
  26. margin-right: 8px;
  27. }
  28. .screen > span {
  29. line-height: 30px;
  30. margin-right: 5px;
  31. }
  32. .screen .date > input {
  33. height: 30px;
  34. border-radius: 4px;
  35. border: 1px solid #ccc;
  36. box-shadow: none;
  37. text-indent: 10px;
  38. }
  39. .screen button {
  40. padding: 4px 12px;
  41. }
  42. .table-box {
  43. margin-top: 30px;
  44. }
  45. .btn-formal-order {
  46. cursor: pointer;
  47. }
  48. .application-number-box {
  49. margin-top: 50px;
  50. text-align: center;
  51. }
  52. .application-number-box span {
  53. margin-right: 20px;
  54. }
  55. .layui-layer-btn .layui-layer-btn0 {
  56. border-color: #2977ff !important;
  57. background-color: #2977ff !important;
  58. color: #fff;
  59. }
  60. .stop-layer-box, .resubmit-layer-box, .delete-layer-box {
  61. line-height: 140px;
  62. text-align: center;
  63. }
  64. .qrcode-fram{display:none;}
  65. #imsCode img{display:inline-block!important;margin:10px 0;}
  66. #qrcode{display:inline-block;}
  67. .hidden{display: none;}
  68. .use-out{margin:20px; border-bottom:1px solid #ccc;}
  69. .use-out a{line-height:30px;padding:0 50px;margin-right:20px;font-size:16px;color:#333;}
  70. .use-out a.active{color:#2977ff;border-bottom:3px solid #2977ff}
  71. .table-box table th,.table-box td{text-align:center;}
  72. .page-div{text-align:right;}
  73. .page-div a{display:inline-block;width:20px;height:20px;text-align:center;line-height:20px;background:#999;color:#fff;cursor:pointer;}
  74. .page-div a:hover{background:#666;}
  75. .page-div span{margin:0 10px;}
  76. .layui-layer-page .layui-layer-content{overflow-x:hidden;}
  77. .out-count-div{display:inline-block;}
  78. .out-count-div a{display:inline-block;width:20px;height:20px;text-align:center;line-height:20px; background:#999;color:#fff;cursor:pointer}
  79. .out-count-div a:hover{background:#666;}
  80. .out-count-div span{margin-left:10px;}
  81. /*明细订单*/
  82. .list {
  83. padding: 0 40px;
  84. /*margin-top: 40px;*/
  85. overflow: hidden;
  86. }
  87. .list h2 {
  88. line-height: 30px;
  89. font-size: 14px;
  90. }
  91. .list .student-list_box {
  92. width: 300px;
  93. }
  94. .list .student-list_box > ul {
  95. height: 260px;
  96. overflow: auto;
  97. padding: 20px;
  98. background-color: #eef3ff;
  99. }
  100. .list .student-list_box li {
  101. line-height: 30px;
  102. cursor: pointer;
  103. }
  104. .list .student-selected_box {
  105. margin-left: 60px;
  106. }
  107. .list .student-list {
  108. /*display: none;*/
  109. margin-left: 20px;
  110. }
  111. .list .student-list li.active .btn-select_all {
  112. display: inline-block;
  113. }
  114. .list .student-list span {
  115. cursor: pointer;
  116. }
  117. .list .btn-select_all {
  118. margin-left: 84px;
  119. color: #2977ff;
  120. }
  121. .student-name_box li {
  122. position: relative;
  123. margin-left: 28px;
  124. line-height: 30px;
  125. }
  126. .student-name_box input {
  127. position: absolute;
  128. left: 155px;
  129. top: 8px;
  130. }
  131. .btn-select_all,
  132. .student-name_box {
  133. /*display: none;*/
  134. }
  135. .student-selected {
  136. width: 320px;
  137. height: 220px;
  138. overflow: auto;
  139. }
  140. .student-selected li {
  141. float: left;
  142. margin-right: 24px;
  143. margin-bottom: 12px;
  144. height: 26px;
  145. line-height: 26px;
  146. text-indent: 20px;
  147. background-color: #f2f2f2;
  148. }
  149. .student-selected .btn-delete {
  150. float: right;
  151. margin-right: 20px;
  152. color: red;
  153. cursor: pointer;
  154. }
  155. .sign-td a{cursor: pointer}
  156. .urge-layer-box {
  157. margin-top: 30px;
  158. margin-left: 30px;
  159. }
  160. .urge-layer-box textarea {
  161. margin-left: 15px;
  162. vertical-align: top;
  163. }
  164. .alert-msg {
  165. text-align: center;
  166. vertical-align: top;
  167. }
  168. </style>
  169. </head>
  170. <body>
  171. <div class="use-out clearfix">
  172. <a class="<?php echo ($useOutType == 'use')?'active':'';?> fl" href="javascript:;" type="use">领用</a>
  173. <a href="javascript:;" class="<?php echo ($useOutType == 'out')?'active':'';?> fl" type="out">退库</a>
  174. <a href="javascript:;" class="<?php echo ($useOutType == 'cancle')?'active':'';?> fl" type="cancle">取消发放</a>
  175. </div>
  176. <?php if($useOutType == 'out'){?>
  177. <?php include_once '_outList.php'?>
  178. <?php }elseif($useOutType == 'use'){?>
  179. <?php include_once '_useList.php'?>
  180. <?php }else{?>
  181. <?php include_once '_cancleList.php'?>
  182. <?php } ?>
  183. <?php include_once '_useOutJs.php'?>
  184. </body>
  185. </html>