DeviceClassBind-.html 31 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677
  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. for(var i = 0;i < checkboxs.length; i++){
  281. if(checkboxs[i].checked){
  282. d_sn_id = checkboxs[i].value.split(",")
  283. if(d_sn_id[0].length == 0 || d_sn_id[1].length == 0){
  284. continue;
  285. }
  286. DeviceBind_Add(d_sn_id[0],d_sn_id[1],Class_id,false)
  287. }
  288. }
  289. setTimeout(function(){
  290. get_DeviceSensor_calss_list(0)
  291. setTimeout(function(){
  292. layer.msg('成功绑定传感器');
  293. //要执行的代码
  294. },200);
  295. //要执行的代码
  296. },500);
  297. }
  298. var Class_id = getPar("class_id")
  299. var Device_list = []
  300. var Device_Sn = ""
  301. var DeviceSensor_list = []
  302. var DeviceSensor_calss_list = []
  303. var DeviceSensor_snid_list = ""
  304. /// 设备库
  305. get_Device_list(0)
  306. function get_Device_list(page) {
  307. $.ajax({
  308. type: 'POST',
  309. url: 'DeviceBind_List',//发送请求
  310. data: {
  311. User_tokey: $.cookie("User_tokey"),
  312. Admin_uuid: "",
  313. // Class_1: $("#D_Name").val(),
  314. T_sn: $("#D_T_sn").val(),
  315. Name: $("#D_Name").val(),
  316. page: page,
  317. },
  318. success: function (result) {
  319. console.log(result)
  320. if (result.Code == 200) {
  321. $('#Device_list').html("")
  322. $('#Device_list_Pages').html("")
  323. $('#Device_list_Pages_x').html("")
  324. Device_list = result.Data.Device_lite
  325. if (Device_list.length == 0) {
  326. $('#Device_list').html("<div style=\"color: #1E9FFF;text-align: center;font-size: 15px;margin-top: 150px \">没有数据</div>")
  327. return
  328. }
  329. Add_Device_list(result.Data.Device_lite) // 列表
  330. Add_Device_list_Pages(result.Data.Pages) // 分页
  331. $('#Device_list_Pages_x').append("页数:" + result.Data.Page + "/" + result.Data.Page_size + " 总数:" + result.Data.Num);
  332. } else {
  333. }
  334. }
  335. });
  336. }
  337. function Add_Device_list(Device_lite) {
  338. for (let i = 0; i < Device_lite.length; i++) {
  339. $('#Device_list').append("" +
  340. "<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" +
  341. " <img style=\"float: left;width: 50px;margin: 0px 10px\" src=\"https://osscold.baozhida.cn/images/设备管理-1.png\" height=\"50\"\n" +
  342. " width=\"40\"/>\n" +
  343. " <div style=\"float: left;\">\n" +
  344. " <div style=\"margin-top: 4px;font-size: 15px\">SN:" + Device_lite[i].T_sn + "</div>\n" +
  345. " <div style=\"margin-top: 1px;font-size: 15px\">主机名称:" + Device_lite[i].T_devName + "</div>\n" +
  346. " </div>\n" +
  347. " <div class=\"layui-card-header\" style=\"float: right;margin-top: 6px;color: #1E9FFF\">\n" +
  348. " 》\n" +
  349. " </div>\n" +
  350. " </div>")
  351. }
  352. }
  353. function Add_Device_list_Pages(Pages) {
  354. for (let i = 0; i < Pages.length; i++) {
  355. elem = Pages[i]
  356. switch (elem.A) {
  357. case 1:
  358. $('#Device_list_Pages').append("<a class=\"prev\" onclick='get_Device_list(" + elem.V + ")' >&lt;&lt;</a>\n");
  359. break;
  360. case 2:
  361. $('#Device_list_Pages').append("<a class=\"num\" onclick='get_Device_list(" + elem.V + ")' >" + elem.V + "</a>\n");
  362. break;
  363. case 3:
  364. $('#Device_list_Pages').append("<span class=\"current\">" + elem.V + "</span>\n");
  365. break;
  366. case 4:
  367. $('#Device_list_Pages').append("<a class=\"num\" onclick='get_Device_list(" + elem.V + ")' >" + elem.V + "</a>\n");
  368. break;
  369. case 5:
  370. $('#Device_list_Pages').append("<a class=\"next\" onclick='get_Device_list(" + elem.V + ")' >&gt;&gt;</a>\n");
  371. break;
  372. }
  373. }
  374. }
  375. /// --------------- 传感器列表
  376. function get_DeviceSensor_list(page) {
  377. $.ajax({
  378. type: 'POST',
  379. url: 'DeviceSensor_List',//发送请求
  380. data: {
  381. Sn: Device_Sn,
  382. page: page,
  383. },
  384. success: function (result) {
  385. console.log(result)
  386. if(page == 0)
  387. $('#DeviceSensor_list').html("")
  388. if (result.Code == 200) {
  389. DeviceSensor_lite = result.Data.DeviceSensor_lite
  390. if (DeviceSensor_lite.length == 0) {
  391. $('#DeviceSensor_list').html("<div style=\"color: #1E9FFF;text-align: center;font-size: 15px;margin-top: 150px\">没有数据</div>")
  392. return
  393. }
  394. Add_DeviceSensor_list(result.Data.DeviceSensor_lite) // 列表
  395. // Add_DeviceSensor_list_Pages(result.Data.Pages) // 分页
  396. // $('#DeviceSensor_list_Pages_x').append("页数:" + result.Data.Page + "/" + result.Data.Page_size + " 总数:" + result.Data.Num);
  397. $('#DeviceSensor_list_Pages_x').html(" 传感器 总数:" + result.Data.Num);
  398. if(result.Data.Page_size > result.Data.Page ){
  399. get_DeviceSensor_list(result.Data.Page+1)
  400. }
  401. } else {
  402. }
  403. }
  404. });
  405. }
  406. function Add_DeviceSensor_list(DeviceSensor_lite) {
  407. for (let i = 0; i < DeviceSensor_lite.length; i++) {
  408. // if(T_id == 0){
  409. // T_id = DeviceSensor_lite[i].T_id;
  410. // T_sn_T_id = DeviceSensor_lite[i].T_sn;
  411. // get_DeviceSensor_data(0)
  412. // }
  413. $('#DeviceSensor_list').append("" +
  414. "<div class=\"layui-col\"style=\"height: 52px;background-color: #fafafa;border-radius:5px;padding-top: 2px;margin-top: 6px\">\n" +
  415. " <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;'/>" +
  416. " <img style=\"float: left;width: 50px;margin: 0px 5px\" src=\"https://osscold.baozhida.cn/images/温湿度传感器-1.png\" height=\"50\"\n" +
  417. " width=\"40\"/>\n" +
  418. " <div style=\"float: left;\">\n" +
  419. " <div style=\"margin-top: 4px;font-size: 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;\">SN:" + DeviceSensor_lite[i].T_sn + "</div>\n" +
  420. " <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" +
  421. " </div>\n" +
  422. " <div class=\"layui-card-header\" style=\"float: right;padding-left: 0px;\">\n" +
  423. " <button class=\"layui-btn layui-btn-normal\" style=\"float: right;margin-top: 11px\"\n" +
  424. " onclick=\"DeviceBind_Add('" + DeviceSensor_lite[i].T_sn + "'," + DeviceSensor_lite[i].T_id + "," + Class_id + ",true)\">\n" +
  425. " <i class=\"iconfont\" style=\"margin-right: 4px\">&#xe6f7;</i> 绑定\n" +
  426. " </button>\n" +
  427. " </div>\n" +
  428. " </div>")
  429. }
  430. }
  431. function Add_DeviceSensor_list_Pages(Pages) {
  432. for (let i = 0; i < Pages.length; i++) {
  433. elem = Pages[i]
  434. switch (elem.A) {
  435. case 1:
  436. $('#DeviceSensor_list_Pages').append("<a class=\"prev\" onclick='get_DeviceSensor_list(" + elem.V + ")' >&lt;&lt;</a>\n");
  437. break;
  438. case 2:
  439. $('#DeviceSensor_list_Pages').append("<a class=\"num\" onclick='get_DeviceSensor_list(" + elem.V + ")' >" + elem.V + "</a>\n");
  440. break;
  441. case 3:
  442. $('#DeviceSensor_list_Pages').append("<span class=\"current\">" + elem.V + "</span>\n");
  443. break;
  444. case 4:
  445. $('#DeviceSensor_list_Pages').append("<a class=\"num\" onclick='get_DeviceSensor_list(" + elem.V + ")' >" + elem.V + "</a>\n");
  446. break;
  447. case 5:
  448. $('#DeviceSensor_list_Pages').append("<a class=\"next\" onclick='get_DeviceSensor_list(" + elem.V + ")' >&gt;&gt;</a>\n");
  449. break;
  450. }
  451. }
  452. }
  453. /// --------------- 绑定
  454. get_DeviceSensor_calss_list(0)
  455. function get_DeviceSensor_calss_list(page) {
  456. $.ajax({
  457. type: 'POST',
  458. url: 'DeviceClassBind_List',//发送请求
  459. data: {
  460. User_tokey: $.cookie("User_tokey"),
  461. T_calss_id: parseInt(Class_id),
  462. Name: $("#B_Name").val(),
  463. page: page,
  464. },
  465. success: function (result) {
  466. console.log(result)
  467. if (result.Code == 200) {
  468. $('#DeviceSensor_calss_list').html("")
  469. $('#DeviceSensor_calss_list_Pages').html("")
  470. $('#DeviceSensor_calss_list_Pages_x').html("")
  471. DeviceSensor_lite = result.Data.DeviceSensor_lite
  472. if (DeviceSensor_lite.length == 0) {
  473. $('#DeviceSensor_calss_list').html("<div style=\"color: #1E9FFF;text-align: center;font-size: 15px;margin-top: 150px\">没有数据</div>")
  474. return
  475. }
  476. Add_DeviceSensor_calss_list(result.Data.DeviceSensor_lite) // 列表
  477. Add_DeviceSensor_calss_list_Pages(result.Data.Pages) // 分页
  478. $('#DeviceSensor_calss_list_Pages_x').append("页数:" + result.Data.Page + "/" + result.Data.Page_size + " 总数:" + result.Data.Num);
  479. } else {
  480. }
  481. }
  482. });
  483. }
  484. function Add_DeviceSensor_calss_list(DeviceSensor_lite) {
  485. for (let i = 0; i < DeviceSensor_lite.length; i++) {
  486. $('#DeviceSensor_calss_list').append("" +
  487. "<div class=\"layui-col\"style=\"height: 52px;background-color: #fafafa;border-radius:5px;padding-top: 2px;margin-top: 6px\">\n" +
  488. " <img style=\"float: left;width: 50px;margin: 0px 5px\" src=\"https://osscold.baozhida.cn/images/温湿度传感器-1.png\" height=\"50\"\n" +
  489. " width=\"40\"/>\n" +
  490. " <div style=\"float: left;\">\n" +
  491. " <div style=\"margin-top: 4px;font-size: 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;\">" + DeviceSensor_lite[i].T_sn + "</div>\n" +
  492. " <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" +
  493. " </div>\n" +
  494. " <div class=\"layui-card-header\" style=\"float: right;padding-left: 0px;\">\n" +
  495. " <button class=\"layui-btn layui-btn-normal\" style=\"background-color:#ff7070;float: right;margin-top: 11px\"\n" +
  496. " onclick=\"DeviceBind_Del('" + DeviceSensor_lite[i].T_sn + "'," + DeviceSensor_lite[i].T_id + "," + Class_id + ")\">\n" +
  497. " <i class=\"iconfont\" style=\"margin-right: 4px\">&#xe6f7;</i> 删除\n" +
  498. " </button>\n" +
  499. " </div>\n" +
  500. " </div>")
  501. }
  502. }
  503. function Add_DeviceSensor_calss_list_Pages(Pages) {
  504. for (let i = 0; i < Pages.length; i++) {
  505. elem = Pages[i]
  506. switch (elem.A) {
  507. case 1:
  508. $('#DeviceSensor_calss_list_Pages').append("<a class=\"prev\" onclick='get_DeviceSensor_calss_list(" + elem.V + ")' >&lt;&lt;</a>\n");
  509. break;
  510. case 2:
  511. $('#DeviceSensor_calss_list_Pages').append("<a class=\"num\" onclick='get_DeviceSensor_calss_list(" + elem.V + ")' >" + elem.V + "</a>\n");
  512. break;
  513. case 3:
  514. $('#DeviceSensor_calss_list_Pages').append("<span class=\"current\">" + elem.V + "</span>\n");
  515. break;
  516. case 4:
  517. $('#DeviceSensor_calss_list_Pages').append("<a class=\"num\" onclick='get_DeviceSensor_calss_list(" + elem.V + ")' >" + elem.V + "</a>\n");
  518. break;
  519. case 5:
  520. $('#DeviceSensor_calss_list_Pages').append("<a class=\"next\" onclick='get_DeviceSensor_calss_list(" + elem.V + ")' >&gt;&gt;</a>\n");
  521. break;
  522. }
  523. }
  524. }
  525. // 绑定操作
  526. function DeviceBind_Add(T_sn,T_id,T_class_id,show) {
  527. loading = layer.load(0, {
  528. shade: false,
  529. time: 99*1000
  530. });
  531. $.ajax({
  532. type: 'POST',
  533. url: 'DeviceClassBind_Add',//发送请求
  534. data: {
  535. User_tokey: $.cookie("User_tokey"),
  536. T_sn: T_sn,
  537. T_id: T_id,
  538. T_class_id: T_class_id,
  539. },
  540. success: function (result) {
  541. layer.close(loading)
  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>