<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- Link CSS -->
<link rel="stylesheet" href="static/css/base.css">
<link rel="stylesheet" href="static/css/main.css">
</head>
<body>
<div class="header">
<div class="title">
<!-- 销售大数据分析 -->
</div>
</div>
<!-- <div class="menu"> -->
<!-- 预留菜单位置 -->
<!-- </div> -->
<div class="main clearfix">
<div class="main-left fleft">
<div class="box bg-title">
<div class="title text-center">订单品类占比</div>
<div class="content" style="height: 415px;">
<div id="chart1" style="width: 100%; height: 400px;"></div>
</div>
</div>
<div class="box bg ranking mt30">
<div class="title2">投诉排名</div>
<div class="content" style="height: 334px; overflow: hidden;">
<div id="chart2" style="width: 100%; height: 430px;"></div>
</div>
</div>
</div>
<div class="main-center fleft">
<div class="box center-top-bg">
<div id="chart3" style="width: 100%; height: 620px;"></div>
<!-- <div class="ball-box">
<div class="ball">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
<div class="line4"></div>
<div class="line5"></div>
</div>
</div> -->
</div>
<div class="box center-bottom center-bottom-bg">
<div class="title2 text-left">商家订单</div>
<div class="content">
<table width="100%">
<thead>
<th>排名</th>
<th>商家名称</th>
<th>商品种类</th>
<th>消费占比</th>
</thead>
<tbody>
<tr>
<td>1</td>
<td>阿斯丹丹</td>
<td>服装</td>
<td>20%</td>
</tr>
<tr>
<td>2</td>
<td>阿斯丹丹</td>
<td>化妆品</td>
<td>10%</td>
</tr>
<tr>
<td>3</td>
<td>阿斯丹丹</td>
<td>小吃</td>
<td>10%</td>
</tr>
<tr>
<td>4</td>
<td>阿斯丹丹</td>
<td>生活用品</td>
<td>10%</td>
</tr>
<tr>
<td>5</td>
<td>阿斯丹丹</td>
<td>美妆用品</td>
<td>15%</td>
</tr>
<tr>
<td>6</td>
<td>孩子王</td>
<td>儿童用品</td>
<td>19%</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="main-right fright">
<div class="box bg-title">
<div class="title text-center">投诉热门关键</div>
<div class="content" style="height: 360px; overflow: hidden; padding:0 13px;">
<div id="chart4" style="width: 100%; height: 340px;"></div>
</div>
</div>
<div class="box right-bottom-bg mt30">
<div class="content" style="height: 520px;overflow: hidden; overflow: hidden; padding:0 13px;">
<div id="chart5" style="width: 100%; height: 515px;"></div>
</div>
</div>
</div>
</div>
<!-- JS -->
<script src="static/js/jquery.min.js"></script>
<script src="static/js/echarts.min.js"></script>
<script src="static/js/world.js"></script>
<script src="static/js/main.js"></script>
</body>
</html>
html5全屏企业商品订单销售大数据分析
版权申诉
134 浏览量
2022-07-13
14:20:50
上传
评论
收藏 1.05MB RAR 举报
Zp_demo.demohuo.top_18.rar （14个子文件） 
Zp_demo.demohuo.top_18 
index.html 5KB static css 
base.css 18KB main.css 8KB image 
earth.png 378KB box-bg-right-bottom.png 16KB
box-bg-center-bottom.jpg 17KB box-bg.png 3KB bg.jpg 152KB box-bg-title.png 5KB box-bg-center-top.png 75KB js jquery.min.js 87KB world.js 987KB main.js 36KB echarts.min.js 734KB资源评论
