yczkIndex.htm 27 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>yckzMain</title>
  6. <style type="text/css">
  7. .active{
  8. background-color:#4E768F;
  9. }
  10. .notclick{
  11. pointer-events: none;
  12. }
  13. span.xtqd {
  14. border: 1px #908787 solid;
  15. padding: 5px 5px;
  16. color: #559c21;
  17. font-weight: bold;
  18. }
  19. span.xttz {
  20. border: 1px #908787 solid;
  21. padding: 5px 5px;
  22. color: #d61818;
  23. font-weight: bold;
  24. }
  25. li.bt {
  26. align-items: center;
  27. margin-top: 0.02rem;
  28. font-size: 0.24rem;
  29. background: #31708f;
  30. border-radius: 0.1rem;
  31. padding: 4px 15px;
  32. position: relative;
  33. overflow: hidden;
  34. }
  35. input.yczkInput{
  36. height: 21px !important;
  37. line-height: 21px !important;
  38. }
  39. .tableF td:nth-child(1) {
  40. width: 35%;
  41. font-size: 0.18rem
  42. }
  43. .tableF td:nth-child(2) {
  44. width: 14%;
  45. text-align: left;
  46. font-size: 0.18rem
  47. }
  48. .tableF td:nth-child(3) {
  49. width: 35%;
  50. font-size: 0.18rem
  51. }
  52. .tableF td:nth-child(4) {
  53. width: 14%;
  54. text-align: left;
  55. font-size: 0.18rem
  56. }
  57. .table{
  58. margin-bottom:0px;
  59. }
  60. .szbc{
  61. background: #333;
  62. color: white;
  63. width:150px;
  64. padding:10px 0;
  65. text-align: center;
  66. position: absolute;
  67. z-index: 999;
  68. top: 80%;
  69. left: 50%;
  70. margin-left:-75px;
  71. border-radius: 6px;
  72. }
  73. </style>
  74. <script type="text/javascript">
  75. var iscroll;
  76. /**
  77. * 初始化滚动条
  78. * */
  79. iscroll = new IScroll(".wsclIscroll",{
  80. scrollbars: true,
  81. fadeScrollbars:true,
  82. scrollbars: 'custom',
  83. shrinkScrollbars:'clip',
  84. click:true
  85. });
  86. setTimeout(function(){
  87. iscroll.refresh();
  88. }, 100);
  89. /**
  90. * 开关事件
  91. * */
  92. mui('.mui-content .mui-switch').each(function() { //循环所有toggle
  93. mui(this)['switch']();
  94. //toggle 事件监听
  95. this.addEventListener('toggle', function(event) {
  96. if (!$(this).parent().is('.faactive')) {
  97. //event.detail.isActive 可直接获取当前状态
  98. var isActive = this.classList.contains("mui-active"); //判断打开ON或者关闭OFF
  99. if(isActive){ //打开状态
  100. $(this).parent().next().slideDown(500,function(){
  101. iscroll.refresh();
  102. });
  103. }else{ //关闭状态
  104. $(this).parent().next().slideUp(500,function(){
  105. iscroll.refresh();
  106. });
  107. }
  108. } else if ($(this).parent().is('.zyns1')) {
  109. var isActive = this.classList.contains("mui-active"); //判断打开ON或者关闭OFF
  110. if(isActive){ //打开状态
  111. $(this).parent().parent().find("td:eq(1)").html("启动");
  112. $(this).parent().parent().find("input").eq(0).val("1");
  113. $(this).parent().parent().find("input").eq(1).val("0");
  114. $("#sfz0").val("2");
  115. $(this).parent().next().slideDown(500,function(){
  116. iscroll.refresh();
  117. });
  118. }else{ //关闭状态
  119. $(this).parent().parent().find("td:eq(1)").html("停机");
  120. $(this).parent().parent().find("input").eq(0).val("0");
  121. $(this).parent().parent().find("input").eq(1).val("1");
  122. $("#sfz0").val("2");
  123. $(this).parent().next().slideUp(500,function(){
  124. iscroll.refresh();
  125. });
  126. }
  127. } else if ($(this).parent().is('.zyns2')) {
  128. var isActive = this.classList.contains("mui-active"); //判断打开ON或者关闭OFF
  129. if(isActive){ //打开状态
  130. $(this).parent().parent().find("td:eq(1)").html("启动");
  131. $(this).parent().parent().find("input").eq(0).val("1");
  132. $(this).parent().parent().find("input").eq(1).val("0");
  133. $("#sfz0").val("3");
  134. $(this).parent().next().slideDown(500,function(){
  135. iscroll.refresh();
  136. });
  137. } else{ //关闭状态
  138. $(this).parent().parent().find("td:eq(1)").html("停机");
  139. $(this).parent().parent().find("input").eq(0).val("0");
  140. $(this).parent().parent().find("input").eq(1).val("1");
  141. $("#sfz0").val("3");
  142. $(this).parent().next().slideUp(500,function(){
  143. iscroll.refresh();
  144. });
  145. }
  146. } else {
  147. var isActive = this.classList.contains("mui-active"); //判断打开ON或者关闭OFF
  148. if(isActive){ //打开状态
  149. $(this).parent().parent().find("td:eq(1)").html("打开");
  150. $(this).parent().parent().find("input").val("1");
  151. $(this).parent().next().slideDown(500,function(){
  152. iscroll.refresh();
  153. });
  154. }else{ //关闭状态
  155. $(this).parent().parent().find("td:eq(1)").html("关闭");
  156. $(this).parent().parent().find("input").val("0");
  157. $(this).parent().next().slideUp(500,function(){
  158. iscroll.refresh();
  159. });
  160. }
  161. }
  162. });
  163. });
  164. //保存
  165. function saveWsclYckz() {
  166. var date = new Date().getTime();
  167. var gyztz = $("#gyzt").val();
  168. var zyztz = $("#zy").val();
  169. //input输入框非法输入无法保存
  170. var pdbz1 = $("#pdbz1").val();
  171. var pdbz2 = $("#pdbz2").val();
  172. var pdbz3 = $("#pdbz3").val();
  173. var pdbz4 = $("#pdbz4").val();
  174. if (pdbz1 == "1" || pdbz2 == "1" || pdbz3 == "1" || pdbz4 == "1") {
  175. return;
  176. }
  177. if (gyztz == "离线" && zyztz == "离线") {
  178. alert("沼液浓缩系统与固液分离单元都处于离线状态,无法操作");
  179. return;
  180. } else if (gyztz == "离线") {
  181. alert("固液分离单元处于离线状态,不可操作");
  182. } else if (zyztz == "离线") {
  183. alert("沼液浓缩系统处于离线状态,不可点击");
  184. }
  185. //固液分离
  186. var gyfl = $("#scylb").val() + "," + $("#scjcj").val() + "," + $("#sczddj").val() + "," + $("#sczds").val() + ","
  187. + $("#scslb").val() + "," + $("#scpwb").val() + "," + $("#sclyb").val();
  188. //沼液分离1
  189. var zyfl1 = $("#uf1qd").val() + "," + $("#uf1tj").val() + "," + $("#nfqd").val() + "," + $("#nftj").val() + ","
  190. + $("#uf1yxsj1").val() + "," + $("#nfyxsj1").val() + "," + $("#uf1sfxsj1").val()+ "," + $("#nfkjcxsj1").val() + ","
  191. + $("#uf1xfxsj1").val() + "," + $("#nftjcxsj1").val() + "," + $("#uf1zxsj1").val()+ "," + $("#nfgybpl1").val() + ","
  192. + $("#ufzybpl1").val() + "," + $("#mcxbpl1").val() + "," + $("#xtsbqd").val() + "," + $("#xtsbtz").val();
  193. //沼液分离2
  194. var zyfl2 = $("#uf2qd").val() + "," + $("#uf2tj").val() + "," + $("#roqd").val() + "," + $("#rotj").val() + ","
  195. + $("#uf2yxsj2").val() + "," + $("#royxsj2").val() + "," + $("#uf2sfxsj2").val()+ "," + $("#rokjcxsj2").val() + ","
  196. + $("#uf2xfxsj2").val() + "," + $("#rotjcxsj2").val() + "," + $("#uf2zxsj2").val()+ "," + $("#rogybpl2").val() + ","
  197. + $("#ufzybpl2").val() + "," + $("#mcxbpl2").val();
  198. jQuery.ajax({
  199. url : 'saveWsclYckz.htm',
  200. dataType : 'json',
  201. type : 'post',
  202. cache : false,
  203. data : {
  204. "mcid" : $("#mcid").val(),
  205. "sbid" : $("#sbid").val(),
  206. "zdyxkg" : $("#zdyxkg").val(),
  207. "gyflid" : $("#gyflid").val(),
  208. "zyfl1id" : $("#zyfl1id").val(),
  209. "zyfl2id" : $("#zyfl2id").val(),
  210. "gyfl" : gyfl,
  211. "zyfl1" : zyfl1,
  212. "zyfl2" : zyfl2
  213. },
  214. success : function(data) {
  215. if (data.returnCode > 0) {
  216. //returncode 但凡 = 1 ,说明有一条数据是更新的。需要跑一下线程
  217. time(date);
  218. } else {
  219. mui.toast("保存成功");
  220. haifm.loadMobilePage("wsclMenu", "wsclYckzIndex.htm?mcid=" + $("#mcid").val());
  221. }
  222. }
  223. });
  224. }
  225. //自动手动转换
  226. $(".yxzt > span").on("click" , function(){
  227. $(this).addClass("active").siblings().removeClass("active");
  228. if($(this).hasClass("zdyx")) {
  229. if ($(this).parent().parent().is('.gyflkz')) {
  230. $("#zdyxkg").val("1");
  231. $(".gy").addClass("notclick");//设为不可点击
  232. } else if ($(this).parent().parent().is('.zyns1kz')) {
  233. //$("#zdyxkg").val("1");
  234. $(".zy1").addClass("notclick");//设为不可点击
  235. } else {
  236. //$("#zdyxkg").val("1");
  237. $(".zy2").addClass("notclick");//设为不可点击
  238. }
  239. alert("自动运行模式不可进行操作");
  240. } else if ($(this).hasClass("xtqd")) {
  241. $("#xtsbqd").val("1");
  242. $("#xtsbtz").val("0");
  243. $(".xtqd").addClass("active").siblings().removeClass("active");
  244. /* $("#uf1qd").val("1");
  245. $("#uf1tj").val("0");
  246. $("#nfqd").val("1");
  247. $("#nftj").val("0");
  248. $("#uf2qd").val("1");
  249. $("#uf2tj").val("0");
  250. $("#roqd").val("1");
  251. $("#rotj").val("0"); */
  252. //$(".zt").html("启动");
  253. $("#sfz0").val("1");
  254. //$(".nsxt").addClass("mui-active").siblings().removeClass("active");
  255. } else if ($(this).hasClass("xttz")) {
  256. $("#xtsbtz").val("1");
  257. $("#xtsbqd").val("0");
  258. $(".xttz").addClass("active").siblings().removeClass("active");
  259. /* $("#uf1qd").val("0");
  260. $("#uf1tj").val("1");
  261. $("#nfqd").val("0");
  262. $("#nftj").val("1");
  263. $("#uf2qd").val("0");
  264. $("#uf2tj").val("1");
  265. $("#roqd").val("0");
  266. $("#rotj").val("1"); */
  267. //$(".zt").html("停机");
  268. $("#sfz0").val("1");
  269. //$(".nsxt").removeClass("mui-active");
  270. } else if ($(this).hasClass("sdyx")) {
  271. if ($(this).parent().parent().is('.gyflkz')) {
  272. $("#zdyxkg").val("0");
  273. $(".gy").removeClass("notclick");//移除不可点击
  274. } else if ($(this).parent().parent().is('.zyns1kz')) {
  275. //$("#zdyxkg").val("0");
  276. $(".zy1").removeClass("notclick");//移除不可点击
  277. } else {
  278. //$("#zdyxkg").val("0");
  279. $(".zy2").removeClass("notclick");//移除不可点击
  280. }
  281. }
  282. })
  283. //xtqd,tz置0
  284. function saveQdTz(sfz) {
  285. jQuery.ajax({
  286. url : 'setQdTz.htm',
  287. dataType : 'json',
  288. type : 'post',
  289. cache : false,
  290. data : {
  291. "mcid" : $("#mcid").val(),
  292. "sz" : sfz
  293. },
  294. success : function(data) {
  295. if (data.returnCode > 0) {
  296. //returncode 但凡 = 1 ,说明有一条数据是更新的。需要跑一下线程
  297. }
  298. }
  299. });
  300. }
  301. var timer;
  302. //date 为操作保存时间
  303. function time(date){
  304. $(".szbc").show();
  305. showOverlay();
  306. var count = 0;
  307. var tof = false;
  308. //上传保存数据 ,返回一个success ,
  309. //如果保存成功, 定时器三秒运行一次, 查询是否插入成功。如果又一次查询到插入成功,停止定时器,
  310. //如果四次都失败,提示 网络异常。
  311. //开始查询
  312. //开启定时器, 三秒执行一次
  313. timer = setInterval(function() {
  314. count = parseInt(count) + 1;
  315. var flag = 0;
  316. if(count%3 == 0) {
  317. jQuery.ajax({
  318. url : 'selectResult.htm',
  319. dataType : 'json',
  320. type : 'post',
  321. cache : false,
  322. anysc : true,
  323. data : {
  324. "mcid" : $("#mcid").val(),
  325. "date" : date
  326. },
  327. success : function(data) {
  328. var code = data.returnCode;
  329. if(code == 1) {
  330. $(".szbc").hide();
  331. hideOverlay();
  332. var sfz = $("#sfz0").val();
  333. if (sfz == "1" || sfz == "2" || sfz == "3") {
  334. saveQdTz(sfz);
  335. }
  336. //关闭定时器
  337. clearInterval(timer);
  338. haifm.loadMobilePage("wsclMenu", "wsclYckzIndex.htm?mcid=" + $("#mcid").val());
  339. }
  340. }
  341. })
  342. }
  343. if(count >= 20) {
  344. //超时
  345. hideOverlay();
  346. if (flag == 1) {
  347. mui.toast("设置成功");
  348. } else {
  349. mui.alert("操作超时,请重新操作或检查系统是否正常");
  350. }
  351. var sfz = $("#sfz0").val();
  352. if (sfz == "1" || sfz == "2" || sfz == "3") {
  353. saveQdTz(sfz);
  354. }
  355. //关闭定时器
  356. $(".szbc").hide();
  357. clearInterval(timer);
  358. haifm.loadMobilePage("wsclMenu", "wsclYckzIndex.htm?mcid=" + $("#mcid").val());
  359. }
  360. }, 1000);
  361. }
  362. function hideOverlay(){
  363. $("#overlay").fadeOut(200);
  364. };
  365. /**
  366. * 显示遮罩层
  367. * */
  368. function showOverlay(){
  369. $("#overlay").fadeTo(200, 0.25);
  370. };
  371. /**
  372. * 当前页面高度
  373. */
  374. function pageHeight(){
  375. return document.body.scrollHeight;
  376. };
  377. /**
  378. * 当前页面宽度
  379. * */
  380. function pageWidth(){
  381. return document.body.scrollWidth;
  382. };
  383. //加载远程控制说明书
  384. function yckzView(){
  385. haifm.loadMobilePage("wsclMenu", "yckzView.htm");
  386. }
  387. function check(_this){
  388. var valu = $(_this).val();
  389. var pdbz = "0";
  390. if (!typeof(valu) == "number") {
  391. alert("请输入0-60之间整数");
  392. pdbz = "1";
  393. } else {
  394. if (parseInt(valu) < 0 || parseInt(valu) > 60) {
  395. alert("请输入0-60之间整数");
  396. pdbz = "1";
  397. }
  398. }
  399. $("#pdbz1").val(pdbz);
  400. }
  401. function check1(_this){
  402. var valu = $(_this).val();
  403. var pdbz = "0";
  404. if (!typeof(valu) == "number") {
  405. alert("请输入0-50之间整数");
  406. pdbz = "1";
  407. } else {
  408. if (parseInt(valu) < 0 || parseInt(valu) > 50) {
  409. alert("请输入0-50之间整数");
  410. pdbz = "1";
  411. }
  412. }
  413. $("#pdbz2").val(pdbz);
  414. }
  415. function check3(_this){
  416. var valu = $(_this).val();
  417. var pdbz = "0";
  418. if (!typeof(valu) == "number") {
  419. alert("请输入0-9999之间整数");
  420. pdbz = "1";
  421. } else {
  422. if (parseInt(valu) < 0 || parseInt(valu) > 9999) {
  423. alert("请输入0-9999之间整数");
  424. pdbz = "1";
  425. }
  426. }
  427. $("#pdbz3").val(pdbz);
  428. }
  429. function check2(_this){
  430. var valu = $(_this).val();
  431. var pdbz = "0";
  432. if (!typeof(valu) == "number") {
  433. alert("请输入0-600之间整数");
  434. pdbz = "1";
  435. } else {
  436. if (parseInt(valu) < 0 || parseInt(valu) > 600) {
  437. alert("请输入0-600之间整数");
  438. pdbz = "1";
  439. }
  440. }
  441. $("#pdbz4").val(pdbz);
  442. }
  443. $(function () {
  444. var gyztz = $("#gyzt").val();
  445. var zyztz = $("#zy").val();
  446. if (gyztz == "离线") {
  447. $(".gymk").addClass("notclick");//设为不可点击
  448. } else {
  449. $(".gymk").removeClass("notclick");//移除不可点击
  450. }
  451. if (zyztz == "离线") {
  452. $(".ns1mk").addClass("notclick");//设为不可点击
  453. } else {
  454. $(".ns1mk").removeClass("notclick");//移除不可点击
  455. }
  456. });
  457. </script>
  458. </head>
  459. <body>
  460. <div style="display:none;" class="szbc">设置保存中,请稍后</div>
  461. <section class="wsclIscroll" style="background: #fff;">
  462. <div class="mui-content">
  463. <div style="text-align: center;">
  464. <a target='_black' href='javascript:yckzView();' style="color: #2f3cd8;text-align:center;">远程控制使用说明</a>
  465. </div>
  466. <div id="tabbarZtgk" class="mui-control-content mui-active">
  467. <ul class="mui-table-view">
  468. <!-- 固液分离单元 -->
  469. <li class="mui-table-view-cell">
  470. <span class="jbxx"></span><span>固液分离单元</span>
  471. <span #if("$!gyzt" == "离线") style="color:red;margin-left:1rem;" #elseif("$!gyzt" == "在线") style="color:#3be03e;margin-left:1rem;" #end>$!gyzt</span>
  472. <div class="mui-switch mui-active">
  473. <div class="mui-switch-handle"></div>
  474. </div>
  475. </li>
  476. <li class="hiddenli" style="display: block;">
  477. <div class="rowBox container-fluid gymk">
  478. <table class="table" style="margin:0 0;">
  479. <tr class="gyflkz">
  480. <td style="position: relative;left: 35px;">运行状态</td>
  481. <td class="yxzt" style="text-align: -webkit-right;">
  482. <span class="#if($!wsclGyfldy.zdyxkg != 1) active #end sdyx" >手动运行</span>
  483. <span class="#if($!wsclGyfldy.zdyxkg == 1) active #end zdyx" >自动运行</span>
  484. </td>
  485. </tr>
  486. </table>
  487. <table class="table table-striped tableT gy #if($!wsclGyfldy.zdyxkg == 1) notclick #end">
  488. <tr>
  489. <td>设备</td>
  490. <td>状态</td>
  491. <td>开关</td>
  492. </tr>
  493. <tr>
  494. <td>原料泵</td>
  495. <td>#if("$!{wsclGyfldy.scylb}" == "1")打开#else关闭 #end</td>
  496. <td class="faactive">
  497. <input type="hidden" id="scylb" value="$!wsclGyfldy.scylb" />
  498. <div class="mui-switch #if($!wsclGyfldy.scylb == 1) mui-active #else #end">
  499. <div class="mui-switch-handle"></div>
  500. </div>
  501. </td>
  502. </tr>
  503. <tr>
  504. <td>挤出机</td>
  505. <td>#if("$!{wsclGyfldy.scjcj}" == "1")打开#else关闭 #end</td>
  506. <td class="faactive">
  507. <input type="hidden" id="scjcj" value="$!wsclGyfldy.scjcj" />
  508. <div class="mui-switch #if($!wsclGyfldy.scjcj == 1) mui-active #else #end">
  509. <div class="mui-switch-handle"></div>
  510. </div>
  511. </td>
  512. </tr>
  513. <tr>
  514. <td>振动电机</td>
  515. <td>#if("$!{wsclGyfldy.sczddj}" == "1")打开#else关闭 #end</td>
  516. <td class="faactive">
  517. <input type="hidden" id="sczddj" value="$!wsclGyfldy.sczddj" />
  518. <div class="mui-switch #if($!wsclGyfldy.sczddj == 1) mui-active #else #end">
  519. <div class="mui-switch-handle"></div>
  520. </div>
  521. </td>
  522. </tr>
  523. <tr>
  524. <td>振荡筛</td>
  525. <td>#if("$!{wsclGyfldy.sczds}" == "1")打开#else关闭 #end</td>
  526. <td class="faactive">
  527. <input type="hidden" id="sczds" value="$!wsclGyfldy.sczds" />
  528. <div class="mui-switch #if($!wsclGyfldy.sczds == 1) mui-active #else #end">
  529. <div class="mui-switch-handle"></div>
  530. </div>
  531. </td>
  532. </tr>
  533. <tr>
  534. <td>上料泵</td>
  535. <td>#if("$!{wsclGyfldy.scslb}" == "1")打开#else关闭 #end</td>
  536. <td class="faactive">
  537. <input type="hidden" id="scslb" value="$!wsclGyfldy.scslb" />
  538. <div class="mui-switch #if($!wsclGyfldy.scslb == 1) mui-active #else #end">
  539. <div class="mui-switch-handle"></div>
  540. </div>
  541. </td>
  542. </tr>
  543. <tr>
  544. <td>排污泵</td>
  545. <td>#if("$!{wsclGyfldy.scpwb}" == "1")打开#else关闭 #end</td>
  546. <td class="faactive">
  547. <input type="hidden" id="scpwb" value="$!wsclGyfldy.scpwb" />
  548. <div class="mui-switch #if($!wsclGyfldy.scpwb == 1) mui-active #else #end">
  549. <div class="mui-switch-handle"></div>
  550. </div>
  551. </td>
  552. </tr>
  553. <tr>
  554. <td>滤液泵</td>
  555. <td>#if("$!{wsclGyfldy.sclyb}" == "1")打开#else关闭 #end</td>
  556. <td class="faactive">
  557. <input type="hidden" id="sclyb" value="$!wsclGyfldy.sclyb" />
  558. <div class="mui-switch #if($!wsclGyfldy.sclyb == 1) mui-active #else #end">
  559. <div class="mui-switch-handle"></div>
  560. </div>
  561. </td>
  562. </tr>
  563. </table>
  564. </div>
  565. </li>
  566. <!-- 沼液浓缩系统 -->
  567. <li class="mui-table-view-cell">
  568. <span class="jbxx"></span><span>沼液浓缩系统</span>
  569. <span #if("$!zy" == "离线") style="color:red;margin-left:1rem;" #elseif("$!zy" == "在线") style="color:#3be03e;margin-left:1rem;" #end>$!zy</span>
  570. <div class="mui-switch mui-active">
  571. <div class="mui-switch-handle"></div>
  572. </div>
  573. </li>
  574. <li class="hiddenli" style="display: block;">
  575. <div class="rowBox container-fluid ns1mk">
  576. <table class="table" style="margin:0 0;">
  577. <tr class="zyns1kz">
  578. <td style="position: relative;left: 35px;">运行状态</td>
  579. <td class="yxzt" style="text-align: -webkit-right;">
  580. <span class="#if($!wsclZyns1.xtqd == 1) active #end xtqd">一键启动</span>
  581. <span class="#if($!wsclZyns1.xttz == 1) active #end xttz">一键停机</span>
  582. </td>
  583. </tr>
  584. </table>
  585. <table class="table table-striped tableT zy1">
  586. <tr>
  587. <td>系统</td>
  588. <td>状态</td>
  589. <td>开关</td>
  590. </tr>
  591. <tr>
  592. <td>UF1控制系统</td>
  593. <td class="zt">#if("$!{wsclZyns1.uf1qd}" == "1") 启动 #elseif("$!{wsclZyns1.uf1tj}" == "1") 停机#end</td>
  594. <td class="faactive zyns1">
  595. <input type="hidden" id="uf1qd" value="$!wsclZyns1.uf1qd" />
  596. <input type="hidden" id="uf1tj" value="$!wsclZyns1.uf1tj" />
  597. <div class="mui-switch #if($!wsclZyns1.uf1qd == 1) mui-active #end nsxt">
  598. <div class="mui-switch-handle"></div>
  599. </div>
  600. </td>
  601. </tr>
  602. <tr>
  603. <td>NF控制系统</td>
  604. <td class="zt">#if($!{wsclZyns1.nfqd} == 1) 启动 #elseif($!{wsclZyns1.nftj} == 1) 停机#end</td>
  605. <td class="faactive zyns1">
  606. <input type="hidden" id="nfqd" value="$!wsclZyns1.nfqd" />
  607. <input type="hidden" id="nftj" value="$!wsclZyns1.nftj" />
  608. <div class="mui-switch #if($!wsclZyns1.nfqd == 1) mui-active #end nsxt">
  609. <div class="mui-switch-handle"></div>
  610. </div>
  611. </td>
  612. </tr>
  613. <tr>
  614. <td>UF2控制系统</td>
  615. <td class="zt">#if("$!{wsclZyns2.uf2qd}" == "1") 启动 #elseif("$!{wsclZyns2.uf2tj}" == "1") 停机#end</td>
  616. <td class="faactive zyns2">
  617. <input type="hidden" id="uf2qd" value="$!wsclZyns2.uf2qd" />
  618. <input type="hidden" id="uf2tj" value="$!wsclZyns2.uf2tj" />
  619. <div class="mui-switch #if($!wsclZyns2.uf2qd == 1) mui-active #end nsxt">
  620. <div class="mui-switch-handle"></div>
  621. </div>
  622. </td>
  623. </tr>
  624. <tr>
  625. <td>RO控制系统</td>
  626. <td class="zt">#if("$!{wsclZyns2.roqd}" == "1") 启动 #elseif("$!{wsclZyns2.rotj}" == "1") 停机#end</td>
  627. <td class="faactive zyns2">
  628. <input type="hidden" id="roqd" value="$!wsclZyns2.roqd" />
  629. <input type="hidden" id="rotj" value="$!wsclZyns2.rotj" />
  630. <div class="mui-switch #if($!wsclZyns2.roqd == 1) mui-active #end nsxt">
  631. <div class="mui-switch-handle"></div>
  632. </div>
  633. </td>
  634. </tr>
  635. </table>
  636. <table class="" style="width:100%;">
  637. <tr>
  638. <td>
  639. <li class="bt">
  640. <span class="jbxx"></span><span>沼液浓缩单元1</span>
  641. </li>
  642. </td>
  643. </tr>
  644. </table>
  645. <table class="table table-striped tableF zy1input">
  646. <tr>
  647. <td>参数项</td>
  648. <td>值</td>
  649. <td>参数项</td>
  650. <td>值</td>
  651. </tr>
  652. <tr>
  653. <td>UF1运行时间(S)</td>
  654. <td><input id="uf1yxsj1" onBlur="check3(this)" style="width: 37px;position: relative;left: -10px;" type="text" name="bz" placeholder="请输入" maxlength="100" class="yczkInput" value="$!wsclZyns1.uf1yxsj"/></td>
  655. <td>UF1上反洗时间(S)</td>
  656. <td><input id="uf1sfxsj1" onBlur="check(this)" style="width: 37px;position: relative;left: -10px;" type="text" name="bz" placeholder="请输入" maxlength="100" class="yczkInput" value="$!wsclZyns1.uf1sfxsj"/></td>
  657. </tr>
  658. <tr>
  659. <td>UF1正洗时间(S)</td>
  660. <td><input id="uf1zxsj1" onBlur="check(this)" style="width: 37px;position: relative;left: -10px;" type="text" name="bz" placeholder="请输入" maxlength="100" class="yczkInput" value="$!wsclZyns1.uf1zxsj"/></td>
  661. <td>UF1下反洗时间(S)</td>
  662. <td><input id="uf1xfxsj1" onBlur="check(this)" style="width: 37px;position: relative;left: -10px;" type="text" name="bz" placeholder="请输入" maxlength="100" class="yczkInput" value="$!wsclZyns1.uf1xfxsj"/></td>
  663. </tr>
  664. <tr>
  665. <td>NF运行时间(M)</td>
  666. <td><input id="nfyxsj1" onBlur="check2(this)" style="width: 37px;position: relative;left: -10px;" type="text" name="bz" placeholder="请输入" maxlength="100" class="yczkInput" value="$!wsclZyns1.nfyxsj"/></td>
  667. <td>NF开机冲洗时间(S)</td>
  668. <td><input id="nfkjcxsj1" onBlur="check2(this)" style="width: 37px;position: relative;left: -10px;" type="text" name="bz" placeholder="请输入" maxlength="100" class="yczkInput" value="$!wsclZyns1.nfkjcxsj"/></td>
  669. </tr>
  670. <tr>
  671. <td>NF停机冲洗时间(S)</td>
  672. <td><input id="nftjcxsj1" onBlur="check2(this)" style="width: 37px;position: relative;left: -10px;" type="text" name="bz" placeholder="请输入" maxlength="100" class="yczkInput" value="$!wsclZyns1.nftjcxsj"/></td>
  673. <td>NF高压泵频率(HZ)</td>
  674. <td><input id="nfgybpl1" onBlur="check1(this)" style="width: 37px;position: relative;left: -10px;" type="text" name="bz" placeholder="请输入" maxlength="100" class="yczkInput" value="$!wsclZyns1.nfgybpl"/></td>
  675. </tr>
  676. <tr>
  677. <td>UF1增压泵频率(HZ)</td>
  678. <td><input id="ufzybpl1" onBlur="check1(this)" style="width: 37px;position: relative;left: -10px;" type="text" name="bz" placeholder="请输入" maxlength="100" class="yczkInput" value="$!wsclZyns1.ufzybpl"/></td>
  679. <td>UF1膜冲洗泵频率(HZ)</td>
  680. <td><input id="mcxbpl1" onBlur="check1(this)" style="width: 37px;position: relative;left: -10px;" type="text" name="bz" placeholder="请输入" maxlength="100" class="yczkInput" value="$!wsclZyns1.mcxbpl"/></td>
  681. </tr>
  682. </table>
  683. <table class="" style="width:100%;">
  684. <tr>
  685. <td>
  686. <li class="bt">
  687. <span class="jbxx"></span><span>沼液浓缩单元2</span>
  688. </li>
  689. </td>
  690. </tr>
  691. </table>
  692. <table class="table table-striped tableF">
  693. <tr>
  694. <td>参数项</td>
  695. <td>值</td>
  696. <td>参数项</td>
  697. <td>值</td>
  698. </tr>
  699. <tr>
  700. <td>UF2运行时间(S)</td>
  701. <td><input type="text" onBlur="check3(this)" style="width: 37px;position: relative;left: -10px;" id="uf2yxsj2" name="bz" placeholder="请输入" maxlength="100" class="yczkInput" value="$!wsclZyns2.uf2yxsj"/></td>
  702. <td>UF2上反洗时间(S)</td>
  703. <td><input type="text" onBlur="check(this)" style="width: 37px;position: relative;left: -10px;" id="uf2sfxsj2" name="bz" placeholder="请输入" maxlength="100" class="yczkInput" value="$!wsclZyns2.uf2sfxsj"/></td>
  704. </tr>
  705. <tr>
  706. <td>UF2正洗时间(S)</td>
  707. <td><input type="text" onBlur="check(this)" style="width: 37px;position: relative;left: -10px;" id="uf2zxsj2" name="bz" placeholder="请输入" maxlength="100" class="yczkInput" value="$!wsclZyns2.uf2zxsj"/></td>
  708. <td>UF2下反洗时间(S)</td>
  709. <td><input type="text" onBlur="check(this)" style="width: 37px;position: relative;left: -10px;" id="uf2xfxsj2" name="bz" placeholder="请输入" maxlength="100" class="yczkInput" value="$!wsclZyns2.uf2xfxsj"/></td>
  710. </tr>
  711. <tr>
  712. <td>RO运行时间(M)</td>
  713. <td><input type="text" style="width: 37px;position: relative;left: -10px;" id="royxsj2" name="bz" placeholder="请输入" maxlength="100" class="yczkInput" value="$!wsclZyns2.royxsj"/></td>
  714. <td>RO开机冲洗时间(S)</td>
  715. <td><input type="text" style="width: 37px;position: relative;left: -10px;" id="rokjcxsj2" name="bz" placeholder="请输入" maxlength="100" class="yczkInput" value="$!wsclZyns2.rokjcxsj"/></td>
  716. </tr>
  717. <tr>
  718. <td>RO停机冲洗时间(S)</td>
  719. <td><input type="text" style="width: 37px;position: relative;left: -10px;" id="rotjcxsj2" name="bz" placeholder="请输入" maxlength="100" class="yczkInput" value="$!wsclZyns2.rotjcxsj"/></td>
  720. <td>RO高压泵频率(HZ)</td>
  721. <td><input type="text" onBlur="check1(this)" style="width: 37px;position: relative;left: -10px;" id="rogybpl2" name="bz" placeholder="请输入" maxlength="100" class="yczkInput" value="$!wsclZyns2.rogybpl"/></td>
  722. </tr>
  723. <tr>
  724. <td>UF2增压泵频率(HZ)</td>
  725. <td><input type="text" onBlur="check1(this)" style="width: 37px;position: relative;left: -10px;" id="ufzybpl2" name="bz" placeholder="请输入" maxlength="100" class="yczkInput" value="$!wsclZyns2.ufzybpl"/></td>
  726. <td>UF2膜冲洗泵频率(HZ)</td>
  727. <td><input type="text" onBlur="check1(this)" style="width: 37px;position: relative;left: -10px;" id="mcxbpl2" name="bz" placeholder="请输入" maxlength="100" class="yczkInput" value="$!wsclZyns2.mcxbpl"/></td>
  728. </tr>
  729. </table>
  730. </div>
  731. </li>
  732. </ul>
  733. </div>
  734. </div>
  735. <span class="md-trigger cx" data-modal="modal-1" ></span>
  736. </section>
  737. <input type="hidden" id="mcid" value="$!mcid"/>
  738. <input type="hidden" id="zdyxkg" value="$!wsclGyfldy.zdyxkg" />
  739. <input type="hidden" id="gyflid" value="$!wsclGyfldy.id" />
  740. <input type="hidden" id="sbid" value="$!wsclGyfldy.sbid" />
  741. <input type="hidden" id="zyfl1id" value="$!wsclZyns1.id" />
  742. <input type="hidden" id="zyfl2id" value="$!wsclZyns2.id" />
  743. <input type="hidden" id="xtsbqd" value="$!wsclZyns1.xtqd" />
  744. <input type="hidden" id="xtsbtz" value="$!wsclZyns1.xttz" />
  745. <input type="hidden" id="gyzt" value="$!gyzt" />
  746. <input type="hidden" id="zy" value="$!zy" />
  747. <input type="hidden" id="pdbz1" value="$!pdbz1" />
  748. <input type="hidden" id="pdbz2" value="$!pdbz2" />
  749. <input type="hidden" id="pdbz3" value="$!pdbz3" />
  750. <input type="hidden" id="pdbz4" value="$!pdbz4" />
  751. <input type="hidden" id="sfz0" value="$!sfqd" />
  752. </body>
  753. </html>