本打算实现前端路由的权限控制, 但太繁杂, 遂作罢(实际是实现不了~~~, 要实现这个功能需要对 vue-router 有深入了解, 但自己不想在前端耗费太多时间, 本着能跑就行的原则, 在后端做好权限控制即可)

src/permission.js

@@ -1,8 +1,7 @@
 import router from './router'
-import { getAccessToken, getAuthedUser, removeAll } from '@/utils/auth'
+import { getAccessToken, removeAll } from '@/utils/auth'
 
 router.beforeEach((to, from, next) => {
-  console.log(getAuthedUser())
   const needAuth = to.meta.needAuth
   const token = getAccessToken()
   if (token != null) {

src/views/admin/AdminUserList.vue

@@ -16,6 +16,7 @@
       <el-table
         :data="dataList"
         border
+        height="480"
         style="width: 100%"
       >
         <el-table-column
@@ -76,12 +77,10 @@
         <el-table-column
           prop="pubDate"
           label="注册时间"
-          width="150"
         />
         <el-table-column
           prop="scope"
           label="帐号状态"
-          width="120"
         >
           <template slot-scope="scope">
             <el-tag v-if="scope.row.status === 1" :type="'warning'" disable-transitions>
@@ -95,10 +94,30 @@
             </el-tag>
           </template>
         </el-table-column>
+        <el-table-column
+          prop="status"
+          label="当前会话"
+        >
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.status === 1" :type="'warning'" disable-transitions>
+              正常
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="status"
+          label="拥有的角色"
+        >
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.status === 1" :type="'warning'" disable-transitions>
+              正常
+            </el-tag>
+          </template>
+        </el-table-column>
         <el-table-column
           fixed="right"
           label="操作"
-          width="280"
+          width="180"
         >
           <template slot-scope="scope">
             <el-button
@@ -125,29 +144,6 @@
         @next-click="handleCurrentChange"
       />
     </el-main>
-
-    <!-- 修改视频可见范围对话框 -->
-    <el-dialog
-      append-to-body
-      :visible.sync="showEditScopeDialog"
-      width="30%"
-      center
-    >
-      <el-card class="box-card">
-        <div slot="header" class="clearfix">
-          <span>修改视频可见范围</span>
-          <el-button style="float: right; padding: 3px 0" type="text" @click="onUpdateScope">更新</el-button>
-        </div>
-        <div class="text item">
-          <el-select v-model="form.scope" placeholder="选择可见范围">
-            <el-option label="本人可见" value="1" />
-            <el-option label="所有人可见" value="2" />
-            <el-option label="VIP 可见" value="3" />
-            <el-option label="验证码可见" value="4" />
-          </el-select>
-        </div>
-      </el-card>
-    </el-dialog>
   </el-container>
 </template>
 
@@ -188,7 +184,7 @@ export default {
         if (resp.code === 0) {
           const respData = resp.data
           this.dataList = respData.list
-          this.nextId = respData.nextId
+          this.totalSize = respData.data.totalSize
         }
       })
     },

src/views/admin/AdminVideoList.vue

@@ -16,6 +16,7 @@
       <el-table
         :data="dataList"
         border
+        height="480"
         style="width: 100%"
       >
         <el-table-column
@@ -24,7 +25,7 @@
           type="index"
         />
         <el-table-column
-          prop="publishAt"
+          prop="pubDate"
           label="发布时间"
           width="150"
         />
@@ -114,31 +115,18 @@
           width="120"
         >
           <template slot-scope="scope">
-            <el-tooltip class="item" effect="dark" content="点击修改可见范围" placement="top-end">
-              <el-button
-                v-if="scope.row.scope === 1"
-                size="mini"
-                @click="handleScope(scope.$index, scope.row)"
-              >本人可见</el-button>
-              <el-button
-                v-else-if="scope.row.scope === 2"
-                size="mini"
-                type="success"
-                @click="handleScope(scope.$index, scope.row)"
-              >所有人可见</el-button>
-              <el-button
-                v-else-if="scope.row.scope === 3"
-                size="mini"
-                type="warning"
-                @click="handleScope(scope.$index, scope.row)"
-              >VIP 可见</el-button>
-              <el-button
-                v-else
-                size="mini"
-                type="danger"
-                @click="handleScope(scope.$index, scope.row)"
-              >验证码可见</el-button>
-            </el-tooltip>
+            <el-tag v-if="scope.row.scope === 1" :type="'warning'" disable-transitions>
+              本人可见
+            </el-tag>
+            <el-tag v-else-if="scope.row.scope === 2" :type="'success'" disable-transitions>
+              所有人可见
+            </el-tag>
+            <el-tag v-else-if="scope.row.scope === 3" :type="'danger'" disable-transitions>
+              VIP 可见
+            </el-tag>
+            <el-tag v-else :type="'danger'" disable-transitions>
+              验证码可见
+            </el-tag>
           </template>
         </el-table-column>
         <el-table-column
@@ -164,6 +152,17 @@
             </el-tag>
           </template>
         </el-table-column>
+        <el-table-column
+          prop="videoId"
+          label="创作者"
+          width="120"
+        >
+          <template slot-scope="scope">
+            <router-link target="_blank" :to="`/video/${scope.row.videoId}`">
+              <span>{{ scope.row.videoId }}</span>
+            </router-link>
+          </template>
+        </el-table-column>
         <el-table-column
           fixed="right"
           label="操作"
@@ -234,13 +233,12 @@
 
 <script>
 import VideoPreviewPlayer from 'components/VideoPreviewPlayer'
-import VideoPostPublish from '@/views/post/VideoPostPublish'
-import { updateVideoScope, videoInfo, deleteVideoPost, getVideoPosts, addVideoPost } from '@/api/video'
-import {getVideoList} from "@/api/admin";
+import { updateVideoScope, videoInfo } from '@/api/video'
+import { getVideoList } from '@/api/admin'
 
 export default {
   name: 'VideoPost',
-  components: { VideoPreviewPlayer, VideoPostPublish },
+  components: { VideoPreviewPlayer },
   data() {
     return {
       queryInfo: {
@@ -284,7 +282,7 @@ export default {
         if (resp.code === 0) {
           const respData = resp.data
           this.dataList = respData.list
-          this.nextId = respData.nextId
+          this.totalSize = respData.data.totalSize
         }
       })
     },

src/views/my/MyProfile.vue

@@ -9,7 +9,7 @@
           <div class="text item">
             <el-form ref="form" :model="loginUser" label-width="80px">
               <el-form-item label="用户 ID">
-                <el-input v-model="loginUser.userId" style="padding-right: 1px" readonly />
+                <el-input v-model="loginUser.userId" style="width: 70%; padding-right: 10px" readonly />
               </el-form-item>
               <el-form-item label="用户名">
                 <el-input v-model="loginUser.username" style="width: 70%; padding-right: 10px" readonly />

src/views/post/ArticlePost.vue

@@ -8,6 +8,7 @@
     <el-main :md="6" :sm="12" :xs="12">
       <el-table
         :data="dataList"
+        height="480"
         style="width: 100%"
       >
         <el-table-column
@@ -122,7 +123,7 @@ export default {
       // 屏幕宽度, 为了控制分页条的大小
       screenWidth: document.body.clientWidth,
       currentPage: 1,
-      pageSize: 12,
+      pageSize: 20,
       totalSize: 0,
       dataList: [],
       // **********************************************************************

src/views/user/Home.vue

@@ -158,7 +158,7 @@ import { getAlbumImage1 } from '@/api/image'
 import { getUserPlaylist } from '@/api/collect'
 
 export default {
-  name: 'Home',
+  name: 'UserHome',
   filters: {
     ellipsis(value) {
       if (!value) return ''