zuel-itsm-3.0.2/assets/views/partials/off-right.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">
                            用户名:<span class="recentin">{{information.userId}}</span>
                        </div>
                        <div class=" col-md-6 padding-top-5">
                            用户姓名:<span class="recentin"> {{information.userName}}</span>
                        </div>
                        <div class=" col-md-6 padding-top-5">
                            套餐: <span class="recentin">{{information.packageName}}</span>
                        </div>
                        <div class=" col-md-6 padding-top-5">
                            计费策略: <span class="recentin">{{information.policyId}}</span>
                        </div>
                        <div class=" col-md-6 padding-top-5">
                            账户余额: <span class="recentin">{{information.accountFee}}元</span>
                        </div>
                        <div class="col-md-6 padding-top-5">
                            模版名: <span class="recentin">{{information.atName}}</span>
                        </div>
                        <div class=" col-md-6 padding-top-5">
                            自动销户时间: <span class="recentin">{{information.autologicDestroyTime}}</span>
                        </div>
                        <div class=" col-md-6 padding-top-5">
                            移动电话: <span class="recentin">{{information.mobile}}</span>
                        </div>
                        <div class=" col-md-6 padding-top-5">
                            电话号码: <span class="recentin">{{information.tel}}</span>
                        </div>
                        <div class=" col-md-6 padding-top-5">
                            住址: <span class="recentin">{{information.address}}</span>
                        </div>
                        <div class=" col-md-6 padding-top-5">
                            本周期起始: <span class="recentin">{{information.periodStartTime}}</span>
                        </div>
                        <div class=" col-md-6 padding-top-5">
                            下次记账时刻:<span class="recentin"> {{information.nextBillingTime}}</span>
                        </div>
                        <div class=" col-md-6 padding-top-5">
                            是否是黑名单: <span class="recentin">{{information.blacklist}}</span>
                        </div>
                    </div>
                </div>

            </div>

        </tab>
        <tab heading="报修人上网登录信息 " style="min-width:50% ">
            <div class="changechar active">
                <!-- <div class="showright active"> -->
                <!-- <div class="grid"> -->
                <!--<div class="grid__item" ng-repeat="item in [1,2,3,4,5,6,7,8,9,10,11,12]">-->
                <div>
                    <!-- <a ng-click="showpage(item)"> -->
                    <!-- <div class="title--preview">{{item.userip}}</div> -->
                    <div ng-repeat="item in logininform">
                        <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>
                    <!-- </a> -->
                </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>