123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>Layui</title>
- <meta name="renderer" content="webkit">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <link rel="stylesheet" href="../../../assets/libs/layui/css/layui.css"/>
- <!-- 注意:如果你直接复制所有代码到本地,上述css路径需要改成你本地的 -->
- </head>
- <style>
- .derive .layui-form {
- width: 1100px;
- }
- .derive .layui-table-box {
- width: 100%;
- }
- .derive .layui-table-body {
- overflow: hidden;
- overflow-y: scroll;
- height: 300px;
- }
- .derive .layui-layer-title {
- background: #F8F8F8;
- }
- .sub {
- float: right;
- background: #0f74a8;
- color: #fff;
- padding: 11px 60px;
- margin-right: 100px;
- }
- </style>
- <body>
- <div class="derive">
- <ul class="layui-nav layui-tab" lay-filter="test">
- <li class="layui-nav-item"><a num="1" href="#">设备设施库</a></li>
- <li class="layui-nav-item"><a num="2" href="#">作业活动库</a></li>
- <li class="layui-nav-item"><a num="3" href="#">作业环境库</a></li>
- <li class="layui-nav-item"><a num="4" href="#">设施场所库</a></li>
- <li class="layui-nav-item"><a num="5" href="#">其他</a></li>
- </ul>
- <table class="layui-hide" id="test" lay-filter="tablebtn"></table>
- <p class="sub">提交</p>
- </div>
- <script type="text/javascript" src="../../../assets/libs/jquery/jquery-3.2.1.min.js"></script>
- <script type="text/javascript" src="../../../assets/libs/layui/layui.js"></script>
- <script type="text/javascript" src="../../../assets/js/common.js?v=312"></script>
- <!-- 注意:如果你直接复制所有代码到本地,上述js路径需要改成你本地的 -->
- <script>
- Array.prototype.indexOf = function (val) {
- for (var i = 0; i < this.length; i++) {
- if (this[i] == val) return i;
- }
- return -1;
- };
- //在 Array 原型中植入 remove 方法 remove 中调用 indexOf 判断 str 是否存在 arr 中,有则拿到 index
- Array.prototype.remove = function (val) {
- var index = this.indexOf(val);
- if (index > -1) {
- this.splice(index, 1);
- }
- };
- let arr = [];
- layui.use(['layer', 'form', 'table', 'util', 'admin', 'zTree', 'uParas', 'upload', 'treetable', 'element', '_zTree', 'formSelects'], function () {
- var $ = layui.jquery;
- let admin = layui.admin;
- let uParas = layui.uParas;
- let table = layui.table;
- let layer = layui.layer;
- var element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块
- let data = [];
- let num = 1;
- var checkUrl = uParas.baseUrl + '/gent/ds/findParentList';
- /**
- * @Author: NanKeYang
- * @Description: 监听导航点击,修改bug
- * @Data: 2020/1/14 18:02
- */
- element.on('nav(test)', function () {
- var num = this.getAttribute('num')
- // getDataFn(num);
- insTb.reload({
- where: {
- limit: 1000,
- riskPointType: num
- }
- }, 'data');
- });
- /**
- * @Author: NanKeYang
- * @Description: 表格渲染
- * @Data: 2020/1/14 18:03
- */
- var insTb = table.render({
- url: checkUrl,
- where: {
- limit: 1000,
- riskPointType: num
- },
- elem: '#test',
- // cellMinWidth: 100,
- // page: true,
- // toolbar: true,
- cols: [[
- {type: 'checkbox'}
- , {field: 'dangerSrcName', width: 800, title: '名称'}
- , {
- field: 'roleDesc', align: 'center', sort: false, title: '检查表', width: 300, templet: function (d) {
- return '<a href="#" lay-event="details" class="layui-btn layui-btn-xs layui-btn-normal" ><i class="layui-icon"></i> 查看</a>';
- }
- }
- ]]
- });
- table.on('checkbox(tablebtn)', function (obj) {
- if (obj.type == 'all') {
- if (obj.checked) {
- data.forEach((item) => {
- arr.remove(item.dangerSrcId);
- })
- data.forEach((item) => {
- arr.push(item.dangerSrcId)
- })
- } else {
- data.forEach((item) => {
- arr.remove(item.dangerSrcId);
- })
- }
- } else {
- if (obj.checked) {
- arr.remove(obj.data.dangerSrcId);
- arr.push(obj.data.dangerSrcId);
- } else {
- arr.remove(obj.data.dangerSrcId);
- }
- }
- });
- table.on('tool(tablebtn)', function (obj) {
- var layEvent = obj.event;
- if (layEvent == 'details') {
- let href = '';
- if (obj.data.parentDangerSrcId == -1) {
- href = "./viewRisk_shuili.html?riskPointType=" + num + "&tab=index&dangerSrcId=" + obj.data.dangerSrcId + "&vtype=nd&cId=" + obj.data.cId;
- } else {
- href = "./viewRisk_shuili.html?riskPointType=" + num + "&tab=index&dangerSrcId=" + obj.data.dangerSrcId + "&vtype=pd&cId=" + obj.data.cId;
- }
- admin.open({
- title: '检查表',
- type: 2,
- content: href,
- area: ['800px', '420px'],
- success: function (layerObj, index) {
- layer.setTop(layerObj);
- },
- end: function () {
- }
- });
- }
- });
- let t = true;
- $('.sub').click(function () {
- if (t == false) {
- return;
- }
- t = false;
- setTimeout(function () {
- t = true;
- }, 10000);
- var checkUrl = uParas.baseUrl + '/gent/ds/saveDsByParentCompany';
- admin.req(checkUrl, {
- ids: arr.join(','),
- }, function (resp) {
- t = true;
- if (resp.code == 1) {
- var index = parent.layer.getFrameIndex(window.name);
- parent.layer.close(index);
- window.parent.location.reload();
- } else {
- layer.msg(resp.msg);
- }
- }, 'post');
- })
- })
- </script>
- </body>
- </html>
|