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 qkq_con2">


      <!--左侧开始-->
      <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>85%</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>96</b>
            </div>
            <div class="con_col_c">
              <span>实施计划</span>
              <b>78</b>
            </div>
            <div class="con_col_c">
              <span>占比</span>
              <b>81%</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>147</b>
              <span>次</span>
            </div>
            <div class="con_col_c">
              <span>服务企业</span>
              <b>118</b>
              <span>家</span>
            </div>
            <div class="con_col_c">
              <span>服务覆盖率</span>
              <b>93%</b>
            </div>
            <div class="con_col_c">
              <span>服务满意率</span>
              <b>96%</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>107</b>
            </div>
            <div class="con_col_c">
              <span>实施计划</span>
              <b>100</b>
            </div>
            <div class="con_col_c">
              <span>占比</span>
              <b>93%</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>128</b>
              <span>次</span>
            </div>
            <div class="con_col_c">
              <span>服务企业</span>
              <b>113</b>
              <span>家</span>
            </div>
            <div class="con_col_c">
              <span>服务覆盖率</span>
              <b>96%</b>
            </div>
            <div class="con_col_c">
              <span>服务满意率</span>
              <b>99%</b>
            </div>
          </div>
        </div>

      </div>
      <div class="con_left_b">
        <div class="con_div">
          <div class="qkq_tit txt_t">政策法规</div>
          <div class="qkq_zcfg">
            <p>严格防范外债风险和地方债务风险<span>2024-07-08</span></p>
            <p>进一步加强城市轨道交通规划建设<span>2024-07-06</span></p>
            <p>地方政府债券信息公开平台管理办法<span>2024-06-30</span></p>
            <p>加快地方政府专项债券发行使用有关<span>2024-06-24</span></p>
            <p>土地储备项目预算管理办法（试行）<span>2024-06-15</span></p>
            <p>地方政府债务信息公开办法（试行）<span>2024-06-01</span></p>
            <p>地方政府专项债券用途调整操作指引<span>2024-05-31</span></p>
            <p>地方政府专项债券项目资金绩效管理<span>2024-05-24</span></p>
            <p>增强企业债券服务实体经济能力<span>2024-05-13</span></p>
            <p>严格防范地方债务风险的通知<span>2024-05-06</span></p>
          </div>
          <div id="qkq_zxt"></div>
        </div>
        <div class="con_div" style="margin-top: 56px;">
          <div class="qkq_tit txt_t">万人助万企</div>
          <div class="qkq_wrzwq qkq_wr 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 txt_t">招商指标/实施数量</div>
          <div class="clearfix">
            <div id="qkq_zszb1"></div>
            <div id="qkq_zszb2"></div>
            <div class="qkq_zsss">
              <p>招商指标：50个</p>
              <p>实施数量：91个</p>
            </div>
          </div>
        </div>
        <div class="con_div">
          <div id="qkq_btzb"></div>
        </div>
        <div class="con_div">
          <div class="qkq_tit txt_t">服务企业台账</div>
          <div class="qkq_wrzwq qkq_tz clearfix">
            <div class="qkq_si_div">
              <p><b>177</b><span>次</span></p>
              <p>服务企业</p>
            </div>
            <div class="qkq_si_div">
              <p><b>92</b><span>家</span></p>
              <p>服务企业</p>
            </div>
            <div class="qkq_si_div">
              <p><b>97%</b></p>
              <p>服务覆盖率</p>
            </div>
            <div class="qkq_si_div">
              <p><b>100%</b></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>74</b>
            </div>
            <div class="con_col_c">
              <span>实施计划</span>
              <b>70</b>
            </div>
            <div class="con_col_c">
              <span>占比</span>
              <b>95%</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>86</b>
              <span>次</span>
            </div>
            <div class="con_col_c">
              <span>服务企业</span>
              <b>74</b>
              <span>家</span>
            </div>
            <div class="con_col_c">
              <span>服务覆盖率</span>
              <b>86%</b>
            </div>
            <div class="con_col_c">
              <span>服务满意率</span>
              <b>98%</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>256</b>
            </div>
            <div class="con_col_c">
              <span>实施计划</span>
              <b>204</b>
            </div>
            <div class="con_col_c">
              <span>占比</span>
              <b>79%</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>147</b>
              <span>次</span>
            </div>
            <div class="con_col_c">
              <span>服务企业</span>
              <b>140</b>
              <span>家</span>
            </div>
            <div class="con_col_c">
              <span>服务覆盖率</span>
              <b>95%</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>141</b>
            </div>
            <div class="con_col_c">
              <span>实施计划</span>
              <b>134</b>
            </div>
            <div class="con_col_c">
              <span>占比</span>
              <b>95%</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>92</b>
              <span>次</span>
            </div>
            <div class="con_col_c">
              <span>服务企业</span>
              <b>90</b>
              <span>家</span>
            </div>
            <div class="con_col_c">
              <span>服务覆盖率</span>
              <b>98%</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" @click="handleNavigation('jjyx')">
            <span>经济运行</span>
          </div>
          <div class="nav-li-left" @click="handleNavigation('csgl')">
            <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" @click="handleNavigation('yshj_new')">
            <span>营商环境</span>
          </div>
          <div class="nav-li-right" @click="handleNavigation('bjzshz')">
            <span>政务运行</span>
          </div>
          <div class="nav-li-right" @click="handleNavigation('aqyj')">
            <span>安全应急</span>
          </div>
          <div class="nav-li-right on" @click="handleNavigation('fwyq')">
            <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.44, 0.56];
      var zongjine = [324, 254];
      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,
          },
          {
            type: 'lines',
            coordinateSystem: 'cartesian2d',
            data: baifenbi.map((item, index) => {
              return {
                coords: [
                  [0, index],
                  [item, index],
                ]
              };
            }),
            effect: {
              show: true,
              period: 5,
              trailLength: 0.5, //控制拖尾长度
              symbolSize: [15, 2],
              symbol: this.$store.state.common.echarts_baseStreamer,
              loop: true,
              color: '#fff' //流光颜色
            },
            lineStyle: {
              width: 0,
              opacity: 0.6,
              curveness: 0
            },
            z: 99
          },
          //数据条--------------------我是分割线君------------------------------//
          {
            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.64, 0.36];
      var zongjine = [265, 421];
      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,
          },
          {
            type: 'lines',
            coordinateSystem: 'cartesian2d',
            data: baifenbi.map((item, index) => {
              return {
                coords: [
                  [0, index],
                  [item, index],
                ]
              };
            }),
            effect: {
              show: true,
              period: 5,
              trailLength: 0.5, //控制拖尾长度
              symbolSize: [15, 2],
              symbol: this.$store.state.common.echarts_baseStreamer,
              loop: true,
              color: '#fff' //流光颜色
            },
            lineStyle: {
              width: 0,
              opacity: 0.6,
              curveness: 0
            },
            z: 99
          },
          //数据条--------------------我是分割线君------------------------------//
          {
            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.79, 0.21];
      var zongjine = [196, 458];
      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,
          },
          {
            type: 'lines',
            coordinateSystem: 'cartesian2d',
            data: baifenbi.map((item, index) => {
              return {
                coords: [
                  [0, index],
                  [item, index],
                ]
              };
            }),
            effect: {
              show: true,
              period: 5,
              trailLength: 0.5, //控制拖尾长度
              symbolSize: [15, 2],
              symbol: this.$store.state.common.echarts_baseStreamer,
              loop: true,
              color: '#fff' //流光颜色
            },
            lineStyle: {
              width: 0,
              opacity: 0.6,
              curveness: 0
            },
            z: 99
          },
          //数据条--------------------我是分割线君------------------------------//
          {
            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.42, 0.58];
      var zongjine = [324, 296];
      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,
          },
          {
            type: 'lines',
            coordinateSystem: 'cartesian2d',
            data: baifenbi.map((item, index) => {
              return {
                coords: [
                  [0, index],
                  [item, index],
                ]
              };
            }),
            effect: {
              show: true,
              period: 5,
              trailLength: 0.5, //控制拖尾长度
              symbolSize: [15, 2],
              symbol: this.$store.state.common.echarts_baseStreamer,
              loop: true,
              color: '#fff' //流光颜色
            },
            lineStyle: {
              width: 0,
              opacity: 0.6,
              curveness: 0
            },
            z: 99
          },
          //数据条--------------------我是分割线君------------------------------//
          {
            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.47, 0.53];
      var zongjine = [425, 412];
      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,
          },
          {
            type: 'lines',
            coordinateSystem: 'cartesian2d',
            data: baifenbi.map((item, index) => {
              return {
                coords: [
                  [0, index],
                  [item, index],
                ]
              };
            }),
            effect: {
              show: true,
              period: 5,
              trailLength: 0.5, //控制拖尾长度
              symbolSize: [15, 2],
              symbol: this.$store.state.common.echarts_baseStreamer,
              loop: true,
              color: '#fff' //流光颜色
            },
            lineStyle: {
              width: 0,
              opacity: 0.6,
              curveness: 0
            },
            z: 99
          },
          //数据条--------------------我是分割线君------------------------------//
          {
            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.66, 0.34];
      var zongjine = [167, 420];
      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,
          },
          {
            type: 'lines',
            coordinateSystem: 'cartesian2d',
            data: baifenbi.map((item, index) => {
              return {
                coords: [
                  [0, index],
                  [item, index],
                ]
              };
            }),
            effect: {
              show: true,
              period: 5,
              trailLength: 0.5, //控制拖尾长度
              symbolSize: [15, 2],
              symbol: this.$store.state.common.echarts_baseStreamer,
              loop: true,
              color: '#fff' //流光颜色
            },
            lineStyle: {
              width: 0,
              opacity: 0.6,
              curveness: 0
            },
            z: 99
          },
          //数据条--------------------我是分割线君------------------------------//
          {
            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 data1 = [220, 182, 191, 234, 290, 330, 310];
      var data2 = [212, 12, 11, 84, 129, 30, 110];
      var json = {
        chart0: {
          xcategory: ['2011', '2012', '2013', '2014', '2015', '2016', '2017'],
          low: data1,
          lowLine: [],
        }
      };
      var json2 = {
        chart0: {
          xcategory: ['2011', '2012', '2013', '2014', '2015', '2016', '2017'],
          low: data2,
          lowLine: [],
        }
      };
      var zrUtil = echarts.util;
      zrUtil.each(json.chart0.xcategory, function (item, index) {
        json.chart0.lowLine.push([{
          coord: [index, json.chart0.low[index]]
        }, {
          coord: [index + 1, json.chart0.low[index + 1]]
        }]);
      });
      zrUtil.each(json.chart0.xcategory, function (item, index) {
        json2.chart0.lowLine.push([{
          coord: [index, json2.chart0.low[index]]
        }, {
          coord: [index + 1, json2.chart0.low[index + 1]]
        }]);
      });
      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: data1,
          },
          {
            name: '招商计划',
            type: 'lines',
            coordinateSystem: 'cartesian2d',
            zlevel: 1,
            smooth: true,
            symbol: 'circle',
            effect: {
              show: true,
              smooth: true,
              period: 2,
              symbolSize: 8
            },
            lineStyle: {
              normal: {
                color: '#0c96ff',
                width: 0,
                opacity: 0,
                curveness: 0,
              }
            },
            data: json.chart0.lowLine,
          },
          {
            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: data2
          },
          {
            name: '实施计划',
            type: 'lines',
            coordinateSystem: 'cartesian2d',
            zlevel: 1,
            smooth: true,
            symbol: 'circle',
            effect: {
              show: true,
              smooth: true,
              period: 2,
              symbolSize: 8
            },
            lineStyle: {
              normal: {
                color: '#00ffff',
                width: 0,
                opacity: 0,
                curveness: 0,
              }
            },
            data: json2.chart0.lowLine
          }
        ]
      };
      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: [
          {
            name: '外1圈装饰',
            type: 'pie',
            zlevel: 1,
            silent: true,

            radius: ['98%', '97%'],
            hoverAnimation: false,
            color: "rgba(88,142,197,0.5)",
            // animation:false,    //charts3 no
            label: {
              normal: {
                show: false
              },
            },
            labelLine: {
              normal: {
                show: false
              }
            },
            data: [1]
          },
          {
            name: '外2圈装饰',
            type: 'pie',
            zlevel: 2,
            silent: true,
            radius: ['90%', '91%'],
            startAngle: 0,
            hoverAnimation: false,
            // animation:false,    //charts3 no
            label: {
              normal: {
                show: false
              },
            },
            labelLine: {
              normal: {
                show: false
              }
            },
            data: [{
              name: '',
              value: 10,
              itemStyle: {
                normal: {
                  color: "rgba(88,142,197,0.5)",
                  borderWidth: 0,
                  borderColor: "rgba(0,0,0,0)"
                }
              }
            },
              {
                name: '',
                value: 8,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 10,
                itemStyle: {
                  normal: {
                    color: "rgba(88,142,197,0.5)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 8,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 10,
                itemStyle: {
                  normal: {
                    color: "rgba(88,142,197,0.5)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 8,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 10,
                itemStyle: {
                  normal: {
                    color: "rgba(88,142,197,0.5)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 8,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              }
            ]
          },
          {
            name: '外3圈装饰',
            type: 'pie',
            zlevel: 3,
            silent: true,
            radius: ['88%', '87%'],
            label: {
              normal: {
                show: false
              },
            },
            labelLine: {
              normal: {
                show: false
              }
            },
            data: [{
              name: '',
              value: 8,
              itemStyle: {
                normal: {
                  color: "rgba(0,0,0,0)",
                  borderWidth: 0,
                  borderColor: "rgba(0,0,0,0)"
                }
              }
            },
              {
                name: '',
                value: 10,
                itemStyle: {
                  normal: {
                    color: "rgba(88,142,197,0.5)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 8,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 10,
                itemStyle: {
                  normal: {
                    color: "rgba(88,142,197,0.5)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 8,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 10,
                itemStyle: {
                  normal: {
                    color: "rgba(88,142,197,0.5)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 8,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 10,
                itemStyle: {
                  normal: {
                    color: "rgba(88,142,197,0.5)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },

            ]
          },
          {
            name: '外4圈装饰',
            type: 'pie',
            zlevel: 4,
            silent: true,
            radius: ['84%', '83%'],
            label: {
              normal: {
                show: false
              },
            },
            labelLine: {
              normal: {
                show: false
              }
            },
            data: [{
              name: '',
              value: 1,
              itemStyle: {
                normal: {
                  color: "rgb(126,190,255)",
                  borderWidth: 0,
                  borderColor: "rgba(0,0,0,0)"
                }
              }
            },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgb(126,190,255)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgb(126,190,255)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgb(126,190,255)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgb(126,190,255)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgb(126,190,255)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgb(126,190,255)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgb(126,190,255)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgb(126,190,255)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgb(126,190,255)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgb(126,190,255)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgb(126,190,255)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              }
            ]
          },
          {
            name: '外5圈装饰',
            type: 'pie',
            zlevel: 5,
            silent: true,
            radius: ['80%', '78%'],
            color: ["#fc8d89", "#46d3f3", "rgba(203,203,203,.2)"],
            startAngle: 50,
            hoverAnimation: false,
            // animation:false,    //charts3 no
            label: {
              normal: {
                show: false
              },
            },
            data: [50, 20, 40]
          },
          {
            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);
      }
      var timer;
      function doing() {
        let option = myChart.getOption();
        option.series[3].startAngle = option.series[3].startAngle - 1;
        myChart.setOption(option);
      }
      function startTimer() {
        timer = setInterval(doing, 100);
      }
      // function stopTimer() {
      //   clearInterval(timer);
      //   xzTimer = null;
      // }
      setTimeout(startTimer, 500);
    },
    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: [
          {
            name: '外1圈装饰',
            type: 'pie',
            zlevel: 1,
            silent: true,

            radius: ['98%', '97%'],
            hoverAnimation: false,
            color: "rgba(88,142,197,0.5)",
            // animation:false,    //charts3 no
            label: {
              normal: {
                show: false
              },
            },
            labelLine: {
              normal: {
                show: false
              }
            },
            data: [1]
          },
          {
            name: '外2圈装饰',
            type: 'pie',
            zlevel: 2,
            silent: true,
            radius: ['90%', '91%'],
            startAngle: 0,
            hoverAnimation: false,
            // animation:false,    //charts3 no
            label: {
              normal: {
                show: false
              },
            },
            labelLine: {
              normal: {
                show: false
              }
            },
            data: [{
              name: '',
              value: 10,
              itemStyle: {
                normal: {
                  color: "rgba(88,142,197,0.5)",
                  borderWidth: 0,
                  borderColor: "rgba(0,0,0,0)"
                }
              }
            },
              {
                name: '',
                value: 8,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 10,
                itemStyle: {
                  normal: {
                    color: "rgba(88,142,197,0.5)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 8,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 10,
                itemStyle: {
                  normal: {
                    color: "rgba(88,142,197,0.5)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 8,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 10,
                itemStyle: {
                  normal: {
                    color: "rgba(88,142,197,0.5)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 8,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              }
            ]
          },
          {
            name: '外3圈装饰',
            type: 'pie',
            zlevel: 3,
            silent: true,
            radius: ['88%', '87%'],
            label: {
              normal: {
                show: false
              },
            },
            labelLine: {
              normal: {
                show: false
              }
            },
            data: [{
              name: '',
              value: 8,
              itemStyle: {
                normal: {
                  color: "rgba(0,0,0,0)",
                  borderWidth: 0,
                  borderColor: "rgba(0,0,0,0)"
                }
              }
            },
              {
                name: '',
                value: 10,
                itemStyle: {
                  normal: {
                    color: "rgba(88,142,197,0.5)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 8,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 10,
                itemStyle: {
                  normal: {
                    color: "rgba(88,142,197,0.5)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 8,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 10,
                itemStyle: {
                  normal: {
                    color: "rgba(88,142,197,0.5)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 8,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 10,
                itemStyle: {
                  normal: {
                    color: "rgba(88,142,197,0.5)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },

            ]
          },
          {
            name: '外4圈装饰',
            type: 'pie',
            zlevel: 4,
            silent: true,
            radius: ['84%', '83%'],
            label: {
              normal: {
                show: false
              },
            },
            labelLine: {
              normal: {
                show: false
              }
            },
            data: [{
              name: '',
              value: 1,
              itemStyle: {
                normal: {
                  color: "rgb(126,190,255)",
                  borderWidth: 0,
                  borderColor: "rgba(0,0,0,0)"
                }
              }
            },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgb(126,190,255)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgb(126,190,255)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgb(126,190,255)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgb(126,190,255)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgb(126,190,255)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgb(126,190,255)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgb(126,190,255)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgb(126,190,255)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgb(126,190,255)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgb(126,190,255)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgb(126,190,255)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              },
              {
                name: '',
                value: 1,
                itemStyle: {
                  normal: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0,
                    borderColor: "rgba(0,0,0,0)"
                  }
                }
              }
            ]
          },
          {
            name: '外5圈装饰',
            type: 'pie',
            zlevel: 5,
            silent: true,
            radius: ['80%', '78%'],
            color: ["#fc8d89", "#46d3f3", "rgba(203,203,203,.2)"],
            startAngle: 50,
            hoverAnimation: false,
            // animation:false,    //charts3 no
            label: {
              normal: {
                show: false
              },
            },
            data: [50, 20, 40]
          },
          {
            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);
      }
      var timer;
      function doing() {
        let option = myChart.getOption();
        option.series[3].startAngle = option.series[3].startAngle - 1;
        myChart.setOption(option);
      }
      function startTimer() {
        timer = setInterval(doing, 100);
      }
      // function stopTimer() {
      //   clearInterval(timer);
      //   xzTimer = null;
      // }
      setTimeout(startTimer, 500);
    },

    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"
          },
          // {
          //   type: 'lines',
          //   coordinateSystem: 'cartesian2d',
          //   data: lastYearData.map((item, index) => {
          //     return {
          //       coords: [
          //         [0, index],
          //         [item, index],
          //       ]
          //     };
          //   }),
          //   effect: {
          //     show: true,
          //     period: 5,
          //     trailLength: 0.5, //控制拖尾长度
          //     symbolSize: [15, 2],
          //     symbol: this.$store.state.common.echarts_baseStreamer,
          //     loop: true,
          //     color: '#fff' //流光颜色
          //   },
          //   lineStyle: {
          //     width: 0,
          //     opacity: 0.6,
          //     curveness: 0
          //   },
          //   z: 99
          // },
          {
            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"
          },
          // {
          //   type: 'lines',
          //   coordinateSystem: 'cartesian2d',
          //   data: thisYearData.map((item, index) => {
          //     return {
          //       coords: [
          //         [0, index],
          //         [item, index],
          //       ]
          //     };
          //   }),
          //   effect: {
          //     show: true,
          //     period: 5,
          //     trailLength: 0.5, //控制拖尾长度
          //     symbolSize: [15, 2],
          //     symbol: this.$store.state.common.echarts_baseStreamer,
          //     loop: true,
          //     color: '#fff' //流光颜色
          //   },
          //   lineStyle: {
          //     width: 0,
          //     opacity: 0.6,
          //     curveness: 0
          //   },
          //   z: 99
          // },
          {
            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');
  });
});
</script>

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

</style>