zuel-itsm-3.0.2/assets/views/change/list.html

<!-- <section id="page-title">
    <div class="row">
        <div class="col-sm-8">
            <h1 class="mainTitle">变更列表</h1><span class="mainDescription">变更单列表，双击查看详情,点击操作处理任务</span></div>
    </div>
</section>
<div ng-controller="changeListCtrl as pdList">
    <div class="row margin-top-10 margin-bottom-10">
        <div class="col-xs-12">
            <div style="float:left;display:inline;min-width:200px;">
                <select ng-model="searchTypes" class="cs-select cs-skin-slide">
		  		<option value="">请选择...</option>				
				<option value="todo" ng-attr-class="{searchTypes=='todo'?'cs-selected':''}">待我处理的变更</option>
				<option value="create" ng-attr-class="{searchTypes=='create'?'cs-selected':''}">我创建的变更</option>
				<option value="done" ng-attr-class="{searchTypes=='done'?'cs-selected':''}">我处理过的变更</option>
			</select>
            </div>
            <div style="float:left;display:inline">
                <a ladda="ldloading.expand_right" class="btn btn-primary" data-style="expand-right" ng-click="refreshData('expand-right')"><span translate="list.button.REFRESH">Refresh Data</span><i class="ti-reload"/></a>
            </div>
        </div>
    </div>
    <div ui-i18n="{{lang}}">
        <div id="grid1" ui-grid="gridOptions" ui-grid-pagination external-scopes="$scope" ui-grid-cellNav ui-grid-resize-columns ui-grid-pinning ui-grid-selection ui-grid-move-columns ui-grid-exporter class="grid"></div>
    </div>
</div> -->
<style>
    .searchlistback {
        /* height: 150px; */
        background-color: #f9fbff!important;
        position: relative;
    }

    .searchlistback .tit {
        font-size: 14px;
        font-weight: bold;
        display: inline-block;
        margin-bottom: 7px
    }

    /* 左边搜索条件盒子 */

    .searchlistback .left {
        float: left;
        /* width: 600px; */
        margin-left: 15px;
        margin-top: 10px
    }

    /* 资产分类下拉框 */

    .wt_list {
        padding: 15px;
        background: #F9F9F9;
    }

    .wt_searchlistback {
        margin-top: 1px;
        margin-bottom: 8px;
        padding-bottom: 5px;
        border-top-left-radius: 0px !important;
        border-top-right-radius: 8px !important;
        border-bottom-left-radius: 8px !important;
        border-bottom-right-radius: 8px !important;
    }

    .left .tree-control .tree-input {
        padding-left: 4px;
        font-size: 12px;
        padding-top: 5px;
        color: rgb(198, 198, 200)!important;
    }

    .ui-grid-row:nth-child(even) .ui-grid-cell {
        background: #fafafa !important;
    }
    div.ui-grid-row.ng-scope:hover{
        cursor:pointer;
        background: #fff !important;
    }
    .wt_btn2 {
        width: 100px!important;
        height: 34px!important;
        border-radius: 2px !important;
    }

    .wt_width {
        width: 20%;
        margin-right: 16px;
    }

    .form-inline .form-control {
        border-radius: 2px;
    }

    .wt_pad {
        padding: 0px;
    }


    .wt_btn1 {
        width: 80px;
        height: 28px !important;
        border-radius: 2px;
        line-height: 28px;
        font-size: 14px;
    }
    .wt_btns {
        display: inline-block;
        margin-right: 8px;
    }
    .btn.steelbutton{
        padding: 0px !important;
    }
    .ladda-button{
        padding: 0px !important;
    }
    @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_width6{
        /* width: 3.2%; */
    }
}
.searchBtnBox{
    padding-top: 10px;
}
.searchBtnBox>.btn{
        margin: 0 8px 10px 0;
}
.incidentsearch{
        margin-top: 10px!important
    }
</style>
<div ng-controller="changeListCtrl as pdList">
    <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="listbote">
        <div class="list-controls clearfix">
            <div class="btn-group">
                <button class="btn btn-statebutton statebutton  keepleftbottom wt_btn2" ng-click="onChange('all')" ng-class="{'statecolor':searchstate=='all'}">全部</button>
                <button class="btn btn-statebutton statebutton wt_btn2" ng-class="{'statecolor':searchstate=='todo'}" ng-click="onChange('todo')">待处理</button>
                <button class="btn btn-statebutton statebutton wt_btn2" ng-class="{'statecolor':searchstate=='done'}" ng-click="onChange('done')">处理过</button>
                <button class="btn btn-statebutton statebutton keeprightbottom wt_btn2" ng-class="{'statecolor':searchstate=='create'}" ng-click="onChange('create')">我创建</button>

            </div>
        </div>
        <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;padding-bottom: 5px;">
                    <form class="form-inline incidentsearchsize">
                        <!-- <div class="form-group incidentsearch">
                            <div class="pull-right">
                                <div class="control-label pull-left margin-top-5 margin-right-5">
                                    <label class="demoincident">变更单号</label>:</div>
                                <input class="form-control pull-right inputcolor" style="width:132px !important;border-color: #dedede;color: #93989e;" type="text"
                                    ng-model="searchkeys.changesign" placeholder="" />
                            </div>
                        </div> -->
                        <div class="form-group incidentsearch wt_width">
                            <div class="">
                                <div class="control-label pull-left margin-top-5 margin-right-5">变更单号:</div>
                                <input class="form-control inputcolor pull-right wt_width1" style="width:160px;border-color: #dedede;color: #93989e;height: 28px;" type="text" ng-model="searchkeys.changesign"
                                    placeholder="" />
                            </div>
                        </div>
                        <div class="form-group incidentsearch wt_width">
                            <div class="">
                                <div class="control-label pull-left margin-top-5 margin-right-5">变更标题:</div>
                                <input class="form-control inputcolor pull-right wt_width1" style="width:160px;border-color: #dedede;color: #93989e;height: 28px;" type="text" ng-model="searchkeys.title"
                                    placeholder="" />
                            </div>
                        </div>
                        <!-- <div class="form-group incidentsearch">
                            <div class="pull-right">
                                <div class="control-label pull-left margin-top-5 margin-right-5">
                                    <label class="demoincident">变更标题</label>:</div>
                                <input class="form-control pull-right inputcolor" style="width:132px !important;border-color: #dedede;color: #93989e;" type="text"
                                    ng-model="searchkeys.title" placeholder="" />
                            </div>
                        </div> -->
                    </form>
                </div>
                <div class="col-xs-2 wt_pad">
                    <div class="buttonmodel">
                        <div class="pull-left">
                            <div class=" searchBtnBox">
                                <!-- <button class="btn btn_search" ng-click="chiceIncident(searchkeys,othcode.state)" type="button">搜索</button> -->
                                <div class="btn btn_search" ng-click="chiceIncident(searchkeys,othcode.state)">搜索</div>
                                <!-- <button class="btn btn_clean" ng-click="clear()" ladda="ldloading.zoom_in" data-style="zoom-in">清空</button> -->
                                <div class="btn btn_clean" ng-click="clear()">重置</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="wt_list">
            <div ui-i18n="{{lang}} " style="background: #fff;">
                <div id="grid" ui-grid="gridOptions " ui-grid-pagination external-scopes="$scope " ui-grid-resize-columns ui-grid-auto-resize
                    class="grid "></div>
            </div>
        </div>
    </div>
</div>