zuel-itsm-3.0.2/assets/views/inspect/inspectList.html

<!-- <div ng-controller="inspectListCtrl">
    <section id="page-title">
        <div class="row">
            <div class="col-sm-8">
                <h1 class="mainTitle">巡检列表</h1><span class="mainDescription">巡检列表,点击操作处理任务</span></div>
        </div>
    </section>
    <div ui-i18n="{{lang}}" class="col-xs-12">
        <div class="col-xs-12  margin-bottom-10 padding-left-0">
            <div class="margin-right-20" style="float:left;display:inline;min-width:210px;">
                <select ng-model="searchTypes" class="cs-select cs-skin-slide" ng-change="onChange(searchTypes)">
                  <option value="all"> 全部巡检请求 </option>
	              <option value="todo" selected="selected">待我处理的巡检请求</option>
	              <option value="done">我处理过的巡检请求</option>
	            </select>
            </div>

            <a ladda="ldloading.expand_right" class="btn btn-primary" data-style="expand-right" ng-click="reload()">
                <span translate="list.button.REFRESH">Refresh Data</span>
                <i class="ti-reload" />
            </a>
        </div>
        <div class="col-xs-2 col-md-2 col-sm-2">
            <h5 class="over-title margin-bottom-15"><i class="fa fa-building-o" /><span class="text-bold">巡检分类</span></h5>
            <div>
                <div class="row">
                    <div class="panel panel-white">
                        <div class="panel-body">
                            <div class="box-tree">
                                <span ng-if="doing_async">...加载中...</span>
                                <abn-tree tree-data="my_data" tree-control="my_tree" on-select="my_tree_handler(branch)" expand-level="2" initial-selection="Granny Smith" icon-leaf="ti-file" icon-expand="ti-plus" icon-collapse="ti-minus"></abn-tree>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-10">
            <div class=" ">
                <div id="grid1 " ui-grid="gridOptions " ui-grid-pagination external-scopes="$scope " ui-grid-cellNav ui-grid-resize-columns ui-grid-selection 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
    }
    .searchBtnBox>.btn {
        margin: 0 8px 10px 0;
    }
</style>
<div ng-controller="inspectListCtrl">
    <!-- <section id="page-title">
        <div class="row">
            <div class="col-sm-8">
                <h1 class="mainTitle">巡检列表</h1><span class="mainDescription">巡检列表,点击操作处理任务</span></div>
        </div>
    </section> -->
    <section id="page-title">
        <div class="row">
            <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="row searchlistback margin-top-15" id="searchid"> -->
    <div class="list-controls clearfix">
        <div class="btn-group">
            <button class="btn btn-statebutton statebutton  keepleftbottom" ng-click="onChange('all')" ng-class="{'statecolor':searchstate=='all'}">全部</button>
            <button class="btn btn-statebutton statebutton" ng-class="{'statecolor':searchstate=='todo'}" ng-click="onChange('todo')">待处理</button>
            <button class="btn btn-statebutton statebutton" ng-class="{'statecolor':searchstate=='done'}" ng-click="onChange('done')">处理过</button>
        </div>
    </div>
    <div class="row searchlistback" id="searchid">
        <div class="col-xs-10" style="padding-right: 0px !important;">
            <form class="form-inline incidentsearchsize col-xs-12">
                <div class="form-group inspectlistsearch ">
                    <div>
                        <div class="control-label pull-left" style="padding-top:4px">计划主题:</div>
                        <input class="form-control pull-right inputcolor iptSize" style="border-color: #dedede;color: #93989e;" type="text" ng-model="model.inspectionProcessActual.inspection.title" placeholder="" />
                    </div>
                </div>
                <div class="form-group inspectlistsearch ">
                    <div class=" pull-left" style="padding-top:4px">巡检类型:</div>
                    <div class="pull-right iptSize" style="display:inline">
                        <div>
                            <multi-select-tree ng-model="model.inspectionProcessActual.inspectionType" data-input-model="my_data" data-output-model="model.inspectionProcessActual.inspectionType" theme="bootstrap" multi-select="false" data-default-label="" data-callback="onFilterCallback(item)" data-select-only-leafs="true" reset-search-input="false"
                                data-trans-label="label" data-switch-view="false"></multi-select-tree>
                        </div>
                    </div>
                </div>
                <div class="form-group inspectlistsearch ">
                    <div class=" pull-left" style="padding-top:4px">处理人:</div>
                    <ui-select class="pull-right iptSize" ng-model="model.inspectionProcessActual.inspection.executeUser"
                        theme="bootstrap">
                        <ui-select-match placeholder="">
                            {{$select.selected.name}}
                        </ui-select-match>
                        <ui-select-choices repeat="item in executeUserData">
                            <div ng-bind-html="item.name | highlight: $select.search"></div>
                        </ui-select-choices>
                    </ui-select>
                </div>
                <div class="form-group inspectlistsearch ">
                    <div class=" pull-left" style="padding-top:4px">创建人:</div>
                    <ui-select class="pull-right iptSize" ng-model="model.inspectionProcessActual.inspection.createUser"
                        theme="bootstrap">
                        <ui-select-match placeholder="">
                            {{$select.selected.name}}
                        </ui-select-match>
                        <ui-select-choices repeat="item in createUserData">
                            <div ng-bind-html="item.name | highlight: $select.search"></div>
                        </ui-select-choices>
                    </ui-select>
                </div>
                <!-- <div class="form-group inspectlistsearch ">
                    <div class=" pull-left" style="padding-top:4px">创建时间:</div>
                    <input type="text" class="pull-right iptSize" datepicker-popuptime="yyyy-MM-dd"
                        ng-model="inspecttype.createTime" max-date="searchkeys.acceptDateEnd" is-open="startOpened"
                        hour-time=true ng-init="startOpened = false" close-text="关闭" ng-click="startOpen($event)"
                        placeholder="" />
                </div> -->
                <div class="form-group inspectlistsearch">
                    <div class=" pull-left" style="padding-top:4px">状态:</div>
                    <ui-select class="pull-right iptSize" ng-model="statusData.state"
                        theme="bootstrap">
                        <ui-select-match placeholder="">
                            {{$select.selected.name}}
                        </ui-select-match>
                        <ui-select-choices repeat="item in statusData">
                            <div ng-bind-html="item.name | highlight: $select.search"></div>
                        </ui-select-choices>
                    </ui-select>
                </div>
                <!-- <div class="form-group inspectlistsearch">
                    <div class="pull-right">
                        <div class="control-label pull-left" style="padding-top:4px">计划主题:</div>
                        <input class="form-control pull-right inputcolor" style="width:170px !important;border-color: #dedede;color: #93989e;" type="text" ng-model="inspectdata.title" placeholder="" />
                    </div>
                </div> -->
            </form>
        </div>
        <div class="col-xs-2">
            <div>
                <!-- <div class="centerdiv-one"></div> -->
                <div class="pull-left margin-top-10 searchBtnBox">
                    <!-- <div class="form-group"> -->
                    <!-- <a class="btn btn-searchbutton steelbutton" id="jry_searchBtn" ng-click="searchinspectlist(inspecttype)" type="button">搜索</a> -->
                    <div class="btn btn_search" ng-click="searchinspectlist(inspecttype)"><span>搜索</span></div>
                    <div class="btn btn_clean" ng-click="clean()">重置</div>
                    <!-- <a ladda="ldloading.expand_right" class="btn btn-primary" data-style="expand-right" ng-click="reload()">
                        <span translate="list.button.REFRESH">Refresh Data</span>
                        <i class="ti-reload" />
                    </a> -->
                    <!-- <button ladda="ldloading.expand_right" type="button" class="btn btn-reashbutton reashbutton jry_reashbutton" data-style="expand-right" ng-click="reload()">
                        <span translate="list.button.REFRESH">Refresh Data</span>
                    </button> -->
                    <!-- <a ladda="ldloading.expand_right" class="btn btn-reashbutton reashbutton" data-style="expand-right" ng-click="reload()">
                                <span translate="list.button.REFRESH">Refresh Data</span>
                            </a> -->
                    <!-- <button type="button" id="addData" class="btn btn-success" ng-click="addData()">
                                <span translate="list.button.CREATE">Add Data</span>
                                <i class="ti-plus"/>
                            </button> -->
                    <!--<button type="button" id="removeData" class="btn btn-warning" ng-click="removeData()" ng-disabled="selected.items.length==0">-->
                    <!-- <button type="button" id="removeData" class="btn btn-warning" ng-click="removeData()" ng-disabled="selected.items.length==0">
                                <span translate=" list.button.REMOVE ">Remove First Row</span>
                                <i class="ti-trash "/>
                            </button> -->
                </div>
            </div>
            <!-- </div>
            </div> -->
        </div>
    </div>
    <div class="jry_gridBg">
        <div ui-i18n="{{lang}}">
            <div class=" ">
                <div id="grid1 " 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>
    .jry_gridBg{
        padding: 15px;
        background: #f9f9f9;
    }
    /* tab点击颜色 */
    .statecolor{
        background-color: #005395!important
    }
    /* 搜索按钮 */
    #jry_searchBtn{
        width: 60px;
        height: 34px!important;
        border-radius: 2px;
        background-color: #005395;
        padding: 6px 0px!important
    }
    #jry_searchBtn:hover{
        background-color: #004279!important
    }
    /* 刷新按钮 */
    .jry_reashbutton{
        width: 60px;
        height: 34px;
        border-radius: 2px!important;
        border:1px #005395 solid;
        color: #005395;
        background-color: #e6eef4!important;
        padding: 0 6px!important
    }
    .jry_reashbutton:hover{
        color: #005395;
        background-color: #e6eef4!important;
    }
</style>