优化

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;
@@ -319,12 +326,6 @@ table tr.hover-row{
   margin-right: 5px;
 }  
  
- /**
- *解决项目、产品视图顶部左边图标不居中的问题
- */
-.el-menu-item .top-icon > [class^=el-icon-] { 
-  margin-right: 0px !important; 
-}
 .el-dialog__header{
   padding: 20px !important;  
 }

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">

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
-            >
+            &nbsp; <el-avatar class="top-icon"  style="background-color:#409EFF">产品</el-avatar>{{ xmProduct.productName }} 
           </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>
         </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>

src/views/xm/core/xmProject/top-nav.vue

@@ -14,35 +14,16 @@
       >
         
         <el-menu-item :index="'/xm/core/project/overview?projectId='+projectInfo.id">
-          <span
+          <div
             slot="title" 
-            style="font-size: 18px; color: #ffd04b"
-            class="hidden-sm-and-down"
+            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>
+              &nbsp;<el-avatar class="top-icon" style="background-color:#E6A23C">项目</el-avatar>
+              <span>{{ projectInfo.name }}</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>
+          </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>

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
-            >
+                &nbsp;<el-avatar class="top-icon"   style="background-color:#409EFF">bugs</el-avatar>&nbsp;{{ testCasedb.name }}
           </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>
         </el-menu-item>
         <el-menu-item :index="'/xm/core/test/case?casedbId='+testCasedb.id">
           <span slot="title"><i class="el-icon-odometer"></i>用例管理</span>