2021-06-30 13:04:58 +00:00
|
|
|
<template>
|
2021-07-13 04:16:11 +00:00
|
|
|
<span class="badge rounded-pill" :class=" 'bg-' + color ">{{ text }}</span>
|
2021-06-30 13:04:58 +00:00
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
export default {
|
|
|
|
props: {
|
2021-07-27 17:47:13 +00:00
|
|
|
status: Number,
|
2021-06-30 13:04:58 +00:00
|
|
|
},
|
|
|
|
|
|
|
|
computed: {
|
|
|
|
color() {
|
|
|
|
if (this.status === 0) {
|
|
|
|
return "danger"
|
2021-07-27 18:03:53 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
if (this.status === 1) {
|
2021-06-30 13:04:58 +00:00
|
|
|
return "primary"
|
2021-07-27 18:03:53 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
if (this.status === 2) {
|
2021-07-19 16:23:06 +00:00
|
|
|
return "warning"
|
2021-06-30 13:04:58 +00:00
|
|
|
}
|
2021-07-27 17:47:13 +00:00
|
|
|
|
2021-07-27 17:53:59 +00:00
|
|
|
return "secondary"
|
2021-06-30 13:04:58 +00:00
|
|
|
},
|
|
|
|
|
|
|
|
text() {
|
|
|
|
if (this.status === 0) {
|
2021-08-24 10:26:44 +00:00
|
|
|
return this.$t("Down");
|
2021-07-27 18:03:53 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
if (this.status === 1) {
|
2021-08-24 10:26:44 +00:00
|
|
|
return this.$t("Up");
|
2021-07-27 18:03:53 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
if (this.status === 2) {
|
2021-08-24 10:26:44 +00:00
|
|
|
return this.$t("Pending");
|
2021-06-30 13:04:58 +00:00
|
|
|
}
|
2021-07-27 17:47:13 +00:00
|
|
|
|
2021-08-24 10:26:44 +00:00
|
|
|
return this.$t("Unknown");
|
2021-06-30 13:04:58 +00:00
|
|
|
},
|
2021-07-27 17:47:13 +00:00
|
|
|
},
|
2021-06-30 13:04:58 +00:00
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped>
|
2021-07-13 04:16:11 +00:00
|
|
|
span {
|
2021-08-03 02:57:56 +00:00
|
|
|
width: 64px;
|
2021-07-13 04:16:11 +00:00
|
|
|
}
|
2021-06-30 13:04:58 +00:00
|
|
|
</style>
|