{"remainingRequest":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\frontScreens\\components\\gisTabComponents\\RiverInfo.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\frontScreens\\components\\gisTabComponents\\RiverInfo.vue","mtime":1684458238606},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"regenerator-runtime/runtime\";\nimport _asyncToGenerator from \"D:/jenkins/workspace/bbsl-fvue/node_modules/@babel/runtime/helpers/esm/asyncToGenerator\";\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//\nimport RiverInfoModel from \"./module/RiverInfoModel.vue\";\nimport dictUtils from '@/components/dict/DictSelectUtils.js';\nimport gisMap from '@/api/frontScreen/gisMap.js';\nimport riversway from '@/views/frontScreens/js/riversway.js';\nimport riversway2 from '@/views/frontScreens/js/riversway2.js';\nimport riversway3 from '@/views/frontScreens/js/riversway3.js';\nimport riversCodeMap from '@/views/frontScreens/js/riversCodeMap.js';\nimport riversName1 from '@/views/frontScreens/js/riversName1.js';\nimport riversName2 from '@/views/frontScreens/js/riversName2.js';\nimport riversName3 from '@/views/frontScreens/js/riversName3.js';\nimport riverLine from '@/views/frontScreens/js/waterlines/polyline';\nimport riverPolygon from '@/views/frontScreens/js/waterlines/polygon';\nimport riverPoint from '@/views/frontScreens/js/waterlines/point';\nimport { gisCompMixin } from '@/mixins/gisCompMixin.js';\nexport default {\n  name: 'RiverInfo',\n  components: {\n    RiverInfoModel: RiverInfoModel\n  },\n  mixins: [gisCompMixin],\n  data: function data() {\n    return {\n      // 指定坐标字段\n      lg: 'rvInsideStartLoc',\n      lt: 'rvInsideStartLong',\n      modelName: 'RiverInfoModel',\n      isInitMarkers: false,\n      LayerGroup: null,\n      // layerGroup 收集用于切换删除\n      markerslayer: [],\n      //集合标点的layer 收集用于切换删除\n      form: {\n        rvName: '',\n        rvGrad: []\n      },\n      params: {},\n      iconUrl: require(\"./../../../../assets/img/gis_riverInfo.png\"),\n      filterData: [],\n      originData: [{\n        rvName: '河流1',\n        rvGrad: '1 级',\n        startLong: '106.60618',\n        startLat: '29.87268',\n        id: 1,\n        children: [{\n          rvName: '河流11',\n          rvGrad: '2 级',\n          startLong: '106.61663',\n          startLat: '29.92665',\n          id: 11\n        }]\n      }, {\n        rvName: '河流2',\n        rvGrad: '2 级',\n        startLong: '106.45848',\n        startLat: '29.66765',\n        id: 2,\n        children: [{\n          rvName: '河流3',\n          rvGrad: '3 级',\n          startLong: '106.38834',\n          startLat: '29.86642',\n          id: 3\n        }, {\n          rvName: '河流4',\n          rvGrad: '4 级',\n          startLong: '106.43615',\n          startLat: '29.84204',\n          id: 4\n        }, {\n          rvName: '河流5',\n          rvGrad: '1 级',\n          startLong: '106.44186',\n          startLat: '29.82033',\n          id: 5\n        }]\n      }],\n      showInfo: false,\n      sectionMarker: null,\n      // 标记点\n      label: null,\n      // 标记点名称\n      hljb: [],\n      currentPoint: {\n        rvName: ''\n      },\n      infoWin: null,\n      riverOverlay: null,\n      riverLineOverlay: null,\n      riverPolygonOverlay: null,\n      riverPointOverlay: null,\n      riverLineOverlay2: null,\n      riverLineOverlay3: null,\n      singleRiverOverlay: null\n    };\n  },\n  created: function created() {\n    this.hljb = dictUtils.getDictItemsFromCache('hljb');\n  },\n  mounted: function mounted() {\n    var _this = this;\n\n    this.$nextTick(function () {\n      _this.initWaterlines();\n\n      _this.getBaseFindAll(); // this.initMarkers()\n\n    });\n  },\n  methods: {\n    customClear: function customClear() {\n      if (this.singleRiverOverlay) {\n        this.map.removeLayer(this.singleRiverOverlay);\n      }\n\n      if (this.riverPolygonOverlay) {\n        this.map.removeLayer(this.riverPolygonOverlay);\n      }\n\n      if (this.riverLineOverlay) {\n        this.map.removeLayer(this.riverLineOverlay);\n      }\n\n      if (this.riverLineOverlay2) {\n        this.map.removeLayer(this.riverLineOverlay2);\n      }\n\n      if (this.riverLineOverlay3) {\n        this.map.removeLayer(this.riverLineOverlay3);\n      }\n    },\n    getBaseFindAll: function getBaseFindAll() {\n      var _this2 = this;\n\n      return new Promise(function (resolve, reject) {\n        gisMap.baseFindAll(_this2.params, function (res) {\n          if (res.state) {\n            _this2.filterData = res.value;\n            resolve();\n          }\n\n          reject();\n        });\n      });\n    },\n    rvGrad: function rvGrad(val) {\n      var name;\n      this.hljb.forEach(function (e) {\n        if (e.value == val) {\n          name = e.name;\n        }\n      });\n      return name;\n    },\n    changeSearch: function () {\n      var _changeSearch = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(val) {\n        return regeneratorRuntime.wrap(function _callee$(_context) {\n          while (1) {\n            switch (_context.prev = _context.next) {\n              case 0:\n                this.params.rvName = val;\n                _context.next = 3;\n                return this.getBaseFindAll();\n\n              case 3:\n              case \"end\":\n                return _context.stop();\n            }\n          }\n        }, _callee, this);\n      }));\n\n      function changeSearch(_x) {\n        return _changeSearch.apply(this, arguments);\n      }\n\n      return changeSearch;\n    }(),\n    hljbChange: function () {\n      var _hljbChange = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(val) {\n        return regeneratorRuntime.wrap(function _callee2$(_context2) {\n          while (1) {\n            switch (_context2.prev = _context2.next) {\n              case 0:\n                this.params.rvGradList = val;\n                _context2.next = 3;\n                return this.getBaseFindAll();\n\n              case 3:\n              case \"end\":\n                return _context2.stop();\n            }\n          }\n        }, _callee2, this);\n      }));\n\n      function hljbChange(_x2) {\n        return _hljbChange.apply(this, arguments);\n      }\n\n      return hljbChange;\n    }(),\n    initWaterlines: function initWaterlines() {\n      // this.initRiver()\n      this.initRiverLine(); // this.initRiverPolygon()\n\n      this.initRiverPoint();\n    },\n    clearWaterlines: function clearWaterlines() {\n      if (this.sectionMarker) {\n        this.map.removeLayer(this.sectionMarker);\n        this.sectionMarker = null;\n      }\n\n      if (this.riverPointOverlay) {\n        this.LayerGroup.clearLayers();\n      }\n\n      if (this.riverLineOverlay) {\n        this.map.removeLayer(this.riverLineOverlay);\n      }\n\n      if (this.riverLineOverlay2) {\n        this.map.removeLayer(this.riverLineOverlay2);\n      }\n\n      if (this.riverLineOverlay3) {\n        this.map.removeLayer(this.riverLineOverlay3);\n      }\n\n      if (this.singleRiverOverlay) {\n        this.map.removeLayer(this.singleRiverOverlay);\n      }\n    },\n    rowClick: function rowClick(row) {\n      console.log(row);\n      this.clearWaterlines();\n      this.patchRiver(row);\n      this.currentPoint = row;\n      var latlng = this.createdLngLat(row[this.lt], row[this.lg]);\n      this.drawMarker(latlng, row, false);\n      this.map.setView(this.sectionMarker.getLatLng(), 14); // 定位到河流起始点  但是地图等级太高天地图无法显示\n      // let  bounds = L.latLngBounds([\n      //   this.sectionMarker.getLatLng(),\n      //   [row.rvInsideEndLoc, row.rvInsideEndLong]\n      // ])\n      // //定位到矩形\n      // this.map.fitBounds(bounds);\n    },\n    patchRiver: function patchRiver(row) {\n      var riversFileCode = riversCodeMap.nameMap[row.code];\n      var riversFile;\n\n      if (riversFileCode == 1) {\n        riversFile = riversName1;\n      } else if (riversFileCode == 2) {\n        riversFile = riversName2;\n      } else if (riversFileCode == 3) {\n        riversFile = riversName3;\n      } else {\n        return;\n      }\n\n      var rivers = riversFile.features;\n      var river = rivers.filter(function (item) {\n        return item.properties.code == row.code;\n      });\n      this.drawRiver(river, row);\n    },\n    drawRiver: function drawRiver(river, row) {\n      var myStyle = {\n        color: '#409eff',\n        weight: 2,\n        opacity: 1,\n        fillColor: '#409eff',\n        fillOpacity: 1\n      };\n      this.singleRiverOverlay = new L.geoJSON(river, {\n        style: myStyle\n      });\n      this.map.addLayer(this.singleRiverOverlay);\n      this.singleRiverOverlay.bringToFront();\n    },\n    initRiver: function initRiver() {\n      var countries = [];\n      this.LayerGroup = [];\n      this.markerslayer = [];\n      countries = riverway.features;\n      var myStyle = {\n        color: '#409eff',\n        weight: 1,\n        opacity: 0.5,\n        fillColor: '#409eff',\n        fillOpacity: 0.6\n      };\n      this.riverOverlay = new L.geoJSON(countries, {\n        style: myStyle\n      });\n      this.markerslayer.push(this.riverOverlay);\n      this.LayerGroup = new L.layerGroup(this.markerslayer);\n      this.map.addLayer(this.LayerGroup);\n      this.map.addLayer(this.riverOverlay);\n      this.riverOverlay.bringToFront();\n    },\n    initRiverPoint: function initRiverPoint() {\n      var _this3 = this;\n\n      var countries = [];\n      this.LayerGroup = [];\n      this.markerslayer = [];\n      countries = riverPoint.features;\n      countries.forEach(function (item) {\n        var latlng = new L.LatLng(item.geometry.coordinates[1], item.geometry.coordinates[0]);\n        var label = new L.divIcon({\n          html: \"<div style=\\\"color:#fff\\\">\".concat(item.properties.Name, \"<div>\"),\n          className: 'my-divIcon',\n          iconSize: 40\n        });\n        _this3.riverPointOverlay = new L.marker(latlng, {\n          icon: label\n        });\n\n        _this3.markerslayer.push(_this3.riverPointOverlay);\n\n        _this3.LayerGroup = new L.layerGroup(_this3.markerslayer);\n\n        _this3.map.addLayer(_this3.LayerGroup);\n\n        _this3.map.addLayer(_this3.riverPointOverlay);\n      });\n    },\n    initRiverPolygon: function initRiverPolygon() {\n      var countries = [];\n      countries = riverPolygon.features;\n      var myStyle = {\n        color: '#006ced',\n        weight: 1,\n        opacity: 0.5,\n        fillColor: '#006ced',\n        fillOpacity: 0.7\n      };\n      this.riverPolygonOverlay = new L.geoJSON(countries, {\n        style: myStyle\n      });\n      this.map.addLayer(this.riverPolygonOverlay);\n      this.riverPolygonOverlay.bringToFront();\n    },\n    initRiverLine: function initRiverLine() {\n      var countries = [];\n      var countries2 = [];\n      var countries3 = []; // countries = riverLine.features\n\n      countries = riversway.features;\n      countries2 = riversway2.features;\n      countries3 = riversway3.features;\n      var myStyle = {\n        color: '#409eff',\n        weight: 2,\n        opacity: 1,\n        fillColor: '#409eff',\n        fillOpacity: 1\n      };\n      this.riverLineOverlay = new L.geoJSON(countries, {\n        style: myStyle\n      });\n      this.riverLineOverlay2 = new L.geoJSON(countries2, {\n        style: myStyle\n      });\n      this.riverLineOverlay3 = new L.geoJSON(countries3, {\n        style: myStyle\n      });\n      this.map.addLayer(this.riverLineOverlay);\n      this.map.addLayer(this.riverLineOverlay2);\n      this.map.addLayer(this.riverLineOverlay3);\n      this.riverLineOverlay.bringToFront();\n      this.riverLineOverlay2.bringToFront();\n      this.riverLineOverlay3.bringToFront();\n    },\n    initMarkers: function initMarkers() {\n      var _this4 = this;\n\n      this.filterData.forEach(function (item) {\n        var latlng = _this4.createdLngLat(item[_this4.lt], item[_this4.lg]);\n\n        _this4.drawMarker(latlng, item, true);\n\n        if (item.children && item.children.length) {\n          item.children.forEach(function (subRiver) {\n            var latlng = _this4.createdLngLat(subRiver[_this4.lt], subRiver[_this4.lg]);\n\n            _this4.drawMarker(latlng, subRiver, true);\n          });\n        }\n      });\n    }\n  }\n};",null]}