案例信息添加

src/layout/components/Entry.vue

@@ -1,10 +1,23 @@
 <template>
   <div style="display:inline-block">
     <div class="avatar-container" style="display:inline-block;margin-right:10px">
-      <el-menu-item v-for="item in entryList" v-show="!item.hidden" :key="item.name" class="avatar-wrapper" :index="$route.fullPath" @click="item.handle">
+      <el-menu-item v-for="item in entryList" v-show="!item.hidden" :key="item.name" class="avatar-wrapper" :index="$route.fullPath" :style="item.style" @click="item.handle">
         <el-tooltip v-if="item.tip" effect="dark" :content="$t('login.clickSwitchLanguage')" placement="bottom-end">
           <span style="color: white;">{{ item.name }}</span>
         </el-tooltip>
+        <el-dropdown v-else-if="isShown && item.isHelp" class="avatar-container" trigger="hover" :show-timeout="100" style="height:58px">
+          <div class="avatar-wrapper">
+            <span style="color: white;">
+              {{ $t(item.name) }}
+            </span>
+            <i class="el-icon-caret-bottom" style="color: #909399;" />
+          </div>
+          <el-dropdown-menu slot="dropdown" class="user-dropdown">
+            <el-dropdown-item>
+              <span style="display:block;" @click="goToCaseShow">西安铁路职业技术学院</span>
+            </el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown>
         <span v-else style="color: white;">{{ $t(item.name) }}</span>
       </el-menu-item>
       <deomon-list ref="deomonList" />
@@ -39,6 +52,12 @@ export default {
                     handle: this.goToTraining,
                     hidden: !getSessionStorage('project').startsWith('design')
                 },
+                {
+                    name: 'global.caseShow',
+                    handle: this.goToCaseShow,
+                    isHelp:true,
+                    style:'padding-right:0px;'
+                },
                 {
                     name: 'global.scan',
                     handle: this.qcodeEntry,
@@ -53,7 +72,12 @@ export default {
                     name: LangStorage.getLang('zh') === 'zh' ? 'English' : '中文',
                     handle: this.switchLanguage,
                     tip: true
+                },
+                {
+                    name: 'global.help',
+                    handle: this.goToHelp
                 }
+
             ],
             stomp: null,
             header: null,
@@ -66,6 +90,9 @@ export default {
         },
         project() {
             return getSessionStorage('project');
+        },
+        isShown() {
+            return getSessionStorage('project') == 'login' || getSessionStorage('project') == 'design';
         }
     },
     watch: {
@@ -89,6 +116,14 @@ export default {
             });
             window.open(routeData.href, '_blank');
         },
+        goToHelp() {
+            const href = 'https://joylink.club/helps/help1.pdf';
+            window.open(href, '_blank');
+        },
+        goToCaseShow() {
+            const href = 'https://joylink.club/helps/西安铁路职业技术学院.pdf';
+            window.open(href, '_blank');
+        },
         goToTraining() {
             const routeData = this.$router.resolve({
                 path: this.getPath()

src/layout/components/Logout.vue

@@ -10,11 +10,6 @@
       <el-dropdown-item>
         <span style="display:block;" @click="handleDetail">{{ $t('global.personalDetails') }}</span>
       </el-dropdown-item>
-      <el-dropdown-item>
-        <a href="https://joylink.club/helps/help1.pdf" target="frame1">
-          <span style="display:block;">{{ $t('global.help') }}</span>
-        </a>
-      </el-dropdown-item>
       <el-dropdown-item>
         <span style="display:block;" @click="logout">{{ $t('global.exit') }}</span>
       </el-dropdown-item>