feat:新增左右两侧和顶部功能组件
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
@@ -1,10 +1,7 @@
|
||||
<template>
|
||||
<Header title="工单消息" is-skip is-back />
|
||||
<CoreVideo />
|
||||
<box1 />
|
||||
<box2 />
|
||||
<box3 />
|
||||
<Correspondence />
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
|
||||
Reference in New Issue
Block a user