NEZ-850 perf: topo/diagram样式调整
This commit is contained in:
@@ -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
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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) {
|
||||||
|
|||||||
Reference in New Issue
Block a user