|
<!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/my-report.js"></script>
</head>
<body class="pages-my-report">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<div class="ipu-toolbar toolbar-transparent 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>
<h1 class="ipu-toolbar-title">
我的报表
</h1>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="common-page-content">
<div class="my-report-block my-report-block-kdby">
<div class="ipu-tab"> <!-- 如果class中添加 ipu-tab-fixed，则可固定头部，此时需要父元素的高度是确定的 -->
<ul class="ipu-tab-title ipu-tab-title-link scene-list"> <!-- 页头有 ipu-tab-title-link 和 ipu-tab-title-button两种样式 -->
<li class="current" data-type="kdby">
宽带保养
</li>
<li data-type="dhbx">
电话报修
</li>
<li data-type="kdxz">
宽带新装
</li>
<li data-type="kdwx">
宽带维修
</li>
</ul>
</div>
<div class="my-report-block-head">
<div class="my-report-block-title">
<ul class="home-rank-time-tab">
<li data-size="7">
<a href="javascript:;">7天</a>
</li>
<li class="current" data-size="15">
<a href="javascript:;">15天</a>
</li>
<li data-size="30">
<a href="javascript:;">30天</a>
</li>
</ul>
<div class="my-report-title-link">
查看详情
</div>
</div>
</div>
<div class="my-report-block-body">
<div class="my-report-block-chart my-report-block-chart-0"></div>
</div>
</div>
<div class="my-report-block my-report-block-sx">
<div class="my-report-block-head">
<div class="my-report-block-title">
<div class="my-report-title-link">
查看详情
</div>
随销办理量
</div>
</div>
<div class="my-report-block-body">
<div class="my-report-block-chart my-report-block-chart-1"></div>
</div>
</div>
<div class="ipu-flex my-report-block my-report-block-echarts">
<div class="ipu-flex-grow-1 my-report-block-left">
<div class="my-report-block-title">
随销成功率
</div>
<div class="my-report-block-chart my-report-block-chart-2">
</div>
</div>
<div class="ipu-flex-grow-1 my-report-block-right">
<div class="my-report-block-title">
客户满意度
</div>
<div class="my-report-block-chart my-report-block-chart-3">
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
|
