|
<!DOCTYPE html>
<html lang="en">
<head>
<title>新建CA</title>
{%>template/common/Head.html%}
<script src="biz/js/add-ca.js"></script>
</head>
<body class="pages-add-ca">
<input id="coCode" type="hidden" value="{%coCode%}">
<input id="isMIx" type="hidden" value="{%isMIx%}">
<input id="lastPage" type="hidden" value="{%lastPage%}">
<input id="applyId" type="hidden" value="{%applyId%}">
<!--<input id="coCode" type="hidden" value="CO:1A08TD33">-->
<div class="ipu-pages">
<div class="ipu-page">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col common-border-bottom">
<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">新建CA</h1>
<div class="tool-bar-edit main-title-grey" id="cancel">取消</div>
</div>
</div>
<div class=" ipu-flex-col ipu-flex-col-auto customer-info-content">
<p class="cus-title">客户信息</p>
<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-align-center">
<input id="cus-parent" type="text" placeholder="请选择" value="{%coCode%}" 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">
<input id="cust-name" type="text" placeholder="请输入" value="{%custName%}"/>
</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" id="ORGANIZE_TYPE">
<div class="ipu-flex ipu-flex-align-center" id="cus-type">
<input type="text" placeholder="请选择" value="" data-value="" 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" id="OPERATION_TYPE">
<div class="ipu-flex ipu-flex-align-center">
<input type="text" placeholder="请选择" data-value="21" value="基本业务" 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" id="BUSI_TYPE">
<div class="ipu-flex ipu-flex-align-center">
<input type="text" placeholder="请选择(受理专线业务必填)" value="其他" data-value="0" 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" id="BUSINESS_CODE">
<div class="ipu-flex ipu-flex-align-center">
<input type="text" placeholder="请选择" data-value="" 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">
<input id="phone" type="text" placeholder="请输入">
</div>
</div>
</div>
<div class="ipu-form-item">
<div class="ipu-flex common-border-bottom-white">
<div class="item-key">专线客户服务等级：</div>
<div class="item-value ipu-flex-col-auto" id="CUST_SERVICE_LEVEL">
<div class="ipu-flex ipu-flex-align-center">
<input type="text" placeholder="请选择" data-value="4" value="标准级" readonly/>
<div class="right-arrow"></div>
</div>
</div>
</div>
</div>
<p class="cus-title">关键联系人信息</p>
<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="contact-name" type="text" placeholder="请输入" value=""/>
</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="phone-num" type="text" placeholder="请输入"
oninput="this.value = this.value.replace(/[^0-9-+]/g, '');"/>
</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="id-card-type" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input type="text" placeholder="请选择" readonly value="身份证" data-value="1"/>
<div class="right-arrow"></div>
</div>
</div>
</div>
</div>
<div id="id-card-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">上传身份证照片：</span><span class="certificate-pic-title" style="color:rgba(178,184,191,1);">（非必填）</span><br/>
<span class="certificate-pic-desc">上传照片可快速获取姓名、身份证号</span>
</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" id="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>
<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="card-number" type="text" placeholder="请输入"/>
</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="card-address" type="text" placeholder="请输入"/>
</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-radio address-confirm">
<input class="radio_type" type="radio" name="sex" id="male" value="1"/><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 id="contact-birthday" 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">
<input id="contact-email" type="text" placeholder="受理专线业务必填"
oninput="this.value = this.value.replace(/[^0-9a-zA-Z@_.]/g, '');"/>
</div>
</div>
</div>
<div class="more-cus-info" style="display: none">
<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="contact-department" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input type="text" placeholder="请选择" readonly data-value=""/>
<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="contact-position" class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input type="text" placeholder="请选择" readonly data-value=""/>
<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">
<input id="OFFICE_TEL" type="text" placeholder="请输入" value=""
oninput="this.value = this.value.replace(/[^0-9-+]/g, '');"/>
</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="contact-fax" type="text" placeholder="请输入"
oninput="this.value = this.value.replace(/[^0-9-+]/g, '');"/>
</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="contact-tel" type="text" placeholder="请输入"
oninput="this.value = this.value.replace(/[^0-9-+]/g, '');"/>
</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="contact-postcode" type="number" placeholder="请输入"
oninput="this.value = this.value.replace(/[^0-9]/g, '');"/>
</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="contact-postaddress" type="text" placeholder="请输入"/>
</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="contact-address" type="text" placeholder="请输入"/>
</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="contact-details" type="text" placeholder="请输入"/>
</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 class="custom-edit-btn">
<button class="ipu-btn common-btn">提交</button>
</div>
</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>
|
