From 27cd042df9aca0383a49f3514bc21958dd890912 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期一, 29 六月 2026 15:42:23 +0800
Subject: [PATCH] 银川 1.联调产品维护页面 2.添加IM即时通讯模块
---
src/views/im/home/components/card/card-line-label.vue | 29 +++++++++++++++++++++++++++++
1 files changed, 29 insertions(+), 0 deletions(-)
diff --git a/src/views/im/home/components/card/card-line-label.vue b/src/views/im/home/components/card/card-line-label.vue
new file mode 100644
index 0000000..b722328
--- /dev/null
+++ b/src/views/im/home/components/card/card-line-label.vue
@@ -0,0 +1,29 @@
+<script lang="ts" setup>
+import { computed } from 'vue'
+
+import { IconifyIcon as Icon } from '#/packages/icons/src'
+
+import { getCardLabelInfo } from '#/views/im/utils/message'
+
+defineOptions({ name: 'ImCardLineLabel' })
+
+const props = withDefaults(
+ defineProps<{
+ /** 鍚嶇墖鏁版嵁锛涘彧璇� targetType / name 娲剧敓鏍囩 + 鏄剧ず锛岀粨鏋勬�х被鍨嬪吋瀹� CardMessage / 寮曠敤棰勮鐨� partial */
+ card: null | undefined | { name?: string; targetType?: number; }
+ iconSize?: number
+ }>(),
+ { iconSize: 14 }
+)
+
+/** 鏍囩 + 鍥炬爣鎸� targetType 浜屽垎锛涘厹搴曘�屼釜浜哄悕鐗囥�嶉伩鍏� null 鏃� UI 绌虹櫧 */
+const labelInfo = computed(() => getCardLabelInfo(props.card))
+</script>
+
+<template>
+ <!-- 鍚嶇墖鍗曡 inline label锛氥�孾icon] 缇ゅ悕鐗� / 涓汉鍚嶇墖锛歺x銆嶏紱鍒楄〃鎽樿 / 寮曠敤棰勮 / 鍚庡彴棰勮澶嶇敤 -->
+ <span class="inline-flex gap-1.5 items-center">
+ <Icon :icon="labelInfo.icon" :size="iconSize" />
+ <span>{{ labelInfo.label }}锛歿{ card?.name || '' }}</span>
+ </span>
+</template>
--
Gitblit v1.9.3