|
|
@@ -5,28 +5,36 @@
|
|
|
<span>{{item.name}}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div v-for="(item ,index) in list" :key="index" class="single" @click="showHeightLimit(item)" :class="[item.chosen?'single-icon-chosen':'single-icon']">
|
|
|
- <span>{{item.label}}</span>
|
|
|
- </div>
|
|
|
+ <template v-if="currentMenu === 'fenceng'">
|
|
|
+ <div v-for="(item ,index) in list" :key="index" class="single" @click="showHeightLimit(item)" :class="[item.chosen?'single-icon-chosen':'single-icon']">
|
|
|
+ <span>{{item.label}}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div v-for="(item ,index) in listWG" :key="index" class="single" @click="showWGLimit(item)" :class="[item.chosen?'single-icon-chosen':'single-icon']">
|
|
|
+ <span>{{item.label}}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
import {ref} from "vue";
|
|
|
import {useMapStore} from "@/store/mapStore.js";
|
|
|
-import {GroundPrismEffect, LimitHeightAnalysis} from "@/unit/map/addLayer.js";
|
|
|
+import {ExtentGridPrismEffect, GroundPrismEffect, LimitHeightAnalysis} from "@/unit/map/addLayer.js";
|
|
|
let menuList = ref([
|
|
|
- // {
|
|
|
- // name:"分层",
|
|
|
- // chosen:true,
|
|
|
- // value:"fenceng"
|
|
|
- // },
|
|
|
- // {
|
|
|
- // name:"网格",
|
|
|
- // chosen:false,
|
|
|
- // value:"wangluo"
|
|
|
- // },
|
|
|
+ {
|
|
|
+ name:"分层",
|
|
|
+ chosen:true,
|
|
|
+ value:"fenceng"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name:"网格",
|
|
|
+ chosen:false,
|
|
|
+ value:"wangluo"
|
|
|
+ },
|
|
|
])
|
|
|
+const currentMenu = ref('fenceng');
|
|
|
const list = ref([
|
|
|
{
|
|
|
label:'600米-1000米',
|
|
|
@@ -148,6 +156,62 @@ const list = ref([
|
|
|
}]
|
|
|
}
|
|
|
])
|
|
|
+const listWG = ref([
|
|
|
+ {
|
|
|
+ label:'三级网格(25米)',
|
|
|
+ chosen:false,
|
|
|
+ wg:25,
|
|
|
+ value: {
|
|
|
+ start:0,
|
|
|
+ end:1000
|
|
|
+ },
|
|
|
+ items:[{
|
|
|
+ "id": 7,
|
|
|
+ "name": "",
|
|
|
+ "depth": 400,
|
|
|
+ "material": [
|
|
|
+ 4,138,255,
|
|
|
+ 0.44
|
|
|
+ ]
|
|
|
+ }]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'二级网格(50米)',
|
|
|
+ wg:50,
|
|
|
+ chosen:false,
|
|
|
+ value: {
|
|
|
+ start:0,
|
|
|
+ end:1000
|
|
|
+ },
|
|
|
+ items:[{
|
|
|
+ "id": 6,
|
|
|
+ "name": "",
|
|
|
+ "depth": 100,
|
|
|
+ "material": [
|
|
|
+ 46,153,255,
|
|
|
+ 0.40
|
|
|
+ ]
|
|
|
+ }]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'一级网格(100米)',
|
|
|
+ wg:100,
|
|
|
+ chosen:false,
|
|
|
+ value: {
|
|
|
+ start:0,
|
|
|
+ end:1000
|
|
|
+ },
|
|
|
+ items:[{
|
|
|
+ "id": 5,
|
|
|
+ "name": "",
|
|
|
+ "depth": 100,
|
|
|
+ "material": [
|
|
|
+ 81,174,255,
|
|
|
+ 0.36
|
|
|
+ ]
|
|
|
+ }]
|
|
|
+ }
|
|
|
+])
|
|
|
function showHeightLimit(item){
|
|
|
useMapStore().isLoading = true;
|
|
|
list.value.forEach((i)=>{
|
|
|
@@ -168,94 +232,132 @@ function showHeightLimit(item){
|
|
|
status:"show"
|
|
|
})
|
|
|
}
|
|
|
-function changeMenu(item){
|
|
|
- menuList.value.forEach((i)=>{
|
|
|
- if(i.name == item.name){
|
|
|
+
|
|
|
+function showWGLimit(item){
|
|
|
+ listWG.value.forEach((i)=>{
|
|
|
+ if(i.label == item.label){
|
|
|
i.chosen = true
|
|
|
+ ExtentGridPrismEffect({
|
|
|
+ "status":"show",
|
|
|
+ "size":i.wg,
|
|
|
+ "items": [
|
|
|
+ {
|
|
|
+ "id": 1,
|
|
|
+ "name": "",
|
|
|
+ "depth": 1000,
|
|
|
+ "material": [
|
|
|
+ 151,220,252,
|
|
|
+ 0.2
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ })
|
|
|
}else{
|
|
|
i.chosen = false
|
|
|
}
|
|
|
})
|
|
|
- list.value.forEach((i)=>{
|
|
|
- i.chosen = false
|
|
|
- })
|
|
|
GroundPrismEffect({
|
|
|
- status:"show",
|
|
|
- startHeight:0,
|
|
|
- items:[
|
|
|
- {
|
|
|
- "id": 1,
|
|
|
- "name": "",
|
|
|
- "depth": 100,
|
|
|
- "material": [
|
|
|
- 201,254,246,
|
|
|
- 0.2
|
|
|
- ]
|
|
|
- },
|
|
|
- {
|
|
|
- "id": 2,
|
|
|
- "name": "",
|
|
|
- "depth": 100,
|
|
|
- "material": [
|
|
|
- 180,240,249,
|
|
|
- 0.24
|
|
|
- ]
|
|
|
- },
|
|
|
- {
|
|
|
- "id": 3,
|
|
|
- "name": "",
|
|
|
- "depth": 100,
|
|
|
- "material": [
|
|
|
- 151,220,252,
|
|
|
- 0.28
|
|
|
- ]
|
|
|
- },
|
|
|
- {
|
|
|
- "id": 4,
|
|
|
- "name": "",
|
|
|
- "depth": 100,
|
|
|
- "material": [
|
|
|
- 118,198,254,
|
|
|
- 0.32
|
|
|
- ]
|
|
|
- },
|
|
|
- {
|
|
|
- "id": 5,
|
|
|
- "name": "",
|
|
|
- "depth": 100,
|
|
|
- "material": [
|
|
|
- 81,174,255,
|
|
|
- 0.36
|
|
|
- ]
|
|
|
- },
|
|
|
- {
|
|
|
- "id": 6,
|
|
|
- "name": "",
|
|
|
- "depth": 100,
|
|
|
- "material": [
|
|
|
- 46,153,255,
|
|
|
- 0.40
|
|
|
- ]
|
|
|
- },
|
|
|
- {
|
|
|
- "id": 7,
|
|
|
- "name": "",
|
|
|
- "depth": 400,
|
|
|
- "material": [
|
|
|
- 4,138,255,
|
|
|
- 0.44
|
|
|
- ]
|
|
|
- }
|
|
|
- ]
|
|
|
+ status:"hide",
|
|
|
});
|
|
|
LimitHeightAnalysis({
|
|
|
status:"hide"
|
|
|
})
|
|
|
- // if(item.name == "分层"){
|
|
|
- // GroundPrismEffect("show");
|
|
|
- // }else{
|
|
|
- // GroundPrismEffect("hide");
|
|
|
- // }
|
|
|
+}
|
|
|
+
|
|
|
+function changeMenu(item){
|
|
|
+ menuList.value.forEach((i)=>{
|
|
|
+ if(i.name == item.name){
|
|
|
+ i.chosen = true;
|
|
|
+ currentMenu.value = i.value
|
|
|
+ }else{
|
|
|
+ i.chosen = false
|
|
|
+ }
|
|
|
+ })
|
|
|
+ list.value.forEach((i)=>{
|
|
|
+ i.chosen = false
|
|
|
+ })
|
|
|
+ if(item.name == "分层"){
|
|
|
+ GroundPrismEffect({
|
|
|
+ status:"show",
|
|
|
+ startHeight:0,
|
|
|
+ items:[
|
|
|
+ {
|
|
|
+ "id": 1,
|
|
|
+ "name": "",
|
|
|
+ "depth": 100,
|
|
|
+ "material": [
|
|
|
+ 201,254,246,
|
|
|
+ 0.2
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "id": 2,
|
|
|
+ "name": "",
|
|
|
+ "depth": 100,
|
|
|
+ "material": [
|
|
|
+ 180,240,249,
|
|
|
+ 0.24
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "id": 3,
|
|
|
+ "name": "",
|
|
|
+ "depth": 100,
|
|
|
+ "material": [
|
|
|
+ 151,220,252,
|
|
|
+ 0.28
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "id": 4,
|
|
|
+ "name": "",
|
|
|
+ "depth": 100,
|
|
|
+ "material": [
|
|
|
+ 118,198,254,
|
|
|
+ 0.32
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "id": 5,
|
|
|
+ "name": "",
|
|
|
+ "depth": 100,
|
|
|
+ "material": [
|
|
|
+ 81,174,255,
|
|
|
+ 0.36
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "id": 6,
|
|
|
+ "name": "",
|
|
|
+ "depth": 100,
|
|
|
+ "material": [
|
|
|
+ 46,153,255,
|
|
|
+ 0.40
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "id": 7,
|
|
|
+ "name": "",
|
|
|
+ "depth": 400,
|
|
|
+ "material": [
|
|
|
+ 4,138,255,
|
|
|
+ 0.44
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ });
|
|
|
+ LimitHeightAnalysis({
|
|
|
+ status:"hide"
|
|
|
+ })
|
|
|
+ ExtentGridPrismEffect({
|
|
|
+ status:"hide"
|
|
|
+ })
|
|
|
+ }else{
|
|
|
+ GroundPrismEffect("hide");
|
|
|
+ LimitHeightAnalysis({
|
|
|
+ status:"hide"
|
|
|
+ })
|
|
|
+ }
|
|
|
}
|
|
|
</script>
|
|
|
|
