|
<!DOCTYPE html>
<html lang="en">
<head>
<title>新增/编辑物业</title>
{%>template/common/Head.html%}
<script src="biz/js/add-edit-property.js"></script>
</head>
<body class="pages-add-edit-property main-body-bg-grey" style="">
<input id="pageType" type="hidden" value="{%pageType%}"/>
<input id="buildName" type="hidden" value="{%buildName%}"/>
<input id="buildId" type="hidden" value="{%buildId%}"/>
<input id="propertyId" type="hidden" value="{%propertyId%}"/>
<input id="propertyStatus" type="hidden" value="{%propertyStatus%}"/>
<input id="ext2" type="hidden" value="{%ext2%}"/>
<input id="range" type="hidden" value="{%range%}"/>
<input id="contactList" type="hidden" value="{%contactList%}"/>
<input id="hasPriority" type="hidden" value="{%hasPriority%}"/>
<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-ext">
<div class="left-back"></div>
</a>
<h1 class="ipu-toolbar-title">新增物业</h1>
<div class="tool-bar-edit main-blue">取消</div>
</div>
</div>
<div class="add-property-form ipu-flex-col ipu-flex-col-auto">
<div class="add-property-basic">
<div class="ipu-form-item form-item-required" max-length="400">
<div class="ipu-flex common-border-bottom">
<div class="item-key">物业名称:</div>
<div class="item-value ipu-flex-col-auto">
<input id="PROPERTY_NAME" type="text" placeholder="请输入" value="{%propertyName%}"/>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item ipu-fn-hide" max-length="700">
<div class="ipu-flex common-border-bottom">
<div class="item-key">CO编号:</div>
<div class="item-value ipu-flex-col-auto">
<input id="coCode" type="text" placeholder="请输入" value="{%coCode%}" readonly/>
</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 id="ranges" class="item-value ipu-flex-col-auto">
<div class="range-edit ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<div class="add-range">添加范围</div>
<div class="delete-range ipu-fn-hide">删除</div>
<input class="low-floor" type="text" value="" oninput="this.value = this.value.replace(/[^0-9-]/g, '');if(this.value.length>3){this.value =this.value.substring(0,3)}"/>
<span>-</span>
<input class="high-floor" type="text" value="" oninput="this.value = this.value.replace(/[^0-9-]/g, '');if(this.value.length>3){this.value =this.value.substring(0,3)}"/>
<span>层</span>
</div>
</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="PROPERTY_SCALE" type="text" placeholder="请输入物业人数" value="{%size%}" oninput="this.value = this.value.replace(/[^0-9]/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="SUPERIOR_MANAGEMENT_UNIT" type="text" placeholder="请输入" value="{%company%}"/>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item">
<input class="position-input" type="text" readonly style="height:0;line-height: 0;display: block;">
<div class="ipu-flex common-border-bottom">
<div class="item-key">拓展状态:</div>
<div class="item-value ipu-flex-col-auto">
<div class="property-status ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<div>未接触</div><div>洽谈中</div><div>无法合作</div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="un-reason ipu-form-item form-item-required ipu-fn-hide" max-length="2000">
<div class="common-border-bottom">
<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 id="reason" class="contact-content" maxlength="300" placeholder="请输入原因">{%ext3%}</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="ipu-form-item" max-length="1000">
<div class="ipu-flex common-border-bottom">
<div class="item-key">营销限制:</div>
<div class="item-value ipu-flex-col-auto">
<input id="MARKET_RESTRICTIONS" type="text" placeholder="请输入" value="{%marketingLimit%}"/>
</div>
</div>
<div class="check-tips"></div>
</div>
<div id="remark-content" class="ipu-form-item" max-length="2000">
<div class="common-border-bottom">
<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 id="remark" class="contact-content" maxlength="300" placeholder="请输入">{%ext4%}</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="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 class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<span id="start-time" class="main-blue">起始时间</span>
<input id="effectiveStartTime" type="hidden" value="{%effectiveStartTime%}"/>
<span style="padding:0 .06rem;">至</span>
<span id="end-time" class="main-blue">结束时间</span>
<input id="effectiveEndTime" type="hidden" value="{%effectiveEndTime%}"/>
</div>
</div>
</div>
</div>
</div>
<div class="add-property-contacts">
<div class="compete-block">
<div class="compete-block-body item-count-1">
<div class="compete-item" style="padding-bottom: 0;">
<div class="compete-item-title">
<div class="icon-flag-delete"></div>
<span class="compete-item-title-text">物业联系人1</span>
</div>
<div class="ipu-form-item" max-length="500">
<div class="ipu-flex common-border-bottom">
<div class="item-key">姓名:</div>
<div class="item-value ipu-flex-col-auto">
<input class="contact-name" 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="department-select 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">
<div class="ipu-flex common-border-bottom">
<div class="item-key">职位:</div>
<div class="item-value ipu-flex-col-auto">
<div class="position-select 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="contact-input-wrap mobile-input">
<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-justify-end ipu-flex-align-center">
<input type="text" readonly style="width:70%"/>
<div class="add-sign"></div>
</div>
</div>
</div>
</div>
<div class="ipu-form-item contact-input-item" max-length="50" check-mobile>
<div class="ipu-flex common-border-bottom">
<div class="item-key ipu-fn-hide">手机号:</div>
<div class="item-value ipu-flex-col-auto" style="line-height: .5rem;">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input type="text" placeholder="请输入手机号" style="width:70%" oninput="this.value = this.value.replace(/[^0-9]/g, '');"/>
<div class="delete-sign ipu-fn-hide"></div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
</div>
<div class="contact-input-wrap phone-input">
<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-justify-end ipu-flex-align-center">
<input type="text" readonly style="width:70%"/>
<div class="add-sign"></div>
</div>
</div>
</div>
</div>
<div class="ipu-form-item contact-input-item" max-length="50">
<div class="ipu-flex common-border-bottom">
<div class="item-key ipu-fn-hide">座机号:</div>
<div class="item-value ipu-flex-col-auto" style="line-height: .5rem;">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input type="text" placeholder="请输入座机号" style="width:70%" oninput="this.value = this.value.replace(/[^0-9-+]/g, '');"/>
<div class="delete-sign ipu-fn-hide"></div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
</div>
</div>
<div class="btn-add-conpete">
+ 添加物业联系人
</div>
</div>
</div>
</div>
</div>
<div class="ipu-flex-col form-btn" style="margin-top: .2rem">
<button class="ipu-btn common-btn">保存</button>
</div>
</div>
<!--普通提示弹层-->
<div class="normal-tips-popup-slide">
<div class="normal-tips-popup-wrap">
<div class="normal-tips-content">信息未保存,确定退出吗?</div>
<div class="normal-tips-btn ipu-flex ipu-flex-align-center">
<div class="normal-tips-btn-cancel">取消</div>
<div class="normal-tips-btn-confirm">确定</div>
</div>
</div>
</div>
<!-- 新增管理范围 -->
<script type="text/template" id="range-item">
<div class="range-edit ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<div class="add-range ipu-fn-hide">添加范围</div>
<div class="delete-range">删除</div>
<input class="low-floor" type="text" value="" oninput="this.value = this.value.replace(/[^0-9-]/g, '');if(this.value.length>3){this.value =this.value.substring(0,3)}"/>
<span>-</span>
<input class="high-floor" type="text" value="" oninput="this.value = this.value.replace(/[^0-9-]/g, '');if(this.value.length>3){this.value =this.value.substring(0,3)}"/>
<span>层</span>
</div>
</script>
<!-- 新增物业联系人html模板 -->
<script type="text/template" id="compete-item">
<div class="compete-item" style="padding-bottom: 0;">
<div class="compete-item-title">
<div class="icon-flag-delete"></div>
<span class="compete-item-title-text">物业联系人1</span>
</div>
<div class="ipu-form-item" max-length="500">
<div class="ipu-flex common-border-bottom">
<div class="item-key">姓名:</div>
<div class="item-value ipu-flex-col-auto">
<input class="contact-name" 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="department-select 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">
<div class="ipu-flex common-border-bottom">
<div class="item-key">职位:</div>
<div class="item-value ipu-flex-col-auto">
<div class="position-select 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="contact-input-wrap mobile-input">
<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-justify-end ipu-flex-align-center">
<input type="text" readonly style="width:70%"/>
<div class="add-sign"></div>
</div>
</div>
</div>
</div>
<div class="ipu-form-item contact-input-item" max-length="50" check-mobile>
<div class="ipu-flex common-border-bottom">
<div class="item-key ipu-fn-hide">手机号:</div>
<div class="item-value ipu-flex-col-auto" style="line-height: .5rem;">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input type="text" placeholder="请输入手机号" style="width:70%" oninput="this.value = this.value.replace(/[^0-9]/g, '');"/>
<div class="delete-sign ipu-fn-hide"></div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
</div>
<div class="contact-input-wrap phone-input">
<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-justify-end ipu-flex-align-center">
<input type="text" readonly style="width:70%"/>
<div class="add-sign"></div>
</div>
</div>
</div>
</div>
<div class="ipu-form-item contact-input-item" max-length="50">
<div class="ipu-flex common-border-bottom">
<div class="item-key ipu-fn-hide">座机号:</div>
<div class="item-value ipu-flex-col-auto" style="line-height: .5rem;">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input type="text" placeholder="请输入座机号" style="width:70%" oninput="this.value = this.value.replace(/[^0-9-+]/g, '');"/>
<div class="delete-sign ipu-fn-hide"></div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
</div>
</div>
</script>
<!-- 联系人新增手机号的html模板 -->
<script type="text/template" id="mobile-item">
<div class="ipu-form-item contact-input-item" max-length="50" check-mobile>
<div class="ipu-flex common-border-bottom">
<div class="item-key ipu-fn-hide">手机号:</div>
<div class="item-value ipu-flex-col-auto" style="line-height: .5rem;">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input type="text" placeholder="请输入手机号" style="width:70%" oninput="this.value = this.value.replace(/[^0-9]/g, '');"/>
<div class="delete-sign ipu-fn-hide"></div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
</script>
<!-- 联系人新增座机号的html模板 -->
<script type="text/template" id="phone-item">
<div class="ipu-form-item contact-input-item" max-length="50">
<div class="ipu-flex common-border-bottom">
<div class="item-key ipu-fn-hide">座机号:</div>
<div class="item-value ipu-flex-col-auto" style="line-height: .5rem;">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input type="text" placeholder="请输入座机号" style="width:70%" oninput="this.value = this.value.replace(/[^0-9-+]/g, '');"/>
<div class="delete-sign ipu-fn-hide"></div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
</script>
</body>
</html>
|