DataRealCalss.html 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665
  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. <script src="https://osscold.baozhida.cn/js/jquery.min.js"></script>
  14. <script src="https://osscold.baozhida.cn/js/jquery.cookie.min.js"></script>
  15. <script src="https://osscold.baozhida.cn/lib/layui/layui.js" charset="utf-8"></script>
  16. <script type="text/javascript" src="https://osscold.baozhida.cn/js/xadmin.js"></script>
  17. <style>
  18. .text-overflow{
  19. overflow: hidden;
  20. text-overflow: ellipsis;
  21. white-space: nowrap;
  22. }
  23. </style>
  24. </head>
  25. <body>
  26. <div class="x-nav">
  27. <span class="layui-breadcrumb">
  28. <a href="">首页</a>
  29. <a><cite>宝智达</cite></a>
  30. </span>
  31. <a class="layui-btn layui-btn-normal" style="line-height:1.6em;margin-top:3px;float:right"
  32. onclick="location.reload()" title="刷新">
  33. <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i>
  34. </a>
  35. </div>
  36. <div class="layui-fluid">
  37. <div class="layui-row">
  38. <!-- // 传感器 选择-->
  39. <div class="layui-col-md12">
  40. <div class="layui-card">
  41. <div class="layui-card-body ">
  42. <form class="layui-form layui-col-space5" οnsubmit="return false;">
  43. <div class="layui-input-inline layui-show-xs-block">
  44. <input value="" type="text" id="D_T_sn" name="D_T_sn" placeholder="请输入 SN"
  45. autocomplete="off"
  46. class="layui-input"></div>
  47. <div class="layui-input-inline layui-show-xs-block">
  48. <input value="" type="text" id="D_Name" name="D_Name" placeholder="请输入 传感器名称"
  49. autocomplete="off"
  50. class="layui-input"></div>
  51. <div class="layui-input-inline layui-show-xs-block">
  52. <select id="Class_1" name="Class_1">
  53. <option value=0>所有分类</option>
  54. {{range $index, $elem := .Class_List}}
  55. <option value={{$elem.Id}}>{{$elem.T_name}}
  56. </option>
  57. {{end}}
  58. </select>
  59. </div>
  60. <div class="layui-input-inline layui-show-xs-block">
  61. <div class="layui-btn layui-btn-normal"
  62. onclick="get_DeviceSensor_list(0)">
  63. <i class="layui-icon">&#xe615;</i></div>
  64. </div>
  65. </form>
  66. <hr>
  67. </div>
  68. <div class="layui-card-body " style="margin-top: -20px">
  69. <div id="DeviceSensor_list" style="width: 98%; overflow: hidden;">
  70. <div style="color: #1E9FFF;text-align: center;font-size: 15px;margin-top: 150px">加载中...</div>
  71. <!-- <div class="layui-col"-->
  72. <!-- style="height: 52px;background-color: #fafafa;border-radius:5px;padding-top: 2px;">-->
  73. <!-- <img style="float: left;width: 50px;margin: 0px 10px" src="https://osscold.baozhida.cn/images/温湿度传感器-1.png"-->
  74. <!-- height="50"-->
  75. <!-- width="40"/>-->
  76. <!-- <div style="float: left;">-->
  77. <!-- <div style="margin-top: 4px;font-size: 14px">士大夫撒地方递四方速递</div>-->
  78. <!-- <div style="margin-top: -3px;font-size: 12px">SN:KF20210510143443 [1]</div>-->
  79. <!-- </div>-->
  80. <!-- <div class="layui-card-header"-->
  81. <!-- style="float: right;padding-left: 0px;padding-top: 6px;color: #1E9FFF">-->
  82. <!-- 》-->
  83. <!-- </div>-->
  84. <!-- </div>-->
  85. </div>
  86. </div>
  87. <div class="layui-card-body " >
  88. <div style="height: 100px">
  89. <div >
  90. <span id="T_time" style="font-size: 14px">更新时间:等待同步中.....</span><img style="margin-left: 2px"
  91. src="https://osscold.baozhida.cn/images/等待.gif" height="20"
  92. width="20"/>
  93. </div>
  94. <div class="layui-card-body ">
  95. <div class="page">
  96. <div id="DeviceSensor_list_Pages">
  97. <!-- <a class="prev" href="">&lt;&lt;</a>-->
  98. <!-- <a class="num" href="">1222</a>-->
  99. <!-- <span class="current">111</span>-->
  100. <!-- <a class="num" href="">444</a>-->
  101. <!-- <a class="next" href="">&gt;&gt;</a>-->
  102. </div>
  103. </div>
  104. <div style="color: #1E9FFF;text-align: center" id="DeviceSensor_list_Pages_x"></div>
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. </body>
  114. <script>
  115. layui.use(['laydate', 'form'],
  116. function () {
  117. var laydate = layui.laydate;
  118. });
  119. var T_name = ""
  120. var Admin_rh = "{{$.Admin_r.Admin_rh}}"
  121. var T_sn = ""
  122. var T_class_id = 0
  123. var T_id = 0
  124. var T_sn_T_id = ""
  125. var Time_start = ""
  126. var Time_end = ""
  127. var T_sn_list = []
  128. var DeviceSensor_lite = []
  129. var DeviceSensor_data = []
  130. var timestamp_V = (new Date()) / 1000;
  131. var Out_time = 999;
  132. /// --------------- 传感器列表
  133. // 页面 加载完成后执行
  134. window.onload = function () {
  135. console.log("页面 加载完成后执行")
  136. setInterval(function(){
  137. //要执行的代码
  138. // console.log("setInterval===== 1S")
  139. xx = $("span[name='time_x']")
  140. for (let i = 0; i < xx.length; i++) {
  141. if(xx[i].innerHTML == "N"){
  142. continue;
  143. }
  144. if(xx[i].innerHTML > Out_time ){
  145. xx[i].innerHTML = "N"
  146. }
  147. xx[i].innerHTML = parseInt(xx[i].innerHTML) + 1
  148. }
  149. var now = new Date();
  150. $("#T_time").html("当期时间:"+now.getFullYear()+"-"+(now.getMonth()+1)+"-"+getNow(now.getDate())+" "+getNow(now.getHours())+":"+getNow(now.getMinutes())+":"+getNow(now.getSeconds())+"")
  151. },1000);
  152. //
  153. setInterval(function(){
  154. get_DeviceSensor_list(-1)
  155. },3000);
  156. }
  157. function getNow(s) {
  158. return s < 10 ? '0' + s : s;
  159. }
  160. T_page = 0
  161. function get_DeviceSensor_list(page) {
  162. if(page == -1){
  163. page = T_page
  164. }
  165. T_page = page
  166. T_sn = $("#D_T_sn").val();
  167. T_name = $("#D_Name").val();
  168. T_class_id = $("#Class_1").val();
  169. $.ajax({
  170. type: 'POST',
  171. url: 'Device_Sensor_List',//发送请求
  172. data: {
  173. User_tokey: $.cookie("User_tokey"),
  174. T_sn: T_sn,
  175. T_name: T_name,
  176. T_class_id: parseInt(T_class_id),
  177. page: page,
  178. page_z: 30,
  179. },
  180. success: function (result) {
  181. console.log(result)
  182. if (result.Code == 200) {
  183. $('#DeviceSensor_list').html("")
  184. $('#DeviceSensor_list_Pages').html("")
  185. $('#DeviceSensor_list_Pages_x').html("")
  186. DeviceSensor_lite = result.Data.DeviceSensor_lite
  187. if (DeviceSensor_lite.length == 0) {
  188. $('#DeviceSensor_list').html("<div style=\"color: #1E9FFF;text-align: center;font-size: 15px;margin-top: 150px\">没有设备</div>")
  189. return
  190. }
  191. Add_DeviceSensor_list(result.Data.DeviceSensor_lite) // 列表
  192. Add_DeviceSensor_list_Pages(result.Data.Pages) // 分页
  193. $('#DeviceSensor_list_Pages_x').append("页数:" + result.Data.Page + "/" + result.Data.Page_size + " 总数:" + result.Data.Num);
  194. } else {
  195. }
  196. }
  197. });
  198. return false
  199. }
  200. function Add_DeviceSensor_list(data) {
  201. $('#DeviceSensor_list').html("")
  202. for (let i = 0; i < data.length; i++) {
  203. if(T_sn_list.indexOf(data[i].T_sn) == -1 ){
  204. websocket.send("{\"Sn\":\"" + data[i].T_sn + "\"}");
  205. T_sn_list.push(data[i].T_sn)
  206. }
  207. src_img = "记录.png"
  208. Ds = data[i]
  209. x_ = dateChangeFormat_xiangcha(Ds.T_time)
  210. outtime = 60 * 40
  211. while (true){
  212. // 初始化状态
  213. src_img = "记录.png"
  214. // if(Ds.T_sn == "YD062289057646669" || Ds.T_sn == "KF868131063451706" ){
  215. // var myDate = new Date();
  216. // timexx= myDate.getFullYear() + "-" + (myDate.getMonth()+1) + "-" + myDate.getDate()
  217. // if(!timeX.isDuringDate(timexx+' 05:00', timexx+' 17:00')){
  218. // src_img = "离线.png"
  219. // break;
  220. // }
  221. //
  222. // }
  223. // 传感器正常
  224. if(Ds.T_sn.indexOf("YD") != -1){
  225. if(Ds.T_monitor == 0 ){
  226. src_img = "停止.png"
  227. }
  228. }
  229. // 是否 超时
  230. if(x_ > outtime) {
  231. // 传感器超时
  232. src_img = "离线-线.png"
  233. if(Ds.T_sn.indexOf("YD") != -1){
  234. src_img = "离线.png"
  235. }
  236. break;
  237. }
  238. // 是否 超标
  239. if(!(( 0 == Ds.T_Tlower && 0 == Ds.T_RHlower) && ( 0 == Ds.T_Tupper && 0 == Ds.T_RHupper))){
  240. if(Ds.T_t < Ds.T_Tlower || Ds.T_rh < Ds.T_RHlower || Ds.T_t > Ds.T_Tupper || Ds.T_rh > Ds.T_RHupper ){
  241. // 传感器 超标
  242. src_img = "报警.png"
  243. }
  244. }
  245. break;
  246. }
  247. DeviceTask_on = ""
  248. if(Ds.T_sn.indexOf("YD") != -1){
  249. DeviceTask_on = "onclick='DeviceTask_Post("+i+")'"
  250. }
  251. hidden = ""
  252. hidden_top = ""
  253. if(Admin_rh == 0 && data[i].T_sn.indexOf("YD") != -1){
  254. hidden = "hidden"
  255. hidden_top = "margin-top: 10px;"
  256. }
  257. $('#DeviceSensor_list').append("" +
  258. "<div name='"+data[i].T_sn+"' class=\"layui-col-xs5 layui-col-sm3 layui-col-md2 layui-col-lg2\" style=\"height: 104px; \" >\n" +
  259. " <div name='"+data[i].T_id+"' style=\"margin: 4px;height: 96px; border-radius:5px;background-color:#f1f1f1;\"\n" +
  260. " >\n" +
  261. " <div class=\"layui-row text-overflow\" style=\"text-align: center;font-size: 15px;background-color: #8ecbff;border-radius:5px;\">\n" +
  262. " <span style=\"float: left;background-color: #69d1ff;padding: 0px 2px;border-radius:5px;\" >"+data[i].T_id+"</span>"+
  263. " "+To_str(data[i].T_name)+"\n" +
  264. " </div>\n" +
  265. " <div class=\"layui-row\" >\n" +
  266. " <div class=\" layui-col-md4 \" style='padding-top: 3px;padding-left: 6px;' "+DeviceTask_on+">\n" +
  267. " <img name='T_img' src=\"https://osscold.baozhida.cn/img/"+src_img+"\" height=\"35\" width=\"35\"/>\n" +
  268. " </div>\n" +
  269. " <div class=\"layui-col-md8\" style=\"margin-top: 3px;white-space:nowrap\">\n" +
  270. " <div style=\""+hidden_top+"width: 98%;height:20px;float: left;font-size: 15px;text-overflow:ellipsis; overflow:hidden;\">\n" +
  271. " <span name='T_t' style=\"width: 48px;float: left\">"+To_unm(data[i].T_t)+"℃</span>\n" +
  272. " <span name='T_T' style=\"font-size: 10px;float: left;margin-top: 1px;\">"+data[i].T_Tlower+"~"+data[i].T_Tupper+"</span>\n" +
  273. " </div>\n" +
  274. " <div "+hidden+" style=\"width: 98%;height:20px;float: left;font-size: 15px;text-overflow:ellipsis; overflow:hidden;\">\n" +
  275. " <span name='T_rh' style=\"width: 48px;float: left\">"+To_unm(data[i].T_rh)+"%</span>\n" +
  276. " <span name='T_RH' style=\"font-size: 10px;float: left;margin-top: 1px;\">"+data[i].T_RHlower+"~"+data[i].T_RHupper+"</span>\n" +
  277. " </div>\n" +
  278. " </div>\n" +
  279. " <div class=\" layui-col-md12 \" style=\"padding-top: -2px;font-size: 16px;text-align: center;margin-top: 6px;border-top:1px solid #000\">\n" +
  280. " <span name='T_time'>"+dateChangeFormat('YYYY-mm-dd HH:MM:SS', data[i].T_time)+"</span>\n" +
  281. " </div>\n" +
  282. " </div>\n" +
  283. " </div>\n" +
  284. "</div>")
  285. }
  286. }
  287. function Add_DeviceSensor_list_Pages(Pages) {
  288. for (let i = 0; i < Pages.length; i++) {
  289. elem = Pages[i]
  290. switch (elem.A) {
  291. case 1:
  292. $('#DeviceSensor_list_Pages').append("<a class=\"prev\" onclick='get_DeviceSensor_list(" + elem.V + ")' >&lt;&lt;</a>\n");
  293. break;
  294. case 2:
  295. $('#DeviceSensor_list_Pages').append("<a class=\"num\" onclick='get_DeviceSensor_list(" + elem.V + ")' >" + elem.V + "</a>\n");
  296. break;
  297. case 3:
  298. $('#DeviceSensor_list_Pages').append("<span class=\"current\">" + elem.V + "</span>\n");
  299. break;
  300. case 4:
  301. $('#DeviceSensor_list_Pages').append("<a class=\"num\" onclick='get_DeviceSensor_list(" + elem.V + ")' >" + elem.V + "</a>\n");
  302. break;
  303. case 5:
  304. $('#DeviceSensor_list_Pages').append("<a class=\"next\" onclick='get_DeviceSensor_list(" + elem.V + ")' >&gt;&gt;</a>\n");
  305. break;
  306. }
  307. }
  308. }
  309. function Pu_DeviceSensor_list_g(sn,data) {
  310. for (let i = 0; i < data.length; i++) {
  311. // console.log(i," "+data[i].name)
  312. sn_ = $("div[name='"+sn+"']")
  313. // console.log("sn_:",sn_.length)
  314. if(sn_.length > 0){
  315. id_ = sn_.find("div[name='"+data[i].id+"']")
  316. // console.log("id_:",sn_.length)
  317. if(id_.length > 0){
  318. src_img = "温湿度传感器-1.png"
  319. Ds = data[i]
  320. x_ = dateChangeFormat_xiangcha(dateChangeFormat_x('YYYY-mm-dd HH:MM:SS', data[i].UT))
  321. outtime = 60 * 5
  322. // id_.find("img")[0].src = "https://osscold.baozhida.cn/images/"+src_img
  323. //
  324. id_.find("span")[1].innerHTML = "0"
  325. id_.find("span")[2].innerHTML = To_unm(data[i].T)+"℃"
  326. id_.find("span")[3].innerHTML = data[i].Tlower+"~"+data[i].Tupper
  327. id_.find("span")[4].innerHTML = To_unm(data[i].RH)+"%"
  328. id_.find("span")[5].innerHTML = data[i].RHlower+"~"+data[i].RHupper
  329. id_.find("span")[6].innerHTML = dateChangeFormat_x('YYYY-mm-dd HH:MM:SS', data[i].UT)
  330. console.log("更新:"+sn+">"+data[i].id)
  331. }
  332. }
  333. }
  334. }
  335. </script>
  336. <script>
  337. function DeviceTask_Post(i) {
  338. console.log(DeviceSensor_lite[i])
  339. confirm_str = "停止"
  340. T_task = "stop"
  341. if(DeviceSensor_lite[i].T_monitor == 0){
  342. confirm_str = "开始"
  343. T_task = "start"
  344. }
  345. layer.confirm("确定"+confirm_str+"记录?", {
  346. btn: ['确定'] //可以无限个按钮
  347. ,btn1: function(index, layero){
  348. $.ajax({
  349. type: 'POST',
  350. url: '../../Device/DeviceTask_Post',//发送请求
  351. data: {
  352. T_sn: DeviceSensor_lite[i].T_sn,
  353. T_task: T_task,
  354. },
  355. success: function (result) {
  356. console.log(result)
  357. layer.msg('提示:'+confirm_str+"记录 发送成功!请 等待同步显示",{time: 3000});
  358. }
  359. });
  360. return false
  361. }
  362. });
  363. }
  364. </script>
  365. <script>
  366. var websocket = null;
  367. //判断当前浏览器是否支持WebSocket
  368. run_WebSocket()
  369. function run_WebSocket() {
  370. console.log("run_WebSocket");
  371. if ('WebSocket' in window) {
  372. url = window.location.host
  373. console.log("url:",url)
  374. if(url.indexOf("baozhida") != -1){
  375. websocket = new WebSocket("wss://"+window.location.host+"/ws/join?User_tokey="+$.cookie('User_tokey'));
  376. }else {
  377. websocket = new WebSocket("ws://"+window.location.host+"/ws/join?User_tokey="+$.cookie('User_tokey'));
  378. }
  379. } else {
  380. alert('Dont support websocket')
  381. }
  382. }
  383. //连接成功建立的回调方法
  384. websocket.onopen = function () {
  385. console.log("open");
  386. get_DeviceSensor_list(0)
  387. // send("{\"Sn\":\"" + getQueryString("Sn") + "\"}")
  388. };
  389. //接收到消息的回调方法
  390. websocket.onmessage = function (event) {
  391. console.log(event.data)
  392. var obj = JSON.parse(event.data);
  393. // console.log(obj.type)
  394. // if(obj.sn != Device_Sn){
  395. // console.log(obj.sn,"跳过。。 Device_Sn = ",Device_Sn)
  396. // return
  397. // }
  398. // console.log(obj.sn,"进入。。 Device_Sn = ",Device_Sn)
  399. if (obj.type == 0 ) {
  400. // console.log("data.length:",obj.sensor.length)
  401. // Pu_DeviceSensor_list_g(obj.sn,obj.sensor)
  402. if(obj.type == 0 ){
  403. // $("#T_time").html("刷新时间:" + dateChangeFormat_x('YYYY-mm-dd HH:MM:SS', obj.sensor[0].UT) + " 上传刷新间隔:" + Math.abs(timestamp_V - obj.sensor[0].UT).toFixed(0) + "s")
  404. // console.log(timestamp_V, obj.sensor[0].UT, " 刷新间隔:" + (timestamp_V - obj.sensor[0].UT) + "s")
  405. timestamp_V = obj.sensor[0].UT
  406. }
  407. }
  408. };
  409. //连接关闭的回调方法
  410. websocket.onclose = function () {
  411. console.log("close");
  412. setTimeout(function(){
  413. //要执行的代码
  414. run_WebSocket();
  415. },2000);
  416. };
  417. //连接发生错误的回调方法
  418. websocket.onerror = function () {
  419. console.log("error");
  420. setTimeout(function(){
  421. //要执行的代码
  422. run_WebSocket();
  423. },2000);
  424. };
  425. //监听窗口关闭事件,当窗口关闭时,主动去关闭websocket连接,防止连接还没断开就关闭窗口,server端会抛异常。
  426. window.onbeforeunload = function () {
  427. websocket.close();
  428. console.log("窗口关闭事件");
  429. };
  430. //关闭连接
  431. function closeWebSocket() {
  432. websocket.close();
  433. console.log("onbeforeunload");
  434. window.clearInterval(intervalId);
  435. }
  436. //发送消息
  437. function send(message) {
  438. console.log(message)
  439. websocket.send(message);
  440. }
  441. </script>
  442. <script>
  443. //获取GET
  444. function getPar(par) {
  445. //获取当前URL
  446. var local_url = document.location.href;
  447. //获取要取得的get参数位置
  448. var get = local_url.indexOf(par + "=")
  449. ;
  450. if (get == -1) {
  451. return false;
  452. }
  453. //截取字符串
  454. //截取字符串
  455. var get_par = local_url.slice(par.length + get + 1);
  456. //判断截取后的字符串是否还有其他get参数
  457. var nextPar = get_par.indexOf("&")
  458. ;
  459. if (nextPar != -1) {
  460. get_par = get_par.slice(0, nextPar);
  461. }
  462. return get_par;
  463. }
  464. function timestampToTime(timestamp) {
  465. if(timestamp == undefined){
  466. return "<img src=\"https://osscold.baozhida.cn/images/等待.gif\" style='float: left' height=\"16\" width=\"16\"/>"
  467. }
  468. var date = new Date(timestamp * 1000);//时间戳为10位需*1000,时间戳为13位的话不需乘1000
  469. Y = date.getFullYear() + '-';
  470. M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
  471. D = date.getDate() + ' ';
  472. h = date.getHours() + ':';
  473. m = date.getMinutes() + ':';
  474. s = date.getSeconds();
  475. return Y + M + D + h + m + s;
  476. }
  477. function dateChangeFormat(format, date) {
  478. date = new Date(date);
  479. const dataItem = {
  480. 'Y+': date.getFullYear().toString(),
  481. 'm+': (date.getMonth() + 1).toString(),
  482. 'd+': date.getDate().toString(),
  483. 'H+': date.getHours().toString(),
  484. 'M+': date.getMinutes().toString(),
  485. 'S+': date.getSeconds().toString(),
  486. };
  487. Object.keys(dataItem).forEach((item) => {
  488. const ret = new RegExp(`(${item})`).exec(format);
  489. if (ret) {
  490. format = format.replace(ret[1], ret[1].length === 1 ? dataItem[item] : dataItem[item].padStart(ret[1].length, '0'));
  491. }
  492. });
  493. return format;
  494. }
  495. function dateChangeFormat_x(format, date) {
  496. date = new Date(date*1000);
  497. const dataItem = {
  498. 'Y+': date.getFullYear().toString(),
  499. 'm+': (date.getMonth() + 1).toString(),
  500. 'd+': date.getDate().toString(),
  501. 'H+': date.getHours().toString(),
  502. 'M+': date.getMinutes().toString(),
  503. 'S+': date.getSeconds().toString(),
  504. };
  505. Object.keys(dataItem).forEach((item) => {
  506. const ret = new RegExp(`(${item})`).exec(format);
  507. if (ret) {
  508. format = format.replace(ret[1], ret[1].length === 1 ? dataItem[item] : dataItem[item].padStart(ret[1].length, '0'));
  509. }
  510. });
  511. return format;
  512. }
  513. // 时间比较
  514. function dateChangeFormat_xiangcha( date) {
  515. // console.log("===========")
  516. a_t = (new Date(dateChangeFormat('YYYY-mm-dd HH:MM:SS', date)).getTime()/1000)
  517. b_t = ((new Date()) / 1000)
  518. // console.log("a_t:",a_t,"b_t:",b_t,">",b_t - a_t)
  519. return parseInt(b_t - a_t) ;
  520. }
  521. function To_str(data) {
  522. if(data == undefined){
  523. return "<img src=\"https://osscold.baozhida.cn/images/等待.gif\" style='float: left' height=\"16\" width=\"16\"/>"
  524. }
  525. if(data+"".length > 5){
  526. return data+"".slice(0,5);
  527. }
  528. return data;
  529. }
  530. function To_unm(data) {
  531. if(data == undefined){
  532. return "<img src=\"https://osscold.baozhida.cn/images/等待.gif\" style='float: left' height=\"16\" width=\"16\"/>"
  533. }
  534. return data.toFixed(1);
  535. }
  536. function To_time(data) {
  537. xx = dateChangeFormat_xiangcha(data)
  538. if(xx > Out_time){
  539. return "N";
  540. }
  541. return xx;
  542. }
  543. /**
  544. * [isDuringDate 比较当前时间是否在指定时间段内]
  545. * @author dongsir
  546. * @DateTime 2019-08-21
  547. * @version 1.0
  548. * @param date [beginDateStr] [开始时间]
  549. * @param date [endDateStr] [结束时间]
  550. * @return Boolean
  551. */
  552. var timeX = {
  553. isDuringDate: function(beginDateStr, endDateStr) {
  554. var curDate = new Date(),
  555. beginDate = new Date(beginDateStr),
  556. endDate = new Date(endDateStr);
  557. if (curDate >= beginDate && curDate <= endDate) {
  558. return true;
  559. }
  560. return false;
  561. },
  562. };
  563. </script>
  564. </html>