fix: Provider和Applications快捷图表添加标题,以及修改增加提示框名称问题
This commit is contained in:
@@ -1,6 +1,17 @@
|
|||||||
.network-overview-apps {
|
.network-overview-apps {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
|
.network-overview-apps-header {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
.network-overview-apps-title {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #353636;
|
||||||
|
font-weight: 600;
|
||||||
|
height: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
.line-select-metric {
|
.line-select-metric {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
@@ -39,7 +50,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.app-cards {
|
.app-cards {
|
||||||
display: grid;
|
display: grid;
|
||||||
|
|||||||
@@ -1,5 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="network-overview-apps">
|
<div class="network-overview-apps">
|
||||||
|
<div class="network-overview-apps-header">
|
||||||
|
<div class="network-overview-apps-title">{{$t('networkOverview.appType.providerAndApp')}}</div>
|
||||||
<div class="line-select-metric">
|
<div class="line-select-metric">
|
||||||
<span>{{$t('network.metric')}}:</span>
|
<span>{{$t('network.metric')}}:</span>
|
||||||
<div class="line-select__operation">
|
<div class="line-select__operation">
|
||||||
@@ -15,6 +17,8 @@
|
|||||||
</el-select>
|
</el-select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="app-cards">
|
<div class="app-cards">
|
||||||
<div class="app-card" v-for="(app, index) in appData" :key="index">
|
<div class="app-card" v-for="(app, index) in appData" :key="index">
|
||||||
<div class="app-card-title">
|
<div class="app-card-title">
|
||||||
@@ -219,7 +223,7 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
timeFilter: {
|
timeFilter: {
|
||||||
handler (n) {
|
handler () {
|
||||||
this.init()
|
this.init()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -463,7 +467,6 @@ export default {
|
|||||||
},
|
},
|
||||||
addApp (pageNo, val, show) {
|
addApp (pageNo, val, show) {
|
||||||
this.showAddApp = true
|
this.showAddApp = true
|
||||||
const letter = 'abcdefghijklmnopqrstuvwxyz'
|
|
||||||
const params = {
|
const params = {
|
||||||
startTime: getSecond(this.timeFilter.startTime),
|
startTime: getSecond(this.timeFilter.startTime),
|
||||||
endTime: getSecond(this.timeFilter.endTime),
|
endTime: getSecond(this.timeFilter.endTime),
|
||||||
@@ -482,7 +485,7 @@ export default {
|
|||||||
} else {
|
} else {
|
||||||
params.pageNo = 1
|
params.pageNo = 1
|
||||||
}
|
}
|
||||||
if (this.appTypeTab == 0) {
|
if (this.appTypeTab === 0) {
|
||||||
params.type = 'overviewProvide'
|
params.type = 'overviewProvide'
|
||||||
get(api.dict, params).then(res => {
|
get(api.dict, params).then(res => {
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
@@ -507,7 +510,7 @@ export default {
|
|||||||
this.loading = false
|
this.loading = false
|
||||||
this.loadingBody = false
|
this.loadingBody = false
|
||||||
})
|
})
|
||||||
} else if (this.appTypeTab == 1) {
|
} else if (this.appTypeTab === 1) {
|
||||||
params.type = 'overviewApp'
|
params.type = 'overviewApp'
|
||||||
get(api.dict, params).then(res => {
|
get(api.dict, params).then(res => {
|
||||||
res.data.list = res.data.list.filter(l => !this.appData.some(pd => pd.type === 'app' && pd.name === l.value))
|
res.data.list = res.data.list.filter(l => !this.appData.some(pd => pd.type === 'app' && pd.name === l.value))
|
||||||
@@ -547,7 +550,7 @@ export default {
|
|||||||
cancelApp () {
|
cancelApp () {
|
||||||
this.showAddApp = false
|
this.showAddApp = false
|
||||||
},
|
},
|
||||||
appTypeTabChange (val) {
|
appTypeTabChange () {
|
||||||
this.pageObj.pageNo = 1
|
this.pageObj.pageNo = 1
|
||||||
this.searcherApp = ''
|
this.searcherApp = ''
|
||||||
this.addApp()
|
this.addApp()
|
||||||
|
|||||||
Reference in New Issue
Block a user