银川 1.联调产品维护页面 2.添加IM即时通讯模块

gaoluyang

2026-06-29 27cd042df9aca0383a49f3514bc21958dd890912

 src/layouts/basic.vue

@@ -1,21 +1,21 @@
<script lang="ts" setup>
import type { NotificationItem } from '..\packages\effects\layouts\src';
import type { NotificationItem } from '../packages/effects/layouts/src';

import type { SystemTenantApi } from '#/api/system/tenant';

import { computed, onMounted, ref, watch } from 'vue';

import { useAccess } from '..\packages\effects\access\src';
import { AuthenticationLoginExpiredModal, useVbenModal } from '..\packages\effects\common-ui\src';
import { VBEN_DOC_URL, VBEN_GITHUB_URL } from '..\packages\constants\src';
import { isTenantEnable, useTabs, useWatermark } from '..\packages\effects\hooks\src';
import { useAccess } from '../packages/effects/access/src';
import { AuthenticationLoginExpiredModal, useVbenModal } from '../packages/effects/common-ui/src';
import { VBEN_DOC_URL, VBEN_GITHUB_URL } from '../packages/constants/src';
import { isTenantEnable, useTabs, useWatermark } from '../packages/effects/hooks/src';
import {
  AntdProfileOutlined,
  BookOpenText,
  CircleHelp,
  IconifyIcon,
  SvgGithubIcon,
} from '..\packages\icons\src';
} from '../packages/icons/src';
import {
  BasicLayout,
  Help,
@@ -23,12 +23,12 @@
  Notification,
  TenantDropdown,
  UserDropdown,
} from '..\packages\effects\layouts\src';
import { preferences, usePreferences } from '..\packages\preferences\src';
import { useAccessStore, useUserStore } from '..\packages\stores\src';
import { formatDateTime, openWindow } from '..\packages\utils\src';
} from '../packages/effects/layouts/src';
import { preferences, usePreferences } from '../packages/preferences/src';
import { useAccessStore, useUserStore } from '../packages/stores/src';
import { formatDateTime, openWindow } from '../packages/utils/src';

import { message, Tooltip } from 'ant-design-vue';
import { message } from 'ant-design-vue';

import {
  getUnreadNotifyMessageCount,
@@ -66,31 +66,31 @@
    icon: AntdProfileOutlined,
    text: $t('ui.widgets.profile'),
  },
  {
    handler: () => {
      openWindow(VBEN_DOC_URL, {
        target: '_blank',
      });
    },
    icon: BookOpenText,
    text: $t('ui.widgets.document'),
  },
  {
    handler: () => {
      openWindow(VBEN_GITHUB_URL, {
        target: '_blank',
      });
    },
    icon: SvgGithubIcon,
    text: 'GitHub',
  },
  {
    handler: () => {
      helpModalApi.open();
    },
    icon: CircleHelp,
    text: $t('ui.widgets.qa'),
  },
  // {
  //   handler: () => {
  //     openWindow(VBEN_DOC_URL, {
  //       target: '_blank',
  //     });
  //   },
  //   icon: BookOpenText,
  //   text: $t('ui.widgets.document'),
  // },
  // {
  //   handler: () => {
  //     openWindow(VBEN_GITHUB_URL, {
  //       target: '_blank',
  //     });
  //   },
  //   icon: SvgGithubIcon,
  //   text: 'GitHub',
  // },
  // {
  //   handler: () => {
  //     helpModalApi.open();
  //   },
  //   icon: CircleHelp,
  //   text: $t('ui.widgets.qa'),
  // },
]);

const avatar = computed(() => {
@@ -155,12 +155,6 @@
  }
  handleNotificationGetList();
  handleNotificationGetUnreadCount();
}

/** 打开 IM 聊天 */
function handleOpenImHome() {
  const { href } = router.resolve({ name: 'ImHome' });
  window.open(href, '_blank');
}

// 租户列表
@@ -299,7 +293,7 @@
        @on-click="handleClick"
      />
    </template>
    <template #header-right-1>
    <!-- <template #header-right-1>
      <div v-if="tenantEnable">
        <TenantDropdown
          class="mr-2"
@@ -308,18 +302,7 @@
          @success="handleTenantChange"
        />
      </div>
    </template>
    <template #header-right-900>
      <Tooltip title="IM 聊天">
        <button
          class="hover:bg-accent hover:text-accent-foreground mr-1 inline-flex size-8 items-center justify-center rounded-md transition-colors"
          type="button"
          @click="handleOpenImHome"
        >
          <IconifyIcon class="size-4" icon="lucide:message-circle" />
        </button>
      </Tooltip>
    </template>
    </template> -->
    <template #extra>
      <AuthenticationLoginExpiredModal
        v-model:open="accessStore.loginExpired"