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
Unified 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. 228
      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() { mounted() {
this.$nextTick(() => { this.$nextTick(() => {
var clientRect=this.$refs.table.$el.getBoundingClientRect(); 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.tableHeight = window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight;
this.getXmIterations(); this.getXmIterations();
}); });

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

@ -324,7 +324,7 @@
mounted() { mounted() {
this.$nextTick(() => { this.$nextTick(() => {
var clientRect=this.$refs.table.$el.getBoundingClientRect(); 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.tableHeight = window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight;
this.getXmIterationMenus(); this.getXmIterationMenus();
}); });

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

@ -41,116 +41,118 @@
</el-popover> </el-popover>
</el-row> </el-row>
<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-column sortable type="selection" width="45"></el-table-column>
<el-table-column sortable prop="seqNo" label="序号" min-width="100">
<template slot-scope="scope">
<div style="display:flex;width:100%;">
<el-row ref="table">
<el-row v-show="batchEditVisible" class="app-container">
<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">
<div style="display:flex;width:100%;">
<el-popover
placement="top"
width="400"
trigger="click">
<div style="text-align: center; margin: 0">
<div :ref="'menu_'+scope.$index" :data-menu-id="scope.row.menuId"></div>
<el-button type="primary" size="mini" @click="handlePopover(scope.row,'highestPmenuId')">成为顶级节点</el-button>
<el-button type="danger" size="mini" @click="handlePopover(scope.row,'delete')">删除当前行</el-button>
<el-button type="success" size="mini" @click="handlePopover(scope.row,'addSub')">增加子行</el-button>
</div>
<el-button slot="reference" :type="scope.row.opType?'success':'plain'" size="mini" icon="el-icon-more" circle></el-button>
</el-popover>
<el-input style="width:100%;" v-model="scope.row.seqNo" @change="fieldChange(scope.row,'seqNo')"></el-input>
</div>
</template>
</el-table-column>
<el-table-column prop="menuName" label="故事名称" min-width="140" >
<template slot-scope="scope">
<el-input v-model="scope.row.menuName" @change="fieldChange(scope.row,'menuName')"></el-input>
</template>
</el-table-column>
<el-table-column prop="mmUsername" label="负责人" min-width="100" >
<template slot-scope="scope">
<el-tag v-if="scope.row.mmUserid" closable @close="clearPmUser(scope.row)">{{scope.row.mmUsername}}</el-tag>
<el-tag v-else>未配置</el-tag>
<el-button @click="selectUser(scope.row)">选人</el-button>
</template>
</el-table-column>
<el-table-column prop="remark" label="描述" min-width="140" >
<template slot-scope="scope">
<el-input v-model="scope.row.remark" type="textarea" @change="fieldChange(scope.row,'remark')"></el-input>
</template>
</el-table-column>
</el-table>
<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 v-show="!batchEditVisible" class="app-container">
<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">
{{scope.row.seqNo}}&nbsp;&nbsp;<el-link type="primary" @click="showMenuExchange(scope.row)">{{scope.row.menuName}}</el-link>
</template>
</el-table-column>
<el-table-column prop="mmUsername" label="负责人" min-width="80" >
</el-table-column>
<el-table-column prop="finishRate" label="总体进度" width="100" >
<template slot-scope="scope">
{{scope.row.finishRate}}%
</template>
</el-table-column>
<el-table-column prop="remark" label="描述" min-width="140" >
<template slot-scope="scope">
<el-popover <el-popover
placement="top"
v-if="scope.row.remark && scope.row.remark.length>20"
placement="top-start"
title="故事备注"
width="400" width="400"
trigger="click">
<div style="text-align: center; margin: 0">
<div :ref="'menu_'+scope.$index" :data-menu-id="scope.row.menuId"></div>
<el-button type="primary" size="mini" @click="handlePopover(scope.row,'highestPmenuId')">成为顶级节点</el-button>
<el-button type="danger" size="mini" @click="handlePopover(scope.row,'delete')">删除当前行</el-button>
<el-button type="success" size="mini" @click="handlePopover(scope.row,'addSub')">增加子行</el-button>
trigger="click" >
<div v-html="scope.row.remark">
</div> </div>
<el-button slot="reference" :type="scope.row.opType?'success':'plain'" size="mini" icon="el-icon-more" circle></el-button>
<div slot="reference">{{scope.row.remark?scope.row.remark.substr(0,18)+"...":""}}</div>
</el-popover> </el-popover>
<el-input style="width:100%;" v-model="scope.row.seqNo" @change="fieldChange(scope.row,'seqNo')"></el-input>
</div>
</template>
</el-table-column>
<el-table-column prop="menuName" label="故事名称" min-width="140" >
<template slot-scope="scope">
<el-input v-model="scope.row.menuName" @change="fieldChange(scope.row,'menuName')"></el-input>
</template>
</el-table-column>
<el-table-column prop="mmUsername" label="负责人" min-width="100" >
<template slot-scope="scope">
<el-tag v-if="scope.row.mmUserid" closable @close="clearPmUser(scope.row)">{{scope.row.mmUsername}}</el-tag>
<el-tag v-else>未配置</el-tag>
<el-button @click="selectUser(scope.row)">选人</el-button>
</template>
</el-table-column>
<el-table-column prop="remark" label="描述" min-width="140" >
<template slot-scope="scope">
<el-input v-model="scope.row.remark" type="textarea" @change="fieldChange(scope.row,'remark')"></el-input>
</template>
</el-table-column>
</el-table>
<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 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-column sortable type="selection" width="40"></el-table-column>
<el-table-column prop="menuName" label="故事名称" min-width="140" >
<template slot-scope="scope">
{{scope.row.seqNo}}&nbsp;&nbsp;<el-link type="primary" @click="showMenuExchange(scope.row)">{{scope.row.menuName}}</el-link>
</template>
</el-table-column>
<el-table-column prop="mmUsername" label="负责人" min-width="80" >
</el-table-column>
<el-table-column prop="finishRate" label="总体进度" width="100" >
<template slot-scope="scope">
{{scope.row.finishRate}}%
</template>
</el-table-column>
<el-table-column prop="remark" label="描述" min-width="140" >
<template slot-scope="scope">
<el-popover
v-if="scope.row.remark && scope.row.remark.length>20"
placement="top-start"
title="故事备注"
width="400"
trigger="click" >
<div v-html="scope.row.remark">
<div v-else v-html="scope.row.remark">
</div> </div>
<div slot="reference">{{scope.row.remark?scope.row.remark.substr(0,18)+"...":""}}</div>
</el-popover>
<div v-else v-html="scope.row.remark">
</div>
</template>
</el-table-column>
<el-table-column label="操作" width="200" fixed="right" >
<template slot-scope="scope">
<el-button type="primary" @click="showSubAdd( scope.row,scope.$index)" icon="el-icon-plus" circle></el-button>
<el-button @click="showEdit(scope.row)" icon="el-icon-edit" circle></el-button>
<el-popover style="padding-left:10px;"
v-if="isPmUser"
placement="top-start"
width="200"
trigger="click" >
<el-row>
<el-col :span="24" style="padding-top:5px;">
<el-button type="success" @click="showImportFromMenuTemplate(scope.row)" icon="el-icon-upload2">由模板快速导入</el-button>
</el-col>
<el-col :span="24" style="padding-top:5px;">
<el-button type="danger" @click="handleDel(scope.row)" icon="el-icon-delete" circle></el-button>
</el-col>
<el-col :span="24" style="padding-top:5px;">
<el-button v-if="!selProject" type="primary" @click="showTaskListForMenu(scope.row,scope.$index)" icon="el-icon-s-operation">查看任务</el-button>
<el-button v-if="selProject" type="primary" @click="showTasks(scope.row,scope.$index)" icon="el-icon-s-operation">查看任务</el-button>
</el-col>
<el-col :span="24" style="padding-top:5px;">
<el-button type="primary" @click="toIterationList(scope.row,scope.$index)" icon="el-icon-document-copy">查看迭代计划</el-button>
</el-col>
</el-row>
<el-button slot="reference" icon="el-icon-more" circle></el-button>
</el-popover>
</template>
</el-table-column>
</el-table>
<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>
</template>
</el-table-column>
<el-table-column label="操作" width="200" fixed="right" >
<template slot-scope="scope">
<el-button type="primary" @click="showSubAdd( scope.row,scope.$index)" icon="el-icon-plus" circle></el-button>
<el-button @click="showEdit(scope.row)" icon="el-icon-edit" circle></el-button>
<el-popover style="padding-left:10px;"
v-if="isPmUser"
placement="top-start"
width="200"
trigger="click" >
<el-row>
<el-col :span="24" style="padding-top:5px;">
<el-button type="success" @click="showImportFromMenuTemplate(scope.row)" icon="el-icon-upload2">由模板快速导入</el-button>
</el-col>
<el-col :span="24" style="padding-top:5px;">
<el-button type="danger" @click="handleDel(scope.row)" icon="el-icon-delete" circle></el-button>
</el-col>
<el-col :span="24" style="padding-top:5px;">
<el-button v-if="!selProject" type="primary" @click="showTaskListForMenu(scope.row,scope.$index)" icon="el-icon-s-operation">查看任务</el-button>
<el-button v-if="selProject" type="primary" @click="showTasks(scope.row,scope.$index)" icon="el-icon-s-operation">查看任务</el-button>
</el-col>
<el-col :span="24" style="padding-top:5px;">
<el-button type="primary" @click="toIterationList(scope.row,scope.$index)" icon="el-icon-document-copy">查看迭代计划</el-button>
</el-col>
</el-row>
<el-button slot="reference" icon="el-icon-more" circle></el-button>
</el-popover>
</template>
</el-table-column>
</el-table>
<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-row>
</el-col> </el-col>
<!--编辑 XmMenu xm_project_menu界面--> <!--编辑 XmMenu xm_project_menu界面-->
@ -259,8 +261,7 @@
} }
}, },
watch:{ watch:{
},
},
data() { data() {
return { return {
filters: { filters: {
@ -1042,9 +1043,16 @@
}, },
mounted() { mounted() {
this.$nextTick(() => { 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(); this.getXmMenus();
}); });
// 阻止默认行为 // 阻止默认行为

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

@ -268,7 +268,7 @@
this.$nextTick(() => { this.$nextTick(() => {
this.getXmMenus(); this.getXmMenus();
var clientRect=this.$refs.table.$el.getBoundingClientRect(); 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.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() { mounted() {
this.$nextTick(() => { this.$nextTick(() => {
var clientRect=this.$refs.table.$el.getBoundingClientRect(); 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.tableHeight = window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight;
this.getXmMenus(); this.getXmMenus();
}); });

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

@ -482,7 +482,7 @@
mounted() { mounted() {
this.$nextTick(() => { this.$nextTick(() => {
var clientRect=this.$refs.table.$el.getBoundingClientRect(); 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.tableHeight = window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight;
this.getXmMenus(); this.getXmMenus();
}); });

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

@ -338,7 +338,7 @@
mounted() { mounted() {
this.$nextTick(() => { this.$nextTick(() => {
var clientRect=this.$refs.table.$el.getBoundingClientRect(); 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.tableHeight = window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight;
this.getXmProducts(); this.getXmProducts();
}); });

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

@ -161,7 +161,7 @@
mounted() { mounted() {
this.$nextTick(() => { this.$nextTick(() => {
var clientRect=this.$refs.table.$el.getBoundingClientRect(); 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.tableHeight = window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight;
this.getXmProducts(); this.getXmProducts();
}); });

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

@ -157,7 +157,7 @@
mounted() { mounted() {
this.$nextTick(() => { this.$nextTick(() => {
var clientRect=this.$refs.table.$el.getBoundingClientRect(); 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.tableHeight = window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight;
this.showInfo = false; this.showInfo = false;
this.getXmProjects(); this.getXmProjects();

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

@ -640,7 +640,7 @@
} }
this.$nextTick(() => { this.$nextTick(() => {
var clientRect=this.$refs.table.$el.getBoundingClientRect(); 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.tableHeight = window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight;
this.showInfo = false; this.showInfo = false;
this.getXmProjects(); 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 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.tableHeight = window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight;
listOption([ listOption([
{categoryId:'all',itemCode:'xmPhaseStatus'} {categoryId:'all',itemCode:'xmPhaseStatus'}

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

@ -418,7 +418,7 @@
this.$nextTick(() => { this.$nextTick(() => {
var clientRect=this.$refs.selectPhaseTable.$el.getBoundingClientRect(); 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; this.tableHeight = window.innerHeight -clientRect.y - this.$refs.selectPhaseTable.$el.offsetTop-subHeight;
if(this.selProject){ if(this.selProject){
this.getXmProjectPhases(); this.getXmProjectPhases();

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

@ -680,7 +680,7 @@
} }
this.$nextTick(() => { this.$nextTick(() => {
var clientRect=this.$refs.table.$el.getBoundingClientRect(); 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.tableHeight = window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight;
this.getXmQuestions(); this.getXmQuestions();
}); });

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

@ -256,7 +256,7 @@
this.$nextTick(() => { this.$nextTick(() => {
var clientRect=this.$refs.table.$el.getBoundingClientRect(); 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.tableHeight = window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight;
this.getXmRecords(); this.getXmRecords();
}); });

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

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

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

@ -633,7 +633,7 @@
this.filters.selProject=this.selProject; this.filters.selProject=this.selProject;
this.$nextTick(() => { this.$nextTick(() => {
var clientRect=this.$refs.table.$el.getBoundingClientRect(); 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.tableHeight = window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight;
this.getXmTestCaseExecs(); this.getXmTestCaseExecs();
}); });

Write Preview
Loading…
Cancel
Save