{"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\\DailyMaintenanceStatistics.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\yhxt-web\\src\\views\\statisticalReport\\DailyMaintenanceStatistics.vue","mtime":1673374394321},{"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":315532800000},{"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 _defineProperty from \"D:/jenkins/workspace/yhxt-web/node_modules/@babel/runtime/helpers/esm/defineProperty\";\nimport \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/es6.number.constructor\";\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//\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: 'DailyMaintenanceStatistics',\n  components: {\n    CascaderCompany: CascaderCompany\n  },\n  data: function data() {\n    return {\n      data: [],\n      formInline: {\n        companyIds: ['1419863231459102720', '1430734631036129280'],\n        companyName: '',\n        roadSegmentName: ''\n      },\n      params: {\n        pageBean: {\n          page: -1,\n          pageSize: 10,\n          showTotal: true\n        },\n        params: {\n          roadSegmentId: '',\n          accDateYear: new Date().getFullYear()\n        }\n      },\n      cstatus: '' // 传递到工单信息是否已完成的选项搜索栏的值\n\n    };\n  },\n  created: function created() {},\n  mounted: function mounted() {\n    this.companyChange(['1419863231459102720', '1430734631036129280']);\n  },\n  methods: {\n    changeYear: function changeYear(val) {\n      this.params.params.accDateYear = val;\n      this.companyChange(this.formInline.companyIds);\n    },\n    companyChange: function companyChange(val) {\n      var _this = this;\n\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\n        if (!ids) {\n          _this.data = [];\n\n          _this.getRoadChart([]);\n\n          _this.getAmountStatisticsChart([]);\n        } else {\n          _this.getCountMaintenanceData(ids);\n\n          _this.getTotalMoney(ids);\n        }\n      });\n    },\n    getCountMaintenanceData: function getCountMaintenanceData(roadSegmentId) {\n      var _this2 = this;\n\n      console.log(roadSegmentId, 'roadSegmentId');\n      this.$http.post('${yhxt}/statisticalStatement/v1/countMaintenance/new', {\n        roadSegmentId: roadSegmentId\n      }).then(function (res) {\n        _this2.data = res.data.maintenanceNewVos;\n\n        _this2.format(_this2.data);\n\n        _this2.getAmountStatisticsChart(res.data.maintenanceNewVos);\n      });\n    },\n    getTotalMoney: function getTotalMoney(id) {\n      var _this3 = this;\n\n      this.params.params.roadSegmentId = id;\n      this.$http.post('${yhxt}/bizWorkStatistic/v1/newCountWorkOrder', this.params).then(function (res) {\n        _this3.getRoadChart(res.data);\n\n        _this3.getStatusCharts(res.data);\n      });\n    },\n    format: function format(data) {\n      var total = 0;\n      var money = 0;\n      data.forEach(function (item) {\n        total += Number(item.pnameCount);\n        money += Number(item.everyMoney);\n      });\n      console.log(total);\n      data.forEach(function (item) {\n        item.percentage = item.pnameCount / total * 100;\n        item.percent = Number((item.everyMoney / money * 100).toFixed(2));\n        item.money = (Number(item.everyMoney) / 10000).toFixed(2);\n      });\n      console.log(data);\n    },\n    getAmountStatisticsChart: function getAmountStatisticsChart(data) {\n      var chartDom = document.getElementById('amountStatisticsChart');\n      var myChart = echarts.init(chartDom);\n      var data_ = [];\n      data.forEach(function (item) {\n        data_.push({\n          value: item.percent,\n          name: item.pname,\n          money: item.money\n        });\n      });\n      var option = {\n        title: {\n          textStyle: {\n            color: '#fff'\n          }\n        },\n        legend: {\n          orient: 'vertical',\n          right: 80,\n          top: 'center',\n          bottom: 20,\n          textStyle: {\n            color: '#fff'\n          }\n        },\n        tooltip: {\n          trigger: 'item',\n          formatter: function formatter(a) {\n            return \"\".concat(a.marker, \" \").concat(a.data.name, \" \\u603B\\u989D:\").concat(a.data.money, \"\\u4E07\\u5143 \\u5360\\u6BD4:\").concat(a.data.value, \"%\");\n          }\n        },\n        color: ['#16ffae', '#00e6f6', '#6255f8', '#0282b9'],\n        series: [{\n          type: 'pie',\n          radius: ['40%', '60%'],\n          data: data_,\n          width: '75%',\n          label: {\n            alignTo: 'edge',\n            // formatter: '{name|{b}}{money|{}}\\n\\n{percent|{c} %}',\n            formatter: function formatter(a) {\n              return \"{name|\".concat(a.data.name, \"} {money|\").concat(a.data.money, \" \\u4E07\\u5143}\\n\\n{percent|\").concat(a.data.value, \" %}\");\n            },\n            minMargin: 5,\n            edgeDistance: 10,\n            lineHeight: 15,\n            rich: {\n              name: {\n                fontSize: 18,\n                color: '#fff'\n              },\n              money: {\n                fontSize: 14,\n                color: '#fff'\n              },\n              percent: {\n                fontSize: 10,\n                color: '#fff'\n              }\n            }\n          },\n          labelLine: {\n            length: 15,\n            length2: 0,\n            maxSurfaceAngle: 80\n          },\n          labelLayout: function labelLayout(params) {\n            var isLeft = params.labelRect.x < myChart.getWidth() / 2;\n            var points = params.labelLinePoints; // Update the end point.\n\n            points[2][0] = isLeft ? params.labelRect.x : params.labelRect.x + params.labelRect.width;\n            return {\n              labelLinePoints: points\n            };\n          }\n        }]\n      };\n      option && myChart.setOption(option);\n    },\n    getTotal: function getTotal(arr) {\n      var num = 0;\n      arr && arr.forEach(function (item) {\n        num += Number(item.value);\n      });\n      this.total = num;\n    },\n    getRoadChart: function getRoadChart(data) {\n      var _this4 = this;\n\n      var chartDom = document.getElementById('roadChart');\n      var myChart = echarts.init(chartDom);\n      var arr3 = [];\n      var arr4 = [];\n      data.forEach(function (item) {\n        arr3.push(item.name);\n        arr4.push({\n          value: item.number,\n          children: item.children,\n          name: item.name\n        });\n      });\n      this.getTotal(arr4.slice(0, 5));\n      var option;\n      option = {\n        tooltip: _defineProperty({\n          trigger: 'axis',\n          axisPointer: {\n            type: 'shadow',\n            crossStyle: {\n              color: '#999'\n            }\n          }\n        }, \"trigger\", 'axis'),\n        toolbox: {\n          feature: {\n            show: true,\n            iconStyle: {\n              borderColor: '#fff'\n            },\n            myTool1: {\n              title: '还原',\n              icon: 'path://M512 981.333333c-209.866667 0-396.693333-126.026667-466.293333-314.08a35.52 35.52 0 0 1 23.626666-44.426666 38.613333 38.613333 0 0 1 48 20.693333c58.666667 158.933333 217.013333 265.493333 394.666667 265.6s336-106.666667 394.666667-266.133333a37.6 37.6 0 0 1 28.853333-23.626667 38.986667 38.986667 0 0 1 35.786667 11.946667 34.773333 34.773333 0 0 1 7.146666 35.36c-69.386667 188.373333-256.48 314.666667-466.453333 314.666666z m431.36-574.08a37.92 37.92 0 0 1-35.946667-24.266666C849.386667 222.56 690.613333 114.88 512 114.72S174.72 222.346667 116.746667 382.773333A38.72 38.72 0 0 1 69.333333 403.733333a35.786667 35.786667 0 0 1-24.106666-44.373333C113.333333 169.866667 301.013333 42.666667 512 42.666667s398.666667 127.306667 467.146667 316.96a34.56 34.56 0 0 1-4.906667 32.64 38.933333 38.933333 0 0 1-30.88 14.986666z',\n              tooltip: {\n                position: 'top'\n              },\n              iconStyle: {\n                borderColor: '#fff'\n              },\n              onclick: function onclick() {\n                var option = myChart.getOption();\n                option.series[0].data = arr4;\n\n                _this4.getTotal(arr4.slice(0, 5));\n\n                option.title = {\n                  text: \"\\u603B\\u6570\\uFF1A\".concat(_this4.total),\n                  textStyle: {\n                    color: '#fff'\n                  }\n                };\n                option.yAxis = {\n                  type: 'category',\n                  data: arr3,\n                  axisPointer: {\n                    type: 'shadow'\n                  },\n                  axisLabel: {\n                    fontSize: 14,\n                    color: '#fff'\n                  },\n                  axisTick: {\n                    show: true,\n                    lineStyle: {\n                      color: '#fff'\n                    }\n                  },\n                  axisLine: {\n                    show: true,\n                    lineStyle: {\n                      color: '#fff'\n                    }\n                  }\n                };\n                myChart.setOption(option, true);\n              }\n            }\n          }\n        },\n        yAxis: {\n          type: 'category',\n          data: arr3,\n          axisPointer: {\n            type: 'shadow'\n          },\n          axisLabel: {\n            fontSize: 12,\n            color: '#fff'\n          },\n          axisTick: {\n            show: true,\n            lineStyle: {\n              color: '#fff'\n            }\n          },\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: '#fff'\n            }\n          }\n        },\n        title: {\n          text: \"\\u603B\\u6570\\uFF1A\".concat(this.total),\n          textStyle: {\n            color: '#fff'\n          }\n        },\n        grid: {\n          top: 45,\n          left: 150,\n          right: 50,\n          bottom: 50,\n          width: 'auto',\n          height: 'auto'\n        },\n        xAxis: {\n          type: 'value',\n          splitLine: {\n            show: false\n          },\n          //去除网格线\n          axisLabel: {\n            // formatter: '{value}',\n            fontSize: 16,\n            color: '#fff'\n          },\n          axisTick: {\n            //y轴刻度线\n            show: true,\n            lineStyle: {\n              color: '#fff'\n            }\n          },\n          axisLine: {\n            //y轴\n            show: true,\n            lineStyle: {\n              color: '#fff'\n            }\n          }\n        },\n        series: [{\n          type: 'bar',\n          tooltip: {\n            valueFormatter: function valueFormatter(value) {\n              return value + '个';\n            }\n          },\n          label: {\n            show: true,\n            position: 'right',\n            formatter: '{c} 个',\n            color: '#fff'\n          },\n          emphasis: {\n            itemStyle: {\n              shadowBlur: 10,\n              shadowColor: 'rgba(0,0,0,0.3)'\n            } // focus : 'series'\n\n          },\n          itemStyle: {\n            normal: {\n              barBorderRadius: [0, 20, 20, 0],\n              color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{\n                offset: 0,\n                color: '#215579'\n              }, {\n                offset: 0.5,\n                color: '#2e91bd'\n              }, {\n                offset: 1,\n                color: '#37baeb'\n              }])\n            }\n          },\n          data: arr4,\n          barWidth: '25%'\n        }]\n      };\n      option && myChart.setOption(option);\n      myChart.on('click', 'series', function (params) {\n        if (!params.data.children) {\n          return _this4.$router.push({\n            name: 'workOrderInfo',\n            params: {\n              value: params.data,\n              cstatusName: _this4.cstatus\n            }\n          });\n        } else {\n          _this4.cstatus = params.data.name;\n        }\n\n        var nameArr = [];\n        var numberArr = [];\n        params.data.children && params.data.children.forEach(function (item) {\n          nameArr.push(item.roadName);\n          numberArr.push({\n            value: item.number,\n            roadId: item.roadId,\n            name: item.roadName\n          });\n        });\n        var option = myChart.getOption();\n        option.series[0].data = numberArr;\n        option.title = {\n          text: \"\\u603B\\u6570\\uFF1A\".concat(params.data.value),\n          textStyle: {\n            color: '#fff'\n          }\n        }, option.yAxis = {\n          type: 'category',\n          data: nameArr,\n          axisPointer: {\n            type: 'shadow'\n          },\n          axisLabel: {\n            fontSize: 14,\n            color: '#fff'\n          },\n          axisTick: {\n            show: true,\n            lineStyle: {\n              color: '#fff'\n            }\n          },\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: '#fff'\n            }\n          }\n        };\n        myChart.setOption(option, true); //设置为true时不会合并数据，而是重新刷新数据\n      });\n    },\n    getStatusCharts: function getStatusCharts(data) {\n      var chartDom = document.getElementById('statusChart');\n      var myChart = echarts.init(chartDom);\n      var data_ = [];\n      data.forEach(function (item) {\n        data_.push({\n          value: item.number,\n          name: item.name\n        });\n      });\n      var option = {\n        title: {\n          textStyle: {\n            color: '#fff'\n          }\n        },\n        legend: {\n          icon: 'circle',\n          orient: 'vertical',\n          right: 70,\n          top: 'center',\n          bottom: 20,\n          textStyle: {\n            color: '#ccc'\n          }\n        },\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: ['#68c1e5', '#578bf1', '#56d0a3', '#596d90', '#6a5cf1'],\n        series: [{\n          type: 'pie',\n          radius: ['40%', '55%'],\n          center: ['45%', '50%'],\n          data: data_,\n          width: '90%',\n          label: {\n            // alignTo: 'edge',\n            formatter: function formatter(a) {\n              return \"{percent|\".concat(a.percent, \"%}\");\n            },\n            rich: {\n              percent: {\n                fontSize: 15,\n                color: '#fff'\n              }\n            }\n          }\n        }]\n      };\n      option && myChart.setOption(option);\n    }\n  }\n};",null]}