NEZ-850 perf: topo/diagram样式调整

This commit is contained in:
chenjinsong
2021-07-19 18:06:55 +08:00
parent f9c8e4000b
commit 947ff63127
5 changed files with 1087 additions and 1012 deletions

View File

@@ -298,6 +298,9 @@
} }
} }
/* start--覆盖el-table边框、gutter等样式 */ /* start--覆盖el-table边框、gutter等样式 */
.el-table__body-wrapper {
overflow: auto;
}
.el-table__body-wrapper, .el-table__fixed-body-wrapper { .el-table__body-wrapper, .el-table__fixed-body-wrapper {
box-shadow: 1px 0 $--right-box-border-color; box-shadow: 1px 0 $--right-box-border-color;

File diff suppressed because it is too large Load Diff

View File

@@ -522,9 +522,6 @@
border: none; border: none;
} }
} }
/deep/ .el-collapse-item__arrow{
display: none;
}
.h100{ .h100{
height: calc(100% - 30px) !important; height: calc(100% - 30px) !important;
} }

View File

@@ -314,7 +314,10 @@
</el-form-item> </el-form-item>
</div> </div>
<div class="form__sub-title" v-if="editChart.type ==='diagram'">{{$t('dashboard.panel.chartForm.content')}} <i class="nz-icon nz-icon-edit" @click="topologyDialogChange(true)"></i></div> <div v-if="editChart.type ==='diagram'" class="form__sub-title">
<span>{{$t('dashboard.panel.chartForm.content')}}</span>
<span style="cursor: pointer"><i class="nz-icon nz-icon-edit" @click="topologyDialogChange(true)"></i></span>
</div>
<!--topoData--> <!--topoData-->
<el-form-item v-if="editChart.type ==='diagram'" > <el-form-item v-if="editChart.type ==='diagram'" >
<div class="topology-box"> <div class="topology-box">

View File

@@ -304,35 +304,6 @@ export default {
{ key: 'Suspended', value: 2, name: 'Suspended' } { key: 'Suspended', value: 2, name: 'Suspended' }
] ]
this.titleSearchList.state.show = true this.titleSearchList.state.show = true
/*
const titleRequest = new Promise(resolve => {
this.$get('monitor/project', { pageSize: -1 }).then(res => {
if (res.code === 200) {
resolve(res.data.list)
}
})
})
const moduleRequest = new Promise(resolve => {
this.$get('monitor/module', { pageSize: -1 }).then(res => {
if (res.code === 200) {
resolve(res.data.list)
}
})
})
Promise.all([titleRequest, moduleRequest]).then(res => {
this.titleSearchList.project.children = res[0].map(item => {
return { key: item.name, value: item.id, name: item.name }
})
this.titleSearchList.module.children = res[1].map(item => {
return { key: item.name, value: item.id, name: item.name }
})
this.titleSearchList.state.children = [
{ key: 'Down', value: 0, name: 'Down' },
{ key: 'Up', value: 1, name: 'Up' },
{ key: 'Suspended', value: 2, name: 'Suspended' }
]
})
*/
}, },
batchModify () { batchModify () {
if (!this.batchDeleteObjs.length) { if (!this.batchDeleteObjs.length) {