立户相关界面

2019/bj-zqzt/add-customer.html

@@ -287,12 +287,25 @@
  </div>
  <!--智能搜索-->
  <div class="search-tips-content-area">
    <div class="search-tips-item"><i class="main-blue">金蝶</i>贸易科技有限公司</div>
    <div class="search-tips-item"><i class="main-blue">金蝶</i>大数据</div>
    <div class="search-tips-item"><i class="main-blue">金蝶</i>咨询管理有限公司</div>
  </div>
  <!--上传图片-->
  <div class="upload-pic-popup-slide">
    <div class="ipu-flex-row ipu-flex-vertical">
      <div class="ipu-flex-col ipu-flex-col-auto"></div>
      <div class="option-area ipu-flex-col ipu-flex ipu-flex-vertical ipu-flex-justify-end ipu-flex-align-center">
        <div class="take-photo">拍照</div>
        <div class="pic-from-file">从手机相册选择</div>
        <div class="divide-area"></div>
        <div class="take-photo-cancel">取消</div>
      </div>
    </div>
  </div>
</div>
</body>

2019/bj-zqzt/biz/css/base.css

@@ -1091,9 +1091,7 @@ li.card-actions-wrapper {
  bottom: 100%;
  z-index: -100;
  background: rgba(24,26,28,0.62);
  /*-webkit-transform: translateY(70%);*/
  -webkit-transition: bottom 300ms ease-out;
  /*transform: translateY(70%);*/
  transition: bottom 300ms ease-out;
}
.sort-by-time-slide.active{
@@ -1139,9 +1137,7 @@ li.card-actions-wrapper {
  bottom: 100%;
  z-index: -100;
  background: rgba(24,26,28,0.62);
  /*-webkit-transform: translateY(70%);*/
  -webkit-transition: bottom 300ms ease-out;
  /*transform: translateY(70%);*/
  transition: bottom 300ms ease-out;
}
.sort-condition-slide.active{
@@ -1755,7 +1751,7 @@ li.card-actions-wrapper {
  padding: .12rem .12rem 0 .12rem;
  color: rgba(0, 0, 0, 1);
  font-size: .15rem;
  font-family: SourceHanSansCN-Regular;
  font-weight:400;
  height: 1.27rem;
  border: 1px solid rgba(230, 233, 237, 1);
}
@@ -1767,7 +1763,7 @@ li.card-actions-wrapper {
  text-align: right;
  color: rgba(178, 184, 191, 1);
  font-size: .15rem;
  font-family: SourceHanSansCN-Regular;
  font-weight:400;
}
.customer-log-success-icon{
  margin: .68rem auto 0;
@@ -1946,28 +1942,11 @@ li.card-actions-wrapper {
  background-size: contain;
}
/* 立户 */
.open-account-tips {
  font-size: .11rem;
  font-weight:400;
  color:rgba(63,147,248,1);
  line-height: .25rem;
  height: .25rem;
  background:rgba(238,246,255,1);
  opacity:0.9;
}
.open-account-tips .iconfont-material {
  margin: 0 .035rem 0 .17rem;
  width: .1rem;
  min-height: .1rem;
  line-height: .25rem;
  border-radius: 50%;
  font-size: .1rem;
}
/* 立户-基本信息 */
.open-account-steps {
  height: 1.005rem;
  background:linear-gradient(180deg,rgba(63,148,248,1) 0%,rgba(69,127,255,1) 100%);
  padding: .175rem .205rem .375rem .205rem;
  padding: .175rem .85rem .375rem .85rem;
}
.step-num {
  width: .22rem;
@@ -1993,21 +1972,21 @@ li.card-actions-wrapper {
.step-finished .step-value{
  color:rgba(255, 255, 255, 1);
}
.step-finished .step-done-pic{
  width: .22rem;
  height:.22rem;
  border-radius: 50%;
  background: url(../img/right-circle.png) center center no-repeat;
  background-size: contain;
}
.step-line {
  /*width: 14.2%;*/
  width: .535rem;
  width: 28.5%;
  border-bottom: .01rem solid rgba(136, 188, 255, 1);
  position: absolute;
  top: .28rem;
}
.step1-to-step2 {
  left: 17.8%;
}
.step2-to-step3 {
  left: 42.8%;
}
.step3-to-step4 {
  left: 67.8%;
  left: 34.9%;
}
.step-line.step-line-finished {
  border-bottom: .01rem solid rgba(255, 255, 255, 1);
@@ -2017,7 +1996,7 @@ li.card-actions-wrapper {
  padding-top: .02rem;
  background-color: #FFFFFF;
  position: absolute;
  top: 1.05rem;
  top: .795rem;
  box-shadow:0 -.015rem .06rem 0 rgba(140,148,157,0.19);
  border-radius:.08rem .08rem 0 0;
}
@@ -2042,7 +2021,7 @@ li.card-actions-wrapper {
  height: .16rem;
  background: url(../img/camera.png) center center no-repeat;
  background-size: contain;
  margin-top: .16rem;
  margin-top: .14rem;
}
.certificate-pic .camera-desc {
  font-size: .1rem;
@@ -2052,13 +2031,14 @@ li.card-actions-wrapper {
  margin-top: .06rem;
}
.display-more {
  height: .36rem;
  margin-top:.1rem;
  height: .32rem;
}
.display-more-text {
  font-size: .11rem;
  font-size: .12rem;
  font-weight:400;
  color:rgba(178,184,191,1);
  line-height:.36rem;
  line-height:.32rem;
}
.display-more-arrow {
  width: .12rem;
@@ -2070,6 +2050,54 @@ li.card-actions-wrapper {
  background: url(../img/arrow-up2.png) center center no-repeat;
  background-size: contain;
}
.upload-pic-popup-slide {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 180;
  background: rgba(24,26,28,0.62);
  -webkit-transition: top 300ms ease-out;
  transition: top 300ms ease-out;
}
.upload-pic-popup-slide.active{
  border-radius: 0;
  background: rgba(24,26,28,0.62);
  top: 0;
}
.upload-pic-popup-slide .option-area{
  background:rgba(255,255,255,1);
  border-radius: .04rem .04rem 0 0;
  padding-top: .1rem;
  padding-bottom: .04rem;
  display: none;
}
.upload-pic-popup-slide.active .option-area{
  display: flex;
}
.option-area div:not(.divide-area){
  font-size: .15rem;
  font-weight:400;
  color:rgba(43,47,51,1);
  line-height: .35rem;
  text-align: center;
  width: 50%;
}
.option-area .pic-from-file {
  margin-bottom: .1rem;
}
.option-area .take-photo-cancel {
  line-height: .39rem!important;
}
/* 立户-成功 */
.pages-open-account-success .form-btn {
  margin-top: .45rem;
}
.pages-open-account-success .common-btn {
  width: 1.9rem;
}
/* 新增客户 */
.work-address span:nth-child(2){
@@ -2128,7 +2156,8 @@ li.card-actions-wrapper {
  font-size: .15rem;
  font-weight:400;
  color:rgba(142,147,153,1);
  line-height:.15rem;
  line-height:.2rem;
  text-align: center;
}
.pages-add-customer-success .form-btn {
  margin-top: .64rem;

2019/bj-zqzt/biz/js/add-customer.js

@@ -52,9 +52,39 @@ require(['jquery', 'ipuUI',], function ($, ipuUI) {
      }
    });
    // 上传证件照片
    $(".certificate-pic").click(function () {
      $(".upload-pic-popup-slide").addClass("active");
    });
    // 拍照
    $(".take-photo").click(function () {
    });
    // 从手机相册选择
    $(".pic-from-file").click(function () {
    });
    // 取消上传证件照片
    $(".take-photo-cancel").click(function () {
      $(".upload-pic-popup-slide").removeClass("active");
    });
    // 点空白区域关闭搜索界面
    $(".upload-pic-popup-slide").click(function () {
      $(this).removeClass("active");
    });
    //点击其他地方不做处理
    $(".upload-pic-popup-slide .option-area").click(function () {
      return false;
    });
    // 本地保存
    $(".common-btn").click(function () {
      href.location="add-customer-success.html";
      location.href="add-customer-success.html";
    });
    // 取消

2019/bj-zqzt/biz/js/open-account-basic.js

@@ -0,0 +1,44 @@
require(['jquery', 'ipuUI',], function ($, ipuUI) {
  $(function () {
    // 上传证件照片
    $(".certificate-pic").click(function () {
      $(".upload-pic-popup-slide").addClass("active");
    });
    // 拍照
    $(".take-photo").click(function () {
    });
    // 从手机相册选择
    $(".pic-from-file").click(function () {
    });
    // 取消上传证件照片
    $(".take-photo-cancel").click(function () {
      $(".upload-pic-popup-slide").removeClass("active");
    });
    // 点空白区域关闭搜索界面
    $(".upload-pic-popup-slide").click(function () {
      $(this).removeClass("active");
    });
    //点击其他地方不做处理
    $(".upload-pic-popup-slide .option-area").click(function () {
      return false;
    });
    // 下一步
    $(".common-btn").click(function () {
      location.href="open-account-contact.html";
    });
    // 取消
    $("#cancel").click(function () {
      console.log("返回至首页");
    });
  });
});

2019/bj-zqzt/biz/js/open-account-contact.js

@@ -0,0 +1,58 @@
require(['jquery', 'ipuUI',], function ($, ipuUI) {
  $(function () {
    // 展示更多
    $(".display-more").click(function () {
      if(!$(this).hasClass("active")){
        $(this).addClass("active");
        $(this).find(".display-more-text").text("收起更多（选填项）");
        $(".display-more-content").removeClass("ipu-fn-hide");
      }else{
        $(this).removeClass("active");
        $(this).find(".display-more-text").text("展开更多（选填项）");
        $(".display-more-content").addClass("ipu-fn-hide");
      }
    });
    // 上传证件照片
    $(".certificate-pic").click(function () {
      $(".upload-pic-popup-slide").addClass("active");
    });
    // 拍照
    $(".take-photo").click(function () {
    });
    // 从手机相册选择
    $(".pic-from-file").click(function () {
    });
    // 取消上传证件照片
    $(".take-photo-cancel").click(function () {
      $(".upload-pic-popup-slide").removeClass("active");
    });
    // 点空白区域关闭搜索界面
    $(".upload-pic-popup-slide").click(function () {
      $(this).removeClass("active");
    });
    //点击其他地方不做处理
    $(".upload-pic-popup-slide .option-area").click(function () {
      return false;
    });
    // 提交
    $(".common-btn").click(function () {
    });
    // 取消
    $("#cancel").click(function () {
      console.log("返回至首页");
    });
  });
});

2019/bj-zqzt/biz/js/open-account-success.js

@@ -0,0 +1,9 @@
require(['jquery', 'ipuUI',], function ($, ipuUI) {
  $(function () {
    // 返回首页
    $(".common-btn").click(function () {
    });
  });
});

2019/bj-zqzt/biz/js/open-account.js

@@ -1,23 +0,0 @@
require(['jquery', 'ipuUI',], function ($, ipuUI) {
  $(function () {
    // 展示更多
    $(".display-more").click(function () {
      if(!$(this).hasClass("active")){
        $(this).addClass("active");
        $(this).find(".display-more-text").text("收起更多（选填项）");
        $(".display-more-content").removeClass("ipu-fn-hide");
      }else{
        $(this).removeClass("active");
        $(this).find(".display-more-text").text("展开更多（选填项）");
        $(".display-more-content").addClass("ipu-fn-hide");
      }
    });
    // 下一步
    $(".common-btn").click(function () {
    });
  });
});

2019/bj-zqzt/open-account-basic.html

@@ -0,0 +1,182 @@
<!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/base.css">
  <link rel="stylesheet" type="text/css" href="biz/css/iconfont/iconfont.css">
  <script src="ipu/lib/requirejs/require.min.js"></script>
  <script src="biz/js/require-config.js"></script>
  <script src="biz/js/open-account-basic.js"></script>
</head>
<body class="pages-open-account-basic">
<div class="ipu-flex-row ipu-flex-vertical">
  <div class="ipu-flex-col">
    <div class="ipu-toolbar">
      <a class="ipu-fn-left link-back ipu-flex ipu-flex-align-center" href="javascript:history.back(-1);" id="back">
        <div class="left-back"></div>
      </a>
      <h1 class="ipu-toolbar-title">立户</h1>
      <div class="tool-bar-edit main-title-grey" id="cancel">取消</div>
    </div>
  </div>
  <div class="ipu-flex-col ipu-flex-col-auto">
    <div class="open-account-steps ipu-flex  ipu-flex-justify-space">
      <div class="step-finished ipu-flex-vertical ipu-flex ipu-flex-justify-space ipu-flex-align-center">
        <div class="step-num">1</div>
        <div class="step-value">基本信息</div>
      </div>
      <div class="step-line step1-to-step2"></div>
      <div class="ipu-flex-vertical ipu-flex ipu-flex-justify-space ipu-flex-align-center">
        <div class="step-num">2</div>
        <div class="step-value">联系人信息</div>
      </div>
    </div>
    <div class="open-account-form">
      <div class="ipu-form-item" style="border-radius:.08rem .08rem 0 0;">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">客户名称：</div>
          <div class="item-value ipu-flex-col-auto">
            <div id="customer-name" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请输入" value="金蝶贸易科技有限公司" readonly/>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">单位证件类型：</div>
          <div class="item-value ipu-flex-col-auto">
            <div id="company-certificate-type" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请选择" value="营业执照" readonly/>
              <div class="right-arrow"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required" style="height: .92rem;">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">上传证件照片：</div>
          <div class="item-value ipu-flex-col-auto">
            <div id="upload-certificate-pic" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <div class="certificate-pic ipu-flex ipu-flex-vertical ipu-flex-align-center">
                <div class="camera-pic"></div>
                <div class="camera-desc">上传图片</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">集团客户机构类型：</div>
          <div class="item-value ipu-flex-col-auto">
            <div id="group-client-organization-type" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请选择" readonly/>
              <div class="right-arrow"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">集团员工数：</div>
          <div class="item-value ipu-flex-col-auto">
            <div id="group-staff-number" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请输入"/>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">集团规模：</div>
          <div class="item-value ipu-flex-col-auto">
            <div id="group-size" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请输入"/>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">年营业额（万元）：</div>
          <div class="item-value ipu-flex-col-auto">
            <div id="annual-turnover" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请输入"/>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">行业类别：</div>
          <div class="item-value ipu-flex-col-auto">
            <div id="Industry-category" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请选择" readonly/>
              <div class="right-arrow"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">行业子类别：</div>
          <div class="item-value ipu-flex-col-auto">
            <div id="Industry-subcategory" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请选择" readonly/>
              <div class="right-arrow"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">公司传真：</div>
          <div class="item-value ipu-flex-col-auto">
            <div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请输入"/>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required" style="height: 1.71rem">
        <div class="ipu-flex">
          <div class="item-key"style="height: .44rem">业务合作情况：</div>
        </div>
        <div class="item-value-textarea">
          <textarea class="contact-content" maxlength="300" placeholder="请输入业务合作情况"></textarea>
          <div class="text-statistic"><span class="text-number">0</span>/300</div>
        </div>
      </div>
      <div class="form-btn" style="margin-top: .44rem;">
        <button class="ipu-btn common-btn">下一步</button>
      </div>
    </div>
  </div>
  <!--上传图片-->
  <div class="upload-pic-popup-slide">
    <div class="ipu-flex-row ipu-flex-vertical">
      <div class="ipu-flex-col ipu-flex-col-auto"></div>
      <div class="option-area ipu-flex-col ipu-flex ipu-flex-vertical ipu-flex-justify-end ipu-flex-align-center">
        <div class="take-photo">拍照</div>
        <div class="pic-from-file">从手机相册选择</div>
        <div class="divide-area"></div>
        <div class="take-photo-cancel">取消</div>
      </div>
    </div>
  </div>
</div>
</body>
</html>

2019/bj-zqzt/open-account-contact.html

@@ -0,0 +1,256 @@
<!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/base.css">
  <link rel="stylesheet" type="text/css" href="biz/css/iconfont/iconfont.css">
  <script src="ipu/lib/requirejs/require.min.js"></script>
  <script src="biz/js/require-config.js"></script>
  <script src="biz/js/open-account-contact.js"></script>
</head>
<body class="pages-open-account-contact">
<div class="ipu-flex-row ipu-flex-vertical">
  <div class="ipu-flex-col">
    <div class="ipu-toolbar">
      <a class="ipu-fn-left link-back ipu-flex ipu-flex-align-center" href="javascript:history.back(-1);" id="back">
        <div class="left-back"></div>
      </a>
      <h1 class="ipu-toolbar-title">立户</h1>
      <div class="tool-bar-edit main-title-grey" id="cancel">取消</div>
    </div>
  </div>
  <div class="ipu-flex-col ipu-flex-col-auto">
    <div class="open-account-steps ipu-flex  ipu-flex-justify-space">
      <div class="step-finished ipu-flex-vertical ipu-flex ipu-flex-justify-space ipu-flex-align-center">
        <div class="step-done-pic"></div>
        <div class="step-value">基本信息</div>
      </div>
      <div class="step-line step-line-finished step1-to-step2"></div>
      <div class="step-finished ipu-flex-vertical ipu-flex ipu-flex-justify-space ipu-flex-align-center">
        <div class="step-num">2</div>
        <div class="step-value">联系人信息</div>
      </div>
    </div>
    <div class="open-account-form">
      <div class="ipu-form-item form-item-required" style="border-radius:.08rem .08rem 0 0;">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">姓名：</div>
          <div class="item-value ipu-flex-col-auto">
            <div id="customer-name" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请输入"/>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">办公电话：</div>
          <div class="item-value ipu-flex-col-auto">
            <div id="customer-phone" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请输入"/>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">邮箱：</div>
          <div class="item-value ipu-flex-col-auto">
            <div id="customer-email" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请输入"/>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">证件类型：</div>
          <div class="item-value ipu-flex-col-auto">
            <div id="certificate-type" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请选择" readonly/>
              <div class="right-arrow"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required" style="height: .92rem;">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">上传证件照片：</div>
          <div class="item-value ipu-flex-col-auto">
            <div id="upload-certificate-photo" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <div class="certificate-pic card-up ipu-flex ipu-flex-vertical ipu-flex-align-center">
                <div class="camera-pic"></div>
                <div class="camera-desc">人像面</div>
              </div>
              <div class="certificate-pic card-down ipu-flex ipu-flex-vertical ipu-flex-align-center">
                <div class="camera-pic"></div>
                <div class="camera-desc">国徽面</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">证件号码：</div>
          <div class="item-value ipu-flex-col-auto">
            <div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请输入"/>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">证件地址：</div>
          <div class="item-value ipu-flex-col-auto">
            <div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请输入"/>
            </div>
          </div>
        </div>
      </div>
      <div class="display-more-content ipu-fn-hide">
        <div class="ipu-form-item">
          <div class="ipu-flex common-border-bottom">
            <div class="item-key">性别：</div>
            <div class="item-value ipu-flex-col-auto">
              <div class="ipu-radio address-confirm">
                <input class="radio_type" type="radio" name="sex" id="male" value="1" checked/><label for="male">男</label>
                <input class="radio_type" type="radio" name="sex" id="female" value="2"/><label for="female">女</label>
              </div>
            </div>
          </div>
        </div>
        <div class="ipu-form-item">
          <div class="ipu-flex common-border-bottom">
            <div class="item-key">传真号：</div>
            <div class="item-value ipu-flex-col-auto">
              <div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
                <input type="text" placeholder="请输入"/>
              </div>
            </div>
          </div>
        </div>
        <div class="ipu-form-item">
          <div class="ipu-flex common-border-bottom">
            <div class="item-key">部门：</div>
            <div class="item-value ipu-flex-col-auto">
              <div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
                <input type="text" placeholder="请输入"/>
              </div>
            </div>
          </div>
        </div>
        <div class="ipu-form-item">
          <div class="ipu-flex common-border-bottom">
            <div class="item-key">职位：</div>
            <div class="item-value ipu-flex-col-auto">
              <div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
                <input type="text" placeholder="请输入"/>
              </div>
            </div>
          </div>
        </div>
        <div class="ipu-form-item">
          <div class="ipu-flex common-border-bottom">
            <div class="item-key">家庭电话：</div>
            <div class="item-value ipu-flex-col-auto">
              <div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
                <input type="text" placeholder="请输入"/>
              </div>
            </div>
          </div>
        </div>
        <div class="ipu-form-item">
          <div class="ipu-flex common-border-bottom">
            <div class="item-key">详细信息：</div>
            <div class="item-value ipu-flex-col-auto">
              <div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
                <input type="text" placeholder="请输入"/>
              </div>
            </div>
          </div>
        </div>
        <div class="ipu-form-item">
          <div class="ipu-flex common-border-bottom">
            <div class="item-key">邮政编码：</div>
            <div class="item-value ipu-flex-col-auto">
              <div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
                <input type="text" placeholder="请输入"/>
              </div>
            </div>
          </div>
        </div>
        <div class="ipu-form-item">
          <div class="ipu-flex common-border-bottom">
            <div class="item-key">邮寄地址：</div>
            <div class="item-value ipu-flex-col-auto">
              <div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
                <input type="text" placeholder="请输入"/>
              </div>
            </div>
          </div>
        </div>
        <div class="ipu-form-item">
          <div class="ipu-flex common-border-bottom">
            <div class="item-key">联系地址：</div>
            <div class="item-value ipu-flex-col-auto">
              <div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
                <input type="text" placeholder="请输入"/>
              </div>
            </div>
          </div>
        </div>
        <div class="ipu-form-item">
          <div class="ipu-flex common-border-bottom">
            <div class="item-key">出生日期：</div>
            <div class="item-value ipu-flex-col-auto">
              <div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
                <input type="text" placeholder="请输入"/>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="display-more ipu-flex ipu-flex-justify-center ipu-flex-align-center">
        <div class="display-more-text">展示更多（选填项）</div>
        <div class="display-more-arrow"></div>
      </div>
    </div>
  </div>
  <div class="ipu-flex-col">
    <div class="form-btn" style="margin-top: .32rem;">
      <button class="ipu-btn common-btn">提交</button>
    </div>
  </div>
  <!--上传图片-->
  <div class="upload-pic-popup-slide">
    <div class="ipu-flex-row ipu-flex-vertical">
      <div class="ipu-flex-col ipu-flex-col-auto"></div>
      <div class="option-area ipu-flex-col ipu-flex ipu-flex-vertical ipu-flex-justify-end ipu-flex-align-center">
        <div class="take-photo">拍照</div>
        <div class="pic-from-file">从手机相册选择</div>
        <div class="divide-area"></div>
        <div class="take-photo-cancel">取消</div>
      </div>
    </div>
  </div>
</div>
</body>
</html>

2019/bj-zqzt/open-account-success.html

@@ -0,0 +1,43 @@
<!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/base.css">
  <link rel="stylesheet" type="text/css" href="biz/css/iconfont/iconfont.css">
  <script src="ipu/lib/requirejs/require.min.js"></script>
  <script src="biz/js/require-config.js"></script>
  <script src="biz/js/open-account-success.js"></script>
</head>
<body class="pages-open-account-success">
<div class="ipu-flex-row ipu-flex-vertical">
  <div class="ipu-flex-col">
    <div class="ipu-toolbar">
      <a class="ipu-fn-left link-back ipu-flex ipu-flex-align-center" href="javascript:history.back(-1);" id="back">
        <div class="left-back"></div>
      </a>
      <h1 class="ipu-toolbar-title">立户</h1>
    </div>
  </div>
  <div class="ipu-flex-col ipu-flex-col-auto">
    <div class="success-tips common-border-top ipu-flex ipu-flex-align-center ipu-flex-vertical">
        <div class="success-pic"></div>
        <div class="success-title">立户提交成功</div>
        <div class="success-desc">申请结果将会发送至“消息”，请注意查看，<br/>也可在“查进度”中查看进度。</div>
    </div>
    <div class="form-btn ipu-flex ipu-flex-align-center ipu-flex-vertical">
      <button class="ipu-btn common-btn">我知道了</button>
    </div>
  </div>
</div>
</body>
</html>

2019/bj-zqzt/open-account.html

@@ -1,292 +0,0 @@
<!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/base.css">
  <link rel="stylesheet" type="text/css" href="biz/css/iconfont/iconfont.css">
  <script src="ipu/lib/requirejs/require.min.js"></script>
  <script src="biz/js/require-config.js"></script>
  <script src="biz/js/open-account.js"></script>
</head>
<body class="pages-open-account">
<div class="ipu-flex-row ipu-flex-vertical">
  <div class="ipu-flex-col">
    <div class="ipu-toolbar">
      <a class="ipu-fn-left link-back ipu-flex ipu-flex-align-center" href="javascript:history.back(-1);" id="back">
        <div class="left-back"></div>
      </a>
      <h1 class="ipu-toolbar-title">立户</h1>
    </div>
  </div>
  <div class="ipu-flex-col ipu-flex-col-auto">
    <div class="open-account-tips common-border-top"><i class="iconfont-material icon-alert-circle-outline"></i>该客户暂未立户，请先立户</div>
    <div class="open-account-steps ipu-flex  ipu-flex-justify-space">
      <div class="step-finished ipu-flex-vertical ipu-flex ipu-flex-justify-space ipu-flex-align-center">
        <div class="step-num">1</div>
        <div class="step-value">基本信息</div>
      </div>
      <div class="step-line step1-to-step2"></div>
      <div class="ipu-flex-vertical ipu-flex ipu-flex-justify-space ipu-flex-align-center">
        <div class="step-num">2</div>
        <div class="step-value">规格信息</div>
      </div>
      <div class="step-line step2-to-step3"></div>
      <div class="ipu-flex-vertical ipu-flex ipu-flex-justify-space ipu-flex-align-center">
        <div class="step-num">3</div>
        <div class="step-value">它网属性</div>
      </div>
      <div class="step-line step3-to-step4"></div>
      <div class="ipu-flex-vertical ipu-flex ipu-flex-justify-space ipu-flex-align-center">
        <div class="step-num">4</div>
        <div class="step-value">扩展属性</div>
      </div>
    </div>
    <div class="open-account-form">
      <div class="ipu-form-item" style="border-radius:.08rem .08rem 0 0;">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">客户名称：</div>
          <div class="item-value ipu-flex-col-auto">
            <div id="customer-name" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请选择" value="金蝶贸易科技有限公司" readonly/>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">客户类型：</div>
          <div class="item-value ipu-flex-col-auto">
            <div id="customer-type" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请选择" readonly/>
              <div class="right-arrow"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">单位证件类型：</div>
          <div class="item-value ipu-flex-col-auto">
            <div id="company-certificate-type" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请选择" value="营业执照" readonly/>
              <div class="right-arrow"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required" style="height: .92rem;">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">上传营业执照：</div>
          <div class="item-value ipu-flex-col-auto">
            <div id="upload-company-certificate" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <div class="certificate-pic"></div>
              <div class="right-arrow"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">注册与办公地址是否一致：</div>
          <div class="item-value ipu-flex-col-auto">
            <div class="ipu-radio address-confirm">
              <input class="radio_type" type="radio" name="same-address" id="radio1" value="1" checked/><label for="radio1">是</label>
              <input class="radio_type" type="radio" name="same-address" id="radio2" value="2"/><label for="radio2">否</label>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">证件类型：</div>
          <div class="item-value ipu-flex-col-auto">
            <div id="id-card-type" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请选择" value="身份证" readonly/>
              <div class="right-arrow"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required" style="height: .92rem;">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">上传身份证：</div>
          <div class="item-value ipu-flex-col-auto">
            <div id="upload-id-card" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <div class="certificate-pic card-up ipu-flex ipu-flex-vertical ipu-flex-align-center">
                <div class="camera-pic"></div>
                <div class="camera-desc">人像面</div>
              </div>
              <div class="certificate-pic card-down ipu-flex ipu-flex-vertical ipu-flex-align-center">
                <div class="camera-pic"></div>
                <div class="camera-desc">国徽面</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">证件号码：</div>
          <div class="item-value ipu-flex-col-auto">
            <div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请输入" value="" readonly/>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">证件地址：</div>
          <div class="item-value ipu-flex-col-auto">
            <div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请输入" value="" readonly/>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">证件电话：</div>
          <div class="item-value ipu-flex-col-auto">
            <div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请输入" value="" readonly/>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">集团区域类型：</div>
          <div class="item-value ipu-flex-col-auto">
            <div id="group-area-type" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请选择" readonly/>
              <div class="right-arrow"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">集团区域子类型：</div>
          <div class="item-value ipu-flex-col-auto">
            <div id="group-area-subtype" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请选择" readonly/>
              <div class="right-arrow"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">集团客户机构类型：</div>
          <div class="item-value ipu-flex-col-auto">
            <div id="group-client-organization-type" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请选择" readonly/>
              <div class="right-arrow"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">集团客户类型：</div>
          <div class="item-value ipu-flex-col-auto">
            <div id="group-client-type" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请选择" readonly/>
              <div class="right-arrow"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">状态表示：</div>
          <div class="item-value ipu-flex-col-auto">
            <div id="status-display" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请选择" readonly/>
              <div class="right-arrow"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">业务类型：</div>
          <div class="item-value ipu-flex-col-auto">
            <div id="business-type" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请选择" readonly/>
              <div class="right-arrow"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">客户服务等级：</div>
          <div class="item-value ipu-flex-col-auto">
            <div id="client-service-level" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请选择" readonly/>
              <div class="right-arrow"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">客户状态：</div>
          <div class="item-value ipu-flex-col-auto">
            <div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请输入" value="" readonly/>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">实名标识：</div>
          <div class="item-value ipu-flex-col-auto">
            <div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请输入" value="" readonly/>
            </div>
          </div>
        </div>
      </div>
      <div class="ipu-form-item form-item-required">
        <div class="ipu-flex common-border-bottom">
          <div class="item-key">重要程度：</div>
          <div class="item-value ipu-flex-col-auto">
            <div id="important-level" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <input type="text" placeholder="请选择" readonly/>
              <div class="right-arrow"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="display-more-content ipu-fn-hide">
      </div>
      <div class="display-more ipu-flex ipu-flex-justify-center ipu-flex-align-center">
        <div class="display-more-text">展示更多（选填项）</div>
        <div class="display-more-arrow"></div>
      </div>
      <div class="form-btn" style="margin-top: .2rem;">
        <button class="ipu-btn common-btn">下一步</button>
      </div>
    </div>
  </div>
</div>
</body>
</html>