|
@@ -4,7 +4,7 @@
|
|
|
<head>
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
<meta charset="utf-8">
|
|
|
<meta http-equiv="refresh" content="300" />
|
|
<meta http-equiv="refresh" content="300" />
|
|
|
- <title>乳山市数字供销智慧平台</title>
|
|
|
|
|
|
|
+ <title>乳山市智慧供销平台</title>
|
|
|
<script type="text/javascript" src="js/jquery.js"></script>
|
|
<script type="text/javascript" src="js/jquery.js"></script>
|
|
|
<script type="text/javascript" src="js/echarts.min.js"></script>
|
|
<script type="text/javascript" src="js/echarts.min.js"></script>
|
|
|
<script type="text/javascript" src="js/china.js"></script>
|
|
<script type="text/javascript" src="js/china.js"></script>
|
|
@@ -18,7 +18,7 @@
|
|
|
<div class="head clearfix">
|
|
<div class="head clearfix">
|
|
|
|
|
|
|
|
|
|
|
|
|
- <h1 class="pulll_left">乳山市数字供销智慧平台</h1>
|
|
|
|
|
|
|
+ <h1 class="pulll_left">乳山市智慧供销平台</h1>
|
|
|
<div class="menu menu2 pulll_left">
|
|
<div class="menu menu2 pulll_left">
|
|
|
<ul>
|
|
<ul>
|
|
|
<li><a href="https://shop.gxsmlt.com/admin">商贸流通</a></li>
|
|
<li><a href="https://shop.gxsmlt.com/admin">商贸流通</a></li>
|
|
@@ -181,46 +181,10 @@
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
<div class="box">
|
|
<div class="box">
|
|
|
- <div class="tit">当月产量统计</div>
|
|
|
|
|
- <div class="boxnav" style="height: 250px;">
|
|
|
|
|
- <div style="height: 200px; float: left; width: 40%; padding: 0 5px;">
|
|
|
|
|
- <div class="tit02 text-b">产量排行</div>
|
|
|
|
|
- <div class="huati">
|
|
|
|
|
- <ul>
|
|
|
|
|
- {foreach $service_info.SupplyDemandList as $k => $item}
|
|
|
|
|
- <li>{$k+1}.{$item.name} <span class="text-s">{$item.value}</span></li>
|
|
|
|
|
- {/foreach}
|
|
|
|
|
- </ul>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <div class="tit">服务访问统计</div>
|
|
|
|
|
+ <div class="boxnav" id="echart6" style="min-height: 250px;">
|
|
|
|
|
|
|
|
- <div style="height: 200px; float: left; width: 60%">
|
|
|
|
|
-
|
|
|
|
|
- <div class="text-b tit02" style="text-align: center;">分类</div>
|
|
|
|
|
- <div class="tagcloud">
|
|
|
|
|
- <!-- bo大小 co颜色 -->
|
|
|
|
|
- {foreach $service_info.supply_first_cate_list as $k => $item}
|
|
|
|
|
- <a class="b01 {$item.co}" href="#">{$item.name}</a>
|
|
|
|
|
- {/foreach}
|
|
|
|
|
-<!-- <a class="b02 co02" href="#">化肥</a>-->
|
|
|
|
|
-<!-- <a class="b03 co05" href="#">饲料</a>-->
|
|
|
|
|
-<!-- <a class="b04 co02" href="#">树苗</a>-->
|
|
|
|
|
-<!-- <a class="b03 co05" href="#">小麦</a>-->
|
|
|
|
|
- </div>
|
|
|
|
|
- <script type="text/javascript">
|
|
|
|
|
- /*3D标签云*/
|
|
|
|
|
- tagcloud({
|
|
|
|
|
- selector: ".tagcloud", //元素选择器
|
|
|
|
|
- fontsize: 6, //基本字体大小, 单位px
|
|
|
|
|
- radius: 40, //滚动半径, 单位px 页面宽度和高度的五分之一
|
|
|
|
|
- mspeed: "slow", //滚动最大速度, 取值: slow, normal(默认), fast
|
|
|
|
|
- ispeed: "slow", //滚动初速度, 取值: slow, normal(默认), fast
|
|
|
|
|
- direction: 0, //初始滚动方向, 取值角度(顺时针360): 0对应top, 90对应left, 135对应right-bottom(默认)...
|
|
|
|
|
- keep: false //鼠标移出组件后是否继续随鼠标滚动, 取值: false, true(默认) 对应 减速至初速度滚动, 随鼠标滚动
|
|
|
|
|
- });
|
|
|
|
|
- </script>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</li>
|
|
</li>
|
|
@@ -411,7 +375,7 @@
|
|
|
// 基于准备好的dom,初始化echarts实例
|
|
// 基于准备好的dom,初始化echarts实例
|
|
|
var myChart = echarts.init(document.getElementById('fb01'));
|
|
var myChart = echarts.init(document.getElementById('fb01'));
|
|
|
var myChart2 = echarts.init(document.getElementById('fb02'));
|
|
var myChart2 = echarts.init(document.getElementById('fb02'));
|
|
|
-// var myChart5 = echarts.init(document.getElementById('myd1'));
|
|
|
|
|
|
|
+// var myChart6 = echarts.init(document.getElementById('fb03'));
|
|
|
var myChart7 = echarts.init(document.getElementById('sysx'));
|
|
var myChart7 = echarts.init(document.getElementById('sysx'));
|
|
|
var myChart3 = echarts.init(document.getElementById('fb03'));
|
|
var myChart3 = echarts.init(document.getElementById('fb03'));
|
|
|
// var myChart4 = echarts.init(document.getElementById('fb04'));
|
|
// var myChart4 = echarts.init(document.getElementById('fb04'));
|
|
@@ -811,6 +775,7 @@
|
|
|
var myChart = echarts.init(document.getElementById('echart4'));
|
|
var myChart = echarts.init(document.getElementById('echart4'));
|
|
|
var myChartz = echarts.init(document.getElementById('fb03'));
|
|
var myChartz = echarts.init(document.getElementById('fb03'));
|
|
|
var myChart2 = echarts.init(document.getElementById('echart3'));
|
|
var myChart2 = echarts.init(document.getElementById('echart3'));
|
|
|
|
|
+ var myChart6 = echarts.init(document.getElementById('echart6'));
|
|
|
//下单与退款
|
|
//下单与退款
|
|
|
option = {
|
|
option = {
|
|
|
tooltip: {
|
|
tooltip: {
|
|
@@ -921,6 +886,128 @@
|
|
|
},
|
|
},
|
|
|
]
|
|
]
|
|
|
};
|
|
};
|
|
|
|
|
+ option6 = {
|
|
|
|
|
+ tooltip: {
|
|
|
|
|
+ trigger: 'axis',
|
|
|
|
|
+ axisPointer: {
|
|
|
|
|
+ type: 'shadow'
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ legend: {
|
|
|
|
|
+ data: ['农机', '烘干','飞防'],
|
|
|
|
|
+
|
|
|
|
|
+ top:'2%',
|
|
|
|
|
+ textStyle: {
|
|
|
|
|
+ color: "rgba(255,255,255,.5)",
|
|
|
|
|
+ fontSize: '12',
|
|
|
|
|
+
|
|
|
|
|
+ },
|
|
|
|
|
+ itemWidth: 12,
|
|
|
|
|
+ itemHeight: 12,
|
|
|
|
|
+ itemGap: 35
|
|
|
|
|
+ },
|
|
|
|
|
+ grid: {
|
|
|
|
|
+ left: '0%',
|
|
|
|
|
+ top:'40px',
|
|
|
|
|
+ right: '0%',
|
|
|
|
|
+ bottom: '0%',
|
|
|
|
|
+ containLabel: true
|
|
|
|
|
+ },
|
|
|
|
|
+ xAxis: [{
|
|
|
|
|
+ type: 'category',
|
|
|
|
|
+ data: month_arr_data,
|
|
|
|
|
+ axisLine: {
|
|
|
|
|
+ show: true,
|
|
|
|
|
+ lineStyle: {
|
|
|
|
|
+ color: "rgba(255,255,255,.1)",
|
|
|
|
|
+ width: 1,
|
|
|
|
|
+ type: "solid"
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+
|
|
|
|
|
+ axisTick: {
|
|
|
|
|
+ show: false,
|
|
|
|
|
+ },
|
|
|
|
|
+ axisLabel: {
|
|
|
|
|
+ interval: 0,
|
|
|
|
|
+ // rotate:50,
|
|
|
|
|
+ show: true,
|
|
|
|
|
+ splitNumber: 15,
|
|
|
|
|
+ textStyle: {
|
|
|
|
|
+ color: "rgba(255,255,255,.6)",
|
|
|
|
|
+ fontSize: '14',
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ }],
|
|
|
|
|
+ yAxis: [{
|
|
|
|
|
+ type: 'value',
|
|
|
|
|
+ axisLabel: {
|
|
|
|
|
+ //formatter: '{value} %'
|
|
|
|
|
+ show:true,
|
|
|
|
|
+ textStyle: {
|
|
|
|
|
+ color: "rgba(255,255,255,.6)",
|
|
|
|
|
+ fontSize: '14',
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ axisTick: {
|
|
|
|
|
+ show: false,
|
|
|
|
|
+ },
|
|
|
|
|
+ axisLine: {
|
|
|
|
|
+ show: true,
|
|
|
|
|
+ lineStyle: {
|
|
|
|
|
+ color: "rgba(255,255,255,.1 )",
|
|
|
|
|
+ width: 1,
|
|
|
|
|
+ type: "solid"
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ splitLine: {
|
|
|
|
|
+ lineStyle: {
|
|
|
|
|
+ color: "rgba(255,255,255,.1)",
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }],
|
|
|
|
|
+ series: [{
|
|
|
|
|
+ name: '农机',
|
|
|
|
|
+ type: 'bar',
|
|
|
|
|
+ data: order_month_info,
|
|
|
|
|
+ barWidth:'20%', //柱子宽度
|
|
|
|
|
+ // barGap: 1, //柱子之间间距
|
|
|
|
|
+ itemStyle: {
|
|
|
|
|
+ normal: {
|
|
|
|
|
+ color:'#2f89cf',
|
|
|
|
|
+ opacity: 1,
|
|
|
|
|
+ barBorderRadius: 5,
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }, {
|
|
|
|
|
+ name: '烘干',
|
|
|
|
|
+ type: 'bar',
|
|
|
|
|
+ data: refund_month_info,
|
|
|
|
|
+ barWidth:'20%',
|
|
|
|
|
+ // barGap: 1,
|
|
|
|
|
+ itemStyle: {
|
|
|
|
|
+ normal: {
|
|
|
|
|
+ color:'#62c98d',
|
|
|
|
|
+ opacity: 1,
|
|
|
|
|
+ barBorderRadius: 5,
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ },{
|
|
|
|
|
+ name: '飞防',
|
|
|
|
|
+ type: 'bar',
|
|
|
|
|
+ data: refund_month_info,
|
|
|
|
|
+ barWidth:'20%',
|
|
|
|
|
+ // barGap: 1,
|
|
|
|
|
+ itemStyle: {
|
|
|
|
|
+ normal: {
|
|
|
|
|
+ color:'#62c98d',
|
|
|
|
|
+ opacity: 1,
|
|
|
|
|
+ barBorderRadius: 5,
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ ]
|
|
|
|
|
+ };
|
|
|
//供需信息统计
|
|
//供需信息统计
|
|
|
option2 = {
|
|
option2 = {
|
|
|
// backgroundColor: '#00265f',
|
|
// backgroundColor: '#00265f',
|
|
@@ -1117,6 +1204,7 @@
|
|
|
myChart.setOption(option2);
|
|
myChart.setOption(option2);
|
|
|
myChart2.setOption(option);
|
|
myChart2.setOption(option);
|
|
|
myChartz.setOption(option3);
|
|
myChartz.setOption(option3);
|
|
|
|
|
+ myChart6.setOption(option6);
|
|
|
window.addEventListener("resize",function(){
|
|
window.addEventListener("resize",function(){
|
|
|
myChart.resize();
|
|
myChart.resize();
|
|
|
});
|
|
});
|