| | |
| | | <el-form-item label="时间范围"> |
| | | <el-date-picker |
| | | style="width: 100%" |
| | | v-model="form.acqTime" |
| | | v-model="acqTime" |
| | | type="datetimerange" |
| | | range-separator="至" |
| | | start-placeholder="开始日期" |
| | |
| | | name: "", |
| | | sensorType: 0, |
| | | mataType: 0, |
| | | acqTime: null, |
| | | wkt: null, |
| | | pageIndex: 1, |
| | | pageSize: 100, |
| | | count: 0, |
| | | startDate: null, |
| | | endDate: null |
| | | }, |
| | | acqTime: '', |
| | | sensorOption: [], |
| | | metaOption: [], |
| | | detailsBox: false, |
| | |
| | | if (!checked) { |
| | | this.list[i].checked = true; |
| | | this.listChecked.push(this.list[i]); |
| | | this.setAddCheckLayer(this.list[i]); |
| | | } |
| | | } |
| | | }, |
| | | setListRemoveCheckAll() { |
| | | for (var i in this.list) { |
| | | if (this.list[i].checked) { |
| | | this.list[i].checked = false; |
| | | this.setRemoveCheckLayer(this.list[i]); |
| | | } |
| | | |
| | | |
| | | |
| | | } |
| | | this.listChecked = []; |
| | | }, |
| | |
| | | this.setFromStart(); |
| | | this.setDrawMenu(5); |
| | | this.listChecked = []; |
| | | Viewer.entities.removeAll() |
| | | }, |
| | | async setQueryRetrieval() { |
| | | if (this.geoWkt) { |
| | |
| | | } else { |
| | | this.form.wkt = null; |
| | | } |
| | | if (this.acqTime) { |
| | | this.form.endDate = this.setFromDate(this.acqTime[0]) |
| | | this.form.startDate = this.setFromDate(this.acqTime[1]) |
| | | } else { |
| | | this.form.endDate = null |
| | | this.form.startDate = null |
| | | } |
| | | const data = await select_meta_ByPageAndCount(this.form); |
| | | if (data.code != 200) return; |
| | | this.form.count = data.count; |
| | | this.list = data.result; |
| | | this.listDialog = true; |
| | | }, |
| | | setFromDate(res) { |
| | | var time = new Date(res); |
| | | var y = time.getFullYear(); |
| | | var m = time.getMonth() + 1; |
| | | var d = time.getDate(); |
| | | var h = time.getHours(); |
| | | var mm = time.getMinutes(); |
| | | var s = time.getSeconds(); |
| | | return ( |
| | | y + |
| | | '-' + |
| | | this.add0(m) + |
| | | '-' + |
| | | this.add0(d) + |
| | | ' ' + |
| | | this.add0(h) + |
| | | ':' + |
| | | this.add0(mm) + |
| | | ':' + |
| | | this.add0(s) |
| | | ); |
| | | }, |
| | | //格式化时间 |
| | | add0(m) { |
| | | |
| | | return m < 10 ? "0" + m : m; |
| | | }, |
| | | //大小值改变 |
| | | handleSizeChange(val) { |
| | | this.form.pageIndex = 1; |
| | | this.form.pageSize = val; |
| | |
| | | val.checked = !val.checked; |
| | | if (val.checked) { |
| | | this.listChecked.push(val); |
| | | this.setAddCheckLayer(val); |
| | | } |
| | | |
| | | if (this.listChecked.length > 0) { |
| | |
| | | this.listChecked.forEach((e, i) => { |
| | | if (e.id == val.id) { |
| | | this.listChecked.splice(i, 1); |
| | | this.setRemoveCheckLayer(val); |
| | | } |
| | | }); |
| | | } |
| | | } |
| | | }, |
| | | setAddCheckLayer(res) { |
| | | if (!res.geom) return |
| | | var wkt = this.$wkt.parse(res.geom).coordinates[0] |
| | | var geom = []; |
| | | for (var i in wkt) { |
| | | geom.push(Cesium.Cartesian3.fromDegrees(wkt[i][0], wkt[i][1])) |
| | | } |
| | | Viewer.entities.add({ |
| | | name: res.name + "&&" + res.id, |
| | | polygon: { |
| | | hierarchy: geom, |
| | | material: Cesium.Color.WHITE.withAlpha(0.1), |
| | | // heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, |
| | | outline: true, |
| | | outlineColor: Cesium.Color.fromCssColorString("rgba(130,167,33, 1)"), |
| | | outlineWidth: 10, |
| | | classificationType: Cesium.ClassificationType.BOTH,//贴地形和3dtile |
| | | clampToGround: true,//开启贴地 |
| | | height: 0, |
| | | }, |
| | | |
| | | }); |
| | | }, |
| | | setRemoveCheckLayer(res) { |
| | | var name = res.name + "&&" + res.id; |
| | | var entity = Viewer.entities._entities._array |
| | | for (var i = 0; i < entity.length; i++) { |
| | | if (entity[i].name == name) { |
| | | Viewer.entities.remove(entity[i]) |
| | | i--; |
| | | } |
| | | } |
| | | |
| | | |
| | | }, |
| | | setDrawMenu(res) { |
| | | this.bufferNumber = 100; |
| | |
| | | } |
| | | var that = this; |
| | | sgworld.Creator.createSimpleGraphic(this.drawType, config, (entity) => { |
| | | sgworld.Creator.SimpleGraphic.clear() |
| | | |
| | | that.querySatialQuery(entity); |
| | | }); |
| | | }, |
| | |
| | | res_val = res.polygon.hierarchy.getValue().positions; |
| | | break; |
| | | } |
| | | sgworld.Creator.SimpleGraphic.clear() |
| | | this.geoWkt = this.getEntityGeometry(res_val, this.drawType) |
| | | if (this.geoWkt) { |
| | | |
| | | this.$nextTick(() => { |
| | | this.setAddWktEntity(this.geoWkt) |
| | | }) |
| | | } |
| | | |
| | | }, |
| | |
| | | var wkt = this.$wkt.parse(res).coordinates[0]; |
| | | var geom = []; |
| | | for (var i in wkt) { |
| | | |
| | | geom.push(Cesium.Cartesian3.fromDegrees(wkt[i][0], wkt[i][1], wkt[i][2] ?? 0)) |
| | | } |
| | | this.wktEntity = Viewer.entities.add({ |
| | | name: '资源查询', |
| | | polygon: { |
| | | hierarchy: geom, |
| | | material: Cesium.Color.BLUE.withAlpha(0), |
| | | heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, |
| | | material: Cesium.Color.WHITE.withAlpha(0.2), |
| | | //heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, |
| | | outline: true, |
| | | outlineColor: Cesium.Color.GREEN, |
| | | outlineWidth: 5, |
| | | outlineColor: Cesium.Color.RED, |
| | | outlineWidth: 10, |
| | | classificationType: Cesium.ClassificationType.BOTH,//贴地形和3dtile |
| | | clampToGround: true,//开启贴地 |
| | | height: 0, |
| | |
| | | name: "", |
| | | sensorType: 0, |
| | | mataType: 0, |
| | | acqTime: null, |
| | | wkt: null, |
| | | pageIndex: 1, |
| | | pageSize: 100, |
| | | count: 0, |
| | | startDate: null, |
| | | endDate: null |
| | | } |
| | | this.acqTime = '' |
| | | } |
| | | }, |
| | | created() { }, |