添加修改页面

Admin

2022-08-09 1ee63c0075513b639885d92bbc00993102184e57

添加修改页面

 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,

 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)