style: 拓扑图 细节优化

This commit is contained in:
zhangyu
2020-09-04 10:04:41 +08:00
parent dd684bfe93
commit 1c7f2689c8
5 changed files with 26 additions and 12 deletions

View File

@@ -1,7 +1,7 @@
<template>
<div class="main-content">
<div class="main-box">
<div class="main-box-title">Asset</div>
<div class="main-box-title">Assets</div>
<div class="main-box-content">
<div class="content-box">
<span class="content-title"><i class="el-icon-upload2 colorFFF bg23BF9A"></i>up</span>
@@ -15,7 +15,7 @@
</div>
<div class="main-box">
<div class="main-box-title">Endpoint</div>
<div class="main-box-title">Endpoints</div>
<div class="main-box-content">
<div class="content-box">
<span class="content-title"><i class="el-icon-upload2 colorFFF bg23BF9A"></i>up</span>
@@ -29,7 +29,7 @@
</div>
<div class="main-box">
<div class="main-box-title">Alert message</div>
<div class="main-box-title">Alert messages</div>
<div class="main-box-content">
<div class="content-box">
<span class="content-title"><i class="nz-icon nz-icon-jiantou-top colorFFF bg23BF9A"></i>high</span>

View File

@@ -11,7 +11,7 @@
<!-- end--顶部按钮-->
<!-- begin--标题-->
<div class="right-box-title">Alert list</div>
<div class="right-box-title">Alert messages</div>
<!-- end--标题-->
<!-- begin--表格-->

View File

@@ -5,6 +5,12 @@
.resize-box{
border: none;
}
.project-chart-title{
text-align: center;
}
.nz-chart-dropdown{
height: 75px;
}
</style>
<template>
<div class="nz-chart-resize">
@@ -12,7 +18,7 @@
<div class="resize-box resize-box-echarts" ref="resizeBox">
<div class="line-chart-block" :id="'lineChartDiv'+chartIndex" @mouseenter="mouseEnterChart" @mouseleave="mouseLeaveChart">
<loading :ref="'localLoading'+chartIndex"></loading>
<div class="clearfix chartTitle" :class="{'drag-disabled': this.filter.from == 'alertRule'}" :id="'chartTitle'+chartIndex" >
<div class="clearfix project-chart-title" :class="{'drag-disabled': this.filter.from == 'alertRule'}" :id="'chartTitle'+chartIndex" >
<el-popover
v-if="isError"
placement="top-start"
@@ -41,7 +47,7 @@
</span>
<el-dropdown trigger="click" class="nz-chart-top" :key="'chartDropdown'+chartIndex" v-clickoutside="clickos">
<el-dropdown-menu style="display: none"></el-dropdown-menu>
<span class="el-dropdown-link chart-title" @click="dropdownMenuShow=!dropdownMenuShow">
<span class="el-dropdown-link" @click="dropdownMenuShow=!dropdownMenuShow">
<span class="chart-title-text">{{chartData.title}}</span>
<span class="chart-title-icon" v-if="filter.from != 'alertRule'"><i class="el-icon-caret-bottom el-icon--right" :class="{'visible':caretShow,'hidden':!caretShow}"></i></span>
</span>