Files
mayfly-go/frontend/src/views/ops/mongo/resource/NodeMongo.vue
2025-08-31 21:46:10 +08:00

29 lines
1.1 KiB
Vue

<template>
<BaseTreeNode v-bind="$attrs">
<template #prefix="{ data }">
<el-popover :show-after="500" placement="right-start" :title="$t('common.detail')" trigger="hover" :width="250">
<template #reference>
<SvgIcon :name="ResourceTypeEnum.Mongo.extra.icon" :color="ResourceTypeEnum.Mongo.extra.iconColor" :size="13" />
</template>
<template #default>
<el-descriptions :column="1" size="small">
<el-descriptions-item :label="$t('common.name')">
{{ data.params.name }}
</el-descriptions-item>
<el-descriptions-item label="url">
{{ data.params.uri }}
</el-descriptions-item>
</el-descriptions>
</template>
</el-popover>
</template>
</BaseTreeNode>
</template>
<script lang="ts" setup>
import { ResourceTypeEnum } from '@/common/commonEnum';
import BaseTreeNode from '@/views/ops/resource/BaseTreeNode.vue';
</script>
<style lang="scss"></style>