From 1ee63c0075513b639885d92bbc00993102184e57 Mon Sep 17 00:00:00 2001
From: Admin <978517621@qq.com>
Date: 星期二, 09 八月 2022 20:10:30 +0800
Subject: [PATCH] 添加修改页面
---
src/layout/navBars/breadcrumb/user.vue | 32 ++++++++++++++++++++++++++++++--
src/views/homeMenu/homeMenu.vue | 21 +++++++++++++++++++--
2 files changed, 49 insertions(+), 4 deletions(-)
diff --git a/src/layout/navBars/breadcrumb/user.vue b/src/layout/navBars/breadcrumb/user.vue
index 140b992..bad2b59 100644
--- a/src/layout/navBars/breadcrumb/user.vue
+++ b/src/layout/navBars/breadcrumb/user.vue
@@ -2,7 +2,7 @@
<div class="layout-navbars-breadcrumb-user pr15" :style="{ flex: layoutUserFlexNum }">
<div class="logo">
<img src="src/assets/menu/companyLogo.jpg">
- <span> | </span>
+ <span style="font-size: 16px;color: #333;font-weight: bolder"> | {{systemName}}</span>
</div>
<div style="display: flex;padding-right: 5px">
<el-dropdown :show-timeout="70" :hide-timeout="50" trigger="click" @command="onComponentSizeChange">
@@ -92,6 +92,20 @@
import UserNews from '/@/layout/navBars/breadcrumb/userNews.vue';
import Search from '/@/layout/navBars/breadcrumb/search.vue';
import { useLoginApi } from '/@/api/login';
+import { Session } from '/@/utils/storage';
+import { useMenuApi } from '/@/api/systemManage/menu/index';
+import { ElMessage } from 'element-plus';
+
+const menuApi = useMenuApi();
+import {
+ backEndComponent,
+ getBackEndControlRoutes,
+ initBackEndControlRoutes,
+ setAddRoute, setFilterMenuAndCacheTagsViewRoutes
+} from '../../../router/backEnd';
+import {NextLoading} from "/@/utils/loading";
+import {useRequestOldRoutes} from "/@/stores/requestOldRoutes";
+import {dynamicRoutes} from "/@/router/route";
export default defineComponent({
name: 'layoutBreadcrumbUser',
@@ -108,7 +122,8 @@
const state = reactive({
isScreenfull: false,
disabledI18n: 'zh-cn',
- disabledSize: 'large'
+ disabledSize: 'large',
+ systemName: ''
});
// 设置分割样式
const layoutUserFlexNum = computed(() => {
@@ -238,12 +253,25 @@
break;
}
};
+
+ const getSysName = async()=>{
+ if (window.nextLoading === undefined) NextLoading.start();
+ if (!Session.get('token')) return false;
+ const res = await menuApi.getMenuAdmin(Session.get('projectId') === null ? '' : Session.get('projectId'));
+ if(res.data.code === '200'){
+ state.systemName = res.data.data[1].project.projectName;
+ console.log(state.systemName)
+ }else{
+ console.log('有问题')
+ }
+ }
// 页面加载时
onMounted(() => {
if (Local.get('themeConfig')) {
initI18n();
initComponentSize();
}
+ getSysName()
});
return {
userInfos,
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