zuel-itsm-3.0.2/assets/views/means/tpl/cmdbauadd.html

<div class="modal-footer">
 <div class="modal-header jry_tit">
        <div class="modal-title fontcolor-two fontsizes-14">关联配置项<button type="button" class="close pull-right" ng-click="cancel()">×</button></div>
    </div>
    <!-- <div ui-i18n="{{lang}}" class="modal-body margin-left-15 margin-right-15 margin-bottom-15 margin-top-15">
            <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 class="jry_serch">
        <div class="col-xs-9">
            <div class="form-group inspectlistsearch ">
                <div class="control-label pull-left" style="padding-top:4px">资产分类:</div>
                <multi-select-tree class="pull-right iptSize" ng-model="cifilter_classic" data-input-model="select_treedata" data-output-model="cifilter_classics" theme="bootstrap" multi-select="false" 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 class="form-group inspectlistsearch ">
                <div class="control-label pull-left" style="padding-top:4px">资产状态:</div>
                <div class="zhuangtai">
                    <ui-select class="pull-right iptSize" ng-model="lb_state_data.state_data" theme="bootstrap" ng-change="onChangestatus(lb_state_data.state_data)">
                        <ui-select-match>
                            {{lb_state_data.state_data.name}}
                        </ui-select-match>
                        <ui-select-choices repeat="n in state_data | filter: $select.search">
                            <div ng-bind-html="n.name | highlight: $select.search"></div>
                        </ui-select-choices>
                    </ui-select>
                </div>
            </div>
            <div class="form-group inspectlistsearch ">
                <div class="control-label pull-left" style="padding-top:4px">条件搜索:</div>
                <div class="pull-right iptSize">
                    <ui-select class="pull-left iptSize" style="width:40%!important" ng-model="lb_tiaojian.tiaojian" theme="bootstrap">
                        <ui-select-match>
                            {{lb_tiaojian.tiaojian.name}}
                        </ui-select-match>
                        <ui-select-choices repeat="n in tiaojian">
                            <div ng-bind-html="n.name"></div>
                        </ui-select-choices>
                    </ui-select>
                    <input type="pull-left iptSize" style="width:60%!important" class="form-control tiaojianipt" ng-model="searchSolutionInput">
                </div> 
            </div>
        </div>
        <div class="col-xs-3">
            <botton class="btn btn_search" ng-click="serch()">搜索</botton>
            <!-- <input type="button" value="重置" class="anniu jry_chongzhi btn" ng-click="reset()"> -->
            <button class="btn btn_clean" ng-click="reset()">重置</button>
            <!-- <input type="button" value="刷新" class="jry_shuaxin btn anniu" ng-click="new_data()"> -->
        </div> 
    </div>
    <div ui-i18n="{{lang}} " class="col-sm-12">
        <!-- <div id="grid" 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 id="grid" ui-grid="gridOptions" ui-grid-pagination external-scopes="$scope" ui-grid-resize-columns ui-grid-pinning ui-grid-selection ui-grid-move-columns ui-grid-exporter class="grid"></div>
    </div>
    <div class="col-xs-12">
        <button class="btn btn-primary jry_fot" ng-click="ok()" translate="modal.button.OK">OK</button>
        <button class="btn btn-primary btn-o jry_fot" ng-click="cancel()" translate="modal.button.CANCEL">Cancel</button>
    </div>
    
</div>
<style>
    .inspectlistsearch{
        width: 45%!important;
        margin-right: 16px;
        float: left;
    }
    .iptSize{
        width: 60%!important;
        height: 28px!important;
    }
    .jry_tit {
        margin-bottom: 10px;
    }
    
    .jry_fot {
        margin-top: 10px
    }
    
    .jry_serch {
        padding: 0 10px;
        position: relative;
        margin-bottom: 9px;
    }
    
    .jiantou3 {
        width: 250px;
        /* display: inline-block; */
        float: right;
        margin-right: 418px;
    }
    
    .jiantou {
        width: 150px;
        display: inline-block;
        margin-left: 1px
    }
    /* 条件搜索下拉框 */
    
    .jiantou1 .tiaojianipt {
        width: 154px
    }
    
    .jiantou .tree-control .tree-view {
        width: 200px
    }
    
    .jiantou1 .tiaojian .ui-select-bootstrap>.ui-select-match>.btn {
        font-size: 12px;
        color: black;
        padding-left: 4px;
        border-radius: 4px 0 0 4px;
    }
    
    .jiantou1 .tiaojian .selectzise {
        width: 96px!important;
    }
    
    .jiantou1 .tiaojian .btn {
        border-radius: 4px 0 0 4px;
    }
    
    .anniu {
        width: 88px;
        height: 32px;
        border: 0;
        margin-right: 10px;
        border-radius: 2px!important;
        padding: 5px
    }
    
    .jry_chongzhi:hover {
        color: #1b51b2!important;
    }
    
    .jry_chongzhi {
        background-color: white;
        color: #1b51b2;
        border: 1px #1b51b2 solid;
        position: absolute;
        right: 95px;
        top: 18px;
    }
    
    .jry_shuaxin:hover {
        color: blue!important;
    }
    
    .jry_shuaxin {
        border: 1px blue solid;
        background-color: rgb(166, 236, 136);
        color: blue;
        position: absolute;
        right: 0;
        top: 18px;
    }
    /* 搜索按钮 */
    
    .jry_srcBtn {
        position: absolute;
        right: 190px;
        top: 18px;
        background-color: #123f8f;
        color: white;
        border: 1px #123f8f solid
    }
    /* 资产状态 */
    
    .jiantou .state {
        width: 151px!important;
        /* border: 1px rgb(210,210,210) solid; */
        border-radius: 5px;
    }
    
    .jiantou .zhuangtai .ui-select-bootstrap>.ui-select-match>.btn {
        font-size: 12px;
        color: black;
        padding-left: 4px;
        border-radius: 4px;
    }
    
    .jiantou .tree-control .tree-input {
        padding-left: 4px;
        font-size: 12px;
        padding-top: 5px;
        color: rgb(198, 198, 200)!important;
    }
</style>