zhsq_qk_2.0/zhsq_qk-ui/src/views/fusion/fwyq.vue

<template>
  <div>
    
    <!-- 阴影背景 
    <div class="bj_left"><img src="@/assets/images/sprhbj-left.png"/></div>
    <div class="bj_right"><img src="@/assets/images/sprhbj-right.png"/></div>-->
    <div class="bj_bottom"><img src="@/assets/images/sprhbj-bottom.png"/></div>
    <!--头部开始-->
    <div class="header">
      <h1>城市运行一网统管指挥中心</h1>

    </div>
    <!--头部结束-->
	<!-- 小头部 开始 -->
	<div class="nav_min">
		<div class="top_txt">
		  <b>汽开区</b>
		  <span>小雨</span>
		  <span>9~16℃</span>
		</div>
		<div class="top_txt top_txt2">
		  <span>{{ currentTime }}</span>
		       <!--  <span>星期六</span>
		         <b>11:16:58</b> -->
		</div>
	</div>
	<!-- 小头部 结束 -->
	<!-- 中间内容 开始 -->
	<div class="qkq_con"> 
		
	
    <!--左侧开始-->
      <div class="con_left_a">
		  <div class="con_div">
			  <div class="qkq_tit ">一汽红旗项目服务局</div>
			  <div class="con_col">
				  <div class="con_col_c">
					  <span>招商计划</span>
					  <b>89</b>
				  </div>
				  <div class="con_col_c">
					  <span>实施计划</span>
					  <b>76</b>
				  </div>
				  <div class="con_col_c">
					  <span>占比</span>
					  <b>76%</b>
				  </div>
			  </div>
			  <div id="qkq_chart1" class="qkq_chart"></div>
			  <div class="con_col_2 clearfix">
				  <div class="con_col_c">
					  <span>服务企业</span>
					  <b>117</b>
					  <span>次</span>
				  </div>
				  <div class="con_col_c">
				  					  <span>服务企业</span>
				  					  <b>92</b>
				  					  <span>家</span>
				  </div>
				  <div class="con_col_c">
				  					  <span>服务覆盖率</span>
				  					  <b>97%</b>
				  </div>
				  <div class="con_col_c">
				  					  <span>服务满意率</span>
				  					  <b>100%</b>
				  </div>
			  				  
			  </div>
		  </div>
            <div class="con_div">
            			  <div class="qkq_tit ">一汽解放项目服务局</div>
            			  <div class="con_col">
            				  <div class="con_col_c">
            					  <span>招商计划</span>
            					  <b>89</b>
            				  </div>
            				  <div class="con_col_c">
            					  <span>实施计划</span>
            					  <b>76</b>
            				  </div>
            				  <div class="con_col_c">
            					  <span>占比</span>
            					  <b>76%</b>
            				  </div>
            			  </div>
            			  <div id="qkq_chart2" class="qkq_chart"></div>
            			  <div class="con_col_2 clearfix">
            				  <div class="con_col_c">
            					  <span>服务企业</span>
            					  <b>117</b>
            					  <span>次</span>
            				  </div>
            				  <div class="con_col_c">
            				  					  <span>服务企业</span>
            				  					  <b>92</b>
            				  					  <span>家</span>
            				  </div>
            				  <div class="con_col_c">
            				  					  <span>服务覆盖率</span>
            				  					  <b>97%</b>
            				  </div>
            				  <div class="con_col_c">
            				  					  <span>服务满意率</span>
            				  					  <b>100%</b>
            				  </div>
            			  				  
            			  </div>
            </div>
			<div class="con_div">
						  <div class="qkq_tit ">一汽轿车项目服务局</div>
						  <div class="con_col">
							  <div class="con_col_c">
								  <span>招商计划</span>
								  <b>89</b>
							  </div>
							  <div class="con_col_c">
								  <span>实施计划</span>
								  <b>76</b>
							  </div>
							  <div class="con_col_c">
								  <span>占比</span>
								  <b>76%</b>
							  </div>
						  </div>
						  <div id="qkq_chart3" class="qkq_chart"></div>
						  <div class="con_col_2 clearfix">
							  <div class="con_col_c">
								  <span>服务企业</span>
								  <b>117</b>
								  <span>次</span>
							  </div>
							  <div class="con_col_c">
							  					  <span>服务企业</span>
							  					  <b>92</b>
							  					  <span>家</span>
							  </div>
							  <div class="con_col_c">
							  					  <span>服务覆盖率</span>
							  					  <b>97%</b>
							  </div>
							  <div class="con_col_c">
							  					  <span>服务满意率</span>
							  					  <b>100%</b>
							  </div>		  
						  </div>
			</div>
			
      </div>
  <div class="con_left_b">
	  <div class="con_div">
	  	<div class="qkq_tit ">政策法规</div>
		<div class="qkq_zcfg">
			<p>汽开区的一些政策法规的列表展示<span>2024-01-01</span></p>
			<p>汽开区的一些政策法规的列表展示<span>2024-01-01</span></p>
			<p>汽开区的一些政策法规的列表展示<span>2024-01-01</span></p>
			<p>汽开区的一些政策法规的列表展示<span>2024-01-01</span></p>
			<p>汽开区的一些政策法规的列表展示<span>2024-01-01</span></p>
			<p>汽开区的一些政策法规的列表展示<span>2024-01-01</span></p>
			<p>汽开区的一些政策法规的列表展示<span>2024-01-01</span></p>
			<p>汽开区的一些政策法规的列表展示<span>2024-01-01</span></p>
			<p>汽开区的一些政策法规的列表展示<span>2024-01-01</span></p>
			<p>汽开区的一些政策法规的列表展示<span>2024-01-01</span></p>
			<p>汽开区的一些政策法规的列表展示<span>2024-01-01</span></p>
			<p>汽开区的一些政策法规的列表展示<span>2024-01-01</span></p>
			<p>汽开区的一些政策法规的列表展示<span>2024-01-01</span></p>
			<p>汽开区的一些政策法规的列表展示<span>2024-01-01</span></p>
			<p>汽开区的一些政策法规的列表展示<span>2024-01-01</span></p>
			<p>汽开区的一些政策法规的列表展示<span>2024-01-01</span></p>
		</div>
		<div id="qkq_zxt"></div>
	  </div>	
	  <div class="con_div">
	  	<div class="qkq_tit ">万人助万企</div>
		<div class="qkq_wrzwq clearfix">
			<div class="qkq_si_div">
				<p><b>728</b><span>次</span></p>
				<p>深入企业</p>
			</div>
			<div class="qkq_si_div">
				<p><b>787</b><span>万元</span></p>
				<p>输送补贴</p>
			</div>
			<div class="qkq_si_div">
				<p><b>187</b><span>个</span></p>
				<p>输送岗位</p>
			</div>
			<div class="qkq_si_div">
				<p><b>92</b><span>项</span></p>
				<p>提供政策</p>
			</div>
		</div>
	   </div>
</div>
<div class="con_left_c">
	  <div class="con_div">
	  	<div class="qkq_tit ">招商指标/实施数量</div>
		<div class="clearfix">
		<div id="qkq_zszb1"></div>
		<div id="qkq_zszb2"></div>
		<div class="qkq_zsss">
			<p>招商指标：500个</p>
			<p>实施数量：500个</p>
		</div>
		</div>
		</div>
		<div class="con_div">
			<div id="qkq_btzb"></div>
		</div>
		<div class="con_div">
			<div class="qkq_tit ">服务企业台账</div>
				<div class="qkq_wrzwq clearfix">
					<div class="qkq_si_div">
						<p><b>728</b><span>次</span></p>
						<p>深入企业</p>
					</div>
					<div class="qkq_si_div">
						<p><b>787</b><span>万元</span></p>
						<p>输送补贴</p>
					</div>
					<div class="qkq_si_div">
						<p><b>187</b><span>个</span></p>
						<p>输送岗位</p>
					</div>
					<div class="qkq_si_div">
						<p><b>92</b><span>项</span></p>
						<p>提供政策</p>
					</div>
				</div>
		 </div>
</div>
<div class="con_left_d">
		  <div class="con_div">
			  <div class="qkq_tit ">汽车零部件产业局</div>
			  <div class="con_col">
				  <div class="con_col_c">
					  <span>招商计划</span>
					  <b>89</b>
				  </div>
				  <div class="con_col_c">
					  <span>实施计划</span>
					  <b>76</b>
				  </div>
				  <div class="con_col_c">
					  <span>占比</span>
					  <b>76%</b>
				  </div>
			  </div>
			  <div id="qkq_chart4" class="qkq_chart"></div>
			  <div class="con_col_2 clearfix">
				  <div class="con_col_c">
					  <span>服务企业</span>
					  <b>117</b>
					  <span>次</span>
				  </div>
				  <div class="con_col_c">
				  					  <span>服务企业</span>
				  					  <b>92</b>
				  					  <span>家</span>
				  </div>
				  <div class="con_col_c">
				  					  <span>服务覆盖率</span>
				  					  <b>97%</b>
				  </div>
				  <div class="con_col_c">
				  					  <span>服务满意率</span>
				  					  <b>100%</b>
				  </div>
			  				  
			  </div>
		  </div>
            <div class="con_div">
            			  <div class="qkq_tit ">一汽大众项目服务局</div>
            			  <div class="con_col">
            				  <div class="con_col_c">
            					  <span>招商计划</span>
            					  <b>89</b>
            				  </div>
            				  <div class="con_col_c">
            					  <span>实施计划</span>
            					  <b>76</b>
            				  </div>
            				  <div class="con_col_c">
            					  <span>占比</span>
            					  <b>76%</b>
            				  </div>
            			  </div>
            			  <div id="qkq_chart5" class="qkq_chart"></div>
            			  <div class="con_col_2 clearfix">
            				  <div class="con_col_c">
            					  <span>服务企业</span>
            					  <b>117</b>
            					  <span>次</span>
            				  </div>
            				  <div class="con_col_c">
            				  					  <span>服务企业</span>
            				  					  <b>92</b>
            				  					  <span>家</span>
            				  </div>
            				  <div class="con_col_c">
            				  					  <span>服务覆盖率</span>
            				  					  <b>97%</b>
            				  </div>
            				  <div class="con_col_c">
            				  					  <span>服务满意率</span>
            				  					  <b>100%</b>
            				  </div>
            			  				  
            			  </div>
            </div>
			<div class="con_div">
						  <div class="qkq_tit ">一汽丰田项目服务局</div>
						  <div class="con_col">
							  <div class="con_col_c">
								  <span>招商计划</span>
								  <b>89</b>
							  </div>
							  <div class="con_col_c">
								  <span>实施计划</span>
								  <b>76</b>
							  </div>
							  <div class="con_col_c">
								  <span>占比</span>
								  <b>76%</b>
							  </div>
						  </div>
						  <div id="qkq_chart6" class="qkq_chart"></div>
						  <div class="con_col_2 clearfix">
							  <div class="con_col_c">
								  <span>服务企业</span>
								  <b>117</b>
								  <span>次</span>
							  </div>
							  <div class="con_col_c">
							  					  <span>服务企业</span>
							  					  <b>92</b>
							  					  <span>家</span>
							  </div>
							  <div class="con_col_c">
							  					  <span>服务覆盖率</span>
							  					  <b>97%</b>
							  </div>
							  <div class="con_col_c">
							  					  <span>服务满意率</span>
							  					  <b>100%</b>
							  </div>		  
						  </div>
			</div>
			
      </div>

    <!--左侧结束-->
</div>
<!-- 中间内容 结束 -->


    <!--底部开始-->
    <div class="footer">
      <div class="nav-bottom">
        <div class="nav-bottom-left">
          <div class="nav-li-left">
            <span>经济运行</span>
          </div>
          <div class="nav-li-left">
            <span>城市管理</span>
          </div>
          <div class="nav-li-left" @click="handleNavigation('jtzl')">
            <span>交通治理</span>
          </div>
          <div class="nav-li-left" @click="handleNavigation('jczl')">
            <span>基层治理</span>
          </div>
        </div>
        <div class="nav-home-middle" @click="homePage('weather')">
          <img src="@/assets/images/home-btn.png"/>
          <a>返回首页</a>
        </div>
        <div class="nav-bottom-right">
          <div class="nav-li-right">
            <span>营商环境</span>
          </div>
          <div class="nav-li-right" @click="handleNavigation('yshj')">
            <span>政务运行</span>
          </div>
          <div class="nav-li-right on" @click="handleNavigation('sprh')">
            <span>安全应急</span>
          </div>
          <div class="nav-li-right">
            <span>服务一汽</span>
          </div>
        </div>
      </div>
    </div>
    <!--底部开始-->
  </div>
</template>

<script>
import * as echarts from 'echarts'
import $ from 'jquery'
import jQuery from 'jquery'
import "@/assets/images/qkq_body.css";
import "@/assets/images/qkq_index.css";
import "@/assets/images/qkq_sprh.css";
import {getCameraList} from "@/api/system/camera";
import supermap from "@/views/supermap/supermap";


export default {
  name: "fwyq",
  components: {
    supermap
  },
  data() {
    return {
      dropdownVisible: false,
      cameras: [],
      sltProps: null,
      currentTime: '',
      btnOne: true,
      btnTwo: false
    };
    // 可根据实际情况添加更多设备列表
  },
  created() {
  },
  mounted() {
    this.qkq_chart1();
    this.qkq_chart2();
    this.qkq_chart3();
    this.qkq_chart4();
    this.qkq_chart5();
    this.qkq_chart6();
	this.getCurrentTime();
	this.qkq_zxt();
	this.qkq_zszb1();
	this.qkq_zszb2();
	this.qkq_btzb();
    // 每秒刷新时间
    setInterval(() => {
      this.getCurrentTime();
    }, 1000);
  },

  methods: {
    sltHandle() {
      this.btnOne = true
      this.btnTwo = false
      this.$refs.supermap.getSupermap(null, null, null, "slt", null, null)
    },
    yxtHandle() {
      this.btnTwo = true
      this.btnOne = false
      this.$refs.supermap.getSupermap(null, null, null, "yxt", null, null)
    },
    handleNavigation(route) {
      this.$router.push({path: route});
    },
    homePage(route) {
      this.$router.push({path: route});
    },
    cameraList() {
      getCameraList().then(response => {
        this.cameras = response.data;
      })
    },
    toggleDropdown(event) {
      this.dropdownVisible = !this.dropdownVisible;
    },

    qkq_chart1() {
      //一汽红旗项目服务局
      var myChart = echarts.init(document.getElementById('qkq_chart1'));
     var baifenbi = [0.333, 0.444];
     var zongjine = [2000, 3000];
     var xingm = ['工业类招商', '商业类招商'];
    var option = {
         color: ['#4171ab'], //进度条颜色
         grid: {
              left: '2%',  //如果离左边太远就用这个......
              right: '2%',
              bottom: '-20',
              top: '5%',
              containLabel: true
          },
         xAxis: [{
                 show: false,
             },
             //由于下边X轴已经是百分比刻度了,所以需要在顶部加一个X轴,刻度是金额,也隐藏掉
             {
                 show: false,
             }
         ],
         yAxis: [{
             type: 'category',
             axisLabel: {
                 show: false, //让Y轴数据不显示
             },
             itemStyle: {
     
             },
             axisTick: {
                 show: false, //隐藏Y轴刻度
             },
             axisLine: {
                 show: false, //隐藏Y轴线段
             },
             data: xingm,
         },{
             show: true,
             inverse: true,
             data: zongjine,
             axisLabel: {
                 textStyle: {
                     fontSize:14,
                     color: '#02d9fc'
                 },
                 formatter: '{value} '
             },
             axisLine: {
                 show: false
             },
             splitLine: {
                 show: false
             },
             axisTick: {
                 show: false
             },
         }],
         series: [
          
             //蓝条--------------------我是分割线君------------------------------//
             {
                 show: true,
                 type: 'bar',
                 barGap: '-100%',
                 barWidth: '35%', //统计条宽度
                 itemStyle: {
                     normal: {
                       color: function(params) {
                             return {
                                 type: 'linear',
                                 x: 0,
                                 y: 1,
                                 x2: 0,
                                 y2: 0,
                                 colorStops: [{
                                     offset: 0,
                                     color: '#0d3b91'
                                 }, {
                                     offset: 1,
                                     color: '#00abda'
                                 }],
                             }
                         },
                     },
                 },
                 max: 1,
                 labelLine: {
                     show: false,
                 },
                 z: 2,
                 data: baifenbi,
             },
             //数据条--------------------我是分割线君------------------------------//
             {
                 show: true,
                 type: 'bar',
                 xAxisIndex: 1, //代表使用第二个X轴刻度!!!!!!!!!!!!!!!!!!!!!!!!
                 barGap: '-100%',
                 barWidth: '45%', //统计条宽度
                 itemStyle: {
                     normal: {
                         barBorderRadius: 200,
                         color: 'rgba(20, 47, 104, 0.0)'
                     },
                 },
                 label: {
                     normal: {
                         show: true,
                         //label 的position位置可以是top bottom left,right,也可以是固定值
                         //在这里需要上下统一对齐,所以用固定值
                         position: [0, '-100%'],
                         rich: { //富文本
                             white: { //自定义颜色
                                 color: '#ffffff',
                             },
                             green: {
                                 color: '#70DDA7',
                             },
                             yellow: {
                                 color: '#CCB877',
                             },
                             red: {
                                 color: '#BC3C47',
                             },
                             gray: {
                                 color: '#727CBA'
                             }
                         },
                         formatter: function(data) {
                             //富文本固定格式{colorName|这里填你想要写的内容}
                                 return '{white|' + xingm[data.dataIndex] + '}';
     
                         },
                     }
                 },
                 data: zongjine
             }
     
         ]
     };
      if (option) {
        myChart.setOption(option);
      }
    },

    qkq_chart2() {
      //一汽解放项目服务局
      var myChart = echarts.init(document.getElementById('qkq_chart2'));
     var baifenbi = [0.333, 0.444];
      var zongjine = [2000, 3000];
      var xingm = ['工业类招商', '商业类招商'];
     var option = {
          color: ['#61A8FF'], //进度条颜色
          grid: {
               left: '2%',  //如果离左边太远就用这个......
               right: '2%',
               bottom: '-20',
               top: '5%',
               containLabel: true
           },
          xAxis: [{
                  show: false,
              },
              //由于下边X轴已经是百分比刻度了,所以需要在顶部加一个X轴,刻度是金额,也隐藏掉
              {
                  show: false,
              }
          ],
          yAxis: [{
              type: 'category',
              axisLabel: {
                  show: false, //让Y轴数据不显示
              },
              itemStyle: {
      
              },
              axisTick: {
                  show: false, //隐藏Y轴刻度
              },
              axisLine: {
                  show: false, //隐藏Y轴线段
              },
              data: xingm,
          },{
              show: true,
              inverse: true,
              data: zongjine,
              axisLabel: {
                  textStyle: {
                      fontSize:14,
                      color: '#02d9fc'
                  },
                  formatter: '{value} '
              },
              axisLine: {
                  show: false
              },
              splitLine: {
                  show: false
              },
              axisTick: {
                  show: false
              },
          }],
          series: [
           
              //蓝条--------------------我是分割线君------------------------------//
              {
                  show: true,
                  type: 'bar',
                  barGap: '-100%',
                  barWidth: '35%', //统计条宽度
                  itemStyle: {
                      normal: {
                        color: function(params) {
                              return {
                                  type: 'linear',
                                  x: 0,
                                  y: 1,
                                  x2: 0,
                                  y2: 0,
                                 colorStops: [{
                                     offset: 0,
                                     color: '#0d3b91'
                                 }, {
                                     offset: 1,
                                     color: '#00abda'
                                 }],
                              }
                          },
                      },
                  },
                  max: 1,
                  labelLine: {
                      show: false,
                  },
                  z: 2,
                  data: baifenbi,
              },
              //数据条--------------------我是分割线君------------------------------//
              {
                  show: true,
                  type: 'bar',
                  xAxisIndex: 1, //代表使用第二个X轴刻度!!!!!!!!!!!!!!!!!!!!!!!!
                  barGap: '-100%',
                  barWidth: '45%', //统计条宽度
                  itemStyle: {
                      normal: {
                          barBorderRadius: 200,
                          color: 'rgba(20, 47, 104, 0.0)'
                      },
                  },
                  label: {
                      normal: {
                          show: true,
                          //label 的position位置可以是top bottom left,right,也可以是固定值
                          //在这里需要上下统一对齐,所以用固定值
                          position: [0, '-100%'],
                          rich: { //富文本
                              white: { //自定义颜色
                                  color: '#ffffff',
                              },
                              green: {
                                  color: '#70DDA7',
                              },
                              yellow: {
                                  color: '#CCB877',
                              },
                              red: {
                                  color: '#BC3C47',
                              },
                              gray: {
                                  color: '#727CBA'
                              }
                          },
                          formatter: function(data) {
                              //富文本固定格式{colorName|这里填你想要写的内容}
                                  return '{white|' + xingm[data.dataIndex] + '}';
      
                          },
                      }
                  },
                  data: zongjine
              }
      
          ]
      };
     if (option) {
       myChart.setOption(option);
     }
    },

    qkq_chart3() {
      // 一汽轿车项目服务局
      var myChart = echarts.init(document.getElementById('qkq_chart3'));
	  var baifenbi = [0.333, 0.444];
	   var zongjine = [2000, 3000];
	   var xingm = ['工业类招商', '商业类招商'];
	  var option = {
	       color: ['#61A8FF'], //进度条颜色
	       grid: {
	            left: '2%',  //如果离左边太远就用这个......
	            right: '2%',
	            bottom: '-20',
	            top: '5%',
	            containLabel: true
	        },
	       xAxis: [{
	               show: false,
	           },
	           //由于下边X轴已经是百分比刻度了,所以需要在顶部加一个X轴,刻度是金额,也隐藏掉
	           {
	               show: false,
	           }
	       ],
	       yAxis: [{
	           type: 'category',
	           axisLabel: {
	               show: false, //让Y轴数据不显示
	           },
	           itemStyle: {
	   
	           },
	           axisTick: {
	               show: false, //隐藏Y轴刻度
	           },
	           axisLine: {
	               show: false, //隐藏Y轴线段
	           },
	           data: xingm,
	       },{
	           show: true,
	           inverse: true,
	           data: zongjine,
	           axisLabel: {
	               textStyle: {
	                   fontSize:14,
	                   color: '#02d9fc'
	               },
	               formatter: '{value} '
	           },
	           axisLine: {
	               show: false
	           },
	           splitLine: {
	               show: false
	           },
	           axisTick: {
	               show: false
	           },
	       }],
	       series: [
	        
	           //蓝条--------------------我是分割线君------------------------------//
	           {
	               show: true,
	               type: 'bar',
	               barGap: '-100%',
	               barWidth: '35%', //统计条宽度
	               itemStyle: {
	                   normal: {
	                     color: function(params) {
	                           return {
	                               type: 'linear',
	                               x: 0,
	                               y: 1,
	                               x2: 0,
	                               y2: 0,
	                             colorStops: [{
	                                 offset: 0,
	                                 color: '#0d3b91'
	                             }, {
	                                 offset: 1,
	                                 color: '#00abda'
	                             }],
	                           }
	                       },
	                   },
	               },
	               max: 1,
	               labelLine: {
	                   show: false,
	               },
	               z: 2,
	               data: baifenbi,
	           },
	           //数据条--------------------我是分割线君------------------------------//
	           {
	               show: true,
	               type: 'bar',
	               xAxisIndex: 1, //代表使用第二个X轴刻度!!!!!!!!!!!!!!!!!!!!!!!!
	               barGap: '-100%',
	               barWidth: '45%', //统计条宽度
	               itemStyle: {
	                   normal: {
	                       barBorderRadius: 200,
	                       color: 'rgba(20, 47, 104, 0.0)'
	                   },
	               },
	               label: {
	                   normal: {
	                       show: true,
	                       //label 的position位置可以是top bottom left,right,也可以是固定值
	                       //在这里需要上下统一对齐,所以用固定值
	                       position: [0, '-100%'],
	                       rich: { //富文本
	                           white: { //自定义颜色
	                               color: '#ffffff',
	                           },
	                           green: {
	                               color: '#70DDA7',
	                           },
	                           yellow: {
	                               color: '#CCB877',
	                           },
	                           red: {
	                               color: '#BC3C47',
	                           },
	                           gray: {
	                               color: '#727CBA'
	                           }
	                       },
	                       formatter: function(data) {
	                           //富文本固定格式{colorName|这里填你想要写的内容}
	                               return '{white|' + xingm[data.dataIndex] + '}';
	   
	                       },
	                   }
	               },
	               data: zongjine
	           }
	   
	       ]
	   };
     if (option) {
       myChart.setOption(option);
     }
    },

    getCurrentTime() {
      const now = new Date();
      const year = now.getFullYear();
      const month = now.getMonth() + 1;
      const date = now.getDate();
      const day = now.getDay();
      const weekDays = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
      const hour = now.getHours();
      const minute = now.getMinutes();
      const second = now.getSeconds();

      const formattedMonth = month < 10 ? `0${month}` : month;
      const formattedDate = date < 10 ? `0${date}` : date;
      const formattedHour = hour < 10 ? `0${hour}` : hour;
      const formattedMinute = minute < 10 ? `0${minute}` : minute;
      const formattedSecond = second < 10 ? `0${second}` : second;

      this.currentTime = `${year}年${formattedMonth}月${formattedDate}日 ${weekDays[day]} ${formattedHour}:${formattedMinute}:${formattedSecond}`;
    },

    qkq_chart4() {
      //摄像头统计
      var myChart = echarts.init(document.getElementById('qkq_chart4'));
     var baifenbi = [0.333, 0.444];
      var zongjine = [2000, 3000];
      var xingm = ['工业类招商', '商业类招商'];
     var option = {
          color: ['#61A8FF'], //进度条颜色
          grid: {
               left: '2%',  //如果离左边太远就用这个......
               right: '2%',
               bottom: '-20',
               top: '5%',
               containLabel: true
           },
          xAxis: [{
                  show: false,
              },
              //由于下边X轴已经是百分比刻度了,所以需要在顶部加一个X轴,刻度是金额,也隐藏掉
              {
                  show: false,
              }
          ],
          yAxis: [{
              type: 'category',
              axisLabel: {
                  show: false, //让Y轴数据不显示
              },
              itemStyle: {
      
              },
              axisTick: {
                  show: false, //隐藏Y轴刻度
              },
              axisLine: {
                  show: false, //隐藏Y轴线段
              },
              data: xingm,
          },{
              show: true,
              inverse: true,
              data: zongjine,
              axisLabel: {
                  textStyle: {
                      fontSize:14,
                      color: '#02d9fc'
                  },
                  formatter: '{value} '
              },
              axisLine: {
                  show: false
              },
              splitLine: {
                  show: false
              },
              axisTick: {
                  show: false
              },
          }],
          series: [
           
              //蓝条--------------------我是分割线君------------------------------//
              {
                  show: true,
                  type: 'bar',
                  barGap: '-100%',
                  barWidth: '35%', //统计条宽度
                  itemStyle: {
                      normal: {
                        color: function(params) {
                              return {
                                  type: 'linear',
                                  x: 0,
                                  y: 1,
                                  x2: 0,
                                  y2: 0,
                                 colorStops: [{
                                     offset: 0,
                                     color: '#0d3b91'
                                 }, {
                                     offset: 1,
                                     color: '#00abda'
                                 }],
                              }
                          },
                      },
                  },
                  max: 1,
                  labelLine: {
                      show: false,
                  },
                  z: 2,
                  data: baifenbi,
              },
              //数据条--------------------我是分割线君------------------------------//
              {
                  show: true,
                  type: 'bar',
                  xAxisIndex: 1, //代表使用第二个X轴刻度!!!!!!!!!!!!!!!!!!!!!!!!
                  barGap: '-100%',
                  barWidth: '45%', //统计条宽度
                  itemStyle: {
                      normal: {
                          barBorderRadius: 200,
                          color: 'rgba(20, 47, 104, 0.0)'
                      },
                  },
                  label: {
                      normal: {
                          show: true,
                          //label 的position位置可以是top bottom left,right,也可以是固定值
                          //在这里需要上下统一对齐,所以用固定值
                          position: [0, '-100%'],
                          rich: { //富文本
                              white: { //自定义颜色
                                  color: '#ffffff',
                              },
                              green: {
                                  color: '#70DDA7',
                              },
                              yellow: {
                                  color: '#CCB877',
                              },
                              red: {
                                  color: '#BC3C47',
                              },
                              gray: {
                                  color: '#727CBA'
                              }
                          },
                          formatter: function(data) {
                              //富文本固定格式{colorName|这里填你想要写的内容}
                                  return '{white|' + xingm[data.dataIndex] + '}';
      
                          },
                      }
                  },
                  data: zongjine
              }
      
          ]
      };
      if (option) {
        myChart.setOption(option);
      }
    },
	qkq_chart5() {
	  //摄像头统计
	  var myChart = echarts.init(document.getElementById('qkq_chart5'));
	 var baifenbi = [0.333, 0.444];
	  var zongjine = [2000, 3000];
	  var xingm = ['工业类招商', '商业类招商'];
	 var option = {
	      color: ['#61A8FF'], //进度条颜色
	      grid: {
	           left: '2%',  //如果离左边太远就用这个......
	           right: '2%',
	           bottom: '-20',
	           top: '5%',
	           containLabel: true
	       },
	      xAxis: [{
	              show: false,
	          },
	          //由于下边X轴已经是百分比刻度了,所以需要在顶部加一个X轴,刻度是金额,也隐藏掉
	          {
	              show: false,
	          }
	      ],
	      yAxis: [{
	          type: 'category',
	          axisLabel: {
	              show: false, //让Y轴数据不显示
	          },
	          itemStyle: {
	  
	          },
	          axisTick: {
	              show: false, //隐藏Y轴刻度
	          },
	          axisLine: {
	              show: false, //隐藏Y轴线段
	          },
	          data: xingm,
	      },{
	          show: true,
	          inverse: true,
	          data: zongjine,
	          axisLabel: {
	              textStyle: {
	                  fontSize:14,
	                  color: '#02d9fc'
	              },
	              formatter: '{value} '
	          },
	          axisLine: {
	              show: false
	          },
	          splitLine: {
	              show: false
	          },
	          axisTick: {
	              show: false
	          },
	      }],
	      series: [
	       
	          //蓝条--------------------我是分割线君------------------------------//
	          {
	              show: true,
	              type: 'bar',
	              barGap: '-100%',
	              barWidth: '35%', //统计条宽度
	              itemStyle: {
	                  normal: {
	                    color: function(params) {
	                          return {
	                              type: 'linear',
	                              x: 0,
	                              y: 1,
	                              x2: 0,
	                              y2: 0,
	                             colorStops: [{
	                                 offset: 0,
	                                 color: '#0d3b91'
	                             }, {
	                                 offset: 1,
	                                 color: '#00abda'
	                             }],
	                          }
	                      },
	                  },
	              },
	              max: 1,
	              labelLine: {
	                  show: false,
	              },
	              z: 2,
	              data: baifenbi,
	          },
	          //数据条--------------------我是分割线君------------------------------//
	          {
	              show: true,
	              type: 'bar',
	              xAxisIndex: 1, //代表使用第二个X轴刻度!!!!!!!!!!!!!!!!!!!!!!!!
	              barGap: '-100%',
	              barWidth: '45%', //统计条宽度
	              itemStyle: {
	                  normal: {
	                      barBorderRadius: 200,
	                      color: 'rgba(20, 47, 104, 0.0)'
	                  },
	              },
	              label: {
	                  normal: {
	                      show: true,
	                      //label 的position位置可以是top bottom left,right,也可以是固定值
	                      //在这里需要上下统一对齐,所以用固定值
	                      position: [0, '-100%'],
	                      rich: { //富文本
	                          white: { //自定义颜色
	                              color: '#ffffff',
	                          },
	                          green: {
	                              color: '#70DDA7',
	                          },
	                          yellow: {
	                              color: '#CCB877',
	                          },
	                          red: {
	                              color: '#BC3C47',
	                          },
	                          gray: {
	                              color: '#727CBA'
	                          }
	                      },
	                      formatter: function(data) {
	                          //富文本固定格式{colorName|这里填你想要写的内容}
	                              return '{white|' + xingm[data.dataIndex] + '}';
	  
	                      },
	                  }
	              },
	              data: zongjine
	          }
	  
	      ]
	  };
	  if (option) {
	    myChart.setOption(option);
	  }
	},
	qkq_chart6() {
	  //摄像头统计
	  var myChart = echarts.init(document.getElementById('qkq_chart6'));
	 var baifenbi = [0.333, 0.444];
	  var zongjine = [2000, 3000];
	  var xingm = ['工业类招商', '商业类招商'];
	 var option = {
	      color: ['#61A8FF'], //进度条颜色
	      grid: {
	           left: '2%',  //如果离左边太远就用这个......
	           right: '2%',
	           bottom: '-20',
	           top: '5%',
	           containLabel: true
	       },
	      xAxis: [{
	              show: false,
	          },
	          //由于下边X轴已经是百分比刻度了,所以需要在顶部加一个X轴,刻度是金额,也隐藏掉
	          {
	              show: false,
	          }
	      ],
	      yAxis: [{
	          type: 'category',
	          axisLabel: {
	              show: false, //让Y轴数据不显示
	          },
	          itemStyle: {
	  
	          },
	          axisTick: {
	              show: false, //隐藏Y轴刻度
	          },
	          axisLine: {
	              show: false, //隐藏Y轴线段
	          },
	          data: xingm,
	      },{
	          show: true,
	          inverse: true,
	          data: zongjine,
	          axisLabel: {
	              textStyle: {
	                  fontSize:14,
	                  color: '#02d9fc'
	              },
	              formatter: '{value} '
	          },
	          axisLine: {
	              show: false
	          },
	          splitLine: {
	              show: false
	          },
	          axisTick: {
	              show: false
	          },
	      }],
	      series: [
	       
	          //蓝条--------------------我是分割线君------------------------------//
	          {
	              show: true,
	              type: 'bar',
	              barGap: '-100%',
	              barWidth: '35%', //统计条宽度
	              itemStyle: {
	                  normal: {
	                    color: function(params) {
	                          return {
	                              type: 'linear',
	                              x: 0,
	                              y: 1,
	                              x2: 0,
	                              y2: 0,
	                            colorStops: [{
	                                offset: 0,
	                                color: '#0d3b91'
	                            }, {
	                                offset: 1,
	                                color: '#00abda'
	                            }],
	                          }
	                      },
	                  },
	              },
	              max: 1,
	              labelLine: {
	                  show: false,
	              },
	              z: 2,
	              data: baifenbi,
	          },
	          //数据条--------------------我是分割线君------------------------------//
	          {
	              show: true,
	              type: 'bar',
	              xAxisIndex: 1, //代表使用第二个X轴刻度!!!!!!!!!!!!!!!!!!!!!!!!
	              barGap: '-100%',
	              barWidth: '45%', //统计条宽度
	              itemStyle: {
	                  normal: {
	                      barBorderRadius: 200,
	                      color: 'rgba(20, 47, 104, 0.0)'
	                  },
	              },
	              label: {
	                  normal: {
	                      show: true,
	                      //label 的position位置可以是top bottom left,right,也可以是固定值
	                      //在这里需要上下统一对齐,所以用固定值
	                      position: [0, '-100%'],
	                      rich: { //富文本
	                          white: { //自定义颜色
	                              color: '#ffffff',
	                          },
	                          green: {
	                              color: '#70DDA7',
	                          },
	                          yellow: {
	                              color: '#CCB877',
	                          },
	                          red: {
	                              color: '#BC3C47',
	                          },
	                          gray: {
	                              color: '#727CBA'
	                          }
	                      },
	                      formatter: function(data) {
	                          //富文本固定格式{colorName|这里填你想要写的内容}
	                              return '{white|' + xingm[data.dataIndex] + '}';
	  
	                      },
	                  }
	              },
	              data: zongjine
	          }
	  
	      ]
	  };
	  if (option) {
	    myChart.setOption(option);
	  }
	},
	qkq_zxt(){
		  var myChart = echarts.init(document.getElementById('qkq_zxt'));
		 var option = {
		    title: {
		        text: '',
		        x:'center',
		        textStyle:{
		            fontSize:14,
		            color:'#fff',
		        },
		    },
		    grid: {
		        top:'16%',
		        left: '3%',
		        right: '1%',
		        bottom: '3%',
		        containLabel: true
		    },
		    legend: {
		        top:'4%',
		        textStyle:{
		            fontSize:14,
		            color:'#fff',
		        },
		    },
		    tooltip:{
		        trigger:'item',
		        position:'top',
		        backgroundColor:'transparent',
		        padding:0,
		        formatter:function(params,ticket,callback) {
		            var html = '';
		            if(params.seriesIndex === 0) {
		                html += '<p style="color:red;">'+params.value+'</p>';
		            }else if(params.seriesIndex === 1) {
		                html += '<p style="color:green;">'+params.value+'</p>';
		            }
		            return html;
		        },
		    },
		    xAxis: {
		        axisLabel:{
		            fontSize:12,
		            color:'#fff'
		        },
		        axisLine:{
		            lineStyle:{
		                color:'#073073',
		                type:'solid'
		            }
		        },
		        splitLine:{
		            show:false,  
		        },
		        axisTick:{
		            show:false
		        },
		        data: ['2011', '2012', '2013', '2014', '2015', '2016', '2017']
		    },
		    yAxis: {
		        type:'value',
		        name:'',
		        nameLocation:'end',
		        nameTextStyle:{
		            fontSize:12,
		            color:'#073073'
		        },
		        axisLabel:{
		            fontSize:12,
		            color:'#fff'
		        },
		        axisLine:{
		            lineStyle:{
		                color:'#073073',
		            }
		        },
		        splitLine:{
		            show:false,
		            lineStyle:{
		                color:'#073073',
		                width:1,
		                type:'dashed',
		            }
		        },
		        axisTick:{
		            show:false
		        }
		    },
		    series: [{
		        name:'招商计划',
		        type: 'line',
		        symbol:'circle',
		        symbolSize:8,
		        itemStyle:{
		            color:'#0c96ff',
		            borderColor:'rgb(12,150,255,0.3)',
		            borderWidth:4,
		        },
		        areaStyle:{
					color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
						offset: 0.3,
						color: 'rgba(58,132,255,0)'
					}, {
						offset: 1,
						color: 'rgba(58,132,255,0.35)'
					}]),
		        },
		        emphasis:{
		            itemStyle:{
		                color:'#0c96ff',
		                borderColor:'rgb(12,150,255,0.3)',
		                borderWidth:4,
		            }
		        },
		        data:[220, 182, 191, 234, 290, 330, 310],
		    },{
		        name:'实施计划',
		        type: 'line',
		        symbol:'circle',
		        symbolSize:8,
		        itemStyle:{
		            color:'#00ffff',
		            borderColor:'rgb(0,255,255,0.3)',
		            borderWidth:4,
		        },
		        areaStyle:{
					color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
						offset: 0.3,
						color: 'rgba(58,132,255,0)'
					}, {
						offset: 1,
						color: 'rgba(58,132,255,0.35)'
					}]),
		        },
		        data:[212, 12, 11, 84, 129, 30, 110]
		    }]
		};
	if (option) {
	  myChart.setOption(option);
	}	
	},
	qkq_zszb1(){
		  var myChart = echarts.init(document.getElementById('qkq_zszb1'));
	const dataArr = [
	    {
	        value: 50,
	        name: '招商指标',
	    },
	];
	const color = new echarts.graphic.LinearGradient(0, 0, 1, 0, [
	    {
	        offset: 0,
	        color: '#1f79b6', // 0% 处的颜色
	    },
	    {
	        offset: 1,
	        color: '#0dd2db', // 100% 处的颜色
	    },
	]);
	const colorSet = [
	    [0.50, color],
	    [1, '#15337C'],
	];
	const rich = {
	    white: {
	        fontSize: 14,
	        color: '#fff',
	        fontWeight: '500',
	    },
	    bule: {
	        fontSize: 22,
	        fontFamily: 'DINBold',
	        color: '#fff',
	        fontWeight: '700',
	    },
	    radius: {
	        width: 350,
	        height: 80,
	        // lineHeight:80,
	        borderWidth: 1,
	        borderColor: '#0092F2',
	        fontSize: 14,
	        color: '#fff',
	        backgroundColor: '#1B215B',
	        borderRadius: 20,
	        textAlign: 'center',
	    },
	    size: {
	        height: 400,
	        padding: [100, 0, 0, 0],
	    },
	};
	var option = {
	    tooltip: {
	        formatter: '{a} <br/>{b} : {c}%',
	    },
	
	    series: [
	        {
	            type: 'gauge',
	            radius: '70%',
	            startAngle: '225',
	            endAngle: '-45',
	            pointer: {
	                show: false,
	            },
	            detail: {
	                formatter: function (value) {
	                    var num = Math.round(value);
	                    return '{bule|' + num + '}{white|个}';
	                },
	                rich: rich,
	                offsetCenter: ['0%', '0%'],
	            },
	           
	            data: dataArr,
	            title: {
	                show: true,
	                color: '#fff',
	                offsetCenter: ['0', '75%'],
	                fontSize: 14
	            },
	            axisLine: {
	                show: true,
	                lineStyle: {
	                    color: colorSet,
	                    width: 18,
	                    shadowOffsetX: 0,
	                    shadowOffsetY: 0,
	                    opacity: 1,
	                },
	            },
	            axisTick: {
	                show: false,
	            },
	            splitLine: {
	                show: false,
	                length: 35,
	                lineStyle: {
	                    color: '#00377a',
	                    width: 2,
	                    type: 'solid',
	                },
	            },
	            axisLabel: {
	                show: false,
	            },
	        },
	    ],
	};
		  
		if(option){
		myChart.setOption(option);
		}
	},
	qkq_zszb2(){
		  var myChart = echarts.init(document.getElementById('qkq_zszb2'));
		const dataArr = [
		    {
		        value: 91,
		        name: '实施数量',
		    },
		];
		const color = new echarts.graphic.LinearGradient(0, 0, 1, 0, [
		    {
		        offset: 0,
		        color: '#1f79b6', // 0% 处的颜色
		    },
		    {
		        offset: 1,
		        color: '#0dd2db', // 100% 处的颜色
		    },
		]);
		const colorSet = [
		    [0.91, color],
		    [1, '#15337C'],
		];
		const rich = {
		    white: {
		        fontSize: 14,
		        color: '#fff',
		        fontWeight: '500',
		    },
		    bule: {
		        fontSize: 22,
		        fontFamily: 'DINBold',
		        color: '#fff',
		        fontWeight: '700',
		    },
		    radius: {
		        width: 350,
		        height: 80,
		        // lineHeight:80,
		        borderWidth: 1,
		        borderColor: '#0092F2',
		        fontSize: 14,
		        color: '#fff',
		        backgroundColor: '#1B215B',
		        borderRadius: 20,
		        textAlign: 'center',
		    },
		    size: {
		        height: 400,
		        padding: [100, 0, 0, 0],
		    },
		};
		var option = {
		    tooltip: {
		        formatter: '{a} <br/>{b} : {c}%',
		    },
		
		    series: [
		        {
		            type: 'gauge',
		            radius: '70%',
		            startAngle: '225',
		            endAngle: '-45',
		            pointer: {
		                show: false,
		            },
		            detail: {
		                formatter: function (value) {
		                    var num = Math.round(value);
		                    return '{bule|' + num + '}{white|个}';
		                },
		                rich: rich,
		                offsetCenter: ['0%', '0%'],
		            },
		           
		            data: dataArr,
		            title: {
		                show: true,
		                color: '#fff',
		                offsetCenter: ['0', '75%'],
		                fontSize: 14
		            },
		            axisLine: {
		                show: true,
		                lineStyle: {
		                    color: colorSet,
		                    width: 18,
		                    shadowOffsetX: 0,
		                    shadowOffsetY: 0,
		                    opacity: 1,
		                },
		            },
		            axisTick: {
		                show: false,
		            },
		            splitLine: {
		                show: false,
		                length: 35,
		                lineStyle: {
		                    color: '#00377a',
		                    width: 2,
		                    type: 'solid',
		                },
		            },
		            axisLabel: {
		                show: false,
		            },
		        },
		    ],
		};
		  
		if(option){
		myChart.setOption(option);
		}
	},
	
	qkq_btzb(){
		// 基于准备好的dom，初始化echarts实例
		        var myChart = echarts.init(document.getElementById('qkq_btzb'));
		     var xData = ['2018', '2019', '2020', '2021', '2022', '2023', '2024']
		    var lineData = [100, 100, 100, 100, 100, 100, 100]
		    var lastYearData = [3, 20, 62, 34, 55, 65, 33];
		    var thisYearData = [11, 38, 23, 39, 66, 66, 79];
		    var timeLineData = [1];
		    let legend=['工业类', '商业类'];
		    let textColor = "#fff";
		    let lineColor="rgba(16, 62, 91, 0.2)";
		    let colors = [{
		            borderColor: "rgba(227,161,96,1)",
		            start: "rgba(227,161,96,0.8)",
		            end: "rgba(227,161,96,0.3)"
		        },
		        {
		            borderColor: "rgba(0,222,255,1)",
		            start: "rgba(0,222,255,0.3)",
		            end: "rgba(0,222,255,0.8)"
		        },
		    ];
		    let borderData = [];
		    let scale = 2;
		    borderData = xData.map(item => {
		        return scale;
		    });
		    var option = {
		        baseOption: {
		            timeline: {
		                show: false,
		                top: 0,
		                data: []
		            },
		            legend: {
		                top: '0%',
		                right: '5%',
		                itemWidth: 10,
		                itemHeight: 5,
		                // itemGap: 343,
		                icon: 'horizontal',
		                textStyle: {
		                    color: '#ffffff',
		                    fontSize: 14,
		                },
		                data: legend
		            },
		            grid: [{
		                show: false,
		                left: '5%',
		                top: '10%',
		                bottom: '8%',
		                containLabel: true,
		                width: '37%'
		            }, {
		                show: false,
		                left: '53%',
		                top: '10%',
		                bottom: '8%',
		                width: '0%'
		            }, {
		                show: false,
		                right: '2%',
		                top: '10%',
		                bottom: '8%',
		                containLabel: true,
		                width: '37%'
		            }],
		            xAxis: [{
		                type: 'value',
		                inverse: true,
		                axisLine: {
		                    show: false
		                },
		                axisTick: {
		                    show: false
		                },
		                position: 'top',
		                axisLabel: {
		                    show: true,
		                    color: textColor
		                },
		                splitLine:{
		                     show: true,
		                    lineStyle:{
		                        color:lineColor
		                    }
		                },
		            }, {
		                gridIndex: 1,
		                show: false
		            }, {
		                gridIndex: 2,
		                axisLine: {
		                    show: false
		                },
		                axisTick: {
		                    show: false
		                },
		                position: 'top',
		                axisLabel: {
		                    show: true,
		                    color: textColor
		                },
		                 splitLine:{
		                     show: true,
		                    lineStyle:{
		                        color:lineColor
		                    }
		                },
		            }],
		            yAxis: [{
		                type: 'category',
		                inverse: true,
		                position: 'right',
		                axisLine: {
		                    show: true,
		                    lineStyle:{
		                        color:lineColor
		                    }
		                },
		               
		                axisTick: {
		                    show: false
		                },
		                axisLabel: {
		                    show: false
		                },
		                data: xData
		            }, {
		                gridIndex: 1,
		                type: 'category',
		                inverse: true,
		                position: 'left',
		                axisLine: {
		                    show: false
		                },
		                axisTick: {
		                    show: false
		                },
		                axisLabel: {
		                    show: true,
		                    padding:[30,0,0,0],
		                    textStyle: {
		                        color: '#ffffff',
		                        fontSize: 14
		                    },
		                    align: "center"
		
		                },
		                data: xData.map(function(value) {
		                    return {
		                        value: value,
		                        textStyle: {
		                            align: 'center'
		                        }
		                    }
		                })
		            }, {
		                gridIndex: 2,
		                type: 'category',
		                inverse: true,
		                position: 'left',
		                axisLine: {
		                     show: true,
		                    lineStyle:{
		                        color:lineColor
		                    }
		                },
		                axisTick: {
		                    show: false
		                },
		                axisLabel: {
		                    show: false
		
		                },
		                data: xData
		            }],
		            series: []
		
		        },
		        options: []
		    }
		
		    option.baseOption.timeline.data.push(timeLineData[0])
		    option.options.push({
		        series: [{
		                name: "工业类",
		                type: "bar",
		                barWidth: 15,
		                stack: "1",
		                itemStyle: {
		                    normal: {
		                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
		                                offset: 0,
		                                color: colors[0].start
		                            },
		                            {
		                                offset: 1,
		                                color: colors[0].end
		                            }
		                        ]),
		                    }
		                },
		                label: {
		                    normal: {
		                        show: true,
		                    }
		                },
		                data: lastYearData,
		                animationEasing: "elasticOut"
		            },
		            {
		                name: "工业类",
		                type: "bar",
		                barWidth: 15,
		                stack: "1",
		                itemStyle: {
		                    normal: {
		                        color: colors[0].borderColor
		
		                    }
		                },
		                data: borderData
		            },
		            {
		                name: "商业类",
		                type: "bar",
		                stack: "2",
		                barWidth: 15,
		                xAxisIndex: 2,
		                yAxisIndex: 2,
		                itemStyle: {
		                    normal: {
		                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
		                                offset: 0,
		                                color: colors[1].start
		                            },
		                            {
		                                offset: 1,
		                                color: colors[1].end
		                            }
		                        ]),
		                    }
		                },
		                label: {
		                    normal: {
		                        show: true,
		                    }
		                },
		                data: thisYearData,
		                animationEasing: "elasticOut"
		            },
		            {
		                name: "商业类",
		                type: "bar",
		                xAxisIndex: 2,
		                yAxisIndex: 2,
		                barWidth: 15,
		                stack: "2",
		                itemStyle: {
		                    normal: {
		                        color: colors[1].borderColor
		
		                    }
		                },
		                data: borderData
		            },
		        ]
		    });
		  
		if(option){
		myChart.setOption(option);
		}
	}
	
  }
};




// import '@/assets/images/leftnav.js';
$(function () {
  var Accordion = function (el, multiple) {
    this.el = el || {};
    this.multiple = multiple || false;

    // Variables privadas
    var links = this.el.find('.link');
    // Evento
    links.on('click', {el: this.el, multiple: this.multiple}, this.dropdown)
  };

  Accordion.prototype.dropdown = function (e) {
    var $el = e.data.el;
    let $this = $(this);
    let $next = $this.next();

    $next.slideToggle();
    $this.parent().toggleClass('open');

    if (!e.data.multiple) {
      $el.find('.submenu').not($next).slideUp().parent().removeClass('open');
    }
  };

  var accordion = new Accordion($('#accordion'), false);
  $('.submenu li').click(function () {
    $(this).addClass('current').siblings('li').removeClass('current');
  });
});

//切换单屏电视墙
$(function () {
  $(this.$el).find('.facility_tab .div_tab a').TL_Tab({
    tab: ".facility_tab .div_tab a",
    box: ".facility_tab .tab_cont",
    events: "click",
    num: 1,
    speed: 10
  });
});


</script>

<style>
/* 添加你的CSS样式 */

</style>