修改主页，添加访问次数显示;

隐藏实例

src/components/NavBar.vue

@@ -63,7 +63,7 @@ const navItems = [
   'divider',
   {name: '博客', link: '/blog'},
   // {name: '项目', link: '/projects'},
-  {name: '实例', link: '/demos'},
+  // {name: '实例', link: '/demos'},
   {name: '小工具', link: '/tools'},
   {name: '留言板', link: '/demos/board'},
   'divider',

src/pages/Home.vue

@@ -26,17 +26,17 @@ onMounted(async () => {
 <template>
   <div class="container">
     <el-container>
-      <div style="font-size: 50px; font-weight: inherit; padding: 20px">欢迎来到 MVA-CYBER !</div>
-<!--      <el-main>-->
 
-<!--      </el-main>-->
-<!--      <el-footer>-->
+      <el-main>
+        <div style="font-size: 50px; font-weight: inherit; padding: 20px">欢迎来到 MVA-CYBER !</div>
+      </el-main>
+      <el-footer>
 <!--        <div class="text-bg"></div>-->
         <el-col v-if="viewCountDisplay">
           <el-statistic title="网站累计访问次数" :value="outputValue"/>
         </el-col>
 
-<!--      </el-footer>-->
+      </el-footer>
     </el-container>
   </div>
 
@@ -57,7 +57,8 @@ img {
 
 }
 .el-main {
-  overflow: hidden;
+  display: flex;
+  justify-content: center;
   padding: 0;
   width: 100%;
 }
@@ -65,12 +66,13 @@ img {
   position: relative;
 }
 .el-col {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+
+  //position: absolute;
+  //width: 100%;
+  //height: 100%;
+  //display: flex;
+  //align-items: center;
+  //justify-content: center;
 }
 .el-statistic {
   display: flex;

src/pages/accountPages/Account_draft.vue

@@ -39,14 +39,17 @@ async function goPage(page) {
 }
 
 onMounted(async () => {
-  refreshDraft(1, 15);
+  if (store.getters.isCertified) {
+    refreshDraft(1, 15);
+  }
 })
 </script>
 
 <template>
   <div class="container">
     <!-- 顶部按钮居中 -->
-    <div class="top-bar">
+    <div v-if="! store.getters.isCertified" style="padding: 20px 0;">请联系管理员进行认证, 认证后可编写博客</div>
+    <div v-else class="top-bar">
       <button class="create-btn" @click="createNewDraft">新建博客</button>
       <div v-if="drafts === null">正在加载...</div>
     </div>

src/pages/accountPages/Account_worksmanage.vue

@@ -37,14 +37,18 @@ async function goPage(page) {
 }
 
 onMounted(async () => {
-  refreshwork(1, 15);
+  if (store.getters.isCertified) {
+    refreshwork(1, 15);
+  }
+
 })
 </script>
 
 <template>
   <div class="container">
+    <div v-if="! store.getters.isCertified" style="padding: 20px 0;">请联系管理员进行认证, 认证后可编写博客</div>
     <!-- 顶部按钮居中 -->
-    <div class="top-bar">
+    <div v-else class="top-bar">
       <button class="create-btn" @click="createNewwork">新建博客</button>
       <div v-if="works === null">正在加载...</div>
     </div>

src/router/index.js

@@ -155,6 +155,11 @@ router.beforeEach(async (to, from, next) => {
         store.state.isViewCounted = true;
     }
 
+
+    if (/^\/demos\/?$/.test(to.path)) {
+        next('/404');
+    }
+
     if (!store.state.userInfo.uid && store.state.token) {
         AuthService.setSelfInfo();
     }

src/store/index.js

@@ -116,6 +116,7 @@ const store = createStore({
                     return '未知';
             }
         },
+        isCertified: state => state.userInfo.role_id >=1,
         isAdmin: state => state.userInfo.role_id >= 2,
         isSuperAdmin: state => state.userInfo.role_id >= 3,
     },