From 6efaa2ba16a302cba69622587dbab95f19795279 Mon Sep 17 00:00:00 2001
From: hdw <hdw@192.168.7.127>
Date: 星期三, 16 一月 2019 16:39:21 +0800
Subject: [PATCH] 手机端实时测试数据显示更新
---
gx_tieta/WebRoot/mobil/js/tbl.js | 147 +++++++++++++++++++++++++++++++++++++++++++++++++
gx_tieta/WebRoot/mobil/control.html | 8 +-
2 files changed, 151 insertions(+), 4 deletions(-)
diff --git a/gx_tieta/WebRoot/mobil/control.html b/gx_tieta/WebRoot/mobil/control.html
index 07e5b31..024b474 100644
--- a/gx_tieta/WebRoot/mobil/control.html
+++ b/gx_tieta/WebRoot/mobil/control.html
@@ -47,7 +47,7 @@
</ul>
<div data-role="collapsible" data-collapsed="false">
<h1 id="jifangzhuangtai">鏈烘埧鐘舵��</h1>
- <div class="tbl-container1"></div>
+ <div class="tbl-container"></div>
</div>
<div data-role="collapsible" data-collapsed="false">
<h1 id="zhuangtai">鐢垫睜缁勭姸鎬�</h1>
@@ -67,9 +67,9 @@
<script type="text/javascript" src="js/battNav.js"></script>
<script>
var arrTh = ['鐢垫睜鐘舵�侊細', '绔數鍘嬶細', '鐢垫睜鐢垫祦锛�', '娴嬭瘯鏃ユ湡锛�', '娴嬭瘯鏃堕暱锛�', '娴嬭瘯瀹归噺锛�', '鍓╀綑瀹归噺锛�', '缁埅鏃堕棿锛�'];
- var tbl = $('.tbl-container').eq(0);
+ var tbl = $('.tbl-container').eq(1);
var jifangarrTh = ['SD鍗�','閫氳璁℃暟','閫氫俊涓㈠寘鐜�','淇″彿寮哄害']
- var tbl1 = $('.tbl-container1').eq(0);
+ var tbl1 = $('.tbl-container').eq(0);
var arrtdjifangstate = new Array;
var temp = getCookie("batt");
var batt = JSON.parse(temp);
@@ -350,7 +350,7 @@
var data = rs.data[0];
console.info(data);
//if(showSU) {
- alert('璇诲彇鎴愬姛', true);
+ //alert('璇诲彇鎴愬姛', true);
var json=window.JSON.stringify(data);
setCookie("control_parm",json);
diff --git a/gx_tieta/WebRoot/mobil/js/tbl.js b/gx_tieta/WebRoot/mobil/js/tbl.js
index 5f6b8f3..fcd1b16 100644
--- a/gx_tieta/WebRoot/mobil/js/tbl.js
+++ b/gx_tieta/WebRoot/mobil/js/tbl.js
@@ -256,4 +256,151 @@
// 娣诲姞鍐呭鍒皌d
td.html(tdHtml);
}
+};
+
+//瀵逛簬鎵嬫満绔〃鏍艰繘琛岀殑浜屾寮�鍙�
+var MobileTable = function(opts) {
+ this.opts = {}; // 鐢熸垚琛ㄦ牸鐨勯厤缃」
+ this.el = '';
+ this.cols = []; // 琛ㄦ牸鐨勫ご閮�
+ this.data = []; // 琛ㄦ牸鐨勫唴瀹�
+ this.render(opts);
+}
+// 瀹氫箟瀵硅薄鐨勫師鍨嬪嚱鏁�
+MobileTable.prototype = {
+ _setEl: function(el) { // 璁剧疆琛ㄦ牸鎵�鍦ㄧ殑瀹瑰櫒
+ if(typeof el == 'object') {
+ this.el = el;
+ }else {
+ this.el = $(el);
+ }
+ }
+ ,_setOpts: function(opts) { // 璁剧疆閰嶇疆椤�
+ this.opts = opts;
+ }
+ ,_setCols: function(cols) { // 璁剧疆琛ㄦ牸鐨勫ご閮�
+ this.cols = cols;
+ }
+ ,_setData: function(data) {
+ this.data = data;
+ }
+ ,_init: function(opts) {
+ let cols = opts.cols;
+ let data = opts.data;
+ let el = opts.el;
+ this._setOpts(opts); // 鍒濆鍖栭厤缃」
+ this._setEl(el); // 鍒濆鍖杄l
+ this._setCols(cols); // 鍒濆鍖栧ご閮ㄦ暟鎹�
+ this._setData(data); // 鍒濆鍖栬〃鏍兼暟鎹�
+ }
+ ,render: function(opts) {
+ this._init(opts);
+ var table = $('<table data-role="table" class="ui-responsive"></table>');
+ var thead = this._getThead();
+ var tbody = this._getTbody();
+
+ // 鐢熸垚琛ㄦ牸
+ table.append(thead);
+ table.append(tbody);
+ // 娓呯┖瀹瑰櫒
+ this.el.text('');
+ this.el.append(table).trigger('create');
+ }
+ ,_getThead: function() { // 鑾峰彇琛ㄦ牸鐨勫ご閮�
+ var cols = this.cols;
+ var thead = $('<thead></thead>');
+ var tr = $('<tr></tr>');
+ // 閬嶅巻cols鐨勫��,鏍规嵁鏁版嵁椤箃head娣诲姞鍐呭
+ for(let i=0; i<cols.length; i++) {
+ let _cols = cols[i];
+ var th = $('<th></th>');
+ th.html(_cols.title);
+ th.attr('data-field', _cols.field);
+ tr.append(th)
+
+ }
+ thead.append(tr);
+ return thead;
+ }
+ ,_getTbody: function() { // 鑾峰彇琛ㄦ牸鐨勫唴瀹�
+ var cols = this.cols;
+ var data = this.data;
+ var tbody = $('<tbody></tbody>');
+
+ // 閬嶅巻data鐨勫��
+ for(let i=0; i<data.length; i++) {
+ let _data = data[i];
+ let tr = $('<tr></tr>');
+ // 閬嶅巻cols鐨勫��
+ for(let k=0; k<cols.length; k++) {
+ let _cols = cols[k];
+ var field = _cols.field;
+ var title = _cols.title;
+ var td = $('<td></td>');
+ if(field in _data) {
+ td = $('<td>'+_data[field]+'</td>');
+ }
+ // 璁剧疆鍊�
+ td.attr('data-field', field);
+ td.attr('data-title', title);
+ tr.append(td);
+ }
+ tr.append($('<td data-field="visibility" style="visibility: hidden"></td>'));
+ // 鐢熸垚tr
+ tbody.append(tr);
+ }
+
+ // 杩斿洖缁撴灉
+ return tbody;
+ }
+ ,update: function(field, fVal, data) {
+ let rowsInfo = this._getRows(field, fVal);
+ // 濡傛灉鑾峰彇鍒颁簡琛屽彿
+ if(rowsInfo.code==1) {
+ let rows = rowsInfo.data; // 鏁版嵁鎵�鍦ㄧ殑琛屽彿
+ this.updateTr(rows, data);
+ }else {
+ console.log(rowsInfo.msg);
+ }
+ }
+ ,updateTr: function(rows, data) {
+ let tbody = this.el.find('tbody');
+ let tr = tbody.find('tr').eq(rows);
+ let td = tr.find('td');
+ // 閬嶅巻td鐨勫唴瀹�
+ td.each(function() {
+ let field = $(this).data('field');
+ let title = $(this).data('title');
+ // 鍒ゆ柇褰撳墠灞炴�ф槸鍚﹀湪data涓�
+ if(field in data) {
+ // 鐢熸垚html鏍囪瀛楃涓�
+ var tdHtml = '<b class="ui-table-cell-label">'+title+'</b>';
+ tdHtml += data[field];
+ $(this).html(tdHtml);
+ }
+ });
+
+ }
+ ,_getRows: function(field, fVal) { // 鏍规嵁鏍囪瘑浣嶇殑鍊艰幏鍙栧綋鍓嶆暟鎹墍鍦ㄧ殑琛�
+ var rs = {
+ code: 0
+ ,data: -1
+ ,msg: '鏈幏鍙栧埌鏍囪瘑浣�'+field+':'+fVal+'鎵�鍦ㄧ殑琛�'
+ };
+ var data = this.data;
+ // 閬嶅巻data鐨勫��
+ for(let i=0; i<data.length; i++) {
+ let _data = data[i];
+ if(field in _data) {
+ let _fVal = _data[field]; // 鑾峰彇褰撳墠鏁版嵁鐨勬爣璇嗕綅鐨勫��
+ if(_fVal == fVal) {
+ rs.code = 1; // 鏍囪瘑鑾峰彇鍒颁簡涓嬫爣
+ rs.data = i; // 涓嬫爣鐨勫��
+ }
+ }
+ }
+
+ // 杩斿洖缁撴灉
+ return rs;
+ }
};
\ No newline at end of file
--
Gitblit v1.9.1