|
<!DOCTYPE html>
<html lang="en">
<head>
<title>新增/编辑客户</title>
{%>template/common/Head.html%}
<script src="biz/js/add-customer.js"></script>
</head>
<body class="pages-add-customer">
<input id="buildName" type="hidden" value="{%buildName%}">
<input id="buildId" type="hidden" value="{%buildId%}">
<input id="buildAddress" type="hidden" value="{%buildAddress%}">
<input id="pageType" type="hidden" value="{%pageType%}"/>
<input id="isFromScan" type="hidden" value="{%isFromScan%}"/>
<input id="index" type="hidden" value="{%index%}"/>
<input id="custName" type="hidden" value="{%custName%}"/>
<input id="custKeyId" type="hidden" value="{%custKeyId%}"/>
<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"></h1>
<div class="tool-bar-edit main-title-grey" id="cancel">取消</div>
</div>
</div>
<div class="add-customer-form ipu-flex-col ipu-flex-col-auto">
<div class="ipu-form-item form-item-required" 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="customer-name" type="text" placeholder="请输入客户名称" value="{%custName%}"/>
</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 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">
<div id="building-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="100">
<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="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>
<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" placeholder="街道、楼宇、楼层、门牌号" style="width:80%"/>
<span>定位</span>
</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 contact-controller">
<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">
<div class="switch-on switch-off" data-value="0"></div>
</div>
</div>
</div>
</div>
<div class="more-customer-info ipu-fn-hide">
<div class="ipu-form-item" 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="contact-name" type="text" placeholder="请输入"/>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item" max-length="30" check-mobile>
<div class="ipu-flex common-border-bottom">
<div class="item-key">手机：</div>
<div class="item-value ipu-flex-col-auto">
<input id="contact-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">
<div id="id-card-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 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">
<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 class="certificate-pic card-down">-->
<!--<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="{%idCradUrl2%}"/>-->
<!--</div>-->
</div>
</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="card-number" 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" 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="card-address" type="text" placeholder="请输入"/>
</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="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 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">
<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 class="check-tips"></div>
</div>
<div class="ipu-form-item" max-length="80">
<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/>
<div class="right-arrow"></div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item" 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="contact-department-name" type="text" placeholder="请输入"/>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item" max-length="80">
<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/>
<div class="right-arrow"></div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item" max-length="80">
<div class="ipu-flex common-border-bottom">
<div class="item-key">职位名称：</div>
<div class="item-value ipu-flex-col-auto">
<input id="contact-position-name" type="text" placeholder="请输入"/>
</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="OFFICE_TEL" type="text" placeholder="请输入" value="{%OFFICE_TEL%}" oninput="this.value = this.value.replace(/[^0-9-+]/g, '');"/>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item" 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="contact-email" 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" max-length="30">
<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 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="contact-tel" 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="80" check-postcode>
<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 class="check-tips"></div>
</div>
<div class="ipu-form-item" max-length="200">
<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 class="check-tips"></div>
</div>
<div class="ipu-form-item" max-length="200">
<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 class="check-tips"></div>
</div>
<div class="ipu-form-item" max-length="200">
<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 class="check-tips"></div>
</div>
</div>
<div class="custom-edit-btn">
<button class="ipu-btn common-btn">保存</button>
</div>
</div>
<!--智能搜索-->
<div class="search-tips-content-area">
<!--此处插入id="customer-name-result"的模板-->
</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 class="common-poppage common-poppage-ver common-poppage-address">
<div class="ipu-flex-content common-poppage-bg ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col ipu-flex-col-auto bg-place-holder"></div>
<div class="ipu-flex-col ipu-flex ipu-flex-vertical customer-address-block">
<div class="ipu-flex-grow-0">
<div class="customer-address-block-title">
请选择地址
</div>
</div>
<div class="ipu-flex-grow-1 ipu-flex">
<div class="ipu-flex-grow-0 address-block-area">
<ul class="">
<li class="active">
密云区1
</li>
<li>
密云区2
</li>
<li>
密云区3
</li>
<li>
密云区4
</li>
<li>
密云区5
</li>
<li>
密云区6
</li>
<li>
密云区7
</li>
<li>
密云区8
</li>
<li>
密云区9
</li>
<li>
密云区10
</li>
<li>
密云区11
</li>
<li>
密云区8
</li>
<li>
密云区9
</li>
<li>
密云区10
</li>
<li>
密云区11
</li>
</ul>
</div>
<div class="ipu-flex-grow-1 address-block-street">
<ul class="">
<li class="active">
东花市街道1
</li>
<li>
东花市街道2
</li>
<li class="">
东花市街道3
</li>
<li>
东花市街道4
</li>
<li>
东花市街道5
</li>
<li>
东花市街道6
</li>
<li>
东花市街道7
</li>
<li>
东花市街道8
</li>
<li>
东花市街道9
</li>
<li>
东花市街道6
</li>
<li>
东花市街道7
</li>
<li>
东花市街道8
</li>
<li>
东花市街道9
</li>
</ul>
</div>
</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>
<!--智能搜索模板-->
<script id="customer-name-result" type="text/template">
<div class="search-tips-item">{{CUST_NAME}}</div>
</script>
<!--楼宇名称搜索弹窗模板-->
<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>
</div>
</body>
</html>
|
