Skip to content

Commit e88e565

Browse files
iGaoWeiiGaoWei
committed
更新web095html
1 parent f39aff5 commit e88e565

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

128 files changed

+63476
-2
lines changed

‎.idea/workspace.xml

+1-2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎web/095 交通大数据展示平台/index.html

+164
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,164 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6+
<title>DreamCoders大数据展示平台</title>
7+
<link rel="stylesheet" type="text/css" href="layui/css/layui.css" media="all"/>
8+
<link rel="stylesheet" type="text/css" href="src/css/style.css" media="all"/>
9+
<script src="http://api.map.baidu.com/api?v=3.0&ak=OvPTtKXsF74jAMW5avPC9eAAVww3auWa" type="text/javascript"></script>
10+
<script src="src/js/mainTool.js"></script>
11+
</head>
12+
<body>
13+
14+
<div class="layui-fluid mainBack mainTop">
15+
DreamCoders大数据展示平台
16+
</div>
17+
18+
<div class="layui-fluid pubTop">
19+
<div class="layui-row layui-col-space5">
20+
<div class="layui-col-md3">
21+
<div class="layui-card">
22+
<div class="layui-card-header">
23+
<i class="layui-icon layui-icon-website"></i> 栏目名称
24+
</div>
25+
<div class="layui-card-body main_height">
26+
<div id="mainBar"></div>
27+
</div>
28+
</div>
29+
</div>
30+
<div class="layui-col-md6">
31+
<div class="layui-card">
32+
<div class="layui-card-header">
33+
<i class="layui-icon layui-icon-location"></i> 栏目名称
34+
</div>
35+
<div class="layui-card-body main_height" style="padding: 0;">
36+
<div id="mapGis" style="width: 100%; height: 100%;"></div>
37+
</div>
38+
</div>
39+
</div>
40+
<div class="layui-col-md3">
41+
<div class="layui-card">
42+
<div class="layui-card-header">
43+
<i class="layui-icon layui-icon-notice"></i> 栏目名称
44+
</div>
45+
<div class="layui-card-body main_height">
46+
<div class="layui-row layui-col-space10">
47+
<div class="layui-col-md6">
48+
<div class="mainTitleHeight mainBack">
49+
<p>本周数量</p>
50+
<p><span>500</span> 条</p>
51+
</div>
52+
</div>
53+
<div class="layui-col-md6">
54+
<div class="mainTitleHeight mainBack">
55+
<p>本月数量</p>
56+
<p><span>3500</span> 条</p>
57+
</div>
58+
</div>
59+
<div class="layui-col-md12">
60+
<div class="layui-btn-container">
61+
<button class="layui-btn layui-btn-warm" onclick="mapOpen()">
62+
<i class="layui-icon layui-icon-location"></i>地图
63+
</button>
64+
<button class="layui-btn layui-btn-normal" onclick="rightOpen()">
65+
<i class="layui-icon layui-icon-shrink-right"></i>侧栏
66+
</button>
67+
<a href="https://gitee.com/iGaoWei/big-data-view" class="layui-btn layui-btn-danger">
68+
<i class="layui-icon layui-icon-app"></i>后台
69+
</a>
70+
<button href="https://gitee.com/iGaoWei/big-data-view" class="layui-btn" onclick="rightOpen()">
71+
<i class="layui-icon layui-icon-username"></i>账户
72+
</button>
73+
<button class="layui-btn layui-btn-normal" onclick="rightOpen()">
74+
<i class="layui-icon layui-icon-notice"></i>通知
75+
</button>
76+
</div>
77+
</div>
78+
</div>
79+
</div>
80+
</div>
81+
</div>
82+
</div>
83+
84+
<div class="layui-row layui-col-space5">
85+
<div class="layui-col-md3">
86+
<div class="layui-card">
87+
<div class="layui-card-header">
88+
<i class="layui-icon layui-icon-app"></i> 栏目名称
89+
</div>
90+
<div class="layui-card-body main_heights">
91+
<div id="mainPie"></div>
92+
</div>
93+
</div>
94+
</div>
95+
<div class="layui-col-md6">
96+
<div class="layui-card">
97+
<div class="layui-card-header">
98+
<i class="layui-icon layui-icon-component"></i> 栏目名称
99+
</div>
100+
<div class="layui-card-body main_heights main_width">
101+
<div id="mainBlend"></div>
102+
</div>
103+
</div>
104+
</div>
105+
<div class="layui-col-md3">
106+
<div class="layui-card">
107+
<div class="layui-card-header">
108+
<i class="layui-icon layui-icon-fire"></i> 栏目名称
109+
</div>
110+
<div class="layui-card-body main_heights">
111+
<table class="layui-table" lay-skin="nob">
112+
<tbody>
113+
<tr>
114+
<td>栏目名称</td>
115+
<td>数量</td>
116+
<td>占比</td>
117+
</tr>
118+
<tr>
119+
<td>栏目名称</td>
120+
<td>30 次</td>
121+
<td>
122+
<div class="layui-progress">
123+
<div class="layui-progress-bar layui-bg-red" lay-percent="50%"></div>
124+
</div>
125+
</td>
126+
</tr>
127+
<tr>
128+
<td>栏目名称</td>
129+
<td>30 次</td>
130+
<td>
131+
<div class="layui-progress">
132+
<div class="layui-progress-bar layui-bg-blue" lay-percent="80%"></div>
133+
</div>
134+
</td>
135+
</tr>
136+
<tr>
137+
<td>栏目名称</td>
138+
<td>30 次</td>
139+
<td>
140+
<div class="layui-progress">
141+
<div class="layui-progress-bar layui-bg-green" lay-percent="70%"></div>
142+
</div>
143+
</td>
144+
</tr>
145+
<tr>
146+
<td>栏目名称</td>
147+
<td>30 次</td>
148+
<td>
149+
<div class="layui-progress">
150+
<div class="layui-progress-bar layui-bg-orange" lay-percent="100%"></div>
151+
</div>
152+
</td>
153+
</tr>
154+
</tbody>
155+
</table>
156+
</div>
157+
</div>
158+
</div>
159+
</div>
160+
</div>
161+
<script src="layui/layui.js" type="text/javascript"></script>
162+
<script src="src/js/mainTool.js"></script>
163+
</body>
164+
</html>

0 commit comments

Comments
 (0)