{"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\\Index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\yhxt-web\\src\\views\\bigScreen\\Index.vue","mtime":1736792007287},{"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 _toConsumableArray from \"D:/jenkins/workspace/yhxt-web/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js\";\nimport \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.regexp.split\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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 orgData from \"./orgData.json\";\nimport utils from '@/utils.js';\nimport basicData from '@/api/basicData.js';\nimport InfoWindowVue from '@/views/bigScreen/components/InfoWindowDialog.vue'; // 引入信息窗体\nimport CascaderCompany from '@/components/selector/CascaderCompany.vue'; // 引入公司下拉选择组件\nimport deviceDetailDialog from '@/views/bigScreen/components/deviceDetailDialog.vue'; //设备详情弹窗\nimport Title from \"./components/Title.vue\";\nimport PieCharts from \"./components/PieCharts.vue\"; // 饼图\nimport BarCharts from \"./components/BarCharts.vue\"; // 柱状图\nimport PieChart from \"./components/pieChart.vue\"; //动态饼状图\nimport VueSeamlessScroll from \"./components/VueSeamlessScroll.vue\"; // 表格滚动\nimport DetailDialog from \"./components/DetailDialog.vue\";\nimport { mapMixin } from \"./mixin/mapMixin.js\"; // 混入配置地图相关数据与方法\nimport { mixin } from \"./mixin/mixin.js\"; // 混入页面请求数据方法以及配置\nexport default {\n  name: 'bigScreen',\n  mixins: [mapMixin, mixin],\n  components: {\n    Title: Title,\n    PieCharts: PieCharts,\n    PieChart: PieChart,\n    BarCharts: BarCharts,\n    VueSeamlessScroll: VueSeamlessScroll,\n    InfoWindowVue: InfoWindowVue,\n    DetailDialog: DetailDialog,\n    deviceDetailDialog: deviceDetailDialog,\n    CascaderCompany: CascaderCompany\n  },\n  data: function data() {\n    return {\n      activeBridgeId: '',\n      // 当前选中桥梁\n      nowDate: null,\n      timer: null,\n      year: new Date().getFullYear(),\n      mouth: new Date().getMonth(),\n      // options: [],\n      companyId: ['1419863231459102720'],\n      // 组织id(做为查询参数)\n      companyIds: [],\n      roadSegmentId: '',\n      // 路段id(做为查询参数)\n      issueDate: '',\n      // 时间范围(做为查询参数)\n      roadData: [],\n      // 路段列表数据\n      active: '',\n      // 当前选中\n      prvActive: '',\n      // 点击选中\n      basicList: [{\n        id: 'first',\n        name: '桥梁类型',\n        children: [{\n          id: 1,\n          name: '悬索桥',\n          type: 1,\n          num: 0,\n          src: require(\"./img/xsq-icon.png\"),\n          activeSrc: require(\"./img/xsq-icon-active.png\")\n        }, {\n          id: 2,\n          name: '斜拉桥',\n          type: 2,\n          num: 0,\n          src: require(\"./img/xlq-icon.png\"),\n          activeSrc: require(\"./img/xlq-icon-active.png\")\n        }, {\n          id: 3,\n          name: '梁桥',\n          type: 3,\n          num: 0,\n          src: require(\"./img/lq-icon.png\"),\n          activeSrc: require(\"./img/lq-icon-active.png\")\n        }, {\n          id: 4,\n          name: '供桥',\n          type: 4,\n          num: 0,\n          src: require(\"./img/gq-icon.png\"),\n          activeSrc: require(\"./img/gq-icon-active.png\")\n        }]\n      }],\n      deviceList: [{\n        id: 'seconed',\n        name: '监测设备',\n        children: [{\n          id: 5,\n          name: '环境',\n          type: 1,\n          num: 0,\n          src: require(\"./img/hj-icon.png\"),\n          activeSrc: require(\"./img/hj-icon-active.png\")\n        }, {\n          id: 6,\n          name: '作用',\n          type: 2,\n          num: 0,\n          src: require(\"./img/zy-icon.png\"),\n          activeSrc: require(\"./img/zy-icon-active.png\")\n        }, {\n          id: 7,\n          name: '结构响应',\n          type: 3,\n          num: 0,\n          src: require(\"./img/jgxy-icon.png\"),\n          activeSrc: require(\"./img/jgxy-icon-active.png\")\n        }, {\n          id: 8,\n          name: '结构变化',\n          type: 4,\n          num: 0,\n          src: require(\"./img/jgbh-icon.png\"),\n          activeSrc: require(\"./img/jgbh-icon-active.png\")\n        }]\n      }],\n      deviceDetailData: [],\n      //设备详情列表数据\n      isJump: false,\n      setHinightId: null\n    };\n  },\n  created: function created() {\n    this.getRoadData();\n    this.loadData();\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  },\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    handleToJKJC: function handleToJKJC() {\n      var tokenKey = sessionStorage.getItem('jkjcKey');\n      window.open(\"https://cqtz.luancloud.cn:31081/ims/CQTZ/Tjyl/index?tokenKey=\".concat(tokenKey));\n    },\n    isActive: function isActive(id) {\n      return this.active == id || this.prvActive == id;\n    },\n    handleClick: function handleClick(_ref) {\n      var id = _ref.id,\n        type = _ref.type;\n      var roadSegmentId = this.roadSegmentId,\n        companyIds = this.companyIds;\n      this.active = id;\n      this.activeType = type;\n      this.prvActive = id;\n      if (!type) return;\n      var query = this.getSearchParams();\n      var querys = [{\n        group: 'main',\n        operation: 'EQUAL',\n        property: 'TYPE_',\n        relation: 'AND',\n        value: type\n      }];\n      if (roadSegmentId) {\n        querys.push({\n          group: 'main',\n          operation: 'EQUAL',\n          property: 'roadSegmentId',\n          relation: 'AND',\n          value: roadSegmentId\n        });\n      }\n      if (!roadSegmentId && companyIds && companyIds.length !== 0) {\n        querys.push({\n          group: 'main',\n          operation: 'IN',\n          property: 'companyId',\n          relation: 'AND',\n          value: companyIds\n        });\n      }\n      query.length !== 0 && querys.push(query);\n      this.params.querys = querys;\n      // 获取设备基础信息统计\n      this.getDeviceTypeCount(this.params, id);\n\n      // 重置数据\n      if (id && id <= 4) {\n        this.reloadTotalData();\n      }\n    },\n    reloadTotalData: function reloadTotalData() {\n      this.cleatMarker();\n      this.activeBridgeId = '';\n      var roadSegmentId = this.roadSegmentId,\n        companyIds = this.companyIds;\n      var params = {\n        pageBean: {\n          pageSize: -1\n        },\n        querys: []\n      };\n      if (roadSegmentId) {\n        params.querys.push({\n          group: 'main',\n          operation: 'EQUAL',\n          property: 'roadSegmentId',\n          relation: 'AND',\n          value: roadSegmentId\n        });\n      }\n      if (!roadSegmentId && companyIds && companyIds.length !== 0) {\n        params.querys.push({\n          group: 'main',\n          operation: 'IN',\n          property: 'companyId',\n          relation: 'AND',\n          value: companyIds\n        });\n      }\n      this.getDeviceCountTotal(params); // 获取设备信息统计\n      this.getDeviceCount(params); // 左侧基础信息统计 - 监测设备类型统计\n      this.handleTimeChange();\n    },\n    hanldeOver: function hanldeOver(_ref2) {\n      var id = _ref2.id;\n      this.active = id;\n    },\n    handleLeave: function handleLeave() {\n      this.active = this.prvActive;\n    },\n    // 去首页\n    goIndex: function goIndex() {\n      // this.$router.go(-1)\n      window.open('http://183.64.175.153:20003/#/curingManageyh');\n    },\n    //退出系统\n    handleLogout: function handleLogout() {\n      var _this2 = 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            _this2.$router.push({\n              path: loginRouthPath\n            });\n            break;\n        }\n      });\n    },\n    // 获取路段列表数据\n    getRoadData: function getRoadData() {\n      var _this3 = this;\n      basicData.getRoadManagement().then(function (res) {\n        res.rows.forEach(function (item) {\n          _this3.roadData.push({\n            name: item.name,\n            id: item.id\n          });\n        });\n      });\n    },\n    // 时间回调\n    handleTimeChange: function handleTimeChange() {\n      var issueDate = this.issueDate,\n        roadSegmentId = this.roadSegmentId,\n        companyIds = this.companyIds,\n        year = this.year,\n        mouth = this.mouth;\n      var params = {\n        pageBean: {\n          pageSize: -1\n        },\n        querys: []\n      };\n      if (issueDate) {\n        issueDate = issueDate + '-01';\n        mouth = issueDate.split('-')[1];\n        var lastDate = this.getLastDay(year, mouth);\n        // issueDate: 2023-01-01, 截取最后两位\n        var len = issueDate.length;\n        var endTime = issueDate.replaceAt(len - 2, len - 1, lastDate); // 获取当月最后一天\n        params.querys.push({\n          group: 'main',\n          operation: 'GREAT',\n          property: 'modelDateGreat',\n          relation: 'AND',\n          value: issueDate\n        }, {\n          group: 'main',\n          operation: 'LESS',\n          property: 'modelDateLess',\n          relation: 'AND',\n          value: endTime\n        });\n      }\n      if (roadSegmentId) {\n        params.querys.push({\n          group: 'main',\n          operation: 'EQUAL',\n          property: 'roadSegmentId',\n          relation: 'AND',\n          value: roadSegmentId\n        });\n      }\n      if (!roadSegmentId && companyIds && companyIds.length !== 0) {\n        params.querys.push({\n          group: 'main',\n          operation: 'IN',\n          property: 'companyId',\n          relation: 'AND',\n          value: companyIds\n        });\n      }\n      if (this.activeBridgeId) {\n        params.querys.push({\n          group: 'main',\n          operation: 'EQUAL',\n          parentGroup: '',\n          property: 'TP_BRIDGE_ID_',\n          relation: 'AND',\n          value: this.activeBridgeId\n        });\n      }\n      this.getBridgeAbnormalCount(params); // 获取桥梁健康统计\n      this.getWarningCountTotal(params); // 获取预警事件统计\n      this.getNotDisposedWarn(params); // 获取未处置预警统计\n    },\n    changeTime: function changeTime(val, type) {\n      var params = {\n        pageBean: {\n          pageSize: -1\n        },\n        querys: [{\n          group: 'main',\n          operation: 'GREAT',\n          property: 'modelDateGreat',\n          relation: 'AND',\n          value: val[0]\n        }, {\n          group: 'main',\n          operation: 'LESS',\n          property: 'modelDateLess',\n          relation: 'AND',\n          value: val[1]\n        }]\n      };\n      if (this.activeBridgeId) {\n        params.querys.push({\n          group: 'main',\n          operation: 'EQUAL',\n          parentGroup: '',\n          property: 'TP_BRIDGE_ID_',\n          relation: 'AND',\n          value: this.activeBridgeId\n        });\n      }\n      if (type == 1) {\n        this.getBridgeAbnormalCount(params); // 获取桥梁健康统计\n      } else if (type == 2) {\n        this.getWarningCountTotal(params); // 获取预警事件统计\n      } else {\n        this.getNotDisposedWarn(params); // 获取未处置预警统计\n      }\n    },\n    handleCascaderChange: function handleCascaderChange(val) {\n      var _this4 = this;\n      if (val && val.length == 0) {\n        this.companyId = ['1419863231459102720'];\n        this.companyIds = ['1419863231459102720', '1497492989159804928', '1430710034819584000', '1497492555523297280', '1497492614272913408', '1497492713090715648', '1497492783722795008', '1497492820871745536', '1497492898147602432', '1430734631036129280', '1497493076619431936', '1497493109293060096', '1497493158022483968', '1494140182780317696', '1497493254181097472', '1497493287089606656', '1497493237982695424', '1419863231459102720'];\n      }\n      if (val && val.length === 1 && val[0] === '1419863231459102720') {\n        this.roadSegmentId = '';\n      }\n      var selectedList = this.$refs.cascader.getCheckedNodes();\n      // console.log('selectedList----->', selectedList[0])\n      // console.log('val----------', val)\n\n      if (val.length == 0) {\n        // this.clearRoadLayer()\n        this.getRouteMarke();\n      } else {\n        this.selectedRoadList(selectedList[0]);\n      }\n      if (val && val.length == 4) {\n        this.isJump = true;\n        this.setHinightId = val[1];\n      } else {\n        this.isJump = false;\n      }\n      if (val && val.length < 4) {\n        console.log('跳转', val[1]);\n        this.jumpTo(val);\n      }\n      this.companyIds = [];\n      this.deepClone(selectedList);\n      this.companyIds = [].concat(_toConsumableArray(val), _toConsumableArray(this.companyIds));\n      selectedList.forEach(function (i) {\n        if (!i.hasChildren && i.data.roadKey) {\n          _this4.roadSegmentId = i.data.id;\n        }\n      });\n\n      // 请求数据\n      this.leftPromise();\n    },\n    deepClone: function deepClone(source) {\n      var _this5 = this;\n      if (source && source.length == 0) return;\n      source.forEach(function (i) {\n        if (i.hasChildren) {\n          _this5.deepClone(i.children);\n        }\n        // 筛选出不是路段信息的数据id\n        if (!i.data.roadKey) {\n          _this5.companyIds.push(i.data.id);\n        }\n      });\n    },\n    // 左边数据请求\n    leftPromise: function leftPromise() {\n      this.active = 1;\n      this.prvActive = 1;\n      var roadSegmentId = this.roadSegmentId,\n        companyIds = this.companyIds;\n      var params = {\n        pageBean: {\n          pageSize: -1\n        },\n        querys: []\n      };\n      if (roadSegmentId) {\n        params.querys.push({\n          group: 'main',\n          operation: 'EQUAL',\n          property: 'roadSegmentId',\n          relation: 'AND',\n          value: roadSegmentId\n        });\n      }\n      if (!roadSegmentId && companyIds && companyIds.length !== 0) {\n        params.querys.push({\n          group: 'main',\n          operation: 'IN',\n          property: 'companyId',\n          relation: 'AND',\n          value: companyIds\n        });\n      }\n      this.getBridgeData(params); // 获取基础信息统计 - 桥梁类型统计\n      this.getDeviceCount(params); // 获取基础信息统计 - 监测设备类型统计\n      this.getDeviceCountTotal(params); // 获取设备信息统计\n      this.getDeviceTypeCount(params); // 获取设备基础信息统计\n\n      // 请求右边数据\n      this.handleTimeChange();\n    },\n    // 滚动列表点击回调事件,并在地图上标记点的位置\n    handleScollItem: function handleScollItem(item) {\n      // item.tpBridgeId = item.bridgeId\n      // let img = [\n      //     require('./img/blue_icon.png'),\n      //     require('./img/yellow_icon.png'),\n      //     require('./img/red_icon_point.png'),\n      // ]\n      // // 创建div作为标记点\n      // let el = document.createElement('div')\n      // el.id = 'marker'\n      // el.style['background-size'] = 'cover'\n      // el.style.width = '30px'\n      // el.style.height = '30px'\n      // el.style['background-image'] = `url(${img[item.state - 1]})`\n      // // 标记点位\n      // let marker = new minemap.Marker(el, {offset: [-15, -15]})\n      //     .setLngLat([item.lng, item.lat])\n      //     .addTo(this.map)\n\n      // el.addEventListener('click', () => {\n      //     this.$refs.infoDialog.open(item)\n      // })\n      //更新页面显示数据 以当前桥梁为准\n      if (item.bridgeId) {\n        this.activeBridgeId = item.bridgeId;\n        //panTo方法，以动画的形式将地图的中心位置平移到参数中的目标坐标点，参数为地图坐标点\n        this.map.panTo([item.lng, item.lat]);\n        var roadSegmentId = this.roadSegmentId,\n          companyIds = this.companyIds;\n        var params = {\n          pageBean: {\n            pageSize: -1\n          },\n          querys: []\n        };\n        if (roadSegmentId) {\n          params.querys.push({\n            group: 'main',\n            operation: 'EQUAL',\n            property: 'roadSegmentId',\n            relation: 'AND',\n            value: roadSegmentId\n          });\n        }\n        if (!roadSegmentId && companyIds && companyIds.length !== 0) {\n          params.querys.push({\n            group: 'main',\n            operation: 'IN',\n            property: 'companyId',\n            relation: 'AND',\n            value: companyIds\n          });\n        }\n        params.querys.push({\n          group: 'main',\n          operation: 'EQUAL',\n          parentGroup: '',\n          property: 'TP_BRIDGE_ID_',\n          relation: 'AND',\n          value: item.bridgeId\n        });\n        this.getDeviceCountTotal(params); //设备信息统计\n        this.getDeviceCount(params); // 左侧基础信息统计 - 监测设备类型统计\n        this.handleTimeChange(params); //右侧数据\n      } else {\n        this.getDeviceTypeDetail(item);\n      }\n    },\n    //设备详情dialog\n    getDevicesDetail: function getDevicesDetail(val) {\n      this.activeBridgeId = '';\n      var roadSegmentId = this.roadSegmentId,\n        companyIds = this.companyIds;\n      var params = {\n        pageBean: {\n          pageSize: -1\n        },\n        querys: []\n      };\n      if (roadSegmentId) {\n        params.querys.push({\n          group: 'main',\n          operation: 'EQUAL',\n          property: 'roadSegmentId',\n          relation: 'AND',\n          value: roadSegmentId\n        });\n      }\n      if (!roadSegmentId && companyIds && companyIds.length !== 0) {\n        params.querys.push({\n          group: 'main',\n          operation: 'IN',\n          property: 'companyId',\n          relation: 'AND',\n          value: companyIds\n        });\n      }\n      params.querys.push({\n        group: 'main',\n        operation: 'EQUAL',\n        property: 'state',\n        relation: 'AND',\n        value: val\n      });\n      // let state=val\n      this.$refs.deviceDetailDialog.open(params);\n    }\n  },\n  beforeDestroy: function beforeDestroy() {\n    if (this.timer) {\n      clearInterval(this.timer); //在Vue实例销毁前，清除定时器\n    }\n  }\n};",null]}