|
<!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>
|
