Home Explore Help
Sign In
asiainfo
/
static
Watch 2
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 2371 Releases 4 Wiki

static

Tree: e8331fb64f
Branches Tags
static
/
2019
/
scaffold-project-demo
/
user-details.html

user-details.html 15KB
History Raw 

    <!DOCTYPE html>
<html lang="en">
<head>
  <title>用户详情</title>
  <meta charset="utf-8">
  <!-- 宽度自动适配 -->
  <meta name="viewport"
        content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no"/>
  <!-- 不识别页面上的数字为可拨打号码 -->
  <meta content="telephone=no" name="format-detection"/>
  <link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
  <link rel="stylesheet" type="text/css" href="biz/css/iconfont/iconfont.css">
  <link rel="stylesheet" type="text/css" href="biz/css/awesome/css/font-awesome.css">
  <link rel="stylesheet" type="text/css" href="biz/css/base.css">

  <script src="ipu/lib/requirejs/require.min.js"></script>
  <script src="biz/js/require-config.js"></script>
  <script src="biz/js/user-details.js"></script>
</head>
<body class="pages-user-details">
<div class="ipu-flex-row ipu-flex-vertical">
  <div class="ipu-flex-col">
    <div class="ipu-toolbar">
      <div class="ipu-flex-col">
        <header class="ipu-toolbar">
          <a class="ipu-fn-left link-back" href="javascript:;" id="back">
            <i class="app-icon icon-chevron-left"></i>返回
          </a>
          <h1 class="ipu-toolbar-title">用户详情</h1>
        </header>
      </div>
    </div>
  </div>

  <div class="ipu-flex-col ipu-flex-col-auto">
    <div class="ipu-flex mission-content">
      <div class="mission-female-person mission-person-margin"></div>
      <div class="ipu-flex-col-auto">
        <div class="ipu-flex  ipu-flex-justify-space">
          <div class="mission-person-name">王心怡</div>
        </div>
        <div class="ipu-flex">
          <div class="ipu-flex-col mission-content-tag">注册时间：</div>
          <div class="ipu-flex-col-auto mission-content-value">2019-09-16 19:57:58</div>
        </div>
        <div class="ipu-flex">
          <div class="ipu-flex-col mission-content-tag">用户地址：</div>
          <div class="ipu-flex-col-auto mission-content-value">合肥市蜀山区长江西路125号</div>
        </div>
        <div class="ipu-flex">
          <div class="ipu-flex-col mission-content-tag">职业：</div>
          <div class="ipu-flex-col-auto mission-content-value">医生</div>
        </div>
        <div class="ipu-flex">
          <div class="ipu-flex-col mission-content-tag">备注：</div>
          <div class="ipu-flex-col-auto mission-content-value">无</div>
        </div>
      </div>
    </div>

    <div>
      <div class="ipu-tab back-white tab-margin">  <!-- 如果class中添加 ipu-tab-fixed，则可固定头部，此时需要父元素的高度是确定的 -->
        <ul class="ipu-tab-title ipu-tab-title-link"> <!-- 页头有 ipu-tab-title-link 和 ipu-tab-title-button两种样式 -->
          <li class="ipu-current">宽带用户</li>
          <li>手机用户</li>
        </ul>
        <div class="ipu-tab-body">
          <ul class="ipu-tab-body-wrapper">
            <li class="back-white">
              <div>
                <div class="ipu-flex-col basic-info basic-info-margin">
                  <div class="ipu-flex info-category">
                    <div class="ipu-flex-col info-pic"></div>
                    <div class="ipu-flex-col-auto info-title">基本信息</div>
                  </div>
                  <div class="ipu-flex info-type info-background-white info-code">FF****3262</div>
                  <div class="ipu-flex info-type">
                    <div class="ipu-flex-col-auto info-type-name">宽带类型：</div>
                    <div class="ipu-flex-col info-type-state">融合-不限量</div>
                  </div>
                  <div class="ipu-flex info-type info-background-white">
                    <div class="ipu-flex-col-auto info-type-name">地址分类：</div>
                    <div class="ipu-flex-col info-type-state">家宽</div>
                  </div>
                  <div class="ipu-flex info-type">
                    <div class="ipu-flex-col-auto info-type-name">宽带套餐：</div>
                    <div class="ipu-flex-col info-type-state">全球通任我用家宽100M (10元，2019版)</div>
                  </div>
                  <div class="ipu-flex info-type info-background-white">
                    <div class="ipu-flex-col-auto info-type-name">宽带速率：</div>
                    <div class="ipu-flex-col info-type-state">100M</div>
                  </div>
                  <div class="basic-info-hidden">
                    <div class="ipu-flex info-type">
                      <div class="ipu-flex-col-auto info-type-name">是否订购互联网电视：</div>
                      <div class="ipu-flex-col info-type-state">是</div>
                    </div>
                    <div class="ipu-flex info-type info-background-white">
                      <div class="ipu-flex-col-auto info-type-name">互联网电视是否活跃：</div>
                      <div class="ipu-flex-col info-type-state">是</div>
                    </div>
                    <div class="ipu-flex info-type">
                      <div class="ipu-flex-col-auto info-type-name">家庭成员数：</div>
                      <div class="ipu-flex-col info-type-state">2</div>
                    </div>
                    <div class="ipu-flex info-type info-background-white">
                      <div class="ipu-flex-col-auto info-type-name">一年内上门次数：</div>
                      <div class="ipu-flex-col info-type-state">2</div>
                    </div>
                    <div class="ipu-flex info-type">
                      <div class="ipu-flex-col-auto info-type-name">最近上门时间：</div>
                      <div class="ipu-flex-col info-type-state">2018-11-09</div>
                    </div>
                    <div class="ipu-flex info-type info-background-white">
                      <div class="ipu-flex-col-auto info-type-name">联系方式：</div>
                      <div class="ipu-flex-col info-type-state">138****1234</div>
                    </div>
                    <div class="ipu-flex info-type">
                      <div class="ipu-flex-col-auto info-type-name">宽带使用时长：</div>
                      <div class="ipu-flex-col info-type-state">0年</div>
                    </div>
                    <div class="ipu-flex info-type info-background-white">
                      <div class="ipu-flex-col-auto info-type-name">宽带月使用流量：</div>
                      <div class="ipu-flex-col info-type-state">0G</div>
                    </div>
                    <div class="ipu-flex info-type">
                      <div class="ipu-flex-col-auto info-type-name">是否办理家庭组网：</div>
                      <div class="ipu-flex-col info-type-state">否</div>
                    </div>
                    <div class="ipu-flex info-type info-background-white">
                      <div class="ipu-flex-col-auto info-type-name">是否为质差用户：</div>
                      <div class="ipu-flex-col info-type-state">否</div>
                    </div>
                    <div class="ipu-flex info-type">
                      <div class="ipu-flex-col-auto info-type-name">到期时间：</div>
                      <div class="ipu-flex-col info-type-state">2020-05-31</div>
                    </div>

                    <div class="ipu-flex info-type">
                      <div class="ipu-flex-col-auto info-type-name info-background-white">装机时间：</div>
                      <div class="ipu-flex-col info-type-state">2018-04-01</div>
                    </div>
                    <div class="ipu-flex info-type">
                      <div class="ipu-flex-col-auto info-type-name">受限期限：</div>
                      <div class="ipu-flex-col info-type-state">2020-05-31</div>
                    </div>
                    <div class="ipu-flex info-type info-background-white">
                      <div class="ipu-flex-col-auto info-type-name">每月返还话费：</div>
                      <div class="ipu-flex-col info-type-state">30元</div>
                    </div>
                    <div class="ipu-flex info-type">
                      <div class="ipu-flex-col-auto info-type-name">小区名称：</div>
                      <div class="ipu-flex-col info-type-state">丽江花园</div>
                    </div>
                    <div class="ipu-flex info-type info-background-white">
                      <div class="ipu-flex-col-auto info-type-name">接入方式：</div>
                      <div class="ipu-flex-col info-type-state">FFTH</div>
                    </div>
                  </div>
                </div>

              </div>
            </li>
            <li class="back-white">
              <div>
                <div class="ipu-flex-col basic-info basic-info-margin">
                  <div class="ipu-flex info-category">
                    <div class="ipu-flex-col info-pic"></div>
                    <div class="ipu-flex-col-auto info-title">基本信息</div>
                  </div>
                  <div class="ipu-flex info-type info-background-white info-code">FF****3262</div>
                  <div class="ipu-flex info-type">
                    <div class="ipu-flex-col-auto info-type-name">宽带类型：</div>
                    <div class="ipu-flex-col info-type-state">融合-不限量</div>
                  </div>
                  <div class="ipu-flex info-type info-background-white">
                    <div class="ipu-flex-col-auto info-type-name">地址分类：</div>
                    <div class="ipu-flex-col info-type-state">家宽</div>
                  </div>
                  <div class="ipu-flex info-type">
                    <div class="ipu-flex-col-auto info-type-name">宽带套餐：</div>
                    <div class="ipu-flex-col info-type-state ipu-flex"><span
                            class="ipu-fn-row package-name package-event">全球通任我用家宽100M(2019版)</span></div>
                  </div>
                  <div class="ipu-flex info-type info-background-white">
                    <div class="ipu-flex-col-auto info-type-name">宽带速率：</div>
                    <div class="ipu-flex-col info-type-state">100M</div>
                  </div>
                  <div class="basic-info-hidden">
                    <div class="ipu-flex info-type">
                      <div class="ipu-flex-col-auto info-type-name">是否订购互联网电视：</div>
                      <div class="ipu-flex-col info-type-state">是</div>
                    </div>
                    <div class="ipu-flex info-type info-background-white">
                      <div class="ipu-flex-col-auto info-type-name">互联网电视是否活跃：</div>
                      <div class="ipu-flex-col info-type-state">是</div>
                    </div>
                    <div class="ipu-flex info-type">
                      <div class="ipu-flex-col-auto info-type-name">家庭成员数：</div>
                      <div class="ipu-flex-col info-type-state">2</div>
                    </div>
                    <div class="ipu-flex info-type info-background-white">
                      <div class="ipu-flex-col-auto info-type-name">一年内上门次数：</div>
                      <div class="ipu-flex-col info-type-state">2</div>
                    </div>
                    <div class="ipu-flex info-type">
                      <div class="ipu-flex-col-auto info-type-name">最近上门时间：</div>
                      <div class="ipu-flex-col info-type-state">2018-11-09</div>
                    </div>
                    <div class="ipu-flex info-type info-background-white">
                      <div class="ipu-flex-col-auto info-type-name">联系方式：</div>
                      <div class="ipu-flex-col info-type-state">138****1234</div>
                    </div>
                    <div class="ipu-flex info-type">
                      <div class="ipu-flex-col-auto info-type-name">宽带使用时长：</div>
                      <div class="ipu-flex-col info-type-state">0年</div>
                    </div>
                    <div class="ipu-flex info-type info-background-white">
                      <div class="ipu-flex-col-auto info-type-name">宽带月使用流量：</div>
                      <div class="ipu-flex-col info-type-state">0G</div>
                    </div>
                    <div class="ipu-flex info-type">
                      <div class="ipu-flex-col-auto info-type-name">是否办理家庭组网：</div>
                      <div class="ipu-flex-col info-type-state">否</div>
                    </div>
                    <div class="ipu-flex info-type info-background-white">
                      <div class="ipu-flex-col-auto info-type-name">是否为质差用户：</div>
                      <div class="ipu-flex-col info-type-state">否</div>
                    </div>
                    <div class="ipu-flex info-type">
                      <div class="ipu-flex-col-auto info-type-name">到期时间：</div>
                      <div class="ipu-flex-col info-type-state">2020-05-31</div>
                    </div>

                    <div class="ipu-flex info-type">
                      <div class="ipu-flex-col-auto info-type-name info-background-white">装机时间：</div>
                      <div class="ipu-flex-col info-type-state">2018-04-01</div>
                    </div>
                    <div class="ipu-flex info-type">
                      <div class="ipu-flex-col-auto info-type-name">受限期限：</div>
                      <div class="ipu-flex-col info-type-state">2020-05-31</div>
                    </div>
                    <div class="ipu-flex info-type info-background-white">
                      <div class="ipu-flex-col-auto info-type-name">每月返还话费：</div>
                      <div class="ipu-flex-col info-type-state">30元</div>
                    </div>
                    <div class="ipu-flex info-type">
                      <div class="ipu-flex-col-auto info-type-name">小区名称：</div>
                      <div class="ipu-flex-col info-type-state">丽江花园</div>
                    </div>
                    <div class="ipu-flex info-type info-background-white">
                      <div class="ipu-flex-col-auto info-type-name">接入方式：</div>
                      <div class="ipu-flex-col info-type-state">FFTH</div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="ipu-flex-col">
    <div class="submit-reserve">
      回到首页
    </div>
  </div>
</div>

</body>
</html>