|
@@ -11,7 +11,7 @@
|
|
|
</BaseCard>
|
|
|
</a-col>
|
|
|
</a-row>
|
|
|
- <div style="position: absolute; top: 0; left: 0">
|
|
|
+ <div v-if="showBtn" style="position: absolute; top: 0; left: 0">
|
|
|
<a-button @click="billboardType = 'dust'">切换粉尘看板</a-button>
|
|
|
<a-button @click="billboardType = 'fire'">切换火灾看板</a-button>
|
|
|
<a-button @click="billboardType = 'file'">切换文件看板</a-button>
|
|
@@ -23,12 +23,15 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script lang="ts" setup>
|
|
|
- import { computed, ref } from 'vue';
|
|
|
+ import { computed, onMounted, ref } from 'vue';
|
|
|
import BaseCard from './components/BaseCard.vue';
|
|
|
import ArrowButton from './components/ArrowButton.vue';
|
|
|
import { BILLBOARDS, COMPONENTS_MAP } from './billboard.data';
|
|
|
+ import { useRoute } from 'vue-router';
|
|
|
// import mapComponent from './components/3Dmap/index.vue';
|
|
|
|
|
|
+ const route = useRoute();
|
|
|
+
|
|
|
const mainTitle = computed(() => '国家能源神东煤炭集团');
|
|
|
|
|
|
// 一页最多支持几个看板项
|
|
@@ -46,6 +49,14 @@
|
|
|
}
|
|
|
|
|
|
const billboardType = ref('dust');
|
|
|
+ const showBtn = ref(true);
|
|
|
+
|
|
|
+ onMounted(() => {
|
|
|
+ if (route.query.type) {
|
|
|
+ billboardType.value = route.query.type as string;
|
|
|
+ showBtn.value = false;
|
|
|
+ }
|
|
|
+ });
|
|
|
</script>
|
|
|
<style lang="less" scoped>
|
|
|
@font-face {
|