|
|
@@ -30,7 +30,7 @@
|
|
|
<div class="flex flex-col items-center">
|
|
|
<!-- 功能图标占位符 -->
|
|
|
<div
|
|
|
- class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center mb-2 mx-auto transition-colors"
|
|
|
+ class="w-13 h-13 bg-blue-100 rounded-lg flex items-center justify-center mb-2 mx-auto transition-colors"
|
|
|
>
|
|
|
<img
|
|
|
:src="getIconByLabel(item.label)"
|
|
|
@@ -40,9 +40,16 @@
|
|
|
</div>
|
|
|
|
|
|
<!-- 功能名称 -->
|
|
|
- <span class="text-sm text-gray-700 truncate w-full px-1">{{
|
|
|
- item.label
|
|
|
- }}</span>
|
|
|
+ <span
|
|
|
+ :class="[
|
|
|
+ 'text-sm w-full px-1',
|
|
|
+ isSpecialSystem(item.label)
|
|
|
+ ? 'font-bold text-gray-800'
|
|
|
+ : 'text-gray-700',
|
|
|
+ ]"
|
|
|
+ >
|
|
|
+ {{ item.label }}
|
|
|
+ </span>
|
|
|
|
|
|
<!-- 标签 -->
|
|
|
<span
|
|
|
@@ -146,7 +153,16 @@ const iconMap: Record<string, string> = {
|
|
|
行业AI大模型: aiimage,
|
|
|
"AI智能体 (智能交互)": agentimage,
|
|
|
};
|
|
|
-
|
|
|
+const isSpecialSystem = (label: string) => {
|
|
|
+ const specialSystems = [
|
|
|
+ "OA办公系统",
|
|
|
+ "客户管理(CRM)",
|
|
|
+ "设备管理系统 (PMS)",
|
|
|
+ "中航北斗智慧管理系统",
|
|
|
+ "智能连油系统",
|
|
|
+ ];
|
|
|
+ return specialSystems.includes(label);
|
|
|
+};
|
|
|
// 根据标签获取对应图标
|
|
|
const getIconByLabel = (label: string) => {
|
|
|
return iconMap[label] || oaimage; // 默认返回oa图标，以防某些标签没有对应图标
|
