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

<!--<div class="modal-header bg-primary">
    <button type="button" class="close" ng-click="cancel()">×</button>
    <i class="fa fa-inbox"></i><span class="label label-tag">认证计费</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="title">用户ID:</label>
                        <div class="col-md-4">
                            <input id="title" name="title" class="form-control" ng-model="entity.title" placeholder="用户ID" disabled="true" />
                        </div>
                    </div>
                    <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="title">文化程度:</label>
                        <div class="col-md-4">
                            <input id="title" name="title" class="form-control" ng-model="entity.title" placeholder="文化程度" disabled="true" />
                        </div>
                    </div>
                    <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="title">证件号码:</label>
                        <div class="col-md-4">
                            <input id="title" name="title" class="form-control" ng-model="entity.title" placeholder="证件号码" disabled="true" />
                        </div>
                    </div>
                    <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="title">用户邮编:</label>
                        <div class="col-md-4">
                            <input id="title" name="title" class="form-control" ng-model="entity.title" placeholder="用户邮编" disabled="true" />
                        </div>
                    </div>
                    <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="title">电话号码:</label>
                        <div class="col-md-4">
                            <input id="title" name="title" class="form-control" ng-model="entity.title" placeholder="电话号码" disabled="true" />
                        </div>
                    </div>
                    <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">用户套餐:</label>
                        <div class="col-md-4 ">
                            <input class="form-control " ng-model="entity.title " placeholder="请求人姓名 " disabled="true " />
                        </div>
                    </div>
                    <div class="row form-group ">
                        <label class="col-md-2 control-label ">计费策略:</label>
                        <div class="col-md-4 ">
                            <input class="form-control " ng-model="entity.title " placeholder="请求人工号 " disabled="true " />
                        </div>
                        <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>
                    </div>
                    <div class="row form-group ">
                        <label class="col-md-2 control-label ">开户时间:</label>
                        <div class="col-md-4 ">
                            <input class="form-control " ng-model="entity.title " placeholder="请求人工号 " disabled="true " />
                        </div>
                        <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>
                    </div>
                    <div class="row form-group ">
                        <label class="col-md-2 control-label ">计费策略:</label>
                        <div class="col-md-4 ">
                            <input class="form-control " ng-model="entity.title " placeholder="请求人工号 " disabled="true " />
                        </div>
                        <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>
                    </div>
                </div>
            </div>
        </tab>
        <tab heading="请求人上网登录信息 " style="min-width:33.34% ">

        </tab>
        <tab heading="黑名单 " style="min-width:33.33% ">

        </tab>
    </tabset>
</div>-->
<div class="input-group col-xs-12">
    <span ng-if="to.lBtn" class="input-group-btn">
        <button class="btn btn-default"
                ng-click="options.templateOptions['onLClick'](model[options.key], options, this, $event ,model);"
                type="button">{{to.lBtn.label}}<i class="{{to.lBtn.icon}}"></i></button>
    </span>
    <span ng-if="to.lAddon" class="input-group-addon" ng-bind-html="to.lAddon"></span>
    <input class="form-control" ng-model="model[options.key]" ng-change="to['onChange'](model[options.key], options, this, $event ,model);">
    <span ng-if="to.rAddon" class="input-group-addon" ng-bind-html="to.rAddon"></span>
    <span ng-if="to.rBtn" class="input-group-btn">
        <!--<button class="btn btn-default"
                ng-click="options.templateOptions['onRClick'](model[options.key], options, this, $event ,model);"
                type="button">{{to.rBtn.label}}<i class="{{to.rBtn.icon}}"></i></button>-->
				<button class="btn btn-default"
                ng-click="open(model[options.key], options, this, $event ,model)"
                type="button">{{to.rBtn.label}}<i class="{{to.rBtn.icon}}"></i></button>
    </span>
</div>
<!-- 搜索弹出框 -->
<style type="text/css">
    .changeRightDiv {
        transition: all 1s linear;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 0px;
        /*border: 1px #d8d8d8 solid;*/
        background: white;
        overflow: hidden;
        z-index: 10;
        /*margin: 5px;*/
        /*border-radius:5px ;*/
    }
    
    .changeRightDiv.active {
        /*width: 100%;*/
        height: 100%;
        overflow-y: auto;
    }
    
    .showDiv {
        transition: all 1s linear 1s;
        opacity: 0;
    }
    
    .showDiv.active {
        opacity: 1;
    }
</style>

<div id="navigation">
    <div class="pages">

        <div class="modal-header">
            <div class="modal-title titleSize">
                知识库查询
                <a class="btn col-sm-1 pull-right" ng-click="closepages()"><i class="ti-close"></i></a>
            </div>
        </div>

        <div class="container">
            <div id="theGrid" class="mainlist">
                <div class="grid">
                    <!--<div class="grid__item" ng-repeat="item in [1,2,3,4,5,6,7,8,9,10,11,12]">-->
                    <div class="grid__item" ng-repeat="item in searchData">
                        <a ng-click="showpage(item)">
                            <h2 class="knowledgetitle title--preview">{{item.title}}</h2>
                            <div class="loader"></div>
                            <div class="col-sm-12" style='padding: 0px;'>
                                <span class="category pull-left">创建人:{{item.createUserName}}</span>
                                <span class="meta__date pull-right">
                                	<samll><i class="fa fa-calendar-o"></i> 
                                	{{item.createtime|date:'yyyy-MM-dd'}}</samll>
                                </span>
                            </div>
                            <div class="col-sm-12" style='padding: 0px;'>
                                <span class="category pull-left">引用次数:{{item.totalNum}}</span>
                                <span class="meta__date pull-right">
                                	<i class="fa fa-clock-o"></i> 
                                	{{item.createtime|date:'HH:mm:ss'}}
                                </span>
                            </div>

                        </a>
                        <div>
                            <button type="button" class="btn btn-success   col-sm-6" ng-click="related(item)">
	                    	引用
	                    </button>
                            <button type="button" class="btn btn-info   col-sm-6" ng-click="showpage(item)">
	                    	查看
	                    </button>
                        </div>
                    </div>
                </div>


                <div class="changeRightDiv" ng-class="{'active':changes}">
                    <div class="showDiv" ng-class="{'active':changes}">
                        <div class="col-sm-12">
                            <!--<button type="button" class="btn btn-success getin  col-sm-2" ng-click="related(item)">引用</button>-->
                            <button type="button" class="btn btn-success getin" ng-click="related(tempData)">引用</button>
                            <!--<button type="button" class="close col-sm-offset-8 col-sm-1 fa ti-angle-left" ng-click="close(item)"></button>-->
                            <a class="btn col-sm-1 pull-right" ng-click="close(item)"><i class="ti-back-left"></i></a>
                        </div>

                        <div class="col-sm-12">
                            <h2 class="knowledgetitle title--preview">{{tempData.title}}</h2>
                        </div>

                        <p></p>

                        <div class="col-sm-12">
                            <span class="pull-left category">创建人:{{tempData.createUserName}}</span>
                            <!--<span class="center category">创建时间：{{item.createtime}}</span>-->
                            <span class="pull-right category">引用次数:{{tempData.totalNum}}</span>
                        </div>
                        <div class="col-sm-12">
                            <span class="pull-left "><i class="fa fa-calendar-o"></i> {{tempData.createtime|date:'yyyy-MM-dd'}}</span>
                            <span class="pull-right"><i class="fa fa-clock-o"></i> {{tempData.createtime|date:'HH:mm:ss'}}</span>
                        </div>
                        <div class="col-sm-12">
                            <p></p>
                        </div>
                        <div class="col-sm-12">
                            <div class="panel panel-white no-radius">
                                <div class="panel-heading border-light">
                                    <h4 class="panel-title">知识库内容: </h4>
                                    <!--<ct-paneltool class="panel-tools" tool-refresh="load1"></ct-paneltool>-->
                                </div>
                                <div class="panel-body">
                                    <p>{{tempData.content}}</p>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-12">
                            <label class="control-label areatext">附件信息:</label>
                            <table class="table table-hover" id="sample-table-1">
                                <thead>
                                    <tr>
                                        <th class="center">序号</th>
                                        <th>附件名称</th>
                                        <!-- <th>上传时间</th> -->
                                        <th class="center">附件下载</th>
                                        <!-- <th class="center">附件预览</th> -->
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr ng-repeat="attachment in attachments">
                                        <td class="center">{{$index + 1}}</td>
                                        <td class="hidden-xs">{{attachment.fileName}}</td>
                                        <!-- <td>{{attachment.createTime|date:'yyyy-MM-dd HH:mm:ss'}}</td> -->
                                        <td class="center">
                                            <div class="visible-md visible-lg hidden-sm hidden-xs">
                                                <a ng-click="download(attachment.id,attachment.fileName)" class="btn btn-transparent btn-xs" tooltip-placement="top" tooltip="下载"><i class="fa fa-download"></i></a>
                                            </div>
                                        </td>
                                        <!-- <td class="center">
                                            <div class="visible-md visible-lg hidden-sm hidden-xs">
                                                <a ng-click="view(attachment.id)" class="btn btn-transparent btn-xs" tooltip-placement="top" tooltip="预览"><i class="fa fa-file-text-o"></i></a>
                                            </div>
                                        </td> -->
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

                </div>

            </div>

        </div>





    </div>
</div>