chore: 调整help-问题&帮助 页面内容

packages/effects/layouts/src/widgets/help/help.vue

@@ -3,7 +3,7 @@ import { $t } from '@vben/locales';
 import { openWindow } from '@vben/utils';
 
 import { useVbenModal } from '@vben-core/popup-ui';
-import { Badge, VbenButton, VbenButtonGroup } from '@vben-core/shadcn-ui';
+import { VbenButton, VbenButtonGroup } from '@vben-core/shadcn-ui';
 
 import { useMagicKeys, whenever } from '@vueuse/core';
 
@@ -26,81 +26,61 @@ const [Modal, modalApi] = useVbenModal({
 });
 </script>
 <template>
-  <Modal class="w-1/3" :title="$t('ui.widgets.qa')">
-    <div class="mt-2 flex flex-col">
-      <div class="mt-2 flex flex-col">
-        <VbenButtonGroup class="basis-1/3" :gap="2" border size="large">
-          <p class="w-24 p-2">项目地址:</p>
-          <VbenButton
-            variant="link"
-            @click="
-              openWindow('https://gitee.com/yudaocode/yudao-ui-admin-vben')
-            "
-          >
-            Gitee
-          </VbenButton>
-          <VbenButton
-            variant="link"
-            @click="
-              openWindow('https://github.com/yudaocode/yudao-ui-admin-vben')
-            "
-          >
-            Github
-          </VbenButton>
-        </VbenButtonGroup>
-
-        <VbenButtonGroup class="basis-1/3" :gap="2" border size="large">
-          <p class="w-24 p-2">issues:</p>
-          <VbenButton
-            variant="link"
-            @click="
-              openWindow(
-                'https://gitee.com/yudaocode/yudao-ui-admin-vben/issues',
-              )
-            "
-          >
-            Gitee
-          </VbenButton>
-          <VbenButton
-            variant="link"
-            @click="
-              openWindow(
-                'https://github.com/yudaocode/yudao-ui-admin-vben/issues',
-              )
-            "
-          >
-            Github
-          </VbenButton>
-        </VbenButtonGroup>
-
-        <VbenButtonGroup class="basis-1/3" :gap="2" border size="large">
-          <p class="w-24 p-2">开发文档:</p>
-          <VbenButton
-            variant="link"
-            @click="openWindow('https://doc.iocoder.cn/quick-start/')"
-          >
-            项目文档
-          </VbenButton>
-          <VbenButton variant="link" @click="openWindow('https://antdv.com/')">
-            antdv 文档
-          </VbenButton>
-        </VbenButtonGroup>
+  <Modal class="w-[500px]" :title="$t('ui.widgets.qa')">
+    <div class="mt-2 flex flex-col gap-4">
+      <!-- 使用指南 -->
+      <div class="rounded-lg border border-slate-200 bg-slate-50 p-4">
+        <h4 class="mb-2 text-sm font-semibold text-slate-700">使用指南</h4>
+        <ul class="space-y-1 text-xs text-slate-600">
+          <li>• 工作台：查看实时客流监测、工单趋势和待办事项</li>
+          <li>• 任务管理：点击任务可查看详情、标记完成或删除</li>
+          <li>• 数据筛选：使用筛选功能按优先级查看任务</li>
+          <li>• 快捷键：Alt + H 打开帮助，Alt + L 锁定屏幕，Alt + Q 退出登录</li>
+        </ul>
       </div>
 
-      <div class="mt-2 flex justify-start">
-        <p class="w-24 p-2">软件外包:</p>
-        <img
-          src="/wx-xingyu.png"
-          alt="数舵科技"
-          class="cursor-pointer"
-          width="80%"
-          @click="openWindow('https://shuduokeji.com')"
-        />
+      <!-- 常见问题 -->
+      <div class="rounded-lg border border-slate-200 bg-slate-50 p-4">
+        <h4 class="mb-2 text-sm font-semibold text-slate-700">常见问题</h4>
+        <div class="space-y-2 text-xs text-slate-600">
+          <div>
+            <p class="font-medium">Q: 如何查看任务详情？</p>
+            <p class="ml-4 text-slate-500">A: 点击任务列表中的任意任务即可查看详情</p>
+          </div>
+          <div>
+            <p class="font-medium">Q: 如何筛选任务？</p>
+            <p class="ml-4 text-slate-500">A: 点击任务列表右上角的"筛选"按钮，选择优先级</p>
+          </div>
+          <div>
+            <p class="font-medium">Q: 图表数据如何刷新？</p>
+            <p class="ml-4 text-slate-500">A: 点击卡片右上角的刷新按钮即可更新数据</p>
+          </div>
+        </div>
+      </div>
+
+      <!-- 联系方式 -->
+      <div class="rounded-lg border border-slate-200 bg-slate-50 p-4">
+        <h4 class="mb-2 text-sm font-semibold text-slate-700">技术支持</h4>
+        <VbenButtonGroup class="w-full" :gap="2" border size="large">
+          <VbenButton
+            variant="outline"
+            class="flex-1"
+            @click="modalApi.close()"
+          >
+            AI咨询
+          </VbenButton>
+          <VbenButton
+            variant="outline"
+            class="flex-1"
+            @click="modalApi.close()"
+          >
+            联系客服
+          </VbenButton>
+        </VbenButtonGroup>
+        <p class="mt-2 text-center text-xs text-slate-500">
+          如有问题，请联系系统管理员或技术支持团队
+        </p>
       </div>
-      <p class="mt-2 flex justify-center pt-4 text-sm italic">
-        本项目采用 <Badge class="mx-2" variant="destructive">MIT</Badge>
-        开源协议，个人与企业可100% 免费使用
-      </p>
     </div>
   </Modal>
 </template>