static/pages/basedata/checkRule.html

<!--#include file="/inc/header.html"-->
<script type="text/javascript">
    window.renderHeader = function (e) {
        var template = "{{#childenList}}<li class=\"bif-nav-item\" title=\"{{moduleUrl}}\" data-fun=\"{{moduleUrl}}\" data-href=\"{{moduleUrl}}\">{{moduleName}}</li>{{/childenList}}";
        var views = Mustache.render(template, e);
        $("#bif-nav-ul").html(views);

        $("#bif-nav-ul li").each(function () {
            var txt = $(this).text();
            if (txt == '规则生成') {
                $(this).addClass("active");
                $(".tree-breadcrumb #nav-item-a").html("规则生成");
            }
        })

    };

    $(function () {
        var modules = JSON.parse(window.sessionStorage.getItem("modules"));
        if (window.treemap) {
            renderHeader(window.treemap[13]);//参数管理 7
        } else if (modules) {
            renderHeader(modules.treemap[13]);
        }
    })

</script>

<div class="con-wrap" style="min-height: 400px;">
    <div class="tree-breadcrumb">
        <span class="nav-prov">首页</span>&gt;
        <span class="nav-prov"><a id="cansgl" href="/pages/basedata/index.html">参数管理</a></span>&gt;
        <span class="nav-prov"><a href="javascript:;" id="nav-item-a"></a></span>
    </div>

    <div id="con-map" class="main3" style="margin-top: 0px;overflow:hidden">
        <div class="bif-nav">
            <ul id="bif-nav-ul">
            </ul>
        </div>
        <div class="bif-container">

            <div class="author-nav-tree">
                <ul id="tree-tt" style="height:500px;">

                </ul>
            </div>

            <div class="bif-con panel-noscroll" style="height: auto;">
                <div id="bd-toolbar" style="padding:10px 5px;">
                    <!-- <a href="#" class="easyui-linkbutton bd-add-s l-btn city-add-bt city-add-bt " >新增直属库</a> -->
                    <a id="checkDomain-add-bt" href="#"
                       class="easyui-linkbutton bd-add-s l-btn checkRules-add-bt new-add-bt">新增</a>

                </div>
                <table id="bd-dg" style="height:500px;" class="group-manage-table"></table>

            </div>
        </div>
    </div>

</div>'


<div class="checkRules-editform hide " style="padding:10px;">
    <form class="checkRules-editform-form">
        <input type="hidden" name="id">
        <input type="hidden" name="uuid">

        <span class="pf-ptitle">基本信息</span>
        <div class="pf-pitem">
            <span class="pf-pitem-li">
                <span class="pf-pitem-lit">规则名称:</span>
                <span class="pf-pitem-lic">
                    <input class="easyui-textbox" data-options="width:'406px',height:'20px'" required="true"
                           name="checkRuleName"></span>
            </span>
            <br/>

            <span class="pf-pitem-li">
                <span class="pf-pitem-lit">库名:</span>
                <span class="pf-pitem-lic">
                    <input class="easyui-combobox libraryName checkRuleGrainId"
                           data-options="width:'140px',height:'20px'" required="true" name="checkRuleGrainId"></span>
            </span>

            <span class="pf-pitem-li">
                <span class="pf-pitem-lit">岗位:</span>
                <span class="pf-pitem-lic">
                    <input class="easyui-combobox checkRulePostCode" data-options="width:'140px',height:'20px'"
                           required="true" name="checkRulePostCode"></span>
            </span>
            <br/>

            <span class="pf-pitem-li">
                 <span class="pf-pitem-lit">制作人:</span>
                 <span class="pf-pitem-lic">
                    <input class="easyui-textbox" data-options="width:'140px',height:'20px'"
                           name="checkRuleAuthor"></span>
            </span>
            <span class="pf-pitem-li">
                 <span class="pf-pitem-lit">生成时间:</span>
                 <span class="pf-pitem-lic">
                    <input class="easyui-datebox" data-options="width:'140px',height:'20px'"
                           name="checkRuleDate" required="true"></span>
            </span>
            <br/>

            <span class="pf-pitem-li">
                <span class="pf-pitem-lit">生效起日:</span>
                <span class="pf-pitem-lic">
                    <input class="easyui-datebox" data-options="width:'140px',height:'20px'" required="true"
                           name="checkRuleStartDate"></span>
            </span>
            <span class="pf-pitem-li">
                <span class="pf-pitem-lit">生效止日:</span>
                <span class="pf-pitem-lic">
                    <input class="easyui-datebox" data-options="width:'140px',height:'20px'" required="true"
                           name="checkRuleEndDate"></span>
            </span>

            <br/>

            <span class="pf-pitem-li">
                <span class="pf-pitem-lit">是否生效:</span>
                <span class="pf-pitem-lic">
                    <select class="easyui-combobox" name="checkRuleUsed" required="true"
                            data-options="width:'140px',height:'20px'">
                        <option value="1">是</option>
                        <option value="0">否</option>
                    </select>
                </span>
            </span>
            <span class="pf-pitem-li">
                <span class="pf-pitem-lit">生效范围:</span>
                <span class="pf-pitem-lic">
                    <input class="easyui-textbox" data-options="width:'140px',height:'20px'"
                           name="checkRuleDomain"></span>
            </span>

            <br/>

            <span class="pf-pitem-li">
                <span class="pf-pitem-lit">巡检频率单位:</span>
                <span class="pf-pitem-lic">
                     <select class="easyui-combobox " class="checkRuleUnit" name="checkRuleUnit" required="true"
                             editable="false" panelHeight=60 data-options="width:'140px'">
                         <option value="年">年</option>
                         <option value="月">月</option>
                         <option value="周">周</option>
                         <option value="日">日</option>
                      </select>
                </span>
            </span>
            <span class="pf-pitem-li">
                <span class="pf-pitem-lit">巡检次数:</span>
                <span class="pf-pitem-lic">
                    <input class="easyui-numberbox" data-options="width:'140px',height:'20px'" required="true"
                           name="checkRuleNumber"></span>
            </span>

        </div>
        <div class="keeper-info">
            <div class="keeper-info-left">
                <span class="pf-ptitle">规则设定</span><span class="add-row-li checkRuleItems-add-span"></span>
                <ul class="pf-degree">
                    <li class="pf-degree-li">
                        <span class="pf-degree-item">
                            <span class="keeper-info-subtitle" >安全管理区域巡查内容:</span>
                            <select class="easyui-combobox CheckDomain-type" class="temp-class" required="true"
                                    editable="false" panelHeight=60 data-options="width:'140px'">

                            </select>
                        </span>

                        <span class="pf-degree-item">
                            <span class="keeper-info-subtitle" style="margin:0px 0px 0px 70px">重点项目:</span>
                            <select class="easyui-combobox CheckDomainItem-type" class="temp-class" required="true"
                                    editable="false" panelHeight=60 data-options="width:'140px'">
                            </select>
                        </span>
                    </li>

                </ul>

            </div>

        </div>

        <span class="pf-pitem-li">
            <span class="pf-pitem-lit"></span>
            <span class="pf-pitem-lic"><button type="button" href="#"
                                               class="easyui-linkbutton bd-add-s checkRules-add-y"
                                               plain="true">确定</button></span>
        </span>

    </form>
</div>

<script type="text/javascript">
    //规则身材初始化
    checkRule.init();
</script>

<style>

    .hide {
        display: none;
    }

    .author-nav-tree {
        display: inline-block;
        width: 200px;
        min-height: 400px;
        border: 1px solid lightgrey;
        float: left;
        overflow-x: hidden;
        overflow-y: auto;
        margin-top: 10px;
    }

    #con-map {
        min-height: 400px;
        display: inline-block;
        margin-top: 10px;
    }

    .bif-con {
        width: 980px;
        height: 404px;
        margin-top: 10px;
        margin-left: 14px;
        float: left;
    }

    .bif-nav-item {
        width: 150px;
        text-align: center;
    }

    .add-row-li {
        transform: translateY(25%);
        display: inline-block;
        position: relative;
        width: 18px;
        height: 18px;
        margin-left: 10px;
        /*background-color: #ccc;*/
        border-radius: 50%;
        border: 1px solid #999;
        cursor: pointer;
    }

    .add-row-li:before {
        content: "";
        position: absolute;
        width: 14px;
        height: 2px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #999;
        cursor: pointer;
    }

    .add-row-li:after {
        content: "";
        position: absolute;
        width: 2px;
        height: 14px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-color: #999;
        cursor: pointer;
    }

    .delete-data {
        display: inline-block;
        position: relative;
        width: 20px;
        height: 20px;
        background-color: #e82525;
        border-radius: 50%;
        vertical-align: middle;
        cursor: pointer;
    }

    .delete-data-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 16px;
        height: 4px;
        background-color: #fff;
        cursor: pointer;
    }

    .pf-ptitle {
        font-size: 14px;
        font-weight: 600;
        line-height: 25px;
    }

    .pf-pitem, .pf-degree, .pf-major, .pf-ab, .pf-no {
        margin-bottom: 10px;
    }

    .keeper-info {
        width: 100%;
        float: left;
    }

    .keeper-info-left {
        width: 76%;
        float: left;
    }

    .keeper-info-left input, .keeper-info-left select {
        width: 80px;
    }

    .keeper-info-right {
        width: 24%;
        float: left;
        margin-top: 31px;
    }

    .keeper-info-right .pic {
        border: 1px solid #CCC;
        float: left;
        height: 200px;
        width: 95%;
        background: #ccc;
        text-align: center;
    }

    .keeper-info-right img {
        width: auto;
        max-height: 198px;
    }

    #file {
        border-color: #ffa8a8;
        background-color: #F30000;
        color: #000;
        width: 100%;
        height: 20px;
        margin-top: 10px;
    }

    div.upload-btn {
        width: 100px;
        height: 40px;
        background: url("/img/upload2.png");
        overflow: hidden;
    }

    div.upload-btn input {
        display: block !important;
        width: 100px !important;
        height: 40px !important;
        opacity: 0 !important;
        overflow: hidden !important;
    }

    .keeper-info-subtitle {
        display: inline-block;
       /* width: 100px;*/
        text-align: right;
    }

</style>

</body>
</html>