{"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\\bigScreen\\statisticsBasicDataManagementAI.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\yhxt-web\\src\\views\\bigScreen\\statisticsBasicDataManagementAI.vue","mtime":1706175429240},{"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 _defineProperty from \"D:/jenkins/workspace/yhxt-web/node_modules/@babel/runtime/helpers/esm/defineProperty.js\";\nimport \"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//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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 _utils from '@/utils.js';\nimport orgData from \"./orgData.json\";\nimport utils from '@/utils'; // thousandBit格式化千分位\nvar BigNumber = require('bignumber.js');\nimport * as echarts from 'echarts';\nimport Title from \"./components/Title.vue\";\nexport default {\n  name: 'statisticsBasicDataManagementAI',\n  components: {\n    Title: Title\n  },\n  data: function data() {\n    return {\n      nowDate: null,\n      options: orgData.list,\n      year: new Date().getFullYear(),\n      mouth: new Date().getMonth(),\n      companyId: ['1419863231459102720'],\n      // 组织id(做为查询参数)\n      companyIds: [],\n      issueDate: '',\n      // 时间范围(做为查询参数)\n      tableData: [],\n      data: [],\n      loading: false,\n      pathName: '',\n      type: '',\n      total: {},\n      utils: utils\n    };\n  },\n  created: function created() {\n    var year = this.year,\n      mouth = this.mouth;\n    mouth = mouth + 1;\n    this.issueDate = \"\".concat(year, \"-\").concat(mouth > 10 ? mouth : '0' + mouth);\n    this.loadData();\n  },\n  watch: {\n    tableData: function tableData(newVal) {\n      this.total.roadCount = this.calculation('roadCount', newVal);\n      this.total.tollGateCount = this.calculation('tollGateCount', newVal);\n      this.total.serviceCount = this.calculation('serviceCount', newVal);\n      this.total.interworkingCount = this.calculation('interworkingCount', newVal);\n      this.total.bridgeCount = this.calculation('bridgeCount', newVal);\n      this.total.tunnelCount = this.calculation('tunnelCount', newVal);\n      this.total.culvertCount = this.calculation('culvertCount', newVal);\n      this.total.workCount = this.calculation('workCount', newVal);\n      this.total.carCount = this.calculation('carCount', newVal);\n      this.pieCharts(this.total);\n      this.cloumnCharts(newVal);\n    }\n  },\n  mounted: function mounted() {\n    var _this = this; // 声明一个变量指向Vue实例this，保证作用域一致\n    this.timer = setInterval(function () {\n      _this.nowDate = _utils.formatDate(new Date()); //修改数据date\n    }, 1000);\n  },\n  methods: {\n    handleCascaderChange: function handleCascaderChange(val) {},\n    handleTimeChange: function handleTimeChange() {},\n    back: function back() {\n      this.$router.go(-1);\n    },\n    calculation: function calculation(key, arr) {\n      var total = 0;\n      if (!key || arr.length === 0) return total;\n      arr.forEach(function (item) {\n        total += parseInt(item[key]);\n      });\n      return total;\n    },\n    handleReset: function handleReset() {\n      var length = this.data.length - 1;\n      if (length === 0) return;\n      this.tableData = this.data[this.data.length - 2];\n      this.data.splice(length, 1);\n    },\n    hanldeRowClick: function hanldeRowClick(row) {\n      if (row.chirldren.length == 0 && row.roadSegmentId) {\n        return this.$router.push({\n          name: this.pathName,\n          params: {\n            value: row,\n            type: this.type\n          }\n        });\n      }\n      this.tableData = row.chirldren;\n      this.data.push(row.chirldren);\n    },\n    handleCellClick: function handleCellClick(row, column) {\n      if (column.columnKey == '1' || column.columnKey == '3' || column.columnKey == '4') {\n        this.type = column.columnKey;\n        this.pathName = 'roadsideFacilitiesManagement';\n      } else {\n        this.pathName = column.columnKey;\n      }\n    },\n    loadData: function loadData() {\n      var _this2 = this;\n      this.loading = true;\n      this.$http.post('${yhxt}/bizBridgeInformation/v1/getBridgeCountVoAI').then(function (res) {\n        _this2.tableData = res && res.status == 200 && res.data || [];\n        _this2.data = [];\n        _this2.data.push(_this2.tableData);\n        _this2.loading = false;\n      }).catch(function () {\n        _this2.loading = false;\n      });\n    },\n    pieCharts: function pieCharts(obj) {\n      var chartDom = document.getElementById('pie');\n      var myChart = echarts.init(chartDom);\n      var data = [{\n        name: '路段数量',\n        value: obj.roadCount || 0\n      }, {\n        name: '收费站',\n        value: obj.tollGateCount || 0\n      }, {\n        name: '服务区',\n        value: obj.serviceCount || 0\n      }, {\n        name: '互通',\n        value: obj.interworkingCount || 0\n      }, {\n        name: '桥梁',\n        value: obj.bridgeCount || 0\n      }, {\n        name: '隧道',\n        value: obj.tunnelCount || 0\n      }, {\n        name: '涵洞',\n        value: obj.culvertCount || 0\n      }, {\n        name: '工区',\n        value: obj.workCount || 0\n      }, {\n        name: '车辆',\n        value: obj.carCount || 0\n      }];\n      var option;\n      var total = new BigNumber(0);\n      data.forEach(function (item) {\n        total = total.plus(item.value);\n      });\n      // let formatNumber = num =>\n      //   num.toString().replace(/(?=(\\B)(\\d{3})+$)/g, ',')\n      option = {\n        title: [{\n          text: \"{name|\\u603B\\u6570\\u91CF}\\n{val|\".concat(this.utils.thousandBit(total), \"}\"),\n          top: 'center',\n          left: 'center',\n          textStyle: {\n            rich: {\n              name: {\n                fontSize: 14,\n                color: '#fff',\n                padding: [10, 0]\n              },\n              val: {\n                fontSize: 32,\n                fontWeight: 'bold',\n                color: '#fff'\n              }\n            }\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: ['#5b8ff9', '#5ad8a6', '#5d7092', '#f6bd16', '#6f5ef9', '#6dc8ec', '#945fb9', '#ff9845', '#1e9493'],\n        legend: {\n          icon: 'circle',\n          orient: 'vertical',\n          right: 50,\n          top: 'center',\n          bottom: 20,\n          textStyle: {\n            color: '#ccc'\n          }\n        },\n        series: [{\n          type: 'pie',\n          radius: ['50%', '78%'],\n          center: ['45%', '50%'],\n          data: data,\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    cloumnCharts: function cloumnCharts(data) {\n      var _legend;\n      var chartDom = document.getElementById('column');\n      var myChart = echarts.init(chartDom);\n      var option;\n      var xData = [];\n      var roadData = [];\n      var tollGateData = [];\n      var serviceData = [];\n      var interData = [];\n      var bridgeData = [];\n      var tunnelData = [];\n      var culvertData = [];\n      var workData = [];\n      var carData = [];\n      data.forEach(function (item) {\n        xData.push(item.name);\n        roadData.push(item.roadCount);\n        tollGateData.push(item.tollGateCount);\n        serviceData.push(item.serviceCount);\n        interData.push(item.interworkingCount);\n        bridgeData.push(item.bridgeCount);\n        tunnelData.push(item.tunnelCount);\n        culvertData.push(item.culvertCount);\n        workData.push(item.workCount);\n        carData.push(item.carCount);\n      });\n      option = {\n        title: {\n          textStyle: {\n            color: '#fff'\n          }\n        },\n        grid: {\n          left: '6%'\n        },\n        legend: (_legend = {\n          itemHeight: 10,\n          itemWidth: 10,\n          bottom: 'bottom'\n        }, _defineProperty(_legend, \"bottom\", 10), _defineProperty(_legend, \"textStyle\", {\n          color: '#fff'\n        }), _legend),\n        tooltip: {\n          trigger: 'axis',\n          axisPointer: {\n            type: 'none'\n          }\n        },\n        color: ['#5b8ff9', '#5ad8a6', '#5d7092', '#f6bd16', '#6f5ef9', '#6dc8ec', '#945fb9', '#ff9845', '#1e9493'],\n        xAxis: {\n          type: 'category',\n          data: xData,\n          axisLabel: {\n            fontSize: 14,\n            color: '#cefff2'\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: true\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: false,\n            lineStyle: {\n              color: '#fff'\n            }\n          }\n        },\n        series: [{\n          name: '路段数量',\n          type: 'bar',\n          stack: 'Ad',\n          barWidth: '15%',\n          data: roadData\n        }, {\n          name: '收费站',\n          type: 'bar',\n          stack: 'Ad',\n          barWidth: '15%',\n          data: tollGateData\n        }, {\n          name: '服务区',\n          type: 'bar',\n          stack: 'Ad',\n          barWidth: '15%',\n          data: serviceData\n        }, {\n          name: '互通',\n          type: 'bar',\n          stack: 'Ad',\n          barWidth: '15%',\n          data: interData\n        }, {\n          name: '桥梁',\n          type: 'bar',\n          stack: 'Ad',\n          barWidth: '15%',\n          data: bridgeData\n        }, {\n          name: '隧道',\n          type: 'bar',\n          stack: 'Ad',\n          barWidth: '15%',\n          data: tunnelData\n        }, {\n          name: '涵洞',\n          type: 'bar',\n          stack: 'Ad',\n          barWidth: '15%',\n          data: culvertData\n        }, {\n          name: '工区',\n          type: 'bar',\n          stack: 'Ad',\n          barWidth: '15%',\n          data: workData\n        }, {\n          name: '车辆',\n          type: 'bar',\n          stack: 'Ad',\n          barWidth: '15%',\n          data: carData\n        }]\n      };\n      option && myChart.setOption(option);\n    },\n    // 去首页\n    goIndex: function goIndex() {\n      window.location.href = 'http://183.64.175.153:20003/#/business';\n      // this.$router.go(-1)\n    },\n    //退出系统\n    handleLogout: function handleLogout() {\n      var _this3 = this;\n      this.$store.dispatch('menu/clearMenus');\n      this.$store.dispatch('user/clearUser');\n      this.$store.dispatch('menu/setCopyMenus', []); //菜单\n      var loginRouthPath = localStorage.getItem(this.$store.state.login.currentUser.account + 'loginRoutePath') || '/login';\n      this.$store.dispatch('login/logoutAndCleanUp').then(function () {\n        switch (window.ssoConfig.mode) {\n          case 'cas':\n          case 'oauth':\n            window.sessionStorage.removeItem('currentUser');\n            window.location.href = window.ssoConfig.logout + '?service=' + window.location.href.split('?')[0];\n            break;\n          default:\n            _this3.$router.push({\n              path: loginRouthPath\n            });\n            break;\n        }\n      });\n    }\n  }\n};",null]}