zuel-itsm-3.0.2/assets/views/knowledge/manager.html

<!-- <style>
    li {
        list-style-type: none;
    }
    
    .dashborder {
        border: 1px dashed #CCCCCC;
    }
    
    .select_side {
        float: left;
        width: 350px;
        background-color: #F5F5F5;
    }
   
    .select_opt {
        float: left;
        width: 20px;
        height: 100%;
        margin-top: 46px;
    }
    
    .select_opt p {
        width: 26px;
        height: 26px;
        margin-top: 6px;
        background: url(images/arr.gif) no-repeat;
        cursor: pointer;
        text-indent: -999em
    }
    
    .select_opt p#toright {
        background-position: 2px 0;
    }
    
    .select_opt p#toleft {
        background-position: 2px -22px;
    }
    
    .sub_btn {
        margin-top: 10px;
        vertical-align: middle;
        text-align: center;
        margin-left: auto;
    }
    
    .no_boder {
        border-left: 0;
        border-right: 0;
        border-top: 0;
        border-bottom: 0;
        background-color: #f5f5f5;
    }
</style>
<section id="page-title">
    <div class="row">
        <div class="col-sm-8">
            <h1 class="mainTitle" translate="sidebar.nav.knowledgebase.MAIN">{{ mainTitle }}</h1>
            <span class="mainDescription" translate="sidebar.nav.knowledgebase.MAINDesc">A type of data structure in which each element is attached to one or more elements directly beneath it. The connections between elements are called branches. <small class="block">Webopedia - Online Tech Dictionary for IT Professionals</small></span>
        </div>
    </div>
</section>
<div class="container-fluid container-fullwknowledge bg-white">
    <div class="row" ng-controller="knowledgeManagerCtrl">
        <div class="col-md-2 col-sm-2">
            <h5 class="over-title" style="margin-top:43px"><i class="fa fa-building-o" /><span class="text-bold" translate="sidebar.nav.knowledgebase.Classic">CI Manager</span></h5>
            <div>
                <div class="row">
                    <div class="panel panel-white">
                        <div class="panel-body">
                            <div class="box-tree">
                                <span ng-if="doing_async">...加载中...</span>
                                <abn-tree tree-data="my_data" tree-control="my_tree" on-select="my_tree_handler(branch)" ng-dblclick="my_tree.expand_branch()" expand-level="2" icon-leaf="ti-file" icon-expand="ti-plus" icon-collapse="ti-minus"></abn-tree>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-10 col-sm-10">
            <div class="list-container-header col-md-offset-8 col-md-4 ">

                <div class="pull-right">
                    <div class="form-group">
                        <div class="input-group">
                            <input type="text" ng-keyup="myKeyup($event)" class="form-control" ng-model="searchSolutionInput" placeholder="搜索...">
                            <span class="input-group-btn">
                    <button type="button" class="btn btn-warning" ng-click="searchSolution()">
                            搜索<i class="fa fa-search"></i>  
                    </button></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row col-xs-9">
                <form class="form-inline">
                    <div class="form-group" style="min-width:150px;">
                        <select ng-model="searchTypes" class="cs-select cs-skin-slide" ng-change="filterSolutionStatus(searchTypes)">
                            <option value="" >请选择状态...</option>
                            <option value="1">待审核</option>
                            <option value="2">已批准</option>
                            <option value="3">已发布</option>
                            <option value="4">已取消</option>
                            <option value="5">已驳回</option>
                            <option value="6">已拒绝</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <a ladda="ldloading.expand_right" class="btn btn-primary" data-style="expand-right" ng-click="reload()"><span translate="list.button.REFRESH">Refresh Data</span><i class="ti-reload"/></a>
                    </div>
                    <div class="form-group">
                        <button type="button" id="addData" class="btn btn-success" ng-click="createKnowledge('lg')"><span translate="list.button.CREATE">Add Data</span><i class="ti-plus"/></button>
                    </div>
                    <div class="form-group">
                        <a class="btn btn-info" ng-click="export()" ladda="ldloading.zoom_in" data-style="zoom-in"><span translate="sidebar.nav.configuremanagerdb.LISTButton.EXPORT">Export Data</span><i class="fa fa-cloud-download"></i></a>
                    </div>
                    <div class="form-group">
                        <a uploader="importUploader" class="btn btn-warning" ng-click="importopen()"><span translate="sidebar.nav.configuremanagerdb.LISTButton.IMPORT">Import Data</span><i class="fa fa-cloud-upload"></i></a>
                    </div>
                </form>
            </div>
            <div class="list-controls clearfix">
            </div>
            <div ui-i18n="{{lang}}" class="list">
                <div id="grid1" ui-grid="gridOptions" ui-grid-pagination external-scopes="$scope" ui-grid-cellNav ui-grid-resize-columns ui-grid-auto-resize class="grid"></div>
            </div>

        </div>
    </div>
</div> -->
<style>
    .tree-control .tree-view {
        top: 30px
    }

    .selectziseshort {
        width: 200px;
        background-color: #ffffff;
        border-color: #dedede;
        color: #93989e;
        font-size: 14px;
        font-family: "microsoft yahei";
    }

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

    .wt_btn2 {
        width: 100px;
        height: 34px;
        border-radius: 2px !important;
    }

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

    .wt_btn1 {
        width: 80px;
        height: 28px !important;
        border-radius: 2px;
        line-height: 28px;
        font-size: 14px;

    }
    div.ui-grid-row.ng-scope:hover{
        cursor:pointer;
        background: #fff !important;
    }
    /* .btn{
        padding: 0px!important;
    } */
    .btn.steelbutton{
        padding: 0px!important;
    }
    .ladda-button{
        padding: 0px!important;
    }
    .tree-control .tree-input{
        height: 28px;
    }
    .wt_width{
        width:22%;
        margin-right: 16px;
    }
    .wt_width1 {
        width: 160px;
        height: 28px;
    }
    .form-inline .form-control {
        border-radius: 2px;
    }
    .wt_pad {
        padding: 0px;
    }
    .wt_margin-top {
        margin-top: 16px !important;
    }
    .wt_btns {
        display: inline-block;
        margin-right: 8px;
        /* margin-bottom: 8px; */
    }
    @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%; */
    }
}
    .wt_width3 {
        width: 160px;
        height: 28px;
        border-radius: 2px !important;
    }
    .buttonmodel{
        padding-top: 0px;
    }
    .tree-control .tree-input{
        padding-top: 5px;
    }
    /* .ui-select-match{
        height: 28px!important;
    }
    .form-control{
        height: 28px!important;
    } */
    .iptSize{
        width: 60%!important;
        
    }
    .btn_top{
        margin-top: 3px;
    }
    .btn_bottons{
        margin-top: 8px;
        margin-bottom: 8px
    }
    .searchBtnBox>.btn{
        margin: 0 8px 10px 0;
    }
    .noSearchInput .tree-view .helper-container{
        display: none;
    }
</style>
<div ng-controller="knowledgeManagerCtrl">
    <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>
        <!-- <div class="list-container-header col-md-offset-8 col-md-4 "> -->
        <!-- <div class="col-md-2 col-sm-2">
                <h5 class="over-title" style="margin-top:43px"><i class="fa fa-building-o" /><span class="text-bold" translate="sidebar.nav.knowledgebase.Classic">CI Manager</span></h5>
                <div>
                    <div class="row">
                        <div class="panel panel-white">
                            <div class="panel-body">
                                <div class="box-tree">
                                    <span ng-if="doing_async">...加载中...</span>
                                    <abn-tree tree-data="my_data" tree-control="my_tree" on-select="my_tree_handler(branch)" ng-dblclick="my_tree.expand_branch()" expand-level="2" icon-leaf="ti-file" icon-expand="ti-plus" icon-collapse="ti-minus"></abn-tree>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div> -->
        <!-- <div class="pull-right">
                <div class="form-group">
                    <div class="input-group">
                        <input type="text" ng-keyup="myKeyup($event)" class="form-control" ng-model="searchSolutionInput" placeholder="搜索...">
                        <span class="input-group-btn">
                                        <button type="button" class="btn btn-warning" ng-click="searchSolution()">
                                                搜索<i class="fa fa-search"></i>  
                                        </button></span>
                    </div>
                </div>
            </div> -->
        <!-- </div> -->
        <div class="list-controls clearfix margin-top-10">
            <div class="btn-group">
                <button class="btn btn-statebutton statebutton  keepleftbottom wt_btn2" ng-click="filterSolutionStatus()" ng-class="{'statecolor':searchstate==''||searchstate==undefined}">全部</button>
                <button class="btn btn-statebutton statebutton wt_btn2" ng-class="{'statecolor':searchstate==71}" ng-click="filterSolutionStatus(71)">待审核</button>
                <button class="btn btn-statebutton statebutton wt_btn2" ng-class="{'statecolor':searchstate==72}" ng-click="filterSolutionStatus(72)">已发布</button>
                <!-- <button class="btn btn-statebutton statebutton" ng-class="{'statecolor':searchstate==2}" ng-click="filterSolutionStatus(2)">已批准</button> -->
                <!-- <button class="btn btn-statebutton statebutton keeprightbottom" ng-class="{'statecolor':searchstate==3}" ng-click="filterSolutionStatus(3)">已发布</button> -->
                <!-- <button class="btn btn-statebutton statebutton keeprightbottom" ng-class="{'statecolor':searchstate==4}" ng-click="filterSolutionStatus(4)">已取消</button> -->
                <button class="btn btn-statebutton statebutton keeprightbottom wt_btn2" ng-class="{'statecolor':searchstate==73}" ng-click="filterSolutionStatus(73)">已驳回</button>
                <button class="btn btn-statebutton statebutton keeprightbottom wt_btn2" ng-class="{'statecolor':searchstate==74}" ng-click="filterSolutionStatus(74)">已停用</button>
                <!-- <button class="btn btn-statebutton statebutton keeprightbottom" ng-class="{'statecolor':searchstate==6}" ng-click="filterSolutionStatus(6)">已拒绝</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: 10px;">
                    <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">知识分类:</div>
                            <div class="pull-right" style="display:inline;width:132px">
                                <div>
                                    <multi-select-tree ng-model="knowledge.type" data-input-model="my_data" data-output-model="knowledge.type" 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>
                                </div>
                            </div>
                        </div>
                    </div> -->
                        <div class="form-group incidentsearch wt_width">
                            <div class="">
                                <div class="control-label pull-left" style='margin-top: 5px;'>故障描述:</div>
                                <input class="wt_width3 inputcolor pull-right wt_width1 iptSize"  type="text" ng-model="jry_todata.solution.threeSearch"
                                    placeholder="" />
                            </div>
                        </div>
                        <div class="form-group incidentsearch wt_width noSearchInput">
                            <div class="">
                                <div class="control-label pull-left" style='margin-top: 5px;'>知识库分类:</div>
                                <multi-select-tree class="pull-right selectziseshort wt_width1 iptSize" style="height:28px!important" 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="false" reset-search-input="false"
                                    data-trans-label="typeName" data-switch-view="false"></multi-select-tree>
                            </div>
                        </div>
                        <!-- <div class="form-group incidentsearch  wt_width">
                            <div class="control-label pull-left margin-top-5">状态:</div>
                            <ui-select class="pull-right selectzise wt_width1 wt_width3" ng-model="othcode.state" theme="bootstrap">
                                <ui-select-match placeholder="请选择状态">
                                    {{$select.selected.name}}
                                </ui-select-match>
                                <ui-select-choices repeat="item in stateSelectData | filter: $select.search">
                                    <div ng-bind-html="item.name | highlight: $select.search"></div>
                                </ui-select-choices>
                            </ui-select>
                        </div> -->
                        <!-- <div class="form-group incidentsearch wt_width">
                            <div class="">
                                <div class="control-label pull-left" style='margin-top: 5px;'>创建人:</div>
                                <input class="wt_width3 inputcolor pull-right wt_width1 iptSize"  type="text" ng-model="jry_todata.solution.createUser.name"
                                    placeholder="" />
                            </div>
                        </div> -->
                        <div class="form-group inspectlistsearch wt_width">
                            <div class=" pull-left" style="padding-top:4px">创建人:</div>
                            <ui-select class="pull-right iptSize" ng-model="jry_todata.solution.createUser"
                                theme="bootstrap">
                                <ui-select-match placeholder="">
                                    {{$select.selected.name}}
                                </ui-select-match>
                                <ui-select-choices repeat="item in createUserData">
                                    <div ng-bind-html="item.name | highlight: $select.search"></div>
                                </ui-select-choices>
                            </ui-select>
                        </div>
                        <!-- <div class="form-group incidentsearch wt_width">
                            <div class="">
                                <div class="control-label pull-left" style='margin-top: 5px;'>关键字:</div>
                                <input class="wt_width3 inputcolor pull-right wt_width1"  type="text" ng-model="jry_knowipt"
                                    placeholder="请输入关键字" />
                            </div>
                        </div> -->


                        <!-- <div class="form-group padding-10 wt_width">
                        <div class="control-label pull-left margin-top-5 margin-right-5"><label>知识分类</label>:</div>
                        <div class="pull-left  selectzise">
                            <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="typeName" data-switch-view="false"></multi-select-tree>
                        </div>
                    </div>

                    <div class="form-group  padding-10 wt_width">
                        <div class="pull-right">
                            <div class="control-label pull-left margin-top-5 margin-right-5">关键字:</div>
                            <input class="form-control pull-right inputcolor" style="width:132px !important;border-color: #dedede;color: #93989e;" type="text" ng-model="jry_knowipt" placeholder="请输入关键字" />
                        </div>
                    </div> -->
                    </form>
                </div>
                <div class="col-xs-2 wt_pad">
                    <div class="buttonmodel">
                        <!-- <div class="centerdiv-one"></div> -->
                        <div class="pull-left btn_bottons searchBtnBox">
                            <!-- <a class="btn btn-searchbutton steelbutton wt_btn1 wt_btns" ng-click="searchSolution()" type="button">搜索</a> -->
                            <div class="btn btn_search btn_top" ng-click="searchSolution()"><span>搜索</span></div>
                            <div class="btn btn_clean btn_top" ng-click="clean()">重置</div>
                            <!-- <a ladda="ldloading.expand_right" class="btn btn-reashbutton reashbutton wt_btn1 wt_btns" data-style="expand-right" ng-click="reloaddata()">
                                <span translate="list.button.REFRESH">Refresh Data</span>
                            </a> -->

                            <!-- <a type="button" id="addData" class="btn btn-addbutton  addbutton wt_btn1 wt_btns" ng-click="createKnowledge('lg')">
                                <span translate="list.button.CREATE">Add Data</span>
                            </a> -->
                            <div class="btn btn_search margin-right-10 btn_top" ng-click="createKnowledge('lg')" ng-show="xinzeng"><span translate="list.button.CREATE">Add Data</span></div>

                            <a class="btn btn-default wt_btn1 wt_btns ladda-button" ng-click="export()" ladda="ldloading.zoom_in" data-style="zoom-in">
                                <span translate="sidebar.nav.configuremanagerdb.LISTButton.EXPORT">Export Data</span>
                            </a>

                            <a uploader="importUploader" class="btn btn-default wt_btn1 wt_btns ladda-button" ng-click="importopen()">
                                <span translate="sidebar.nav.configuremanagerdb.LISTButton.IMPORT">Import Data</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="wt_list">
        <div ui-i18n="{{lang}}" class="list" style="background: #fff;">
            <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>
</div>