zuel-itsm-3.0.2/assets/views/customform/tpl/ui-jry_files_change.html

<div>
    <div class="modal-header">
        <div class="modal-title fontcolor-two fontsizes-14">更换目录<button type="button" class="close pull-right" ng-click="cancel()">×</button></div>
    </div>
    <div class="folder">
        <div class="search">
            <input type="text" placeholder="请输入关键字" ng-model="search_tree_ipt" ng-change="search_tree_fn()">
            <i class="iconfont icon-search"></i>
        </div>
        <div class="tree" ng-show="search_tree_ipt==''">
        <!-- <div class="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" icon-leaf="iconfont icon-liebiao1" icon-expand="ti-plus" icon-collapse="ti-minus"></abn-tree>
        </div>
        <div class="tree" ng-show="search_tree_ipt!=''">
            <div ng-repeat="v in search_tree_data" class="left_search_datas" tooltip="{{v.name}}" tooltip-placement="top" ng-click="left_search_tree_cli($index,v)" ng-class="{true:'cli_bg'}[$index==left_search_index]">{{v.name}}</div>
        </div>
        <!-- <div>已选中个<span class="files_bot_color">{{files_num}}</span>文件</div> -->
        <div>更换到<span class="files_bot_color">【{{change_file_name}}】</span>目录下</div>
    </div>
    <div class="modal-footer">
        <button class="btn btn-primary" ng-click="ok()" translate="modal.button.OK">OK</button>
        <button class="btn btn-primary btn-o" ng-click="cancel()" translate="modal.button.CANCEL">Cancel</button>
    </div>
</div>
<style>
    .files_bot_color{
        color:rgb(0,83,149)
    }
    .folder{
        border:1px rgb(185, 184, 184) solid;
        height: 500px;
        border-radius: 2px
    }
    /* 搜索 */
    .folder .search{
        height: 25px;
        margin: 0 auto;
        display: flex;
        justify-content:center;
        margin-top: 8px 
    }
    .folder .search input{
        border-radius: 4px 0 0 4px;
        height: 25px;
        width: 85%
    }
    .folder .search input:focus{
        outline: none
    }
    .folder .search input::-webkit-input-placeholder{
        font-size: 13px;
        color: rgb(180, 179, 179)
    }
    .folder .search i{
        display: inline-block;
        height: 24.5px;
        width: 25px;
        line-height: 26px;
        text-align: center;
        border-radius: 0px 4px 4px 0px;
        font-size: 14px;
        color: rgb(192, 191, 191);
        border: 1px rgb(222, 222, 222) solid;
        margin-left: -1px;
        cursor: pointer;
    }
    /* 树 */
    .folder .tree{
        height: 422px;
        overflow: hidden;
        margin-top: 8px;
        overflow-y: scroll;
    }
    .folder .tree a{
        display: inline-block;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
    .folder .tree .left_search_datas{
        /* display: inline-block; */
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
    .folder .tree::-webkit-scrollbar{
        display: none
    }
    .folder .tree i{
        font-size: 14px
    }
</style>