优化

src/styles/mdp.scss

@@ -286,23 +286,12 @@ table tr.hover-row{
   }
 }
  
-.xl-text{  
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;  
-  max-width:300px;
-}
-.lg-text{  
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;  
-  max-width:250px;
-}
-.sm-text{   
+
+.res-text{
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;  
-  max-width:200px;
+  max-width:20vw;
 }
  /**
  *解决表格固定列无法滚动问题

src/views/xm/core/components/XmIterationSelect.vue

@@ -120,16 +120,16 @@
 			</el-row>
 			<div slot="reference" @click="referenceClick">
 				<slot name="reference" v-bind:iteration="editForm">
-					<span class="title">
+					<div class="title">
 						<slot name="title"  v-bind:iteration="editForm">
 							<el-link title="点击选中迭代"   type="primary"  icon="el-icon-connection"> 
-								<div class="lg-text hidden-md-and-down">
+								<div class="res-text hidden-md-and-down">
 									{{
 										editForm&&editForm.id?editForm.iterationName:'选择迭代'
 									}} 
 									</div>
 									
-									<div class="sm-text hidden-lg-and-up">
+									<div class="res-text hidden-lg-and-up">
 									{{
 										editForm&&editForm.id?editForm.iterationName:'选择迭代'
 									}} 
@@ -137,7 +137,7 @@
 							</el-link>
 							 <el-button v-if="editForm&&editForm.id" type="text"  icon="el-icon-circle-close" @click.stop="clearSelectIteration"></el-button>&nbsp;
 							</slot>
-					</span>
+					</div>
 				</slot>
 			</div>
 		</el-popover> 

src/views/xm/core/components/XmProductSelect.vue

@@ -192,13 +192,13 @@
                   v-loading="load.list"
                   icon="el-icon-s-opportunity" 
               >
-              <div class="lg-text hidden-md-and-down">
+              <div class="res-text hidden-md-and-down">
               {{
                 editForm && editForm.id ? editForm.productName : "选择产品"
               }} 
               </div>
               
-              <div class="sm-text hidden-lg-and-up">
+              <div class="res-text hidden-lg-and-up">
               {{
                 editForm && editForm.id ? editForm.productName : "选择产品"
               }} 

src/views/xm/core/components/XmProjectSelect.vue

@@ -194,13 +194,13 @@
               type="warning"
               icon="el-icon-odometer"
               >  
-              <div class="lg-text hidden-md-and-down">
+              <div class="res-text hidden-md-and-down">
               {{
                 editForm && editForm.id ? editForm.name: "选择项目"
               }} 
               </div>
               
-              <div class="sm-text hidden-lg-and-up">
+              <div class="res-text hidden-lg-and-up">
               {{
                editForm && editForm.id ? editForm.name: "选择项目"
               }} 

src/views/xm/core/xmIteration/XmIterationForLinkComplex.vue

@@ -3,13 +3,14 @@
 		<el-row> 
 			<el-col :xl="4" :lg="4" :md="5" :sm="5" :xs="5" class="padding">
 				<div class="border">
-				 <el-row>
+				 <el-row >
  						<xm-iteration-select  ref="xmIterationSelect" :auto-select="true" :link-project-id="projectInfo?projectInfo.id:null" :product-id="xmProduct?xmProduct.id:null"  @row-click="onIterationRowClick" @clear="onIterationClearSelect">
 							<template v-slot:title="{iteration}">
-								<h4 href="#"><div class="lg-text hidden-md-and-down"><i style="font-size:16px;" class="el-icon-sort"></i> {{iteration&&iteration.id?iteration.iterationName:'请选择一个迭代'}}</div></h4>
-								<h4 href="#"><div class="sm-text hidden-lg-and-up"><i style="font-size:16px;" class="el-icon-sort"></i> {{iteration&&iteration.id?iteration.iterationName:'请选择一个迭代'}}</div></h4>
+								<h4 href="#"><div style="max-width:15vw;" class="res-text hidden-md-and-down"><i style="font-size:16px;" class="el-icon-sort"></i> {{iteration&&iteration.id?iteration.iterationName:'请选择一个迭代'}}</div></h4> 
+								<h4 href="#"><div style="max-width:19vw;" class="res-text hidden-lg-and-up"><i style="font-size:16px;" class="el-icon-sort"></i> {{iteration&&iteration.id?iteration.iterationName:'请选择一个迭代'}}</div></h4> 
 							</template>
 						</xm-iteration-select>
+						 
   				 </el-row> 
 				<el-row ref="pageBody" class="padding" :style="{ maxHeight: maxTableHeight + 'px', overflowY: 'auto' }"> 
  								<el-steps v-if="xmIteration&&xmIteration.id"

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

@@ -15,8 +15,8 @@
         <el-menu-item :index="'/xm/core/iteration/overview?iterationId='+xmIteration.id">
           <div
             slot="title"
-            style="max-width: 350px; font-weight: 600; font-size: 18px; color: #ff8c00"
-            class="xl-text"
+            style="max-width: 20vw; font-weight: 600; font-size: 18px; color: #ff8c00"
+            class="res-text"
             :title="xmIteration.iterationName"
           >  &nbsp;<el-avatar class="top-icon"  style="background-color:#ff8c00">迭代</el-avatar>{{ xmIteration.iterationName }} 
  

src/views/xm/core/xmProduct/XmProductForLinkComplex.vue

@@ -13,8 +13,8 @@
               @clear="onProductClearSelect"
             >
             <template v-slot:title="{product}">
-               <h4 href="#"><div class="lg-text hidden-md-and-down"><i style="font-size:16px;" class="el-icon-sort"></i> {{product && product.id?product.productName:'请选择一个产品'}}</div></h4>
-               <h4 href="#"><div class="sm-text hidden-lg-and-up"><i style="font-size:16px;" class="el-icon-sort"></i> {{product && product.id?product.productName:'请选择一个产品'}}</div></h4>
+               <h4 href="#"><div style="max-width:15vw;" class="res-text hidden-md-and-down"><i style="font-size:16px;" class="el-icon-sort"></i> {{product && product.id?product.productName:'请选择一个产品'}}</div></h4>
+               <h4 href="#"><div style="max-width:19vw;" class="res-text hidden-lg-and-up"><i style="font-size:16px;" class="el-icon-sort"></i> {{product && product.id?product.productName:'请选择一个产品'}}</div></h4>
             </template>
            
           </xm-product-select> 

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

@@ -16,8 +16,7 @@
       <el-menu-item :index="'/xm/core/product/overview?productId='+xmProduct.id">
           <div
             slot="title"
-            style="max-width: 350px; font-weight: 600; font-size: 18px; color: #409EFF"
-            class="xl-text"
+            style="max-width: 20vw; font-weight: 600; font-size: 18px; color: #409EFF"  
             :title="xmProduct.productName"
           >
             &nbsp; <el-avatar class="top-icon"  style="background-color:#409EFF">产品</el-avatar>{{ xmProduct.productName }} 

src/views/xm/core/xmProject/XmProjectForLinkComplex.vue

@@ -13,8 +13,8 @@
                 @clear="onProjectClearSelect"
               >
               <template v-slot:title="{project}">
-                <h4 href="#"><div class="lg-text hidden-md-and-down"><i style="font-size:16px;" class="el-icon-sort"></i> {{project && project.id?project.name:'请选择一个项目'}}</div></h4>
-                <h4 href="#"><div class="sm-text hidden-lg-and-up"><i style="font-size:16px;" class="el-icon-sort"></i> {{project & project.id ?project.name:'请选择一个项目'}}</div></h4>
+                <h4 href="#"><div style="max-width:15vw;" class="res-text hidden-md-and-down"><i style="font-size:16px;" class="el-icon-sort"></i> {{project && project.id?project.name:'请选择一个项目'}}</div></h4>
+                <h4 href="#"><div style="max-width:19vw;" class="res-text hidden-lg-and-up"><i style="font-size:16px;" class="el-icon-sort"></i> {{project & project.id ?project.name:'请选择一个项目'}}</div></h4>
               </template>
             </xm-project-select> 
           </el-row> 

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

@@ -16,7 +16,7 @@
         <el-menu-item :index="'/xm/core/project/overview?projectId='+projectInfo.id">
           <div
             slot="title" 
-            style="max-width: 350px;font-weight: 600; font-size: 18px; color: #E6A23C" 
+            style="max-width: 20vw;font-weight: 600; font-size: 18px; color: #E6A23C" 
             class="xl-text"
             :title="projectInfo.name"
           >  

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

@@ -16,7 +16,7 @@
       <el-menu-item :index="'/xm/core/test/overview?casedbId='+testCasedb.id">
           <div
             slot="title"
-            style="max-width:350px;font-size: 18px;font-weight: 600; color: #409EFF" 
+            style="max-width:20vw;font-size: 18px;font-weight: 600; color: #409EFF" 
             class="xl-text"
             :title="testCasedb.name"
           >