gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: diagnosis 页面 dialog 关闭时用时清空

Browse Source
This commit is contained in:
likexuan
2023-02-14 11:45:11 +08:00
parent 057c042282
commit e6a4ca2a32
2 changed files with 26 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
nezha-fronted/src/assets/css/components/common/diagnosisTab.scss
View File

@@ -36,10 +36,17 @@
margin-bottom: 4px;
}
.dialog-header-item{
display: flex;
text-transform: uppercase;
color: $--color-text-secondary;
span{
&>div{
display: flex;
align-items: center;
margin-right: 10px;
.active-icon{
width: 6px;
height: 6px;
}
}
}
}
@@ -61,11 +68,11 @@
transform: rotate(270deg);
}
td.el-table__expanded-cell {
padding: 15px 0 15px 45px;
padding: 15px 0 15px 34px;
background-color: $--background-color-empty !important;
}
td.el-table__expanded-cell:hover {
padding: 15px 0 15px 45px;
padding: 15px 0 15px 34px;
background-color: $--background-color-base !important;
}
.expand-details{
@@ -76,7 +83,15 @@
background: $--background-color-empty;
td{
border-color: $--border-color-light;
}
i.nz-icon{
font-size: 14px;
}
&:nth-of-type(1){
.cell{
padding-right: 0;
}
}
}
&:nth-last-of-type(1){
td{
border-color: transparent;

13
nezha-fronted/src/components/common/diagnosisTab.vue
View File

@@ -18,7 +18,7 @@
<div class="dialog-header-l">
<i class="nz-icon nz-icon-Diagnosis1"></i>
<div>
<div class="dialog-header-name">{{$t('project.endpoint.endpointName')}}</div>
<div class="dialog-header-name">{{diagnosisTabData.row.name}}</div>
<div v-html="suspendedStr(diagnosisTabData.row.configs[0].state)" class="dialog-header-item">
</div>
</div>
@@ -128,8 +128,8 @@ export default {
{
label: 'state',
prop: 'state',
minWidth: 34,
width: 34
minWidth: 24,
width: 24
}, {
label: 'name',
prop: 'item',
@@ -187,13 +187,13 @@ export default {
let str = ''
arr.forEach((item, index) => {
if (index === 0) {
str += `<span><i class="active-icon inline-block ${item == '0' ? 'gray-bg' : 'green-bg'}"></i> DC</span>`
str += `<div><i class="active-icon inline-block ${item == '0' ? 'gray-bg' : 'green-bg'}"></i> DC</div>`
}
if (index === 1) {
str += `<span><i class="active-icon inline-block ${item == '0' ? 'gray-bg' : 'green-bg'}"></i> ASSET</span>`
str += `<div><i class="active-icon inline-block ${item == '0' ? 'gray-bg' : 'green-bg'}"></i> ASSET</div>`
}
if (index === 2) {
str += `<span><i class="active-icon inline-block ${item == '0' ? 'gray-bg' : 'green-bg'}"></i> ENDPOINT</span>`
str += `<div><i class="active-icon inline-block ${item == '0' ? 'gray-bg' : 'green-bg'}"></i> ENDPOINT</div>`
}
})
return str
@@ -225,6 +225,7 @@ export default {
dialogVisible (n) {
if (!n) {
this.$store.dispatch('dispatchShowDiagnosisTab', false)
this.elapsedTime = 0
}
}
},