{"remainingRequest":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\reform-fvue\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\reform-fvue\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jenkins\\workspace\\reform-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\components\\subComponents\\projectLineChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\components\\subComponents\\projectLineChart.vue","mtime":1716579714958},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.object.keys\";\nimport _defineProperty from \"D:/jenkins/workspace/reform-fvue/node_modules/@babel/runtime/helpers/esm/defineProperty\";\nimport \"core-js/modules/web.dom.iterable\";\n//\n//\n//\n//\n//\n//\nimport * as echarts from 'echarts';\nimport apiList from '@/api/bigScreen/majorView.js';\nexport default {\n  name: 'projectTrendChart',\n  data: function data() {\n    return {\n      loadingColor: 'rgba(6, 46, 106, 1)',\n      loading: false,\n      trendChart: null,\n      trendChartOption: null,\n      legendData: [],\n      xAxisData: [],\n      seriesData: [],\n      valueData: [],\n      rateData: null\n    };\n  },\n  beforeDestroy: function beforeDestroy() {\n    this.$bus.$off('changeDate');\n  },\n  mounted: function mounted() {\n    var _this = this;\n\n    this.projectName = this.$route.query.title;\n    this.$emit('searchDateChange');\n    this.initTrendChart();\n    this.loadData();\n    this.$bus.$on('changeDate', function () {\n      _this.loadData();\n    });\n  },\n  methods: {\n    initTrendChart: function initTrendChart() {\n      var _this2 = this,\n          _xAxis;\n\n      var chartDom = document.getElementById('trend-chart');\n      this.trendChart = echarts.init(chartDom);\n      this.trendChartOption = {\n        title: {\n          text: this.projectName + '年度核心指标完成情况趋势图',\n          left: 'center',\n          bottom: '1%',\n          textStyle: {\n            color: '#ffffff',\n            fontSize: 18,\n            fontFamily: 'Microsoft YaHei, Microsoft YaHei'\n          }\n        },\n        tooltip: {\n          trigger: 'axis',\n          backgroundColor: 'rgba(6, 47, 107, 1)',\n          borderColor: 'rgba(2, 115, 233, 1)',\n          textStyle: {\n            color: '#fff',\n            fontSize: 18\n          },\n          formatter: function formatter(arg) {\n            var str = '截止' + arg[0].axisValue + '</br>';\n            arg.forEach(function (item) {\n              var index = item.dataIndex;\n              var value = 0;\n\n              if (_this2.valueData[item.seriesName][index].actualIndexCompleteRate) {\n                value = _this2.valueData[item.seriesName][index].actualIndexCompleteRate;\n              }\n\n              str = str + '<span style=\"display:inline-block;font-size:18px;margin-top:5px;\">' + item.seriesName + '</span>&nbsp;&nbsp;&nbsp;' + value + '%</br>';\n            });\n            return str;\n          }\n        },\n        legend: {\n          top: '0',\n          left: 'center',\n          type: 'plain',\n          icon: 'rect',\n          inactiveColor: '#333333',\n          itemWidth: 20,\n          itemHeight: 6,\n          textStyle: {\n            color: '#B1E3FF',\n            fontSize: 18\n          },\n          data: this.legendData\n        },\n        grid: {\n          left: '1%',\n          right: '2%',\n          bottom: '8%',\n          containLabel: true\n        },\n        xAxis: (_xAxis = {\n          type: 'category'\n        }, _defineProperty(_xAxis, \"type\", 'category'), _defineProperty(_xAxis, \"boundaryGap\", ['0%', '0%']), _defineProperty(_xAxis, \"axisLine\", {\n          lineStyle: {\n            color: 'rgba(154,199,220, 0.2)'\n          }\n        }), _defineProperty(_xAxis, \"axisLabel\", {\n          color: '#D7F1FF',\n          align: 'center',\n          fontSize: 16,\n          padding: [0, 0, 0, 10]\n        }), _defineProperty(_xAxis, \"boundaryGap\", false), _defineProperty(_xAxis, \"data\", ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']), _defineProperty(_xAxis, \"splitLine\", {\n          show: false\n        }), _xAxis),\n        yAxis: {\n          min: 0,\n          //取0为最小刻度\n          max: 100,\n          type: 'value',\n          axisLabel: {\n            color: '#D7F1FF',\n            interval: 0,\n            // showMinLabel: true,\n            // showMaxLabel: true,\n            fontSize: 16\n          },\n          axisLine: {\n            lineStyle: {\n              color: 'rgba(154,199,220, 0.2)'\n            }\n          },\n          splitLine: {\n            lineStyle: {\n              color: 'rgba(154,199,220, 0.2)'\n            }\n          }\n        },\n        series: this.seriesData\n      };\n      this.trendChartOption && this.trendChart.setOption(this.trendChartOption);\n      window.addEventListener('resize', function () {\n        return _this2.trendChart.resize();\n      });\n    },\n    loadData: function loadData() {\n      var _this3 = this;\n\n      this.loading = true;\n      var data = JSON.parse(sessionStorage.getItem('searchDate'));\n      data.projectId = this.$route.query.id;\n      apiList.getProjectLineChartData(data, function (res) {\n        _this3.valueData = res.data;\n        _this3.legendData = Object.keys(res.data);\n\n        _this3.legendData.forEach(function (legend, index) {\n          _this3.seriesData[index] = {\n            name: legend,\n            type: 'line',\n            data: res.data[legend].map(function (item) {\n              return item.indexCompleteRate;\n            })\n          };\n        });\n\n        _this3.initTrendChart();\n\n        _this3.loading = false;\n      });\n    }\n  }\n};",null]}