mirror of
https://github.com/1Panel-dev/1Panel.git
synced 2025-12-09 20:05:54 +08:00
37 lines
803 B
Vue
37 lines
803 B
Vue
<template>
|
|
<el-tag :type="getType(status)" round effect="light">
|
|
{{ $t('commons.status.' + status) }}
|
|
<el-icon v-if="status === 'installing'" class="is-loading">
|
|
<Loading />
|
|
</el-icon>
|
|
</el-tag>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { onMounted, ref } from 'vue';
|
|
|
|
const props = defineProps({
|
|
status: {
|
|
type: String,
|
|
default: 'runnning',
|
|
},
|
|
});
|
|
let status = ref('running');
|
|
|
|
const getType = (status: string) => {
|
|
switch (status) {
|
|
case 'running':
|
|
return 'success';
|
|
case 'error':
|
|
return 'danger';
|
|
case 'stopped':
|
|
return 'danger';
|
|
default:
|
|
return '';
|
|
}
|
|
};
|
|
|
|
onMounted(() => {
|
|
status.value = props.status.toLocaleLowerCase();
|
|
});
|
|
</script>
|