diff --git a/src/views/xm/core/xmMenu/XmEpicFeatures.vue b/src/views/xm/core/xmMenu/XmEpicFeatures.vue
index 49ccb468..b48817d6 100644
--- a/src/views/xm/core/xmMenu/XmEpicFeatures.vue
+++ b/src/views/xm/core/xmMenu/XmEpicFeatures.vue
@@ -89,31 +89,33 @@
 				
 				<el-table-column prop="menuName" label="史诗、特性名称" min-width="150" > 
 					<template slot="header">
-						<div style="display:flex;">
-							<div style="text-align: center;line-height: 32px;">史诗、特性</div>
+						<div style="display:flex;"> 
+							<div style="text-align: center;line-height: 32px;" title="史诗特性名称">史诗、特性</div>
 							&nbsp;&nbsp;
-							<el-button type="text" icon="el-icon-circle-close" @click="unselectRow()">清除选中</el-button>
+							<el-button type="text" icon="el-icon-circle-close " class="hidden-md-and-down" @click="unselectRow()" title="清除选中的行">清除选中</el-button>
+							<el-button type="text" icon="el-icon-circle-close " class="hidden-lg-and-up" @click="unselectRow()" title="清除选中的行"></el-button>
+
 							<el-input v-if=" !xmProduct || !xmProduct.id" v-model="filters.key" style="width:50%;margin-left: auto;"  placeholder="名称模糊查询"  clearable></el-input>  
 						</div>
 					</template>
-					<template slot-scope="scope">
-						<div  v-if="scope.row.dclass=='1'" class="icon" style="background-color:  rgb(255, 153, 51);">
+					<template slot-scope="scope"> 
+						<div  v-if="scope.row.dclass=='1'" class="icon hidden-md-and-down" style="background-color:  rgb(255, 153, 51);">
 						<i class="el-icon-s-promotion"></i>
 						</div>
-						<div v-if="scope.row.dclass=='2'" class="icon" style="background-color:  rgb(0, 153, 51);">
+						<div v-if="scope.row.dclass=='2'" class="icon hidden-md-and-down" style="background-color:  rgb(0, 153, 51);">
 						<i class="el-icon-s-flag"></i>
 						</div>
-						<div v-if="scope.row.dclass=='3'" class="icon" style="background-color:  rgb(79, 140, 255);">
+						<div v-if="scope.row.dclass=='3'" class="icon hidden-md-and-down" style="background-color:  rgb(79, 140, 255);">
 						<i class="el-icon-document"></i>
 						</div>
-						<span>{{scope.row.seqNo}} &nbsp; {{scope.row.menuName}} </span>
+						<span class="hidden-md-and-down">{{scope.row.seqNo}}</span><span>{{scope.row.menuName}} </span>
 						
-						<span  
+						<span
 							:style="{borderRadius: '30px',color:scope.row.finishRate >= 100 ? 'green' : 'blue'}" 
 						>
 							{{ (scope.row.finishRate != null ? scope.row.finishRate : 0) + "%" }}
 						</span>  
-							<el-tag v-for="(item,index) in formatDictsWithClass(dicts,'menuStatus',scope.row.status)" :key="index" :type="item.className">{{item.name}}</el-tag>
+							<el-tag class="hidden-md-and-down" v-for="(item,index) in formatDictsWithClass(dicts,'menuStatus',scope.row.status)" :key="index" :type="item.className">{{item.name}}</el-tag>
 							<div class="tool-bar" v-if="!disabledMng">
 						<span class="u-btn">
 									<el-button  v-if=" scope.row.dclass==='1' "  @click.stop="showSubAdd( scope.row,scope.$index)" icon="el-icon-plus" title="新建特性" circle plain > </el-button>
diff --git a/src/views/xm/core/xmMenu/XmMenuBox.vue b/src/views/xm/core/xmMenu/XmMenuBox.vue
index c799f937..ad855151 100644
--- a/src/views/xm/core/xmMenu/XmMenuBox.vue
+++ b/src/views/xm/core/xmMenu/XmMenuBox.vue
@@ -1,6 +1,6 @@
 <template> 
 		<el-row> 
-			<el-col :span="8">
+			<el-col :span="7">
 				<!--
 				<el-row class="padding-left padding-right" v-if="!xmProduct||!xmProduct.id" > 
 						<xm-product-select ref="xmProductSelect1" style="display:inline;"  :auto-select="true" :link-project-id="selProject?selProject.id:null" @row-click="onProductSelected" @clear="onProductClearSelect" ></xm-product-select>
@@ -8,12 +8,12 @@
 				-->
 				<xm-epic-features class="padding-left padding-right" :xm-product="xmProductCpd" :sel-project="selProject"  @row-click="onEpicFeaturesRowClick"  @product-selected="onProductSelected" @product-clear="onProductClearSelect"></xm-epic-features>
 			</el-col> 
-			<el-col :span="16" v-if="xmProductCpd && xmProductCpd.id" class="row-right">
+			<el-col :span="17" v-if="xmProductCpd && xmProductCpd.id" class="row-right">
 				<xm-menu-mng class="padding-left padding-right" :xm-product="xmProductCpd" :sel-project="selProject"  :parent-menu="parentMenu" :xm-iteration="xmIteration" ></xm-menu-mng>
  
 			</el-col>
 			
-			<el-col :span="16" v-else-if="filters.xmProduct && filters.xmProduct.id" class="row-right">
+			<el-col :span="17" v-else-if="filters.xmProduct && filters.xmProduct.id" class="row-right">
 				<xm-menu-mng class="padding-left padding-right" :xm-product="filters.xmProduct" :sel-project="selProject" :parent-menu="parentMenu" :xm-iteration="xmIteration" ></xm-menu-mng>
  
 			</el-col>
diff --git a/src/views/xm/core/xmTask/XmPhase.vue b/src/views/xm/core/xmTask/XmPhase.vue
index b56a4f92..129a10cb 100644
--- a/src/views/xm/core/xmTask/XmPhase.vue
+++ b/src/views/xm/core/xmTask/XmPhase.vue
@@ -133,7 +133,8 @@
 									<div style="display:flex;">
 										<div style="text-align: center;line-height: 32px;">计划名称</div>
 										&nbsp;&nbsp;
-										<el-button type="text" icon="el-icon-circle-close" @click="unselectRow()">清除选中</el-button>
+										<el-button type="text" class="hidden-lg-and-up" icon="el-icon-circle-close" @click="unselectRow()" title="清除选中的行">清除选中</el-button>
+										<el-button type="text" class="hidden-md-and-down" icon="el-icon-circle-close" @click="unselectRow()" title="清除选中的行">清除选中的行</el-button>
 										<el-input v-if=" !selProject || !selProject.id" v-model="filters.key" style="width:50%;margin-left: auto;"  placeholder="名称模糊查询"  clearable></el-input>  
 									</div>
               </template>
@@ -143,8 +144,8 @@
 									<i :class="scope.row.ntype==='1'?'el-icon-time':'el-icon-s-operation'" ></i>
 									</div>  
                   -->
-                  <span>
-                    {{ scope.row.sortLevel }}&nbsp;  {{ scope.row.name }}
+                  <span class="hidden-md-and-down">
+                    {{ scope.row.sortLevel }}&nbsp;</span><span> {{ scope.row.name }}
                     </span>
                   <el-link  
                     style="border-radius: 30px"
@@ -153,7 +154,8 @@
                     class="el-icon-refresh"
                   >
                     {{ (scope.row.rate != null ? scope.row.rate : 0) + "%" }}
-                  </el-link>  <el-tag v-for="(item,index) in formatDictsWithClass(dicts,'taskState',scope.row.taskState)" :key="index" :type="item.className">{{item.name}}</el-tag>
+                  </el-link> 
+                   <el-tag class="hidden-md-and-down" v-for="(item,index) in formatDictsWithClass(dicts,'taskState',scope.row.taskState)" :key="index" :type="item.className">{{item.name}}</el-tag>
 									<div class="tool-bar">
                     <span class="u-btn">
                         <el-popover
diff --git a/src/views/xm/core/xmTask/XmPlan.vue b/src/views/xm/core/xmTask/XmPlan.vue
index da549fc9..87e62b7f 100644
--- a/src/views/xm/core/xmTask/XmPlan.vue
+++ b/src/views/xm/core/xmTask/XmPlan.vue
@@ -1,10 +1,10 @@
 <template>
 	<section> 
 		<el-row class="box">
-			<el-col :span="8" class="left">
+			<el-col :span="7" class="left">
 				<xm-phase :xm-product="xmProduct" :sel-project="selProject" queryScope="plan" @row-click="onPhaseRowClick"></xm-phase>
 			</el-col> 
-			<el-col :span="16">
+			<el-col :span="17">
 				<xm-task-mng :xm-product="xmProduct" :sel-project="selProject" queryScope="task" :parent-task="parentTask"></xm-task-mng>
 			</el-col>
 		</el-row>
diff --git a/src/views/xm/core/xmTask/XmPlanForProduct.vue b/src/views/xm/core/xmTask/XmPlanForProduct.vue
index ffef97f7..d8d61a00 100644
--- a/src/views/xm/core/xmTask/XmPlanForProduct.vue
+++ b/src/views/xm/core/xmTask/XmPlanForProduct.vue
@@ -1,10 +1,10 @@
 <template>
 	<section> 
 		<el-row class="box">
-			<el-col :span="8" class="left">
+			<el-col :span="7" class="left">
 				<xm-phase :xm-product="xmProduct"   queryScope="plan" @row-click="onPhaseRowClick" @project-row-click="onProjectRowClick"></xm-phase>
 			</el-col> 
-			<el-col :span="16">
+			<el-col :span="17">
 				<xm-task-mng v-if="selProject && selProject.id" :xm-product="xmProduct" :sel-project="selProject" queryScope="task" :parent-task="parentTask"></xm-task-mng>
 			</el-col>
 		</el-row>
diff --git a/src/views/xm/core/xmTask/XmPlanForProject.vue b/src/views/xm/core/xmTask/XmPlanForProject.vue
index eb88f1c6..807c9331 100644
--- a/src/views/xm/core/xmTask/XmPlanForProject.vue
+++ b/src/views/xm/core/xmTask/XmPlanForProject.vue
@@ -1,10 +1,10 @@
 <template>
 	<section> 
 		<el-row class="box">
-			<el-col :span="8" class="left">
+			<el-col :span="7" class="left">
 				<xm-phase   :sel-project="projectInfo" queryScope="plan" @row-click="onPhaseRowClick"></xm-phase>
 			</el-col> 
-			<el-col :span="16">
+			<el-col :span="17">
 				<xm-task-mng   :sel-project="projectInfo" queryScope="task" :parent-task="parentTask"></xm-task-mng>
 			</el-col>
 		</el-row>