static

building-details.html 27KB

    <!DOCTYPE html> <html lang="en"> <head> <title>楼宇详情</title> {%>template/common/Head.html%} <script src="biz/js/building-details.js"></script> </head> <body class="pages-building-details"> <input id="toDoList" type="hidden" value="{%toDoList%}"/> <input id="buildName" type="hidden" value="{%BUILD_NAME%}"/> <input id="buildId" type="hidden" value="{%BUILD_ID%}"/> <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 ipu-flex ipu-flex-justify-center ipu-flex-align-center"> <!--<div class="building-tool-bar ipu-flex ipu-flex-justify-center ipu-flex-align-center" >--> <!--<div class="toolbar-title ipu-fn-row"></div>--> <!--<div>(<span>5</span>待办)</div>--> <!--<div class="arrow-down"></div>--> <!--</div>--> <div class="max-limit-title" style="max-width: 2.2rem;">{%BUILD_NAME%}</div> </h1> <div class="tool-bar-edit main-blue ipu-fn-hide" id="upload-board">上传水牌</div> </div> </div> <div class="ipu-flex-col ipu-flex-col-auto"> <!--楼宇信息--> <div class="building-info"> <div class="building-info-area"> <!--此处插入id="building-info"的模板--> </div> <div class="renting-info-content ipu-flex ipu-flex-justify-space ipu-flex-align-center"> <div class="renting-logo"></div> <div class="ipu-flex ipu-flex-vertical ipu-flex-align-center renting-ad"> <div><i>你有<span id="renting-info-number"></span>条</i><i class="main-blue">&nbsp;租房消息</i></div> <div>最新商机&nbsp;率先把握</div> </div> <div class="go-to-rent">GO</div> </div> </div> <!--无资源信息--> <div class="resource-info no-resource ipu-fn-hide"> <div class="building-item-title" style="margin-bottom:.12rem;">资源信息</div> <div class="ipu-fn-p-b" style="color:#8E9399; font-size: .13rem;"> <div class="ipu-fn-m ipu-fn-p ipu-txt-center"> 暂无资源,请先申请资源建设 <!--暂无资源,请先 <a href="javascript:;" class="main-blue">申请资源建设 ></a>--> </div> </div> </div> <!--资源信息--> <div class="resource-info has-resource"> <div class="building-item-title" style="margin-bottom:.12rem;">资源信息</div> <ul class="resource-list"> <!--此处插入id="resource-info"的模板--> </ul> <div class="ipu-flex ipu-flex-justify-center ipu-flex-align-center"> <div class="resource-check-more ipu-flex ipu-flex-justify-center ipu-flex-align-center"> <span>查看更多</span> <i class="iconfont-material icon-chevron-right more-btn"></i> </div> </div> </div> <!--概况--> <div class="ipu-carousel"> <ul class="ipu-carousel-wrapper"> <li> <div class="building-outline"> <div class="ipu-flex ipu-flex-justify-center"> <div class="building-item-title">客户概况</div> <div class="building-outline-tips-icon" style="transform: translate(.43rem,0)"></div> <div class="bubble-tooltip">立户渗透率为前一日数据,收入客户占有率为截止到<span></span>数据,收入为截止到<span></span>数据。</div> </div> <div class="building-outline-data ipu-flex ipu-flex-justify-space ipu-flex-align-center"> <div class="building-outline-item ipu-flex ipu-flex-vertical ipu-flex-justify-center ipu-flex-align-center"> <div>渗透率</div> <div id="CREATE_CUST_PERMEABILITY"></div> </div> <div class="building-outline-item ipu-flex ipu-flex-vertical ipu-flex-justify-center ipu-flex-align-center"> <div>收入客户占有率</div> <div id="REVENUE_CUSTOMER_SHARE"></div> </div> <div class="building-outline-item ipu-flex ipu-flex-vertical ipu-flex-justify-center ipu-flex-align-center"> <div class="ipu-flex ipu-flex-align-center"> <div>收入 (万元)</div> <div class="customer-overview-icon"></div><div class="bubble-tooltip" style="width:.42rem;transform: translate(.5rem,0)">信收</div> </div> <div id="BUILDING_RE_VENUE_STATISTICS"></div> </div> </div> <div class="customer-rate-table"> <div class="customer-rate-chart"></div> <div class="circle-center-text"> <div>总客户数</div> <div></div> </div> </div> <div class="open-business-list-btn" id="custList">查看客户列表 ></div> </div> <div class="indicator-area"></div> </li> <li> <div id="business-outline" class="building-outline"> <div class="ipu-flex ipu-flex-justify-center"> <div class="building-item-title">业务概况</div> <div class="building-outline-tips-icon" style="transform: translate(.43rem,0)"></div> <div class="bubble-tooltip" style="transform: translate(.43rem,0)">专线业务未开通、已开通和已拆机统计条数和饼图展示数据为截止到昨天更新数据。</div> </div> <div class="building-outline-data ipu-flex ipu-flex-justify-space ipu-flex-align-center"> <div class="building-outline-item ipu-flex ipu-flex-vertical ipu-flex-justify-center ipu-flex-align-center active" vaule="0"> <div>未开通专线</div> <div id="NO_OPEN_SUM"></div> </div> <div class="building-outline-item ipu-flex ipu-flex-vertical ipu-flex-justify-center ipu-flex-align-center" vaule="1"> <div>已开通专线</div> <div id="OPEN_SUM"></div> </div> <div class="building-outline-item ipu-flex ipu-flex-vertical ipu-flex-justify-center ipu-flex-align-center" vaule="2"> <div>已拆机专线</div> <div id="DISMANTLE_SUM"></div> </div> </div> <ul class="business-outline-tab-body"> <li class="active"> <div class="customer-rate-table business-rate-table"> <div class="customer-rate-chart"></div> <div class="circle-center-text"> <div>总计</div> <div>0条</div> </div> </div> <div class="open-business-list-btn business-list" value="NO_OPEN">查看业务列表 ></div> </li> <li> <div class="customer-rate-table business-rate-table"> <div class="customer-rate-chart"></div> <div class="circle-center-text"> <div>总计</div> <div>0条</div> </div> </div> <div class="open-business-list-btn business-list" value="OPEN">查看业务列表 ></div> </li> <li class=""> <div class="customer-rate-table business-rate-table"> <div class="customer-rate-chart"></div> <div class="circle-center-text"> <div>总计</div> <div>0</div> </div> </div> <div class="open-business-list-btn business-list" value="DISMANTLE">查看业务列表 ></div> </ul> </div> <div class="indicator-area"></div> </li> <li> <div class="building-outline"> <div class="ipu-flex ipu-flex-justify-center"> <div class="building-item-title">用户概况</div> <div class="building-outline-tips-icon" style="transform: translate(.43rem,0)"></div> <div class="bubble-tooltip" style="transform: translate(.43rem,0)"id="tip1">截止到<span class="LATEST_VISIT_UPD_DATE"></span>近3天楼内到访用户变动情况统计数据,该数据来自于信令统计。</div> </div> <div class="building-outline-data ipu-flex ipu-flex-justify-space ipu-flex-align-center"> <div class="building-outline-item ipu-flex ipu-flex-vertical ipu-flex-justify-center ipu-flex-align-center" style="width: 22.8%;"> <div class="ipu-flex ipu-flex-align-center"> <div>近7日到访</div> <div class="customer-overview-icon"></div><div class="bubble-tooltip" style="transform: translate(.5rem,0)" id="tip2">从<span class="LAST_7DAY"></span>到<span class="LATEST_VISIT_UPD_DATE"></span>,每个工作日(非双休、非法定节假日)该楼宇内驻留时长最多(最少大于30分钟)的中国移动用户统计数据除以7天的均值</div> </div> <div id="last7days"></div> </div> <div class="building-outline-item ipu-flex ipu-flex-vertical ipu-flex-justify-center ipu-flex-align-center" style="width: 22.8%;"> <div class="ipu-flex ipu-flex-align-center"> <div>日增幅</div> <div class="customer-overview-icon"></div><div class="bubble-tooltip" style="transform: translate(.5rem,0);right: -1rem;" id="tip3"><span class="LATEST_VISIT_UPD_DATE"></span>日与<span class="LAST_8DAY"></span>日近7日到访中国移动用户均值相减,再比上<span class="LAST_8DAY"></span>日近7日到访中国移动用户均值。</div> </div> <div id="userChangeDay"></div> </div> <div class="building-outline-item ipu-flex ipu-flex-vertical ipu-flex-justify-center ipu-flex-align-center" style="width: 22.8%;"> <div class="ipu-flex ipu-flex-align-center"> <div>月增幅</div> <div class="customer-overview-icon"></div><div class="bubble-tooltip" style="transform: translate(.5rem,0);right: -.6rem;" id="tip4"><span class="LATEST_MONTH"></span>月北京手机用户常驻用户数与<span class="LAST_MONTH"></span>月北京手机用户常驻用户数相减,再比上<span class="LAST_MONTH"></span>月北京手机用户常驻用户数。</div> </div> <div id="userChangeMonth"></div> </div> <div class="building-outline-item ipu-flex ipu-flex-vertical ipu-flex-justify-center ipu-flex-align-center" style="width: 22.8%;"> <div class="ipu-flex ipu-flex-align-center"> <div>常驻用户数</div> <div class="customer-overview-icon"></div><div class="bubble-tooltip" style="transform: translate(.5rem,0);right: .4rem;" id="tip5"><span class="LATEST_MONTH"></span>月底数据,月粒度更新,即最近30个工作日(非双休、非法定节假日)内连续同一天在该楼宇内驻留时长远长于在其他楼宇驻留时长的北京手机用户用户统计数据。</div> </div> <div id="userCount"></div> </div> </div> <div id="userVisitChart"> <div class="customer-rate-table"> <div class="customer-rate-chart"></div> </div> <div class="open-business-list-btn" id="userList" style="padding-bottom: .1rem;padding-top: .1rem;">查看用户概况详情 ></div> </div> <div id="userVisitNoMsg" class="ipu-fn-hide" style="text-align: center;height: 2.46rem;"> <img src="biz/img/pleaseWait.png" style="height: 1.7rem; margin-top: 3em;"/> </div> </div> <div class="indicator-area"></div> </li> </ul> </div> <!--物业信息--> <div class="property-information"> <div class="building-item-title">物业信息</div> <div class="add-property ipu-fn-hide">新增物业</div> <!--1.signed-status:已签约;2.talking-status:洽谈中;3.uncooperative-status:无法合作;unsigned-status:未签约;--> <!--<div class="property-information-content">--> <!--&lt;!&ndash;此处插入id="property-information-content"的模板&ndash;&gt;--> <!--<div class="no-result-msg ipu-fn-p ipu-txt-center ipu-fn-hide" style="font-size: .13rem;">--> <!--暂无物业信息--> <!--</div>--> <!--</div>--> <div class="building-item-wy-list"> <div class="property-list-content"> <!--此处插入id="building-item-wy-list"的模板--> </div> <div class="no-result-msg ipu-fn-p ipu-txt-center ipu-fn-hide" style="font-size: .13rem;"> 暂无物业信息 </div> </div> </div> <!--开发商信息--> <!--<div class="developer-information">--> <!--<div class="building-item-title">开发商信息</div>--> <!--<div class="developer-item ipu-flex ipu-flex-align-center">--> <!--<div>开发商名称</div>--> <!--<div>北京建工集团有限责任公司</div>--> <!--</div>--> <!--<div class="developer-item ipu-flex ipu-flex-align-center">--> <!--<div>项目经理</div>--> <!--<div>乔勇</div>--> <!--</div>--> <!--<div class="developer-item ipu-flex ipu-flex-align-center">--> <!--<div>联系电话</div>--> <!--<div>13810105565</div>--> <!--</div>--> <!--</div>--> <div class="page-bottom">~我已经到底拉~</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="photo-list">水牌列表</div> <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="to-do-list-slide"> <div class="page-content task-list-area"> <div class="ipu-list ipu-list-media ipu-flex-content" id="refresh-task" style="margin-top: 0"> <!-- 组件html结构,最外层div应有一个固定的高度,会在此元素上初始化iScroll --> <div class="ipu-refresh-wrapper"> <!-- 此处组件初始化后,会添加上拉html --> <div class="refresh-content"> <div> <ul class="task-list"> <li class=""> <div class="task-item ipu-flex ipu-flex-justify-space"> <div class="ipu-flex-col task-info"> <div class="ipu-flex ipu-flex-align-center"> <div class="task-type-pic renew-contract"></div> <div class="task-type">欠费续约</div> <div class="task-desc task-danger">经营风险</div> </div> <div class="company-info"> <span>美惠大厦</span> <span>&nbsp;|&nbsp;</span> <span>金蝶贸易科技有限公司</span> </div> </div> <div class="task-btn">去完成</div> </div> </li> <li class=""> <div class="task-item ipu-flex ipu-flex-justify-space"> <div class="ipu-flex-col task-info"> <div class="ipu-flex ipu-flex-align-center"> <div class="task-type-pic business-pushing"></div> <div class="task-type">商机推进</div> </div> <div class="company-info"> <span>美惠大厦</span> <span>&nbsp;|&nbsp;</span> <span>金蝶贸易科技有限公司</span> </div> </div> <div class="task-btn">去完成</div> </div> </li> <li class=""> <div class="task-item ipu-flex ipu-flex-justify-space"> <div class="ipu-flex-col task-info"> <div class="ipu-flex ipu-flex-align-center"> <div class="task-type-pic marketing-publishing"></div> <div class="task-type">营销宣传</div> <div class="task-desc task-normal">转派</div> </div> <div class="company-info"> <span>美惠大厦</span> <span>&nbsp;|&nbsp;</span> <span>金蝶贸易科技有限公司</span> </div> </div> <div class="task-btn">去完成</div> </div> </li> <li class=""> <div class="task-item ipu-flex ipu-flex-justify-space"> <div class="ipu-flex-col task-info"> <div class="ipu-flex ipu-flex-align-center"> <div class="task-type-pic renew-contract"></div> <div class="task-type">欠费续约</div> <div class="task-desc task-warning">流失风险</div> </div> <div class="company-info"> <span>美惠大厦</span> <span>&nbsp;|&nbsp;</span> <span>金蝶贸易科技有限公司</span> </div> </div> <div class="task-btn">去完成</div> </div> </li> <li class=""> <div class="task-item ipu-flex ipu-flex-justify-space"> <div class="ipu-flex-col task-info"> <div class="ipu-flex ipu-flex-align-center"> <div class="task-type-pic business-pushing"></div> <div class="task-type">商机推进</div> </div> <div class="company-info"> <span>美惠大厦</span> <span>&nbsp;|&nbsp;</span> <span>金蝶贸易科技有限公司</span> </div> </div> <div class="task-btn">去完成</div> </div> </li> <li class=""> <div class="task-item ipu-flex ipu-flex-justify-space"> <div class="ipu-flex-col task-info"> <div class="ipu-flex ipu-flex-align-center"> <div class="task-type-pic marketing-publishing"></div> <div class="task-type">营销宣传</div> </div> <div class="company-info"> <span>美惠大厦</span> <span>&nbsp;|&nbsp;</span> <span>金蝶贸易科技有限公司</span> </div> </div> <div class="task-btn">去完成</div> </div> </li> </ul> </div> <div class="no-result-msg ipu-fn-p ipu-txt-center"> 暂无记录 </div> </div> <!-- 此处组件初始化后,会添加下拉html --> </div> </div> </div> </div> </div> </body> <!--楼宇信息 模板--> <script id="building-info" type="text/template"> <div class="location-header building-header ipu-flex ipu-flex-align-center ipu-flex-justify-space"> <div class="location-title">{{BUILD_NAME}}</div> <div class="ipu-btn common-btn building-btn {{if IS_FINISHED_YLYC=='是'}}active{{/if}}" {{if IS_FINISHED_YLYC=='否'}}data-content="未录入"{{/if}} {{if IS_FINISHED_YLYC=='是'}}data-content="已录入"{{/if}} id="ylyc">一楼一策</div> </div> <div class="location-tag ipu-flex ipu-flex-align-center"> <div class="location-id">ID:<span>{{BUILD_ID}}</span></div> <div class="location-type ipu-flex ipu-flex-align-center"> {{if IS_KEY_BUILDING=='是'}}<span class="type-high">重点</span>{{/if}} {{if IS_TOP300=='是'}}<span class="type-warning">TOP300</span>{{/if}} {{if IS_RES_COVER=='是'}}<span class="type-normal">已覆盖</span>{{/if}} {{if IS_BUILDING_MARKETING=='是'}}<span class="type-normal">已签约</span>{{/if}} {{if LABEL_INFO_LIST.length > 0}} {{each LABEL_INFO_LIST item index}} <span class="type-normal">{{item.LABEL}}<input class="labelId" type="hidden" value="{{item.TAG_ID}}"></span> {{/each}} <span class="type-edit editLabel ipu-fn-hide" name="delete">编辑</span> {{else}} <span class="type-edit editLabel ipu-fn-hide" name="add">编辑</span> {{/if}} </div> </div> <div class="location-address">{{BUILD_ADDR}}</div> <div class="building-info-content"> <div class="two-column-box ipu-flex"> <div class="left-column"> <div class="ipu-flex ipu-flex-align-center"> <div class="box-line-key">类型</div> <div class="box-line-value">{{BUILD_TYPE}}</div> </div> <div class="ipu-flex ipu-flex-align-center"> <div class="box-line-key">面积</div> <div class="box-line-value">{{if BUILD_AREA}}<span>{{BUILD_AREA}}</span>万&nbsp;m<span class="up-text">2</span>{{/if}}</div> </div> <div class="ipu-flex ipu-flex-align-center"> <div class="box-line-key">楼宇经理</div> <div class="box-line-value">{{BUILDING_MANAGER_NAME}}</div> <input type="hidden" id="BUILDING_MANAGER_TEL" value="{{BUILDING_MANAGER_TEL}}"/> <div class="call-pic"></div> </div> <div class="ipu-flex ipu-flex-align-center"> <div class="box-line-key">垄断类型</div> <div class="box-line-value">{{MONOPOLY_TYPE}}</div> </div> <div class="ipu-flex ipu-flex-align-center"> <div class="box-line-key">竞对产品</div> <div class="box-line-value">{{COMPETITOR_PRODUCTS}}</div> </div> </div> <div class="right-column"> <div class="ipu-flex ipu-flex-align-center"> <div class="box-line-key">等级</div> <div class="box-line-value">{{BUILD_LEVEL}}</div> </div> <div class="ipu-flex ipu-flex-align-center"> <div class="box-line-key">楼层</div> <div class="box-line-value">{{TOTAL_FLOOR}}</div> </div> <div class="ipu-flex ipu-flex-align-center"> <div class="box-line-key">楼宇渠道</div> <div class="box-line-value">{{BUILDING_CHANNEL}}</div> </div> <div class="ipu-flex ipu-flex-align-center"> <div class="box-line-key">垄断结束时间</div> <div class="box-line-value">{{MONOPOLY_END_TIME}}</div> </div> </div> </div> </div> </script> <!--资源信息 模板--> <script id="resource-info" type="text/template"> {{if list.length>0}} {{each list item index}} {{if index<3}} <li class="resource-item ipu-flex ipu-flex-justify-space ipu-flex-align-center" data-json="{{item|jsonToStr}}"> <div class="resource-item-content"> <div class="ipu-flex ipu-flex-align-center"> <div class="resource-address ipu-fn-row">{{item.BUILD_NAME}}</div> {{if item.IS_REACH_RESOURCE=="是"}}<div class="type-cover">已覆盖</div>{{/if}} {{if item.RES_INT_ID}}<div class="type-pon">PON/OUN</div>{{/if}} </div> <div class="resource-item-desc ipu-flex ipu-flex-align-center"> <div>可用端口</div> <div class="port-number"><span>{{item.USABLE_PRORT_COUNT}}</span><span>/</span><span>{{item.TOTAL_PORT_COUNT}}</span></div> </div> {{if item.RES_INT_ID}} {{if item.CONSTRUCTOR!=""&&item.CONSTRUCTOR_CODE!=""}} <div class="resource-item-desc ipu-flex ipu-flex-align-center"> <div>装维人</div> <div class="installer">{{if item.CONSTRUCTOR}}{{item.CONSTRUCTOR}}{{else}}{{item.CONSTRUCTOR_CODE}}{{/if}}{{if item.CONSTRUCT_COMPANY}}({{item.CONSTRUCT_COMPANY}}){{/if}}</div> </div> {{/if}} {{/if}} </div> <i class="iconfont-material icon-chevron-right more-btn-grey"></i> </li> {{/if}} {{/each}} {{/if}} </script> <!--物业信息 模板旧--> <script id="property-information-content" type="text/template"> {{if PROPERTY_INFO_LIST.length> 0}} {{each PROPERTY_INFO_LIST item index}} <div data-json="{{item|jsonToStr}}" class="property-item {{if item.PROPERTY_DEVELOPMENT_STATUS=='未接触'}}unsigned-status{{else if item.PROPERTY_DEVELOPMENT_STATUS=='成功签约'}}signed-status{{else if item.PROPERTY_DEVELOPMENT_STATUS=='洽谈中'}}talking-status{{else if item.PROPERTY_DEVELOPMENT_STATUS=='无法合作'}}uncooperative-status{{/if}} ipu-flex ipu-flex-justify-space"> <div> <div class="property-company-info ipu-flex ipu-flex-align-center"> <div>{{item.PROPERTY_NAME}}</div> <div>({{item.ADMIN_SCOPE}})</div> <div class="property-signed-status">{{if item.PROPERTY_DEVELOPMENT_STATUS=='未接触'}}未签约{{else if item.PROPERTY_DEVELOPMENT_STATUS=='成功签约'}}已签约{{else if item.PROPERTY_DEVELOPMENT_STATUS=='洽谈中'}}洽谈中{{else if item.PROPERTY_DEVELOPMENT_STATUS=='无法合作'}}无法合作{{/if}}</div> </div> <div class="property-contact-info ipu-flex ipu-flex-align-center"> <div>{{item.CONTACT_NAME}}</div> <div class="call-pic"></div> <div>座机:</div> <div>{{item.CONTACT_LANDLINE}}</div> </div> </div> <div class="property-item-operation ipu-flex ipu-flex-justify-end ipu-flex-align-center"> <div>{{if item.PROPERTY_DEVELOPMENT_STATUS=='未接触'}}去签约{{else}}查看{{/if}}</div> <div class="sign-arrow"></div> </div> </div> {{/each}} {{/if}} </script> <!--物业信息 新模板--> <script id="building-item-wy-list" type="text/template"> {{if list.length> 0}} {{each list item index}} <div data-json="{{item|jsonToStr}}" class="building-item-wy-item {{item.PROPERTY_DEVELOPMENT_STATUS|propertyStatus}} ipu-flex ipu-flex ipu-flex-align-center"> <div class="building-item-wy-item-state">{{item.PROPERTY_DEVELOPMENT_STATUS}}</div> <div class="ipu-flex-grow-0 building-item-wy-item-floor"> {{if item.floor.length>0}} {{each item.floor scope index}} <div>{{scope}}</div> {{/each}} {{else}} <div style="color:#FFFFFF">00-00F</div> {{/if}} </div> <div class="ipu-flex-grow-1 building-item-wy-item-info"> <div class="building-item-wy-item-name"> {{item.PROPERTY_NAME}} </div> <div class="building-item-wy-item-concat"> 联系人:{{item.CONTACT_NAME}} <span class="building-item-wy-item-concat-call">联系他</span> {{if item.CONTACT_TEL!=""}} <input type="hidden" value="{{item.CONTACT_TEL}}"/> {{else}} <input type="hidden" value="{{item.CONTACT_LANDLINE}}"/> {{/if}} </div> </div> </div> {{/each}} {{/if}} </script> </html>