✨ feat(期刊): 歌曲部分调整

src/router/index.js

@@ -1,13 +1,20 @@
-import Vue from 'vue'
+/*
-import Router from 'vue-router'
+ * @Author: zhangjiabao
+ * @Date: 2024-01-25 11:05:17
+ * @LastEditors: zhangjiabao
+ * @LastEditTime: 2024-01-25 11:06:12
+ * @FilePath: /luoo_manage_fe/src/router/index.js
+ */
+import Vue from "vue";
+import Router from "vue-router";
 
 // in development-env not use lazy-loading, because lazy-loading too many pages will cause webpack hot update too slow. so only in production use lazy-loading;
 // detail: https://panjiachen.github.io/vue-element-admin-site/#/lazy-loading
 
-Vue.use(Router)
+Vue.use(Router);
 
 /* Layout */
-import Layout from '../views/layout/Layout'
+import Layout from "../views/layout/Layout";
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -22,133 +29,56 @@ import Layout from '../views/layout/Layout'
   }
 **/
 export const constantRouterMap = [
-  { path: '/login', component: () => import('@/views/login/index'), hidden: true },
-  { path: '/404', component: () => import('@/views/404'), hidden: true },
-
   {
-    path: '/',
+    path: "/login",
-    component: Layout,
+    component: () => import("@/views/login/index"),
-    redirect: '/dashboard',
+    hidden: true
-    name: 'Dashboard',
-    hidden: true,
-    children: [{
-      path: 'dashboard',
-      component: () => import('@/views/dashboard/index')
-    }]
   },
+  { path: "/404", component: () => import("@/views/404"), hidden: true },
 
   {
-    path: '/example',
+    path: "/",
-    component: Layout,
-    redirect: '/example/table',
-    name: 'Example',
-    meta: { title: '基本信息管理', icon: 'example' },
-    children: [
-      {
-        path: 'table',
-        name: 'Table',
-        component: () => import('@/views/table/index'),
-        meta: { title: '城市管理', icon: 'table' }
-      },
-      {
-        path: 'tree',
-        name: 'Tree',
-        component: () => import('@/views/tree/index'),
-        meta: { title: '标签管理', icon: 'tree' }
-      }
-    ]
-  },
-  {
-    path: '/gathering',
-    component: Layout,
-    children: [
-      {
-        path: 'index',
-        name: 'Form',
-        component: () => import('@/views/table/gathering'),
-        meta: { title: '活动管理', icon: 'form' }
-      }
-    ]
-  },
-  {
-    path: '/music',
-    component: Layout,
-    children: [
-      {
-        path: 'index',
-        name: 'Form',
-        component: () => import('@/views/table/music'),
-        meta: { title: '期刊管理', icon: 'table' }
-      }
-    ]
-  },
-  {
-    path: '/song',
-    component: Layout,
-    children: [
-      {
-        path: 'index',
-        name: 'Form',
-        component: () => import('@/views/table/song'),
-        meta: { title: '歌曲管理', icon: 'table' }
-      }
-    ]
-  },
-  {
-    path: '/gathering',
-    component: Layout,
-    children: [
-      {
-        path: 'index',
-        name: 'Form',
-        component: () => import('@/views/table/gathering'),
-        meta: { title: '单曲管理', icon: 'form' }
-      }
-    ]
-  },
-  {
-    path: '/gathering',
     component: Layout,
+    redirect: "/dashboard",
+    name: "Dashboard",
+    hidden: true,
     children: [
       {
-        path: 'index',
+        path: "dashboard",
-        name: 'Form',
+        component: () => import("@/views/dashboard/index")
-        component: () => import('@/views/table/gathering'),
-        meta: { title: '专栏管理', icon: 'form' }
       }
     ]
   },
   {
-    path: '/tag',
+    path: "/tag",
     component: Layout,
     children: [
       {
-        path: 'index',
+        path: "index",
-        name: 'Form',
+        name: "Form",
-        component: () => import('@/views/tag/index'),
+        component: () => import("@/views/tag/index"),
-        meta: { title: '标签管理', icon: 'form' }
+        meta: { title: "标签管理", icon: "form" }
       }
     ]
   },
   {
-    path: '/article',
+    path: "/article",
     component: Layout,
     children: [
       {
-        path: 'index',
+        path: "index",
-        name: 'Form',
+        name: "Form",
-        component: () => import('@/views/article'),
+        component: () => import("@/views/article"),
-        meta: { title: '期刊管理v2', icon: 'table' }
+        meta: { title: "期刊管理", icon: "table" }
       }
     ]
   },
 
-  { path: '*', redirect: '/404', hidden: true }
+  { path: "*", redirect: "/404", hidden: true }
-]
+];
 
 export default new Router({
   // mode: 'history', //后端支持可开
   scrollBehavior: () => ({ y: 0 }),
   routes: constantRouterMap
-})
+});
-

src/router/indexBak.js

@@ -0,0 +1,154 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+
+// in development-env not use lazy-loading, because lazy-loading too many pages will cause webpack hot update too slow. so only in production use lazy-loading;
+// detail: https://panjiachen.github.io/vue-element-admin-site/#/lazy-loading
+
+Vue.use(Router)
+
+/* Layout */
+import Layout from '../views/layout/Layout'
+
+/**
+* hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
+* alwaysShow: true               if set true, will always show the root menu, whatever its child routes length
+*                                if not set alwaysShow, only more than one route under the children
+*                                it will becomes nested mode, otherwise not show the root menu
+* redirect: noredirect           if `redirect:noredirect` will no redirct in the breadcrumb
+* name:'router-name'             the name is used by <keep-alive> (must set!!!)
+* meta : {
+    title: 'title'               the name show in submenu and breadcrumb (recommend set)
+    icon: 'svg-name'             the icon show in the sidebar,
+  }
+**/
+export const constantRouterMap = [
+  { path: '/login', component: () => import('@/views/login/index'), hidden: true },
+  { path: '/404', component: () => import('@/views/404'), hidden: true },
+
+  {
+    path: '/',
+    component: Layout,
+    redirect: '/dashboard',
+    name: 'Dashboard',
+    hidden: true,
+    children: [{
+      path: 'dashboard',
+      component: () => import('@/views/dashboard/index')
+    }]
+  },
+
+  {
+    path: '/example',
+    component: Layout,
+    redirect: '/example/table',
+    name: 'Example',
+    meta: { title: '基本信息管理', icon: 'example' },
+    children: [
+      {
+        path: 'table',
+        name: 'Table',
+        component: () => import('@/views/table/index'),
+        meta: { title: '城市管理', icon: 'table' }
+      },
+      {
+        path: 'tree',
+        name: 'Tree',
+        component: () => import('@/views/tree/index'),
+        meta: { title: '标签管理', icon: 'tree' }
+      }
+    ]
+  },
+  {
+    path: '/gathering',
+    component: Layout,
+    children: [
+      {
+        path: 'index',
+        name: 'Form',
+        component: () => import('@/views/table/gathering'),
+        meta: { title: '活动管理', icon: 'form' }
+      }
+    ]
+  },
+  {
+    path: '/music',
+    component: Layout,
+    children: [
+      {
+        path: 'index',
+        name: 'Form',
+        component: () => import('@/views/table/music'),
+        meta: { title: '期刊管理', icon: 'table' }
+      }
+    ]
+  },
+  {
+    path: '/song',
+    component: Layout,
+    children: [
+      {
+        path: 'index',
+        name: 'Form',
+        component: () => import('@/views/table/song'),
+        meta: { title: '歌曲管理', icon: 'table' }
+      }
+    ]
+  },
+  {
+    path: '/gathering',
+    component: Layout,
+    children: [
+      {
+        path: 'index',
+        name: 'Form',
+        component: () => import('@/views/table/gathering'),
+        meta: { title: '单曲管理', icon: 'form' }
+      }
+    ]
+  },
+  {
+    path: '/gathering',
+    component: Layout,
+    children: [
+      {
+        path: 'index',
+        name: 'Form',
+        component: () => import('@/views/table/gathering'),
+        meta: { title: '专栏管理', icon: 'form' }
+      }
+    ]
+  },
+  {
+    path: '/tag',
+    component: Layout,
+    children: [
+      {
+        path: 'index',
+        name: 'Form',
+        component: () => import('@/views/tag/index'),
+        meta: { title: '标签管理', icon: 'form' }
+      }
+    ]
+  },
+  {
+    path: '/article',
+    component: Layout,
+    children: [
+      {
+        path: 'index',
+        name: 'Form',
+        component: () => import('@/views/article'),
+        meta: { title: '期刊管理v2', icon: 'table' }
+      }
+    ]
+  },
+
+  { path: '*', redirect: '/404', hidden: true }
+]
+
+export default new Router({
+  // mode: 'history', //后端支持可开
+  scrollBehavior: () => ({ y: 0 }),
+  routes: constantRouterMap
+})
+

src/views/article/articleModify.vue

@@ -2,7 +2,7 @@
  * @Author: zhangjiabao
  * @Date: 2024-01-24 10:09:33
  * @LastEditors: zhangjiabao
- * @LastEditTime: 2024-01-24 17:55:06
+ * @LastEditTime: 2024-01-25 10:41:27
  * @FilePath: /luoo_manage_fe/src/views/article/articleModify.vue
 -->
 <!--
@@ -151,15 +151,6 @@
             size="mini"
             @click="handleLyricClick(scope.row)"
             >歌词</el-button
-          >
-          <el-popconfirm
-            confirm-button-text="确定"
-            cancel-button-text="取消"
-            icon="el-icon-info"
-            icon-color="red"
-            title="是否确认删除标签？"
-            style="margin-left: 10px;"
-            @confirm="console.log('delete')"
           >
           <el-button
             slot="reference"
@@ -167,9 +158,9 @@
             icon="el-icon-delete"
             type="danger"
             size="mini"
+            @click="handleMusicTableDelete(scope.row)"
             >删除</el-button
           >
-          </el-popconfirm>
         </template>
       </el-table-column>
     </el-table>
@@ -528,6 +519,16 @@ export default {
       this.musicModifyDialog.data = row;
       this.musicModifyDialog.visible = true;
     },
+    handleMusicTableDelete(row) {
+      let newList = [];
+      for (let index in this.data.songs) {
+        if (this.data.songs[index].id === row.id) {
+          continue;
+        }
+        newList.push(this.data.songs[index]);
+      }
+      this.data.songs = newList;
+    },
     // ************************* 弹窗事件 *************************
     /**
      * 弹窗关闭按扭点击事件