ow

WebVue/src/components/dashboard/DashboardGroupCard.vue

@@ -17,8 +17,9 @@
                     <span class="row-title">{{ it.FunctionLocalName }}</span>
                     <span v-if="subtitleOf(it)" class="row-sub">{{ subtitleOf(it) }}</span>
                 </span>
-                <span class="row-glyph" :style="{ background: soft, color }">
-                    <cust-icon-font :type="icon" :size="18" />
+                <span class="row-glyph" :style="{ background: soft, color }" title="使用帮助"
+                    @click.stop="onHelp(it)">
+                    <cust-icon-font type="icon-help" :size="18" />
                 </span>
             </a>
         </div>
@@ -50,6 +51,8 @@ const props = defineProps<{
 
 const emit = defineEmits<{
     (e: "navigate", route: string): void;
+    /** 点击行尾圆形图标：请求打开该功能的新手帮助 */
+    (e: "help", item: GroupCardItem): void;
 }>();
 
 const coverStyle = computed(() =>
@@ -59,11 +62,14 @@ const coverStyle = computed(() =>
 );
 
 /** 副标题优先取自定义 subtitle，其次回落英文名；都为空则不渲染该行 */
-const subtitleOf = (it: GroupCardItem) => (it.subtitle || it.FunctionEngName || "").trim();
+const subtitleOf = (it: GroupCardItem) => (it.subtitle || it.Remark || "").trim();
 
 const onClick = (route?: string) => {
     if (route) emit("navigate", route);
 };
+
+/** 点击行尾圆形图标：请求帮助（.stop 已阻止它冒泡到整行的路由跳转） */
+const onHelp = (it: GroupCardItem) => emit("help", it);
 </script>
 
 <style lang="less" scoped>
@@ -196,6 +202,20 @@ const onClick = (route?: string) => {
     width: 34px;
     height: 34px;
     border-radius: 50%;
+    cursor: pointer;
+    -webkit-tap-highlight-color: transparent;
+    transition:
+        transform 0.16s ease,
+        box-shadow 0.16s ease;
+
+    /* 悬停 / 按下给出反馈，提示这里是打开「使用帮助」的入口 */
+    &:hover {
+        box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.06);
+    }
+
+    &:active {
+        transform: scale(0.9);
+    }
 }
 
 @media (min-width: 1200px) {