{"remainingRequest":"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\\Reservoir.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\frontScreens\\components\\gisTabComponents\\Reservoir.vue","mtime":1684458238606},{"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":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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 ReservoirModel from './module/ReservoirModel.vue'\nimport reservoirs from '@/views/frontScreens/js/reservoirs'\nimport dictUtils from '@/components/dict/DictSelectUtils.js'\nimport gisMap from '@/api/frontScreen/gisMap.js'\nimport {\n\tgisCompMixin\n} from '@/mixins/gisCompMixin.js'\nexport default {\n\tname: 'Reservoir',\n\tcomponents: {\n\t\tReservoirModel\n\t},\n\tmixins: [gisCompMixin],\n\tdata() {\n\t\treturn {\n\t\t\t// 指定坐标字段\n\t\t\tlg: 'eslg',\n\t\t\tlt: 'nrlt',\n\t\t\tmodelName: 'ReservoirModel',\n\t\t\tform: {\n\t\t\t\tprst: [],\n\t\t\t\tprsc: [],\n\t\t\t\trsnm: ''\n\t\t\t},\n\t\t\ticonUrl: require('./../../../../assets/img/gis_reservoir.png'),\n\t\t\tfilterData: [],\n\t\t\toriginData: [{\n\t\t\t\t\trsnm: '水库1',\n\t\t\t\t\tprsc: '小(1)型',\n\t\t\t\t\tprst: '在建',\n\t\t\t\t\teslg: '106.66351',\n\t\t\t\t\tnrlt: '30.04658'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\trsnm: '水库2',\n\t\t\t\t\tprsc: '中型',\n\t\t\t\t\tprst: '已建',\n\t\t\t\t\teslg: '106.53769',\n\t\t\t\t\tnrlt: '29.87165'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\trsnm: '水库3',\n\t\t\t\t\tprsc: '小(1)型',\n\t\t\t\t\tprst: '规划',\n\t\t\t\t\teslg: '106.57228',\n\t\t\t\t\tnrlt: '29.92822'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\trsnm: '水库4',\n\t\t\t\t\tprsc: '中型',\n\t\t\t\t\tprst: '其他',\n\t\t\t\t\teslg: '106.50876',\n\t\t\t\t\tnrlt: '29.82376'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\trsnm: '水库5',\n\t\t\t\t\tprsc: '中型',\n\t\t\t\t\tprst: '在建',\n\t\t\t\t\teslg: '106.35542',\n\t\t\t\t\tnrlt: '29.89494'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\trsnm: '水库6',\n\t\t\t\t\tprsc: '小(2)型',\n\t\t\t\t\tprst: '已建',\n\t\t\t\t\teslg: '106.47606',\n\t\t\t\t\tnrlt: '29.76402'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\trsnm: '水库7',\n\t\t\t\t\tprsc: '小(2)型',\n\t\t\t\t\tprst: '规划',\n\t\t\t\t\teslg: '106.38206',\n\t\t\t\t\tnrlt: '29.79405'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\trsnm: '水库8',\n\t\t\t\t\tprsc: '小(2)型',\n\t\t\t\t\tprst: '其他',\n\t\t\t\t\teslg: '106.44721',\n\t\t\t\t\tnrlt: '29.69563'\n\t\t\t\t}\n\t\t\t],\n\t\t\tsklx: [],\n\t\t\tgcgm: [],\n\t\t\tgcjsqk: [],\n\t\t\tcurrentPoint: {\n\t\t\t\trsnm: ''\n\t\t\t},\n\t\t\t// infoWin: null,\n\t\t\treservoirsOverlay: null,\n\t\t\t// reservoirsTextOverlay:null\n\t\t\tparams: {\n\t\t\t\teslg: 0,\n\t\t\t\tid: \"\",\n\t\t\t\tnrlt: 0,\n\t\t\t\tprscList: [],\n\t\t\t\tprstList: [],\n\t\t\t\trscd: \"\",\n\t\t\t\trsnm: \"\",\n\t\t\t\tstationList: [{\n\t\t\t\t\tcode: \"\",\n\t\t\t\t\tid: \"\",\n\t\t\t\t\tparentId: \"\",\n\t\t\t\t\tpkVal: \"\",\n\t\t\t\t\treCode: \"\",\n\t\t\t\t\treType: \"\",\n\t\t\t\t\tstcd: \"\",\n\t\t\t\t\tstnm: \"\",\n\t\t\t\t\tsttp: \"\"\n\t\t\t\t}],\n\t\t\t\tvideoVoList: [],\n\t\t\t\trefreshData: null\n\t\t\t}\n\t\t}\n\t},\n\tcreated() {\n\n\t\t// this.filterData = this.originData\n\t\tthis.sklx = dictUtils.getDictItemsFromCache('sklx')\n\t\tthis.gcgm = dictUtils.getDictItemsFromCache('gcgm')\n\t\tthis.gcjsqk = dictUtils.getDictItemsFromCache('gcjsqk')\n\t},\n\tmounted() {\n\t\tthis.$nextTick(async () => {\n\t\t\t// 异步请求数据 等待数据获取 再initMarkers\n\t\t\tawait this.getFindResList()\n\t\t\tthis.initMarkers()\n\t\t\tthis.initReservoir()\n\t\t})\n\t\t//自动刷新获取数据(1000*60*10=>毫秒*秒*分钟,此时表示为10分钟)\n\t\tthis.refreshData = setInterval(() => {\n\t\t\tthis.getFindResList()\n\t\t\tthis.updateMarkers()\n\t\t}, 1000 * 60 * 10);\n\t},\n\t//生命周期若已设置定时器,需清空定时器beforeDestroy()\n\tbeforeDestroy() {\n\t\tclearInterval(this.refreshData);\n\t\tthis.refreshData = null;\n\t},\n\tmethods: {\n\t\tcustomClear() {\n\t\t\tif (this.searchClear) return\n\t\t\tthis.map.removeLayer(this.reservoirsOverlay)\n\t\t},\n\t\tasync changeSearch(val) {\n\t\t\tthis.params.rsnm = val\n\t\t\tawait this.getFindResList()\n\t\t\tthis.updateMarkers()\n\t\t},\n\t\tupdateMarkers() {\n\t\t\t// 获得新的列表数据后清除旧的标点、重新创建地图标点\n\t\t\tthis.searchClear = true\n\t\t\tthis.clearMarkers();\n\t\t\tthis.searchClear = false\n\t\t\tthis.initMarkers();\n\t\t},\n\t\t//获取水库列表\n\t\tgetFindResList() {\n\t\t\treturn new Promise((resolve, reject) => {\n\t\t\t\tgisMap.findResList(this.params, res => {\n\t\t\t\t\tif (res.state) {\n\t\t\t\t\t\tthis.filterData = res.value\n\t\t\t\t\t\tthis.filterData.forEach(e => {\n\t\t\t\t\t\t\tthis.gcgm.forEach(g => {\n\t\t\t\t\t\t\t\tif (e.prsc == g.value) {\n\t\t\t\t\t\t\t\t\te.prsc = g.name\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\tthis.gcjsqk.forEach(c => {\n\t\t\t\t\t\t\t\tif (e.prst == c.value) {\n\t\t\t\t\t\t\t\t\te.prst = c.name\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t})\n\t\t\t\t\t\tresolve()\n\t\t\t\t\t}\n\t\t\t\t\treject()\n\t\t\t\t})\n\t\t\t})\n\n\t\t},\n\t\t//选中的工程规模\n\t\tasync gsgmChange(val) {\n\t\t\tthis.params.prscList = val\n\t\t\tawait this.getFindResList()\n\t\t\tthis.updateMarkers()\n\t\t},\n\t\t//选中的工程工程状态\n\t\tasync gcjsqkChange(val) {\n\t\t\tthis.params.prstList = val\n\t\t\tawait this.getFindResList()\n\t\t\tthis.updateMarkers()\n\t\t},\n\n\n\t\tinfoWindow(\n\t\t\tmaxHeight = 300,\n\t\t\tminWidth = 400,\n\t\t\tmaxWidth = 400,\n\t\t\tminHeight = null\n\t\t) {\n\t\t\tlet sContent = this.$refs[this.modelName].$el\n\t\t\tvar infoWin = new this.L.popup({\n\t\t\t\tautoPan: true,\n\t\t\t\tmaxHeight,\n\t\t\t\tminWidth,\n\t\t\t\tmaxWidth\n\t\t\t}).setContent(sContent)\n\t\t\treturn infoWin\n\t\t},\n\t\tinitReservoir() {\n\t\t\tlet countries = []\n\t\t\t// this.reservoirsOverlay = new this.T.D3Overlay(init, redraw)\n\n\t\t\tlet reservoirStyle = {\n\t\t\t\tcolor: '#409eff',\n\t\t\t\tweight: 2,\n\t\t\t\topacity: 1,\n\t\t\t\tfillColor: '#409eff',\n\t\t\t\tfillOpacity: 0.6\n\t\t\t}\n\t\t\tcountries = reservoirs.features\n\t\t\tthis.reservoirsOverlay = new L.geoJSON(countries, {\n\t\t\t\tstyle: reservoirStyle\n\t\t\t})\n\n\t\t\tthis.map.addLayer(this.reservoirsOverlay)\n\n\t\t\tthis.reservoirsOverlay.bringToFront()\n\n\t\t\t// function init(sel, transform) {\n\t\t\t// var upd = sel.selectAll('path.geojson').data(countries)\n\t\t\t// upd\n\t\t\t// .enter()\n\t\t\t// .append('path')\n\t\t\t// .attr('class', 'geojson')\n\t\t\t// .attr('fill', '#409eff')\n\t\t\t// .attr('fill-opacity', '1')\n\t\t\t// }\n\t\t\t// function redraw(sel, transform) {\n\t\t\t// console.log(transform, sel)\n\t\t\t// sel.selectAll('path.geojson').each(function(d, i) {\n\t\t\t// d3.select(this).attr('d', transform.pathFromGeojson)\n\t\t\t// })\n\t\t\t// }\n\t\t}\n\t}\n}\n",null]}