From 49483594d5fb871af11cb9dc375564bb12385e2a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E8=A3=95=E8=B4=A2?= <cyc58469@163.com>
Date: Mon, 6 Feb 2023 18:12:43 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/mdp.scss                        | 15 ++++----
 src/views/xm/core/xmIteration/top-nav.vue  | 37 ++++----------------
 src/views/xm/core/xmProduct/top-nav.vue    | 40 +++++-----------------
 src/views/xm/core/xmProject/top-nav.vue    | 37 +++++---------------
 src/views/xm/core/xmTestCasedb/top-nav.vue | 37 ++++----------------
 5 files changed, 40 insertions(+), 126 deletions(-)

diff --git a/src/styles/mdp.scss b/src/styles/mdp.scss
index 04158b4a..5adea68b 100644
--- a/src/styles/mdp.scss
+++ b/src/styles/mdp.scss
@@ -285,6 +285,13 @@ table tr.hover-row{
     display:none;
   }
 }
+
+.xl-text{  
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;  
+  max-width:300px;
+}
 .lg-text{  
   text-overflow: ellipsis;
   overflow: hidden;
@@ -318,13 +325,7 @@ table tr.hover-row{
   display: inline-block;
   margin-right: 5px;
 }  
-
- /**
- *解决项目、产品视图顶部左边图标不居中的问题
- */
-.el-menu-item .top-icon > [class^=el-icon-] { 
-  margin-right: 0px !important; 
-}
+ 
 .el-dialog__header{
   padding: 20px !important;  
 }
diff --git a/src/views/xm/core/xmIteration/top-nav.vue b/src/views/xm/core/xmIteration/top-nav.vue
index e628f77a..fdc2682a 100644
--- a/src/views/xm/core/xmIteration/top-nav.vue
+++ b/src/views/xm/core/xmIteration/top-nav.vue
@@ -6,44 +6,21 @@
         mode="horizontal"
         @select="setInfotype"
         class="menus"
+        style="margin:0 auto;overflow-x: auto;overflow-y: hidden;display: flex;" 
         background-color="rgb(48, 65, 86)"
         text-color="rgb(191, 203, 217)"
         active-text-color="#409eff"
         :router="true"
       >
         <el-menu-item :index="'/xm/core/iteration/overview?iterationId='+xmIteration.id">
-          <span
+          <div
             slot="title"
-            style="font-size: 18px; color: #ff8c00"
-            class="hidden-md-and-down"
+            style="max-width: 350px; font-weight: 600; font-size: 18px; color: #ff8c00"
+            class="xl-text"
             :title="xmIteration.iterationName"
-          >
-            <font v-if="xmIteration.iterationName.length >= 15"
-              ><strong
-                >&nbsp;<el-avatar class="top-icon"  style="background-color:#ff8c00">迭代</el-avatar>{{
-                  xmIteration.iterationName.substring(0, 15)
-                }}</strong
-              ></font
-            >
-            <font type="danger" v-else
-              ><strong
-                >&nbsp;<el-avatar class="top-icon"  style="background-color:#ff8c00">迭代</el-avatar>{{ xmIteration.iterationName }}</strong
-              ></font
-            >
-          </span>
-          <span
-            slot="title"
-            style="color: #ff8c00"
-            class="hidden-lg-and-up"
-            :title="xmIteration.iterationName"
-          >
-            <font v-if="xmIteration.iterationName.length >= 15"
-              >&nbsp;<el-avatar class="top-icon"  style="background-color:#ff8c00">迭代</el-avatar>{{ xmIteration.iterationName.substring(0, 15) }}</font
-            >
-            <font type="danger" v-else
-              >&nbsp;<el-avatar class="top-icon"  style="background-color:#ff8c00">迭代</el-avatar>{{ xmIteration.iterationName }}</font
-            >
-          </span>
+          >  &nbsp;<el-avatar class="top-icon"  style="background-color:#ff8c00">迭代</el-avatar>{{ xmIteration.iterationName }} 
+ 
+          </div> 
         </el-menu-item>
         <!--
         <el-menu-item :index="'/xm/core/iteration/project?iterationId='+xmIteration.id">
diff --git a/src/views/xm/core/xmProduct/top-nav.vue b/src/views/xm/core/xmProduct/top-nav.vue
index eb713ccc..8efdc8ed 100644
--- a/src/views/xm/core/xmProduct/top-nav.vue
+++ b/src/views/xm/core/xmProduct/top-nav.vue
@@ -6,6 +6,7 @@
         mode="horizontal"
         @select="setInfotype"
         class="menus"
+        style="margin:0 auto;overflow-x: auto;overflow-y: hidden;display: flex;" 
         background-color="rgb(48, 65, 86)"
         text-color="rgb(191, 203, 217)"
         active-text-color="#409eff"
@@ -13,38 +14,14 @@
       >
         
       <el-menu-item :index="'/xm/core/product/overview?productId='+xmProduct.id">
-          <span
+          <div
             slot="title"
-            style="font-size: 18px; color: #409eff"
-            class="hidden-md-and-down"
+            style="max-width: 350px; font-weight: 600; font-size: 18px; color: #409EFF"
+            class="xl-text"
             :title="xmProduct.productName"
           >
-            <font v-if="xmProduct.productName.length >= 15">
-              <strong>
-                
-                &nbsp;<el-avatar class="top-icon"  style="background-color:#409EFF">产品</el-avatar>{{ xmProduct.productName.substring(0, 15) }}</strong
-              ></font
-            >
-            <div  v-else>
-           
-            <font type="danger">
-              <strong>&nbsp; <el-avatar class="top-icon"  style="background-color:#409EFF">产品</el-avatar>{{ xmProduct.productName }}</strong></font
-            >
-            </div>
-          </span>
-          <span
-            slot="title"
-            style="color: #409eff"
-            class="hidden-lg-and-up"
-            :title="xmProduct.productName"
-          >
-            <font v-if="xmProduct.productName.length >= 15">
-              &nbsp;<el-avatar class="top-icon"  style="background-color:#409EFF">产品</el-avatar>{{ xmProduct.productName.substring(0, 15) }}</font
-            >
-            <font type="danger" v-else>
-              &nbsp;<el-avatar class="top-icon"  style="background-color:#409EFF">产品</el-avatar>{{ xmProduct.productName }}</font
-            >
-          </span>
+            &nbsp; <el-avatar class="top-icon"  style="background-color:#409EFF">产品</el-avatar>{{ xmProduct.productName }} 
+          </div> 
         </el-menu-item>
         <el-menu-item :index="'/xm/core/product/project?productId='+xmProduct.id">
           <span slot="title"><i class="el-icon-odometer"></i>项目</span>
@@ -60,12 +37,13 @@
         </el-menu-item>
 
         <el-menu-item :index="'/xm/core/product/plan?productId='+xmProduct.id">
-          <span slot="title"><i class="el-icon-time"></i>计划</span>
+          <span slot="title"><i class="el-icon-time"></i>任务</span>
         </el-menu-item>
-
+        <!--
         <el-menu-item :index="'/xm/core/product/task?productId='+xmProduct.id" class="hidden-md-and-down">
           <span slot="title"><i class="el-icon-s-operation"></i>任务</span>
         </el-menu-item>
+        -->
         <el-menu-item :index="'/xm/core/product/casedb?productId='+xmProduct.id">
           <span slot="title"><i class="el-icon-question"></i>测试</span>
         </el-menu-item>
diff --git a/src/views/xm/core/xmProject/top-nav.vue b/src/views/xm/core/xmProject/top-nav.vue
index 8ffc6e33..b3288ba8 100644
--- a/src/views/xm/core/xmProject/top-nav.vue
+++ b/src/views/xm/core/xmProject/top-nav.vue
@@ -14,35 +14,16 @@
       >
         
         <el-menu-item :index="'/xm/core/project/overview?projectId='+projectInfo.id">
-          <span
-            slot="title"
-            style="font-size: 18px; color: #ffd04b"
-            class="hidden-sm-and-down"
+          <div
+            slot="title" 
+            style="max-width: 350px;font-weight: 600; font-size: 18px; color: #E6A23C" 
+            class="xl-text"
             :title="projectInfo.name"
-          >
-            <font v-if="projectInfo.name.length >= 15"
-              ><strong
-                >&nbsp;<el-avatar class="top-icon" style="background-color:#E6A23C">项目</el-avatar> {{ projectInfo.name.substring(0, 15) }}</strong
-              ></font
-            >
-            <font type="danger" v-else
-              ><strong>&nbsp;<el-avatar class="top-icon" style="background-color:#E6A23C">项目</el-avatar> {{ projectInfo.name }}</strong></font
-            >
-          </span>
-
-          <span
-            slot="title"
-            style="color: #ffd04b"
-            class="hidden-md-and-up"
-            :title="projectInfo.name"
-          >
-            <font v-if="projectInfo.name.length >= 15"
-              >&nbsp;<el-avatar class="top-icon" style="background-color:#E6A23C">项目</el-avatar>{{ projectInfo.name.substring(0, 15) }}</font
-            >
-            <font type="danger" v-else
-              >&nbsp;<el-avatar class="top-icon" style="background-color:#E6A23C">项目</el-avatar>{{ projectInfo.name }}</font
-            >
-          </span>
+          >  
+              &nbsp;<el-avatar class="top-icon" style="background-color:#E6A23C">项目</el-avatar>
+              <span>{{ projectInfo.name }}</span> 
+            
+          </div> 
         </el-menu-item>
         <el-menu-item :index="'/xm/core/project/product?projectId='+projectInfo.id">
           <span slot="title"><i class="el-icon-s-opportunity"></i>产品</span>
diff --git a/src/views/xm/core/xmTestCasedb/top-nav.vue b/src/views/xm/core/xmTestCasedb/top-nav.vue
index d4ee2afc..9c5d05cf 100644
--- a/src/views/xm/core/xmTestCasedb/top-nav.vue
+++ b/src/views/xm/core/xmTestCasedb/top-nav.vue
@@ -6,6 +6,7 @@
         mode="horizontal"
         @select="setInfotype"
         class="menus"
+        style="margin:0 auto;overflow-x: auto;overflow-y: hidden;display: flex;" 
         background-color="rgb(48, 65, 86)"
         text-color="rgb(191, 203, 217)"
         active-text-color="#409eff"
@@ -13,38 +14,14 @@
       >
         
       <el-menu-item :index="'/xm/core/test/overview?casedbId='+testCasedb.id">
-          <span
+          <div
             slot="title"
-            style="font-size: 18px; color: #409eff" 
-            class="hidden-md-and-down"
+            style="max-width:350px;font-size: 18px;font-weight: 600; color: #409EFF" 
+            class="xl-text"
             :title="testCasedb.name"
-          >
-            <font v-if="testCasedb.name.length >= 15">
-              <strong>
-                
-                &nbsp;<el-avatar class="top-icon"   style="background-color:#409EFF">测试</el-avatar>&nbsp;{{ testCasedb.name.substring(0, 15) }}</strong
-              ></font
-            >
-            <div  v-else>
-           
-            <font type="danger">
-              <strong>&nbsp; <el-avatar class="top-icon" style="background-color:#409EFF">测试</el-avatar>{{ testCasedb.name }}</strong></font
-            >
-            </div>
-          </span>
-          <span
-            slot="title"
-            style="color: #409eff"
-            class="hidden-lg-and-up"
-            :title="testCasedb.name"
-          >
-            <font v-if="testCasedb.name.length >= 15">
-              &nbsp;<el-avatar class="top-icon" style="background-color:#409EFF">测试</el-avatar>{{ testCasedb.name.substring(0, 15) }}</font
-            >
-            <font type="danger" v-else>
-              &nbsp;<el-avatar class="top-icon" style="background-color:#409EFF">测试</el-avatar>{{ testCasedb.name }}</font
-            >
-          </span>
+          > 
+                &nbsp;<el-avatar class="top-icon"   style="background-color:#409EFF">bugs</el-avatar>&nbsp;{{ testCasedb.name }}
+          </div> 
         </el-menu-item>
         <el-menu-item :index="'/xm/core/test/case?casedbId='+testCasedb.id">
           <span slot="title"><i class="el-icon-odometer"></i>用例管理</span>