Device_Sensor-.html 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537
  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-row" id="tab_2">
  26. <div class="layui-row">
  27. <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
  28. <legend >传感器参数 {{if gt $.DeviceSensorParameter_T_SendState_0 0 }} <span style="background-color: #dedede;"> 上次设置的参数 还没有生效,再次提交会替换上次的数据!</span> {{end}}</legend>
  29. </fieldset>
  30. </div>
  31. <div class="layui-row">
  32. <div class="layui-col-md7" style="margin-bottom: 30px">
  33. <div style="{{if gt $.DeviceSensorParameter_T_SendState_0 0 }} background-color: #dedede; {{end}}">
  34. <form class="layui-form" action="" lay-filter="example">
  35. <div class="layui-form-item">
  36. <div class="layui-inline">
  37. <label class="layui-form-label">设备名称</label>
  38. <div class="layui-input-inline">
  39. <input type="text" id="S_devName layui-disabled" value="{{.Device.T_devName}}" name="S_devName" autocomplete="off"
  40. class="layui-input layui-disabled">
  41. </div>
  42. <div class="layui-input-inline">
  43. <input class="layui-input layui-disabled" value="{{.Device.T_sn}}" type="text" id="S_sn" name="S_sn"
  44. autocomplete="off">
  45. </div>
  46. </div>
  47. </div>
  48. <div class="layui-form-item">
  49. <div class="layui-inline">
  50. <label class="layui-form-label">传感器名称</label>
  51. <div class="layui-input-inline">
  52. <input type="text" id="S_name" value="{{.DeviceSensor.T_name}}" name="S_name" autocomplete="off" class="layui-input">
  53. </div>
  54. <div class="layui-input-inline" style="width: 50px">
  55. <input class="layui-input layui-disabled" type="text" value="{{.DeviceSensor.T_id}}" id="S_id" name="S_id"
  56. autocomplete="off"
  57. class="layui-input">
  58. </div>
  59. </div>
  60. </div>
  61. <div class="layui-form-item">
  62. <div class="layui-inline">
  63. <label class="layui-form-label">温度范围 ℃</label>
  64. <div class="layui-input-inline" style="width: 100px;">
  65. <input type="text" name="S_Tlower" autocomplete="off" value="{{.DeviceSensor.T_Tlower}}" class="layui-input">
  66. </div>
  67. <div class="layui-form-mid">-</div>
  68. <div class="layui-input-inline" style="width: 100px;">
  69. <input type="text" name="S_Tupper" autocomplete="off" value="{{.DeviceSensor.T_Tupper}}" class="layui-input">
  70. </div>
  71. </div>
  72. </div>
  73. <div class="layui-form-item">
  74. <div class="layui-inline">
  75. <label class="layui-form-label">湿度范围 %</label>
  76. <div class="layui-input-inline" style="width: 100px;">
  77. <input type="text" name="S_RHlower" autocomplete="off" value="{{.DeviceSensor.T_RHlower}}" class="layui-input">
  78. </div>
  79. <div class="layui-form-mid">-</div>
  80. <div class="layui-input-inline" style="width: 100px;">
  81. <input type="text" name="S_RHupper" autocomplete="off" value="{{.DeviceSensor.T_RHupper}}" class="layui-input">
  82. </div>
  83. </div>
  84. </div>
  85. <div class="layui-form-item">
  86. <label class="layui-form-label" style="width: 60px;">启用</label>
  87. <div class="layui-input-block">
  88. <input type="checkbox" id="S_en" name="S_en" lay-filter="switchTest" lay-skin="switch"
  89. lay-text="开|关">
  90. <div class="layui-unselect layui-form-switch" lay-skin="_switch"><em>关</em><i></i></div>
  91. </div>
  92. </div>
  93. <div class="layui-form-item">
  94. <label class="layui-form-label" style="width: 60px;">空库</label>
  95. <div class="layui-input-block">
  96. <input type="checkbox" id="S_free" name="S_free" lay-filter="switchTest" lay-skin="switch"
  97. lay-text="开|关">
  98. <div class="layui-unselect layui-form-switch" lay-skin="_switch"><em>关</em><i></i></div>
  99. </div>
  100. </div>
  101. <div class="layui-form-item" style="text-align: center;margin-top: 20px">
  102. <button id="Pu_DeviceParameter_Sensor_id" type="submit" class="layui-btn layui-btn-normal" lay-submit="" lay-filter="add">传感器配置{{if gt $.DeviceSensorParameter_T_SendState_0 0 }} (替换上次参数) {{end}}</button>
  103. </div>
  104. </form>
  105. </div>
  106. <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
  107. <legend>实时数据显示排序</legend>
  108. </fieldset>
  109. <div class="layui-form-item">
  110. <div class="layui-inline">
  111. <label class="layui-form-label" style="width: 170px;">实时数据显示排序:</label>
  112. <div class="layui-input-inline" style="width: 100px;">
  113. <input type="text" value="{{.DeviceSensor.T_sort}}" id="T_sort" autocomplete="off" class="layui-input">
  114. </div>
  115. <div class="layui-form-mid">(越小越靠前,可以负数)</div>
  116. <div class="layui-input-inline" style="width: 100px;">
  117. <button class="layui-btn layui-btn-normal" onclick="UpDeviceSensor_Tsort()" >设置排序</button>
  118. </div>
  119. </div>
  120. </div>
  121. <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
  122. <legend>屏蔽数据展示</legend>
  123. </fieldset>
  124. <form class="layui-form" action="" lay-filter="example">
  125. <div class="layui-inline" style="font-size: 13px">
  126. <label class="layui-form-label" style="width: 170px;">是否屏蔽数据展示</label>
  127. <div class="layui-input-block">
  128. <input type="radio" name="T_datashow" value="0" title="屏蔽数据展示"
  129. {{if eq $.DeviceSensor.T_datashow 0 }}
  130. checked=""
  131. {{end}}
  132. ><div class="layui-unselect layui-form-radio"><i class="layui-anim layui-icon"></i><div>弃用设备</div></div>
  133. <input type="radio" name="T_datashow" value="1" title="正常数据展示"
  134. {{if eq $.DeviceSensor.T_datashow 1 }}
  135. checked=""
  136. {{end}}
  137. ><div class="layui-unselect layui-form-radio"><i class="layui-anim layui-icon"></i><div>开启设备</div></div>
  138. </div>
  139. </div>
  140. <div class="layui-input-inline" style="text-align: center;margin-top: 20px">
  141. <button type="submit" class="layui-btn layui-btn-normal" lay-submit="" lay-filter="T_datashow">配置参数</button>
  142. </div>
  143. </form>
  144. <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
  145. <legend>设备操作</legend>
  146. </fieldset>
  147. <button style="margin-left: 80px;background-color: #e09d00;" class="layui-btn layui-btn" onclick="f_Device_Parameter_Del()" >删除此设备(从数据库删除)</button>
  148. <button style="background-color: #ff3b00;" class="layui-btn layui-btn" onclick="f_Device_Parameter_Del_Device()" >删除此设备(从设备删除)</button>
  149. </div>
  150. <div class="layui-col-md5">
  151. <fieldset class="layui-elem-field layui-field-title" style="margin-top: -10px;">
  152. <legend>最近修改记录(
  153. <span style="background-color:#dedede;margin: 0px 10px;">灰色:等待执行</span>
  154. <span style="background-color:#00FF00;margin: 0px 10px;">绿色:修改成功</span>
  155. <span style="background-color:#ffa5a5;margin: 0px 10px;">红色:修改失败</span>
  156. <span style="background-color:#d7b3f5;margin: 0px 10px;">紫色:覆盖参数</span>
  157. )</legend>
  158. </fieldset>
  159. {{range $index, $elem := .DeviceSensorParameter_lite}}
  160. <div class="layui-inline" style="margin-left: 40px;margin-bottom: 20px;padding: 10px;{{if eq $elem.T_SendState 0 }}background-color:#dedede; {{end}} {{if eq $elem.T_SendState 1 }}background-color:#00FF00; {{end}} {{if eq $elem.T_SendState 2 }}background-color:#ffa5a5; {{end}} {{if eq $elem.T_SendState 3 }}background-color:#d7b3f5; {{end}}">
  161. <span style="margin-right: 20px">操作人UUID:{{$elem.T_uuid}}</span>
  162. <span style="margin-right: 20px">设备名称:{{$elem.T_name}}</span>
  163. <span style="margin-right: 20px">温度下限:{{$elem.T_Tlower}}</span>
  164. <span style="margin-right: 20px">温度上限:{{$elem.T_Tupper}}</span>
  165. <span style="margin-right: 20px">湿度下限:{{$elem.T_RHlower}}</span>
  166. <span style="margin-right: 20px">湿度上限:{{$elem.T_RHupper}}</span>
  167. <span style="margin-right: 20px">启用:{{$elem.T_en}}</span>
  168. <span style="margin-right: 20px">空库:{{$elem.T_free}}</span>
  169. <span style="margin-right: 20px">修改时间:{{$elem.CreateTime}}</span>
  170. </div>
  171. {{end}}
  172. </div>
  173. </div>
  174. </div>
  175. </div>
  176. <script>
  177. //获取url中的参数
  178. function getQueryString(name) {
  179. var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
  180. var r = window.location.search.substr(1).match(reg);
  181. if (r != null)
  182. return decodeURIComponent(r[2]);
  183. return null;
  184. }
  185. function timestampToTime(timestamp) {
  186. var date = new Date(timestamp * 1000); //时间戳为10位需*1000,时间戳为13位的话不需乘1000
  187. Y = date.getFullYear() + '-';
  188. M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
  189. D = date.getDate() + ' ';
  190. h = date.getHours() + ':';
  191. m = date.getMinutes() + ':';
  192. s = date.getSeconds();
  193. return Y + M + D + h + m + s;
  194. }
  195. $("#tab_1").hide()
  196. $("#tab_2").show()
  197. function tab_1() {
  198. $("#tab_1").show()
  199. $("#tab_2").hide()
  200. }
  201. function tab_2() {
  202. $("#tab_1").hide()
  203. $("#tab_2").show()
  204. }
  205. function f_Read_DeviceSensorParameter() {
  206. $.ajax({
  207. type: 'POST',
  208. url: 'Read_DeviceSensorParameter',//发送请求
  209. data: {
  210. SN:getQueryString("Sn"),
  211. },
  212. success: function(result) {
  213. layer.msg('请求成功!');
  214. }
  215. });
  216. }
  217. function f_Device_Parameter_Del() {
  218. // console.log(getQueryString("Sn"),getQueryString("Id"))
  219. layer.confirm('确认要 删除 当前传感器吗?',
  220. function(index) {
  221. var loading = layer.load(0, {
  222. shade: false,
  223. time: 99*1000
  224. });
  225. $.ajax({
  226. type: 'POST',
  227. url: 'Device_Parameter_Del',//发送请求】
  228. data: {
  229. Sn: getQueryString("Sn"),
  230. Id: getQueryString("Id")
  231. },
  232. success: function (result) {
  233. console.log(result)
  234. layer.close(loading)
  235. //关闭当前frame
  236. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  237. parent.layer.close(index); //再执行关闭
  238. parent.location.reload();
  239. // return false;
  240. }
  241. });
  242. });
  243. }
  244. function f_Device_Parameter_Del_Device() {
  245. // console.log(getQueryString("Sn"),getQueryString("Id"))
  246. layer.confirm('确认要 删除 当前传感器吗?',
  247. function(index) {
  248. var loading = layer.load(0, {
  249. shade: false,
  250. time: 99*1000
  251. });
  252. $.ajax({
  253. type: 'POST',
  254. url: 'Device_Parameter_Del_Device',//发送请求】
  255. data: {
  256. Sn: getQueryString("Sn"),
  257. Id: getQueryString("Id")
  258. },
  259. success: function (result) {
  260. console.log(result)
  261. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  262. parent.layer.close(index); //再执行关闭
  263. parent.location.reload();
  264. // return false;
  265. }
  266. });
  267. });
  268. }
  269. function UpDeviceSensor_Tsort() {
  270. // console.log(getQueryString("Sn"),getQueryString("Id"))
  271. //
  272. $.ajax({
  273. type: 'POST',
  274. url: '../../Device/UpDeviceSensor_Tsort',//发送请求】
  275. data: {
  276. Sn: getQueryString("Sn"),
  277. Id: getQueryString("Id"),
  278. T_sort: $("#T_sort").val()
  279. },
  280. success: function (result) {
  281. console.log(result)
  282. //关闭当前frame
  283. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  284. parent.layer.close(index); //再执行关闭
  285. parent.location.reload();
  286. // return false;
  287. }
  288. });
  289. }
  290. f_Read_DeviceParameter_is = true
  291. function f_Read_DeviceParameter() {
  292. if(f_Read_DeviceParameter_is){
  293. console.log("Read_DeviceSensorParameter",getQueryString("Sn"))
  294. $.ajax({
  295. type: 'POST',
  296. url: 'Read_DeviceSensorParameter',//发送请求
  297. data: {
  298. SN:getQueryString("Sn"),
  299. },
  300. success: function(result) {
  301. }
  302. });
  303. f_Read_DeviceParameter_is = false
  304. }
  305. }
  306. layui.use(['form', 'layer', "layedit"],
  307. function () {
  308. $ = layui.jquery;
  309. var form = layui.form,
  310. layer = layui.layer;
  311. var layedit = layui.layedit
  312. layedit.set({
  313. uploadImage: {
  314. url: '/UpFile' //接口url
  315. }
  316. });
  317. T_en = false
  318. if ("{{.DeviceSensor.T_en}}" == 1) {
  319. T_en = true
  320. }
  321. T_free = false
  322. if ("{{.DeviceSensor.T_free}}" == 1) {
  323. T_free = true
  324. }
  325. form.val('example', {
  326. "S_en": T_en
  327. , "S_free": T_free
  328. });
  329. //监听提交
  330. form.on('submit(add)',
  331. function (data) {
  332. console.log("=== submit(add) ==");
  333. loading = layer.load(0, {
  334. shade: false,
  335. time: 99 * 1000
  336. });
  337. console.log(data);
  338. S_en = 0
  339. if (data.field.S_en != undefined) {
  340. S_en = 1
  341. }
  342. S_free = 0
  343. if (data.field.S_free != undefined) {
  344. S_free = 1
  345. }
  346. var T_sensor_list = [];
  347. T_sensor_list.push({
  348. })
  349. $.ajax({
  350. type: 'POST',
  351. url: "Pu_DeviceParameter_Sensor",//发送请求】
  352. data: {
  353. T_SN: Sn,
  354. T_id: parseInt(Id),
  355. "T_name": data.field.S_name,
  356. "T_Tlower": parseFloat(data.field.S_Tlower),
  357. "T_Tupper": parseFloat(data.field.S_Tupper),
  358. "T_RHlower": parseFloat(data.field.S_RHlower),
  359. "T_RHupper": parseFloat(data.field.S_RHupper),
  360. "T_en": S_en,
  361. "T_free": S_free
  362. },
  363. success: function (result) {
  364. console.log(result)
  365. //关闭当前frame
  366. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  367. parent.layer.close(index); //再执行关闭
  368. parent.location.reload();
  369. // return false;
  370. }
  371. });
  372. return false;
  373. });
  374. {{if eq $.Admin_Power.Power_DeviceSensor_Compensate_e 1}}
  375. form.on('submit(T_datashow)',
  376. function(data) {
  377. console.log("=== submit(T_datashow) ==");
  378. loading = layer.load(0, {
  379. shade: false,
  380. time: 99*1000
  381. });
  382. $.ajax({
  383. type: 'POST',
  384. url: 'UpDeviceSensor_T_datashow',//发送请求
  385. data: {
  386. Sn: Sn,
  387. Id: parseInt(Id),
  388. T_datashow:data.field.T_datashow,
  389. },
  390. success: function(result) {
  391. console.log(result)
  392. layer.close(loading)
  393. if(result.Code != 200){
  394. return
  395. }
  396. layer.msg('配置参数成功!', {
  397. offset: '6px'
  398. });
  399. //关闭当前frame
  400. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  401. parent.layer.close(index); //再执行关闭
  402. parent.location.reload();
  403. // return false;
  404. }
  405. });
  406. return false;
  407. });
  408. //监听提交
  409. form.on('submit(O_add)',
  410. function (data) {
  411. console.log("=== submit(add) ==");
  412. loading = layer.load(0, {
  413. shade: false,
  414. time: 99 * 1000
  415. });
  416. var T_sompensate_list = [];
  417. T_sompensate_list.push({
  418. "id": parseInt(Id),
  419. "T": parseFloat(data.field.O_T),
  420. "RH": parseFloat(data.field.O_RH)
  421. })
  422. $.ajax({
  423. type: 'POST',
  424. url: 'Pu_DeviceParameter_Compensate',//发送请求】
  425. data: {
  426. User_tokey: $.cookie('User_tokey'),
  427. SN: Sn,
  428. T_sompensate_list: JSON.stringify(T_sompensate_list)
  429. },
  430. success: function (result) {
  431. console.log(result)
  432. // return false;
  433. }
  434. });
  435. return false;
  436. });
  437. {{end}}
  438. // //监听指定开关
  439. // form.on('switch(switchTest)', function(data){
  440. // layer.msg('开关checked:'+ (this.checked ? 'true' : 'false'), {
  441. // offset: '6px'
  442. // });
  443. // layer.tips('温馨提示:请注意开关状态的文字可以随意定义,而不仅仅是ON|OFF', data.othis)
  444. // });
  445. //表单取值
  446. // layui.$('#LAY-component-form-getval').on('click', function(){
  447. // var data = form.val('example');
  448. // alert(JSON.stringify(data));
  449. // });
  450. var Sn = getQueryString("Sn")
  451. var Id = getQueryString("Id")
  452. $("#T_devName").html(getQueryString("Sn_name"))
  453. });
  454. </script>
  455. </body>
  456. <style>
  457. .tab_show {
  458. background-color: #CCE9FF;
  459. border-radius: 5px;
  460. padding: 4px;
  461. }
  462. </style>
  463. </html>