DeviceBind-.html 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467
  1. <!DOCTYPE html>
  2. <html class="x-admin-sm">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="renderer" content="webkit">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <meta name="viewport"
  8. content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
  9. <link rel="shortcut icon" href="https://osscold.baozhida.cn/favicon.ico">
  10. <link rel="bookmark" href="https://osscold.baozhida.cn/favicon.ico">
  11. <link rel="stylesheet" href="https://osscold.baozhida.cn/css/font.css">
  12. <link rel="stylesheet" href="https://osscold.baozhida.cn/css/xadmin.css">
  13. <link rel="stylesheet" href="https://osscold.baozhida.cn/layui/css/layui.css">
  14. <script type="text/javascript" src="https://osscold.baozhida.cn/layui/layui.js" charset="utf-8"></script>
  15. <script type="text/javascript" src="https://osscold.baozhida.cn/js/xadmin.js"></script>
  16. <script src="https://osscold.baozhida.cn/js/jquery.min.js"></script>
  17. <script src="https://osscold.baozhida.cn/js/jquery.cookie.min.js"></script>
  18. <!-- 让IE8/9支持媒体查询,从而兼容栅格 -->
  19. <!--[if lt IE 9]>
  20. <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  21. <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
  22. <![endif]--></head>
  23. <body>
  24. <div class="layui-fluid">
  25. <!-- <div class="layui-inline" style="margin-top: 20px">-->
  26. <!-- &lt;!&ndash; <label class="layui-form-label" style="width: 28px;">用户</label>&ndash;&gt;-->
  27. <!-- <div class="layui-input-inline" style="margin-left: 20px">-->
  28. <!-- <input class="layui-input layui-disabled" type="text" value="发发发" autocomplete="off" class="layui-input">-->
  29. <!-- </div>-->
  30. <!-- <div class="layui-input-inline" style="width: 80px">-->
  31. <!-- <input class="layui-input layui-disabled" type="text" value="施工人员" autocomplete="off" class="layui-input">-->
  32. <!-- </div>-->
  33. <!-- </div>-->
  34. <div class="layui-row">
  35. <div class="layui-col-xs6" style="overflow: hidden;">
  36. <div class="layui-row" style="margin: 0px 10px">
  37. <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
  38. <legend>已设备绑定</legend>
  39. </fieldset>
  40. <div class="layui-col">
  41. <div class="layui-input-inline layui-show-xs-block">
  42. <input value="" type="text" id="B_Name" name="B_Name" placeholder="请输入 主机名称" autocomplete="off"
  43. class="layui-input"></div>
  44. <div class="layui-input-inline layui-show-xs-block">
  45. <input value="" type="text" id="B_T_sn" name="B_T_sn" placeholder="请输入 主机SN" autocomplete="off"
  46. class="layui-input"></div>
  47. <div class="layui-input-inline layui-show-xs-block">
  48. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="sreach"
  49. onclick="get_Device_bind_list(0)">
  50. <i class="layui-icon">&#xe615;</i></button>
  51. </div>
  52. <div w id="Device_bind_list" style="width: 98%; overflow: hidden;margin-top: 10px">
  53. <!-- <div class="layui-col"style="height: 52px;background-color: #fafafa;border-radius:5px;padding-top: 2px;">-->
  54. <!-- <img style="float: left;width: 50px;margin: 0px 10px" src="https://osscold.baozhida.cn/images/设备管理-1.png" height="50"-->
  55. <!-- width="40"/>-->
  56. <!-- <div style="float: left;">-->
  57. <!-- <div style="margin-top: 4px;font-size: 15px">SN:KF20210510143443</div>-->
  58. <!-- <div style="margin-top: 1px;font-size: 15px">主机名称:士大夫撒地方递四方速递</div>-->
  59. <!-- </div>-->
  60. <!-- <div class="layui-card-header" style="float: right;">-->
  61. <!-- <button class="layui-btn layui-btn-normal" style="float: right;margin-top: 11px"-->
  62. <!-- onclick="">-->
  63. <!-- <i class="iconfont" style="margin-right: 4px">&#xe6f7;</i> 绑定-->
  64. <!-- </button>-->
  65. <!-- </div>-->
  66. <!-- </div>-->
  67. </div>
  68. <div style="height: 70px">
  69. <div class="layui-card-body ">
  70. <div class="page">
  71. <div id="Device_bind_list_Pages">
  72. <!-- <a class="prev" href="">&lt;&lt;</a>-->
  73. <!-- <a class="num" href="">1222</a>-->
  74. <!-- <span class="current">111</span>-->
  75. <!-- <a class="num" href="">444</a>-->
  76. <!-- <a class="next" href="">&gt;&gt;</a>-->
  77. </div>
  78. </div>
  79. <div style="color: #1E9FFF;text-align: center" id="Device_bind_list_Pages_x"></div>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84. </div>
  85. <div class="layui-col-xs6" style="overflow: hidden;">
  86. <div class="layui-row" style="margin: 0px 10px">
  87. <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
  88. <legend>设备库</legend>
  89. </fieldset>
  90. <div class="layui-col">
  91. <div class="layui-input-inline layui-show-xs-block">
  92. <input value="" type="text" id="D_Name" name="D_Name" placeholder="请输入 主机名称" autocomplete="off"
  93. class="layui-input"></div>
  94. <div class="layui-input-inline layui-show-xs-block">
  95. <input value="" type="text" id="D_T_sn" name="D_T_sn" placeholder="请输入 主机SN" autocomplete="off"
  96. class="layui-input"></div>
  97. <div class="layui-input-inline layui-show-xs-block">
  98. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="sreach"
  99. onclick="get_Device_list(0)">
  100. <i class="layui-icon">&#xe615;</i></button>
  101. </div>
  102. <div class="layui-input-inline layui-show-xs-block" style="float: right">
  103. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="sreach"
  104. onclick="DeviceBind_Add_All()">
  105. <img src="https://osscold.baozhida.cn/images/同步.png" height="15"
  106. width="15"/> 导入</button>
  107. </div>
  108. <div w id="Device_list" style="width: 98%; overflow: hidden;margin-top: 10px">
  109. <!-- <div class="layui-col"style="height: 52px;background-color: #fafafa;border-radius:5px;padding-top: 2px;">-->
  110. <!-- <img style="float: left;width: 50px;margin: 0px 10px" src="https://osscold.baozhida.cn/images/设备管理-1.png" height="50"-->
  111. <!-- width="40"/>-->
  112. <!-- <div style="float: left;">-->
  113. <!-- <div style="margin-top: 4px;font-size: 15px">SN:KF20210510143443</div>-->
  114. <!-- <div style="margin-top: 1px;font-size: 15px">主机名称:士大夫撒地方递四方速递</div>-->
  115. <!-- </div>-->
  116. <!-- <div class="layui-card-header" style="float: right;">-->
  117. <!-- <button class="layui-btn layui-btn-normal" style="float: right;margin-top: 11px"-->
  118. <!-- onclick="">-->
  119. <!-- <i class="iconfont" style="margin-right: 4px">&#xe6f7;</i> 绑定-->
  120. <!-- </button>-->
  121. <!-- </div>-->
  122. <!-- </div>-->
  123. </div>
  124. <div style="height: 70px">
  125. <div class="layui-card-body ">
  126. <div class="page">
  127. <div id="Device_list_Pages">
  128. <!-- <a class="prev" href="">&lt;&lt;</a>-->
  129. <!-- <a class="num" href="">1222</a>-->
  130. <!-- <span class="current">111</span>-->
  131. <!-- <a class="num" href="">444</a>-->
  132. <!-- <a class="next" href="">&gt;&gt;</a>-->
  133. </div>
  134. </div>
  135. <div style="color: #1E9FFF;text-align: center" id="Device_list_Pages_x"></div>
  136. </div>
  137. </div>
  138. </div>
  139. </div>
  140. </div>
  141. </div>
  142. </div>
  143. <script>
  144. layui.use(['form', 'layer', "layedit"],
  145. function () {
  146. $ = layui.jquery;
  147. var form = layui.form,
  148. layer = layui.layer;
  149. var layedit = layui.layedit
  150. //构建一个默认的编辑器
  151. var index = layedit.build('T_text', {
  152. height: 580 //设置编辑器高度,
  153. });
  154. });
  155. //获取GET
  156. function getPar(par) {
  157. //获取当前URL
  158. var local_url = document.location.href;
  159. //获取要取得的get参数位置
  160. var get = local_url.indexOf(par + "=")
  161. ;
  162. if (get == -1) {
  163. return false;
  164. }
  165. //截取字符串
  166. //截取字符串
  167. var get_par = local_url.slice(par.length + get + 1);
  168. //判断截取后的字符串是否还有其他get参数
  169. var nextPar = get_par.indexOf("&")
  170. ;
  171. if (nextPar != -1) {
  172. get_par = get_par.slice(0, nextPar);
  173. }
  174. return get_par;
  175. }
  176. var Admin_uuid = getPar("Admin_uuid")
  177. var Device_list = []
  178. var Device_bind_list = []
  179. /// 设备库
  180. get_Device_list(0)
  181. function get_Device_list(page) {
  182. $.ajax({
  183. type: 'POST',
  184. url: 'DeviceBind_List',//发送请求
  185. data: {
  186. User_tokey: $.cookie("User_tokey"),
  187. Admin_uuid: "",
  188. // Class_1: $("#D_Name").val(),
  189. T_sn: $("#D_T_sn").val(),
  190. Name: $("#D_Name").val(),
  191. page: page,
  192. },
  193. success: function (result) {
  194. console.log(result)
  195. if (result.Code == 200) {
  196. $('#Device_list').html("")
  197. $('#Device_list_Pages').html("")
  198. $('#Device_list_Pages_x').html("")
  199. Device_list = result.Data.Device_lite
  200. if (Device_list.length == 0){
  201. $('#Device_list').html("<div style=\"color: #1E9FFF;text-align: center;font-size: 15px;margin-top: 150px \">没有数据</div>")
  202. return
  203. }
  204. Add_Device_list(result.Data.Device_lite) // 列表
  205. Add_Device_list_Pages(result.Data.Pages) // 分页
  206. $('#Device_list_Pages_x').append("页数:" + result.Data.Page +"/"+ result.Data.Page_size +" 总数:"+result.Data.Num );
  207. } else {
  208. }
  209. }
  210. });
  211. }
  212. function Add_Device_list(Device_lite) {
  213. for (let i = 0; i < Device_lite.length; i++) {
  214. $('#Device_list').append("" +
  215. "<div class=\"layui-col\"style=\"height: 52px;background-color: #fafafa;border-radius:5px;padding-top: 2px;margin-top: 6px\">\n" +
  216. " <img style=\"float: left;width: 50px;margin: 0px 10px\" src=\"https://osscold.baozhida.cn/images/设备管理-1.png\" height=\"50\"\n" +
  217. " width=\"40\"/>\n" +
  218. " <div style=\"float: left;\">\n" +
  219. " <div style=\"margin-top: 4px;font-size: 15px\">SN:" + Device_lite[i].T_sn + "</div>\n" +
  220. " <div style=\"margin-top: 1px;font-size: 15px\">主机名称:" + Device_lite[i].T_devName + "</div>\n" +
  221. " </div>\n" +
  222. " <div class=\"layui-card-header\" style=\"float: right;\">\n" +
  223. " <button class=\"layui-btn layui-btn-normal\" style=\"float: right;margin-top: 11px\"\n" +
  224. " onclick=\"DeviceBind_Add('"+Device_lite[i].T_sn+"')\">\n" +
  225. " <i class=\"iconfont\" style=\"margin-right: 4px\">&#xe6f7;</i> 绑定\n" +
  226. " </button>\n" +
  227. " </div>\n" +
  228. " </div>")
  229. }
  230. }
  231. function Add_Device_list_Pages(Pages) {
  232. for (let i = 0; i < Pages.length; i++) {
  233. elem = Pages[i]
  234. switch (elem.A) {
  235. case 1:
  236. $('#Device_list_Pages').append("<a class=\"prev\" onclick='get_Device_list(" + elem.V + ")' >&lt;&lt;</a>\n");
  237. break;
  238. case 2:
  239. $('#Device_list_Pages').append("<a class=\"num\" onclick='get_Device_list(" + elem.V + ")' >" + elem.V + "</a>\n");
  240. break;
  241. case 3:
  242. $('#Device_list_Pages').append("<span class=\"current\">" + elem.V + "</span>\n");
  243. break;
  244. case 4:
  245. $('#Device_list_Pages').append("<a class=\"num\" onclick='get_Device_list(" + elem.V + ")' >" + elem.V + "</a>\n");
  246. break;
  247. case 5:
  248. $('#Device_list_Pages').append("<a class=\"next\" onclick='get_Device_list(" + elem.V + ")' >&gt;&gt;</a>\n");
  249. break;
  250. }
  251. }
  252. }
  253. /// --------------- 绑定
  254. get_Device_bind_list(0)
  255. function get_Device_bind_list(page) {
  256. $.ajax({
  257. type: 'POST',
  258. url: 'DeviceBind_List',//发送请求
  259. data: {
  260. User_tokey: $.cookie("User_tokey"),
  261. Admin_uuid: Admin_uuid,
  262. // Class_1: $("#D_Name").val(),
  263. T_sn: $("#B_T_sn").val(),
  264. Name: $("#B_Name").val(),
  265. page: page,
  266. },
  267. success: function (result) {
  268. console.log(result)
  269. if (result.Code == 200) {
  270. $('#Device_bind_list').html("")
  271. $('#Device_bind_list_Pages').html("")
  272. $('#Device_bind_list_Pages_x').html("")
  273. Device_bind_list = result.Data.Device_lite
  274. if (Device_bind_list.length == 0){
  275. $('#Device_bind_list').html("<div style=\"color: #1E9FFF;text-align: center;font-size: 15px;margin-top: 150px\">没有数据</div>")
  276. return
  277. }
  278. Add_Device_bind_list(result.Data.Device_lite) // 列表
  279. Add_Device_bind_list_Pages(result.Data.Pages) // 分页
  280. $('#Device_bind_list_Pages_x').append("页数:" + result.Data.Page +"/"+ result.Data.Page_size +" 总数:"+result.Data.Num );
  281. } else {
  282. }
  283. }
  284. });
  285. }
  286. function Add_Device_bind_list(Device_lite) {
  287. for (let i = 0; i < Device_lite.length; i++) {
  288. $('#Device_bind_list').append("" +
  289. "<div class=\"layui-col\"style=\"height: 52px;background-color: #fafafa;border-radius:5px;padding-top: 2px;margin-top: 6px\">\n" +
  290. " <img style=\"float: left;width: 50px;margin: 0px 10px\" src=\"https://osscold.baozhida.cn/images/设备管理-1.png\" height=\"50\"\n" +
  291. " width=\"40\"/>\n" +
  292. " <div style=\"float: left;\">\n" +
  293. " <div style=\"margin-top: 4px;font-size: 15px\">SN:" + Device_lite[i].T_sn + "</div>\n" +
  294. " <div style=\"margin-top: 1px;font-size: 15px\">主机名称:" + Device_lite[i].T_devName + "</div>\n" +
  295. " </div>\n" +
  296. " <div class=\"layui-card-header\" style=\"float: right;\">\n" +
  297. " <button class=\"layui-btn layui-btn-normal\" style=\"background-color:#ff7070;float: right;margin-top: 11px\"\n" +
  298. " onclick=\"DeviceBind_Del('"+Device_lite[i].T_sn+"')\">\n" +
  299. " <i class=\"iconfont\" style=\"margin-right: 4px\">&#xe6f7;</i> 删除\n" +
  300. " </button>\n" +
  301. " </div>\n" +
  302. " </div>")
  303. }
  304. }
  305. function Add_Device_bind_list_Pages(Pages) {
  306. for (let i = 0; i < Pages.length; i++) {
  307. elem = Pages[i]
  308. switch (elem.A) {
  309. case 1:
  310. $('#Device_bind_list_Pages').append("<a class=\"prev\" onclick='get_Device_bind_list(" + elem.V + ")' >&lt;&lt;</a>\n");
  311. break;
  312. case 2:
  313. $('#Device_bind_list_Pages').append("<a class=\"num\" onclick='get_Device_bind_list(" + elem.V + ")' >" + elem.V + "</a>\n");
  314. break;
  315. case 3:
  316. $('#Device_bind_list_Pages').append("<span class=\"current\">" + elem.V + "</span>\n");
  317. break;
  318. case 4:
  319. $('#Device_bind_list_Pages').append("<a class=\"num\" onclick='get_Device_bind_list(" + elem.V + ")' >" + elem.V + "</a>\n");
  320. break;
  321. case 5:
  322. $('#Device_bind_list_Pages').append("<a class=\"next\" onclick='get_Device_bind_list(" + elem.V + ")' >&gt;&gt;</a>\n");
  323. break;
  324. }
  325. }
  326. }
  327. // 绑定操作
  328. function DeviceBind_Add_All() {
  329. var loading = layer.load(0, {
  330. shade: false,
  331. time: 99*1000
  332. });
  333. $.ajax({
  334. type: 'POST',
  335. url: 'DeviceBind_Add_All',//发送请求
  336. data: {
  337. User_tokey: $.cookie("User_tokey"),
  338. Admin_uuid: Admin_uuid,
  339. T_sn: $("#D_T_sn").val(),
  340. Name: $("#D_Name").val(),
  341. },
  342. success: function (result) {
  343. layer.close(loading)
  344. console.log(result)
  345. if (result.Code != 200) {
  346. layer.msg(result.Msg);
  347. return
  348. }
  349. layer.msg("成功导入设备数量:"+result.Data);
  350. get_Device_bind_list(0)
  351. }
  352. });
  353. }
  354. // 绑定操作
  355. function DeviceBind_Add(T_sn) {
  356. var loading = layer.load(0, {
  357. shade: false,
  358. time: 99*1000
  359. });
  360. $.ajax({
  361. type: 'POST',
  362. url: 'DeviceBind_Add',//发送请求
  363. data: {
  364. User_tokey: $.cookie("User_tokey"),
  365. Admin_uuid: Admin_uuid,
  366. T_sn: T_sn,
  367. },
  368. success: function (result) {
  369. layer.close(loading)
  370. console.log(result)
  371. if (result.Code == 203) {
  372. layer.msg('不能重复添加');
  373. return
  374. }
  375. get_Device_bind_list(0)
  376. }
  377. });
  378. }
  379. function DeviceBind_Del(T_sn) {
  380. var loading = layer.load(0, {
  381. shade: false,
  382. time: 99*1000
  383. });
  384. $.ajax({
  385. type: 'POST',
  386. url: 'DeviceBind_Del',//发送请求
  387. data: {
  388. User_tokey: $.cookie("User_tokey"),
  389. Admin_uuid: Admin_uuid,
  390. T_sn: T_sn,
  391. },
  392. success: function (result) {
  393. layer.close(loading)
  394. console.log(result)
  395. if (result.Code == 203) {
  396. layer.msg('不能重复添加');
  397. return
  398. }
  399. get_Device_bind_list(0)
  400. }
  401. });
  402. }
  403. </script>
  404. <script>
  405. </script>
  406. </body>
  407. </html>