fix: Provider和Applications快捷图表添加标题,以及修改增加提示框名称问题

This commit is contained in:
刘洪洪
2022-10-20 16:13:05 +08:00
parent f9e6250e2a
commit ae8918f7f7
2 changed files with 58 additions and 44 deletions

View File

@@ -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;

View File

@@ -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()