update project

pegasus-1998 · Dec 29, 2021 · 78c784d · 78c784d
1 parent 371dd92
commit 78c784d
Show file tree

Hide file tree

Showing 6 changed files with 67 additions and 37 deletions.
diff --git a/src/pages/admin/components/mainHeader.vue b/src/pages/admin/components/mainHeader.vue
@@ -1,51 +1,67 @@
 <template>
   <div class="main-header">
-    <i 
-        class="el-icon-s-fold" 
+    <div class="left-bread">
+      <i
+        class="el-icon-s-fold"
         @click="changeFlag"
-        :style="{color: hColor}"
-    />
-    <el-breadcrumb class="my-bread">
-      <el-breadcrumb-item>admin</el-breadcrumb-item>
-      <el-breadcrumb-item>活动管理</el-breadcrumb-item>
-      <el-breadcrumb-item>活动列表</el-breadcrumb-item>
-    </el-breadcrumb>
+        :style="{ color: hColor }"
+      />
+      <el-breadcrumb class="my-bread">
+        <el-breadcrumb-item v-for="(item, index) in breads" :key="index">
+          {{ item }}
+        </el-breadcrumb-item>
+      </el-breadcrumb>
+    </div>
+    <el-button type="primary" @click="$router.push('/home')">退出</el-button>
   </div>
 </template>
 
 <script>
 export default {
   props: ["isCollapse"],
   computed: {
-     hColor() {
-         return this.isCollapse ? '#489eff' : '#666'
-     }
+    hColor() {
+      return this.isCollapse ? "#489eff" : "#666";
+    },
+    breads: {
+      get() {
+        return this.$route.meta.bread || []
+      }
+    }
   },
   methods: {
     changeFlag() {
-
-        this.$emit('update:isCollapse', !this.isCollapse)
+      this.$emit("update:isCollapse", !this.isCollapse);
     },
   },
 };
 </script>
 
 <style lang="scss" scoped>
 .main-header {
-  display: flex;
-  align-items: center;
-  .el-icon-s-fold {
-    cursor: pointer;
-    font-size: 30px;
-  }
-  .el-breadcrumb {
-    margin-left: 15px;
-    color: #97a87e;
+  @include spaceBc();
+  .el-button {
+    color: #fff;
     font-size: 18px;
-    ::v-deep .el-breadcrumb__inner, i {
+    letter-spacing: 2px;
+  }
+  .left-bread {
+    display: flex;
+    align-items: center;
+    .el-icon-s-fold {
+      cursor: pointer;
+      font-size: 30px;
+    }
+    .el-breadcrumb {
+      margin-left: 15px;
+      color: #97a87e;
+      font-size: 18px;
+      ::v-deep .el-breadcrumb__inner,
+      i {
         color: inherit;
         font-size: 18px;
         font-weight: 600;
+      }
     }
   }
 }

diff --git a/src/pages/admin/components/scrollBar.vue b/src/pages/admin/components/scrollBar.vue
@@ -7,19 +7,25 @@
     :default-active="$route.path"
   >
     <el-submenu index="1">
-      <template slot="title">
-        <i class="el-icon-menu"></i>
-        <span slot="title">HOME</span>
+      <template #title>
+        <i class="el-icon-orange"></i>
+        <span>home</span>
       </template>
       <el-menu-item index="/admin/welcome">welcome</el-menu-item>
     </el-submenu>
     <el-submenu index="2">
-      <template slot="title">
+      <template #title>
         <i class="el-icon-s-custom"></i>
-        <span slot="title">USER</span>
+        <span>user</span>
       </template>
       <el-menu-item index="/admin/message">message</el-menu-item>
     </el-submenu>
+    <el-submenu index='3'>
+      <template slot="title">
+        <i class="el-icon-menu"></i>
+        <span>组件</span>
+      </template>
+    </el-submenu>
   </el-menu>
 </template>
 

diff --git a/src/pages/admin/routers/message/index.vue b/src/pages/admin/routers/message/index.vue
@@ -11,7 +11,7 @@
     <el-table-column label="token" prop="token" width="180"></el-table-column>
     <el-table-column label="权限" width="120">
         <template #default='scope'>
-            <el-switch :value="scope.row.aut" @change='change'></el-switch>
+            <el-switch :value="scope.row.aut" @change='change($event, scope.row.id)'></el-switch>
         </template>
     </el-table-column>
     <el-table-column label="个性签名" prop="ps"></el-table-column>
@@ -30,8 +30,9 @@ import { mapState, mapMutations } from "vuex";
         ...mapState("userModule", ["users"]),
     },
     methods: {
-        change(flag) {
-          
+      ...mapMutations('userModule',{SET_AUT: 'SET_AUT'}),
+        change(e, id) {
+            this.SET_AUT(id)
         },
         removeUser() {
             

diff --git a/src/pages/admin/routers/welcome/index.vue b/src/pages/admin/routers/welcome/index.vue
@@ -12,9 +12,6 @@
       <div class="mouth"></div>
     </div>
     <span class="sp">欢迎啊......亲！</span>
-    <div>
-      <el-button type="primary" @click="$router.push('/home')">首页</el-button>
-    </div>
   </div>
 </template>
 

diff --git a/src/router/admin.js b/src/router/admin.js
@@ -12,14 +12,16 @@ const adminRouter = {
             path: 'welcome',
             component: () => import('@/pages/admin/routers/welcome'),
             meta: {
-                title: 'admin - welcome'
+                title: 'admin - welcome',
+                bread: ['admin', 'home', 'welcome']
             }
         },
         {
             path: 'message',
             component: () => import('@/pages/admin/routers/message'),
             meta: {
-                title: 'admin - message'
+                title: 'admin - message',
+                bread: ['admin', 'user', 'message']
             }
         }
     ]

diff --git a/src/store/modules/user.js b/src/store/modules/user.js
@@ -62,6 +62,14 @@ const userModule = {
                 interchangeArray(users[userIdx].address, 0, addressIdx)
             }
             Object.assign(users[userIdx].address[addressIdx], obj)
+        },
+        SET_AUT({users}, id) {  // 修改用户权限
+            users.some(item => {
+                if(item.id == id) {
+                    item.aut = !item.aut
+                    return true
+                }
+            })
         }
     }
 }