add paint router

ZhiShuYun · Sep 30, 2023 · e50892c · e50892c
1 parent 813fd94
commit e50892c
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 4 deletions.
diff --git a/src/components/common/Navigator.vue b/src/components/common/Navigator.vue
@@ -15,7 +15,7 @@
 import { defineComponent } from 'vue';
 import { ElTooltip, ElButton } from 'element-plus';
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
-import { ROUTE_CHAT_INDEX } from '@/router/constants';
+import { ROUTE_CHAT_INDEX, ROUTE_PAINT_INDEX } from '@/router/constants';
 
 export default defineComponent({
   name: 'Navigator',
@@ -34,7 +34,7 @@ export default defineComponent({
         },
         {
           route: {
-            name: 'midjourney-index'
+            name: ROUTE_PAINT_INDEX
           },
           icon: 'fa-solid fa-palette'
         }
@@ -57,7 +57,6 @@ export default defineComponent({
       width: 40px;
       height: 40px;
       margin-bottom: 10px;
-      // border-radius: 5px;
       .button {
         width: 40px;
         height: 40px;

diff --git a/src/pages/paint/Index.vue b/src/pages/paint/Index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>hi</div>
+</template>
diff --git a/src/router/constants.ts b/src/router/constants.ts
@@ -6,5 +6,8 @@ export const ROUTE_AUTH_CALLBACK = 'auth-callback';
 export const ROUTE_CHAT_INDEX = 'chat-index';
 export const ROUTE_CHAT_CONVERSATION = 'chat-conversation';
 
+export const ROUTE_PAINT_INDEX = 'paint-index';
+export const ROUTE_PAINT_HISTORY = 'paint-history';
+
 export const ROUTE_CONVERSATION_NEW = 'conversation-new';
 export const ROUTE_CONVERSATION_DETAIL = 'conversation-detail';
diff --git a/src/router/index.ts b/src/router/index.ts
@@ -3,6 +3,7 @@ import auth from './auth';
 import conversation from './conversation';
 import store from '@/store';
 import chat from './chat';
+import paint from './paint';
 import { ROUTE_AUTH_LOGIN, ROUTE_CONVERSATION_NEW, ROUTE_INDEX } from './constants';
 
 const routes = [
@@ -13,7 +14,8 @@ const routes = [
       name: ROUTE_CONVERSATION_NEW
     }
   },
-  chat
+  chat,
+  paint
 ];
 
 const router = createRouter({

diff --git a/src/router/paint.ts b/src/router/paint.ts
@@ -0,0 +1,13 @@
+import { ROUTE_PAINT_INDEX } from './constants';
+
+export default {
+  path: '/paint',
+  component: () => import('@/layouts/Main.vue'),
+  children: [
+    {
+      path: '',
+      name: ROUTE_PAINT_INDEX,
+      component: () => import('@/pages/paint/Index.vue')
+    }
+  ]
+};