{"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\\patrolFillingStatistics\\RegularInspectionStatisticsCulvert.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\yhxt-web\\src\\views\\statisticalReport\\patrolFillingStatistics\\RegularInspectionStatisticsCulvert.vue","mtime":1667326395310},{"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 \"core-js/modules/es7.object.get-own-property-descriptors\";\nimport \"core-js/modules/es6.object.keys\";\nimport \"core-js/modules/es6.regexp.split\";\nimport \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/web.dom.iterable\";\nimport _defineProperty from \"D:/jenkins/workspace/yhxt-web/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\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 basicData from '@/api/basicData.js';\nimport eipOrgSelector from '@/components/eipControl/selector/EipOrgSelector.vue';\nimport RoadInfoDialog from '@/components/dialog/RoadInfoDialog.vue';\nimport routerInfoSelector from '@/components/selector/routerInfoSelector.vue';\nimport CascaderCompany from \"./../components/CascaderCompany_.vue\";\nexport default {\n  components: {\n    // eipOrgSelector,\n    RoadInfoDialog: RoadInfoDialog,\n    CascaderCompany: CascaderCompany // routerInfoSelector\n\n  },\n  data: function data() {\n    return {\n      formInline: {\n        companyIds: ['1419863231459102720', '1430734631036129280'],\n        accDateYear: '',\n        accDateMonth: ''\n      },\n      roadData: [],\n      monthData: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12']\n    };\n  },\n  mounted: function mounted() {\n    // this.getRoadInfo()\n    this.formInline = {\n      roadSegmentId: '',\n      accDateYear: new Date().getFullYear() + '',\n      accDateMonth: new Date().getMonth() + ''\n    };\n    this.companyChange(['1419863231459102720', '1430734631036129280']);\n  },\n  methods: {\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.draw({\n            circles: [],\n            inspectForRoadSegments: []\n          });\n        } else {\n          var params = {\n            roadSegmentId: ids,\n            accDateYear: _this.formInline.accDateYear,\n            accDateMonth: _this.formInline.accDateMonth\n          };\n\n          _this.$http.post('${yhxt}/statisticalStatement/v1/countCulvertCheck', params).then(function (res) {\n            _this.draw(res.data);\n          });\n        }\n      });\n    },\n    getRoadInfo: function getRoadInfo() {\n      var _this2 = this;\n\n      basicData.getRoadManagement().then(function (res) {\n        if (res.rows.length !== 0) {\n          _this2.roadData = res.rows;\n          var id = _this2.roadData[0].id;\n          _this2.formInline = {\n            roadSegmentId: '',\n            accDateYear: new Date().getFullYear() + '',\n            accDateMonth: new Date().getMonth() + ''\n          };\n\n          _this2.load();\n        }\n      });\n    },\n    load: function load() {\n      var _this3 = this;\n\n      var params = _objectSpread({}, this.formInline);\n\n      this.$http.post('${yhxt}/statisticalStatement/v1/countCulvertCheck', params).then(function (res) {\n        // console.log(res)\n        _this3.draw(res.data);\n      });\n    },\n    draw: function draw(data) {\n      var chartDom_1 = document.getElementById('main_1');\n      var chartDom_2 = document.getElementById('main_2');\n      var myChart_1 = echarts.init(chartDom_1);\n      var myChart_2 = echarts.init(chartDom_2);\n      var publicOption = {\n        tooltip: {\n          trigger: 'item'\n        } // legend: {\n        //   orient: 'vertical',\n        //   bottom: 'bottom',\n        //   itemWidth: 15,\n        //   textStyle: {\n        //     color: '#fff'\n        //   }\n        // }\n\n      };\n      console.log(data);\n\n      var option_1 = _objectSpread({\n        title: {\n          text: '',\n          left: 'center'\n        },\n        color: ['#63b2ee', '#76da91', '#f8cb7f', '#f89588', '#7cd6cf', '#9192ab', '#7898e1'],\n        legend: {\n          bottom: 'bottom',\n          textStyle: {\n            color: \"#fff\"\n          }\n        },\n        series: [{\n          name: '',\n          type: 'pie',\n          radius: '50%',\n          data: data.circles,\n          label: {\n            color: '#fff',\n            formatter: '{b}\\n\\n{c}'\n          },\n          emphasis: {\n            itemStyle: {\n              shadowBlur: 10,\n              shadowOffsetX: 0,\n              shadowColor: 'rgba(0, 0, 0, 0.5)'\n            }\n          }\n        }]\n      }, publicOption);\n\n      var arr1 = [];\n      var arr2 = [];\n      var arr3 = [];\n      data.inspectForRoadSegments.forEach(function (item) {\n        arr1.push(item.roadSegmentName);\n        arr2.push(item.valueFinish);\n        arr3.push(item.valueUnFinish);\n      });\n      console.log(arr1);\n      var option_2 = {\n        legend: {\n          bottom: 'bottom',\n          data: ['巡检完成', '巡检未完成'],\n          textStyle: {\n            color: \"#fff\"\n          }\n        },\n        tooltip: {\n          trigger: 'axis',\n          axisPointer: {\n            type: 'shadow'\n          }\n        },\n        xAxis: {\n          type: 'category',\n          // boundaryGap: false,\n          data: arr1,\n          axisLabel: {\n            textStyle: {\n              color: '#fff'\n            }\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        yAxis: {\n          type: 'value',\n          splitLine: {\n            show: false\n          },\n          //去除网格线\n          axisLabel: {\n            textStyle: {\n              color: '#fff'\n            }\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          name: '巡检完成',\n          data: arr2,\n          type: 'bar',\n          label: {\n            show: true,\n            position: \"top\",\n            textStyle: {\n              fontSize: 12,\n              color: \"#fff\"\n            }\n          },\n          itemStyle: {\n            color: '#188df0'\n          },\n          emphasis: {\n            focus: 'series'\n          }\n        }, {\n          name: '巡检未完成',\n          data: arr3,\n          type: 'bar',\n          label: {\n            show: true,\n            position: \"top\",\n            textStyle: {\n              fontSize: 12,\n              color: \"#fff\"\n            }\n          },\n          itemStyle: {\n            color: '#ee6666'\n          },\n          emphasis: {\n            focus: 'series'\n          }\n        }]\n      };\n      option_1 && myChart_1.setOption(option_1);\n      option_2 && myChart_2.setOption(option_2);\n    },\n    onSubmit: function onSubmit() {\n      this.load();\n    },\n    //所属路段获取焦点触发事件\n    handleFocusRoad: function handleFocusRoad() {\n      this.$refs.road.open();\n    },\n    //所属路线打开弹框\n    openRoad: function openRoad() {\n      this.$refs.road.open();\n    },\n    //选取路线回填数据\n    handleSelectRoad: function handleSelectRoad(data) {// console.log(data.name, '路线信息')\n      // this.formInline.roadSegmentName = data.name\n      // this.formInline.roadSegmentId = data.id\n    },\n    //路线信息赋值\n    changed: function changed(obj) {\n      // console.log(obj)\n      this.formInline.roadSegmentName = obj.name;\n      this.formInline.roadSegmentId = obj.id;\n    },\n    value: function value(obj) {\n      console.log(obj);\n      this.formInline.roadSegmentName = obj.name;\n      this.formInline.roadSegmentId = obj.id;\n    },\n    //公司赋值\n    handleChanged: function handleChanged(obj) {\n      // console.log(obj.valueInfo.join(','))\n      this.formInline.companyIds = JSON.stringify(obj.valueInfo);\n      this.formInline.companyName = obj.name;\n      this.formInline.companyId = obj.id;\n    },\n    companyValue: function companyValue(obj) {\n      // console.log(obj)\n      this.formInline.companyName = obj.name;\n      this.formInline.companyId = obj.id;\n      this.formInline.companyIds = JSON.stringify(obj.id.split(' ')); //必须是空格\n    }\n  }\n};",null]}