|
<!DOCTYPE html>
<html lang="en">
<head>
<title>立户-基本信息</title>
{%>template/common/Head.html%}
<script src="biz/js/open-account-basic.js"></script>
</head>
<body class="pages-open-account-basic">
<input id="custName" type="hidden" value="{%custName%}"/>
<input id="custKeyId" type="hidden" value="{%custKeyId%}"/>
<input id="lastPage" type="hidden" value="{%lastPage%}"/>
<input id="index" type="hidden" value="{%index%}"/>
<input id="pageType" type="hidden" value="{%pageType%}"/>
<input id="frName" type="hidden"/>
<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" id="cancel">取消</div>
</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>
<div class="open-account-form">
<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="{%custName%}"/>
</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="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 id="marketing-proof" 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">
<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="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 ipu-fn-hide">
<div class="ipu-flex common-border-bottom">
<div class="item-key">客户证件地址：</div>
<div class="item-value ipu-flex-col-auto">
<input id="customer-cert-address" 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="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">
<input id="addressText" 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 ipu-fn-hide">
<div class="ipu-flex common-border-bottom">
<div class="item-key">注册楼宇名称：</div>
<div class="item-value ipu-flex-col-auto">
<div id="REGIST_BUILD_ID" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input type="text" placeholder="请选择" value="" data-value="" readonly/>
<div class="right-arrow"></div>
</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="registered-code" type="number" 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="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">
<input id="addressText1" 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="街道、楼宇、楼层、门牌号" style="width:80%"/>
<span>定位</span>
</div>
<!--<div class="edit-div" contenteditable="true" data-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="请输入" 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 work-address-info">
<div class="ipu-flex common-border-bottom">
<div class="item-key">办公地址楼群名称：</div>
<div class="item-value ipu-flex-col-auto">
<div id="building-id" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input type="text" placeholder="请选择" value="{%buildName%}" data-value="{%buildId%}" readonly/>
<div class="right-arrow"></div>
</div>
</div>
</div>
<div class="check-tips"></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-radio address-confirm">-->
<!--<input class="radio_type" type="radio" name="addressForSame" id="yes" value="1"/><label for="yes">是</label>-->
<!--<input class="radio_type" type="radio" name="addressForSame" id="no" value="2" checked/><label for="no">否</label>-->
<!--</div>-->
<!--</div>-->
<!--</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" 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" 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 ipu-fn-hide" max-length="20" check-nonnegative-float>
<div class="ipu-flex common-border-bottom">
<div class="item-key">年营业额（万元）：</div>
<div class="item-value ipu-flex-col-auto">
<input id="annual-turnover" type="text" placeholder="请输入" oninput="this.value = this.value.replace(/[^0-9-.]/g, '');"/>
</div>
<div class="group-size item-value-after ipu-fn-hide" style="line-height:.5rem;font-weight:500;color:rgba(142,147,153,1)">(<span data-value=""></span>)</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item ipu-fn-hide">
<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="请选择" 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="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="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 id="EMP_NUM" type="text" />
</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 class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input id="ENT_TYPE" type="text" readonly/>
</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 class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input id="ORG_CODE" type="text" readonly/>
</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 class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input id="REG_CAP" type="text" readonly/>
</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 class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input id="NAME" type="text" readonly/>
</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 class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input id="W_SITE" type="text" readonly/>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item" max-length="500">
<div class="common-border-bottom-white">
<div class="ipu-flex ipu-flex-justify-space">
<div class="item-key">业务合作情况：</div>
<div class="voice-input-btn ipu-flex ipu-flex-align-center">
<div class="voice-pic"></div>
<div class="voice-text">语音输入</div>
</div>
</div>
<div class="item-value">
<textarea class="contact-content mini-textarea" maxlength="300" placeholder="请输入业务合作情况"></textarea>
<div class="item-value-textarea">
<div class="text-statistic ipu-fn-hide"><span class="text-number">0</span>/300</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" id="getPhoto1" style="width: 50%;">拍摄证件原件</div>
<div class="take-photo" id="getPicture1" style="width: 50%;">从相册选择证件原件</div>
<div class="take-photo" id="getPhoto2" style="width: 50%;">拍摄证件信息图片</div>
<div class="take-photo" id="getPicture2" style="width: 50%;">从相册选择证件信息图片</div>
<div class="divide-area"></div>
<div class="take-photo-cancel">取消</div>
</div>
</div>
</div>
<!--上传营业执照完成后的slide-->
<div class="upload-pic-done-slide">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="upload-result-area ipu-flex-col ipu-flex-col-auto">
<i class="iconfont-material icon-close upload-done-close-btn"></i>
<div class="business-license-pic-area">
<img class="business-license-pic" src=""/>
</div>
<div class="business-license-content">
<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">
<input id="CUST_NAME" type="text" value="" readonly/>
</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">
<input id="UNIFIED_SOCIAL_CODE" type="text" value="" readonly/>
</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">
<input id="ORGANIZATION_CODE" type="text" value="" readonly/>
</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">
<input type="text" value="" readonly/>
</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">
<input id="LEGAL_PERSON" type="text" value="" readonly/>
</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">
<input id="REGISTERED_CAPITAL" type="text" value="" readonly/>
</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">
<input id="DATE_ESTABLISHMENT" type="text" value="" readonly/>
</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">
<input id="BUSINESS_TERM" type="text" value="" readonly/>
</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">
<input id="ADDRESS" type="text" value="" readonly/>
</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">
<input id="ZIP_CODE" type="number" value="" readonly/>
</div>
</div>
</div>
</div>
<div class="form-btn" style="margin-top: .2rem;">
<button class="ipu-btn common-btn">重新上传</button>
</div>
</div>
</div>
</div>
<!-- 楼宇列表弹框 -->
<div class="common-poppage common-poppage-ver khlist-page-slt" style="z-index: 100">
<div class="ipu-flex-row ipu-flex-vertical popage-content-warp">
<div class="ipu-flex-col">
<div class="c-poppage-head">
请选择楼宇
<div class="c-poppage-close"></div>
</div>
<div class="ipu-flex kh-search-block">
<div class="ipu-flex-grow-1 kh-search-input-wrap">
<input type="text" class="kh-search-input" placeholder="请输入查询条件">
</div>
<div class="ipu-flex-grow-0">
<button class="kh-search-btn">搜索</button>
</div>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex-content ipu-flex-row c-bg-gray">
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-list ipu-list-block-space ipu-fn-p-t">
<ul>
<!--此处插入id="building-list-item"的模板-->
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<!--楼宇名称搜索弹窗模板-->
<script id="building-list-item" type="text/template">
{{if list.length>0}}
{{each list item index}}
<li class="ipu-list-item lklxr-user-block ">
<input class="address" type="hidden" value="{{item.BUILD_ADDR}}">
<div class="ipu-list-item-inner">
<div class="ipu-flex-grow-1 lklxr-user-info-wrap">
<div class="ipu-flex">
<div class="ipu-flex-grow-1 lklxr-user-info-item">
<label class="">楼宇ID：</label><span class="no">{{item.BUILD_ID}}</span>
</div>
</div>
<div class="ipu-flex">
<div class="ipu-flex-grow-1 lklxr-user-info-item">
<label class="">楼宇名称：</label><span class="name">{{item.BUILD_NAME}}</span>
</div>
</div>
</div>
</div>
</li>
{{/each}}
{{/if}}
</script>
</html>
|
