static

customer-unite-customer-lv3.html 16KB

    <!DOCTYPE html> <html lang="en"> <head> <title>我的-客户-客户统一视图-客户信息</title> {%>template/common/Head.html%} <script src="biz/js/customer-unite-customer-lv3.js"></script> </head> <body class="pages-customer-info-lv3 main-body-bg-grey"> <div class="ipu-flex-row ipu-flex-vertical "> <div class="ipu-flex-col ipu-fn-bd-b"> <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> </div> <div class="ipu-flex-col ipu-flex-col-auto common-page-content" id="customer"> <div class="unite-view-block"> <div class="ipu-flex ipu-flex-justify-space view-block-head"> <div class="view-block-title">基本信息</div> </div> <div class="view-block-body"> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">客户名称</span> <span class="item-value">金蝶贸易有限公司</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">详细办公地址</span> <span class="item-value">北京市东城区中东街58号美惠大厦A座601室北京市东城区中东街58号美惠大厦A座601室</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">重要程度</span> <span class="item-value">A</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">网格</span> <span class="item-value"></span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">预警标签</span> <span class="item-value">超套高</span> </div> </div> </div> </div> <!-- <div class="unite-view-block"> <div class="ipu-flex ipu-flex-justify-space view-block-head"> <div class="view-block-title">收入</div> </div> <div class="view-block-body"> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">有信收入家数</span> <span class="item-value">164</span> </div> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">年累计信收金额</span> <span class="item-value">164</span> </div> </div> </div> </div> <div class="unite-view-block"> <div class="ipu-flex ipu-flex-justify-space view-block-head"> <div class="view-block-title">成员</div> </div> <div class="view-block-body"> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">集团成员规模</span> <span class="item-value">164</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">A类成员数</span> <span class="item-value">164</span> </div> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">B类型成员数</span> <span class="item-value">164</span> </div> </div> </div> </div>--> <div class="unite-view-block"> <div class="ipu-flex ipu-flex-justify-space view-block-head"> <div class="view-block-title">成员画像</div> </div> <div class="view-block-body"> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">年龄分层占比</span> <span class="item-value">0-24:2.7%,25-29:4.5%...</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">移动人数</span> <span class="item-value">164</span> </div> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">移动份额</span> <span class="item-value">164</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">异网人数</span> <span class="item-value">164</span> </div> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">异网份额</span> <span class="item-value">164</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">易携出数</span> <span class="item-value">164</span> </div> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">已携出数</span> <span class="item-value">164</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">公户转个人</span> <span class="item-value">164</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">打印发票人数占比</span> <span class="item-value">0.00%</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">合约类业务融合数</span> <span class="item-value">20</span> </div> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">统付业务融合数</span> <span class="item-value">10</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">享受优惠资费折扣数</span> <span class="item-value">20</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">5G套餐渗透率</span> <span class="item-value">1.22%</span> </div> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">5G终端渗透率</span> <span class="item-value">5.6%</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">流量超套人数占比</span> <span class="item-value">1.22%</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">流量超套费用</span> <span class="item-value">20</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">ARPU</span> <span class="item-value"></span> </div> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">主叫MOU</span> <span class="item-value"></span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">成员DOU</span> <span class="item-value"></span> </div> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">超套ARPU</span> <span class="item-value"></span> </div> </div> </div> </div> <!----> <div class="unite-view-block"> <div class="ipu-flex ipu-flex-justify-space view-block-head"> <div class="view-block-title">服务信息</div> </div> <div class="view-block-body"> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">月均拜访率</span> <span class="item-value">20.5%</span> </div> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">累计接触频次</span> <span class="item-value">34</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">关联人信息收集</span> <span class="item-value">963</span> </div> </div> </div> </div> <!-- 其它内容待补充 --> </div> </div> </body> <script id="customer-unite" type="text/template"> <div class="unite-view-block"> <div class="ipu-flex ipu-flex-justify-space view-block-head"> <div class="view-block-title">基本信息</div> </div> <div class="view-block-body"> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">客户名称</span> <span class="item-value">{{CUST_NAME}}</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">详细办公地址</span> <span class="item-value">{{DETAILED_OFFICE_ADDRESS}}</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">重要程度</span> <span class="item-value">{{CUSTOMER_CLASSIFICATION}}</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">网格</span> <span class="item-value">{{GRID}}</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">预警标签</span> <span class="item-value">{{WARNING_LABEL|WARNING_LABEL_TEXT}}</span> </div> </div> </div> </div> <div class="unite-view-block"> <div class="ipu-flex ipu-flex-justify-space view-block-head"> <div class="view-block-title">成员画像</div> </div> <div class="view-block-body"> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">年龄分层占比</span> <span class="item-value">{{AGE_PERCENT}}</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">移动人数</span> <span class="item-value">{{MOBILE_POPULATION}}</span> </div> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">移动份额</span> <span class="item-value">{{MOBILE_SHARE}}</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">异网人数</span> <span class="item-value">{{NUMBER_DIFF_NETWORKS}}</span> </div> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">异网份额</span> <span class="item-value">{{DIFF_NETWORK_SHARE}}</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">易携出数</span> <span class="item-value">{{EASY_CARRY_OUT_NUM}}</span> </div> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">已携出数</span> <span class="item-value">{{CARRIED_OUT_NUM}}</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">公户转个人</span> <span class="item-value">{{PUBLIC_TO_PRIVATE}}</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">打印发票人数占比</span> <span class="item-value">{{PUBLIC_TO_PRIVATE}}</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">合约类业务融合数</span> <span class="item-value">{{CONTRACT_BUSINESS_NUM}}</span> </div> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">统付业务融合数</span> <span class="item-value">{{UNIFIED_BUSINESS_NUM}}</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">享受优惠资费折扣数</span> <span class="item-value">{{DISCOUNT_RATES_NUM}}</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">5G套餐渗透率</span> <span class="item-value">{{PKG_PENETRATION_5G}}</span> </div> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">5G终端渗透率</span> <span class="item-value">{{TERMINAL_PENETRATION_5G}}</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">流量超套人数占比</span> <span class="item-value">{{EXCESS_FLOW_PEOPLE_PERCENT}}</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">流量超套费用</span> <span class="item-value">{{EXCESS_FLOW_CHARGE}}</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">ARPU</span> <span class="item-value">{{ARPU}}</span> </div> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">主叫MOU</span> <span class="item-value">{{CALLING_MOU}}</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">成员DOU</span> <span class="item-value">{{MEMBER_DOU}}</span> </div> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">超套ARPU</span> <span class="item-value">{{SUPER_ARPU}}</span> </div> </div> </div> </div> </script> <script id="customer-unite-service" type="text/template"> <div class="unite-view-block"> <div class="ipu-flex ipu-flex-justify-space view-block-head"> <div class="view-block-title">服务信息</div> </div> <div class="view-block-body"> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">月均拜访率</span> <span class="item-value">{{visitedRateMonth}}</span> </div> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">累计接触频次</span> <span class="item-value">{{visitedCount}}</span> </div> </div> <div class="ipu-flex view-info-row"> <div class="ipu-flex-grow-1 view-info-item"> <span class="item-name">关联人信息收集</span> <span class="item-value">{{integrityRate}}</span> </div> </div> </div> </div> </script> </html>