zuel-itsm-3.0.2/assets/views/means/cmdbauditlist.html

<div ng-controller="cmdbauditlistCtrl" class="">
    <section id="page-title">
        <div class="row">
            <!-- <i class="iconfont icon-bianji pull-left"></i> -->
            <div class="col-sm-8">
                <h1 class="mainTitle">配置安全审计
                    <i tooltip='配置安全审计列表,点击操作处理任务' tooltip-placement="right" class="fa  ti-help-alt margin-left-10 fontcolor-five pointfont"></i>
                </h1>
            </div>
        </div>
    </section>
    <div class="listbote">
        <div style="background: #F9F9F9 !important;padding-left: 16px;padding-right: 0px;">
            <div class="row wt_searchlistback" id="searchid">
                <div class="col-xs-10" style="padding-right: 0px !important">
                    <div class=" inspectlistsearch pull-left">
                        <div>
                            <div class="control-label pull-left" style="padding-top:4px;font-size:14px">审计日期:</div>
                            <input type="text" class="pull-right incidentsearchsize iptSize" datepicker-popuptime="yyyy-MM-dd" ng-model="searchkeys.startDate" max-date="searchkeys.endDate" is-open="startOpened"
                                    hour-time=true ng-init="startOpened = false" close-text="关闭" ng-click="startOpen($event)" placeholder="" />
                        </div>
                    </div>
                    <div class=" inspectlistsearch pull-left">
                        <div>
                            <div class="control-label pull-left" style="padding-top:4px;font-size:14px">至:</div>
                            <input type="text" class="pull-right incidentsearchsize iptSize" datepicker-popuptime="yyyy-MM-dd" ng-model="searchkeys.endDate" hour-time=true min-date="searchkeys.startDate"
                                    is-open="endOpened" ng-init="endOpened = false" close-text="关闭" ng-click="endOpen($event)" placeholder="" />
                        </div>
                    </div>
                    <div class=" inspectlistsearch pull-left">
                        <div class="pull-left" style="padding-top:4px;font-size:14px">审计执行人:</div>
                        <ui-select class="pull-right iptSize" ng-model="searchkeys.user" theme="bootstrap">
                            <ui-select-match placeholder="">
                                {{$select.selected.name}}
                            </ui-select-match>
                            <ui-select-choices repeat="item in handlingPersonnelUser" refresh="onChangehandling($select.search)">
                                <div ng-bind-html="item.name | highlight: $select.search"></div>
                            </ui-select-choices>
                        </ui-select>
                    </div>
                    <div class=" inspectlistsearch pull-left">
                        <div class="pull-left" style="padding-top:4px;font-size:14px">审计状态:</div>
                        <ui-select class="pull-right iptSize" ng-model="searchkeys.status" theme="bootstrap">
                            <ui-select-match placeholder="">
                                {{$select.selected.name}}
                            </ui-select-match>
                            <ui-select-choices repeat="item in state | filter: $select.search">
                                <div ng-bind-html="item.name | highlight: $select.search"></div>
                            </ui-select-choices>
                        </ui-select>
                    </div>
                    <div class=" inspectlistsearch pull-left">
                        <div class="pull-left" style="padding-top:4px;font-size:14px">审计单号:</div>
                        <input class="pull-right iptSize" type="text" ng-model="searchkeys.orderId" placeholder="" />
                    </div>
                    <!-- <form class="form-inline incidentsearchsize" style='padding-top: 8px'>
                        <div class="form-group ">
                            <div class="pull-right" style="width:200px">
                                <div class="control-label pull-left ctlpadding">审计日期:</div>
                                <input type="text" class=" selectzise wt_width1 wt_width3 pull-right incidentsearchsize" style="height: 28px;border-color: #dedede;" datepicker-popuptime="yyyy-MM-dd" ng-model="searchkeys.startDate" max-date="searchkeys.endDate" is-open="startOpened"
                                    hour-time=true ng-init="startOpened = false" close-text="关闭" ng-click="startOpen($event)" placeholder="" />
                            </div>
                        </div>
                        <div class="form-group incidentsearch wt_width">
                            <div>
                                <div class="control-label pull-left ctlpadding">至</div>
                                <input type="text" class="  selectzise wt_width1 wt_width3 pull-right incidentsearchsize" style="height: 28px;border-color: #dedede;" datepicker-popuptime="yyyy-MM-dd" ng-model="searchkeys.endDate" hour-time=true min-date="searchkeys.startDate"
                                    is-open="endOpened" ng-init="endOpened = false" close-text="关闭" ng-click="endOpen($event)" placeholder="" />
                            </div>
                        </div>
                        <div class="form-group incidentsearch wt_width">
                            <div class="">
                                <div class="control-label pull-left ctlpadding"><span class="pull-right">审计执行人:</span></div>
                                <ui-select class="pull-left" style="width:120px" ng-model="searchkeys.user" theme="bootstrap">
                                    <ui-select-match placeholder="">
                                        {{$select.selected.name}}
                                    </ui-select-match>
                                    <ui-select-choices repeat="item in handlingPersonnelUser" refresh="onChangehandling($select.search)">
                                        <div ng-bind-html="item.name | highlight: $select.search"></div>
                                    </ui-select-choices>
                                </ui-select>
                            </div>
                        </div>
                        <div class="form-group incidentsearch wt_width">
                            <div class="">
                                <div class="control-label pull-left ctlpadding"><span class="pull-right">审计状态:</span></div>
                                <ui-select class="pull-right selectzise wt_width1 wt_width3 incidentsearchsize" style="width: 120px" ng-model="searchkeys.status" theme="bootstrap">
                                    <ui-select-match placeholder="">
                                        {{$select.selected.name}}
                                    </ui-select-match>
                                    <ui-select-choices repeat="item in state | filter: $select.search">
                                        <div ng-bind-html="item.name | highlight: $select.search"></div>
                                    </ui-select-choices>
                                </ui-select>
                            </div>
                        </div>
                        <div class="form-group incidentsearch wt_width">
                            <div class="">
                                <div class="control-label pull-left ctlpadding">审计单号:</div>
                                <input class="inputcolor wt_width1 wt_width3 pull-right incidentsearchsize" type="text" ng-model="searchkeys.orderId" placeholder="" />
                            </div>
                        </div>

                    </form> -->
                </div>
                <div class="col-xs-2 wt_pad searchBtnBox">
                    <div class="btn btn_search" ng-click="chiceIncident(searchkeys)"><span>搜索</span></div>
                    <div class="btn btn_clean" ng-click="reset()">重置</div>
                    <!-- <div class="btn btn_other" ng-click="clear()"><span>刷新</span></div> -->
                    <div class="btn btn_other" ng-click="newaudit()"><span>新增配置审计</span></div>
                </div>
            </div>
        </div>
        <!-- <div class="panel">
                <div class="panel-heading px-nested-panel-heading clearfix">
                    <h3 ng-click="export()" class="panel-title text-secondhead pull-right bluefont pointfont"><i class="icon  iconfont icon-daochu daochulist"></i>导出列表</h3>
                </div>
            </div> -->
        <div class="wt_list">
            <div ui-i18n="{{lang}} " style="background: #fff;">
                <div id="grid" style="border-radius: 2px !important;" ui-grid="gridOptions " ui-grid-pagination external-scopes="$scope " ui-grid-resize-columns ui-grid-auto-resize class="grid "></div>
            </div>
        </div>
    </div>
</div>

<style>
    .inspectlistsearch{
        width: 30%!important;
        margin-right: 16px
    }
    .iptSize{
        width: 60%!important;
        height: 28px!important;
    }
    .tree-control .tree-input{
        min-height:28px!important
    }
    .btn{
        margin-top: 4px
    }
    .ctlpadding {
        padding: 2px;
    }
    @media screen and (max-width: 1750px) {
        .wt_width {
            width: 30%!important;
        }
        .wt_width1 {
            width: 60% !important;
        }
        .wt_width4 {
            width: 27% !important;
        }
        .wt_width5 {
            width: 60% !important;
            border-color: #dedede;
            float: right;
        }
        .wt_width7 {
            width: 15%;
        }
    }
    .incidentsearch{
        margin-right: 16px;
    }
    .selectzise {
        width: 160px;
    }
    
    .wt_width {
        width: 17%;
        /* margin-right: 16px; */
    }
    
    .wt_width1 {
        width: 160px;
    }
    
    .wt_margin-top {
        margin-top: 35px !important;
    }
    
    .form-inline .form-control {
        border-radius: 2px;
    }
    
    .wt_width3 {
        width: 130px;
        height: 28px!important;
        border-radius: 2px !important;
    }
    
    .wt_width4 {
        width: 20%;
    }
    
    .wt_width5 {
        width: 160px;
        border-color: #dedede;
        float: right;
        height: 28px;
        border-radius: 2px !important;
    }
    
    .wt_width6 {
        display: inline-block;
        padding-top: 0px;
        position: relative;
        top: 4px;
        /* left: 10px; */
        /* width: 8.2%; */
        text-align: center;
    }
    
    .ui-select-bootstrap .ui-select-toggle {
        height: 28px;
        padding: 3px 4px;
    }
    /* 
        .wt_width {
            width: 20%;
            margin-right: 1%;
            padding: 0px;
        }
    
        .wt_width1 {
            width: 100% !important;
            padding: 0px;
        } */
    
    .wt_width2 {
        width: 50% !important;
    }
    
    .wt_pad {
        padding: 0px;
    }
    
    .wt_btns {
        display: inline-block;
        margin-right: 8px;
    }
    
    .wt_btn1 {
        width: 80px;
        height: 28px !important;
        border-radius: 2px;
        line-height: 28px;
        font-size: 14px;
        padding: 0px!important;
        font-size: 14px!important;
    }
    
    .btn.steelbutton.wt_btn1 {
        padding: 0px!important;
    }
    
    .wt_btnColor {
        background: #4A90E2 !important;
    }
    /* .btn{
            padding: 0px!important;
        } */
    
    .wt_btnColor:hover {
        background: #fff !important;
        color: #2B5EB8 !important;
        border: 1px solid #2B5EB8;
    }
    
    .wt_btnColor2:hover {
        background: #fff !important;
        color: #2B5EB8 !important;
        border: 1px solid #2B5EB8;
    }
    
    .wt_btn2 {
        width: 100px;
        height: 34px!important;
        border-radius: 2px !important;
    }
    
    .wt_list {
        padding: 15px;
        background: #F9F9F9;
    }
    
    .ui-grid-render-container:hover {
        background: #fff !important;
    }
    
    .wt_btnColor1 {
        background: #fff !important;
        color: #2B5EB8 !important;
        border: 1px solid #2B5EB8;
    }
    
    .wt_btnColor1:hover {
        background: #4A90E2 !important;
        color: #fff !important;
        border: 1px solid #4A90E2 !important;
    }
    
    div.ui-grid-row.ng-scope:hover {
        cursor: pointer;
        background: #fff !important;
    }
    
    .wt_searchlistback {
        margin-top: 1px;
        margin-bottom: 8px;
        padding: 8px 0 10px 0;
        border-top-left-radius: 0px !important;
        border-top-right-radius: 8px !important;
        border-bottom-left-radius: 8px !important;
        border-bottom-right-radius: 8px !important;
    }
    
    .ui-grid-row:nth-child(even) .ui-grid-cell {
        background: #fafafa !important;
    }
    .searchBtnBox{
        padding-top: 14px;
    }
    .searchBtnBox>.btn{
        margin: 0 8px 10px 0;
    }
</style>