u157815
/
workorder


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321
							<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="robots" content="noindex,nofollow">
    <title>{$sys_name}</title>
    <base href="{base_url()}"/>
    <link href="static/css/bootstrap.min.css" rel="stylesheet">
    <link href="static/css/bootstrap-table.min.css" rel="stylesheet">
    <link href="static/css/select2.min.css" rel="stylesheet">
    <link href="static/js/skins/all.css" rel="stylesheet">
    <link rel="stylesheet" href="static/css/style.css">
    <script language="javascript" type="text/javascript"> var SITE_URL = "/";</script>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body style="background: #fff;">
    <div style="padding:10px;">
        <div class="panel panel-default grid">
            <div class="panel-body">
                <form class="form-inline" role="form" method="get">
                    <input type="hidden" name="page_size" value="{$page_size}">
                    <div class="pull-left">
                        <div class="btn-group">
                            <button type="button" class="merge" id="create_workorder" disabled>
                                批量生成工单
                            </button>
                            <span class="btn_line"></span>
                            <button type="button" class="igrone_btn" id="igrone_select" disabled>
                                批量忽略
                            </button>
                            <span class="btn_line"></span>
                            <button type="button" class="refresh" onclick="window.location.reload();">
                                刷新
                            </button>
                        </div>
                    </div>
                    <div class="pull-right">
                        <div class="form-group">
                            <select class="form-control" style="width: 120px;" name="branch_id" id="branch_id">
                                <option value="">所有分支机构</option>
                                {foreach $branch as $k=>$val}
                                <option value="{$val['branch_id']}" {if $branch_id == $val['branch_id']}selected{/if}>{$val['branch_name']}</option>
                                {/foreach}
                            </select>
                        </div>
                        <div class="form-group">
                            <select class="form-control" name="type">
                                <option value="">所有类型</option>
                                {foreach $warning_type as $k=>$val}
                                <option value="{$k}" {if $type == $k}selected{/if}>{$val}</option>
                                {/foreach}
                            </select>
                        </div>
                        <div class="form-group">
                            <select class="form-control" name="status">
                                <option value="">所有状态</option>
                                {foreach $warning_status as $k=>$val}
                                <option value="{$k}" {if $status == $k}selected{/if}>{$val}</option>
                                {/foreach}
                            </select>
                        </div>
                        <div class="form-group">
                            <input class="form-control keyword" name="warning_name" id="warning_name" placeholder="筛选" type="text" value="{$warning_name}">
                            <button type="submit" class="search">
                                <i class="glyphicon glyphicon-search"></i>
                            </button>
                        </div>
                    </div>
                </form>
            </div>
            <table id="data_table" data-toggle="table" data-search="true" class="table{if $count} table-hover{/if} table-bordered">
                <thead>
                    <tr>
                        <th class="text-center" style="width: 40px;"><input name="check_all" class="check_all" value="true" type="checkbox"></th>
                        <!--<th></th>-->
                        <th class="text-center">告警事件名称</th>
                        <th class="text-center">事件类型</th>
                        <th class="text-center">主机等级</th>
                        <th class="text-center">所属分支</th>
                        <th class="text-center col-xs-2">内容</th>
                        <th class="text-center" style="width: 180px;">时间</th>
                        <th class="text-center">状态</th>
                        <th class="text-center" style="width: 230px">操作</th>
                    </tr>
                </thead>
                <tbody>
                {foreach $warning_list as $k=>$val}
                    <tr>
                        <td class="text-center"><input name="ids[]" value="{$val['_id']}" data-branch_id="{$val['branch']['branch_id']}" type="checkbox" {if intval($val['status']) >= 20}disabled{/if}></td>
                        <td data-searchable="true">{$val['warning_name']}</td>
                        <td class="text-center" data-searchable="true">{if array_key_exists($val['type'],$warning_type)}<span class="level warning_type{$val['type']}">{$warning_type[$val['type']]}</span>{else}未知类型{/if}</td>  <!--失陷事件、脆弱性、残余攻击-->
                        <td class="text-center"><span class="level level{{$val['level']}}">{$warning_level[$val['level']]}</span></td> <!--已失陷、高可疑、高危、中危、低危-->
                        <td data-searchable="true">{if array_key_exists($val['branch']['branch_id'],$branch)}{$branch[$val['branch']['branch_id']]['branch_name']}{else}未配置分支{/if}</td>
                        <td class="col-xs-2"><div class="text_over" style="width: 260px;">{$val['content']}</div></td>
                        <td class="text-center">{$val['create_time']->toDateTime()|date_format:'%Y-%m-%d %H:%M:%S'}</td>
                        <td class="text-center"><span class="w_status{$val['status']}">{$warning_status[$val['status']]}</span></td> <!--待审核下发、已忽略-->
                        <td class="text-left">
                            <!--a href="{$val['url']}" target="_blank">
                                查看详情
                            </a-->
                            <a href="javascript:;" data-id="{$val['warning_id']}" class="view_info">
                                查看详情
                            </a>
                            {if $val['status'] == 10}
                            <a href="javascript:;" data-id="{$val['_id']}" class="create_work_order">
                                生成工单
                            </a>
                            <a href="javascript:;" data-id="{$val['warning_id']}" class="igrone">
                                忽略
                            </a>
                            {/if}
                        </td>
                    </tr>
                {/foreach}
                {if !$count}
                <tr>
                    <td colspan="9" class="empty_table"><img src="static/images/empty_table.png"><p>暂无符合条件的数据！</p></td>
                </tr>
                {/if}
                </tbody>
            </table>
            <div class="panel-footer clearfix">
                <div class="form-inline">
                    <div class="pull-right">
                        <div class="form-group count">{$warning_status["10"]}：<span class="status10">{$count10}</span>&nbsp;&nbsp;
                            {$warning_status["20"]}：<span class="status20">{$count20}</span>&nbsp;&nbsp;
                            {$warning_status["30"]}：<span class="status30">{$count30}</span>&nbsp;&nbsp;
                            {$warning_status["40"]}：<span class="status40">{$count40}</span>&nbsp;&nbsp;总共{$count}条记录</div>
                        <div class="form-group">
                        {$page}
                        </div>
                        <div class="form-group">
                            <label for="page_size" class="form-control-static control-label">每页</label>
                            <select class="form-control" id="page_size" name="page_size">
                                <option value="10" {if $page_size == 10}selected{/if}>10</option>
                                <option value="20" {if $page_size == 20}selected{/if}>20</option>
                                <option value="50" {if $page_size == 50}selected{/if}>50</option>
                                <option value="100" {if $page_size == 100}selected{/if}>100</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<script type="text/javascript" charset="utf-8" src="static/js/jquery.js"></script>
<script type="text/javascript" charset="utf-8" src="static/js/bootstrap.min.js"></script>
<script type="text/javascript" charset="utf-8" src="static/js/bootstrap-table.min.js"></script>
<script type="text/javascript" charset="utf-8" src="static/js/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" charset="utf-8" src="static/js/select2.full.min.js"></script>
<script type="text/javascript" charset="utf-8" src="static/js/icheck.min.js"></script>
<script type="text/javascript" charset="utf-8" src="static/js/layer/layer.js"></script>{literal}
<script language="javascript" type="text/javascript">
    var disabled_btn = "";
    $(".panel-body button:disabled").each(function () {
        disabled_btn +="#"+$(this).attr("id")+",";
    })
    disabled_btn = disabled_btn.substr(0,disabled_btn.length-1);
    $(function(){
        $("table").show();
        layer.config({
            extend: 'myskin/style.css', //加载新皮肤
        });
        $('input').iCheck({
            cursor : true,
            checkboxClass : 'icheckbox_square-blue'
        });
        $("#warning_name").on('input',function () {
            $('#data_table').bootstrapTable('resetSearch', $(this).val());
            $('input').iCheck({
                cursor : true,
                checkboxClass : 'icheckbox_square-blue'
            });
        });
        $("select").select2({minimumResultsForSearch: -1});
        $(".bootstrap-table").on('click',".view_info",function(){
            var id = $(this).data("id");
            if(id != "" && id != undefined) {
                layer.open({
                    type: 2,
                    title: "告警详情",
                    offset: 'auto',
                    shade: [0.3],
                    area: ['700px','520px'],
                    anim: 0,
                    shadeClose:false,
                    content: 'warning/view/'+id,
                });
            }else{
                layer.alert("参数错误，请刷新后重试！",{skin: 'layer-ext-myskin',icon: 5, title:'错误提示'});
            }
        });
        $(".bootstrap-table").on('click','.igrone',function () {
            var warning_id = $(this).data("id");
            layer.confirm('确定要忽略这条告警信息吗?', {skin: 'layer-ext-myskin',icon: 3, title:'提示'}, function(index){
                if(warning_id != "" && warning_id != undefined) {
                    $.post(
                        "warning/ignore/" + warning_id,
                        function (data) {
                            layer.msg(data.msg, {skin:'default',icon: data.icon,time: 3000}, function () {
                                window.location.reload();
                            })
                        }
                    )
                }else{
                    layer.alert("参数错误，请刷新后重试！",{skin: 'layer-ext-myskin',icon: 5, title:'错误提示'});
                }
                layer.close(index);
            })
        });
        $(".bootstrap-table").on('click','.create_work_order',function(){
            var warning_id = $(this).data("id");
            if(warning_id != "" && warning_id != undefined) {
                layer.open({
                    type: 2,
                    title: "生成工单",
                    offset: 'auto',
                    shade: [0.3],
                    area: ['900px','80%'],
                    anim: 0,
                    shadeClose:false,
                    content: 'workorder/create?ids='+warning_id,
                    end: function(){
                        window.location.reload();
                    }
                });
            }else{
                layer.alert("参数错误，请刷新后重试！",{skin: 'layer-ext-myskin',icon: 5, title:'错误提示'});
            }
        });
        $("#create_workorder").on('click',function () {
            var ids = "";
            var branch_id = $("input:checkbox:checked:first").data('branch_id');
            $("input:checkbox").each(function () {
                if($(this).not(":disabled").prop("checked")){
                    ids += $(this).val()+",";
                    if($(this).data('branch_id') != branch_id){
                        branch_id = "";
                        return false;
                    }
                }
            });
            if(branch_id == "") {
                layer.alert("请选择在同一分支结构的工单进行批量操作！",{skin: 'layer-ext-myskin',icon: 3, title:'提示'});
            }else if(ids == ""){
                layer.alert("请选择要创建工单的告警信息",{skin: 'layer-ext-myskin',icon: 3, title:'提示'});
            }else{
                layer.open({
                    type: 2,
                    title: "生成工单",
                    offset: 'auto',
                    shade: [0.3],
                    area: ['900px','75%'],
                    anim: 0,
                    shadeClose:false,
                    content: 'workorder/create?ids='+ids,
                    end: function(){
                        window.location.reload();
                    }
                });
            }
        });
        $("#igrone_select").on('click',function () {
            var ids = "";
            $("input:checkbox").each(function () {
                if($(this).not(":disabled").prop("checked")){
                    ids += $(this).val()+",";
                }
            });
            if(ids == ""){
                layer.alert("请选择要忽略的告警信息",{skin: 'layer-ext-myskin',icon: 3, title:'提示'});
            }else{
                layer.confirm('确定要忽略这条告警信息吗?', {skin: 'layer-ext-myskin',icon: 3, title:'提示'}, function(index){
                    $.post(
                        "warning/ignoreselect/",{'warning_ids':ids},
                        function (data) {
                            layer.msg(data.msg, {icon: data.icon,time: 3000}, function () {
                                window.location.reload();
                            })
                        }
                    );
                    layer.close(index);
                })
            }
        });
        $(".bootstrap-table").on('ifChecked','.check_all',function () {
            $("input:checkbox").not(':disabled').iCheck('check');
        }).on('ifUnchecked','.check_all',function () {
            $("input:checkbox").not(':disabled').iCheck('uncheck');
        });
        $(".bootstrap-table").on('ifChanged','input:checkbox',function(){
            var ids ="";
            $("input:checkbox").each(function () {
                if($(this).not(":disabled").prop("checked")){
                    ids += $(this).val()+",";
                }
            });
            if(ids != "" && ids != undefined){
                $(disabled_btn).removeAttr("disabled");
            }else{
                $(disabled_btn).attr("disabled","disabled");
            }
        })
        $("#page_size").change(function () {
            var page_size = $(this).val();
            window.location.href = "warning/index?page_size="+page_size;
        });
        $(".form-inline select").on("change",function(e) {
            if($(this).attr("id") != "page_size") {
                $(".form-inline").submit();
            }
        })
    })
</script>{/literal}
</body>
</html>