{"remainingRequest":"D:\\jenkins\\workspace\\yhxt-web\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\yhxt-web\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\yhxt-web\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jenkins\\workspace\\yhxt-web\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\yhxt-web\\src\\views\\statisticalReport\\BridgeStructureStatistics.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\yhxt-web\\src\\views\\statisticalReport\\BridgeStructureStatistics.vue","mtime":1668536030189},{"path":"D:\\jenkins\\workspace\\yhxt-web\\babel.config.js","mtime":1667326389982},{"path":"D:\\jenkins\\workspace\\yhxt-web\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\yhxt-web\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\yhxt-web\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"D:\\jenkins\\workspace\\yhxt-web\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\yhxt-web\\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//\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 CascaderCompany from \"./components/CascaderCompany_.vue\";\nexport default {\n  name: 'BridgeStructureStatistics',\n  components: {\n    CascaderCompany: CascaderCompany\n  },\n  data: function data() {\n    return {\n      formInline: {\n        companyIds: ['1419863231459102720', '1430734631036129280'],\n        companyName: '',\n        roadSegmentName: ''\n      },\n      tableData: [],\n      roadOptions: [] //选取路段\n    };\n  },\n  mounted: function mounted() {\n    this.companyChange(['1419863231459102720', '1430734631036129280']);\n  },\n  methods: {\n    companyChange: function companyChange(val) {\n      var _this = this;\n      this.formInline.companyIds = val;\n      var id = val && val[val.length - 1] || '';\n      if (!id) return;\n      this.$http.get('${yhxt}/statisticalStatement/v1/findAllRoadIds?id=' + id).then(function (res) {\n        var ids = res.data.value.join(',') || id || '';\n        if (!ids) {\n          _this.getTypeCharts([]);\n          _this.tableData = [];\n        } else {\n          _this.load(ids);\n        }\n      });\n    },\n    load: function load(roadSegmentId) {\n      var _this2 = this;\n      this.$http.post('${yhxt}/statisticalStatement/v1/countReportBridge', {\n        roadSegmentId: roadSegmentId\n      }).then(function (res) {\n        //桥梁类型\n        _this2.getTypeCharts(res.data);\n        _this2.getCategoryCharts(res.data);\n        _this2.getStructureCharts(res.data);\n        _this2.tableData = res.data.bridgeShapeType;\n      });\n    },\n    // 桥梁类型\n    getTypeCharts: function getTypeCharts(data) {\n      var chartDom = document.getElementById('typeCharts');\n      var myChart = echarts.init(chartDom);\n      data.bridgeType.forEach(function (item) {\n        item['name'] = item['typeValue'];\n        item['value'] = item['typeCount'];\n      });\n      var option = {\n        tooltip: {\n          trigger: 'item',\n          formatter: function formatter(a) {\n            return \"\".concat(a.marker, \" \").concat(a.data.name, \" \").concat(a.data.value, \"\\u4E2A \").concat(a.percent, \"%\");\n          }\n        },\n        color: ['#56d0a3', '#596d90', '#eab61a', '#6a5cf1', '#578bf1'],\n        legend: {\n          icon: 'circle',\n          orient: 'vertical',\n          right: 80,\n          top: 'center',\n          bottom: 20,\n          textStyle: {\n            color: '#fff'\n          }\n        },\n        title: {\n          left: 'center',\n          textStyle: {\n            color: '#fff'\n          }\n        },\n        series: [{\n          type: 'pie',\n          radius: ['40%', '60%'],\n          center: ['40%', '50%'],\n          data: data.bridgeType,\n          label: {\n            color: '#fff',\n            formatter: function formatter(a) {\n              return \"{percent|\".concat(a.percent, \"%}\");\n            },\n            fontSize: 14,\n            rich: {\n              percent: {\n                fontSize: 15,\n                color: '#fff'\n              }\n            }\n          },\n          emphasis: {\n            itemStyle: {\n              shadowBlur: 10,\n              shadowOffsetX: 0,\n              shadowColor: 'rgba(0, 0, 0, 0.5)'\n            }\n          }\n        }]\n      };\n      option && myChart.setOption(option);\n    },\n    // 桥梁类别\n    getCategoryCharts: function getCategoryCharts(data) {\n      var chartDom = document.getElementById('categoryCharts');\n      var myChart = echarts.init(chartDom);\n      data.category.forEach(function (item) {\n        item['name'] = item['categoryValue'];\n        item['value'] = item['categoryCount'];\n      });\n      var option = {\n        tooltip: {\n          trigger: 'item',\n          formatter: function formatter(a) {\n            return \"\".concat(a.marker, \" \").concat(a.data.name, \" \").concat(a.data.value, \"\\u4E2A \").concat(a.percent, \"%\");\n          }\n        },\n        color: ['#56d0a3', '#596d90', '#eab61a', '#6a5cf1', '#578bf1'],\n        legend: {\n          icon: 'circle',\n          orient: 'vertical',\n          right: 80,\n          top: 'center',\n          bottom: 20,\n          textStyle: {\n            color: '#fff'\n          }\n        },\n        title: {\n          left: 'center',\n          textStyle: {\n            color: '#fff'\n          }\n        },\n        series: [{\n          type: 'pie',\n          radius: ['40%', '60%'],\n          center: ['40%', '50%'],\n          data: data.category,\n          label: {\n            color: '#fff',\n            formatter: function formatter(a) {\n              return \"{percent|\".concat(a.percent, \"%}\");\n            },\n            fontSize: 14,\n            rich: {\n              percent: {\n                fontSize: 15,\n                color: '#fff'\n              }\n            }\n          },\n          emphasis: {\n            itemStyle: {\n              shadowBlur: 10,\n              shadowOffsetX: 0,\n              shadowColor: 'rgba(0, 0, 0, 0.5)'\n            }\n          }\n        }]\n      };\n      option && myChart.setOption(option);\n    },\n    // 上部结构比例清单\n    getStructureCharts: function getStructureCharts(data) {\n      var chartDom = document.getElementById('structureCharts');\n      var myChart = echarts.init(chartDom);\n      data.bridgeShapeType.forEach(function (item) {\n        item['name'] = item['shapeTypeValue'];\n        item['value'] = item['shapeTypeCount'];\n      });\n      var option = {\n        tooltip: {\n          trigger: 'item',\n          formatter: function formatter(a) {\n            return \"\".concat(a.marker, \" \").concat(a.data.name, \" \").concat(a.data.value, \"\\u4E2A \").concat(a.percent, \"%\");\n          }\n        },\n        color: ['#56d0a3', '#596d90', '#eab61a', '#6a5cf1', '#578bf1'],\n        legend: {\n          icon: 'circle',\n          orient: 'vertical',\n          right: 10,\n          top: 'center',\n          bottom: 20,\n          textStyle: {\n            color: '#fff'\n          }\n        },\n        title: {\n          left: 'center',\n          textStyle: {\n            color: '#fff'\n          }\n        },\n        series: [{\n          type: 'pie',\n          radius: ['40%', '60%'],\n          center: ['35%', '50%'],\n          data: data.bridgeShapeType,\n          label: {\n            color: '#fff',\n            formatter: function formatter(a) {\n              return \"{percent|\".concat(a.percent, \"%}\");\n            },\n            fontSize: 14,\n            rich: {\n              percent: {\n                fontSize: 15,\n                color: '#fff'\n              }\n            }\n          },\n          emphasis: {\n            itemStyle: {\n              shadowBlur: 10,\n              shadowOffsetX: 0,\n              shadowColor: 'rgba(0, 0, 0, 0.5)'\n            }\n          }\n        }]\n      };\n      option && myChart.setOption(option);\n    }\n  }\n};",null]}