lixuefeng/fengjie-datascreen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat 监控大屏、安全检测

Browse Source
This commit is contained in:
duanliang
2024-12-18 11:07:30 +08:00
parent dfa6dc31b5
commit 4a12039789
4 changed files with 10 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/views/home/components/box-3.vue
View File

@@ -287,8 +287,5 @@
} }
} }
} }
<<<<<<< HEAD
</style> </style>
=======
</style>
>>>>>>> 1108aafed493fffba8fdd2e63eae89a9092ef6e5

23
src/views/home/index.vue
View File

@@ -1,33 +1,10 @@
<template> <template>
<<<<<<< HEAD
<main class="wrapper">
<box1 />
<div class="header">
<ul class="nav-left">
<li class="nav-left-item">安全</li>
<li class="nav-left-item">景区</li>
<li class="nav-left-item">交通</li>
</ul>
<div class="title">奉节县旅游指挥调度中心</div>
<ul class="nav-right">
<li class="nav-right-item">停车</li>
<li class="nav-right-item">工单</li>
<li class="nav-right-item">舆情</li>
<li class="nav-right-item">酒店</li>
</ul>
</div>
<box2 />
<box3 />
<box4 />
</main>
=======
<Header title="奉节县旅游指挥调度中心" is-skip :nav-left="navLeft" :nav-right="navRight" /> <Header title="奉节县旅游指挥调度中心" is-skip :nav-left="navLeft" :nav-right="navRight" />
<CoreVideo /> <CoreVideo />
<box2 /> <box2 />
<box3 /> <box3 />
<box4 /> <box4 />
<Correspondence /> <Correspondence />
>>>>>>> 1108aafed493fffba8fdd2e63eae89a9092ef6e5
</template> </template>
<script setup> <script setup>

8
src/views/monitor/components/box-3.vue
View File

@@ -87,8 +87,8 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.box-3-content{ .box-3-content{
width:vw(2353); width:vw(2410);
height:vh(964); height:vh(965);
// background-image: url('/src/assets/images/monotir-bg-1.png'); // background-image: url('/src/assets/images/monotir-bg-1.png');
background-size: 100% 100%; background-size: 100% 100%;
margin-top: vh(120); margin-top: vh(120);
@@ -103,7 +103,7 @@
.video-live{ .video-live{
justify-content: space-between; justify-content: space-between;
.video-lt{ .video-lt{
width:vw(1655); width:vw(1700);
height:vh(950); height:vh(950);
background-image: url('/src/assets/images/one-video-bg.png'); background-image: url('/src/assets/images/one-video-bg.png');
background-size: 100% 100%; background-size: 100% 100%;
@@ -161,7 +161,7 @@
} }
} }
.v-item{ .v-item{
width:vw(400); width:vw(420);
height:vh(300); height:vh(300);
background-image: url('/src/assets/images/v-item-bg.png'); background-image: url('/src/assets/images/v-item-bg.png');
background-size: 100% 100%; background-size: 100% 100%;

25
src/views/monitor/index.vue
View File

@@ -1,34 +1,19 @@
<template> <template>
<main class="wrapper"> <main class="wrapper">
<box1 /> <CoreVideo />
<box2 /> <box2 />
<box3 /> <box3 />
<div class="header"> <Header title="监控大屏" is-skip :nav-left="navLeft" :nav-right="navRight" />
<ul class="nav-left"> <Correspondence />
<li class="nav-left-item">奉节县</li>
<li class="nav-left-item">三峡之巅</li>
<li class="nav-left-item">白帝城</li>
<li class="nav-left-item">龙河桥</li>
</ul>
<div class="title">监控大屏</div>
<ul class="nav-right">
<li class="nav-right-item">路段1</li>
<li class="nav-right-item">路段</li>
<li class="nav-right-item">路段</li>
<li class="nav-right-item">路段</li>
</ul>
</div>
<box4 />
</main> </main>
</template> </template>
<script setup> <script setup>
import box1 from './components/box-1.vue'
import box4 from './components/box-4.vue'
import box3 from './components/box-3.vue' import box3 from './components/box-3.vue'
import box2 from './components/box-2.vue' import box2 from './components/box-2.vue'
import box5 from './components/box-5.vue' import box5 from './components/box-5.vue'
const navLeft = [{ name: '奉节县' }, { name: '三峡之巅', path: '/scenic' }, { name: '白帝城' },{ name: '龙河桥' }]
const navRight = [{ name: '路段' }, { name: '路段' }, { name: '路段' }, { name: '路段' }]
onMounted(() => {}) onMounted(() => {})
</script> </script>