feat:新增左右两侧和顶部功能组件

This commit is contained in:
zjc
2024-12-27 16:17:07 +08:00
parent 88eb805c46
commit f906515858
9 changed files with 202 additions and 149 deletions

View File

@@ -1,10 +1,10 @@
<template>
<Header title="奉节县旅游指挥调度中心" is-skip :nav-left="navLeft" :nav-right="navRight" />
<CoreVideo />
<!-- <Header title="奉节县旅游指挥调度中心" is-skip :nav-left="navLeft" :nav-right="navRight" />
<CoreVideo /> -->
<box1 :data="data" />
<box2 />
<box3 />
<Correspondence />
<!-- <Correspondence /> -->
</template>
<script setup>

View File

@@ -1,58 +1,11 @@
<template>
<main class="wrapper">
<CoreVideo />
<box2 />
<box3 />
<Header title="监控大屏" is-skip :nav-left="navLeft" :nav-right="navRight" />
<Correspondence />
</main>
<box2 />
<box3 />
</template>
<script setup>
import box3 from './components/box-3.vue'
import box2 from './components/box-2.vue'
const navLeft = [{
name: '奉节县',
path: '/sceneTesting'
},
{
name: '三峡之巅',
path: '/sceneTesting'
},
{
name: '白帝城',
path: '/sceneTesting'
}, {
name: '龙河桥',
path: '/sceneTesting'
}
]
const navRight = [{
name: '路段',
path: '/roadTesting'
},
{
name: '路段',
path: '/roadTesting'
},
{
name: '路段',
path: '/roadTesting'
},
{
name: '路段',
path: '/roadTesting'
}
]
onMounted(() => {})
</script>
import box3 from './components/box-3.vue'
import box2 from './components/box-2.vue'
<style lang="scss" scoped>
.wrapper {
display: flex;
width: 100vw;
height: 100vh;
overflow: hidden;
background-color: #0a254b;
}
</style>
onMounted(() => {})
</script>

View File

@@ -1,21 +1,11 @@
<template>
<Header is-back :current="current" :nav-left="navLeft" @on-change="onChange" />
<CoreVideo />
<box1 />
<box2 />
<Correspondence />
</template>
<script setup>
import box1 from './components/box-1.vue'
import box2 from './components/box-2.vue'
const navLeft = [{ name: '奉节县' }, { name: '龙桥河' }, { name: '山峡之巅' }]
let current = ref(0)
const onChange = (e) => {
current.value = e
}
</script>
<style scoped lang="scss"></style>

View File

@@ -1,6 +1,4 @@
<template>
<Header title="舆情检测" is-back />
<CoreVideo />
<div class="container">
<div class="flex">
<div class="box-1 mr-10">
@@ -66,7 +64,6 @@
</div>
</div>
</div>
<Correspondence />
</template>
<script setup>

View File

@@ -1,19 +1,11 @@
<template>
<main class="wrapper">
<CoreVideo />
<box1/>
<box2/>
<box3/>
<Header title="交通大屏" is-skip :nav-left="navLeft" :nav-right="navRight" />
<Correspondence />
</main>
<box1 />
<box2 />
<box3 />
</template>
<script setup>
import box1 from './components/box-1.vue'
import box2 from './components/box-2.vue'
import box3 from './components/box-3.vue'
import box1 from './components/box-1.vue'
import box2 from './components/box-2.vue'
import box3 from './components/box-3.vue'
</script>
<style>
</style>

View File

@@ -1,10 +1,7 @@
<template>
<Header title="工单消息" is-skip is-back />
<CoreVideo />
<box1 />
<box2 />
<box3 />
<Correspondence />
</template>
<script setup>