{"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\\MqiStatistics.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\yhxt-web\\src\\views\\statisticalReport\\MqiStatistics.vue","mtime":1667326395263},{"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.regexp.split\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.function.name\";\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';\nexport default {\n  components: {\n    // eipOrgSelector,\n    // RoadInfoDialog,\n    // routerInfoSelector,\n  },\n  data: function data() {\n    return {\n      formInline: {\n        companyName: '',\n        roadSegmentName: ''\n      },\n      roadOptions: [] //选取路段\n    };\n  },\n  mounted: function mounted() {\n    // this.draw()\n    // this.load()\n    this.getRoadInfo();\n  },\n  methods: {\n    getRoadInfo: function getRoadInfo() {\n      var _this = this;\n      basicData.getRoadManagement().then(function (res) {\n        if (res.rows.length !== 0) {\n          _this.roadOptions = res.rows;\n          var id = _this.roadOptions[0].id;\n          _this.formInline = {\n            roadSegmentId: id\n          };\n          _this.load(id);\n        }\n      });\n    },\n    handleRoadChanged: function handleRoadChanged(id) {\n      if (id) {\n        this.load(id);\n      }\n    },\n    draw: function draw(data) {\n      var chartDom = document.getElementById('main');\n      var myChart = echarts.init(chartDom);\n      var option;\n      var arr1 = [];\n      var seri = [];\n      var names = [{\n        key: 'mqiAvg',\n        name: 'MQI'\n      }, {\n        key: 'pqiAvg',\n        name: '路面PQI'\n      }, {\n        key: 'pciAvg',\n        name: '路面损坏PCI'\n      }, {\n        key: 'rqiAvg',\n        name: '行驶质量RQI'\n      }, {\n        key: 'rdiAvg',\n        name: '车辙深度RDI'\n      }, {\n        key: 'pbiAvg',\n        name: '跳车PBI'\n      }, {\n        key: 'sriAvg',\n        name: '抗滑性能SRI'\n      }, {\n        key: 'sciAvg',\n        name: '路基SCI'\n      }, {\n        key: 'bciAvg',\n        name: '桥隧构造物BCI'\n      }, {\n        key: 'tciAvg',\n        name: '沿线设施TCI'\n      }, {\n        key: 'pwiAvg',\n        name: '磨耗PWI'\n      }, {\n        key: 'pssiAvg',\n        name: '结构强度PSSI'\n      }];\n      console.log(data);\n      var items = this.transformation(data[0], names);\n      for (var i in items) {\n        // console.log(items[i])\n        arr1.push(items[i].name);\n      }\n      arr1 = arr1.filter(function (item) {\n        return item;\n      });\n      console.log(arr1);\n      data.forEach(function (item) {\n        seri.push({\n          name: item.laneValue,\n          type: 'line',\n          stack: 'Total',\n          data: item\n        });\n      });\n      // seri = data\n      seri.forEach(function (item) {\n        delete item.data.laneValue;\n        delete item.data.lane;\n        var arr2 = [];\n        for (var _i in item.data) {\n          arr2.push(item.data[_i]);\n          // item.data.push(item.data[i])\n        }\n\n        item.data = arr2;\n      });\n      console.log(seri);\n      option = {\n        tooltip: {\n          trigger: 'axis'\n        },\n        grid: {\n          left: '3%',\n          right: '4%',\n          bottom: '3%',\n          containLabel: true\n        },\n        toolbox: {\n          feature: {\n            saveAsImage: {}\n          }\n        },\n        xAxis: {\n          type: 'category',\n          boundaryGap: false,\n          data: arr1,\n          axisLabel: {\n            show: true,\n            interval: 0,\n            formatter: function formatter(value) {\n              var ret = ''; //拼接加\\n返回的类目项\n              var maxLength = 4; //每项显示文字个数\n              var valLength = value.length; //X轴类目项的文字个数\n              var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数\n              if (rowN > 4) {\n                //如果类目项的文字大于4,\n                for (var i = 0; i < rowN; i++) {\n                  var temp = ''; //每次截取的字符串\n                  var start = i * maxLength; //开始截取的位置\n                  var end = start + maxLength; //结束截取的位置\n                  //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧\n                  temp = value.substring(start, end) + '\\n';\n                  ret += temp; //凭借最终的字符串\n                }\n\n                return ret;\n              } else {\n                return value;\n              }\n            },\n            textStyle: {\n              color: '#9bd8ed',\n              //X轴文字颜色\n              padding: [0, 0, 0, 0],\n              fontSize: 12\n            }\n          }\n        },\n        yAxis: {\n          type: 'value'\n        },\n        series: seri\n      };\n      option && myChart.setOption(option);\n    },\n    load: function load(roadSegmentId) {\n      var _this2 = this;\n      this.$http.post('${yhxt}/statisticalStatement/v1/countMqiReport', {\n        roadSegmentId: roadSegmentId\n      }).then(function (res) {\n        console.log(res);\n        _this2.draw(res.data.value);\n      });\n    },\n    transformation: function transformation(data, arr) {\n      var arr1 = [];\n      for (var i in data) {\n        // console.log(i, data[i])\n        var o = {};\n        o['name'] = i;\n        o['value'] = data[i];\n        for (var j in arr) {\n          // console.log(arr1[j], j, o)\n          if (arr[j].key == o.name) {\n            o.name = arr[j].name;\n            arr1.push(o);\n          }\n        }\n      }\n      return arr1;\n    },\n    onSubmit: function onSubmit() {\n      console.log('submit!');\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) {\n      // 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]}