Accueil Explorer Aide
Connexion
asiainfo
/
static
Suivre 2
Voter 0
Fork 0
Code Tickets 0 Pull Requests 0 Commits 2398 Publications 4 Wiki

static

Aborescence: 1127f51a7c
Branches Tags
static
/
2022
/
bj-static
/
webapp
/
template
/
general
/
open-account-middle-basic.html

open-account-middle-basic.html 17KB
Historique Raw 

    <!DOCTYPE html>
<html lang="en">
<head>
  <title>立户-基本信息</title>
  {%>template/common/Head.html%}
  <script src="biz/js/open-account-middle-basic.js"></script>
</head>
<body class="pages-open-account-basic">

<input id="frName" type="hidden"/>
<input id="from" type="hidden" value="{%from%}"/>
<input id="isMIx" type="hidden" value="{%isMIx%}"/>


<div class="ipu-pages">
  <div class="ipu-page">
    <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:;" id="back">
            <div class="left-back"></div>
          </a>
          <h1 class="ipu-toolbar-title">中小微企业建档</h1>
          <div class="tool-bar-edit main-title-grey"></div>
        </div>
      </div>

      <div class="ipu-flex-col ipu-flex-col-auto">
        <div class="open-account-steps ipu-flex  ipu-flex-justify-space" style="padding: .175rem 1.60rem .375rem 1.60rem;">
          <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 form-wrap">
          <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="CUST_CERT_TYPE" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
                  <input type="text" placeholder="请选择" value="营业执照" data-value="9" readonly/>
                  <div class="right-arrow"></div>
                </div>
              </div>
            </div>
            <div class="check-tips"></div>
          </div>
          <div class="ipu-form-item" style="height: .92rem;">
            <div class="ipu-flex common-border-bottom">
              <div class="item-key" style="line-height:.18rem;">
                <span class="certificate-pic-title" style="font-size: .1rem;" id="certificate-pic-title">上传营业执照照片：</span><span class="certificate-pic-title" style="color:rgba(178,184,191,1);">（仅支持营业执照）</span><br/>
                <span class="certificate-pic-desc">上传照片可快速获取统一社会信用代码、</span><br/>
                <span class="certificate-pic-desc">证件名称、证件地址等信息。</span>
              </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" id="Enterprise">
                    <div class="upload-before-status ipu-flex ipu-flex-vertical ipu-flex-justify-space ipu-flex-align-center">
                      <div class="camera-pic"></div>
                      <div class="camera-desc">上传图片</div>
                    </div>
                    <img class="upload-done-status" src=""/>
                  </div>
                </div>
              </div>
            </div>
            <div class="check-tips"></div>
          </div>

          <div class="ipu-form-item form-item-required" max-length="50" 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">
                <input id="customer-name" type="text" placeholder="请输入" value=""/>
              </div>
            </div>
            <div class="check-tips"></div>
          </div>

          <div class="ipu-form-item form-item-required" max-length="40">
            <div class="ipu-flex common-border-bottom">
              <div class="item-key">统一社会信用代码：</div>
              <div class="item-value ipu-flex-col-auto">
                <input id="customer-cert-code" type="text" placeholder="请输入" oninput="this.value = this.value.replace(/[^0-9A-Za-z]/g, '');"/>
              </div>
            </div>
            <div class="check-tips"></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="FR_CUST_CERT_TYPE" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
                  <input type="text" placeholder="请选择" value="身份证" data-value="1" readonly/>
                  <div class="right-arrow"></div>
                </div>
              </div>
            </div>
            <div class="check-tips"></div>
          </div>

          <div class="ipu-form-item" style="height: .92rem;">
            <div class="ipu-flex common-border-bottom">
              <div class="item-key" style="line-height:.18rem;">
                <span class="certificate-pic-title" style="font-size: .1rem;" >上传法人证件照片：</span><span class="certificate-pic-title" style="color:rgba(178,184,191,1);">（仅支持身份证）</span><br/>
                <span class="certificate-pic-desc">上传照片可快速获取证件号码、</span><br/>
                <span class="certificate-pic-desc">证件名称、证件地址等信息。</span>
              </div>
              <div class="item-value ipu-flex-col-auto">
                <div id="upload-certificate-pic-fr" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
                  <div class="certificate-pic" id="personal">
                    <div class="upload-before-status ipu-flex ipu-flex-vertical ipu-flex-justify-space ipu-flex-align-center">
                      <div class="camera-pic"></div>
                      <div class="camera-desc">上传图片</div>
                    </div>
                    <img class="upload-done-status" src=""/>
                  </div>
                </div>
              </div>
            </div>
            <div class="check-tips"></div>
          </div>

          <div class="ipu-form-item form-item-required" max-length="50" 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">
                <input id="customer-name-fr" type="text" placeholder="请输入" value="{%custName%}"/>
              </div>
            </div>
            <div class="check-tips"></div>
          </div>

          <div class="ipu-form-item form-item-required" max-length="40">
            <div class="ipu-flex common-border-bottom">
              <div class="item-key">关键联系人证件号码：</div>
              <div class="item-value ipu-flex-col-auto">
                <input id="customer-cert-code-fr" type="text" placeholder="请输入" oninput="this.value = this.value.replace(/[^0-9A-Za-z]/g, '');"/>
              </div>
            </div>
            <div class="check-tips"></div>
          </div>

          <div class="ipu-form-item form-item-required" max-length="40">
            <div class="ipu-flex common-border-bottom">
              <div class="item-key">关键联系人手机号码：</div>
              <div class="item-value ipu-flex-col-auto">
                <input id="billId-fr" type="text" placeholder="请输入" value=""/>
              </div>
            </div>
            <div class="check-tips"></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="registered-address" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
                  <input type="text" placeholder="请选择市、区" readonly/>
                  <input id="cityCode" type="hidden">
                  <input id="countryCode" type="hidden">
                  <div class="right-arrow"></div>
                </div>
              </div>
            </div>
            <div class="check-tips"></div>
          </div>
          <!--因为它又是客户证件地址，其长度为100-->
          <div class="ipu-form-item form-item-required" max-length="100">
            <div class="ipu-flex common-border-bottom">
              <div class="item-key">详细注册地址：</div>
              <div class="item-value ipu-flex-col-auto">
                <input id="registered-address-detail" type="text" placeholder="请输入注册详细地址"/>
              </div>
            </div>
            <div class="check-tips"></div>
          </div>

          <div class="ipu-form-item form-item-required" max-length="100">
            <div class="ipu-flex common-border-bottom">
              <div class="item-key">注册邮编：</div>
              <div class="item-value ipu-flex-col-auto">
                <input id="registered-code" type="text" placeholder="请输入"/>
              </div>
            </div>
            <div class="check-tips"></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="office-address" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
                  <input type="text" placeholder="请选择市、区" readonly/>
                  <input id="cityCode1" type="hidden">
                  <input id="countryCode1" type="hidden">
                  <div class="right-arrow"></div>
                </div>
              </div>
            </div>
            <div class="check-tips"></div>
          </div>
          <div class="ipu-form-item form-item-required" max-length="450">
            <div class="ipu-flex common-border-bottom">
              <div class="item-key">详细办公地址：</div>
              <div class="item-value ipu-flex-col-auto">
                <div class="add-customer-address ipu-flex ipu-flex-justify-end ipu-flex-align-center">
                  <input type="text" id="add-customer-address" placeholder="街道、楼宇、楼层、门牌号"/>
                </div>
              </div>
            </div>
            <div class="check-tips"></div>
          </div>
          <div class="ipu-form-item form-item-required " max-length="50" check-postcode>
            <div class="ipu-flex common-border-bottom">
              <div class="item-key">办公邮编：</div>
              <div class="item-value ipu-flex-col-auto">
                <input id="office-postcode" type="number" placeholder="请输入"/>
              </div>
            </div>
            <div class="check-tips"></div>
          </div>
          <div class="ipu-form-item form-item-required" max-length="20">
            <div class="ipu-flex common-border-bottom">
              <div class="item-key">单位电话：</div>
              <div class="item-value ipu-flex-col-auto">
                <input id="office-phone" type="text" placeholder="请输入" oninput="this.value = this.value.replace(/[^0-9-+]/g, '');"/>
              </div>
            </div>
            <div class="check-tips"></div>
          </div>
          <div class="ipu-form-item ipu-fn-hide" max-length="50">
            <div class="ipu-flex common-border-bottom">
              <div class="item-key">公司传真：</div>
              <div class="item-value ipu-flex-col-auto">
                <input id="COMPANY_FAX" type="text" placeholder="请输入 (非必填)" oninput="this.value = this.value.replace(/[^0-9-+]/g, '');"/>
              </div>
            </div>
            <div class="check-tips"></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="ORGANIZE_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 class="check-tips"></div>
          </div>
          <div class="ipu-form-item ipu-fn-hide" max-length="20">
            <div class="ipu-flex common-border-bottom">
              <div class="item-key">员工人数：</div>
              <div class="item-value ipu-flex-col-auto">
                <input id="group-staff-number" type="text" placeholder="请输入" oninput="this.value = this.value.replace(/[^0-9]/g, '');"/>
              </div>
            </div>
            <div class="check-tips"></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 class="check-tips"></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_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 class="check-tips"></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="REG_MANA_DEPARTMENT" 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 class="check-tips"></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="BUSI_COMPANY" 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 class="check-tips"></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="BUSI_LOCATION" 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 class="check-tips"></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="BUSI_COUNTY" 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 class="check-tips"></div>
          </div>

          <div class="form-btn" style="margin-top: .2rem;">
            <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>
  </div>
</div>
</body>

</html>