fxi:修改project数量少时显示不完整的问题

This commit is contained in:
zhangyu
2020-11-20 10:15:40 +08:00
parent 99779334b2
commit 8fb4540ab5

View File

@@ -66,7 +66,7 @@
<template>
<el-menu-item v-if="assetData.length == 0" index="3-0"><div @click="createBox({type: 6})"><i class="nz-icon nz-icon-create-square header-dropdown-add"></i>&nbsp;&nbsp;{{$t("overall.createDatacenter")}}</div></el-menu-item>
<template v-else>
<el-scrollbar :style="{height:assetData.length>10?'360px':'auto'}">
<el-scrollbar :style="{height:assetData.length>10?'360px':assetData.length*36+'px'}">
<el-menu-item :index="'3-' + index" v-for="(item, index) in assetData" :key="index">
<div @mouseenter="hoverItemIndex = '3-' + index" @mouseleave="hoverItemIndex = ''" @click="jumpToAsset(item)" :class="{'menu-item-active': route == '/asset' && activeItemIndex == item.id}">
<span class="too-long-split" style="width: 130px;">{{item.name}}</span>
@@ -84,7 +84,7 @@
<template>
<el-menu-item v-if="projectData.length == 0" index="2-0"><div @click="createBox({type: 1})"><i class="nz-icon nz-icon-create-square header-dropdown-add"></i>&nbsp;&nbsp;{{$t("overall.createProject")}}</div></el-menu-item>
<template v-else>
<el-scrollbar :style="{height:projectData.length>10?'360px':'auto'}">
<el-scrollbar :style="{height:projectData.length>10?'360px':+projectData.length*36+'px'}">
<el-menu-item :index="'2-' + index" v-for="(item, index) in projectData" :key="index">
<div @mouseenter="hoverItemIndex = '2-' + index" @mouseleave="hoverItemIndex = ''" @click="jumpToProject(item)" :class="{'menu-item-active': route == '/project' && activeItemIndex == item.id}">
<span class="too-long-split" style="width: 135px;">{{item.name}}</span>
@@ -408,7 +408,7 @@
getProjectList() {
this.$get('project', {pageSize:-1}).then(response => {
if (response.code == 200) {
this.projectData = response.data.list;
this.projectData = response.data.list.splice(0,3);
let flag = false;
//如果currentProject不在新取到的数据里说明它被删了
for (let i = 0; i < this.projectData.length; i++) {
@@ -546,6 +546,12 @@
}
}
},
beforeDestroy(){
bus.$off('login');
bus.$off("dc-list-change");
bus.$off("current-project-change");
},
destroyed() {
window.removeEventListener('popstate', this.cancel, false);
}