verify.html 5.64 KB
<!DOCTYPE html>
<html lang="en">

<head>
    <meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0,  minimum-scale=1.0, maximum-scale=1.0">
    <meta content="telephone=no" name="format-detection" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>一步物流-认证信息</title>
    <link rel="stylesheet" href="../css/idangerous.swiper.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/verify.css">
</head>

<body id="indexPage">
    <div class="m-page">
        <!-- header -->
        <header class="m-header">
          <div class="head">
            <!--<a href="#" class="lt-bar"><i class="m-icon
                icon-title_fanhui"></i></a>-->
            <div class="head">
              <h1>认证信息</h1>
            </div>
          </div>
        </header>
        <!-- content -->
        <div class="m-content">
          <div class="m-tips">认证后才能接受货源信息</div>
          <form method="get" action="verify-pic.html">
            <ul class="m-table-view border-1px border-top">
                <li class="cell acc-icon border-1px border-bottom">
                  <span class="title">驾驶员</span>
                  <span class="text">
                    <input type="text" class="m-input no-border" value="张某"
                    placeholder="输入"/>
                  </span>
                </li>
                <li class="cell acc-icon border-1px border-bottom">
                  <span class="title">身份证号</span>
                  <span class="text">
                    <input type="text" class="m-input no-border"
                    placeholder="输入"/>
                  </span>
                </li>
                <li class="cell acc-icon border-1px border-bottom">
                  <span class="title">车辆号</span>
                  <span class="m-select-lpn">
                    <a class="word" href="#prov-select" data-popup="center">
                      <span class="province"></span>
                      <i class="downarrow"></i>
                    </a>
                  </span>
                  <span class="text">
                    <input type="text" class="m-input no-border lpn"
                    placeholder="输入车号"/>
                  </span>
                  <span class="acc"><i class="m-icon icon-arrow"></i></span>
                </li>
                <li class="cell acc-icon border-1px border-bottom">
                  <span class="title">车辆类型</span>
                  <span class="text">
                    <a href="#car-select" data-popup="center" >
                      <input type="text" class="m-input no-border cartype" 
                      readonly="readonly"/>
                    </a>
                  </span>
                  <span class="acc"><i class="m-icon icon-arrow"></i></span>
                </li>
                <li class="cell acc-icon border-1px border-bottom">
                  <span class="title">车辆长度</span>
                  <span class="text">
                    <input type="text" class="m-input no-border"
                    placeholder="输入"/>
                  </span>
                  <span class="acc"></span>
                </li>
                <li class="cell acc-icon border-1px border-bottom">
                  <span class="title">装载重量</span>
                  <span class="text">
                    <input type="text" class="m-input no-border"
                    placeholder="输入"/>
                  </span>
                  <span class="acc"></span>
                </li>
                <li class="cell acc-icon border-1px border-bottom">
                  <span class="title">装载体积</span>
                  <span class="text">
                    <input type="text" class="m-input no-border"
                    placeholder="输入"/>
                  </span>
                  <span class="acc"></span>
                </li>
            </ul>
            <div class="subline">
              <a href="index.html" class="m-btn reverse notverify">先不认证</a>
              <button type="submit" class="m-btn uploadinfo">上传证照</button>
            </div>
          </form>
        </div>
    </div>

    <!-- 省份列表 -->
    <div class="m-popup" id="prov-select">
      <ul class="prov-ul clearfix">
        <li province="京"><a href="#prov-select" data-dismiss></a></li>
        <li province="津"><a href="#prov-select" data-dismiss></a></li>
        <li province="沪"><a href="#prov-select" data-dismiss></a></li>
        <li province="渝"><a href="#prov-select" data-dismiss></a></li>
        <li province="浙"><a href="#prov-select" data-dismiss></a></li>
        <li province="苏"><a href="#prov-select" data-dismiss></a></li>
      </ul>
    </div>

    <div class="m-popup" id="car-select">
      <h3>选择车型</h3>
      <ul class="clearfix">
        <li><a href="#car-select" data-dismiss title="平板">平板</a></li>
        <li><a href="#car-select" data-dismiss title="厢式">厢式</a></li>
        <li><a href="#car-select" data-dismiss title="冷藏">冷藏</a></li>
        <li><a href="#car-select" data-dismiss title="其他">其他</a></li>
      </ul>
    </div>
    <script src="../js/vendor/jquery-2.1.4.min.js"></script>
    <script src="../js/vendor/popup.js"></script>
    <script>
      Popup.initialize();
      var ct = $(".cartype");
      $("#car-select a").on({
        click: function(){
          ct.val($(this).attr('title'));
        }
      });
    </script>
</body>

</html>