itsm-pc-handle/assets/views/task/moonTask.html

<div ng-controller="moonTaskListCtrl">
    <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="selectBotBox">
        <div class="search_condition">
            <div class="search_children">
                <span>责任人：</span>
                <ui-select class="tab-mainDiv-body-content" style="width:160px" ng-model="personData.data" theme="bootstrap">
                    <ui-select-match placeholder="">
                        {{$select.selected.name}}
                    </ui-select-match>
                    <ui-select-choices repeat="item in personListData">
                        <div ng-bind-html="item.name"></div>
                    </ui-select-choices>
                </ui-select>
            </div>
            <div class="search_children">
                <span>开始时间：</span>
                <input type="text" class="form-control pull-right incidentsearchsize" style="width:160px !important;border-color: #dedede;"
                    datepicker-popuptime="yyyy-MM-dd" ng-model="jry_filterdata.taskMonth.strStartTime" max-date="jry_filterdata.taskMonth.strEndTime"
                    is-open="startOpened" hour-time=true ng-init="startOpened = false" close-text="关闭"
                    ng-click="startOpen($event)" placeholder="" />
            </div>
            <div class="search_children">
                <span>结束时间：</span>
                <input type="text" class="form-control selectzise pull-right incidentsearchsize" style="width:160px !important;border-color: #dedede;"
                    datepicker-popuptime="yyyy-MM-dd" ng-model="jry_filterdata.taskMonth.strEndTime" hour-time=true
                    min-date="jry_filterdata.taskMonth.strStartTime" is-open="endOpened" ng-init="endOpened = false"
                    close-text="关闭" ng-click="endOpen($event)" placeholder="" />
            </div>
            <div class="search_children">
                <span>状态：</span>
                <ui-select class="tab-mainDiv-body-content" style="width:160px" ng-model="stateData.data" theme="bootstrap">
                    <ui-select-match placeholder="">
                        {{$select.selected.name}}
                    </ui-select-match>
                    <ui-select-choices repeat="item in stateListData">
                        <div ng-bind-html="item.name"></div>
                    </ui-select-choices>
                </ui-select>
            </div>
        </div>
        <div class="search_btn">
            <button ng-click="search()">搜索</button>
            <button ng-click="clean()">重置</button>
            <!-- <button ng-click="export()">导出</button> -->
        </div>
    </div>
    <div ui-i18n="{{lang}}">
        <div class="grid_height">
            <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>
<style>
    /* 按钮盒子 */
    .selectBotBox{
        display: flex;
        background-color: rgb(249,249,249);
        padding:0px 5px 10px 5px;
        margin-bottom: 10px
    }
    .selectBotBox .search_condition{
        width: 80%;
        display: flex;
        flex-wrap:wrap;        
    }
    .selectBotBox .search_condition .search_children{
        width: 220px;
        height: 28px;
        line-height: 28px;
        display: flex;
        margin-right: 10px;
        margin-top: 10px
    }
    /* .selectBotBox .search_condition .search_children .spa{
        width: 70px;
        display: inline-block;
        text-align: center
    } */
    .selectBotBox .search_btn{
        width: 20%;
        display: flex;
        justify-content:flex-end;
        margin-top: 10px
    }
    .selectBotBox .search_btn button{
        width: 80px;
        height: 28px;
        border-radius: 2px
    }
    .selectBotBox .search_btn button:nth-child(1){
        background-color: rgb(0,83,149);
        border: 1px rgb(0,83,149) solid;
        color: white;
        margin-right: 10px
    }
    .selectBotBox .search_btn button:nth-child(2){
        border:1px rgb(222,222,222) solid;
        color: rgb(132,132,132);
        background-color: white;
        margin-right: 10px
    }
    .selectBotBox .search_btn button:nth-child(3){
        border:1px rgb(10,165,245) solid;
        color: white;
        background-color: rgb(10,165,245);
    }
</style>