|
<!doctype html>
<html>
<head>
<title>排行榜-我的详情</title>
<meta charset="utf-8">
<!-- 宽度自动适配 -->
<meta name="viewport"
content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no"/>
<!-- 不识别页面上的数字为可拨打号码 -->
<meta content="telephone=no" name="format-detection"/>
<link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
<link rel="stylesheet" type="text/css" href="biz/css/base.css">
<script src="ipu/lib/requirejs/require.min.js"></script>
<script src="biz/js/require-config.js"></script>
<script src="biz/js/ranking-list-mine.js"></script>
</head>
<body class="pages-ranking-list-mine">
<div class="common-pages">
<div class="common-page">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<div class="commission-top">
<div class="ipu-toolbar toolbar-left">
<a class="ipu-fn-left link-back ipu-flex ipu-flex-align-center" href="javascript:history.back(-1);">
<div class="left-back "></div>
</a>
</div>
<div class="ipu-flex ipu-flex-justify-space">
<div class="commission-mid">
<div class="commission-mid-name">
李大成 师傅
</div>
<div class="commission-mid-address">
合肥市蜀山区井岗营业部
</div>
</div>
<div class="commission-mid-right">
<img src="temp/img/user-avatar.png" class="ranking-list-other-user-img" alt=""/>
</div>
</div>
<div class="ipu-flex ipu-flex-justify-space commission-down">
<div class="ipu-flex-vertical">
<div class="number">7</div>
<div class="detail">成功量</div>
</div>
<div class="ipu-flex-vertical">
<div class="number">56</div>
<div class="detail">完成量</div>
</div>
<div class="ipu-flex-vertical">
<div class="number">79<span class="percent">%</span></div>
<div class="detail">成功率</div>
</div>
<div class="ipu-flex-vertical">
<div class="number">90<span class="percent">%</span></div>
<div class="detail">好评率</div>
</div>
</div>
<!--<div class="ranking-list-down">-->
<!--<div class="ipu-flex">-->
<!--<div class="name">随销成功率：79%</div>-->
<!--<div class="name dotted-line">好评率：89%</div>-->
<!--</div>-->
<!--</div>-->
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ranking-order-condition-type">全部</div>
<div class="ipu-tab">
<!-- 如果class中添加 ipu-tab-fixed，则可固定头部，此时需要父元素的高度是确定的 -->
<ul class="ipu-tab-title ipu-tab-title-link"> <!-- 页头有 ipu-tab-title-link 和 ipu-tab-title-button两种样式 -->
<li class="ipu-current">
随销成功
</li>
<li>
随销失败
</li> <!-- class为ipu-current为默认选中项 -->
</ul>
<div class="ipu-tab-body">
<ul class="ipu-tab-body-wrapper">
<li>
<div class="ipu-flex-content show-page" id="success">
<!-- 组件html结构，最外层div应有一个固定的高度，会在此元素上初始化iScroll -->
<div class="ipu-refresh-wrapper">
<!-- 此处组件初始化后，会添加上拉html -->
<div class="refresh-content">
<div class="success-idf">
<ul class="report-order-list">
<li class="">
<div class="report-order-container">
<div class="ipu-flex report-order-head">
<div class="ipu-flex ipu-flex-col-auto order-font-style report-order-number">
<div>订单编号：</div>
<div>201906267689</div>
</div>
<div class="order-font-style report-order-time">2019-06-22</div>
</div>
<div class="ipu-flex report-order-detail">
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex order-font-style report-order-name-cellphone">
<div class="name">王**</div>
<div class="cellphone">138****8978</div>
</div>
<div class="ipu-flex address">合肥市蜀山区长江西路****</div>
<div class="ipu-flex scene">
<div>随销场景：</div>
<div>宽带保养-宽带到期</div>
</div>
<div class="ipu-flex product">
<div>随销产品：</div>
<div>全球任我用个人版128元</div>
</div>
</div>
<div class="ipu-flex-col starts-border">
<div class="ipu-flex starts-container">
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
</div>
<div class="ipu-flex-col order-font-style service-evaluating">服务评价</div>
</div>
</div>
</div>
</li>
<li class="">
<div class="report-order-container">
<div class="ipu-flex report-order-head">
<div class="ipu-flex ipu-flex-col-auto order-font-style report-order-number">
<div>订单编号：</div>
<div>201906267689</div>
</div>
<div class="order-font-style report-order-time">2019-06-21</div>
</div>
<div class="ipu-flex report-order-detail">
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex order-font-style report-order-name-cellphone">
<div class="name">李**</div>
<div class="cellphone">138****7646</div>
</div>
<div class="ipu-flex address">合肥市蜀山区长江西路****</div>
<div class="ipu-flex scene">
<div>随销场景：</div>
<div>宽带保养-宽带到期</div>
</div>
<div class="ipu-flex product">
<div>随销产品：</div>
<div>互联网电视超级影视会员</div>
</div>
</div>
<div class="ipu-flex-col starts-border">
<div class="ipu-flex starts-container">
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
</div>
<div class="ipu-flex-col order-font-style service-evaluating">服务评价</div>
</div>
</div>
</div>
</li>
<li class="">
<div class="report-order-container">
<div class="ipu-flex report-order-head">
<div class="ipu-flex ipu-flex-col-auto order-font-style report-order-number">
<div>订单编号：</div>
<div>201906267689</div>
</div>
<div class="order-font-style report-order-time">2019-06-21</div>
</div>
<div class="ipu-flex report-order-detail">
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex order-font-style report-order-name-cellphone">
<div class="name">张**</div>
<div class="cellphone">136****9088</div>
</div>
<div class="ipu-flex address">合肥市蜀山区长江西路****</div>
<div class="ipu-flex scene">
<div>随销场景：</div>
<div>宽带保养-宽带到期</div>
</div>
<div class="ipu-flex product">
<div>随销产品：</div>
<div>互联网电视超级影视会员</div>
</div>
</div>
<div class="ipu-flex-col starts-border">
<div class="ipu-flex starts-container">
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
</div>
<div class="ipu-flex-col order-font-style service-evaluating">服务评价</div>
</div>
</div>
</div>
</li>
<li class="">
<div class="report-order-container">
<div class="ipu-flex report-order-head">
<div class="ipu-flex ipu-flex-col-auto order-font-style report-order-number">
<div>订单编号：</div>
<div>201906267689</div>
</div>
<div class="order-font-style report-order-time">2019-06-21</div>
</div>
<div class="ipu-flex report-order-detail">
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex order-font-style report-order-name-cellphone">
<div class="name">赵**</div>
<div class="cellphone">188****8978</div>
</div>
<div class="ipu-flex address">合肥市蜀山区长江西路****</div>
<div class="ipu-flex scene">
<div>随销场景：</div>
<div>宽带保养-宽带到期</div>
</div>
<div class="ipu-flex product">
<div>随销产品：</div>
<div>全球任我用个人版128元</div>
</div>
</div>
<div class="ipu-flex-col starts-border">
<div class="ipu-flex starts-container">
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
</div>
<div class="ipu-flex-col order-font-style service-evaluating">服务评价</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li class="">
<div class="ipu-flex-content show-page" id="fail">
<!-- 组件html结构，最外层div应有一个固定的高度，会在此元素上初始化iScroll -->
<div class="ipu-refresh-wrapper">
<!-- 此处组件初始化后，会添加上拉html -->
<div class="refresh-content">
<div class="fail-idf">
<ul class="report-order-list">
<li class="">
<div class="report-order-container">
<div class="ipu-flex report-order-head">
<div class="ipu-flex ipu-flex-col-auto order-font-style report-order-number">
<div>订单编号：</div>
<div>201906267689</div>
</div>
<div class="order-font-style report-order-time">2019-06-22</div>
</div>
<div class="ipu-flex report-order-detail">
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex order-font-style report-order-name-cellphone">
<div class="name">刘**</div>
<div class="cellphone">138****8978</div>
</div>
<div class="ipu-flex address">合肥市蜀山区长江西路****</div>
<div class="ipu-flex scene">
<div>随销场景：</div>
<div>宽带保养-宽带到期</div>
</div>
<div class="ipu-flex product">
<div>随销产品：</div>
<div>全球任我用个人版128元</div>
</div>
<div class="ipu-flex commission">
<div>失败原因：</div>
<div>价格太高</div>
</div>
</div>
<div class="ipu-flex-col starts-border">
<div class="ipu-flex starts-container">
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
</div>
<div class="ipu-flex-col order-font-style service-evaluating">服务评价</div>
</div>
</div>
</div>
</li>
<li class="">
<div class="report-order-container">
<div class="ipu-flex report-order-head">
<div class="ipu-flex ipu-flex-col-auto order-font-style report-order-number">
<div>订单编号：</div>
<div>201906267689</div>
</div>
<div class="order-font-style report-order-time">2019-06-21</div>
</div>
<div class="ipu-flex report-order-detail">
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex order-font-style report-order-name-cellphone">
<div class="name">张**</div>
<div class="cellphone">138****7646</div>
</div>
<div class="ipu-flex address">合肥市蜀山区长江西路****</div>
<div class="ipu-flex scene">
<div>随销场景：</div>
<div>宽带保养-宽带到期</div>
</div>
<div class="ipu-flex product">
<div>随销产品：</div>
<div>全球任我用个人版128元</div>
</div>
<div class="ipu-flex commission">
<div>失败原因：</div>
<div>不感兴趣</div>
</div>
</div>
<div class="ipu-flex-col starts-border">
<div class="ipu-flex starts-container">
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
</div>
<div class="ipu-flex-col order-font-style service-evaluating">服务评价</div>
</div>
</div>
</div>
</li>
<li class="">
<div class="report-order-container">
<div class="ipu-flex report-order-head">
<div class="ipu-flex ipu-flex-col-auto order-font-style report-order-number">
<div>订单编号：</div>
<div>201906267689</div>
</div>
<div class="order-font-style report-order-time">2019-06-21</div>
</div>
<div class="ipu-flex report-order-detail">
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex order-font-style report-order-name-cellphone">
<div class="name">张**</div>
<div class="cellphone">136****9088</div>
</div>
<div class="ipu-flex address">合肥市蜀山区长江西路****</div>
<div class="ipu-flex scene">
<div>随销场景：</div>
<div>宽带保养-宽带到期</div>
</div>
<div class="ipu-flex product">
<div>随销产品：</div>
<div>全球任我用个人版128元</div>
</div>
<div class="ipu-flex commission">
<div>失败原因：</div>
<div>客户表示不需要此产品</div>
</div>
</div>
<div class="ipu-flex-col starts-border">
<div class="ipu-flex starts-container">
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
</div>
<div class="ipu-flex-col order-font-style service-evaluating">服务评价</div>
</div>
</div>
</div>
</li>
<li class="">
<div class="report-order-container">
<div class="ipu-flex report-order-head">
<div class="ipu-flex ipu-flex-col-auto order-font-style report-order-number">
<div>订单编号：</div>
<div>201906267689</div>
</div>
<div class="order-font-style report-order-time">2019-06-21</div>
</div>
<div class="ipu-flex report-order-detail">
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex order-font-style report-order-name-cellphone">
<div class="name">赵**</div>
<div class="cellphone">188****8978</div>
</div>
<div class="ipu-flex address">合肥市蜀山区长江西路****</div>
<div class="ipu-flex scene">
<div>随销场景：</div>
<div>宽带保养-宽带到期</div>
</div>
<div class="ipu-flex product">
<div>随销产品：</div>
<div>全球任我用个人版128元</div>
</div>
<div class="ipu-flex commission">
<div>失败原因：</div>
<div>客户表示不需要此产品</div>
</div>
</div>
<div class="ipu-flex-col starts-border">
<div class="ipu-flex starts-container">
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
<div class="evaluating-star"></div>
</div>
<div class="ipu-flex-col order-font-style service-evaluating">服务评价</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="none-page" style="display: none"></div>
</div>
<!-- 此处组件初始化后，会添加下拉html -->
</div>
</div>
<div class="common-poppage common-poppage-vertical common-poppage-timeslt">
<div class="common-poppage-vertical-wrap">
<div class="home-order-time-slt">
<div class="home-order-time-list">
<div class="home-order-time-item current" data-type="total">
全部
</div>
<div class="home-order-time-item " data-type="kddq">
宽带到期
</div>
<div class="home-order-time-item " data-type="kdztbzc">
宽带状态不正常
</div>
<div class="home-order-time-item " data-type="kdbhy">
宽带不活跃
</div>
<div class="home-order-time-item " data-type="hlwdsbhy">
互联网电视不活跃
</div>
<div class="home-order-time-item" data-type="rgzz">
弱光整治
</div>
<div class="home-order-time-item" data-type="wifirfgzz">
WIFI弱覆盖整治
</div>
</div>
<button class="home-time-slt-confirm">确认</button>
</div>
</div>
</div>
</div>
</body>
</html>
|
