|
|
@@ -3,7 +3,7 @@
|
|
|
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
- <!-- <meta http-equiv="refresh" content="60;url='http://mtw.so/5FRdFE'"> -->
|
|
|
+ <meta http-equiv="refresh" content="3600" />
|
|
|
<title>乳山市数字供销智慧平台</title>
|
|
|
<script type="text/javascript" src="js/jquery.js"></script>
|
|
|
<script type="text/javascript" src="js/echarts.min.js"></script>
|
|
|
@@ -29,7 +29,7 @@
|
|
|
</ul>
|
|
|
</div>
|
|
|
|
|
|
- <div class="time" id="showTime">2018/6/12 17:00:12</div>
|
|
|
+ <div class="time" id="showTime"></div>
|
|
|
<script>
|
|
|
var t = null;
|
|
|
t = setTimeout(time, 1000);//開始运行
|
|
|
@@ -42,8 +42,9 @@
|
|
|
var h = dt.getHours();//获取时
|
|
|
var m = dt.getMinutes();//获取分
|
|
|
var s = dt.getSeconds();//获取秒
|
|
|
+ if(s<10) s = '0'+s;
|
|
|
document.getElementById("showTime").innerHTML = y + "/" + mt + "/" + day + " " + h + ":" + m + ":" + s + "";
|
|
|
- t = setTimeout(time, 1000); //设定定时器，循环运行
|
|
|
+ t = setTimeout(time, 1000); //设定定时器，循环运行
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
@@ -77,22 +78,6 @@
|
|
|
</td>
|
|
|
</tr>
|
|
|
{/volist}
|
|
|
-<!-- <tr>-->
|
|
|
-<!-- <td>类型1</td>-->
|
|
|
-<!-- <td><span class="text-w">1000万</span></td>-->
|
|
|
-<!-- <td><span class="text-b">900万</span></td>-->
|
|
|
-<!-- <td>-->
|
|
|
-<!-- <div class="text-d">↑12%</div>-->
|
|
|
-<!-- </td>-->
|
|
|
-<!-- </tr>-->
|
|
|
-<!-- <tr>-->
|
|
|
-<!-- <td>类型1</td>-->
|
|
|
-<!-- <td><span class="text-w">1000万</span></td>-->
|
|
|
-<!-- <td><span class="text-b">900万</span></td>-->
|
|
|
-<!-- <td>-->
|
|
|
-<!-- <div class="text-s">↓12%</div>-->
|
|
|
-<!-- </td>-->
|
|
|
-<!-- </tr>-->
|
|
|
</tbody>
|
|
|
</table>
|
|
|
</div>
|
|
|
@@ -103,21 +88,11 @@
|
|
|
<div class="" style="height: 190px" id="echart1"></div>
|
|
|
<div class="leidanav">
|
|
|
<ul class="clearfix">
|
|
|
- <li><span>分类1</span>
|
|
|
- <p>43</p>
|
|
|
- </li>
|
|
|
- <li><span>分类2</span>
|
|
|
- <p>100</p>
|
|
|
- </li>
|
|
|
- <li><span>分类3</span>
|
|
|
- <p>28</p>
|
|
|
- </li>
|
|
|
- <li><span>分类4</span>
|
|
|
- <p>3</p>
|
|
|
- </li>
|
|
|
- <li><span>分类5</span>
|
|
|
- <p>150</p>
|
|
|
+ {volist name="order_goods_category" id='category'}
|
|
|
+ <li><span>{$category.name}</span>
|
|
|
+ <p>{$category.total_num}</p>
|
|
|
</li>
|
|
|
+ {/volist}
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -319,10 +294,93 @@
|
|
|
</ul>
|
|
|
</div>
|
|
|
|
|
|
-
|
|
|
+ <input id="chars_category_data" value="{$chars_category}" hidden/>
|
|
|
+ <input id="category_data" value="{$goods_category_data}" hidden/>
|
|
|
</div>
|
|
|
</body>
|
|
|
-<script>
|
|
|
-
|
|
|
+<script >
|
|
|
+ function echarts_1() {
|
|
|
+ // 基于准备好的dom，初始化echarts实例
|
|
|
+ var myChart = echarts.init(document.getElementById('echart1'));
|
|
|
+ var category_data = JSON.parse(document.getElementById('category_data').value);
|
|
|
+ var chars_category_data = JSON.parse(document.getElementById('chars_category_data').value);
|
|
|
+
|
|
|
+ var data = [{
|
|
|
+ title: '乳山市'
|
|
|
+ },
|
|
|
+ ['本年'],
|
|
|
+ chars_category_data,
|
|
|
+ category_data,
|
|
|
+ ]
|
|
|
+ option = {
|
|
|
+ color: ['#9DD060', '#35C96E', '#4DCEF8'],
|
|
|
+ tooltip: {},
|
|
|
+ radar: {
|
|
|
+ center: ['50%', '50%'],
|
|
|
+ radius: ["25%", "70%"],
|
|
|
+ name: {
|
|
|
+ textStyle: {
|
|
|
+ color: '#72ACD1'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ splitLine: {
|
|
|
+ lineStyle: {
|
|
|
+ color: 'rgba(255,255,255,.0',
|
|
|
+ width: 2
|
|
|
+ }
|
|
|
+ },
|
|
|
+ axisLine: {
|
|
|
+ lineStyle: {
|
|
|
+ color: 'rgba(255,255,255,0.2)',
|
|
|
+ width: 1,
|
|
|
+ type: 'dotted'
|
|
|
+ },
|
|
|
+ },
|
|
|
+ splitArea: {
|
|
|
+ areaStyle: {
|
|
|
+ color: ['rgba(255,255,255,.1)', 'rgba(255,255,255,0)']
|
|
|
+ }
|
|
|
+ },
|
|
|
+ indicator: data[2]
|
|
|
+ },
|
|
|
+ series: [{
|
|
|
+ name: '',
|
|
|
+ type: 'radar',
|
|
|
+ data: [{
|
|
|
+ areaStyle: {
|
|
|
+ normal: {
|
|
|
+ opacity: 0.3,
|
|
|
+ }
|
|
|
+ },
|
|
|
+ value: data[3],
|
|
|
+ name: data[1][0]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ areaStyle: {
|
|
|
+ normal: {
|
|
|
+ opacity: 0.3,
|
|
|
+ }
|
|
|
+ },
|
|
|
+ value: data[4],
|
|
|
+ name: data[1][1]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ areaStyle: {
|
|
|
+ normal: {
|
|
|
+ opacity: 0.3,
|
|
|
+ }
|
|
|
+ },
|
|
|
+ value: data[5],
|
|
|
+ name: data[1][2]
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }]
|
|
|
+ };
|
|
|
+ // 使用刚指定的配置项和数据显示图表。
|
|
|
+ myChart.setOption(option);
|
|
|
+ window.addEventListener("resize",function(){
|
|
|
+ myChart.resize();
|
|
|
+ });
|
|
|
+ }
|
|
|
</script>
|
|
|
</html>
|
