{"remainingRequest":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\ljzc-fvue\\src\\views\\HomePage\\components\\LandAssets.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\src\\views\\HomePage\\components\\LandAssets.vue","mtime":1702370956691},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/web.dom.iterable\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport * as echarts from 'echarts';\nimport utils from '@/utils.js';\nimport api from '@/api/homePage.js';\nimport PublicTitle from '@/components/PublicTitle/index';\nexport default {\n  name: 'LandAssets',\n  // 土地资产\n  components: {\n    PublicTitle: PublicTitle\n  },\n  data: function data() {\n    return {\n      colorList: ['#55edb0', '#00d4ff', '#c679e5', '#198cff'],\n      dataList: [],\n      echartsData: [],\n      areaInfo: {}\n    };\n  },\n  created: function created() {\n    this.getLand();\n  },\n  mounted: function mounted() {},\n  methods: {\n    getLand: function getLand() {\n      var _this = this;\n\n      api.landStatistics({}, function (res) {\n        if (res.state) {\n          _this.areaInfo = res.value.areaInfo;\n          _this.dataList = res.value.bookValueInfo;\n        }\n\n        _this.initChat();\n      });\n    },\n    //字典翻译\n    getDictName: function getDictName(code, value) {\n      return utils.getDictName(code, value);\n    },\n    initChat: function initChat() {\n      var _this2 = this;\n\n      this.echartsData = [];\n      this.dataList.forEach(function (e, index) {\n        _this2.echartsData.push({\n          name: _this2.getDictName('zczt', e.loadStatus),\n          value: e.landArea,\n          itemStyle: {\n            color: _this2.colorList[index]\n          }\n        });\n      });\n      var chartDom = echarts.init(document.getElementById('land-chart'));\n      var option = {\n        tooltip: {\n          trigger: 'item'\n        },\n        // legend: {\n        //     top: '5%',\n        //     left: 'center',\n        // },\n        series: [{\n          name: '面积',\n          type: 'pie',\n          radius: ['55%', '67%'],\n          center: ['47.6%', '48.4%'],\n          avoidLabelOverlap: false,\n          itemStyle: {\n            borderColor: '#fff',\n            borderWidth: 2\n          },\n          label: {\n            show: false,\n            position: 'center'\n          },\n          emphasis: {\n            label: {\n              show: true,\n              fontSize: 30,\n              formatter: function formatter(params) {\n                return ['{num|' + params.value + '}' + '{unit|亩}', '{label|' + params.name + '}'].join('\\n');\n              },\n              rich: {\n                num: {\n                  fontSize: 30,\n                  color: '#000',\n                  lineHeight: 30,\n                  fontWeight: 700\n                },\n                unit: {\n                  fontSize: 14,\n                  color: '#111',\n                  lineHeight: 30,\n                  padding: [0, 5]\n                },\n                label: {\n                  fontSize: 20,\n                  lineHeight: 30,\n                  color: '#444'\n                }\n              }\n            }\n          },\n          labelLine: {\n            show: false\n          },\n          data: this.echartsData\n        }, // 外圈背景\n        {\n          type: 'pie',\n          radius: ['50%', '50%'],\n          center: ['47.6%', '48.4%'],\n          hoverAnimation: false,\n          clockWise: false,\n          cursor: 'default',\n          itemStyle: {\n            normal: {\n              borderWidth: 2,\n              borderColor: '#eaeaea'\n            }\n          },\n          tooltip: {\n            show: false\n          },\n          label: {\n            show: false\n          },\n          data: [100]\n        }, {\n          type: 'gauge',\n          radius: '98%',\n          center: ['47.6%', '48.4%'],\n          clockwise: true,\n          startAngle: '100',\n          endAngle: '-269.9999',\n          splitNumber: 200,\n          //线的条数\n          pointer: {\n            show: false\n          },\n          axisLine: {\n            show: false\n          },\n          axisTick: {\n            show: false\n          },\n          tooltip: {\n            show: false\n          },\n          splitLine: {\n            show: true,\n            length: 15,\n            lineStyle: {\n              color: '#eaeaea',\n              width: 1\n            }\n          },\n          axisLabel: {\n            show: false\n          }\n        }, {\n          type: 'gauge',\n          radius: '83.5%',\n          center: ['47.6%', '48.4%'],\n          clockwise: true,\n          startAngle: '100',\n          endAngle: '-269.9999',\n          splitNumber: 140,\n          //线的条数\n          pointer: {\n            show: false\n          },\n          axisLine: {\n            show: false\n          },\n          axisTick: {\n            show: false\n          },\n          tooltip: {\n            show: false\n          },\n          splitLine: {\n            show: true,\n            length: 1,\n            lineStyle: {\n              color: '#eaeaea',\n              width: 2\n            }\n          },\n          axisLabel: {\n            show: false\n          }\n        }]\n      };\n      console.log(option);\n      chartDom.setOption(option);\n      window.addEventListener('resize', function () {\n        chartDom.resize();\n      });\n      handleChartLoop(option, chartDom); // 饼图自动轮播\n\n      function handleChartLoop(option, myChart) {\n        if (!myChart) {\n          return;\n        }\n\n        var currentIndex = 0; // 当前高亮图形在饼图数据中的下标\n\n        highlightPie(); // 取消所有高亮并高亮当前图形\n\n        function highlightPie() {\n          // 遍历饼图数据，取消所有图形的高亮效果\n          for (var idx in option.series[0].data) {\n            myChart.dispatchAction({\n              type: 'downplay',\n              seriesIndex: 0,\n              dataIndex: idx\n            });\n          } // 高亮当前图形\n\n\n          myChart.dispatchAction({\n            type: 'highlight',\n            seriesIndex: 0,\n            dataIndex: currentIndex\n          });\n        } // // 用户鼠标悬浮到某一图形时，停止自动切换并高亮鼠标悬浮的图形\n\n\n        myChart.on('mouseover', function (params) {\n          if (params.componentType == 'graphic') {\n            return;\n          }\n\n          currentIndex = params.dataIndex;\n          highlightPie();\n        });\n      }\n    }\n  }\n};",null]}