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: 33%">
      <div class="category">
        <div>
          <div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              账号:<span class="recentin">{{sumInfo.user_name}}</span>
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              人员名称:<span class="recentin"> {{sumInfo.user_real_name}}</span>
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              账号创建时间:
              <span class="recentin">{{sumInfo.user_create_time}}</span>
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              账号更新时间:
              <span class="recentin">{{sumInfo.user_update_time}}</span>
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              账号过期时间:
              <span class="recentin">{{sumInfo.user_expire_time}}</span>
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              是否欠费: <span class="recentin">{{sumInfo.user_status}}</span>
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              余额: <span class="recentin">{{sumInfo.balance}}元</span>
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              账号状态: <span class="recentin">{{sumInfo.user_available}}</span>
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              否允许修改密码:
              <span class="recentin">{{sumInfo.user_allow_chgpass}}</span>
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              账号开始时间:
              <span class="recentin">{{sumInfo.user_start_time}}</span>
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              账号停用时间:
              <span class="recentin">{{sumInfo.user_stop_time}}</span>
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              创建此用户的管理员:<span class="recentin">
                {{sumInfo.mgr_name_create}}</span
              >
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              最后操作的管理员:
              <span class="recentin">{{sumInfo.mgr_name_update}}</span>
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              卡号: <span class="recentin">{{sumInfo.cert_num}}</span>
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              联系电话: <span class="recentin">{{sumInfo.phone}}</span>
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              邮箱: <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
            ng-repeat="item in sumInfo.packageInfos"
            style="border-top: 3px solid #666; overflow: hidden"
          >
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              <span
                >产品名称:<span class="recentin"
                  >{{item.products_name}}</span
                ></span
              >
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              <span
                >计费策略:<span class="recentin"
                  >{{item.billing_name}}</span
                ></span
              >
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              <span
                >结算日期:<span class="recentin"
                  >{{item.checkout_date}}</span
                ></span
              >
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              <span
                >使用流量:<span class="recentin">{{item.sum_bytes}}</span></span
              >
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              <span
                >使用次数:<span class="recentin"
                  >{{item.sum_seconds}}</span
                ></span
              >
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              <span
                >使用时长:<span class="recentin">{{item.sum_times}}</span></span
              >
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              <span
                >套餐名称:<span class="recentin"
                  >{{item.package_name}}</span
                ></span
              >
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              <span
                >消费额:<span class="recentin">{{item.user_charge}}</span></span
              >
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              <span
                >产品余额:<span class="recentin"
                  >{{item.user_balance}}</span
                ></span
              >
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              <span
                >结算时间:<span class="recentin"
                  >{{item.checkout_mode}}</span
                ></span
              >
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              <span
                >结算金额:<span class="recentin"
                  >{{item.checkout_amount}}</span
                ></span
              >
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              <span
                >是否可以给该产品缴费:<span class="recentin"
                  >{{item.allow_payment=='yes'?'是':'否'}}</span
                ></span
              >
            </div>
            <div class="col-md-12 padding-top-5 padding-bottom-5 b-b">
              <span
                >当前产品下套餐可用总流量(字节b):<span class="recentin"
                  >{{item.package_remain_bytes}}</span
                ></span
              >
            </div>
            <div class="col-md-12 padding-top-5 padding-bottom-5 b-b">
              <span
                >当前产品下套餐可用总时长(秒):<span class="recentin"
                  >{{item.package_remain_seconds}}</span
                ></span
              >
            </div>
            <div class="col-md-12 padding-top-5 padding-bottom-5 b-b">
              <span
                >产品绑定的运营商账号:<span class="recentin"
                  >{{item.mobile_phone}}</span
                ></span
              >
            </div>
            <div class="col-md-12 padding-top-5 padding-bottom-5 b-b">
              <span
                >控制策略:<span class="recentin"
                  >{{item.control_name}}</span
                ></span
              >
            </div>
            <div class="col-md-12 padding-top-5 padding-bottom-5 b-b">
              <span
                >使用条件:<span class="recentin">{{item.condition}}</span></span
              >
            </div>
          </div>
        </div>
      </div>
    </tab>
    <tab heading="上网信息" style="min-width: 33%">
      <div class="category">
        <div style="overflow-y: auto; max-height: 400px">
          <div ng-repeat="item in sumInfo.networkInfos" style="border-top: 3px solid #666; overflow: hidden">
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              <span
                >用户名/账号:<span class="recentin"
                  >{{item.user_name}}</span
                ></span
              >
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              <span
                >上线时间:<span class="recentin">{{item.add_time}}</span></span
              >
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              <span
                >下线时间:<span class="recentin">{{item.drop_time}}</span></span
              >
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              <span>用户ip:<span class="recentin">{{item.user_ip}}</span></span>
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              <span
                >总流量:<span class="recentin">{{item.total_bytes}}</span></span
              >
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              <span
                >使用时长:<span class="recentin">{{item.time_long}}</span></span
              >
            </div>
            <div class="col-md-6 padding-top-5 padding-bottom-5 b-b">
              <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>