首页

src/router/modules/big-model.ts

@@ -18,6 +18,26 @@ const BigModelRouter = [
     },
   },
   {
+    path: '/home/:id/app/introduction',
+    name: '083e7fdd-d7e6-4712-84fa-865e12458de2',
+    component: () => import('@/views/manage/home/app-introduction/index.vue'),
+    meta: {
+      title: '应用简介',
+      single: true,
+      root: '4806d051-e037-4d9d-99a0-78aa2f2f362b',
+    },
+  },
+  {
+    path: '/home/:id/model/introduction',
+    name: '43a2845a-c322-4c49-86c5-867c1e466b7f',
+    component: () => import('@/views/manage/home/model-introduction/index.vue'),
+    meta: {
+      title: '模型简介',
+      single: true,
+      root: '4806d051-e037-4d9d-99a0-78aa2f2f362b',
+    },
+  },
+  {
     path: '/model',
     name: '86e9f5e8-285d-4038-abc2-a39b2ad7fcd1',
     component: () => import('@/views/manage/model/index.vue'),

src/views/manage/home/app-introduction/index.vue

@@ -0,0 +1,9 @@
+<template></template>
+
+<script setup lang="ts">
+import { reactive } from 'vue'
+
+const state: any = reactive({})
+</script>
+
+<style lang="scss" scoped></style>

src/views/manage/home/index.vue

@@ -69,11 +69,23 @@
               <div class="grid flex-1 grid-cols-2 gap-4">
                 <div
                   class="__hover col-span-1 flex h-7 items-center justify-center rounded-sm bg-linear-to-br from-[#1B69FE] to-[#719CF4] text-xs text-[#ffffff]"
+                  @click="
+                    $router.push({
+                      name: 'd8b2a8e5-d087-4722-b833-7b7e10df0ec0',
+                      params: { id: 123 },
+                    })
+                  "
                 >
                   立即体验
                 </div>
                 <div
                   class="__hover col-span-1 flex h-7 items-center justify-center rounded-sm border-1 border-[#2F82FF] text-xs text-[#2F82FF]"
+                  @click="
+                    $router.push({
+                      name: '083e7fdd-d7e6-4712-84fa-865e12458de2',
+                      params: { id: 123 },
+                    })
+                  "
                 >
                   了解详情
                 </div>
@@ -129,7 +141,7 @@
                   @click="
                     $router.push({
                       name: 'd8b2a8e5-d087-4722-b833-7b7e10df0ec0',
-                      params: { id: item.id },
+                      params: { id: 123 },
                     })
                   "
                 >
@@ -193,6 +205,12 @@
               <div class="grid flex-1 grid-cols-2 gap-4">
                 <div
                   class="__hover col-span-1 flex h-7 items-center justify-center rounded-sm border-1 border-[#2F82FF] text-xs text-[#2F82FF]"
+                  @click="
+                    $router.push({
+                      name: '43a2845a-c322-4c49-86c5-867c1e466b7f',
+                      params: { id: 123 },
+                    })
+                  "
                 >
                   了解详情
                 </div>

src/views/manage/home/model-introduction/index.vue

@@ -0,0 +1,59 @@
+<template>
+  <div
+    class="flex size-full flex-col gap-4 rounded-lg bg-linear-to-b from-[#2853F7]/10 to-[#ffffff] p-4"
+  >
+    <div class="rounded-lg bg-[#ffffff] shadow">
+      <div
+        class="flex size-full flex-col bg-[url('@/assets/images/knowledge/knowledge-back-test.png')] bg-[length:100%_100%] bg-no-repeat"
+      >
+        <div class="flex items-center gap-2.5 p-4">
+          <img
+            src="@/assets/images/model/model-default-logo.png"
+            class="h-[3.25rem] w-[3.25rem]"
+          />
+          <div class="flex-1 text-xl font-bold text-[#2E3238]" v-title>
+            模型名称
+          </div>
+          <div class="text-xs text-[#6F7889]">版本：XXXXXX</div>
+        </div>
+        <div></div>
+      </div>
+    </div>
+    <div class="flex-1 rounded-lg bg-[#ffffff]"></div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { onMounted, reactive } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+
+const router = useRouter()
+const route = useRoute()
+const state: any = reactive({
+  ID: route.params.id,
+  detail: {},
+})
+onMounted(() => {
+  initDictionary()
+  initDetail()
+})
+const initDetail = () => {
+  if (state.ID) {
+    state.detail = {}
+    // pluginDetail(state.ID)
+    //   .then(({ data }: any) => {
+    //     state.detail = data
+    //   })
+    //   .catch(() => {})
+    //   .finally(() => {})
+  } else {
+    router.push({ name: '4806d051-e037-4d9d-99a0-78aa2f2f362b' })
+  }
+}
+const initDictionary = () => {
+  // DictionaryStore.initModelProvides()
+  // DictionaryStore.initModelTypes()
+}
+</script>
+
+<style lang="scss" scoped></style>