static/pages/systemManagement/basedata/threshold.html

<!--#include file="/inc/header.html"-->
    <style>
    .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: 1200px;
        height:500px;
        margin-top: 0px;
        margin-left: 0px;
        float: left;
    }
    .bif-nav-item {
        width: 150px;
        text-align: center;
    }
    </style>
    <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);

            // $(".tree-breadcrumb #nav-item-a").html($("#bif-nav-ul li:first-child").html());
            // $("#bif-nav-ul li:first-child").addClass("active");

            $("#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="bif-con panel-noscroll" style="width:1200px">
                    <div id="bd-toolbar" style="margin-top: 0;padding: 10px 5px">
                        类型：
                        <select id="bd-type" class="easyui-combobox search-typeOther" editable="false" name="type" style="width:150px;" panelHeight="100">
                            <option value="0">虫害</option>
                            <option value="1">结露</option>
                            <option value="2">温度</option>
                            <option value="3">验收</option>
                        </select>&emsp;
                        名称：<input class="easyui-textbox easyui-validatebox search-nameOther bd-w-name" name="name" data-options="validType:'length[0,20]'">&emsp;
                        <a href="javascript:;" class="easyui-linkbutton bd-add-s bd-search">搜索</a>
                        <a href="#" class="easyui-linkbutton bd-add-s clear-btn2" plain="true">清空</a>
                    </div>
                    <div id="base-table">

                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="bd-w easyui-window" style="padding-left: 10px" data-options="closed:true">
        <form class="bd-w-form" style="margin-top: 12px;">
            <input type="hidden" name="id" >
            <span class="deviceIn-device-w-t deviceIn-span-first">
                <span class="deviceIn-pitem-lit">名称:</span>
                <span class="deviceIn-pitem-lic"><input class="easyui-textbox name" editable=false name="name"></span>
            </span>
             <span class="deviceIn-device-w-t">
                <span class="deviceIn-pitem-lit">阀值:</span>
                <span class="deviceIn-pitem-lic"><input class="easyui-textbox easyui-validatebox value" data-options="validType:'number',required:true" name="value"></span>
            </span>
            <span class="deviceIn-device-w-t deviceIn-span-first">
                <span class="deviceIn-pitem-lit">备注:</span>
                <span class="deviceIn-pitem-lic"><input class="easyui-textbox remark"  name="remarks"></span>
            </span>
            <br/>
            <a href="#" class="easyui-linkbutton bd-add-s btn-add-new" plain="true" style="margin-top: 20px;">确定</a>
                <a href="javascript:;" class="easyui-linkbutton bd-add-s " onclick="$('.bd-w').window('close');" plain="true" style="margin-top: 20px;">取消</a>
            </form>
    </div>
<!--#include file="/inc/footer.html"-->

</body>
</html>

<script type="text/javascript">
    $(function() {
        // var value=["虫害","结露","温度","验收"];

        baseData.initNav();
        loadData();
        search();
        $('.clear-btn2').on('click',function(e){
            e.preventDefault();
            $('.search-typeOther').combobox('clear');
            $('.search-nameOther').textbox('clear');
        });

    });

    function loadData(type,name){
         var url=config.baseUrl + config.threshold.listPage+"?1=1";

         if(type){
            url=url+"&type="+type;
         }

         if(name){
            url=url+"&name="+name;
         }

         $('#base-table').datagrid({
                url: url,
                method: 'post',
                rownumbers: true,
                pagination: true,
                fitColumns: true,
                singleSelect: true,
                selectOnCheck: false,
                checkOnSelect: false,
                toolbar: '#bd-toolbar',
                fit: true,
                columns: [[
                    {
                        field:'type',
                        title:'类型',
                        width:'20%',
                        align: 'center',
                        formatter: function(value, row, index) {
                            switch(row.type){
                                case "0":
                                    return "虫害";
                                case "1":
                                    return "结露";
                                case "2":
                                    return "温度";
                                case "3":
                                    return "验收";
                            }
                        }
                    },
                    {field:'name', title:'名称', width:'20%',
                    formatter: function(value,row,index){
                        if(value=='' || value=='undefined' || value==null || value=='null'){
                        }else{
                            return '<span title='+value+'>'+value+'</span>';
                        }
                    }},
                    {field:'value', title:'阀值', width:'20%',
                    formatter: function(value,row,index){
                        if(value=='' || value=='undefined' || value==null || value=='null'){
                        }else{
                            return '<span title='+value+'>'+value+'</span>';
                        }
                    }},
                    {field:'remarks', title:'备注', width:'20%',
                    formatter: function(value,row,index){
                        if(value=='' || value=='undefined' || value==null || value=='null'){
                        }else{
                            return '<span title='+value+'>'+value+'</span>';
                        }
                    }},
                    {
                        field:'id',
                        title:'操作',
                        width:'15%',
                        align: 'center',
                        formatter: function(value, row, index) {
                            return '<a class="record_record_update t-update" data-id=' + row.id + '>更新</a>';
                        }
                    }
                ]],
                loadFilter: function(e) {
                    return {
                        total: e.data.count,
                        rows: e.data.list
                    };
                },
                onLoadSuccess: function() {
                    // base.delInfo('.iso-noticeMag-del', config.noticeMag.toDelete, '#noticeMag-info');
                    update();
                }
            });
    }
    function update(){
        $(".record_record_update").off("click").on("click",function(){
            base.renderwindow('.bd-w',
                            {
                                title: '修改阀值',
                                width: 450,
                                height: 250,
                            });

            var id=$(this).data('id');
            $('.bd-w').window('open').window('center');
            //将id的值绑定到确认按钮上
            base.ajaxFunc('get', config.threshold.getById, {id: id}, function(e) {
                var row = e.obj;
                $('.bd-w-form').form("clear").form('load',row);
                //当鼠标移动到文本框时显示该文本框的信息内容
                $(".bd-w-form input,textarea").each(function(i) {
                              var str=$(this).val();
                              $(this).attr("title", $(this).val());
                });
                doupdate();
            });

        });
    }
    function doupdate(){
        $(".btn-add-new").off().on("click",function(){
             var data = $('.bd-w-form').serializeArray();
             var valresult=$(".bd-w-form").form('validate');
             if(!valresult){
                $.messager.alert('提示', base.tooltip, 'info');
                return;
             }
            base.ajaxFunc('post', config.threshold.toUpdate, data, function(e) {
                base.requestTip(e, '.bd-w', '#base-table', 0);
            });

        });
    }
    function search(){
        $(".bd-search").off("click").on("click",function(){
            if(!$('.search-nameOther').textbox('isValid')) return;
            var type = $('.search-typeOther').combobox('getValue');
            var name = $('.search-nameOther').textbox('getValue');
            loadData(type,name);
        });
    }
</script>