testcase

src/components/Layout.vue

@@ -80,7 +80,8 @@ export default defineComponent({
  const selectedKeys = ref(['1'])
  const {username} = storeToRefs(useStore())
  let container = {
- padding: '24px', background: '#fff', minHeight: '100%'}
+ padding: '24px', background: '#fff', minHeight: '100%'
+ }
  const router = useRouter()
  const route = useRoute()
  const goTopage = (item) => {
@@ -115,25 +116,31 @@ export default defineComponent({
  font-weight: bold;
  background: rgba(255, 255, 255, 0.3);
 }
+
 .layout {
  height: 100vh;
 }
+
 .left-menu {
  overflow-y: scroll;
  height: 100vh;
 
 
 }
+
 .site-layout .site-layout-background {
  background: #fff;
 }
+
 [data-theme='dark'] .site-layout .site-layout-background {
  background: #141414;
 }
+
 .headers {
  display: flex;
  justify-content: right;
 }
+
 .down {
  margin-right: 45px;
  font-size: 15px;
@@ -146,12 +153,14 @@ export default defineComponent({
  height: 16px;
  background-color: rgba(0, 9, 38, 0.69);
 }
+
 /*定义滚动条轨道内阴影+圆角*/
 ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: rgba(17, 16, 16, 1);
 }
+
 /*定义滑块内阴影+圆角*/
 ::-webkit-scrollbar-thumb {
  border-radius: 10px;

src/store/index.js

@@ -8,7 +8,7 @@ const useStore = defineStore("store",{
  },
  //触发动作
  actions:{
- setuser(username){
+ setUser(username){
  this.username = username
  }
  },

src/view/Login.vue

@@ -28,8 +28,6 @@
  </a-form-item>
  </a-form>
  </div>
-
-
  </div>
 </template>
 
@@ -74,7 +72,7 @@ export default {
  };
  const store = useStore()
  const Check = (username) => {
- store.setuser(username)
+ store.setUser(username)
  }
 
 
@@ -138,6 +136,7 @@ export default {
  padding: 0 20px;
  box-sizing: border-box;
 }
+
 .text {
  display: flex;
  margin-top: 25px;

src/view/Monit.vue

@@ -15,6 +15,7 @@
 
 <script setup>
 import {ref} from "vue";
+
 const option = ref({
  tooltip: {
  formatter: '{a} <br/>{b} : {c}%'
@@ -69,6 +70,7 @@ const memory = ref( {
  height: 300px;
  width: 300px;
 }
+
 .charts {
  display: flex;
  justify-content: flex-start;