diff --git a/apps/web-antd/public/wx-xingyu.png b/apps/web-antd/public/wx-xingyu.png new file mode 100644 index 00000000..5e4b6017 Binary files /dev/null and b/apps/web-antd/public/wx-xingyu.png differ diff --git a/apps/web-antd/src/layouts/basic.vue b/apps/web-antd/src/layouts/basic.vue index 733c4a6a..86f44466 100644 --- a/apps/web-antd/src/layouts/basic.vue +++ b/apps/web-antd/src/layouts/basic.vue @@ -3,7 +3,7 @@ import type { NotificationItem } from '@vben/layouts'; import { computed, onMounted, ref, watch } from 'vue'; -import { AuthenticationLoginExpiredModal } from '@vben/common-ui'; +import { AuthenticationLoginExpiredModal, useVbenModal } from '@vben/common-ui'; import { VBEN_DOC_URL, VBEN_GITHUB_URL } from '@vben/constants'; import { useWatermark } from '@vben/hooks'; import { @@ -33,6 +33,8 @@ import { router } from '#/router'; import { useAuthStore } from '#/store'; import LoginForm from '#/views/_core/authentication/login.vue'; +import Help from './components/help.vue'; + const userStore = useUserStore(); const authStore = useAuthStore(); const accessStore = useAccessStore(); @@ -42,6 +44,10 @@ const notifications = ref([]); const unreadCount = ref(0); const showDot = computed(() => unreadCount.value > 0); +const [HelpModal, helpModalApi] = useVbenModal({ + connectedComponent: Help, +}); + const menus = computed(() => [ { handler: () => { @@ -70,9 +76,7 @@ const menus = computed(() => [ }, { handler: () => { - openWindow(`${VBEN_GITHUB_URL}/issues`, { - target: '_blank', - }); + helpModalApi.open(); }, icon: CircleHelp, text: $t('ui.widgets.qa'), @@ -210,4 +214,5 @@ watch( + diff --git a/apps/web-antd/src/layouts/components/help.vue b/apps/web-antd/src/layouts/components/help.vue new file mode 100644 index 00000000..4d19a8e9 --- /dev/null +++ b/apps/web-antd/src/layouts/components/help.vue @@ -0,0 +1,93 @@ + +