zuel-itsm-3.0.2/assets/views/partials/off-right-hk.html

<!-- start: SETTINGS -->
<button ct-toggle="toggle" tooltip="认证计费" tooltip-placement="left" target="charging" parent-active-class="active" class="btn btn-success">
    <i class="ti-money"></i>
    <!-- 认证计费 -->
</button>
<!-- <div class="panel-heading ng-scope">
    认证计费
</div> -->
<div class="ng-scope headersize">
    认证计费
</div>
<div class="panel-body ng-scope">
    <!-- start: FIXED HEADER -->
    <tabset class="heighttab">
        <tab heading="人员信息" style="min-width:50%;">
            <div class="category">
                <div>
                    <div>
                        <div class="col-md-6 padding-top-5 pull-left">
                            名称: <span class="recentin">{{sumInfo.user_name}}</span>
                        </div>
                        <div class=" col-md-6 padding-top-5 pull-left">
                            账号名称: <span class="recentin"> {{sumInfo.user_real_name}}</span>
                        </div>
                        <div class=" col-md-6 padding-top-5 pull-left">
                            到期时间: <span class="recentin">{{sumInfo.user_expire_time}}</span>
                        </div>
                        <div class=" col-md-6 padding-top-5 pull-left">
                            余额(分): <span class="recentin">{{sumInfo.balance}}</span>
                        </div>
                        <div class=" col-md-6 padding-top-5 pull-left">
                            状态: <span class="recentin">{{sumInfo.user_status}}</span>
                        </div>
                    </div>
                </div>

            </div>

        </tab>
        <tab heading="套餐信息" style="min-width:50%;">
            <div class="category">
                <div>
                    <div>
                        <div class="col-md-6 padding-top-5 pull-left">
                            套餐名称: <span class="recentin">{{(sumInfo.packageInfos && sumInfo.packageInfos[0]) ? sumInfo.packageInfos[0].package_name : ''}}</span>
                        </div>
                        <div class=" col-md-6 padding-top-5 pull-left">
                            套餐描述: <span class="recentin"> {{(sumInfo.packageInfos && sumInfo.packageInfos[0]) ? sumInfo.packageInfos[0].description : ''}}</span>
                        </div>
                        <div class=" col-md-6 padding-top-5 pull-left">
                            总流量(kb): <span class="recentin">{{(sumInfo.packageInfos && sumInfo.packageInfos[0]) ? sumInfo.packageInfos[0].package_remain_bytes : ''}}</span>
                        </div>
                        <div class=" col-md-6 padding-top-5 pull-left">
                            总时长(分钟): <span class="recentin">{{(sumInfo.packageInfos && sumInfo.packageInfos[0]) ? sumInfo.packageInfos[0].package_remain_seconds : ''}}</span>
                        </div>
                        <div class=" col-md-6 padding-top-5 pull-left">
                            套餐金额: <span class="recentin">{{(sumInfo.packageInfos && sumInfo.packageInfos[0]) ? sumInfo.packageInfos[0].checkout_amount : ''}}</span>
                        </div>
                        <div class="col-md-6 padding-top-5 pull-left">
                            有效起始日期: <span class="recentin">{{(sumInfo.packageInfos && sumInfo.packageInfos[0]) ? sumInfo.packageInfos[0].checkout_date : ''}}</span>
                        </div>
                    </div>
                </div>

            </div>

        </tab>
        <!-- <tab heading="报修人上网登录信息 " style="min-width:50% ">
            <div class="changechar active">
                <div>
                    <div ng-repeat="item in logininform_sumInfo">
                        <div class="col-sm-12 ">
                            <span class="category pull-left ">用户IPv4:<span class="recentin">{{item.userIpv4}}</span></span>
                            <span class="category pull-right ">用户mac:<span class="recentin">{{item.userMac}}</span></span>
                        </div>
                        <div class="col-sm-12 ">
                            <span class="category pull-left ">客户端信息:<span class="recentin">{{item.suVersion}}</span></span>
                            <span class="category pull-right ">终端操作系统:<span class="recentin">{{item.createUserName}}</span></span>
                        </div>
                        <div class="col-sm-12 ">
                            <span class="category pull-left ">DNS:<span class="recentin">{{item.userip}}</span></span>
                            <span class="category pull-right ">NAS IPv4:<span class="recentin">{{item.nasip}}</span></span>
                        </div>
                        <div class="col-sm-12 ">
                            <span class="category pull-right ">下线时间:<span class="recentin">{{item.logoutTime}}</span></span>
                            <span class="category pull-left ">上线时间:<span class="recentin">{{item.loginTime}}</span></span>
                        </div>
                        <div class="col-sm-12">
                            <span class="category pull-right ">下线原因:<span class="recentin">{{item.terminateCause}}</span></span>
                            <span class="category pull-left ">网关地址:<span class="recentin">{{item.acctstart}}</span></span>
                        </div>
                        <div class="col-sm-12 ">
                            <span class="category pull-right ">接入方式:<span class="recentin">{{item.acctstart}}</span></span>
                            <span class="category pull-left ">接入位置描述:<span class="recentin">{{item.acctstart}}</span></span>
                            </br>
                            <hr style="margin-top: 0px;margin-bottom: 0px;margin-left:-15px;width:500px; height:1px;border:none;border-top:1px double #185598;" />
                        </div>
                    </div>
                </div>
            </div>
        </tab> -->
    </tabset>
    <!-- end: FIXED HEADER -->
</div>
<!-- end: SETTINGS -->
<style>
    .changechar.active {
        /*width: 100%;*/
        max-height: 380px;
        min-height: 160px;
        overflow-x: hidden;
        font-size: 12px;
    }

    .tab-content>.active {
        /* display: none; */
        padding: 0px;
    }

    .nav-tabs>li>a {
        border: 0 none;
        border-radius: 5;
        color: #8E9AA2;
        min-width: 70px;
        font-size: 12px;
        padding: 10px 5px;
    }

    .loaderinform {
        height: 1px;
        width: 100%;
        /* margin: 8px auto; */
        position: relative;
        background: rgba(0, 0, 0, 0.1);
    }
</style>