表格高度控制

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

@@ -402,7 +402,7 @@
 		mounted() { 
 			this.$nextTick(() => {
 				var clientRect=this.$refs.table.$el.getBoundingClientRect();
-				var subHeight=65; 
+				var subHeight=65/1000 * window.innerHeight; 
 				this.tableHeight =  window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight; 
 				this.getXmIterations();
         	}); 

src/views/xm/core/xmIterationMenu/XmIterationMenuMng.vue

@@ -324,7 +324,7 @@
 		mounted() { 
 			this.$nextTick(() => {
 				var clientRect=this.$refs.table.$el.getBoundingClientRect();
-				var subHeight=65; 
+				var subHeight=65/1000 * window.innerHeight; 
 				this.tableHeight =  window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight; 
 				this.getXmIterationMenus();
         	}); 

src/views/xm/core/xmMenu/XmMenuMng.vue

@@ -41,8 +41,9 @@
 						</el-popover> 
 					
 					</el-row>
+					<el-row ref="table">
 						<el-row v-show="batchEditVisible" class="app-container"> 
-						<el-table ref="table" :max-height="tableHeight" :data="xmMenusTreeData" class="drag-table" default-expand-all  row-key="menuId" :tree-props="{children: 'children', hasChildren: 'hasChildren'}" @sort-change="sortChange" highlight-current-row v-loading="load.list" border @selection-change="selsChange" @row-click="rowClick" style="width: 100%;">
+							<el-table ref="table1" :max-height="tableHeight" :data="xmMenusTreeData" class="drag-table" default-expand-all  row-key="menuId" :tree-props="{children: 'children', hasChildren: 'hasChildren'}" @sort-change="sortChange" highlight-current-row v-loading="load.list" border @selection-change="selsChange" @row-click="rowClick" style="width: 100%;">
 								<el-table-column sortable type="selection" width="45"></el-table-column>
 								<el-table-column sortable prop="seqNo"  label="序号" min-width="100">
 									<template slot-scope="scope">
@@ -87,7 +88,7 @@
 							
 						</el-row>
 						<el-row v-show="!batchEditVisible" class="app-container">
-						<el-table   :max-height="tableHeight" :data="xmMenusTreeData" default-expand-all  row-key="menuId" :tree-props="{children: 'children', hasChildren: 'hasChildren'}" @sort-change="sortChange" highlight-current-row v-loading="load.list" border @selection-change="selsChange" @row-click="rowClick" style="width: 100%;">
+							<el-table  ref="table2" :max-height="tableHeight" :data="xmMenusTreeData" default-expand-all  row-key="menuId" :tree-props="{children: 'children', hasChildren: 'hasChildren'}" @sort-change="sortChange" highlight-current-row v-loading="load.list" border @selection-change="selsChange" @row-click="rowClick" style="width: 100%;">
 								<el-table-column sortable type="selection" width="40"></el-table-column> 
 								<el-table-column prop="menuName" label="故事名称" min-width="140" > 
 									<template slot-scope="scope">
@@ -152,6 +153,7 @@
 							<el-pagination  layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;"></el-pagination> 
 							
 						</el-row>
+					</el-row>
 				</el-col>
 				<!--编辑 XmMenu xm_project_menu界面-->
 				<el-dialog title="编辑故事" :visible.sync="editFormVisible"  width="50%"  append-to-body   :close-on-click-modal="false">
@@ -259,7 +261,6 @@
 			}
 		},
 		watch:{ 
-			
     	},
 		data() {
 			return {
@@ -1042,9 +1043,16 @@
 		},
 		mounted() { 
 			this.$nextTick(() => {
-				var clientRect=this.$refs.table.$el.getBoundingClientRect();
-				var subHeight=65; 
-				this.tableHeight =  window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight; 
+				var subHeight=300/1000 * window.innerHeight
+				if(this.selProject){
+					subHeight=400/1000 * window.innerHeight
+				}
+				this.tableHeight =  window.innerHeight - subHeight
+				
+				let self = this;
+				window.onresize = function() {
+					self.tableHeight =  window.innerHeight - subHeight;
+				} 
 				this.getXmMenus();
           }); 
       // 阻止默认行为

src/views/xm/core/xmMenu/XmMenuSelect.vue

@@ -268,7 +268,7 @@
 			this.$nextTick(() => {
 				this.getXmMenus(); 
             	var clientRect=this.$refs.table.$el.getBoundingClientRect();
-				var subHeight=65; 
+				var subHeight=65/1000 * window.innerHeight; 
 				this.tableHeight =  window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight; 
         	}); 
 		}

src/views/xm/core/xmMenu/XmMenuWithPlan.vue

@@ -514,7 +514,7 @@
 		mounted() {  
 			this.$nextTick(() => {
 				var clientRect=this.$refs.table.$el.getBoundingClientRect();
-				var subHeight=65; 
+				var subHeight=65/1000 * window.innerHeight; 
 				this.tableHeight =  window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight;  
 				this.getXmMenus();
 			}); 

src/views/xm/core/xmMenuState/XmMenuStateMng.vue

@@ -482,7 +482,7 @@
 		mounted() {  
 			this.$nextTick(() => {
 				var clientRect=this.$refs.table.$el.getBoundingClientRect();
-				var subHeight=50; 
+				var subHeight=50/1000 * window.innerHeight; 
 				this.tableHeight =  window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight; 
 				this.getXmMenus();
 			}); 

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

@@ -338,7 +338,7 @@
 		mounted() { 
 			this.$nextTick(() => {
 				var clientRect=this.$refs.table.$el.getBoundingClientRect();
-				var subHeight=65; 
+				var subHeight=65/1000 * window.innerHeight; 
 				this.tableHeight =  window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight; 
 				this.getXmProducts();
         	}); 

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

@@ -161,7 +161,7 @@
 		mounted() { 
 			this.$nextTick(() => {
 				var clientRect=this.$refs.table.$el.getBoundingClientRect();
-				var subHeight=65; 
+				var subHeight=65/1000 * window.innerHeight; 
 				this.tableHeight =  window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight; 
 				this.getXmProducts();
         	}); 

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

@@ -157,7 +157,7 @@
 		mounted() { 
 			this.$nextTick(() => {
 				var clientRect=this.$refs.table.$el.getBoundingClientRect();
-				var subHeight=50; 
+				var subHeight=50/1000 * window.innerHeight; 
 				this.tableHeight =  window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight; 
 				this.showInfo = false;
 				this.getXmProjects();

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

@@ -640,7 +640,7 @@
 			}
 			this.$nextTick(() => {
 				var clientRect=this.$refs.table.$el.getBoundingClientRect();
-				var subHeight=65; 
+				var subHeight=65/1000 * window.innerHeight; 
 				this.tableHeight =  window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight; 
 				this.showInfo = false;
 				this.getXmProjects();

src/views/xm/core/xmProjectPhase/XmProjectPhaseMng.vue

@@ -1296,7 +1296,7 @@ import XmProjectGroupSelect from '../xmProjectGroup/XmProjectGroupSelect.vue';
 				}
 				
 				var clientRect=this.$refs.table.$el.getBoundingClientRect();
-				var subHeight=65; 
+				var subHeight=65/1000 * window.innerHeight; 
 				this.tableHeight =  window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight; 
 				listOption([
 					{categoryId:'all',itemCode:'xmPhaseStatus'} 

src/views/xm/core/xmProjectPhase/XmProjectPhaseSelect.vue

@@ -418,7 +418,7 @@
        
 			this.$nextTick(() => {
 				var clientRect=this.$refs.selectPhaseTable.$el.getBoundingClientRect();
-				var subHeight=65; 
+				var subHeight=65/1000 * window.innerHeight; 
 				this.tableHeight =  window.innerHeight -clientRect.y - this.$refs.selectPhaseTable.$el.offsetTop-subHeight; 
 				if(this.selProject){
 					this.getXmProjectPhases();

src/views/xm/core/xmQuestion/XmQuestionMng.vue

@@ -680,7 +680,7 @@
 			}
 			this.$nextTick(() => {
 				var clientRect=this.$refs.table.$el.getBoundingClientRect();
-				var subHeight=65; 
+				var subHeight=65/1000 * window.innerHeight; 
 				this.tableHeight =  window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight; 
 				this.getXmQuestions();
 			}); 

src/views/xm/core/xmRecord/XmRecord.vue

@@ -256,7 +256,7 @@
 			
 			this.$nextTick(() => {
 				var clientRect=this.$refs.table.$el.getBoundingClientRect();
-				var subHeight=50; 
+				var subHeight=50/1000 * window.innerHeight; 
 				this.tableHeight =  window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight; 
 				this.getXmRecords();
         	}); 

src/views/xm/core/xmTask/XmTaskListForMenu.vue

@@ -21,8 +21,9 @@
 						:tree-props="{children: 'children', hasChildren: 'hasChildren'}"
 						row-key="id"
 						 :max-height="tableHeight"
+						 ref="table"
 						>
- 						<el-table-column v-show="isMultiSelect" sortable width="50" type="selection"></el-table-column>
+ 						<el-table-column v-show="isMultiSelect" sortable width="60" type="selection"></el-table-column>
 						<el-table-column prop="name" label="任务名称"  min-width="260" >
 							<template slot-scope="scope">
 								{{scope.row.sortLevel}}&nbsp;{{scope.row.name}}
@@ -398,7 +399,12 @@
 		},
 		mounted() {
 			this.$nextTick(()=>{ 
-				this.tableHeight = window.innerHeight - 250; 
+				var clientRect=this.$refs.table.$el.getBoundingClientRect();
+				var subHeight=85/1000 * window.innerHeight;
+				if(this.isTaskCenter){
+					subHeight=50/1000 * window.innerHeight;
+				}
+				this.tableHeight =  window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight; 
 				this.getXmTasks(); 
 			});
 				listOption([{categoryId:'all',itemCode:'planType'},{categoryId:'all',itemCode:'taskType'},{categoryId:'all',itemCode:'urgencyLevel'},{categoryId:'all',itemCode:'priority'}]).then(res=>{

src/views/xm/core/xmTask/XmTaskListForProduct.vue

@@ -28,7 +28,7 @@
 						:tree-props="{children: 'children', hasChildren: 'hasChildren'}"
 						row-key="id"
 						>
- 						<el-table-column v-show="isMultiSelect" reserve-selection sortable width="50" type="selection"></el-table-column> 
+ 						<el-table-column v-show="isMultiSelect" reserve-selection sortable width="60" type="selection"></el-table-column> 
 						<el-table-column prop="name" label="任务名称"  min-width="260" >
 							<template slot-scope="scope">
 								{{scope.row.sortLevel}}&nbsp;{{scope.row.name}}
@@ -459,7 +459,12 @@
 		},
 		mounted() { 
 			this.$nextTick(()=>{ 
-				this.tableHeight = window.innerHeight - 250; 
+				var clientRect=this.$refs.taskTable.$el.getBoundingClientRect();
+				var subHeight=85/1000 * window.innerHeight;
+				if(this.isTaskCenter){
+					subHeight=50/1000 * window.innerHeight;
+				}
+				this.tableHeight =  window.innerHeight -clientRect.y - this.$refs.taskTable.$el.offsetTop-subHeight; 
 				this.getXmTasks(); 
 			});
 				listOption([{categoryId:'all',itemCode:'planType'},{categoryId:'all',itemCode:'taskType'},{categoryId:'all',itemCode:'urgencyLevel'},{categoryId:'all',itemCode:'priority'}]).then(res=>{

src/views/xm/core/xmTask/XmTaskMng.vue

@@ -1664,9 +1664,9 @@ XmProjectGroupSelect
 			this.$nextTick(()=>{
 				this.getXmTasks();     
 				var clientRect=this.$refs.table.$el.getBoundingClientRect();
-				var subHeight=85;
+				var subHeight=85/1000 * window.innerHeight;
 				if(this.isTaskCenter){
-					subHeight=50;
+					subHeight=50/1000 * window.innerHeight;
 				}
 				this.tableHeight =  window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight; 
 				// 监听窗口大小变化

src/views/xm/core/xmTask/XmTaskMngBatch.vue

@@ -1271,7 +1271,12 @@
 				this.getXmTasks();
 			}
 			this.$nextTick(()=>{ 
-				this.tableHeight = window.innerHeight - 250; 
+				var clientRect=this.$refs.table.$el.getBoundingClientRect();
+				var subHeight=85/1000 * window.innerHeight;
+				if(this.isTaskCenter){
+					subHeight=50/1000 * window.innerHeight;
+				}
+				this.tableHeight =  window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight; 
 				listOption([{categoryId:'all',itemCode:'planType'}
 				,{categoryId:'all',itemCode:'taskType'}
 				,{categoryId:'all',itemCode:'urgencyLevel'}

src/views/xm/core/xmTestCaseExec/XmTestCaseExecMng.vue

@@ -633,7 +633,7 @@
 			this.filters.selProject=this.selProject; 
 			this.$nextTick(() => {
 				var clientRect=this.$refs.table.$el.getBoundingClientRect();
-				var subHeight=70; 
+				var subHeight=70/1000 * window.innerHeight; 
 				this.tableHeight =  window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight; 
 				this.getXmTestCaseExecs();
         	});