perf(pref_ticket_badge): 优化badge的背景色

This commit is contained in:
jym503558564
2020-09-07 14:44:45 +08:00
committed by 老广
parent e222d147f6
commit 30161c7178

View File

@@ -1,6 +1,6 @@
<template> <template>
<TabPage :active-menu.sync="config.activeMenu" :submenu="config.submenu"> <TabPage :active-menu.sync="config.activeMenu" :submenu="config.submenu">
<el-badge slot="badge" slot-scope="props" :value="getBadgeValue(props)" size="mini" /> <el-badge v-if="props.tab === 'AssignedTicketList'" slot="badge" slot-scope="props" :value="getBadgeValue(props)" size="mini" type="primary" />
<keep-alive> <keep-alive>
<component :is="config.activeMenu" /> <component :is="config.activeMenu" />
</keep-alive> </keep-alive>
@@ -22,7 +22,6 @@ export default {
}, },
data() { data() {
return { return {
myTicketOpenCount: 0,
assignedTicketCount: 0, assignedTicketCount: 0,
config: { config: {
activeMenu: 'MyTicketList', activeMenu: 'MyTicketList',
@@ -44,17 +43,11 @@ export default {
}, },
methods: { methods: {
getTicketOpenCount() { getTicketOpenCount() {
getTicketOpenCount(0).then(data => {
this.myTicketOpenCount = data.count
})
getTicketOpenCount(1).then(data => { getTicketOpenCount(1).then(data => {
this.assignedTicketCount = data.count this.assignedTicketCount = data.count
}) })
}, },
getBadgeValue(props) { getBadgeValue(props) {
if (props.tab === 'MyTicketList') {
return this.myTicketOpenCount
}
return this.assignedTicketCount return this.assignedTicketCount
} }
} }
@@ -62,5 +55,8 @@ export default {
</script> </script>
<style scoped> <style scoped>
.primary {
background-color: #1ab394;
}
</style> </style>