From d74fbf091b642604a2ad74668ffd8a5cfafaefa2 Mon Sep 17 00:00:00 2001
From: duhe <226547893@qq.com>
Date: 星期四, 12 九月 2024 10:04:52 +0800
Subject: [PATCH] 子表基础资料文本框输入后自动检索：弹窗选择选中的数据时，滚动条滚动
---
WebTM/views/设备管理/设备档案/Gy_EquipFileBillResume.html | 73 ++++++++++++++++++++++++++++++++++++
1 files changed, 72 insertions(+), 1 deletions(-)
diff --git "a/WebTM/views/\350\256\276\345\244\207\347\256\241\347\220\206/\350\256\276\345\244\207\346\241\243\346\241\210/Gy_EquipFileBillResume.html" "b/WebTM/views/\350\256\276\345\244\207\347\256\241\347\220\206/\350\256\276\345\244\207\346\241\243\346\241\210/Gy_EquipFileBillResume.html"
index 2b15aa3..2414ad7 100644
--- "a/WebTM/views/\350\256\276\345\244\207\347\256\241\347\220\206/\350\256\276\345\244\207\346\241\243\346\241\210/Gy_EquipFileBillResume.html"
+++ "b/WebTM/views/\350\256\276\345\244\207\347\256\241\347\220\206/\350\256\276\345\244\207\346\241\243\346\241\210/Gy_EquipFileBillResume.html"
@@ -69,11 +69,12 @@
</div>
<table class="" id="mainTable" lay-filter="mainTable"></table>
-
+
<div class="layui-tab layui-tab-card">
<ul class="layui-tab-title">
<li class="layui-this">鏃ュ父璁板綍</li>
<li>缁翠慨璁板綍</li>
+ <li>閰嶄欢鏇存崲娓呭崟</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
@@ -81,6 +82,9 @@
</div>
<div class="layui-tab-item">
<table class="layui-hide" id="mainTable2" lay-filter="mainTable2"></table>
+ </div>
+ <div class="layui-tab-item">
+ <table class="layui-hide" id="mainTable3" lay-filter="mainTable3"></table>
</div>
</div>
</div>
@@ -97,6 +101,9 @@
{{d.LAY_TABLE_INDEX+1}}
</script>
<script type="text/html" id="xuhao1">
+ {{d.LAY_TABLE_INDEX+1}}
+ </script>
+ <script type="text/html" id="xuhao2">
{{d.LAY_TABLE_INDEX+1}}
</script>
@@ -126,6 +133,7 @@
, table = layui.table
, table1 = layui.table
, table2 = layui.table
+ , table3 = layui.table
, form = layui.form
, element = layui.element
, laypage = layui.laypage
@@ -138,6 +146,7 @@
var option = [];
var option1 = [];
var option2 = [];
+ var option3 = [];
//#endregion
@@ -181,6 +190,8 @@
table1.render(option1);
option2.data = data1.list[1];
table2.render(option2);
+ option3.data = data1.list[2];
+ table3.render(option3);
} else {
layer.alert("鑾峰彇澶辫触", { icon: 5 });
}
@@ -189,6 +200,27 @@
}
});
});
+ //#region 鐐瑰嚮琛岄�変腑楂樹寒
+ table.on('row(mainTable)', function (obj) {
+ //閫変腑琛屾敼鍙橀鑹�
+ var flag = !obj.tr.find(':checkbox:first').prop('checked');
+ obj.tr.find(':checkbox').prop('checked', flag);
+ if (flag) {
+ obj.tr.find('.layui-form-checkbox').addClass('layui-form-checked'); //璁剧疆澶嶉�夋閫変腑鏍峰紡
+ $(obj.tr.selector).attr({ "style": "background:#ceedfa;color:black" });//鏀瑰彉褰撳墠tr鑳屾櫙棰滆壊鍜屽瓧浣撻鑹�
+ } else {
+ obj.tr.find('.layui-form-checkbox').removeClass('layui-form-checked');//鍙栨秷澶嶉�夋閫変腑鏍峰紡
+ $(obj.tr.selector).attr({ "style": "background:" });//鍙栨秷褰撳墠tr棰滆壊
+ }
+ //mainTable 涓鸿〃鏍糏D 娉ㄦ剰姝ゅ濡傛灉ID涓嶆纭皢瀵艰嚧浣犲湪鐩戝惉澶嶉�夋鏃惰幏鍙栦笉鍒颁綘閫夋嫨鐨勬暟鎹紝鍓嶉潰鐨勫彧鏄坊鍔犳垨鍒犻櫎閫変腑鏈�変腑鏍峰紡浠ュ強璁剧疆鑳屾櫙鑹诧紝瀛椾綋棰滆壊
+ layui.each(table.cache.mainTable, function (i, l) {
+ if (obj.tr.index() == l.LAY_TABLE_INDEX) {
+ l.LAY_CHECKED = flag;
+ }
+ });
+ })
+ //#endregion
+
//閲嶇疆鎸夐挳
form.on('submit(btnReSearch)', function (data) {
@@ -210,6 +242,8 @@
set_InitGrid1();
//鍒濆鍖栬〃鏍�(瀛愯〃2)
set_InitGrid2();
+ //鍒濆鍖栬〃鏍�(瀛愯〃3)
+ set_InitGrid3();
//鏌ヨ
get_Display(sWhere);
}
@@ -348,6 +382,43 @@
table2.render(option2);
layer.close(ajaxLoad);
}
+ //鍒濆鍖栬〃鏍�(瀛愯〃3)
+ function set_InitGrid3() {
+ var ajaxLoad = layer.load();
+ option3 = {
+ elem: '#mainTable3'
+ //, toolbar: '#toolbarDemo'
+ , height: '350'
+ , page: true
+ , totalRow: true
+ , cellMinWidth: 90
+ , limit: 50
+ , limits: [50, 500, 5000, 20000]
+ , cols: [[
+ //{ type: 'checkbox', fixed: 'left' }
+ , { templet: '#xuhao2', title: '搴忓彿', sort: true, fixed: 'left', event: "qwe" }
+ , { field: '鏃ユ湡', title: '鏃ユ湡', width: 200 }
+ , { field: '鍗曟嵁绫诲瀷', title: '鍗曟嵁绫诲瀷', width: 200 }
+ , { field: '鍗曟嵁鍙�', title: '鍗曟嵁鍙�', width: 200 }
+ , { field: '璁惧鍒嗙被', title: '璁惧鍒嗙被', width: 200 }
+ , { field: '璁惧鏉＄爜', title: '璁惧鏉＄爜', width: 200 }
+ , { field: '璁惧缂栫爜', title: '璁惧缂栫爜', width: 200, hide: true }
+ , { field: '璁惧鍚嶇О', title: '璁惧鍚嶇О', width: 200 }
+ , { field: '璁惧瑙勬牸', title: '璁惧瑙勬牸', width: 200 }
+ , { field: '璁惧鍨嬪彿', title: '璁惧鍨嬪彿', width: 200 }
+ , { field: '閰嶄欢浠ｇ爜', title: '閰嶄欢浠ｇ爜', width: 200 }
+ , { field: '閰嶄欢鍚嶇О', title: '閰嶄欢鍚嶇О', width: 200 }
+ , { field: '鍒跺崟浜�', title: '鍒跺崟浜�' }
+ , { field: '鍒跺崟鏃ユ湡', title: '鍒跺崟鏃ユ湡', templet: "<div>{{d.鍒跺崟鏃ユ湡 ==null ?'':layui.util.toDateString(d.鍒跺崟鏃ユ湡, 'yyyy-MM-dd')}}</div>" }
+ , { field: '瀹℃牳浜�', title: '瀹℃牳浜�' }
+ , { field: '瀹℃牳鏃ユ湡', title: '瀹℃牳鏃ユ湡', templet: "<div>{{d.瀹℃牳鏃ユ湡 ==null ?'':layui.util.toDateString(d.瀹℃牳鏃ユ湡, 'yyyy-MM-dd')}}</div>" }
+
+ ]]
+ };
+ option3.data = [];
+ table3.render(option3);
+ layer.close(ajaxLoad);
+ }
//鍔犺浇缃戞牸
function get_Display(sWhere) {
//杩涘叆椤甸潰鏄剧ず鐨勭紦瀛樺垪琛�
--
Gitblit v1.9.1