保存进度！

企业级管理系统/web/admin_system/src/layout/Index.vue

@@ -2,7 +2,7 @@
  * @Author: Kane
  * @Date: 2023-01-04 11:05:44
  * @LastEditors: Kane
- * @LastEditTime: 2023-01-07 23:16:13
+ * @LastEditTime: 2023-01-08 21:18:30
  * @FilePath: \admin_system\src\layout\Index.vue
  * @Description: 
  * 
@@ -40,6 +40,7 @@ export default {
 <style scoped>
 #layout-container {
     height: 100vh;
+    max-height: 100vh;
     /* overflow: hiddens; */
 }
 
@@ -53,6 +54,7 @@ export default {
     height: 50px;
     /* background-color: #77bc99; */
     padding: 0px;
+    flex-grow: 0;
 }
 
 #layout-main {
@@ -64,5 +66,6 @@ export default {
 #layout-container-down {
     height: calc(100vh - 50px);
     /* max-height: calc(100vh - 50px); */
+
 }
 </style>

企业级管理系统/web/admin_system/src/layout/components/Aside.vue

@@ -2,7 +2,7 @@
  * @Author: Kane
  * @Date: 2023-01-04 11:30:33
  * @LastEditors: Kane
- * @LastEditTime: 2023-01-08 00:02:15
+ * @LastEditTime: 2023-01-08 23:11:00
  * @FilePath: \admin_system\src\layout\components\Aside.vue
  * @Description: 
  * 
@@ -99,6 +99,17 @@ export default {
     border-right: none;
     /* border-left: 5px solid #1d74b2; */
     overflow: auto;
+
+    -webkit-touch-callout: none;
+    -moz-user-select: none;
+    /*火狐*/
+    -webkit-user-select: none;
+    /*webkit浏览器*/
+    -ms-user-select: none;
+    /*IE10*/
+    -khtml-user-select: none;
+    /*早期浏览器*/
+    user-select: none;
 }
 
 .is-active {

企业级管理系统/web/admin_system/src/layout/components/Header.vue

@@ -2,20 +2,23 @@
  * @Author: Kane
  * @Date: 2023-01-04 11:39:04
  * @LastEditors: Kane
- * @LastEditTime: 2023-01-06 17:10:33
+ * @LastEditTime: 2023-01-08 23:11:47
  * @FilePath: \admin_system\src\layout\components\Header.vue
  * @Description: 
  * 
  * Copyright (c) ${2022} by Kane, All Rights Reserved. 
 -->
 <template>
-    <div class="app_banner">
+    <div class="app_banner no_select">
         <span class="company_name">CPIC</span>
         <div class="version_div">
             <div>测试版</div>
             <div>3.6.7 x64 Build 202208301257</div>
         </div>
-        <div class="buttons_div"></div>
+        <div class="buttons_div">
+            <User style="width: 25px; height; 25px; margin-right: 8px" />
+            <SwitchButton style="width: 25px; height; 25px; margin-right: 8px" />
+        </div>
     </div>
 </template>
 
@@ -42,10 +45,23 @@ export default {
     display: flex;
     justify-content: left;
     align-items: center;
-    padding: 0px 15px;
+    padding: 0px 15px 0px 15px;
     height: 100%;
 }
 
+.no_select {
+    -webkit-touch-callout: none;
+    -moz-user-select: none;
+    /*火狐*/
+    -webkit-user-select: none;
+    /*webkit浏览器*/
+    -ms-user-select: none;
+    /*IE10*/
+    -khtml-user-select: none;
+    /*早期浏览器*/
+    user-select: none;
+}
+
 .app_banner>*+* {
     margin-left: 10px;
 }
@@ -60,5 +76,7 @@ export default {
 
 .buttons_div {
     margin-left: auto;
+    padding-top: 5px;
+    /* border: 1px solid salmon; */
 }
 </style>

企业级管理系统/web/admin_system/src/store/modules/app.js

@@ -2,17 +2,22 @@
  * @Author: Kane
  * @Date: 2023-01-07 22:25:43
  * @LastEditors: Kane
- * @LastEditTime: 2023-01-08 11:11:07
+ * @LastEditTime: 2023-01-08 16:44:32
  * @FilePath: \admin_system\src\store\modules\app.js
  * @Description: app模块
  * 
  * Copyright (c) ${2022} by Kane, All Rights Reserved. 
  */
 const state = {
-    count: 100,
+    count: 1001,
 };
 const getters = {};
-const mutations = {};
+const mutations = {
+    SET_COUNT(state, newCount)
+    {
+        state.count = newCount;
+    },
+};
 const actions = {};
 
 export default {
@@ -20,5 +25,5 @@ export default {
     state,
     getters,
     mutations,
-    actions
+    actions,
 };

企业级管理系统/web/admin_system/src/views/news/NewsEdit.vue

@@ -2,7 +2,7 @@
  * @Author: Kane
  * @Date: 2023-01-06 19:05:53
  * @LastEditors: Kane
- * @LastEditTime: 2023-01-08 11:18:12
+ * @LastEditTime: 2023-01-08 19:26:26
  * @FilePath: \admin_system\src\views\news\NewsEdit.vue
  * @Description: 
  * 
@@ -11,22 +11,39 @@
 <template>
     信息编辑:{{ getCount }}
     <br>
+    <el-button type="danger" @click="this.add">计数加一</el-button>
     <SvgIcon icon="house"></SvgIcon>
 </template>
 
 <script>
-import { useStore } from "vuex";
+//import { ElMessage } from 'element-plus';
 
 export default {
     name: "NewsEdit",
+    data()
+    {
+        return {
+            store: null,
+        };
+    },
     computed: {
         getCount()
         {
-            const store = useStore();
+            return this.$store.state.app.count;
-
-            return store.state.app.count;
         },
     },
+    methods: {
+        add()
+        {
+            let count = this.store.state.app.count + 1;
+
+            this.store.commit("app/SET_COUNT", count);
+        },
+    },
+    created()
+    {
+        this.store = this.$store;
+    }
 };
 </script>