From 1ee63c0075513b639885d92bbc00993102184e57 Mon Sep 17 00:00:00 2001
From: Admin <978517621@qq.com>
Date: 星期二, 09 八月 2022 20:10:30 +0800
Subject: [PATCH] 添加修改页面
---
src/views/homeMenu/homeMenu.vue | 21 +++++++++++++++++++--
1 files changed, 19 insertions(+), 2 deletions(-)
diff --git a/src/views/homeMenu/homeMenu.vue b/src/views/homeMenu/homeMenu.vue
index 6af789f..709aff9 100644
--- a/src/views/homeMenu/homeMenu.vue
+++ b/src/views/homeMenu/homeMenu.vue
@@ -8,6 +8,9 @@
<div>安全风险预警监测系统</div>
</div>
<div class="userInfo">
+ <div @click="onScreenfullClick" style="margin-right: 15px">
+ <i class="iconfont" :title="isScreenfull ? $t('message.user.title6') : $t('message.user.title5')" :class="!isScreenfull ? 'icon-fullscreen' : 'icon-tuichuquanping'"></i>
+ </div>
<div class="avator">
<img src="../../assets/menu/admin.png" />
<div>admin</div>
@@ -106,6 +109,7 @@
import { ElMessageBox } from 'element-plus/es';
import { useLoginApi } from '/@/api/login';
import { useI18n } from 'vue-i18n';
+import screenfull from 'screenfull';
import router from '../../router'
// 定义接口来定义对象的类型
@@ -134,7 +138,8 @@
isScan: false,
count: 0,
projectId: '1',
- once: 0
+ once: 0,
+ isScreenfull: false
});
// 获取布局配置信息
const getThemeConfig = computed(() => {
@@ -186,7 +191,18 @@
state.projectId = value;
renderMenu();
};
-
+ // 全屏点击时
+ const onScreenfullClick = () => {
+ if (!screenfull.isEnabled) {
+ ElMessage.warning('暂不不支持全屏');
+ return false;
+ }
+ screenfull.toggle();
+ screenfull.on('change', () => {
+ if (screenfull.isFullscreen) state.isScreenfull = true;
+ else state.isScreenfull = false;
+ });
+ };
// 去风险大屏
const toRiskPlatform = ()=>{
router.push({
@@ -255,6 +271,7 @@
logoMini,
onLoginOut,
toRiskPlatform,
+ onScreenfullClick,
loginIconTwo,
getThemeConfig,
...toRefs(state)
--
Gitblit v1.9.2