|
<!DOCTYPE html>
<html lang="en">
<head>
<title>客户详情-已立户</title>
{%>template/common/Head.html%}
<script src="biz/js/customer-details-established.js"></script>
</head>
<body class="pages-customer-details-established">
<input id="coCode" type="hidden" value="{%CO_CODE%}"/>
<input id="custName" type="hidden" value="{%CUST_NAME%}"/>
<input id="custKeyId" type="hidden" value="{%custKeyId%}"/>
<input id="buildId" type="hidden" value="{%buildId%}"/>
<input id="buildName" type="hidden" value="{%buildName%}"/>
<input id="CUSTOMER_CLASSIFICATION" type="hidden" value="{%CUSTOMER_CLASSIFICATION%}"/>
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<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-align-center ipu-flex-justify-center">
<div class="max-limit-title">{%CUST_NAME%}</div>
</h1>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto common-border-top established-content">
<img id="bg_img" src="biz/img/gauge2.png" style="display:none"/>
<div class="customer-health"></div>
<div class="loss-risk-level-area ipu-flex ipu-flex-justify-center ipu-flex-align-center">
<!--1.低；2.中 level-warning；3.高 level-danger -->
<div class="loss-risk-level">流失风险: <span></span></div>
</div>
<div class="customer-health-details ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<div>健康度详情</div>
</div>
<div class="customer-details-charts-area">
<div class="customer-details-chart"></div>
<div class="customer-details-chart-desc ipu-flex ipu-flex-justify-center ipu-flex-align-center">
<div class="social-contribution">社会贡献度：<span></span></div><div class="social-level">等级：<span></span></div>
</div>
</div>
<div class="customer-basic-area">
<div class="customer-normal-head ipu-flex ipu-flex-justify-space ipu-flex-align-center">
<div class="ipu-flex ipu-flex-align-center">
<div class="customer-normal-title">客户信息</div>
<div class="customer-normal-num"></div>
</div>
<div class="customer-more-btn ipu-flex ipu-flex-align-center" style="margin-right:.2rem;">
<span>更多</span>
<i class="iconfont-material icon-chevron-right more-btn"></i>
</div>
</div>
<div class="customer-content">
<!--此处插入id="customer-content"的模板-->
</div>
</div>
<div class="business-info-area">
<div class="customer-normal-head ipu-flex ipu-flex-justify-space ipu-flex-align-center">
<div class="ipu-flex ipu-flex-align-center">
<div class="customer-normal-title">商机信息</div>
<div class="customer-normal-num">(<span>0</span>)</div>
</div>
<div class="customer-more-btn ipu-flex ipu-flex-align-center">
<span>更多</span>
<i class="iconfont-material icon-chevron-right more-btn"></i>
</div>
</div>
<div class="business-info-content">
<!--此处插入id="business-list"的模板-->
<div class="no-result-msg ipu-fn-p ipu-txt-center ipu-fn-hide">
暂无记录
</div>
</div>
</div>
<div class="different-nets-info-area">
<div class="customer-normal-head ipu-flex ipu-flex-justify-space ipu-flex-align-center">
<div class="ipu-flex ipu-flex-align-center">
<div class="customer-normal-title">异网信息</div>
<div class="customer-normal-num">(<span>0</span>)</div>
</div>
<div class="customer-more-btn ipu-flex ipu-flex-align-center">
<span>更多</span>
<i class="iconfont-material icon-chevron-right more-btn"></i>
</div>
</div>
<div class="different-nets-info-content">
<!--此处插入id="different-netinfo-listt"的模板-->
<div class="no-result-msg ipu-fn-p ipu-txt-center ipu-fn-hide" id="no-result-increased">
目前没有数据<span class="add-different-nets">，<span style="color:rgba(63,147,248,1);">请新增异网信息</span>
<i class="iconfont-material icon-chevron-right more-btn" style="color:rgba(63,147,248,1);"></i></span>
</div>
</div>
</div>
<!--
<div class="special-examining-area">
<div class="customer-normal-head ipu-flex ipu-flex-justify-space ipu-flex-align-center">
<div class="ipu-flex ipu-flex-align-center">
<div class="customer-normal-title">特殊资费审批信息</div>
<div class="customer-normal-num">(<span>6</span>)</div>
</div>
<div class="customer-more-btn ipu-flex ipu-flex-align-center">
<span>更多</span>
<i class="iconfont-material icon-chevron-right more-btn"></i>
</div>
</div>
<div class="special-examining-content">
<div class="special-examining-item normal-status">
<div class="ipu-flex ipu-flex-align-center">
<div class="special-examining-title">数字传输专线</div>
<div class="special-examining-desc">已发起业务开通，待处理</div>
</div>
<div class="special-examining-line-time ipu-flex ipu-flex-align-center">
<div>申请线路条数: 1</div>
<div>更新时间：2020-10-12</div>
</div>
</div>
<div class="special-examining-item return-status">
<div class="ipu-flex ipu-flex-align-center">
<div class="special-examining-title">语音专线</div>
<div class="special-examining-desc">退回</div>
</div>
<div class="special-examining-line-time ipu-flex ipu-flex-align-center">
<div>申请线路条数: 1</div>
<div>更新时间：2020-10-12</div>
</div>
</div>
<div class="special-examining-item normal-status">
<div class="ipu-flex ipu-flex-align-center">
<div class="special-examining-title">数字传输专线</div>
<div class="special-examining-desc">已提交预订单</div>
</div>
<div class="special-examining-line-time ipu-flex ipu-flex-align-center">
<div>申请线路条数: 1</div>
<div>更新时间：2020-10-12</div>
</div>
</div>
</div>
</div>
-->
<div class="service-info-area">
<div class="customer-normal-head ipu-flex ipu-flex-justify-space ipu-flex-align-center" style="margin-bottom:0;">
<div class="ipu-flex ipu-flex-align-center">
<div class="customer-normal-title">业务信息</div>
<div class="customer-normal-num"></div>
</div>
<div class="customer-more-btn ipu-flex ipu-flex-align-center">
<span>更多</span>
<i class="iconfont-material icon-chevron-right more-btn"></i>
</div>
</div>
<div class="ipu-tab ipu-tab-service ipu-tab-3"> <!-- 如果class中添加 ipu-tab-fixed，则可固定头部，此时需要父元素的高度是确定的 -->
<ul class="ipu-number ipu-tab-title ipu-flex ipu-tab-title-button" style="margin: .12rem 0 .16rem 0;">
<!-- 页头有 ipu-tab-title-link 和 ipu-tab-title-button两种样式 -->
<li class="ipu-pre-number ipu-current" first-load="1">
售前<span class="ipu-fn-hide">(<i></i>)</span>
</li>
<li class="ipu-on-number" first-load="2">
售中<span class="ipu-fn-hide">(<i></i>)</span>
</li>
<li class="ipu-after-number" first-load="3">
已办理<span class="ipu-fn-hide">(<i></i>)</span>
</li>
</ul>
<div class="ipu-tab-body">
<ul class="ipu-tab-body-wrapper">
<!--三种状态：crm-handling:CRM处理中 zz-handling:综资处理中 handling-finished:处理完成-->
<li class="before-sales">
<!--此处插入id="pre-handling"的模板-->
</li>
<li class="on-sales">
<!--此处插入id="on-handling"的模板-->
</li>
<li class="after-sales">
<div class="after-sales-table">
<div class="after-sales-title ipu-flex">
<div>CA名称/计费号</div>
<div>策划名称</div>
<div>出账金额</div>
<div>订购时间</div>
<div>地址</div>
</div>
<div class="after-sales-content">
<!--此处插入id="after-handling"的模板-->
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<!--
<div class="recommend-product-area">
<div class="customer-normal-title">推荐产品</div>
<div class="ipu-carousel">
<ul class="ipu-carousel-wrapper">
<li>
<div class="product-item">
<img src="temp/img/01.png" class="product-pic">
<div class="product-title">中间号正式上线</div>
<div class="product-info">
<span>通信+</span>
<span> | </span>
<span>O2O</span>
</div>
</div>
</li>
<li>
<div class="product-item">
<img src="temp/img/02.jpg" class="product-pic">
<div class="product-title">中间号正式上线</div>
<div class="product-info">
<span>通信+</span>
<span> | </span>
<span>O2O</span>
</div>
</div>
</li>
<li>
<div class="product-item">
<img src="temp/img/03.jpg" class="product-pic">
<div class="product-title">中间号正式上线</div>
<div class="product-info">
<span>通信+</span>
<span> | </span>
<span>O2O</span>
</div>
</div>
</li>
</ul>
</div>
</div>
-->
<div class="page-bottom">~我已经到底拉~</div>
</div>
<!-- <div class="calculate-btn ipu-flex ipu-flex-vertical ipu-flex-align-center">-->
<!-- <div class="btn-pic"></div>-->
<!-- <div class="btn-text">算资费</div>-->
<!-- </div>-->
<div class="sign-button" id="sign-btn"></div>
<div class="ipu-flex-col">
<ul class="customer-btn-group ipu-flex ipu-flex-align-center">
<li class="record-business-btn">
<img src="biz/img/customer/add-business.png">
<div class="btn-text">录商机</div>
</li>
<li class="write-log-btn">
<img src="biz/img/customer/log.png">
<div class="btn-text">写日志</div>
</li>
<li class="search-resource-btn">
<img src="biz/img/customer/search-resource.png">
<div class="btn-text">查资源</div>
</li>
<li class="add-ca-btn">
<img src="biz/img/customer/add-ca.png">
<div class="btn-text">新建CA</div>
</li>
<li class="more-btn">
<div class="btn-pic"></div>
<div class="btn-text">更多</div>
<div class="popover-component">
<div class="popover-item paymentReminder">
<img src="biz/img/customer/payment-reminder.png"/>
<div class="more-btn-text">缴费提醒</div>
</div>
<div class="popover-item resource-survey-btn">
<img src="biz/img/customer/add-ca.png"/>
<div class="more-btn-text">资源勘查</div>
</div>
</div>
</li>
</ul>
</div>
<!-- <div class="ipu-flex-col">-->
<!-- <div class="customer-btns ipu-flex ipu-flex-align-center">-->
<!-- <div class="record-business-btn customer-small-btn ipu-flex ipu-flex-vertical ipu-flex-align-center">-->
<!-- <div class="btn-pic"></div>-->
<!-- <div class="btn-text">录商机</div>-->
<!-- </div>-->
<!-- <div class="write-log-btn customer-small-btn ipu-flex ipu-flex-vertical ipu-flex-align-center">-->
<!-- <div class="btn-pic"></div>-->
<!-- <div class="btn-text">写日志</div>-->
<!-- </div>-->
<!-- <div class="search-resource-btn customer-small-btn ipu-flex ipu-flex-vertical ipu-flex-align-center">-->
<!-- <div class="btn-pic"></div>-->
<!-- <div class="btn-text">查楼宇</div>-->
<!-- </div>-->
<!-- <div class="add-ca-btn customer-small-btn ipu-flex ipu-flex-vertical ipu-flex-align-center">-->
<!-- <div class="btn-pic"></div>-->
<!-- <div class="btn-text">新建CA</div>-->
<!-- </div>-->
<!-- <div class="resource-survey-btn customer-small-btn ipu-flex ipu-flex-vertical ipu-flex-align-center">-->
<!-- <div class="btn-pic"></div>-->
<!-- <div class="btn-text">资源勘查</div>-->
<!-- </div>-->
<!-- <div id="sign-btn" class="sign-in-btn customer-big-btn ipu-flex ipu-flex-justify-center ipu-flex-align-center ipu-flex-grow-1">-->
<!-- <div class="btn-pic"></div>-->
<!-- <div class="btn-text" >签到</div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
</div>
</body>
<!--客户信息模板-->
<script id="customer-content" type="text/template">
<div class="two-column-box ipu-flex">
<div class="left-column" style="width: 50%">
<div class="ipu-flex ipu-flex-align-center">
<div class="box-line-key">CO编号</div>
<div id="customerNo" class="box-line-value">{{CO_CODE}}</div>
</div>
<div class="ipu-flex ipu-flex-align-center">
<div class="box-line-key">CO归属三级部门</div>
<div id="department3"class="box-line-value"></div>
</div>
<div class="ipu-flex ipu-flex-align-center">
<div class="box-line-key">等级</div>
<div class="box-line-value">{{CUSTOMER_CLASSIFICATION | categoryShow}}</div>
</div>
</div>
<div class="right-column" style="width: 50%">
<div class="ipu-flex ipu-flex-align-center">
<div class="box-line-key">CO归属二级部门</div>
<div id="department2" class="box-line-value"></div>
</div>
<div class="ipu-flex ipu-flex-align-center">
<div class="box-line-key">客户经理</div>
<div id="custManager" class="box-line-value">{{CUST_MANAGER}}</div>
</div>
<div id="key-contact" class="ipu-flex ipu-flex-align-center ipu-fn-hide">
<div class="box-line-key">关键联系人</div>
<div class="box-line-value">{{EXT2}}</div>
<input type="hidden" value="{{CONT_MOBILE}}">
{{if CONT_MOBILE}}<div class="call-pic"></div>{{/if}}
</div>
</div>
</div>
</script>
<!--业务信息-售前理模板-->
<script id="pre-handling" type="text/template">
{{each list item index}}
{{if index<3}}
<div data-json="{{item|jsonToStr}}" class="before-sales-item {{if item.BUSI_NAME=='CRM处理中'}}crm-handling{{else if item.BUSI_NAME=='已处理'}}handling-finished{{else}}zz-handling{{/if}}">
<div class="ipu-flex ipu-flex-align-center">
<div class="before-sales-item-title">{{item.OFFER_NAME}}</div>
<div class="before-sales-item-tag">{{item.BUSI_NAME}}</div>
</div>
<div class="before-sales-item-desc ipu-flex">
<div>{{item.CUST_SERVICE_NO}}</div>
<div>商机编号：{{item.PRE_ORDER_NO}}</div>
</div>
</div>
{{/if}}
{{/each}}
</script>
<!--业务信息-售中模板-->
<script id="on-handling" type="text/template">
{{each list item index}}
{{if index<3}}
<div data-json="{{item|jsonToStr}}" class="before-sales-item {{if item.BUSI_NAME=='CRM处理中'}}crm-handling{{else if item.BUSI_NAME=='已处理'}}handling-finished{{else}}zz-handling{{/if}}">
<div class="ipu-flex ipu-flex-align-center">
<div class="before-sales-item-title">{{item.OFFER_NAME}}</div>
<div class="before-sales-item-tag">{{item.BUSI_NAME}}</div>
</div>
<div class="before-sales-item-desc ipu-flex">
<div>{{item.CUST_SERVICE_NO}}</div>
{{if item.BILLING_NUM}}
<div>计费号: {{item.BILLING_NUM}}</div>
{{else}}
<div>资源勘查单号：{{item.CUST_ORDER_ID}}</div>
{{/if}}
</div>
</div>
{{/if}}
{{/each}}
</script>
<!--业务信息-已办理模板-->
<script id="after-handling" type="text/template">
{{each list item index}}
{{if index<3}}
<div data-json="{{item|jsonToStr}}" class="after-sales-item ipu-flex">
<div class="ipu-flex ipu-flex-vertical ipu-flex-justify-space">
<div>{{item.CUST_SERVICE_NO}}</div>
<div class="main-title-grey">{{item.BILLING_NO}}</div>
</div>
<div class="ipu-flex ipu-flex-vertical ipu-flex-justify-space">
<div>{{item.OFFER_NAME}}</div>
<div class="after-sales-item-status {{if item.OFFER_EFFECT_INVALID_STATE=='已失效'}}invalid{{/if}} ipu-flex ipu-flex-align-center">
<div class="dot"></div>
<div>{{item.OFFER_EFFECT_INVALID_STATE}}</div>
</div>
</div>
<div class="ipu-flex ipu-flex-vertical ipu-flex-justify-space">
<div>¥ {{item.AMOUNT_CURRENT_MONTH}}</div>
{{if item.ARREARS_STATE=='欠费'}}<div class="main-red">欠费</div>{{else}}<div></div>{{/if}}
</div>
<div class="ipu-flex ipu-flex-vertical ipu-flex-justify-space">
<div>{{item.ORDER_DATE}}</div>
<div class="{{if item.ORDER_DUE_TIME=='7天后到期'}}main-yellow{{else}}main-title-grey{{/if}}">{{item.ORDER_DUE_TIME}}</div>
</div>
<div class="ipu-flex ipu-flex-vertical ipu-flex-justify-space">
<a href="javascript:;">
<div data-json="{{item|jsonToStr}}" id="show-addres" class="normal-content-value main-blue">详细地址</div>
</a>
</div>
</div>
{{/if}}
{{/each}}
</script>
<!--商机信息模板-->
<script id="business-list" type="text/template">
{{each list item index}}
{{if index<3}}
<div class="normal-customer-item ipu-flex ipu-flex-align-center" businessCode="{{item.businessCode}}" flowId="{{item.flowId}}">
<div class="business-pic"></div>
<div class="ipu-flex-grow-1 normal-customer-content">
<div class="ipu-flex ipu-flex-align-center">
<div class="normal-customer-title ipu-flex-grow-1">{{item.businessName}}</div>
{{if item.progress==''}}
<div class="task-desc task-warning business-type-record">商机录入</div>
{{/if}}
{{if item.progress=='发现商机'}}
<div class="task-desc task-normal business-type-found">{{item.progress}}</div>
{{/if}}
{{if item.progress=='确认商机'}}
<div class="task-desc task-confirm business-type-confirmed">{{item.progress}}</div>
{{/if}}
{{if item.progress=='方案及建议'}}
<div class="task-desc task-suggest business-type-plan">{{item.progress}}</div>
{{/if}}
{{if item.progress=='投标或商务谈判'}}
<div class="task-desc task-suggest business-type-bid">{{item.progress}}</div>
{{/if}}
{{if item.progress=='合同签署'}}
<div class="task-desc task-suggest business-type-contract">{{item.progress}}</div>
{{/if}}
{{if item.progress=='项目交付'}}
<div class="task-desc task-suggest business-type-handover">{{item.progress}}</div>
{{/if}}
{{if item.progress=='项目终止'}}
<div class="task-desc task-suggest business-type-over">{{item.progress}}</div>
{{/if}}
{{if item.progress!='' && item.progress!='发现商机' && item.progress!='确认商机' && item.progress!='方案及建议' && item.progress!='投标或商务谈判' && item.progress!='合同签署' && item.progress!='项目交付'}}
<div class="task-desc task-suggest business-type-plan">{{item.progress}}</div>
{{/if}}
</div>
<div class="normal-customer-desc">创建时间：{{item.creataeTime}}</div>
</div>
<div class="arrow-right-btn"></div>
</div>
{{/if}}
{{/each}}
</script>
<!--异网信息模板-->
<script id="different-netinfo-list" type="text/template">
{{each list item index}}
{{if index<3}}
<div class="normal-customer-item ipu-flex ipu-flex-align-center" data-json="{{item|jsonToStr}}">
<div class="different-net-pic"></div>
<div class="ipu-flex-grow-1 normal-customer-content">
<div class="normal-customer-title">异网单位名称：{{item.DIFFERENT_NETWORK_UNIT_NAME}}</div>
<div class="normal-customer-desc">业务信息: {{item.BUSINESS_INFO}}<span class="normal-customer-price">{{item.BUSINESS_PAY}}元</span></div>
<div class="normal-customer-desc">到期时间: {{item.BUSINESS_DUE_TO_TIME}}</div>
</div>
<div class="arrow-right-btn"></div>
</div>
{{/if}}
{{/each}}
</script>
</html>
|
