认证计费增加展示信息

assets/css/styles.css

@@ -6447,7 +6447,7 @@ ul.sub-menu li ul.sub-menu li ul.sub-menu li a {
     /* width: 43px; */
     padding: 10px 15px;
     position: absolute;
-    top: 31px;
+    top: 20px;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }

assets/views/partials/off-right.html

@@ -1,142 +1,373 @@
 <!-- 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
+  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="ng-scope headersize">认证计费</div>
 <div class="panel-body ng-scope">
-    <!-- start: FIXED HEADER -->
-    <tabset class="heighttab">
-        <tab heading="人员信息" style="min-width:100%;">
-            <div class="category">
-                <div>
-                    <div>
-                        <div class="col-md-6 padding-top-5">
-                            账号:<span class="recentin">{{sumInfo.user_name}}</span>
-                        </div>
-                        <div class=" col-md-6 padding-top-5">
-                            人员名称:<span class="recentin"> {{sumInfo.user_real_name}}</span>
-                        </div>
-                        <div class=" col-md-6 padding-top-5">
-                            账号创建时间: <span class="recentin">{{sumInfo.user_create_time}}</span>
-                        </div>
-                        <div class=" col-md-6 padding-top-5">
-                            账号更新时间: <span class="recentin">{{sumInfo.user_update_time}}</span>
-                        </div>
-                        <div class=" col-md-6 padding-top-5">
-                            账号过期时间: <span class="recentin">{{sumInfo.user_expire_time}}</span>
-                        </div>
-                        <div class="col-md-6 padding-top-5">
-                            是否欠费: <span class="recentin">{{sumInfo.user_status}}</span>
-                        </div>
-                        <div class=" col-md-6 padding-top-5">
-                            余额: <span class="recentin">{{sumInfo.balance}}元</span>
-                        </div>
-                        <div class=" col-md-6 padding-top-5">
-                            账号状态: <span class="recentin">{{sumInfo.user_available}}</span>
-                        </div>
-                        <div class=" col-md-6 padding-top-5">
-                            否允许修改密码: <span class="recentin">{{sumInfo.user_allow_chgpass}}</span>
-                        </div>
-                        <div class=" col-md-6 padding-top-5">
-                            账号开始时间: <span class="recentin">{{sumInfo.user_start_time}}</span>
-                        </div>
-                        <div class=" col-md-6 padding-top-5">
-                            账号停用时间: <span class="recentin">{{sumInfo.user_stop_time}}</span>
-                        </div>
-                        <div class=" col-md-6 padding-top-5">
-                            创建此用户的管理员:<span class="recentin"> {{sumInfo.mgr_name_create}}</span>
-                        </div>
-                        <div class=" col-md-6 padding-top-5">
-                            最后操作的管理员: <span class="recentin">{{sumInfo.mgr_name_update}}</span>
-                        </div>
-                        <div class=" col-md-6 padding-top-5">
-                            卡号: <span class="recentin">{{sumInfo.cert_num}}</span>
-                        </div>
-                        <div class=" col-md-6 padding-top-5">
-                            联系电话: <span class="recentin">{{sumInfo.phone}}</span>
-                        </div>
-                        <div class=" col-md-6 padding-top-5">
-                            邮箱: <span class="recentin">{{sumInfo.email}}</span>
-                        </div>
-                    </div>
-                </div>
-
+  <!-- start: FIXED HEADER -->
+  <tabset class="heighttab">
+    <tab heading="人员信息" style="min-width: 33%">
+      <div class="category">
+        <div>
+          <div>
+            <div class="col-md-6 padding-top-5">
+              账号:<span class="recentin">{{sumInfo.user_name}}</span>
             </div>
-
-        </tab>
-        
-        <!-- <tab heading="报修人上网登录信息 " style="min-width:50% ">
-            <div class="changechar active">
-                <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>
-                </div>
-            </div>
-        </tab> -->
-    </tabset>
-    <!-- end: FIXED HEADER -->
+            <div class="col-md-6 padding-top-5">
+              人员名称:<span class="recentin"> {{sumInfo.user_real_name}}</span>
+            </div>
+            <div class="col-md-6 padding-top-5">
+              账号创建时间:
+              <span class="recentin">{{sumInfo.user_create_time}}</span>
+            </div>
+            <div class="col-md-6 padding-top-5">
+              账号更新时间:
+              <span class="recentin">{{sumInfo.user_update_time}}</span>
+            </div>
+            <div class="col-md-6 padding-top-5">
+              账号过期时间:
+              <span class="recentin">{{sumInfo.user_expire_time}}</span>
+            </div>
+            <div class="col-md-6 padding-top-5">
+              是否欠费: <span class="recentin">{{sumInfo.user_status}}</span>
+            </div>
+            <div class="col-md-6 padding-top-5">
+              余额: <span class="recentin">{{sumInfo.balance}}元</span>
+            </div>
+            <div class="col-md-6 padding-top-5">
+              账号状态: <span class="recentin">{{sumInfo.user_available}}</span>
+            </div>
+            <div class="col-md-6 padding-top-5">
+              否允许修改密码:
+              <span class="recentin">{{sumInfo.user_allow_chgpass}}</span>
+            </div>
+            <div class="col-md-6 padding-top-5">
+              账号开始时间:
+              <span class="recentin">{{sumInfo.user_start_time}}</span>
+            </div>
+            <div class="col-md-6 padding-top-5">
+              账号停用时间:
+              <span class="recentin">{{sumInfo.user_stop_time}}</span>
+            </div>
+            <div class="col-md-6 padding-top-5">
+              创建此用户的管理员:<span class="recentin">
+                {{sumInfo.mgr_name_create}}</span
+              >
+            </div>
+            <div class="col-md-6 padding-top-5">
+              最后操作的管理员:
+              <span class="recentin">{{sumInfo.mgr_name_update}}</span>
+            </div>
+            <div class="col-md-6 padding-top-5">
+              卡号: <span class="recentin">{{sumInfo.cert_num}}</span>
+            </div>
+            <div class="col-md-6 padding-top-5">
+              联系电话: <span class="recentin">{{sumInfo.phone}}</span>
+            </div>
+            <div class="col-md-6 padding-top-5">
+              邮箱: <span class="recentin">{{sumInfo.email}}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </tab>
+    <tab heading="套餐信息" style="min-width: 33%">
+      <div class="category">
+        <div style="overflow-y: auto; max-height: 400px">
+          <div style="overflow: hidden; padding-bottom: 16px">
+            <div class="col-md-6 padding-top-5">
+              <span
+                >产品名称:<span class="recentin"
+                  >{{sumInfo.packageInfo.products_name}}</span
+                ></span
+              >
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span
+                >计费策略:<span class="recentin"
+                  >{{sumInfo.packageInfo.billing_name}}</span
+                ></span
+              >
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span
+                >控制策略:<span class="recentin"
+                  >{{sumInfo.packageInfo.control_name}}</span
+                ></span
+              >
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span
+                >使用条件:<span class="recentin"
+                  >{{sumInfo.packageInfo.condition}}</span
+                ></span
+              >
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span
+                >结算日期:<span class="recentin"
+                  >{{sumInfo.packageInfo.checkout_date}}</span
+                ></span
+              >
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span
+                >使用流量:<span class="recentin"
+                  >{{sumInfo.packageInfo.sum_bytes}}</span
+                ></span
+              >
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span
+                >使用次数:<span class="recentin"
+                  >{{sumInfo.packageInfo.sum_seconds}}</span
+                ></span
+              >
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span
+                >使用时长:<span class="recentin"
+                  >{{sumInfo.packageInfo.sum_times}}</span
+                ></span
+              >
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span
+                >套餐名称:<span class="recentin"
+                  >{{sumInfo.packageInfo.package_name}}</span
+                ></span
+              >
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span
+                >消费额:<span class="recentin"
+                  >{{sumInfo.packageInfo.user_charge}}</span
+                ></span
+              >
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span
+                >产品余额:<span class="recentin"
+                  >{{sumInfo.packageInfo.user_balance}}</span
+                ></span
+              >
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span
+                >结算时间:<span class="recentin"
+                  >{{sumInfo.packageInfo.checkout_mode}}</span
+                ></span
+              >
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span
+                >结算金额:<span class="recentin"
+                  >{{sumInfo.packageInfo.checkout_amount}}</span
+                ></span
+              >
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span
+                >是否可以给该产品缴费:<span class="recentin"
+                  >{{sumInfo.packageInfo.allow_payment}}</span
+                ></span
+              >
+            </div>
+            <div class="col-md-12 padding-top-5">
+              <span
+                >当前产品下套餐可用总流量(字节b):<span class="recentin"
+                  >{{sumInfo.packageInfo.package_remain_bytes}}</span
+                ></span
+              >
+            </div>
+            <div class="col-md-12 padding-top-5">
+              <span
+                >当前产品下套餐可用总时长(秒):<span class="recentin"
+                  >{{sumInfo.packageInfo.package_remain_seconds}}</span
+                ></span
+              >
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span
+                >产品绑定的运营商账号:<span class="recentin"
+                  >{{sumInfo.packageInfo.mobile_phone}}</span
+                ></span
+              >
+            </div>
+          </div>
+          <div
+            style="
+              border-top: 1px solid #ccc;
+              padding: 8px 0 8px 8px;
+              font-weight: bold;
+            "
+          >
+            套餐包信息
+          </div>
+          <div
+            ng-repeat="item in sumInfo.packageInfo.packages"
+            style="border-top: 1px solid #ccc; padding: 8px 0; overflow: hidden"
+          >
+            <div class="col-md-6 padding-top-5">
+              <span
+                >套餐名称:<span class="recentin"
+                  >{{item.package_name}}</span
+                ></span
+              >
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span
+                >套餐金额:<span class="recentin">{{item.amount}}</span></span
+              >
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span
+                >使用条件:<span class="recentin">{{item.condition}}</span></span
+              >
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span
+                >计费方式:<span class="recentin"
+                  >{{item.billing_mode}}</span
+                ></span
+              >
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span>总流量:<span class="recentin">{{item.bytes}}</span></span>
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span>总时长:<span class="recentin">{{item.seconds}}</span></span>
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span
+                >可用流量:<span class="recentin"
+                  >{{item.remain_bytes}}</span
+                ></span
+              >
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span
+                >可用时长:<span class="recentin"
+                  >{{item.remain_seconds}}</span
+                ></span
+              >
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span
+                >已用流量:<span class="recentin"
+                  >{{item.used_bytes}}</span
+                ></span
+              >
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span
+                >购买时间:<span class="recentin">{{item.add_time}}</span></span
+              >
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span
+                >有效期(天):<span class="recentin"
+                  >{{item.valid_day}}</span
+                ></span
+              >
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span
+                >过期时间:<span class="recentin"
+                  >{{item.expire_time}}</span
+                ></span
+              >
+            </div>
+          </div>
+        </div>
+      </div>
+    </tab>
+    <tab heading="上网信息" style="min-width: 33%">
+      <div class="category">
+        <div>
+          <div ng-repeat="item in sumInfo.networkInfos">
+            <div class="col-md-6 padding-top-5">
+              <span
+                >用户名/账号:<span class="recentin"
+                  >{{item.user_name}}</span
+                ></span
+              >
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span
+                >上线时间:<span class="recentin">{{item.add_time}}</span></span
+              >
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span
+                >下线时间:<span class="recentin">{{item.drop_time}}</span></span
+              >
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span>用户ip:<span class="recentin">{{item.user_ip}}</span></span>
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span
+                >总流量:<span class="recentin">{{item.total_bytes}}</span></span
+              >
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span
+                >使用时长:<span class="recentin">{{item.time_long}}</span></span
+              >
+            </div>
+            <div class="col-md-6 padding-top-5">
+              <span
+                >费用:<span class="recentin">{{item.user_charge}}</span></span
+              >
+            </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>
+  .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>