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

8 months ago · 1a9f311b5c
parent ba2b59a014
commit 1a9f311b5c
3 changed files with 207 additions and 122 deletions
--- a/src/router/index.js
+++ b/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: '/',
-    component: Layout,
-    redirect: '/dashboard',
-    name: 'Dashboard',
-    hidden: true,
-    children: [{
-      path: 'dashboard',
-      component: () => import('@/views/dashboard/index')
-    }]
+    path: "/login",
+    component: () => import("@/views/login/index"),
+    hidden: true
  },
+  { path: "/404", component: () => import("@/views/404"), hidden: true },

  {
-    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',
+    path: "/",
    component: Layout,
+    redirect: "/dashboard",
+    name: "Dashboard",
+    hidden: true,
    children: [
      {
-        path: 'index',
-        name: 'Form',
-        component: () => import('@/views/table/gathering'),
-        meta: { title: '专栏管理', icon: 'form' }
+        path: "dashboard",
+        component: () => import("@/views/dashboard/index")
      }
    ]
  },
  {
-    path: '/tag',
+    path: "/tag",
    component: Layout,
    children: [
      {
-        path: 'index',
-        name: 'Form',
-        component: () => import('@/views/tag/index'),
-        meta: { title: '标签管理', icon: 'form' }
+        path: "index",
+        name: "Form",
+        component: () => import("@/views/tag/index"),
+        meta: { title: "标签管理", icon: "form" }
      }
    ]
  },
  {
-    path: '/article',
+    path: "/article",
    component: Layout,
    children: [
      {
-        path: 'index',
-        name: 'Form',
-        component: () => import('@/views/article'),
-        meta: { title: '期刊管理v2', icon: 'table' }
+        path: "index",
+        name: "Form",
+        component: () => import("@/views/article"),
+        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
-})
-
+});
--- a/src/router/indexBak.js
+++ b/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
+})
+
--- a/src/views/article/articleModify.vue
+++ b/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
 -->
 <!--
@ -152,24 +152,15 @@
            @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"
+            plain
+            icon="el-icon-delete"
+            type="danger"
+            size="mini"
+            @click="handleMusicTableDelete(scope.row)"
+            >删除</el-button
          >
-            <el-button
-              slot="reference"
-              plain
-              icon="el-icon-delete"
-              type="danger"
-              size="mini"
-              >删除</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;
+    },
    // ************************* 弹窗事件 *************************
    /**
     * 弹窗关闭按扭点击事件