From 3697fcee9387250faeabee3caaf758853629df18 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=98=E6=B0=91=E5=BA=B7?= <fuminkang@apexsoft.com.cn>
Date: Tue, 6 May 2025 14:44:35 +0800
Subject: [PATCH] =?UTF-8?q?AI=E5=8A=A9=E6=89=8B=E9=A1=B5=E9=9D=A2=E5=BC=80?=
 =?UTF-8?q?=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/imgs/jyh/ai/aiLogo.png | Bin 0 -> 6598 bytes
 src/layouts/AILayout/aside.vue    | 273 ++++++++++++++++++++++++++++++
 src/layouts/AILayout/index.vue    | 212 +++++++++++++++++++++++
 src/router/config/home.ts         |  22 +++
 4 files changed, 507 insertions(+)
 create mode 100644 src/assets/imgs/jyh/ai/aiLogo.png
 create mode 100644 src/layouts/AILayout/aside.vue
 create mode 100644 src/layouts/AILayout/index.vue

diff --git a/src/assets/imgs/jyh/ai/aiLogo.png b/src/assets/imgs/jyh/ai/aiLogo.png
new file mode 100644
index 0000000000000000000000000000000000000000..417cb1c5c14b98580c3977bc4888f736a97bd68a
GIT binary patch
literal 6598
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
Ef}-yDV*mgE

literal 0
HcmV?d00001

diff --git a/src/layouts/AILayout/aside.vue b/src/layouts/AILayout/aside.vue
new file mode 100644
index 0000000..6299593
--- /dev/null
+++ b/src/layouts/AILayout/aside.vue
@@ -0,0 +1,273 @@
+<script lang="ts" setup>
+import { ref, watchEffect } from 'vue';
+import { useRouter, useRoute } from 'vue-router';
+import { useAccountStore } from '@/stores/user';
+import { usePageResize } from '@/utils/hooks/usePageResize';
+import { emitEvent } from '@/utils/eventBus';
+import setting from '@/setting';
+const { copyright } = setting;
+
+defineProps<{ asideDefaultWidth: number; }>();
+const emit = defineEmits<{
+  onSelect: [];
+}>();
+
+const userStore = useAccountStore();
+const sizeStore = usePageResize();
+const router = useRouter();
+const route = useRoute();
+const defaultSelectKeys = ref<string[]>([]);
+/**
+ * 跳转菜单，转向子应用路由 或 自身路由
+ */
+const onSelect = (e) => {
+  const route: { microApp?: string, name: string; login?: boolean; } = JSON.parse(e.el.parentNode.getAttribute('data-route'));
+  if (route) {
+    if (route.login && !userStore.isLogin) {
+      if (sizeStore.isMobile.value) {
+        emit('onSelect');
+      }
+      emitEvent('login');
+      return;
+    }
+    location.href = router.resolve(route).href;
+    // if (route?.microApp) {
+    //   if (microApp.router.current.has(route?.microApp)) {
+    //     microApp.router.push({
+    //       name: 'micoro-app-homeweb-app',
+    //       path: router.resolve(route).href
+    //     });
+    //   } else {
+    //     router.push(route);
+    //   }
+    // } else {
+    //   router.push(route);
+    // }
+  }
+  emit('onSelect');
+};
+const menuItemRouteName = ['home', 'gStar',  'aiCopilot', 'contributed', 'issues', 'merge', 'discussionCreated', 'explore', 'userFollowing', 'userStars'];
+watchEffect(() => {
+  // 回显高亮menuitem
+  const name = route?.name as string;
+  if (menuItemRouteName.includes(name)) {
+    defaultSelectKeys.value = [name];
+  } else {
+    const basePath = route.meta.basePath as string;
+    if (basePath) defaultSelectKeys.value = [basePath];
+  }
+});
+</script>
+<template>
+  <div class="side-bar-content">
+    <d-menu @select="onSelect" :open-keys="['work']" mode="vertical" :default-select-keys="defaultSelectKeys" class="menu"
+      :key="defaultSelectKeys">
+      <!-- 首页 -->
+      <d-menu-item v-for="item in [
+        { key: 'home', icon: 'gt-plane-home', activeIcon: 'gt-plane-home-red', label: '首页', route: { name: 'home', microApp: 'micoro-app-homeweb-app' } },
+        // { key: 'gStar', icon: 'gt-plane-GStar', activeIcon: 'gt-plane-GStar-red', label: 'G-Star', route: { name: 'gStar', microApp: 'micoro-app-homeweb-app' } },
+        // { key: 'my-project', icon: 'gt-plane-new', activeIcon: 'gt-plane-new-red', label: '资源中心', route: undefined },
+        // { key: 'aiCopilot', icon: 'gt-plane-ai', activeIcon: 'gt-plane-ai-red', label: 'AI Copilot', route: { name: 'aiCopilot', microApp: 'copilot-app' } },
+      ]" :key="item.key" :data-route="item.route ? JSON.stringify(item.route) : ''">
+        <template #icon>
+          <g-icon :name="defaultSelectKeys.some(e => item.key === e) ? item.activeIcon : item.icon"
+            class="default-icon"></g-icon>
+          <g-icon :name="item.activeIcon" class="active-icon"></g-icon>
+        </template>
+        <span>{{ item.label }}</span>
+      </d-menu-item>
+
+      <!-- 个人工作台 -->
+<!--      <hr class="line">-->
+<!--      <d-sub-menu title="个人工作台" key="work" class="my-work-platform submenu-item">-->
+<!--        <d-menu-item v-for="item in [-->
+<!--          { key: 'contributed', icon: 'gt-plane-project', activeIcon: 'gt-plane-project-red', label: '参与的项目', route: { name: 'contributed', login: true } },-->
+<!--          { key: 'issues', icon: 'gt-plane-issues', activeIcon: 'gt-plane-issues-red', label: 'Issues', route: { name: 'issues', login: true } },-->
+<!--          { key: 'merge', icon: 'gt-plane-pullRequest', activeIcon: 'gt-plane-pullRequest-red', label: 'PR', route: { name: 'merge', login: true } },-->
+<!--          { key: 'discussionCreated', icon: 'gt-plane-discussions', activeIcon: 'gt-plane-discussions-red', label: '讨论', route: { name: 'discussionCreated', login: true } },-->
+<!--        ]" :key="item.key" :data-route="item.route ? JSON.stringify(item.route) : ''">-->
+<!--          <template #icon>-->
+<!--            <g-icon :name="defaultSelectKeys.some(e => item.key === e) ? item.activeIcon : item.icon"-->
+<!--              class="default-icon"></g-icon>-->
+<!--            <g-icon :name="item.activeIcon" class="active-icon"></g-icon>-->
+<!--          </template>-->
+<!--          <span>{{ item.label }}</span>-->
+<!--        </d-menu-item>-->
+<!--      </d-sub-menu>-->
+
+<!--      &lt;!&ndash; 发现 &ndash;&gt;-->
+<!--      <hr class="line">-->
+<!--      <div class="py-[10px] px-[16px] text-[#1D1F3A] leading-[20px]">发现</div>-->
+<!--      <d-menu-item v-for="item in [-->
+<!--        // { key: 'explore', icon: 'gt-plane-search', activeIcon: 'gt-plane-search-red', label: '探索开源', route: { name: 'explore', microApp: 'micoro-app-homeweb-app' } },-->
+<!--        { key: 'userFollowing', icon: 'gt-plane-subscribed', activeIcon: 'gt-plane-subscribed-red', label: '我的关注', route: { name: 'userFollowing', microApp: 'user-center', params: { namespace: userStore.accountInfo.username }, login: true } },-->
+<!--        { key: 'userStars', icon: 'gt-plane-star', activeIcon: 'gt-plane-star-red', label: 'Starred', route: { name: 'userStars', microApp: 'user-center', params: { namespace: userStore.accountInfo.username }, login: true } },-->
+<!--      ]" :key="item.key" :data-route="item.route ? JSON.stringify(item.route) : ''">-->
+<!--        <template #icon>-->
+<!--          <g-icon :name="defaultSelectKeys.some(e => item.key === e) ? item.activeIcon : item.icon"-->
+<!--            class="default-icon"></g-icon>-->
+<!--          <g-icon :name="item.activeIcon" class="active-icon"></g-icon>-->
+
+<!--        </template>-->
+<!--        <span>{{ item.label }}</span>-->
+<!--      </d-menu-item>-->
+
+<!--      <hr class="line">-->
+<!--      <g-link class="menu-item-link" target="_blank" href="https://gitcode.com/Gitcode-offical-team/GitCode-Docs/wiki">-->
+<!--        <g-icon name="gt-plane-document" class="default-icon" /><g-icon name="gt-plane-document-red"-->
+<!--          class="active-icon" />&nbsp;-->
+<!--        <span>帮助文档</span>&nbsp;-->
+<!--        <g-icon name="gt-line-open" class="!inline-flex align-middle" />-->
+<!--      </g-link>-->
+<!--      <g-link class="menu-item-link" target="_blank" href="https://gitcode.com/Gitcode-offical-team/GitCode-Docs/issues">-->
+<!--        <g-icon name="gt-plane-feedback" class="default-icon" /><g-icon name="gt-plane-feedback-red"-->
+<!--          class="active-icon" />&nbsp;-->
+<!--        <span>反馈中心</span>&nbsp;-->
+<!--        <g-icon name="gt-line-open" class="!inline-flex align-middle" />-->
+<!--      </g-link>-->
+    </d-menu>
+
+<!--    <hr class="line">-->
+<!--    <div class="aside-footer">-->
+<!--      <p class="whitespace-nowrap">&copy; {{ copyright.digestAbbr }}</p>-->
+<!--      <p class="whitespace-nowrap">-->
+<!--        <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">{{ copyright.icp }}</a>-->
+<!--      </p>-->
+<!--      <p class="whitespace-nowrap mt-[16px]">技术支持：</p>-->
+<!--      <p class="whitespace-nowrap">-->
+<!--        <a href="https://www.csdn.net/" target="_blank" rel="noopener noreferrer">CSDN</a>、<a-->
+<!--          href="https://www.huaweicloud.com/" target="_blank" rel="noopener noreferrer">华为云</a>-->
+<!--      </p>-->
+<!--    </div>-->
+  </div>
+</template>
+<style lang="scss" scoped>
+.side-bar-content {
+  overflow-y: auto;
+  overflow-x: hidden;
+  @apply h-[100%] py-[32px] px-[16px] flex flex-col justify-between;
+
+  .menu {
+    background: transparent !important;
+    @apply border-r-0 flex-1;
+
+    :deep(.devui-menu-item-vertical-wrapper:first-of-type) {
+      margin-top: 0;
+    }
+
+    :deep(.devui-menu-item-vertical-wrapper) {
+      margin-top: 4px !important;
+    }
+
+    :deep(.devui-menu-item) {
+      background-color: #fff;
+      border-radius: 6px;
+      padding: 10px 16px !important;
+      white-space: nowrap;
+
+      .active-icon {
+        display: none;
+      }
+    }
+
+    :deep(.devui-menu-item:hover) {
+      background: #9699B633;
+
+      .active-icon {
+        display: inline-block;
+      }
+
+      .default-icon {
+        display: none;
+      }
+    }
+
+    :deep(.devui-menu-item.devui-menu-item-select) {
+      background: #9699B633 !important;
+    }
+
+    :deep(.devui-menu-item>span) {
+      flex: none;
+      color: #1D1F3A;
+      font-size: 14px;
+    }
+
+    :deep(.my-work-platform .devui-submenu-title-content ~ .icon) {
+      //background-color: #E3E3EE;
+      @apply rounded-[4px] w-[20px] h-[20px] text-center leading-[20px];
+    }
+
+    :deep(.my-work-platform .devui-submenu-title-content ~ .icon:hover) {
+      background-color: #D1D1E0;
+    }
+
+    .submenu-item :deep(.devui-submenu-title) {
+      padding: 10px 16px !important;
+
+      .devui-submenu-title-content {
+        margin-left: 0;
+      }
+    }
+
+    .menu-item-link {
+      @apply inline-block px-[16px] py-[10px] w-[100%] whitespace-nowrap leading-[20px] mt-[4px] first-of-type:mt-0;
+
+      &:hover {
+        color: #DA203E;
+
+        .icon {
+          color: #DA203E !important;
+        }
+
+        .active-icon {
+          display: inline-block;
+        }
+
+        .default-icon {
+          display: none;
+        }
+      }
+
+      .active-icon {
+        display: none;
+      }
+    }
+  }
+
+  .line {
+    border-color: #F1F1F8;
+    @apply ml-[10px] mr-[10px] my-[16px];
+  }
+
+  .aside-footer {
+    padding: 0px 16px;
+    color: #9C9DB4;
+    font-size: 14px;
+    line-height: 20px;
+
+    a {
+      color: inherit;
+    }
+  }
+
+  :deep(.devui-menu-vertical ul.devui-submenu div.devui-submenu-title i.icon-chevron-up.is-opened) {
+    transform: none;
+  }
+
+  :deep(.devui-menu-vertical ul.devui-submenu div.devui-submenu-title i.icon-chevron-up) {
+    transform: none;
+
+    &::before {
+      transform: rotate(0deg) !important;
+      display: inline-block;
+      width: 20px;
+      height: 20px;
+      transition: transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1));
+    }
+
+    &.is-opened::before {
+      transform: rotate(180deg) !important;
+    }
+  }
+}
+</style>
diff --git a/src/layouts/AILayout/index.vue b/src/layouts/AILayout/index.vue
new file mode 100644
index 0000000..0c85d34
--- /dev/null
+++ b/src/layouts/AILayout/index.vue
@@ -0,0 +1,212 @@
+<template>
+  <d-layout class="d-layout h-full" :class="{ 'home-background': isHome }">
+    <d-header class="d-header">
+      <!-- header -->
+      <Header @clickMenu="handleClickMenu" :asideSetShow="asideSetShow" ref="refHeader">
+        <!-- 二级导航左侧内容 -->
+        <template v-if="$slots.headerLeft && !route?.meta?.hideNav" #info>
+          <slot name="headerLeft"></slot>
+        </template>
+
+        <!-- 二级导航右侧内容 -->
+        <template v-if="$slots.headerRight && !route?.meta?.hideNav" #menu>
+          <slot name="headerRight"></slot>
+        </template>
+
+        <template v-if="$slots.bodyHeader && !route?.meta?.hideNav" #bodyHeader>
+          <slot name="bodyHeader"></slot>
+        </template>
+        <template v-if="$slots.headerBottom && !route?.meta?.hideNav" #headerBottom>
+          <slot name="headerBottom"></slot>
+        </template>
+      </Header>
+    </d-header>
+    <!-- 顶栏信息 -->
+    <div v-if="$slots.contentBanner">
+      <slot name="contentBanner"></slot>
+    </div>
+    <!-- 主体 -->
+    <d-layout class="flex-col">
+<!--      <d-aside class="left-side-bar" v-if="asideSetShow" :style="{ width: mainMarginLeftWidth + 'px' }">-->
+<!--        <Aside :asideDefaultWidth="mainMarginLeftWidth"></Aside>-->
+<!--      </d-aside>-->
+      <d-drawer v-model="asideVisible" position="left" lock-scroll style="max-height: 100%; top: 0;"
+        :style="{ width: '240px', overflowY: 'hidden' }">
+        <div class="p-[16px] flex justify-between items-center h-[60px]">
+          <GLink class="g-toolbar-left-logo" href="/" />
+          <d-icon class="cursor-pointer" name="close" @click="asideVisible = false"></d-icon>
+        </div>
+        <Aside :asideDefaultWidth="240" @on-select="handleClickMenu" style="height: calc(100% - 60px);padding-top: 0px;"></Aside>
+      </d-drawer>
+      <d-layout :style="{ marginLeft: mainMarginLeftWidth + 'px', transition: 'margin-left ease 0.1s' }">
+        <d-layout :class="responsiveClass" :style="{ minHeight: `calc(100% - ${footerSize?.height.value || 0}px)` }">
+          <!-- sidebar -->
+          <d-aside class="d-aside mr-[32px] pt-24" v-if="route?.meta?.sidebarType">
+            <slot name="sidebar"></slot>
+          </d-aside>
+          <!-- 内容 -->
+          <d-content>
+            <slot name="content">
+              <RouterView />
+            </slot>
+          </d-content>
+        </d-layout>
+        <!-- footer -->
+        <!-- <d-footer v-if="!route?.meta?.hiddenFooter" ref="refFooter">
+          <slot name="footer">
+            <Footer />
+          </slot>
+        </d-footer> -->
+      </d-layout>
+    </d-layout>
+
+    <!-- 浮动工具栏（移动端不显示） -->
+<!--    <ToolsFloat v-if="showToolsFloat" />-->
+
+  </d-layout>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: 'DefaultLayout' });
+import { RouterView, useRoute, useRouter } from 'vue-router';
+import { computed, ref, watch, watchEffect, onMounted, onUnmounted } from 'vue';
+import Header from '@/components/Header/index.vue';
+import Footer from '@/components/Footer/index.vue';
+import Aside from './aside.vue';
+import { useGlobalInfoStore } from '@/stores/Global';
+
+import ToolsFloat from '@/components/ToolsFloat/index.vue';
+import { useStorage, useElementSize } from '@vueuse/core';
+import { usePageResize } from '@/utils/hooks/usePageResize';
+import microApp from '@micro-zoe/micro-app';
+defineProps<{ customAside?: boolean; }>();
+const router = useRouter();
+const solt = defineSlots();
+const sizeStore = usePageResize();
+const globalStore = useGlobalInfoStore();
+const route = useRoute();
+const asideVisible = ref(false);
+const refFooter = ref(null);
+const refHeader: any = ref(null);
+const footerSize = useElementSize(refFooter);
+const isHome = computed(() => route.name === 'home');
+
+// aside 设置可见性 header有两层，有顶栏信息,两层sidebar 都不可见
+const asideSetShow = computed(() => {
+  if (route.meta.asideMenu === 'drawer') return false;
+  return refHeader.value?.height <= 56 && !solt.contentBanner && !route.meta.sidebarType;
+});
+
+const emit = defineEmits<{
+  clickMenu: [];
+}>();
+watch(route, () => {
+  globalStore.setIsNotFound(false); // 切换路由默认不显示404，防止一直显示404
+}, { deep: true });
+
+const asideDefaultWidth = useStorage('asideDefaultWidth', sizeStore.isMobile.value ? 0 : 240);
+const mainMarginLeftWidth = computed(() => {
+  if (!asideSetShow.value || sizeStore.isMobile.value) {
+    return 0;
+  } else {
+    return asideDefaultWidth.value;
+  }
+});
+
+// 是否展示浮动工具栏（非移动端 || 未设置隐藏）
+const showToolsFloat = computed(() => {
+  return sizeStore.widthType.value !== 'sm' && !route.meta.hiddenToolsFloat;
+});
+
+const responsiveClass = computed(() => { // 控制移动和pc布局
+  let className = 'm-auto max-w-normal px-normal w-full';
+  let viewportContent = 'width=device-width,initial-scale=0,user-scalable=yes,maximum-scale=1.0';
+
+  if (sizeStore.isMobile.value) { // 设备是否为手机
+    if (route?.meta?.hasMobile) { // 是否有手机端页面
+      className = 'w-full';
+      viewportContent = 'width=device-width, initial-scale=1.0';
+    }
+  } else {
+    if (route?.meta?.className) {
+      className = `${route?.meta?.className as string}`;
+    }
+    if (route.name === 'homepage' && globalStore.namespaceType === 1) { // 组织主页样式特殊处理
+      className = 'm-auto min-w-sm px-normal max-w-[1280px] w-full pt-[12px]';
+    }
+  }
+  document?.querySelector("meta[name='viewport']")?.setAttribute('content', viewportContent);
+  return className;
+});
+
+const handleClickMenu = () => {
+  if (sizeStore.isMobile.value || !asideSetShow.value) { // 不可见时弹框
+    asideVisible.value = !asideVisible.value;
+  } else { // 可见时收起
+    asideDefaultWidth.value = asideDefaultWidth.value >= 240 ? 0 : 240;
+  }
+};
+
+const outOfSearch = ref(true); // 在search页面隐藏footer
+router.afterEach((to, form) => {
+  outOfSearch.value = to.name !== 'search';
+});
+microApp.router.afterEach({
+  'micoro-app-homeweb-app': (to, from) => {
+    outOfSearch.value = to.pathname !== '/search';
+  }
+});
+const checkPage = (data: any) => {
+  if (data.type === 'checkPage') {
+    return 'ready';
+  }
+};
+onMounted(() => {
+  microApp.addDataListener('micoro-app-homeweb-app', checkPage, false);
+});
+onUnmounted(() => {
+  microApp.removeDataListener('micoro-app-homeweb-app', checkPage);
+});
+</script>
+
+<style lang="scss" scoped>
+.left-side-bar {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  top: 56px;
+  background-color: #fff;
+  z-index: 10;
+  border-right: 1px solid #F1F1F8;
+  overflow-y: auto;
+  overflow-x: hidden;
+  transition: width ease 0.1s;
+}
+
+.g-toolbar-left-logo {
+  display: inline-block;
+  width: 102px;
+  height: 28px;
+  background: url(../../assets/imgs/logo/logo.png) no-repeat;
+  background-size: contain;
+  vertical-align: middle;
+  background-position: 0 center;
+}
+
+.home-background {
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    //background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 1)),url('@/assets/imgs/home/首页01_BG_@2x.png');
+    background-image: url('@/assets/imgs/home/首页02_BG_@2x.png');
+    background-size: cover;
+    background-position: center;
+    z-index: -1;
+  }
+
+}
+</style>
diff --git a/src/router/config/home.ts b/src/router/config/home.ts
index 8813259..1b935fe 100644
--- a/src/router/config/home.ts
+++ b/src/router/config/home.ts
@@ -1,4 +1,5 @@
 import DefaultLayout from '@/layouts/DefaultLayout/index.vue';
+import AILayout from '@/layouts/AILayout/index.vue';
 
 export default [
   {
@@ -107,5 +108,26 @@ export default [
         }
       }
     ]
+  },
+  {
+    path: '/ai',
+    redirect: '/ai/home',
+    component: AILayout,
+    children: [
+      {
+        path: '/ai/home',
+        name: 'aihome',
+        component: () => import('@/views/Jyh/Home/index.vue'),
+        meta: {
+          micorApp: ['micoro-app-homeweb-app'],
+          hasMobile: true,
+          hiddenFooter: true,
+          reportTitle: '首页',
+          className: 'w-full min-w-full',
+          headerClassName: '',
+          asideMenu: 'drawer' // 左侧菜单抽屉模式
+        }
+      }
+    ]
   }
 ];