From 12c72e520e0ff9d738b9dac5ce84a4821a75e6e3 Mon Sep 17 00:00:00 2001
From: web <candymxq888@outlook.com>
Date: 星期一, 21 四月 2025 17:29:55 +0800
Subject: [PATCH] feat:添加视频弹窗
---
src/screen/flow.vue | 22 +++++++++++++++++++---
1 files changed, 19 insertions(+), 3 deletions(-)
diff --git a/src/screen/flow.vue b/src/screen/flow.vue
index c2bd3f7..03c0a0c 100644
--- a/src/screen/flow.vue
+++ b/src/screen/flow.vue
@@ -2,6 +2,10 @@
<div class="main">
<div class="header">
<div class="top">
+ <div class="top-exit" v-if="userType === '1'" @click="() => { router.push('/screen') }">
+ <img src="@/assets/images/exit.png" alt="" />
+ <span>选择系统</span>
+ </div>
<div class="top-name">金川水电站生态流量监测系统</div>
<div class="top-modal">
公告弹窗提示
@@ -17,7 +21,7 @@
<div class="content">
<router-view></router-view>
<div class="warningBox" v-if="openWarn">
- <img src="@/assets/images/flow/warn-icon.png">
+ <img src="@/assets/images/flow/warn-icon.png" alt="">
<div class="text">{{text}}</div>
</div>
</div>
@@ -27,6 +31,7 @@
import{ useRouter,useRoute } from 'vue-router'
import useUserStore from '@/store/modules/user.js'
import {onMounted, ref, watch} from "vue";
+import { getUserType } from '@/utils/auth'
const userStore = useUserStore()
@@ -40,6 +45,7 @@
{name:'报警管理',url:'/flow/warning'},
{name:'报表管理',url:'/flow/report'},
])
+const userType = ref(getUserType())
const openWarn = ref(false)
const text = ref('新扎沟口流量监测点水位到达下限值, 金川水电站生态流量监测点水位到达下限值,流量监测点水位到达下限值')
@@ -91,6 +97,17 @@
color: #fff;
position: relative;
z-index: 100;
+ .top-exit{
+ position: absolute;
+ left: 100px;
+ cursor: pointer;
+ font-size: 20px;
+ img{
+ width: 30px;
+ vertical-align: top;
+ margin-right: 10px;
+ }
+ }
.top-name{
font-size: 48px;
}
@@ -125,11 +142,10 @@
.content{
width: 100%;
height: 86%;
- position: relative;
.warningBox{
position: absolute;
left: 0;
- top: 2%;
+ top: 15.5%;
z-index: 100;
width: 100%;
padding: 0 150px;
--
Gitblit v1.9.3