lock_look.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308
  1. <!-- include 'header' -->
  2. <link rel="stylesheet" href="<?= WEB_SITE_GLOBAL ?>/js/jquery-ui.css" />
  3. <script src="<?= WEB_SITE_GLOBAL ?>/js/jquery-ui.js"></script>
  4. <script src="<?= WEB_SITE_GLOBAL ?>/js/jquery.ui.core.js"></script>
  5. <script src="<?= WEB_SITE_GLOBAL ?>/js/jquery.ui.widget.js"></script>
  6. <script src="<?= WEB_SITE_GLOBAL ?>/js/jquery.ui.position.js"></script>
  7. <script src="<?= WEB_SITE_GLOBAL ?>/js/jquery.ui.autocomplete.js"></script>
  8. <script src="<?= autoTag ?>"></script>
  9. <script type="text/javascript" src="<?= WEB_SITE_GLOBAL ?>/js/bootstrap.min.js"></script>
  10. <script type="text/javascript" src="<?= WEB_SITE_GLOBAL ?>/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
  11. <script type="text/javascript" src="<?= WEB_SITE_GLOBAL ?>/js/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
  12. <link href="<?= WEB_SITE_GLOBAL ?>/css/datepicker.min.css" rel="stylesheet" type="text/css">
  13. <script src="<?= WEB_SITE_GLOBAL ?>/js/datepicker.min.js"></script>
  14. <script src="<?= WEB_SITE_GLOBAL ?>/js/datepicker.zh.js"></script>
  15. <script>
  16. $(function() {
  17. <!-- if isset({{longleDetail.status}})&&{{longleDetail.status}}>=3 -->
  18. $("#longleStatus_5").attr('disabled',false);
  19. $("#longleStatus_6").attr('disabled',false);
  20. $("#longleStatus_8").attr('disabled',false);
  21. <!-- endif -->
  22. <!-- if isset({{longleDetail.status}})&&{{longleDetail.status}}<=2 -->
  23. $("#longleStatus_5").attr('disabled',true);
  24. $("#longleStatus_6").attr('disabled',true);
  25. <!-- endif -->
  26. })
  27. </script>
  28. <body>
  29. <div class="mainLayout">
  30. <div class="mainMenu">
  31. <div class="menuItem">
  32. <a href="/" class="mLogo">CLD</a>
  33. <ul>
  34. <!-- include 'menu' -->
  35. </ul>
  36. </div>
  37. </div>
  38. <div class="warpContent">
  39. <div class="contactTab">
  40. <a class="now" href="#">公共锁库</a>
  41. <a href="/statistics">使用统计</a>
  42. <form class="" action="/searchlongle" method="post">
  43. <div class="searchItem">
  44. <input type="text" name="search" value="{{search}}" placeholder="输入锁号进行搜索">
  45. <input type="submit" value="搜索" class="subBtn">
  46. <input value="新锁" class="subBtn add" type="button" onclick="javascrtpt:window.location.href='/adminlock'">
  47. </div>
  48. </form>
  49. </div>
  50. <div class="lockDatabase fL">
  51. <div class="lockCate">
  52. <form class="" id="LS" action="/keyonline" method="post" style="margin:0">
  53. <!-- <div class="fR"><a href="#" class="button">批量添加锁记录</a></div> -->
  54. <ul class="cateList">
  55. <li class="clearfix filter">
  56. <select name="year" onchange="longleSub()">
  57. {{dateHtml}}
  58. </select>
  59. <select name="cid" onchange="longleSub()">
  60. <!-- loop category -->
  61. <option <!-- if {{cid}}=={{category' value.cid}} --> selected <!-- endif --> value="{{category' value.cid}}">{{category' value.title}}</option>
  62. <!-- endloop -->
  63. </select>
  64. <select name="staff" onchange="longleSub()">
  65. <option value="">负责人</option>
  66. <!-- loop staffList -->
  67. <option <!-- if {{staff}}=={{staffList' value.username}} --> selected <!-- endif --> value="{{staffList' value.username}}">{{staffList' value.username}}</option>
  68. <!-- endloop -->
  69. </select>
  70. <select name="status" onchange="longleSub()">
  71. <option <!-- if {{status}}==0 --> selected <!-- endif --> value="0">不限</option>
  72. <option <!-- if {{status}}==1 --> selected <!-- endif --> value="1">生成</option>
  73. <option <!-- if {{status}}==2 --> selected <!-- endif --> value="2">接收</option>
  74. <option <!-- if {{status}}==3 --> selected <!-- endif --> value="3">借出</option>
  75. <option <!-- if {{status}}==4 --> selected <!-- endif --> value="4">销售</option>
  76. <option <!-- if {{status}}==5 --> selected <!-- endif --> value="5">升级</option>
  77. <option <!-- if {{status}}==6 --> selected <!-- endif --> value="6">更换</option>
  78. <option <!-- if {{status}}==7 --> selected <!-- endif --> value="7">收回</option>
  79. </select>
  80. <select name="product" onchange="longleSub()">
  81. <option <!-- if {{productName}}=="" --> selected <!-- endif --> value="">不限</option>
  82. <!-- loop product -->
  83. <option <!-- if {{productName}}=={{product' value.title}} --> selected <!-- endif --> value="{{product' value.title}}">{{product' value.title}}</option>
  84. <!-- endloop -->
  85. </select>
  86. </li>
  87. </ul>
  88. <ul class="lockTableUl">
  89. <li class="clearfix filter"><span>锁号</span><span style="width:18%">产品</span><span>办事处</span><span>出库</span><span>责任人</span><span>状态</span><span>客户</span></li>
  90. </ul>
  91. </form>
  92. </div>
  93. <div class="lockList autoHeightL1">
  94. <ul class="lockTableUl">
  95. <!-- loop longleArray -->
  96. <li class="clearfix"><span><a href="javascript:void(0)" <!-- if {{longleArray' value.status}}!=1 --> id="getLongleLog_{{longle' value.lid}}" <!-- endif --> data="{{longle' value.lid}}">{{longle' value.key_num}}</a></span><span style="width:18%">{{longle' value.product}}</span><span>{{longle' value.category}}</span><span>{{longle' value.make_day}}</span><span><a href="javascript:void(0)" id="getStaffInfo" data="{{longle' value.responsible}}">{{longle' value.responsible}}</a></span><span>{{longle' value.statusT}}</span><span><a href="javascript:void(0)" id="getClientInfo" data="{{longle' value.clientid}}">{{longle' value.client}}</a></span>
  97. </li>
  98. <!-- endloop -->
  99. </ul>
  100. </div>
  101. </div>
  102. <div class="lockDetil fL">
  103. <div style="display:none;" id="clientInfo"></div>
  104. <div class="contactInfo" style="display:none;" id="staffInfo"></div>
  105. <div id="longleLog" <!-- if empty({{lidKey}}) --> style="display:none;" <!-- endif --> >
  106. <div class="header" style="">
  107. <h1 id="longleTitle">{{longleDetail.key_num}}</h1>
  108. <h2>
  109. <span id="longleResponsible">
  110. <a href="javascript:void(0)" onclick="getStaffInfo('{{longleDetail.responsible}}')" >{{longleDetail.responsible}}</a>
  111. </span>
  112. <span id="longleStatus">
  113. {{longleDetail.statusT}}/{{longleDetail.product}}
  114. <!-- if !empty({{longleDetail.version}}) -->
  115. /({{longleDetail.version}})
  116. <!-- endif -->
  117. <!-- if !empty({{longleDetail.alloted_time}}) -->
  118. 期限:{{longleDetail.alloted_time}}
  119. <!-- endif -->
  120. <!-- if !empty({{longleDetail.licences}}) -->
  121. 节点:{{longleDetail.licences}}
  122. <!-- endif -->
  123. </span>
  124. </h2>
  125. </div>
  126. <div class="lockRecord autoHeightR2" >
  127. <!--添加记录按钮-->
  128. <!--<div class="toolItem clearfix">
  129. <a href="#" class="button">添加记录</a>
  130. </div> -->
  131. <!--添加记录-->
  132. <div class="toolItem clearfix">
  133. <form name="lock" action="/addDoLockLog" method="post">
  134. <input type="hidden" name="klid" id="klid" ></input>
  135. <input type="hidden" name="name" id="name" ></input>
  136. <input type="hidden" name="company" id="company" ></input>
  137. <div class="control-group">
  138. <label class="control-label" for="inputEmail">记录类型</label>
  139. <div class="controls">
  140. <label class="radio inline">
  141. <input type="radio" name="longleStatus" id="longleStatus_3" value="3" checked>借出
  142. </label>
  143. <label class="radio inline">
  144. <input type="radio" name="longleStatus" id="longleStatus_4" value="4">销售
  145. </label>
  146. <label class="radio inline">
  147. <input type="radio" name="longleStatus" id="longleStatus_9" value="9">赠送
  148. </label>
  149. <label class="radio inline">
  150. <input type="radio" name="longleStatus" id="longleStatus_5" disabled="disabled" value="5">升级
  151. </label>
  152. <label class="radio inline">
  153. <input type="radio" name="longleStatus" id="longleStatus_6" disabled="disabled" value="6">更换
  154. </label>
  155. <label class="radio inline"> <!-- disabled="disabled" -->
  156. <input type="radio" name="longleStatus" id="longleStatus_7" value="7">收回
  157. </label>
  158. <label class="radio inline" <!-- if empty({{longleDetail.alloted_time}}) --> style="display:none" <!-- endif --> id="alloted" >
  159. <input type="radio" name="longleStatus" id="longleStatus_10" value="10">延期
  160. </label>
  161. <label class="radio inline">
  162. <input type="radio" name="longleStatus" id="longleStatus_8" value="8">备注
  163. </label>
  164. </div>
  165. </div>
  166. <!--添加记录-借锁-->
  167. <div id="longleStatusShow_3">
  168. <div class="control-group" >
  169. <label class="control-label" for="inputPassword">借出客户</label>
  170. <div class="controls">
  171. <span data-placement="right" data-toggle="ctooltip" data-original-title="只允许填写库中存在的客户,若输入客户不存在,请先添加该客户。">
  172. <input type="text" name="browseClient" id="tags" data-name='' data-company='' value=""></span>
  173. </div>
  174. </div>
  175. <div class="control-group" style="display:none">
  176. <label class="control-label" for="inputPassword">产品</label>
  177. <div class="controls">
  178. <select name="test-browseProduct">
  179. <!-- loop product -->
  180. <option value="{{category' value.title}}">{{category' value.title}}</option>
  181. <!-- endloop -->
  182. </select>
  183. </div>
  184. </div>
  185. </div>
  186. <!--添加记录-销售-->
  187. <div id="longleStatusShow_4" style="display:none;">
  188. <div class="control-group">
  189. <label class="control-label" for="inputPassword">销售客户</label>
  190. <div class="controls">
  191. <span data-placement="right" data-toggle="ctooltip" data-original-title="只允许填写库中存在的客户,若输入客户不存在,请先添加该客户。">
  192. <input type="text" name="sellClient" data-name='' data-company='' id="tags2" value=""></span>
  193. </div>
  194. </div>
  195. <div class="control-group" style="display:none">
  196. <label class="control-label" for="inputPassword">产品</label>
  197. <div class="controls">
  198. <select name="test-sellProduct"><!-- loop product -->
  199. <option value="{{category' value.title}}">{{category' value.title}}</option>
  200. <!-- endloop --></select>
  201. </div>
  202. </div>
  203. </div>
  204. <!--添加记录-赠送-->
  205. <div id="longleStatusShow_9" style="display:none;">
  206. <div class="control-group">
  207. <label class="control-label" for="inputPassword">赠送客户</label>
  208. <div class="controls">
  209. <span data-placement="right" data-toggle="ctooltip" data-original-title="只允许填写库中存在的客户,若输入客户不存在,请先添加该客户。">
  210. <input type="text" name="giftClient" data-name='' data-company='' id="tags4" value=""></span>
  211. </div>
  212. </div>
  213. </div>
  214. <!--添加记录-升级-->
  215. <div id="longleStatusShow_5" style="display:none;">
  216. <div class="control-group">
  217. <label class="control-label" for="inputPassword">新增产品</label>
  218. <div class="controls">
  219. <select name="newProduct" id="newProduct">
  220. <!-- loop product -->
  221. <option value="{{product' value.title}}">{{product' value.title}}</option>
  222. <!-- endloop -->
  223. </select>
  224. </div>
  225. </div>
  226. </div>
  227. <!--添加记录-更换-->
  228. <div id="longleStatusShow_6" style="display:none;">
  229. <div class="control-group">
  230. <label class="control-label" for="inputPassword">新锁号</label>
  231. <div class="controls">
  232. <span data-placement="right" data-toggle="ctooltip" data-original-title="只允许填写库中存在锁号,若输入锁号不存在,请先生成/接收该锁。"><input type="text" name="key_num" id="tags3" value=""></span>
  233. </div>
  234. </div>
  235. </div>
  236. <!--添加记录-延期-->
  237. <div class="control-group" id="longleStatusShow_10" style="display:none;">
  238. <label class="control-label" for="inputPassword">延期时间</label>
  239. <div class="controls">
  240. <input class="datepicker-here span3" name="alloted_time" id="alloted_time" placeholder="按时间筛选" type="text" data-language="zh">
  241. </div>
  242. </div>
  243. <!--添加记录-备注-->
  244. <div id="longleStatusShow_8" style="display:none;">
  245. <div class="control-group">
  246. <label class="control-label" for="inputPassword">备注</label>
  247. <div class="controls">
  248. <textarea id="marks" style="width:95%" rows="5" name="mark" ></textarea>
  249. </div>
  250. </div>
  251. </div>
  252. <!--添加记录按钮-->
  253. <div class="control-group clearfix">
  254. <span id='LKMSG'></span>
  255. <input type="button" id="QTP" onclick="RLongMsg()" class="button" value="确定添加" />
  256. <!-- <a href="#" class="button"></a>
  257. <a href="#" class="button btn-gray">取消</a> -->
  258. </div>
  259. </form>
  260. </div>
  261. <!--记录列表-->
  262. <div id="LongleLogHtml">
  263. {{longleLogHtml}}
  264. </div>
  265. </div>
  266. </div>
  267. </div>
  268. </div>
  269. </div>
  270. <!-- if {{reLongle}}!=0 -->
  271. <div class="globalNotice">
  272. <div class="entry clearfix">
  273. <div class="fR">
  274. <a class="button" href="/receive">前往</a>
  275. </div>
  276. <div class="item">
  277. <p>{{reLongle}}个锁需要接收</p>
  278. </div>
  279. </div>
  280. </div>
  281. <!-- endif -->
  282. <script type="text/javascript">autoFlashHeight();</script>
  283. </body>