From b37d9a1f4f39fb04f48a63d11d759c673e5f4d6a Mon Sep 17 00:00:00 2001
From: Your Name <123456>
Date: 星期四, 11 八月 2022 19:15:15 +0800
Subject: [PATCH] lct

---
 src/layout/navBars/breadcrumb/user.vue |  173 +++++++++++++++++++++++++++++++--------------------------
 1 files changed, 93 insertions(+), 80 deletions(-)

diff --git a/src/layout/navBars/breadcrumb/user.vue b/src/layout/navBars/breadcrumb/user.vue
index 7601048..79db556 100644
--- a/src/layout/navBars/breadcrumb/user.vue
+++ b/src/layout/navBars/breadcrumb/user.vue
@@ -4,76 +4,77 @@
             <img src="../../../assets/menu/companyLogo.jpg" />
             <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">
-                <div class="layout-navbars-breadcrumb-user-icon">
-                    <i class="iconfont icon-ziti" :title="$t('message.user.title0')"></i>
-                </div>
-                <template #dropdown>
-                    <el-dropdown-menu>
-                        <el-dropdown-item command="large" :disabled="disabledSize === 'large'">{{ $t('message.user.dropdownLarge') }}</el-dropdown-item>
-                        <el-dropdown-item command="default" :disabled="disabledSize === 'default'">{{ $t('message.user.dropdownDefault') }}</el-dropdown-item>
-                        <el-dropdown-item command="small" :disabled="disabledSize === 'small'">{{ $t('message.user.dropdownSmall') }}</el-dropdown-item>
-                    </el-dropdown-menu>
-                </template>
-            </el-dropdown>
-            <!--        <el-dropdown :show-timeout="70" :hide-timeout="50" trigger="click" @command="onLanguageChange">-->
-            <!--            <div class="layout-navbars-breadcrumb-user-icon">-->
-            <!--                <i class="iconfont" :class="disabledI18n === 'en' ? 'icon-fuhao-yingwen' : 'icon-fuhao-zhongwen'" :title="$t('message.user.title1')"></i>-->
-            <!--            </div>-->
-            <!--            <template #dropdown>-->
-            <!--                <el-dropdown-menu>-->
-            <!--                    <el-dropdown-item command="zh-cn" :disabled="disabledI18n === 'zh-cn'">简体中文</el-dropdown-item>-->
-            <!--                    <el-dropdown-item command="en" :disabled="disabledI18n === 'en'">English</el-dropdown-item>-->
-            <!--                    <el-dropdown-item command="zh-tw" :disabled="disabledI18n === 'zh-tw'">繁體中文</el-dropdown-item>-->
-            <!--                </el-dropdown-menu>-->
-            <!--            </template>-->
-            <!--        </el-dropdown>-->
-            <!--        <div class="layout-navbars-breadcrumb-user-icon" @click="onSearchClick">-->
-            <!--            <el-icon :title="$t('message.user.title2')">-->
-            <!--                <ele-Search />-->
-            <!--            </el-icon>-->
-            <!--        </div>-->
-            <!--        <div class="layout-navbars-breadcrumb-user-icon" @click="onLayoutSetingClick">-->
-            <!--            <i class="icon-skin iconfont" :title="$t('message.user.title3')"></i>-->
-            <!--        </div>-->
-            <!--        <div class="layout-navbars-breadcrumb-user-icon">-->
-            <!--            <el-popover placement="bottom" trigger="click" transition="el-zoom-in-top" :width="300" :persistent="false">-->
-            <!--                <template #reference>-->
-            <!--                    <el-badge :is-dot="true">-->
-            <!--                        <el-icon :title="$t('message.user.title4')">-->
-            <!--                            <ele-Bell />-->
-            <!--                        </el-icon>-->
-            <!--                    </el-badge>-->
-            <!--                </template>-->
-            <!--                <template #default>-->
-            <!--                    <UserNews />-->
-            <!--                </template>-->
-            <!--            </el-popover>-->
-            <!--        </div>-->
-            <div class="layout-navbars-breadcrumb-user-icon mr10" @click="onScreenfullClick">
-                <i class="iconfont" :title="isScreenfull ? $t('message.user.title6') : $t('message.user.title5')" :class="!isScreenfull ? 'icon-fullscreen' : 'icon-tuichuquanping'"></i>
+        <div style="display: flex;align-items:center;padding-right: 5px">
+        <div @click="backToMenu()" class="backBtn">返回首页</div>
+        <el-dropdown :show-timeout="70" :hide-timeout="50" trigger="click" @command="onComponentSizeChange">
+            <div class="layout-navbars-breadcrumb-user-icon">
+                <i class="iconfont icon-ziti" :title="$t('message.user.title0')"></i>
             </div>
-            <el-dropdown :show-timeout="70" :hide-timeout="50" @command="onHandleCommandClick">
-                <span class="layout-navbars-breadcrumb-user-link">
-                    <img :src="userInfos.photo" class="layout-navbars-breadcrumb-user-link-photo mr5" />
-                    {{ userInfos.userName }}
-                    <el-icon class="el-icon--right">
-                        <ele-ArrowDown />
-                    </el-icon>
-                </span>
-                <template #dropdown>
-                    <el-dropdown-menu>
-                        <el-dropdown-item command="/homeMenu">{{ $t('message.user.dropdown1') }}</el-dropdown-item>
-                        <!--                    <el-dropdown-item command="wareHouse">{{ $t('message.user.dropdown6') }}</el-dropdown-item>-->
-                        <!--                    <el-dropdown-item command="/personal">{{ $t('message.user.dropdown2') }}</el-dropdown-item>-->
-                        <!--					<el-dropdown-item command="/404">{{ $t('message.user.dropdown3') }}</el-dropdown-item>-->
-                        <!--					<el-dropdown-item command="/401">{{ $t('message.user.dropdown4') }}</el-dropdown-item>-->
-                        <el-dropdown-item divided command="logOut">{{ $t('message.user.dropdown5') }}</el-dropdown-item>
-                    </el-dropdown-menu>
-                </template>
-            </el-dropdown>
-            <Search ref="searchRef" />
+            <template #dropdown>
+                <el-dropdown-menu>
+                    <el-dropdown-item command="large" :disabled="disabledSize === 'large'">{{ $t('message.user.dropdownLarge') }}</el-dropdown-item>
+                    <el-dropdown-item command="default" :disabled="disabledSize === 'default'">{{ $t('message.user.dropdownDefault') }}</el-dropdown-item>
+                    <el-dropdown-item command="small" :disabled="disabledSize === 'small'">{{ $t('message.user.dropdownSmall') }}</el-dropdown-item>
+                </el-dropdown-menu>
+            </template>
+        </el-dropdown>
+<!--        <el-dropdown :show-timeout="70" :hide-timeout="50" trigger="click" @command="onLanguageChange">-->
+<!--            <div class="layout-navbars-breadcrumb-user-icon">-->
+<!--                <i class="iconfont" :class="disabledI18n === 'en' ? 'icon-fuhao-yingwen' : 'icon-fuhao-zhongwen'" :title="$t('message.user.title1')"></i>-->
+<!--            </div>-->
+<!--            <template #dropdown>-->
+<!--                <el-dropdown-menu>-->
+<!--                    <el-dropdown-item command="zh-cn" :disabled="disabledI18n === 'zh-cn'">简体中文</el-dropdown-item>-->
+<!--                    <el-dropdown-item command="en" :disabled="disabledI18n === 'en'">English</el-dropdown-item>-->
+<!--                    <el-dropdown-item command="zh-tw" :disabled="disabledI18n === 'zh-tw'">繁體中文</el-dropdown-item>-->
+<!--                </el-dropdown-menu>-->
+<!--            </template>-->
+<!--        </el-dropdown>-->
+<!--        <div class="layout-navbars-breadcrumb-user-icon" @click="onSearchClick">-->
+<!--            <el-icon :title="$t('message.user.title2')">-->
+<!--                <ele-Search />-->
+<!--            </el-icon>-->
+<!--        </div>-->
+        <!--        <div class="layout-navbars-breadcrumb-user-icon" @click="onLayoutSetingClick">-->
+        <!--            <i class="icon-skin iconfont" :title="$t('message.user.title3')"></i>-->
+        <!--        </div>-->
+        <!--        <div class="layout-navbars-breadcrumb-user-icon">-->
+        <!--            <el-popover placement="bottom" trigger="click" transition="el-zoom-in-top" :width="300" :persistent="false">-->
+        <!--                <template #reference>-->
+        <!--                    <el-badge :is-dot="true">-->
+        <!--                        <el-icon :title="$t('message.user.title4')">-->
+        <!--                            <ele-Bell />-->
+        <!--                        </el-icon>-->
+        <!--                    </el-badge>-->
+        <!--                </template>-->
+        <!--                <template #default>-->
+        <!--                    <UserNews />-->
+        <!--                </template>-->
+        <!--            </el-popover>-->
+        <!--        </div>-->
+        <div class="layout-navbars-breadcrumb-user-icon mr10" @click="onScreenfullClick">
+            <i class="iconfont" :title="isScreenfull ? $t('message.user.title6') : $t('message.user.title5')" :class="!isScreenfull ? 'icon-fullscreen' : 'icon-tuichuquanping'"></i>
+        </div>
+        <el-dropdown :show-timeout="70" :hide-timeout="50" @command="onHandleCommandClick">
+            <span class="layout-navbars-breadcrumb-user-link">
+                <img :src="userInfos.photo" class="layout-navbars-breadcrumb-user-link-photo mr5" />
+                {{ userInfos.userName }}
+                <el-icon class="el-icon--right">
+                    <ele-ArrowDown />
+                </el-icon>
+            </span>
+            <template #dropdown>
+                <el-dropdown-menu>
+                    <el-dropdown-item command="/homeMenu">{{ $t('message.user.dropdown1') }}</el-dropdown-item>
+                    <!--                    <el-dropdown-item command="wareHouse">{{ $t('message.user.dropdown6') }}</el-dropdown-item>-->
+<!--                    <el-dropdown-item command="/personal">{{ $t('message.user.dropdown2') }}</el-dropdown-item>-->
+                    <!--					<el-dropdown-item command="/404">{{ $t('message.user.dropdown3') }}</el-dropdown-item>-->
+                    <!--					<el-dropdown-item command="/401">{{ $t('message.user.dropdown4') }}</el-dropdown-item>-->
+                    <el-dropdown-item divided command="logOut">{{ $t('message.user.dropdown5') }}</el-dropdown-item>
+                </el-dropdown-menu>
+            </template>
+        </el-dropdown>
+        <Search ref="searchRef" />
         </div>
     </div>
 </template>
@@ -92,9 +93,7 @@
 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';
@@ -249,27 +248,31 @@
             }
         };
 
-        const getSysName = async () => {
+        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') {
+            if(res.data.code === '200'){
                 state.systemName = res.data.data[1].project.projectName;
-                console.log(state.systemName);
-            } else {
-                console.log('有问题');
+                console.log(state.systemName)
+            }else{
+                console.log('有问题')
             }
-        };
+        }
+        const backToMenu=()=>{
+            router.push({ path: 'homeMenu' })
+        }
         // 页面加载时
         onMounted(() => {
             if (Local.get('themeConfig')) {
                 initI18n();
                 initComponentSize();
             }
-            getSysName();
+            getSysName()
         });
         return {
             userInfos,
+            backToMenu,
             onLayoutSetingClick,
             onHandleCommandClick,
             onScreenfullClick,
@@ -290,14 +293,14 @@
     align-items: center;
     justify-content: space-between;
 
-    .logo {
+    .logo{
         height: 50px;
         padding: 5px 10px;
         display: flex;
         align-items: center;
         overflow: hidden;
         box-sizing: border-box;
-        img {
+        img{
             height: 100%;
         }
     }
@@ -340,5 +343,15 @@
     ::v-deep(.el-badge__content.is-fixed) {
         top: 12px;
     }
+    .backBtn{
+        font-size: 16px;
+        cursor: pointer;
+        margin-right: 20px;
+
+        &:hover{
+            color: #409eff;
+            font-weight: bolder;
+        }
+    }
 }
 </style>

--
Gitblit v1.9.2