yangle
2024-06-18 ac5962f71fe0f4fd4e7e44fb74a02bba7ff816b4
WebTM/views/É豸¹ÜÀí/É豸µµ°¸/Gy_EquipFileMainList.html
@@ -8,8 +8,18 @@
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
    <style type="text/css"></style>
    <script src="../../../layuiadmin/layui/layui.js"></script>
    <script src="../../../layuiadmin/layui/layui1.js"></script>
    <script src="../../../layuiadmin/Scripts/json2.js"></script>
    <script src="../../../layuiadmin/Scripts/jquery-1.4.1.js"></script>
    <script src="../../../layuiadmin/Scripts/webConfig.js"></script>
    <script src="../../../layuiadmin/layui/lay/modules/table.js"></script>
    <style>
        /*树状图点击高亮变色*/
        .layui-tree-set-active > .layui-tree-entry .layui-tree-main {
            background: #aef0f7;
        }
    </style>
</head>
<body>
    <div class="layui-fluid">
@@ -44,7 +54,16 @@
                            </div>
                        </div>
                        <table class="" id="mainTable" lay-filter="mainTable"></table>
                        <div class="layui-row" style="padding:10px 0">
                            <div class="layui-col-xs3 layui-inline" style="border: solid 1.5px #e0d6d64d;">
                                <div id="TreeTable" class="demo-tree demo-tree-box"></div>
                            </div>
                            <div class="layui-col-xs8 layui-inline" style="padding-left: 10px; width: 73%">
                                <div>
                                    <table class="" id="mainTable" lay-filter="mainTable"></table>
                                </div>
                            </div>
                        </div>
                        <script type="text/html" id="toolbarDemo">
                            <div class="layui-btn-container">
                                <button type="button" class="layui-btn layui-btn-sm" lay-event="btnAdd"><i class="layui-icon layui-icon-add-1"></i>新增</button>
@@ -65,26 +84,23 @@
            </div>
        </div>
    </div>
    <script src="../../../layuiadmin/layui/layui.js"></script>
    <script src="../../../layuiadmin/Scripts/json2.js"></script>
    <script src="../../../layuiadmin/Scripts/jquery-1.4.1.js"></script>
    <script src="../../../layuiadmin/Scripts/webConfig.js"></script>
    <script src="../../../layuiadmin/PubCustom.js"></script>
    <script>
        layui.config({
            base: '../../../layuiadmin/' //静态资源所在路径
        }).extend({
            index: 'lib/index', //主入口模块
        }).use(['index', 'form', 'table', 'element', 'laypage', 'laydate'], function () {
        }).use(['index', 'form', 'table', 'element', 'laypage', 'laydate', 'soulTable', 'tree'], function () {
            //#region å…¬å…±å˜é‡
            var $ = layui.$
            , admin = layui.admin
            , layer = layui.layer
            , table = layui.table
            , form = layui.form
            , element = layui.element
            , laypage = layui.laypage
            , laydate = layui.laydate
                , admin = layui.admin
                , layer = layui.layer
                , table = layui.table
                , form = layui.form
                , element = layui.element
                , laypage = layui.laypage
                , laydate = layui.laydate
                , soulTable = layui.soulTable
                , tree = layui.tree
            var sWhere = "";
            var option = [];
            //#endregion
@@ -142,6 +158,29 @@
                get_Refresh();
            });
            //#region åŒå‡»è¿”回数据
            table.on('rowDouble(mainTable)', function (obj) {
                var data = [];
                data.push(obj.data);
                parent.GetEquipFileValue(data);
                var index = parent.layer.getFrameIndex(window.name);
                parent.layer.close(index);
            });
            //#endregion
            //设备编号回车方法
            $('#HNumber').on('keydown', function (event) {
                if (event.keyCode == 13) {
                    get_FastQuery();
                }
            });
            //设备名称回车方法
            $('#HName').on('keydown', function (event) {
                if (event.keyCode == 13) {
                    get_FastQuery();
                }
            });
            //#endregion
            //初始化表格
@@ -151,6 +190,8 @@
                //查询
                get_Display(sWhere);
                //查询设备分类
                get_Display_Tree();
            }
            //初始化表格
@@ -161,60 +202,86 @@
                    , toolbar: '#toolbarDemo'
                    , height: 'full-50'
                    , page: true
                    , totalRow: true
                    , limits: [50, 500, 5000, 20000]
                    , limit: 50 //每页默认显示的数量
                    , cellMinWidth: 200
                    , done: function (res, curr, count) {
                        soulTable.render(this);
                    }
                    , cols: [[
                        { type: 'checkbox', fixed: 'left' }
                        { type: 'checkbox', fixed: 'left', totalRowText: '合计行' }
                        , { field: 'hmainid', title: 'hmainid', sort: true, hide: true }
                        , { field: '日期', title: '日期', templet: "<div>{{d.日期 ==null ?'':layui.util.toDateString(d.日期, 'yyyy-MM-dd')}}</div>"}
                        , { field: '条形码', title: '条码编号' }
                        , { field: 'HMaterID', title: 'HMaterID', hide: true }
                        , { field: '物料名称', title: '物料名称' }
                        , { field: '设备代码', title: '设备代码' }
                        , { field: '设备编码', title: '设备编码' }
                        , { field: '设备名称', title: '设备名称' }
                        , { field: '设备规格', title: '设备规格' }
                        , { field: '设备型号', title: '设备型号' }
                        , { field: 'HUnitID', title: 'HUnitID', hide: true }
                        , { field: '单位', title: '单位' }
                        , { field: '设备出厂日期', title: '设备出厂日期', templet: "<div>{{d.设备出厂日期 ==null ?'':layui.util.toDateString(d.设备出厂日期, 'yyyy-MM-dd')}}</div>" }
                        , { field: '设备出厂编号', title: '设备出厂编号' }
                        , { field: 'HDeptID', title: 'HDeptID', hide: true }
                        , { field: '使用部门', title: '使用部门' }
                        , { field: 'HUseEmpID', title: 'HUseEmpID', hide: true }
                        , { field: '使用负责人', title: '使用负责人' }
                        , { field: 'HRepairEmpID', title: 'HRepairEmpID', hide: true }
                        , { field: '维护负责人', title: '维护负责人' }
                        , { field: '安装地点', title: '安装地点' }
                        , { field: '安装日期', title: '安装日期', templet: "<div>{{d.安装日期 ==null ?'':layui.util.toDateString(d.安装日期, 'yyyy-MM-dd')}}</div>" }
                        , { field: '运行开始日期', title: '运行开始日期', templet: "<div>{{d.运行开始日期 ==null ?'':layui.util.toDateString(d.运行开始日期, 'yyyy-MM-dd')}}</div>" }
                        , { field: '当前状态', title: '当前状态' }
                        , { field: 'HEquipFileTypeID', title: 'HEquipFileTypeID', hide: true }
                        , { field: '设备类型', title: '设备类型' }
                        , { field: '工程编码', title: '工程编码' }
                        , { field: '产品', title: '产品' }
                        , { field: '品牌', title: '品牌' }
                        , { field: 'HSellSupID', title: 'HSellSupID', hide: true }
                        , { field: '供应商', title: '供应商' }
                        , { field: 'HMakeSupID', title: 'HMakeSupID', hide: true }
                        , { field: '制造商', title: '制造商' }
                        , { 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>"}
                        , { 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>" }
                        , { field: 'hbilltype', title: 'hbilltype', hide: true }
                        , { field: '单据号', title: '单据号' }
                        , { field: '单据类型', title: '单据类型' }
                        , { field: 'HMoudType', title: 'HMoudType', hide: true }
                        , { field: 'hsubid', title: 'hsubid', hide: true }
                        , { field: '日期', title: '日期', templet: "<div>{{d.日期 ==null ?'':layui.util.toDateString(d.日期, 'yyyy-MM-dd')}}</div>", sort: true }
                        , { field: '条形码', title: '条码编号', sort: true }
                        , { field: 'HMaterID', title: 'HMaterID', hide: true, sort: true }
                        , { field: '物料名称', title: '物料名称', sort: true }
                        , { field: '设备代码', title: '设备代码', sort: true }
                        , { field: '设备编码', title: '设备编码', sort: true }
                        , { field: '设备名称', title: '设备名称', sort: true }
                        , { field: '设备规格', title: '设备规格', sort: true }
                        , { field: '设备型号', title: '设备型号', sort: true }
                        , { field: 'HUnitID', title: 'HUnitID', hide: true, sort: true }
                        , { field: '单位', title: '单位', sort: true }
                        , { field: '设备出厂日期', title: '设备出厂日期', templet: "<div>{{d.设备出厂日期 ==null ?'':layui.util.toDateString(d.设备出厂日期, 'yyyy-MM-dd')}}</div>", sort: true }
                        , { field: '设备出厂编号', title: '设备出厂编号', sort: true }
                        , { field: 'HDeptID', title: 'HDeptID', hide: true, sort: true }
                        , { field: '使用部门', title: '使用部门', sort: true }
                        , { field: 'HUseEmpID', title: 'HUseEmpID', hide: true, sort: true }
                        , { field: '使用负责人', title: '使用负责人', sort: true }
                        , { field: 'HRepairEmpID', title: 'HRepairEmpID', hide: true, sort: true }
                        , { field: '维护负责人', title: '维护负责人', sort: true }
                        , { field: '安装地点', title: '安装地点', sort: true }
                        , { field: '安装日期', title: '安装日期', templet: "<div>{{d.安装日期 ==null ?'':layui.util.toDateString(d.安装日期, 'yyyy-MM-dd')}}</div>", sort: true }
                        , { field: '运行开始日期', title: '运行开始日期', templet: "<div>{{d.运行开始日期 ==null ?'':layui.util.toDateString(d.运行开始日期, 'yyyy-MM-dd')}}</div>", sort: true }
                        , { field: '当前状态', title: '当前状态', sort: true }
                        , { field: 'HEquipFileTypeID', title: 'HEquipFileTypeID', hide: true, sort: true }
                        , { field: '设备类型', title: '设备类型', sort: true }
                        , { field: '工程编码', title: '工程编码', sort: true }
                        , { field: '产品', title: '产品', sort: true }
                        , { field: '品牌', title: '品牌', sort: true }
                        , { field: 'HSellSupID', title: 'HSellSupID', hide: true, sort: true }
                        , { field: '供应商', title: '供应商', sort: true }
                        , { field: 'HMakeSupID', title: 'HMakeSupID', hide: true, sort: true }
                        , { field: '制造商', title: '制造商', sort: true }
                        , { field: '制单人', title: '制单人', sort: true }
                        , { field: '制单日期', title: '制单日期', templet: "<div>{{d.制单日期 ==null ?'':layui.util.toDateString(d.制单日期, 'yyyy-MM-dd')}}</div>", sort: true }
                        , { field: '审核人', title: '审核人', sort: true }
                        , { field: '审核日期', title: '审核日期', templet: "<div>{{d.审核日期 ==null ?'':layui.util.toDateString(d.审核日期, 'yyyy-MM-dd')}}</div>", sort: true }
                        , { field: '修改人', title: '修改人', sort: true }
                        , { field: '修改日期', title: '修改日期', templet: "<div>{{d.修改日期 ==null ?'':layui.util.toDateString(d.修改日期, 'yyyy-MM-dd')}}</div>", sort: true }
                        , { field: '关闭人', title: '关闭人', sort: true }
                        , { field: '关闭日期', title: '关闭日期', templet: "<div>{{d.关闭日期 ==null ?'':layui.util.toDateString(d.关闭日期, 'yyyy-MM-dd')}}</div>", sort: true }
                        , { field: 'hbilltype', title: 'hbilltype', hide: true, sort: true }
                        , { field: '单据号', title: '单据号', sort: true }
                        , { field: '单据类型', title: '单据类型', sort: true }
                        , { field: 'HMoudType', title: 'HMoudType', hide: true, sort: true }
                        , { field: 'hsubid', title: 'hsubid', hide: true, sort: true }
                    ]]
                };
            }
            //#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 ä¸ºè¡¨æ ¼ID   æ³¨æ„æ­¤å¤„如果ID不正确将导致你在监听复选框时获取不到你选择的数据,前面的只是添加或删除选中未选中样式以及设置背景色,字体颜色
                layui.each(table.cache.mainTable, function (i, l) {
                    if (obj.tr.index() == l.LAY_TABLE_INDEX) {
                        l.LAY_CHECKED = flag;
                    }
                });
            })
            //#endregion
            //查询
            function get_Display(sWhere) {
@@ -240,6 +307,7 @@
                    }
                });
            }
            //快速过滤
            function get_FastQuery() {
@@ -456,6 +524,89 @@
                }
            }
            // æ ‘状图查询
            function get_Display_Tree() {
                var ajaxLoad = layer.load();
                $.ajax({
                    url: GetWEBURL() + '/Gy_EquipFileMain/TreeGetList',
                    type: "GET",
                    data: { "sWhere": sWhere, "user": sessionStorage["HUserName"] },
                    success: function (data1) {
                        if (data1.count == 1) {
                            layer.close(ajaxLoad);
                            var data = JSON.parse(data1.data);
                            MenuMain(data);
                        } else {
                            layer.close(ajaxLoad);
                            layer.alert(data1.code + data1.Message, { icon: 5 });
                        }
                    }, error: function () {
                        layer.close(ajaxLoad);
                        layer.alert("接口请求失败!", { icon: 5 });
                    }
                });
            }
            //遍历生成主菜单
            function MenuMain(data) {
                var liStr = '[';
                //遍历生成主菜单
                for (var i = 0; i < data.length; i++) {
                    // åˆ¤æ–­æ˜¯å¦å­˜åœ¨å­èœå•
                    if (data[i].children != null && data[i].children.length > 0) {
                        liStr += '{"title": "' + data[i].id + "-" + data[i].title + '", "id": "' + data[i].id + '","spread":true, "children":[ ';
                        // éåŽ†èŽ·å–å­èœå•
                        for (var k = 0; k < data[i].children.length; k++) {
                            liStr += getChildMenu(data[i].children[k], 0);
                        }
                        liStr = liStr.substring(0, liStr.length - 1);
                        liStr += ']},';
                    } else {
                        liStr += '{"title": "' + data[i].id + "-" + data[i].title + '", "id": "' + data[i].id + '"},';
                    }
                };
                liStr = liStr.substring(0, liStr.length - 1);
                liStr += "]";
                var treeTable = JSON.parse(liStr);
                tree.render({
                    elem: '#TreeTable' //默认是点击节点可进行收缩
                    , data: treeTable
                    , click: function (obj) {
                        //高亮变色
                        $(".layui-tree-set").removeClass('layui-tree-set-active');
                        obj.elem.addClass('layui-tree-set-active');
                        var data = obj.data;  //获取当前点击的节点数据
                        var sql = "";
                        if (data.id == "0") {
                            sql = "";
                        } else {
                            sql = " and HEquipFileTypeID='" + data.id + "' ";
                        }
                        get_Display(sql);
                    }
                });
            }
            // é€’归生成子菜单
            function getChildMenu(subMenu, num) {
                num++;
                var subStr = '';
                if (subMenu.children != null && subMenu.children.length > 0) {
                    subStr += '{"title": "' + subMenu.id + "-" + subMenu.title + '", "id": "' + subMenu.id + '", "children":[';
                    for (var j = 0; j < subMenu.children.length; j++) {
                        subStr += getChildMenu(subMenu.children[j], num);
                        if (j + 1 == subMenu.children.length) {
                            subStr = subStr.substring(0, subStr.length - 1);
                        }
                    }
                    subStr += ']},';
                } else {
                    subStr += '{"title": "' + subMenu.id + "-" + subMenu.title + '", "id": "' + subMenu.id + '"},';
                }
                return subStr;
            }
            //刷新
            function get_Refresh() {
                $("#HNumber").val("");