zuel-itsm-3.0.2/assets/views/knowledge/tpl/commentknowledge.html

<style>
    .modal-header .close {
        /* 取消背景色 */
        background-color: transparent;
    }
    
    .modal-content {
        border-radius: 10px 10px 10px 10px;
    }
    
    .panel-tabs,
    .tabbable {
        padding: 14px;
        background-color: white;
    }
    
    .tab-content>.tab-pane,
    .pill-content>.pill-pane {
        padding: 0px;
    }
    
    .nav-tabs>li.active a,
    .nav-tabs>li.active a:hover,
    .nav-tabs>li.active a:focus {
        background-color: #e9eff8;
    }
    
    .nav-tabs {
        border-top: 1px solid #d1e3f2;
        border-left: 1px solid #d1e3f2;
        border-right: 1px solid #d1e3f2;
        border-radius: 8px 8px 0 0;
    }
    
    .nav-tabs>li {
        border-right: 1px solid #d1e3f2;
    }
    
    .nav-tabs>li:last-child {
        border-right: none;
    }
    
    .well {
        background-color: white;
        border-radius: 0px;
        border-top: none;
        padding: 0px;
        padding-left: 65px;
        padding-right: 65px;
    }
    
    .form-group {
        margin-bottom: 10px !important;
    }
    
    .textareaDiv {
        color: #93989e;
        min-height: 226px;
        padding: 12px 12px;
        font-size: 14px;
        border: 1px solid #ccc;
        border-radius: 4px;
        background-color: #f5f5f5;
    }
    
    .panel-footer {
        border: none;
    }
    
    .comment-border {
        border: 1px solid #eeeeee;
        border-radius: 4px;
        margin-bottom: 14px;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .commentDiv-1 {
        height: 34px;
        line-height: 34px;
        font-size: 12px;
        border-bottom: 1px dashed #eeeeee;
    }
    
    .commentDiv-2 {
        /* height: 43px;
        line-height: 43px;
        font-size: 14px; */
    }
    
    .commentDiv-2-1 {
        min-height: 43px;
        max-height: 120px;
        overflow: auto;
        line-height: 43px;
        font-size: 14px;
        width: 75%;
        display: inline-block;
    }
    
    .commentDiv-2-2 {
        width: 20%;
        display: inline-block;
        margin-bottom: 10px;
    }
    
    .commentDiv-2-2-1 {
        border: 1px solid;
        padding: 4px 6px 4px 6px;
        border-radius: 4px;
        margin-right: 10px;
    }
</style>

<div class="modal-header">
    <button type="button" class="close" ng-click="cancel()">
        <i style="font-size: 18px !important;" class="icon iconfont icon-false-circle handlefont"></i>
    </button>
    <!-- <i class="fa fa-inbox"></i><span class="label label-tag">评论知识库</span> -->
    <span class="fontcolor-one" style="font-size:18px">评论知识库</span>
</div>
<div class="modal-body">
    <tabset class="tabbable">
        <tab heading="知识库详情" style="min-width:33.33%;">
            <div>
                <div class="well well-lg">
                    <br/>
                    <div class="row form-group">
                        <label class="col-md-2 control-label" for="title">标题:</label>
                        <div class="col-md-4">
                            <input id="title" name="title" class="form-control" ng-model="entity.title" placeholder="标题" disabled="true" />
                        </div>

                        <label class="col-md-2 control-label" for="vision">版本:</label>
                        <div class="col-md-4">
                            <input class="form-control" id="vision" name="version" ng-model="entity.vision2" placeholder="选择版本" disabled="true" />
                            <input class="form-control" id="vision" name="version" type="hidden" ng-model="entity.vision" placeholder="选择版本" disabled="true" />
                        </div>

                    </div>
                    <div class="row form-group">
                        <label class="col-md-2 control-label" for="keys">关键字:</label>
                        <div class="col-md-4">
                            <input class="form-control" id="keys" name="keys" class="form-control" ng-model="entity.keys" placeholder="关键字" disabled="true" />
                        </div>
                        <label class="col-md-2 control-label" for="type">分类:</label>
                        <div class="col-md-4">
                            <input id="type" name="type" class="form-control" ng-model="entity.typeName" placeholder="分类" disabled="true">
                            <!-- ng-click="doOnLoad('type');" data-toggle="modal" data-target="#typeboxbox" -->
                        </div>
                    </div>
                    <div class="row form-group">
                        <label class="col-md-2 control-label" for="range">使用范围:</label>
                        <div class="col-md-4">
                            <select id="range" class="form-control" disabled="disabled" ng-model="entity.range" data-placeholder="选择使用范围">
                                <option ng-repeat="r in ranges" value="{{r.id}}">{{r.name}}</option>
                            </select>
                        </div>
                        <label class="col-md-2 control-label" for="number">知识库编号:</label>
                        <div class="col-md-4" style="z-indx:1px;">
                            <input id="number" name="number" class="form-control" ng-model="entity.number" placeholder="知识库编号" disabled="true">
                        </div>
                    </div>
                    <div class="row form-group" style="margin-top:20px">
                        <label class="col-md-2 control-label" for="content">知识库内容:</label>
                        <div class="col-md-10" style="z-indx:1px; min-height: 226px;">
                            <!-- <textarea ckeditor ng-model="entity.content" class="form-control" disabled="true"></textarea> -->
                            <!-- <textarea class="form-control" disabled="true" ng-bind-html='entity.content'></textarea> -->
                            <div class="textareaDiv" ng-bind-html='entity.content'></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row form-group" ng-class="{'has-error': showError('file')}">
                <div class="col-md-8">
                    <label>
                        <span class="lbl" style="margin-left:12px">附件</span>
                        <a ng-click="getdown(entity.fileName)" tooltip="下载">
                            {{entity.fileName}}
                        </a>
                    </label>
                </div>
            </div>
        </tab>
        <tab heading="查看评论" style="min-width:33.34%">
            <div class="panel">

                <div class="well well-lg">
                    <br />
                    <div class="row form-group">

                        <div ng-repeat="s in comments" class="row form-group">
                            <div class="comment-border">
                                <div ng-if="s.status==1">
                                    <div class="commentDiv-1">
                                        <i class="iconfont icon-gantan adduserfont" style="font-size:14px;margin-right: 10px;"></i>评论人：{{s.name}} | 发表于：{{s.time}} |评分：{{s.score}}
                                    </div>
                                    <div class="commentDiv-2">
                                        <div class="commentDiv-2-1">
                                            评论 ： {{s.content}}
                                        </div>
                                        <div class="commentDiv-2-2">
                                            <span class="commentDiv-2-2-1 printfont pointfont" ng-if="s.status==1&&isManage" ng-click="examineKnowledge(s);">
                                                <!-- <span class="commentDiv-2-2-1 printfont"> -->
                                                <i class="iconfont icon-shenhetongguo printfont" style="font-size:14px;margin-right: 10px;"></i>通过
                                            </span>
                                            <span class="commentDiv-2-2-1 redfont pointfont" ng-if="s.status!=3&&isManage" ng-click="removeKnowledge(s);">
                                                <!-- <span class="commentDiv-2-2-1 redfont"> -->
                                                <i class="iconfont icon-shanchu2 redfont" style="font-size:14px;margin-right: 10px;"></i>删除
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div ng-if="s.status==2">
                                    <div class="commentDiv-1">
                                        <i class="iconfont icon-tongguo printfont" style="font-size:14px;margin-right: 10px;"></i>评论人：{{s.name}} | 发表于：{{s.time}} |评分：{{s.score}}
                                    </div>
                                    <div class="commentDiv-2">
                                        <div class="commentDiv-2-1">
                                            评论 ： {{s.content}}
                                        </div>
                                        <div class="commentDiv-2-2">
                                            <span class="commentDiv-2-2-1 printfont pointfont" ng-if="s.status==1&&isManage" ng-click="examineKnowledge(s);">
                                                <!-- <span class="commentDiv-2-2-1 printfont"> -->
                                                <i class="iconfont icon-shenhetongguo printfont" style="font-size:14px;margin-right: 10px;"></i>通过
                                            </span>
                                            <span class="commentDiv-2-2-1 redfont pointfont" ng-if="s.status!=3&&isManage" ng-click="removeKnowledge(s);">
                                                <!-- <span class="commentDiv-2-2-1 redfont"> -->
                                                <i class="iconfont icon-shanchu2 redfont" style="font-size:14px;margin-right: 10px;"></i>删除
                                            </span>
                                        </div>
                                    </div>

                                </div>
                                <div ng-if="s.status==3">
                                    <div class="commentDiv-1">
                                        <i class="iconfont icon-shanchu1 redfont" style="font-size:14px;margin-right: 10px;"></i>评论人：{{s.name}} | 发表于：{{s.time}} |评分：{{s.score}}
                                    </div>
                                    <div class="commentDiv-2">
                                        <div class="commentDiv-2-1">
                                            评论 ： {{s.content}}
                                        </div>
                                        <div class="commentDiv-2-2">
                                            <span class="commentDiv-2-2-1 printfont pointfont" ng-if="s.status==1&&isManage" ng-click="examineKnowledge(s);">
                                                <!-- <span class="commentDiv-2-2-1 printfont"> -->
                                                <i class="iconfont icon-shenhetongguo printfont" style="font-size:14px;margin-right: 10px;"></i>通过
                                            </span>
                                            <span class="commentDiv-2-2-1 redfont pointfont" ng-if="s.status!=3&&isManage" ng-click="removeKnowledge(s);">
                                                <!-- <span class="commentDiv-2-2-1 redfont"> -->
                                                <i class="iconfont icon-shanchu2 redfont" style="font-size:14px;margin-right: 10px;"></i>删除
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="">
                <div class="panel-footer text-center">
                    <button type="button" ng-if="isManage" class="btn btn-primary" ng-click="reviewKnowledge();">全部审核通过 </button>
                </div>
            </div>
        </tab>
        <tab heading="评论" style="min-width:33.33%">
            <div class="panel">
                <div class="well well-lg">
                    <br />
                    <div class="row form-group" ng-show="showCommentScore">
                        <label class="col-md-2 control-label" for="score">评分:</label>
                        <div class="col-md-8" style="z-indx:1px;line-height:30px;;">
                            <!-- <rating ng-model="score" max="10" state-on="'fa fa-heart text-red text-extra-large margin-right-5'" state-off="'fa fa-heart-o text-large margin-right-5'"></rating> -->
                            <rating ng-model="score" max="10" state-on="'iconfont icon-pingfenwujiaoxing-copy text-red text-extra-large margin-right-5'" state-off="'iconfont icon-start text-large margin-right-5'"></rating>
                        </div>
                    </div>
                    <div class="row form-group">
                        <label class="col-md-2 control-label" for="reviewcontent">评论:</label>
                        <div class="col-md-8" style="z-indx:1px;">
                            <textarea ckeditor id="reviewcontent" ng-model="reviewcontent" class="form-control"></textarea>
                        </div>
                    </div>

                </div>
                <!-- class="well well-lg" -->
            </div>
            <div class="">
                <div class="panel-footer text-center">
                    <!-- <a ng-click="saveComment(reviewcontent,score);cancel();" class="btn getdown" id="sub1" value="发表">发表评论</a> -->
                    <button type="button" class="btn btn-primary" ng-click="saveComment(reviewcontent,score);cancel();">发表评论</button>
                </div>
            </div>
            <!-- class="panel" end -->
        </tab>
    </tabset>
</div>