zhaobao
/
scyf


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>检查项管理</title>
    <link rel="stylesheet" href="../../../assets/libs/layui/css/layui.css"/>
    <link rel="stylesheet" href="../../../assets/module/admin.css?v=312"/>
    <link rel="stylesheet" href="../../../assets/module/zTree/css/metroStyle/metroStyle.css"/>

</head>
<style>

</style>
<body>

<!-- 页面加载loading -->
<div class="page-loading">
    <div class="ball-loader">
        <span></span><span></span><span></span><span></span>
    </div>
</div>

<!-- 正文开始 -->
<div class="layui-fluid"  style="height: 700px;">
    <div class="layui-card">
        <!--<div class="layui-card-header">-->
            <!--<div class="pull-right">-->
                <!--<button ew-event="back" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-normal"><i class="layui-icon">&#xe65c;</i>返回</button>-->
            <!--</div>-->
        <!--</div>-->
        <div class="layui-card-body" style="height: 738px;">
            <div class="layui-row layui-col-space15">
                <!-- 左栏 -->
                <div class="layui-col-sm12 layui-col-md3 layui-col-lg4">
                    <div class="layui-card ">
                        <div class=" m-left10px m-top5px" style="font-size: 18px;margin-bottom:10px">
                            《<span id="checkDefName"></span>》
                        </div>
                        <div class="layui-card-body mini-bar zTree" style="height: 653px;overflow: scroll" id="treeTbTree">
                            <ul id="itemTree" class="ztree overflow-newline"></ul>
                        </div>
                    </div>
                </div>

                <!-- 右栏 -->
                <div class="layui-col-sm12 layui-col-md11 layui-col-lg8">
                    <div class="layui-card" style="height: 700px">
                        <!--                <div class="layui-card-header">-->
                        <!--检查项 / 检查内容信息-->
                        <!--                </div>-->
                        <div class="layui-card-body" style="height: 750px">
                            <div class="site-demo-button pull-left" style="margin-top:10px;">
                                <button class="layui-btn layui-btn-sm site-demo-active bg-c-add" id="addItem" data-type="addItem">
                                    <i class="layui-icon layui-icon-add-1"></i>检查项
                                </button>
                                <button class="layui-btn layui-btn-sm site-demo-active bg-c-add display-none" id="addItemContent" data-type="addItemContent">
                                    <i class="layui-icon layui-icon-add-1"></i>检查内容
                                </button>
                                <button class="layui-btn layui-btn-sm site-demo-active bg-c-update display-none" id="btnEdit" data-type="btnEdit">
                                    <i class="layui-icon layui-icon-edit"></i></button>
                                <button class="layui-btn layui-btn-sm site-demo-active bg-c-submit display-none" id="btnDel" data-type="btnDel">
                                    <i class="layui-icon layui-icon-delete"></i></button>
                                <button onclick="history.back()" class="layui-btn layui-btn-sm bg-c-back">
                                    <i class="layui-icon layui-icon-close"></i>返回</button>
                            </div>
                            <br><br>
                            <div class="display-none view-data">
                                <div class="site-demo-button pull-left" style="margin-top: 10px;font-size: 18px">
                                    <i class="layui-icon layui-icon-template-1"></i>
                                    <span id="checkItemDefName_view"></span>
                                </div>
                                <div class="site-demo-button pull-right" style="margin-bottom:10px;">
                                    <!--<button class="layui-btn layui-btn-sm site-demo-active"  id="addItem" data-type="addItem">添加检查项</button>-->

                                </div>
                                <input type="hidden" id="checkItemDefId_view" name="checkItemDefId_view" value=""/>
                                <input type="hidden" id="checkDefId_view" name="checkDefId_view" value=""/>
                                <table class="layui-table layui-text overflow-newline ">
                                    <colgroup>
                                        <col width="100">
                                        <col>
                                    </colgroup>
                                    <tbody>
                                    <!--<tr>-->
                                    <!--<td>名称</td>-->
                                    <!--<td><span id="checkItemDefName"></span></td>-->
                                    <!--</tr>-->
                                    <tr>
                                        <td>具体内容</td>
                                        <td id="checkItemDefDesc_view"></td>
                                    </tr>
                                    <tr>
                                        <td>检查方法</td>
                                        <td id="checkItemDefMethod_view"></td>
                                    </tr>
                                    <tr>
                                        <td>检查依据</td>
                                        <td id="checkItemDefRule_view"></td>
                                    </tr>
                                    <tr>
                                        <td>处罚依据</td>
                                        <td id="punishItemDefRule_view"></td>
                                    </tr>
                                    <tr>
                                        <td>添加日期</td>
                                        <td id="createdTime_view"></td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>

<!-- 表单弹窗 -->
<script type="text/html" id="modelTpl">
    <form id="modelForm" lay-filter="modelForm" class="layui-form model-form">
        <input type="hidden" id="checkItemDefId" name="checkItemDefId" value=""/>
        <input type="hidden" id="checkDefId" name="checkDefId" value=""/>
        <div class="layui-form-item">
            <label class="layui-form-label">
                <span class="layui-badge-dot"></span>
                名&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;称
            </label>
            <div class="layui-input-block">
                <input type="text" id="checkItemDefName" name="checkItemDefName"
                       lay-verType="tips" lay-verify="required" required
                       class="layui-input" maxlength="36" placeholder="请输入名称...">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">
                <span class="layui-badge-dot"></span>
                具体内容
            </label>
            <div class="layui-input-block">
                <textarea class="layui-textarea" id="checkItemDefDesc" name="checkItemDefDesc"
                          lay-verType="tips" lay-verify="required" required
                           placeholder="请输入具体的内容描述信息..."></textarea>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">检查方法</label>
            <div class="layui-input-block">
                <textarea class="layui-textarea" id="checkItemDefMethod" name="checkItemDefMethod"
                           placeholder="请输入检查方法..."></textarea>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">检查依据</label>
            <div class="layui-input-block">
                <textarea class="layui-textarea" id="checkItemDefRule" name="checkItemDefRule"
                           placeholder="请输入检查依据..."></textarea>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">处罚依据</label>
            <div class="layui-input-block">
                <textarea class="layui-textarea" id="punishItemDefRule" name="punishItemDefRule"
                           placeholder="请输入处罚依据..."></textarea>
            </div>
        </div>

        <div class="layui-form-item text-right">
            <button class="layui-btn layui-btn-primary layui-btn-sm" type="button" ew-event="closePageDialog">关闭</button>
            <button class="layui-btn bg-c-submit layui-btn-sm" lay-filter="modelSubmit" lay-submit>提交</button>
        </div>
    </form>
</script>

<!-- js部分 -->
<script type="text/javascript" src="../../../assets/libs/layui/layui.js"></script>
<script type="text/javascript" src="../../../assets/js/common.js?v=313"></script>
<script>
    layui.use(['iconPicker', 'layer', 'element', 'form', 'admin', 'uParas', 'util', 'zTree'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var form = layui.form;
        var admin = layui.admin;
        var uParas = layui.uParas;

        var checkDefName = uParas.getUrlParam("checkDefName");
        $("#checkDefName").text(checkDefName);
        var checkDefId = uParas.getUrlParam("checkDefId");
        $("#checkDefId_view").val(checkDefId);

        //左树设置
        var leftitemTreeSetting = {
            data: {
                simpleData: {
                    enable: true,
                    idKey: "checkItemDefId",
                    pIdKey: "parentId",
                    rootPId: 0,
                },
                key: {
                    name: "checkItemDefName",
                    title: "checkItemDefName"
                }
            },
            callback: {
                onClick: leftNodeClick,
                onAsyncSuccess: onAsyncSuccess,
            }
        };

        function onAsyncSuccess(event, treeId, treeNode, msg) {
            if (curStatus == "expand") {
                expandNodes(treeNode.children);
            } else if (curStatus == "async") {
                // asyncNodes(treeNode.children);
            }

        }

        function expandNodes(nodes) {
            if (!nodes) return;
            curStatus = "expand";
            var zTree = $.fn.zTree.getZTreeObj("itemTree");
            for (var i = 0, l = nodes.length; i < l; i++) {
                zTree.expandNode(nodes[i], true, false, false);
                if (nodes[i].isParent && nodes[i].zAsync) {
                    expandNodes(nodes[i].children);
                } else {
                    goAsync = true;
                }
            }
        }

        //树结点click
        function leftNodeClick(e, treeId, treeNode) {
            initDispInfo(treeNode);
        }

        //选择节点
        function selectNode() {
            var treeObj = $.fn.zTree.getZTreeObj("itemTree");
            var nodes = treeObj.getNodes();
            var defNode = null;

            if (checkDefId != null && checkDefId >= 0) {
                defNode = treeObj.getNodeByParam("groupId", checkDefId);
            } else {
                if (nodes.length > 0) {
                    defNode = nodes[0];
                }
            }

            if (defNode != null) {
                treeObj.selectNode(defNode);
                treeObj.expandNode(defNode, true, false, false);
                initDispInfo(defNode);
            }
        }

        //初始化选中的信息显示
        function initDispInfo(treeNode) {
            $(".view-data").show();

            console.log(treeNode);
            var checkItemDefId = treeNode.checkItemDefId;
            var checkDefId = treeNode.checkDefId;
            $("#checkItemDefId_view").val(checkItemDefId);
            $("#checkDefId_view").val(checkDefId);

            /*编辑、删除按钮控制*/
            if ($("#checkItemDefId_view").val() != null && $("#checkItemDefId_view").val() != '') {
                $("#btnEdit").show();
                $("#btnDel").show();
            }

            if (treeNode.parentId == 0) {
                $("#checkItemDefName_view").text(treeNode.checkItemDefName);
                $("#addItemContent").show();
            } else {
                $("#checkItemDefName_view").text(treeNode.checkItemDefName);
                $("#addItemContent").hide();
            }

            $("#checkItemDefDesc_view").text(treeNode.checkItemDefDesc);
            $("#checkItemDefMethod_view").text(treeNode.checkItemDefMethod);
            $("#checkItemDefRule_view").text(treeNode.checkItemDefRule);
            $("#punishItemDefRule_view").text(treeNode.punishItemDefRule);
            $("#createdTime_view").text(treeNode.createdTime);
        }

        //刷新显示的信息
        function refreshDisplayInfo() {
            var checkItemDefId = $("#checkItemDefId_view").val();
            var url1 = uParas.baseUrl + '/ent/bizCheckDef/getItemById?checkItemDefId=' + checkItemDefId;
            admin.req(url1, {}, function (resp) {
                if (resp.code == 1) {
                    if (resp.data.parentId == 0) {
                        $("#checkItemDefName_view").text(resp.data.checkItemDefName);
                        $("#addItemContent").show();
                    } else {
                        $("#checkItemDefName_view").text(resp.data.checkItemDefName);
                        $("#addItemContent").hide();
                    }
                    $("#checkItemDefDesc_view").text(resp.data.checkItemDefDesc);
                    $("#checkItemDefMethod_view").text(resp.data.checkItemDefMethod);
                    $("#checkItemDefRule_view").text(resp.data.checkItemDefRule);
                    $("#punishItemDefRule_view").text(resp.data.punishItemDefRule);
                    $("#createdTime_view").text(resp.data.createdTime);
                } else {
                    layer.msg(resp.msg);
                }
            }, 'POST');
        }

        //清空显示的信息
        function emptyData() {
            $("#checkItemDefId_view").val('');
            $("#checkDefId_view").val('');
            $("#checkItemDefName_view").text('');
            $("#checkItemDefMethod_view").text('');
            $("#checkItemDefRule_view").text('');
            $("#punishItemDefRule_view").text('');
            $("#createdTime_view").text('');
            /*编辑、删除按钮控制*/
            $("#addItemContent").hide();
            $("#btnEdit").hide();
            $("#btnDel").hide();
        }

        initzTree();

        /*初始化zTree*/
        function initzTree() {
            admin.req(uParas.baseUrl + '/ent/bizCheckDef/getItems?checkDefId=' + checkDefId, {}, function (resp) {
                if (resp.code == 1) {
                    var zNodes = resp.data;
                    if (zNodes == null || zNodes == '') {
                        $("#itemTree").text("暂无数据，请添加检查项");
                        return;
                    }
                    var treeObj = $.fn.zTree.init($('#itemTree'), leftitemTreeSetting, zNodes);
                    selectNode();

                    /*默认打开所有节点*/
                    treeObj.expandAll(true);
                    console.log(treeObj);
                    layer.closeAll('loading');
                } else {
                    layer.msg(resp.msg);
                }
            }, 'GET');
        }

        //添加检查项
        $('#addItem').click(function () {
            admin.open({
                type: 1,
                title: '添加检查项',
                area: ['800px', '650px'],
                content: $('#modelTpl').html(),
                success: function (layero, dIndex) {

                    // 保存处理
                    form.on('submit(modelSubmit)', function (data) {
                        if ($('#checkItemDefName').val() == null || $('#checkItemDefName').val() == '') {
                            layer.msg("名称不能为空");
                            return false;
                        }
                        if ($('#checkItemDefDesc').val() == null || $('#checkItemDefDesc').val() == '') {
                            layer.msg("具体内容不能为空");
                            return false;
                        }
                        layer.load();
                        // data.field.checkItemDefId = null;
                        data.field.checkDefId = checkDefId;
                        data.field.parentId = 0;
                        admin.req(uParas.baseUrl + '/ent/bizCheckDef/saveItem', data.field, function (resp) {
                            layer.closeAll('loading');
                            if (resp.code == 1) {
                                layer.close(dIndex);
                                layer.msg(resp.msg);
                                // location.href ='itemIndex.html?checkDefId='+checkDefId;
                                initzTree();
                            } else {
                                layer.msg(resp.msg);
                            }
                        }, 'POST');

                        return false;
                    });
                }
            });

        });

        //添加检查项内容
        $('#addItemContent').click(function () {
            admin.open({
                type: 1,
                title: '添加检查项内容',
                area: ['800px', '650px'],
                content: $('#modelTpl').html(),
                success: function (layero, dIndex) {
                    // 保存处理
                    form.on('submit(modelSubmit)', function (data) {
                        if ($('#checkItemDefName').val() == null || $('#checkItemDefName').val() == '') {
                            layer.msg("名称不能为空");
                            return false;
                        }
                        if ($('#checkItemDefDesc').val() == null || $('#checkItemDefDesc').val() == '') {
                            layer.msg("具体内容不能为空");
                            return false;
                        }
                        layer.load();
                        data.field.checkDefId = checkDefId;
                        data.field.parentId = $("#checkItemDefId_view").val();
                        admin.req(uParas.baseUrl + '/ent/bizCheckDef/saveItem', data.field, function (resp) {
                            layer.closeAll('loading');
                            if (resp.code == 1) {
                                layer.close(dIndex);
                                layer.msg(resp.msg);
                                // location.href ='itemIndex.html?checkDefId='+checkDefId;
                                initzTree();
                            } else {
                                layer.msg(resp.msg);
                            }
                        }, 'POST');

                        return false;
                    });
                }
            });

        });

        // 编辑
        $('#btnEdit').click(function () {
            var checkItemDefId = $("#checkItemDefId_view").val();
            admin.open({
                type: 1,
                title: '编辑',
                area: ['800px', '650px'],
                content: $('#modelTpl').html(),
                success: function (layero, dIndex) {
                    var url1 = uParas.baseUrl + '/ent/bizCheckDef/getItemById?checkItemDefId=' + checkItemDefId;
                    admin.req(url1, {}, function (resp) {
                        if (resp.code == 1) {
                            //$("#groupParentName").text(resp.data.groupParentName);
                            form.val('modelForm', resp.data);  // 回显数据
                        } else {
                            layer.msg(resp.msg);
                        }
                    }, 'POST');

                    var url2 = uParas.baseUrl + '/ent/bizCheckDef/updateItem';

                    // 表单提交事件
                    form.on('submit(modelSubmit)', function (data) {
                        layer.load();

                        admin.req(url2, data.field, function (resp) {
                            layer.closeAll('loading');
                            if (resp.code == 1) {
                                refreshDisplayInfo();
                                layer.close(dIndex);
                                layer.msg(resp.msg);
                                initzTree();
                            } else {
                                layer.msg(resp.msg);
                            }
                        }, 'POST');

                        return false;
                    });
                }
            });
        });

        // 删除
        $('#btnDel').click(function () {
            var checkItemDefId = $("#checkItemDefId_view").val();
            var name = $("#checkItemDefName_view").text();
            layer.confirm('确定要删除【' + name + '】吗？', {
                    skin: 'layui-layer-admin',
                    shade: .1
                }
                , function (i) {
                    layer.close(i);
                    layer.load();

                    var url = uParas.baseUrl + '/ent/bizCheckDef/deleteItem/' + checkItemDefId;
                    admin.req(url, {}, function (resp) {
                        layer.closeAll('loading');
                        if (resp.code == 1) {
                            layer.msg(resp.msg);
                            // location.href = 'index.html?groupId='+curGroupParent;
                            initzTree();
                            emptyData();
                        } else {
                            layer.msg(resp.msg);
                        }
                    }, 'POST');
                });
        });


    });
</script>
</body>
</html>