zuel-itsm-3.0.2/assets/views/customform/tpl/jry_sjzcOpen.html

<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="jiantou">
        <span class="tit">资产分类：</span><br>
        <multi-select-tree ng-model="cifilter_classic" data-input-model="select_treedata" data-output-model="cifilter_classics" 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>
        <!-- <img src="assets/images/jiang/arrow.png" alt="" class="jiantou"> -->
    </div>
    <div class="jiantou">
        <span class="tit">资产状态：</span><br>
        <div class="zhuangtai">
            <ui-select class="pull-left selectzise state" ng-model="lb_state_data.state_data" theme="bootstrap" ng-change="onChangestatus(lb_state_data.state_data)">
                <ui-select-match placeholder="选择搜索类型">
                    {{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="jiantou1 jiantou3">
        <span class="tit">条件搜索：</span><br>
        <div class="tiaojian">
            <ui-select class="pull-left selectzise leixing" ng-model="lb_tiaojian.tiaojian" theme="bootstrap">
                <ui-select-match placeholder="选择搜索类型">
                    {{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>
        </div>
        <input type="text" style="border-radius: 0px 4px 4px 0px !important" class="form-control tiaojianipt" ng-model="searchSolutionInput" placeholder="请输入关键字">
        <botton class="jry_srcBtn anniu btn" ng-click="serch()">搜索</botton>
        <!-- <input type="button" value="重置" class="anniu jry_chongzhi btn" ng-click="reset()"> -->
        <button class="anniu jry_chongzhi btn" 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="modal-footer">
    <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>
<style>
    .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>