v 1.0.9.3 更新控制台文章管理

Author: yyyCode

frontend/src/layouts/ConsoleLayout.vue

@@ -40,14 +40,22 @@
           </router-link>
 
           <div class="console-nav-group-title">内容</div>
-          <router-link to="/console/articles" class="console-nav-item" active-class="active">
+          <router-link to="/console/articles/manage" class="console-nav-item" active-class="active">
             <span class="console-nav-ico" aria-hidden="true">
               <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                 <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
                 <path d="M14 2v6h6M16 13H8M16 17H8M10 9H8" />
               </svg>
             </span>
-            文章
+            文章管理
+          </router-link>
+          <router-link to="/console/articles/new" class="console-nav-item" active-class="active">
+            <span class="console-nav-ico" aria-hidden="true">
+              <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <path d="M12 5v14M5 12h14" />
+              </svg>
+            </span>
+            新建文章
           </router-link>
           <router-link to="/console/changelog" class="console-nav-item" active-class="active">
             <span class="console-nav-ico" aria-hidden="true">

frontend/src/router/index.js

@@ -11,7 +11,8 @@ import ChangelogDetailView from '../views/ChangelogDetailView.vue'
 import ConsoleLayout from '../layouts/ConsoleLayout.vue'
 import ConsoleDashboardView from '../views/ConsoleDashboardView.vue'
 import ConsoleProfileView from '../views/ConsoleProfileView.vue'
-import ConsoleArticlesView from '../views/ConsoleArticlesView.vue'
+import ConsoleArticleManageView from '../views/ConsoleArticleManageView.vue'
+import ConsoleArticleComposeView from '../views/ConsoleArticleComposeView.vue'
 import ConsoleChangelogView from '../views/ConsoleChangelogView.vue'
 import ConsoleAttachmentsView from '../views/ConsoleAttachmentsView.vue'
 import ConsoleCommentsView from '../views/ConsoleCommentsView.vue'
@@ -39,7 +40,9 @@ const routes = [
     children: [
       { path: '', name: 'consoleDashboard', component: ConsoleDashboardView },
       { path: 'profile', name: 'consoleProfile', component: ConsoleProfileView },
-      { path: 'articles', name: 'consoleArticles', component: ConsoleArticlesView },
+      { path: 'articles', redirect: '/console/articles/manage' },
+      { path: 'articles/manage', name: 'consoleArticleManage', component: ConsoleArticleManageView },
+      { path: 'articles/new', name: 'consoleArticleCompose', component: ConsoleArticleComposeView },
       { path: 'changelog', name: 'consoleChangelog', component: ConsoleChangelogView },
       { path: 'attachments', name: 'consoleAttachments', component: ConsoleAttachmentsView },
       { path: 'comments', name: 'consoleComments', component: ConsoleCommentsView },