DeviceClassBind-.html 31 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679
  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://cdn.staticfile.org/jquery/3.4.0/jquery.min.js"></script>
  17. <script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/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-xs4" 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="A_Name" name="B_Name" placeholder="请输入 名称" autocomplete="off"-->
  43. <!-- class="layui-input"></div>-->
  44. <!-- <div class="layui-input-inline layui-show-xs-block">-->
  45. <!-- <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="sreach"-->
  46. <!-- onclick="get_DeviceSensor_calss_list(0)">-->
  47. <!-- <i class="layui-icon">&#xe615;</i></button>-->
  48. <!-- </div>-->
  49. <div w id="DeviceSensor_calss_list" style="width: 98%; overflow: hidden;margin-top: 10px">
  50. <!-- <div class="layui-col"style="height: 52px;background-color: #fafafa;border-radius:5px;padding-top: 2px;">-->
  51. <!-- <img style="float: left;width: 50px;margin: 0px 10px" src="https://osscold.baozhida.cn/images/设备管理-1.png" height="50"-->
  52. <!-- width="40"/>-->
  53. <!-- <div style="float: left;">-->
  54. <!-- <div style="margin-top: 4px;font-size: 15px">SN:KF20210510143443</div>-->
  55. <!-- <div style="margin-top: 1px;font-size: 15px">主机名称:士大夫撒地方递四方速递</div>-->
  56. <!-- </div>-->
  57. <!-- <div class="layui-card-header" style="float: right;">-->
  58. <!-- <button class="layui-btn layui-btn-normal" style="float: right;margin-top: 11px"-->
  59. <!-- onclick="">-->
  60. <!-- <i class="iconfont" style="margin-right: 4px">&#xe6f7;</i> 绑定-->
  61. <!-- </button>-->
  62. <!-- </div>-->
  63. <!-- </div>-->
  64. </div>
  65. <div style="height: 70px">
  66. <div class="layui-card-body ">
  67. <div class="page">
  68. <div id="DeviceSensor_calss_list_Pages">
  69. <!-- <a class="prev" href="">&lt;&lt;</a>-->
  70. <!-- <a class="num" href="">1222</a>-->
  71. <!-- <span class="current">111</span>-->
  72. <!-- <a class="num" href="">444</a>-->
  73. <!-- <a class="next" href="">&gt;&gt;</a>-->
  74. </div>
  75. </div>
  76. <div style="color: #1E9FFF;text-align: center" id="DeviceSensor_calss_list_Pages_x"></div>
  77. </div>
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. <div class="layui-col-xs4" style="overflow: hidden;">
  83. <div class="layui-row" style="margin: 0px 10px">
  84. <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
  85. <legend>设备库</legend>
  86. </fieldset>
  87. <div class="layui-col">
  88. <div class="layui-input-inline layui-show-xs-block">
  89. <input value="" type="text" id="D_Name" name="D_Name" placeholder="请输入 名称" autocomplete="off"
  90. class="layui-input"></div>
  91. <div class="layui-input-inline layui-show-xs-block">
  92. <input value="" type="text" id="D_T_sn" name="D_T_sn" placeholder="请输入 SN" autocomplete="off"
  93. class="layui-input"></div>
  94. <div class="layui-input-inline layui-show-xs-block">
  95. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="sreach"
  96. onclick="get_Device_list(0)">
  97. <i class="layui-icon">&#xe615;</i></button>
  98. </div>
  99. <div w id="Device_list" style="width: 98%; overflow: hidden;margin-top: 10px">
  100. <!--<div class="layui-col"style="height: 52px;background-color: #fafafa;border-radius:5px;padding-top: 2px;">-->
  101. <!-- <img style="float: left;width: 50px;margin: 0px 10px" src="https://osscold.baozhida.cn/images/设备管理-1.png" height="50"-->
  102. <!-- width="40"/>-->
  103. <!-- <div style="float: left;">-->
  104. <!-- <div style="margin-top: 4px;font-size: 15px">SN:KF20210510143443</div>-->
  105. <!-- <div style="margin-top: 1px;font-size: 15px">主机名称:士大夫撒地方递四方速递</div>-->
  106. <!-- </div>-->
  107. <!-- <div class="layui-card-header" style="float: right;">-->
  108. <!-- <button class="layui-btn layui-btn-normal" style="float: right;margin-top: 11px"-->
  109. <!-- onclick="">-->
  110. <!-- <i class="iconfont" style="margin-right: 4px">&#xe6f7;</i> 绑定-->
  111. <!-- </button>-->
  112. <!-- </div>-->
  113. <!--</div>-->
  114. </div>
  115. <div style="height: 70px">
  116. <div class="layui-card-body ">
  117. <div class="page">
  118. <div id="Device_list_Pages">
  119. <!-- <a class="prev" href="">&lt;&lt;</a>-->
  120. <!-- <a class="num" href="">1222</a>-->
  121. <!-- <span class="current">111</span>-->
  122. <!-- <a class="num" href="">444</a>-->
  123. <!-- <a class="next" href="">&gt;&gt;</a>-->
  124. </div>
  125. </div>
  126. <div style="color: #1E9FFF;text-align: center" id="Device_list_Pages_x"></div>
  127. </div>
  128. </div>
  129. </div>
  130. </div>
  131. </div>
  132. <div class="layui-col-xs4" style="overflow: hidden;">
  133. <div class="layui-row" style="margin: 0px 10px">
  134. <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
  135. <legend>传感器库</legend>
  136. </fieldset>
  137. <div class="layui-col">
  138. <!-- <div class="layui-input-inline layui-show-xs-block">-->
  139. <!-- <input value="" type="text" id="B_Name" name="B_Name" placeholder="请输入 名称" autocomplete="off"-->
  140. <!-- class="layui-input"></div>-->
  141. <!-- <div class="layui-input-inline layui-show-xs-block">-->
  142. <!-- <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="sreach"-->
  143. <!-- onclick="get_DeviceSensor_list(0)">-->
  144. <!-- <i class="layui-icon">&#xe615;</i></button>-->
  145. <!-- </div>-->
  146. <div class="layui-input-inline layui-show-xs-block" style="margin-bottom: 10px">
  147. <div class="layui-input-inline layui-show-xs-block">
  148. <div class="layui-btn layui-btn-normal"
  149. onclick="Checkboxs_All()">
  150. <i class="layui-icon">全选择</i>
  151. </div>
  152. </div>
  153. <div class="layui-input-inline layui-show-xs-block">
  154. <div class="layui-btn layui-btn-normal"
  155. onclick="Checkboxs_Allno()">
  156. <i class="layui-icon">全取消</i>
  157. </div>
  158. </div>
  159. <div class="layui-input-inline layui-show-xs-block">
  160. <div class="layui-btn layui-btn-normal"
  161. onclick="Checkboxs_Allto()">
  162. <i class="layui-icon">反选</i>
  163. </div>
  164. </div>
  165. <div style="float: right;margin-left: 100px;" >
  166. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="sreach"
  167. onclick="Checkboxs_GetAll()">
  168. <img src="https://osscold.baozhida.cn/images/同步.png" height="15"
  169. width="15"/> 导入</button>
  170. </div>
  171. </div>
  172. <div w id="DeviceSensor_list" style="width: 98%; overflow: hidden;max-height: 616px;overflow-y: auto">
  173. <div style="color: #1E9FFF;text-align: center;font-size: 15px;margin-top: 150px">《《 请先选择 设备库</div>
  174. <!-- <div class="layui-col"style="height: 52px;background-color: #fafafa;border-radius:5px;padding-top: 2px;">-->
  175. <!-- <img style="float: left;width: 50px;margin: 0px 10px" src="https://osscold.baozhida.cn/images/设备管理-1.png" height="50"-->
  176. <!-- width="40"/>-->
  177. <!-- <div style="float: left;">-->
  178. <!-- <div style="margin-top: 4px;font-size: 15px">SN:KF20210510143443</div>-->
  179. <!-- <div style="margin-top: 1px;font-size: 15px">主机名称:士大夫撒地方递四方速递</div>-->
  180. <!-- </div>-->
  181. <!-- <div class="layui-card-header" style="float: right;">-->
  182. <!-- <button class="layui-btn layui-btn-normal" style="float: right;margin-top: 11px"-->
  183. <!-- onclick="">-->
  184. <!-- <i class="iconfont" style="margin-right: 4px">&#xe6f7;</i> 绑定-->
  185. <!-- </button>-->
  186. <!-- </div>-->
  187. <!-- </div>-->
  188. </div>
  189. <div style="height: 70px">
  190. <div class="layui-card-body ">
  191. <div style="color: #1E9FFF;text-align: center">
  192. <div style="color: #1E9FFF;text-align: center" id="DeviceSensor_list_Pages_x"></div>
  193. </div>
  194. </div>
  195. </div>
  196. </div>
  197. </div>
  198. </div>
  199. </div>
  200. </div>
  201. <script>
  202. // xxxxxx()
  203. // function xxxxxx() {
  204. //
  205. // $.ajax({
  206. // type: 'POST',
  207. // url: '../Data/DeviceSensor_Data_Print?User_tokey=3fdc9fab-7a85-48b4-9d79-4c79a5d755e7&T_sn=YD862289055504464&Time_start=2022-01-23%20%2004:07:07&Time_end=2022-01-24%2011:06:01',//发送请求
  208. // success: function (result) {
  209. // console.log("DeviceSensor_Data_Print",result)
  210. // f_mapTolist(result.Data)
  211. // }
  212. // });
  213. //
  214. // }
  215. // var map_list = []
  216. //
  217. //
  218. // // f_mapTolist(result.Data) => list
  219. // function f_mapTolist(data) {
  220. // To_list = []
  221. // for (x in data) {
  222. // To_list.push(data[x])
  223. // }
  224. // return To_list
  225. // }
  226. layui.use(['form', 'layer', "layedit"],
  227. function () {
  228. $ = layui.jquery;
  229. var form = layui.form,
  230. layer = layui.layer;
  231. var layedit = layui.layedit
  232. //构建一个默认的编辑器
  233. var index = layedit.build('T_text', {
  234. height: 580 //设置编辑器高度,
  235. });
  236. });
  237. //获取GET
  238. function getPar(par) {
  239. //获取当前URL
  240. var local_url = document.location.href;
  241. //获取要取得的get参数位置
  242. var get = local_url.indexOf(par + "=")
  243. ;
  244. if (get == -1) {
  245. return false;
  246. }
  247. //截取字符串
  248. //截取字符串
  249. var get_par = local_url.slice(par.length + get + 1);
  250. //判断截取后的字符串是否还有其他get参数
  251. var nextPar = get_par.indexOf("&")
  252. ;
  253. if (nextPar != -1) {
  254. get_par = get_par.slice(0, nextPar);
  255. }
  256. return get_par;
  257. }
  258. //获取div中所有的复选框 .value
  259. var checkboxs = document.getElementsByClassName("checkboxxx");
  260. function Checkboxs_All () {
  261. for(var i = 0;i < checkboxs.length; i++){
  262. checkboxs[i].checked = true
  263. }
  264. }
  265. function Checkboxs_Allno () {
  266. for(var i = 0;i < checkboxs.length; i++){
  267. checkboxs[i].checked = false
  268. }
  269. }
  270. function Checkboxs_Allto () {
  271. for(var i = 0;i < checkboxs.length; i++){
  272. if(checkboxs[i].checked){
  273. checkboxs[i].checked = false
  274. }else {
  275. checkboxs[i].checked = true
  276. }
  277. }
  278. }
  279. function Checkboxs_GetAll () {
  280. var loading = layer.load(0, {
  281. shade: false,
  282. time: 99*1000
  283. });
  284. for(var i = 0;i < checkboxs.length; i++){
  285. if(checkboxs[i].checked){
  286. d_sn_id = checkboxs[i].value.split(",")
  287. if(d_sn_id[0].length == 0 || d_sn_id[1].length == 0){
  288. continue;
  289. }
  290. DeviceBind_Add(d_sn_id[0],d_sn_id[1],Class_id,false)
  291. }
  292. }
  293. setTimeout(function(){
  294. get_DeviceSensor_calss_list(0)
  295. layer.close(loading)
  296. setTimeout(function(){
  297. layer.msg('成功绑定传感器');
  298. //要执行的代码
  299. },200);
  300. //要执行的代码
  301. },500);
  302. }
  303. var Class_id = getPar("class_id")
  304. var Device_list = []
  305. var Device_Sn = ""
  306. var DeviceSensor_list = []
  307. var DeviceSensor_calss_list = []
  308. var DeviceSensor_snid_list = ""
  309. /// 设备库
  310. get_Device_list(0)
  311. function get_Device_list(page) {
  312. $.ajax({
  313. type: 'POST',
  314. url: 'DeviceBind_List',//发送请求
  315. data: {
  316. User_tokey: $.cookie("User_tokey"),
  317. Admin_uuid: "",
  318. // Class_1: $("#D_Name").val(),
  319. T_sn: $("#D_T_sn").val(),
  320. Name: $("#D_Name").val(),
  321. page: page,
  322. },
  323. success: function (result) {
  324. console.log(result)
  325. if (result.Code == 200) {
  326. $('#Device_list').html("")
  327. $('#Device_list_Pages').html("")
  328. $('#Device_list_Pages_x').html("")
  329. Device_list = result.Data.Device_lite
  330. if (Device_list.length == 0) {
  331. $('#Device_list').html("<div style=\"color: #1E9FFF;text-align: center;font-size: 15px;margin-top: 150px \">没有数据</div>")
  332. return
  333. }
  334. Add_Device_list(result.Data.Device_lite) // 列表
  335. Add_Device_list_Pages(result.Data.Pages) // 分页
  336. $('#Device_list_Pages_x').append("页数:" + result.Data.Page + "/" + result.Data.Page_size + " 总数:" + result.Data.Num);
  337. } else {
  338. }
  339. }
  340. });
  341. }
  342. function Add_Device_list(Device_lite) {
  343. for (let i = 0; i < Device_lite.length; i++) {
  344. $('#Device_list').append("" +
  345. "<div onclick=\"Device_Sn = '"+Device_lite[i].T_sn+"';get_DeviceSensor_list(0)\" class=\"layui-col\"style=\"height: 52px;background-color: #fafafa;border-radius:5px;padding-top: 2px;margin-top: 6px\">\n" +
  346. " <img style=\"float: left;width: 50px;margin: 0px 10px\" src=\"https://osscold.baozhida.cn/images/设备管理-1.png\" height=\"50\"\n" +
  347. " width=\"40\"/>\n" +
  348. " <div style=\"float: left;\">\n" +
  349. " <div style=\"margin-top: 4px;font-size: 15px\">SN:" + Device_lite[i].T_sn + "</div>\n" +
  350. " <div style=\"margin-top: 1px;font-size: 15px\">主机名称:" + Device_lite[i].T_devName + "</div>\n" +
  351. " </div>\n" +
  352. " <div class=\"layui-card-header\" style=\"float: right;margin-top: 6px;color: #1E9FFF\">\n" +
  353. " 》\n" +
  354. " </div>\n" +
  355. " </div>")
  356. }
  357. }
  358. function Add_Device_list_Pages(Pages) {
  359. for (let i = 0; i < Pages.length; i++) {
  360. elem = Pages[i]
  361. switch (elem.A) {
  362. case 1:
  363. $('#Device_list_Pages').append("<a class=\"prev\" onclick='get_Device_list(" + elem.V + ")' >&lt;&lt;</a>\n");
  364. break;
  365. case 2:
  366. $('#Device_list_Pages').append("<a class=\"num\" onclick='get_Device_list(" + elem.V + ")' >" + elem.V + "</a>\n");
  367. break;
  368. case 3:
  369. $('#Device_list_Pages').append("<span class=\"current\">" + elem.V + "</span>\n");
  370. break;
  371. case 4:
  372. $('#Device_list_Pages').append("<a class=\"num\" onclick='get_Device_list(" + elem.V + ")' >" + elem.V + "</a>\n");
  373. break;
  374. case 5:
  375. $('#Device_list_Pages').append("<a class=\"next\" onclick='get_Device_list(" + elem.V + ")' >&gt;&gt;</a>\n");
  376. break;
  377. }
  378. }
  379. }
  380. /// --------------- 传感器列表
  381. function get_DeviceSensor_list(page) {
  382. $.ajax({
  383. type: 'POST',
  384. url: 'DeviceSensor_List',//发送请求
  385. data: {
  386. Sn: Device_Sn,
  387. page: page,
  388. },
  389. success: function (result) {
  390. console.log(result)
  391. if(page == 0)
  392. $('#DeviceSensor_list').html("")
  393. if (result.Code == 200) {
  394. DeviceSensor_lite = result.Data.DeviceSensor_lite
  395. if (DeviceSensor_lite.length == 0) {
  396. $('#DeviceSensor_list').html("<div style=\"color: #1E9FFF;text-align: center;font-size: 15px;margin-top: 150px\">没有数据</div>")
  397. return
  398. }
  399. Add_DeviceSensor_list(result.Data.DeviceSensor_lite) // 列表
  400. // Add_DeviceSensor_list_Pages(result.Data.Pages) // 分页
  401. // $('#DeviceSensor_list_Pages_x').append("页数:" + result.Data.Page + "/" + result.Data.Page_size + " 总数:" + result.Data.Num);
  402. $('#DeviceSensor_list_Pages_x').html(" 传感器 总数:" + result.Data.Num);
  403. if(result.Data.Page_size > result.Data.Page ){
  404. get_DeviceSensor_list(result.Data.Page+1)
  405. }
  406. } else {
  407. }
  408. }
  409. });
  410. }
  411. function Add_DeviceSensor_list(DeviceSensor_lite) {
  412. for (let i = 0; i < DeviceSensor_lite.length; i++) {
  413. // if(T_id == 0){
  414. // T_id = DeviceSensor_lite[i].T_id;
  415. // T_sn_T_id = DeviceSensor_lite[i].T_sn;
  416. // get_DeviceSensor_data(0)
  417. // }
  418. $('#DeviceSensor_list').append("" +
  419. "<div class=\"layui-col\"style=\"height: 52px;background-color: #fafafa;border-radius:5px;padding-top: 2px;margin-top: 6px\">\n" +
  420. " <input type=\"checkbox\" name='checkboxxx' class='checkboxxx' value='" + DeviceSensor_lite[i].T_sn + "," + DeviceSensor_lite[i].T_id + "' style='float: left;width: 18px;height: 18px;margin-top: 16px;margin-left: 10px;'/>" +
  421. " <img style=\"float: left;width: 50px;margin: 0px 5px\" src=\"https://osscold.baozhida.cn/images/温湿度传感器-1.png\" height=\"50\"\n" +
  422. " width=\"40\"/>\n" +
  423. " <div style=\"float: left;\">\n" +
  424. " <div style=\"margin-top: 4px;font-size: 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;\">SN:" + DeviceSensor_lite[i].T_sn + "</div>\n" +
  425. " <div style=\"margin-top: 1px;font-size: 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;\">传感器[" + DeviceSensor_lite[i].T_id + "]:" + DeviceSensor_lite[i].T_name + "</div>\n" +
  426. " </div>\n" +
  427. " <div class=\"layui-card-header\" style=\"float: right;padding-left: 0px;\">\n" +
  428. " <button class=\"layui-btn layui-btn-normal\" style=\"float: right;margin-top: 11px\"\n" +
  429. " onclick=\"DeviceBind_Add('" + DeviceSensor_lite[i].T_sn + "'," + DeviceSensor_lite[i].T_id + "," + Class_id + ",true)\">\n" +
  430. " <i class=\"iconfont\" style=\"margin-right: 4px\">&#xe6f7;</i> 绑定\n" +
  431. " </button>\n" +
  432. " </div>\n" +
  433. " </div>")
  434. }
  435. }
  436. function Add_DeviceSensor_list_Pages(Pages) {
  437. for (let i = 0; i < Pages.length; i++) {
  438. elem = Pages[i]
  439. switch (elem.A) {
  440. case 1:
  441. $('#DeviceSensor_list_Pages').append("<a class=\"prev\" onclick='get_DeviceSensor_list(" + elem.V + ")' >&lt;&lt;</a>\n");
  442. break;
  443. case 2:
  444. $('#DeviceSensor_list_Pages').append("<a class=\"num\" onclick='get_DeviceSensor_list(" + elem.V + ")' >" + elem.V + "</a>\n");
  445. break;
  446. case 3:
  447. $('#DeviceSensor_list_Pages').append("<span class=\"current\">" + elem.V + "</span>\n");
  448. break;
  449. case 4:
  450. $('#DeviceSensor_list_Pages').append("<a class=\"num\" onclick='get_DeviceSensor_list(" + elem.V + ")' >" + elem.V + "</a>\n");
  451. break;
  452. case 5:
  453. $('#DeviceSensor_list_Pages').append("<a class=\"next\" onclick='get_DeviceSensor_list(" + elem.V + ")' >&gt;&gt;</a>\n");
  454. break;
  455. }
  456. }
  457. }
  458. /// --------------- 绑定
  459. get_DeviceSensor_calss_list(0)
  460. function get_DeviceSensor_calss_list(page) {
  461. $.ajax({
  462. type: 'POST',
  463. url: 'DeviceClassBind_List',//发送请求
  464. data: {
  465. User_tokey: $.cookie("User_tokey"),
  466. T_calss_id: parseInt(Class_id),
  467. Name: $("#B_Name").val(),
  468. page: page,
  469. },
  470. success: function (result) {
  471. console.log(result)
  472. if (result.Code == 200) {
  473. $('#DeviceSensor_calss_list').html("")
  474. $('#DeviceSensor_calss_list_Pages').html("")
  475. $('#DeviceSensor_calss_list_Pages_x').html("")
  476. DeviceSensor_lite = result.Data.DeviceSensor_lite
  477. if (DeviceSensor_lite.length == 0) {
  478. $('#DeviceSensor_calss_list').html("<div style=\"color: #1E9FFF;text-align: center;font-size: 15px;margin-top: 150px\">没有数据</div>")
  479. return
  480. }
  481. Add_DeviceSensor_calss_list(result.Data.DeviceSensor_lite) // 列表
  482. Add_DeviceSensor_calss_list_Pages(result.Data.Pages) // 分页
  483. $('#DeviceSensor_calss_list_Pages_x').append("页数:" + result.Data.Page + "/" + result.Data.Page_size + " 总数:" + result.Data.Num);
  484. } else {
  485. }
  486. }
  487. });
  488. }
  489. function Add_DeviceSensor_calss_list(DeviceSensor_lite) {
  490. for (let i = 0; i < DeviceSensor_lite.length; i++) {
  491. $('#DeviceSensor_calss_list').append("" +
  492. "<div class=\"layui-col\"style=\"height: 52px;background-color: #fafafa;border-radius:5px;padding-top: 2px;margin-top: 6px\">\n" +
  493. " <img style=\"float: left;width: 50px;margin: 0px 5px\" src=\"https://osscold.baozhida.cn/images/温湿度传感器-1.png\" height=\"50\"\n" +
  494. " width=\"40\"/>\n" +
  495. " <div style=\"float: left;\">\n" +
  496. " <div style=\"margin-top: 4px;font-size: 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;\">" + DeviceSensor_lite[i].T_sn + "</div>\n" +
  497. " <div style=\"margin-top: 1px;font-size: 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;\">传感器[" + DeviceSensor_lite[i].T_id + "]:" + DeviceSensor_lite[i].T_name + "</div>\n" +
  498. " </div>\n" +
  499. " <div class=\"layui-card-header\" style=\"float: right;padding-left: 0px;\">\n" +
  500. " <button class=\"layui-btn layui-btn-normal\" style=\"background-color:#ff7070;float: right;margin-top: 11px\"\n" +
  501. " onclick=\"DeviceBind_Del('" + DeviceSensor_lite[i].T_sn + "'," + DeviceSensor_lite[i].T_id + "," + Class_id + ")\">\n" +
  502. " <i class=\"iconfont\" style=\"margin-right: 4px\">&#xe6f7;</i> 删除\n" +
  503. " </button>\n" +
  504. " </div>\n" +
  505. " </div>")
  506. }
  507. }
  508. function Add_DeviceSensor_calss_list_Pages(Pages) {
  509. for (let i = 0; i < Pages.length; i++) {
  510. elem = Pages[i]
  511. switch (elem.A) {
  512. case 1:
  513. $('#DeviceSensor_calss_list_Pages').append("<a class=\"prev\" onclick='get_DeviceSensor_calss_list(" + elem.V + ")' >&lt;&lt;</a>\n");
  514. break;
  515. case 2:
  516. $('#DeviceSensor_calss_list_Pages').append("<a class=\"num\" onclick='get_DeviceSensor_calss_list(" + elem.V + ")' >" + elem.V + "</a>\n");
  517. break;
  518. case 3:
  519. $('#DeviceSensor_calss_list_Pages').append("<span class=\"current\">" + elem.V + "</span>\n");
  520. break;
  521. case 4:
  522. $('#DeviceSensor_calss_list_Pages').append("<a class=\"num\" onclick='get_DeviceSensor_calss_list(" + elem.V + ")' >" + elem.V + "</a>\n");
  523. break;
  524. case 5:
  525. $('#DeviceSensor_calss_list_Pages').append("<a class=\"next\" onclick='get_DeviceSensor_calss_list(" + elem.V + ")' >&gt;&gt;</a>\n");
  526. break;
  527. }
  528. }
  529. }
  530. // 绑定操作
  531. function DeviceBind_Add(T_sn,T_id,T_class_id,show) {
  532. $.ajax({
  533. type: 'POST',
  534. url: 'DeviceClassBind_Add',//发送请求
  535. data: {
  536. User_tokey: $.cookie("User_tokey"),
  537. T_sn: T_sn,
  538. T_id: T_id,
  539. T_class_id: T_class_id,
  540. },
  541. success: function (result) {
  542. if(show){
  543. console.log(result)
  544. if (result.Code == 203) {
  545. layer.msg('不能重复添加');
  546. return
  547. }
  548. get_DeviceSensor_calss_list(0)
  549. }
  550. }
  551. });
  552. }
  553. function DeviceBind_Del(T_sn,T_id,T_class_id) {
  554. $.ajax({
  555. type: 'POST',
  556. url: 'DeviceClassBind_Del',//发送请求
  557. data: {
  558. User_tokey: $.cookie("User_tokey"),
  559. T_sn: T_sn,
  560. T_id: T_id,
  561. T_class_id: T_class_id,
  562. },
  563. success: function (result) {
  564. console.log(result)
  565. if (result.Code == 203) {
  566. layer.msg('操作异常');
  567. return
  568. }
  569. get_DeviceSensor_calss_list(0)
  570. }
  571. });
  572. }
  573. </script>
  574. <script>
  575. </script>
  576. </body>
  577. </html>