end7less
/
program_xm_vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

表格高度控制

master
陈裕财 5 years ago
parent
861873a264
commit
46b973e8af
19 changed files with 157 additions and 133 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      src/views/xm/core/xmIteration/XmIterationMng.vue
  2. 2
      src/views/xm/core/xmIterationMenu/XmIterationMenuMng.vue
  3. 20
      src/views/xm/core/xmMenu/XmMenuMng.vue
  4. 2
      src/views/xm/core/xmMenu/XmMenuSelect.vue
  5. 2
      src/views/xm/core/xmMenu/XmMenuWithPlan.vue
  6. 2
      src/views/xm/core/xmMenuState/XmMenuStateMng.vue
  7. 2
      src/views/xm/core/xmProduct/XmProductMng.vue
  8. 2
      src/views/xm/core/xmProduct/XmProductSelect.vue
  9. 2
      src/views/xm/core/xmProject/XmProjectList.vue
  10. 2
      src/views/xm/core/xmProject/XmProjectMng.vue
  11. 2
      src/views/xm/core/xmProjectPhase/XmProjectPhaseMng.vue
  12. 2
      src/views/xm/core/xmProjectPhase/XmProjectPhaseSelect.vue
  13. 2
      src/views/xm/core/xmQuestion/XmQuestionMng.vue
  14. 2
      src/views/xm/core/xmRecord/XmRecord.vue
  15. 10
      src/views/xm/core/xmTask/XmTaskListForMenu.vue
  16. 9
      src/views/xm/core/xmTask/XmTaskListForProduct.vue
  17. 4
      src/views/xm/core/xmTask/XmTaskMng.vue
  18. 7
      src/views/xm/core/xmTask/XmTaskMngBatch.vue
  19. 2
      src/views/xm/core/xmTestCaseExec/XmTestCaseExecMng.vue

2
src/views/xm/core/xmIteration/XmIterationMng.vue
View File

@ -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();
});

2
src/views/xm/core/xmIterationMenu/XmIterationMenuMng.vue
View File

@ -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();
});

20
src/views/xm/core/xmMenu/XmMenuMng.vue
View File

@ -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();
});
// 阻止默认行为

2
src/views/xm/core/xmMenu/XmMenuSelect.vue
View File

@ -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;
});
}

2
src/views/xm/core/xmMenu/XmMenuWithPlan.vue
View File

@ -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();
});

2
src/views/xm/core/xmMenuState/XmMenuStateMng.vue
View File

@ -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();
});

2
src/views/xm/core/xmProduct/XmProductMng.vue
View File

@ -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();
});

2
src/views/xm/core/xmProduct/XmProductSelect.vue
View File

@ -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();
});

2
src/views/xm/core/xmProject/XmProjectList.vue
View File

@ -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();

2
src/views/xm/core/xmProject/XmProjectMng.vue
View File

@ -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();

2
src/views/xm/core/xmProjectPhase/XmProjectPhaseMng.vue
View File

@ -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'}

2
src/views/xm/core/xmProjectPhase/XmProjectPhaseSelect.vue
View File

@ -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();

2
src/views/xm/core/xmQuestion/XmQuestionMng.vue
View File

@ -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();
});

2
src/views/xm/core/xmRecord/XmRecord.vue
View File

@ -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();
});

10
src/views/xm/core/xmTask/XmTaskListForMenu.vue
View File

@ -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=>{

9
src/views/xm/core/xmTask/XmTaskListForProduct.vue
View File

@ -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=>{

4
src/views/xm/core/xmTask/XmTaskMng.vue
View File

@ -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;
// 监听窗口大小变化

7
src/views/xm/core/xmTask/XmTaskMngBatch.vue
View File

@ -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'}

2
src/views/xm/core/xmTestCaseExec/XmTestCaseExecMng.vue
View File

@ -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();
});

Write Preview
Loading…
Cancel
Save