{"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\\assetsOperating\\HomePage\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\src\\views\\assetsOperating\\HomePage\\index.vue","mtime":1702364333529},{"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//\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/assetsOperating/assetsOperating.js';\nexport default {\n  name: 'HomePage',\n  // 首页\n  components: {// NetBookValue,\n    // OperatingAssets,\n    // LandAssets\n  },\n  data: function data() {\n    return {\n      colorList: ['#55edb0', '#00d4ff', '#c679e5', '#198cff'],\n      dataList: [{\n        name: '商业用地',\n        value: '12%'\n      }, {\n        name: '住宅用地',\n        value: '6%'\n      }],\n      topStatistics: {},\n      //顶部统计\n      ownershipData: [],\n      //权属\n      statsData: [],\n      //属性\n      commercialData: [],\n      //业态\n      sourceData: [],\n      //来源\n      statusData: [],\n      //状态\n      typeData: [] //类型\n\n    };\n  },\n  watch: {},\n  created: function created() {\n    this.gatherStatistics();\n    this.belongStatistics();\n    this.natureStatistics();\n    this.operationStatistics();\n    this.sourceStatistics();\n    this.statusStatistics();\n    this.typeStatistics();\n  },\n  mounted: function mounted() {},\n  methods: {\n    //字典翻译\n    getDictName: function getDictName(code, value) {\n      return utils.getDictName(code, value);\n    },\n    //资产汇总\n    gatherStatistics: function gatherStatistics() {\n      var _this = this;\n\n      api.gatherStatistics({}, function (res) {\n        if (res.state) {\n          _this.topStatistics = res.value;\n        }\n      });\n    },\n    //权属分布\n    belongStatistics: function belongStatistics() {\n      var _this2 = this;\n\n      api.belongStatistics({}, function (res) {\n        if (res.state) {\n          _this2.ownershipData = res.value;\n        }\n\n        _this2.$nextTick(function () {\n          _this2.initOwnershipChat();\n        });\n      });\n    },\n    //资产属性分布\n    natureStatistics: function natureStatistics() {\n      var _this3 = this;\n\n      api.natureStatistics({}, function (res) {\n        if (res.state) {\n          _this3.statsData = res.value;\n        }\n\n        _this3.$nextTick(function () {\n          _this3.initStatsChat();\n        });\n      });\n    },\n    //资产业态情况\n    operationStatistics: function operationStatistics() {\n      var _this4 = this;\n\n      api.operationStatistics({}, function (res) {\n        if (res.state) {\n          _this4.commercialData = res.value;\n        }\n\n        _this4.$nextTick(function () {\n          _this4.initCommercialChat();\n        });\n      });\n    },\n    //资产来源情况\n    sourceStatistics: function sourceStatistics() {\n      var _this5 = this;\n\n      api.sourceStatistics({}, function (res) {\n        if (res.state) {\n          _this5.sourceData = res.value;\n        }\n\n        _this5.$nextTick(function () {\n          _this5.initChat();\n        });\n      });\n    },\n    //资产状态情况\n    statusStatistics: function statusStatistics() {\n      var _this6 = this;\n\n      api.statusStatistics({}, function (res) {\n        if (res.state) {\n          _this6.statusData = res.value;\n        }\n\n        _this6.$nextTick(function () {\n          _this6.initSourceChat();\n        });\n      });\n    },\n    //资产类型分布\n    typeStatistics: function typeStatistics() {\n      var _this7 = this;\n\n      api.typeStatistics({}, function (res) {\n        if (res.state) {\n          _this7.typeData = res.value;\n        }\n\n        _this7.$nextTick(function () {\n          _this7.initTypeChat();\n        });\n      });\n    },\n    initOwnershipChat: function initOwnershipChat() {\n      var _this8 = this;\n\n      var echartsData = [];\n      this.ownershipData.forEach(function (e, index) {\n        echartsData.push({\n          name: _this8.getDictName('xmgs', e.assetBelong),\n          value: e.count,\n          itemStyle: {\n            color: _this8.colorList[index]\n          }\n        });\n      });\n      var chartDom = echarts.init(document.getElementById('ownership-chart'));\n      var option = {\n        tooltip: {\n          trigger: 'item'\n        },\n        legend: {\n          bottom: '5%',\n          left: 'center',\n          selectedMode: false\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: echartsData\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      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    initStatsChat: function initStatsChat() {\n      var _this9 = this;\n\n      var echartsData = [];\n      this.statsData.forEach(function (e, index) {\n        echartsData.push({\n          name: _this9.getDictName('xmsx', e.assetNature),\n          value: e.count,\n          itemStyle: {\n            color: _this9.colorList[2 + index]\n          }\n        });\n      });\n      var chartDom = echarts.init(document.getElementById('stats-chart'));\n      var option = {\n        tooltip: {\n          trigger: 'item'\n        },\n        legend: {\n          bottom: '5%',\n          left: 'center',\n          selectedMode: false\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: 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      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          console.log(1);\n\n          if (params.componentType == 'graphic') {\n            return;\n          }\n\n          currentIndex = params.dataIndex;\n          highlightPie();\n        });\n      }\n    },\n    initTypeChat: function initTypeChat() {\n      var _this10 = this;\n\n      var echartsData = [];\n      this.typeData.forEach(function (e, index) {\n        echartsData.push({\n          name: _this10.getDictName('zclx', e.assetType),\n          value: e.count,\n          itemStyle: {\n            color: _this10.colorList[index]\n          }\n        });\n      });\n      var chartDom = echarts.init(document.getElementById('type-chart'));\n      var option = {\n        tooltip: {\n          trigger: 'item'\n        },\n        legend: {\n          bottom: '5%',\n          left: 'center',\n          selectedMode: false\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: 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      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    initChat: function initChat() {\n      var _this11 = this;\n\n      var xData = [];\n      var bookData = [];\n      var structureData = [];\n      this.sourceData.forEach(function (e) {\n        xData.push(_this11.getDictName('xmly', e.assetSrc));\n        bookData.push(e.bookValue);\n        structureData.push(e.structure_area_);\n      });\n      var chartDom = echarts.init(document.getElementById('status-chart'));\n      var option = {\n        tooltip: {\n          trigger: 'axis',\n          axisPointer: {\n            // 坐标轴指示器，坐标轴触发有效\n            type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'\n\n          }\n        },\n        legend: {\n          data: ['账面净值', '面积'],\n          align: 'left',\n          padding: [15, 0, 0, 0]\n        },\n        grid: {\n          left: '3%',\n          right: '4%',\n          bottom: '3%',\n          containLabel: true\n        },\n        xAxis: [{\n          type: 'category',\n          data: xData,\n          axisTick: {\n            show: false\n          },\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: '#A1A9B2' // 浅灰色\n\n            }\n          }\n        }],\n        yAxis: [{\n          type: 'value',\n          name: '单位：万元',\n          axisLabel: {\n            formatter: '{value}'\n          },\n          splitLine: {\n            show: false\n          },\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: '#A1A9B2' // 浅灰色\n\n            }\n          }\n        }, {\n          type: 'value',\n          name: '单位：㎡',\n          axisLabel: {\n            formatter: '{value}'\n          },\n          position: 'right',\n          splitLine: {\n            show: false\n          },\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: '#A1A9B2' // 浅灰色\n\n            }\n          }\n        }],\n        series: [{\n          name: '账面净值',\n          type: 'bar',\n          data: bookData,\n          barWidth: '15',\n          yAxisIndex: 0,\n          itemStyle: {\n            color: {\n              type: 'linear',\n              x: 0,\n              y: 0,\n              x2: 0,\n              y2: 1,\n              colorStops: [{\n                offset: 0,\n                color: '#55EDB0' // 渐变起始颜色（绿色）\n\n              }, {\n                offset: 1,\n                color: 'rgba(85,237,176,0.2)' // 渐变结束颜色（深绿色）\n\n              }]\n            },\n            borderRadius: [3, 3, 0, 0] // 设置圆角大小\n\n          }\n        }, {\n          name: '面积',\n          type: 'bar',\n          data: structureData,\n          barWidth: '15',\n          yAxisIndex: 1,\n          itemStyle: {\n            color: {\n              type: 'linear',\n              x: 0,\n              y: 0,\n              x2: 0,\n              y2: 1,\n              colorStops: [{\n                offset: 0,\n                color: '#8AC4FF' // 渐变起始颜色（绿色）\n\n              }, {\n                offset: 1,\n                color: 'rgba(51,153,255,0.2)' // 渐变结束颜色（深绿色）\n\n              }]\n            },\n            borderRadius: [3, 3, 0, 0] // 设置圆角大小\n\n          }\n        }]\n      };\n      chartDom.setOption(option);\n      window.addEventListener('resize', function () {\n        chartDom.resize();\n      });\n    },\n    initSourceChat: function initSourceChat() {\n      var _this12 = this;\n\n      var xData = [];\n      var bookData = [];\n      var structureData = [];\n      this.statusData.forEach(function (e) {\n        xData.push(_this12.getDictName('zczt', e.assetStatus));\n        bookData.push(e.bookValue);\n        structureData.push(e.structure_area_);\n      });\n      var chartDom = echarts.init(document.getElementById('source-chart'));\n      var option = {\n        tooltip: {\n          trigger: 'axis',\n          axisPointer: {\n            // 坐标轴指示器，坐标轴触发有效\n            type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'\n\n          }\n        },\n        legend: {\n          data: ['账面净值', '面积'],\n          align: 'left',\n          padding: [15, 0, 0, 0]\n        },\n        grid: {\n          left: '3%',\n          right: '4%',\n          bottom: '3%',\n          containLabel: true\n        },\n        xAxis: [{\n          type: 'category',\n          data: xData,\n          axisTick: {\n            show: false\n          },\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: '#A1A9B2' // 浅灰色\n\n            }\n          }\n        }],\n        yAxis: [{\n          type: 'value',\n          name: '单位：万元',\n          axisLabel: {\n            formatter: '{value}'\n          },\n          splitLine: {\n            show: false\n          },\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: '#A1A9B2' // 浅灰色\n\n            }\n          }\n        }, {\n          type: 'value',\n          name: '单位：㎡',\n          axisLabel: {\n            formatter: '{value}'\n          },\n          position: 'right',\n          splitLine: {\n            show: false\n          },\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: '#A1A9B2' // 浅灰色\n\n            }\n          }\n        }],\n        series: [{\n          name: '账面净值',\n          type: 'bar',\n          data: bookData,\n          barWidth: '15',\n          yAxisIndex: 0,\n          itemStyle: {\n            color: {\n              type: 'linear',\n              x: 0,\n              y: 0,\n              x2: 0,\n              y2: 1,\n              colorStops: [{\n                offset: 0,\n                color: '#55EDB0' // 渐变起始颜色（绿色）\n\n              }, {\n                offset: 1,\n                color: 'rgba(85,237,176,0.2)' // 渐变结束颜色（深绿色）\n\n              }]\n            },\n            borderRadius: [3, 3, 0, 0] // 设置圆角大小\n\n          }\n        }, {\n          name: '面积',\n          type: 'bar',\n          data: structureData,\n          barWidth: '15',\n          yAxisIndex: 1,\n          itemStyle: {\n            color: {\n              type: 'linear',\n              x: 0,\n              y: 0,\n              x2: 0,\n              y2: 1,\n              colorStops: [{\n                offset: 0,\n                color: '#8AC4FF' // 渐变起始颜色（绿色）\n\n              }, {\n                offset: 1,\n                color: 'rgba(51,153,255,0.2)' // 渐变结束颜色（深绿色）\n\n              }]\n            },\n            borderRadius: [3, 3, 0, 0] // 设置圆角大小\n\n          }\n        }]\n      };\n      chartDom.setOption(option);\n      window.addEventListener('resize', function () {\n        chartDom.resize();\n      });\n    },\n    initCommercialChat: function initCommercialChat() {\n      var _this13 = this;\n\n      var xData = [];\n      var bookData = [];\n      var structureData = [];\n      this.commercialData.forEach(function (e) {\n        xData.push(_this13.getDictName('zcyt', e.assetBusiness));\n        bookData.push(e.bookValue);\n        structureData.push(e.structure_area_);\n      });\n      var chartDom = echarts.init(document.getElementById('commercial-chart'));\n      var option = {\n        tooltip: {\n          trigger: 'axis',\n          axisPointer: {\n            // 坐标轴指示器，坐标轴触发有效\n            type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'\n\n          }\n        },\n        legend: {\n          data: ['账面价值', '面积'],\n          align: 'left',\n          padding: [15, 0, 0, 0]\n        },\n        grid: {\n          left: '3%',\n          right: '4%',\n          bottom: '3%',\n          containLabel: true\n        },\n        xAxis: [{\n          type: 'category',\n          data: xData,\n          axisTick: {\n            show: false\n          },\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: '#A1A9B2' // 浅灰色\n\n            }\n          }\n        }],\n        yAxis: [{\n          type: 'value',\n          name: '单位：万元',\n          axisLabel: {\n            formatter: '{value}'\n          },\n          splitLine: {\n            show: false\n          },\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: '#A1A9B2' // 浅灰色\n\n            }\n          }\n        }, {\n          type: 'value',\n          name: '单位：㎡',\n          axisLabel: {\n            formatter: '{value}'\n          },\n          position: 'right',\n          splitLine: {\n            show: false\n          },\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: '#A1A9B2' // 浅灰色\n\n            }\n          }\n        }],\n        series: [{\n          name: '账面价值',\n          type: 'bar',\n          data: bookData,\n          barWidth: '15',\n          yAxisIndex: 0,\n          itemStyle: {\n            color: {\n              type: 'linear',\n              x: 0,\n              y: 0,\n              x2: 0,\n              y2: 1,\n              colorStops: [{\n                offset: 0,\n                color: '#C679E5 ' // 渐变起始颜色（绿色）\n\n              }, {\n                offset: 1,\n                color: 'rgba(198, 121, 229,0.2)' // 渐变结束颜色（深绿色）\n\n              }]\n            },\n            borderRadius: [3, 3, 0, 0] // 设置圆角大小\n\n          }\n        }, {\n          name: '面积',\n          type: 'bar',\n          data: structureData,\n          barWidth: '15',\n          yAxisIndex: 1,\n          itemStyle: {\n            color: {\n              type: 'linear',\n              x: 0,\n              y: 0,\n              x2: 0,\n              y2: 1,\n              colorStops: [{\n                offset: 0,\n                color: '#FDB942' // 渐变起始颜色（绿色）\n\n              }, {\n                offset: 1,\n                color: 'rgba(253, 185, 66,0.2)' // 渐变结束颜色（深绿色）\n\n              }]\n            },\n            borderRadius: [3, 3, 0, 0] // 设置圆角大小\n\n          }\n        }]\n      };\n      chartDom.setOption(option);\n      window.addEventListener('resize', function () {\n        chartDom.resize();\n      });\n    }\n  },\n  beforeDestroy: function beforeDestroy() {}\n};",null]}