重构 Logo 图标&修复关服命令

src/app/App.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: Copyright(c) 2021 Suwings
  * @Date: 2021-05-08 10:07:55
- * @LastEditTime: 2021-12-22 21:59:42
+ * @LastEditTime: 2021-12-25 14:20:12
  * @Description: 
 -->
 <template>

src/app/views/NewInstance.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: Copyright(c) 2020 Suwings
  * @Date: 2021-05-08 11:53:54
- * @LastEditTime: 2021-09-09 16:01:11
+ * @LastEditTime: 2021-12-25 14:20:33
  * @Description: 
 -->
 
@@ -414,14 +414,17 @@ export default {
       if (v === 1) {
         this.form.type = TYPE_MINECRAFT_JAVA;
         this.assist.commandtemplate = "java -jar {{ProgramName}}";
+        this.form.stopCommand = "stop";
       }
       if (v === 2) {
         this.form.type = TYPE_MINECRAFT_BEDROCK;
         this.assist.commandtemplate = "{{ProgramName}}";
+        this.form.stopCommand = "stop";
       }
       if (v === 3) {
         this.form.type = TYPE_UNIVERSAL;
         this.assist.commandtemplate = "{{ProgramName}}";
+        this.form.stopCommand = "^c";
       }
       this.title = "选择创建方式";
       this.typeA = v;

src/components/Aside.vue

@@ -17,9 +17,7 @@
     :default-active="$route.path"
   >
     <el-scrollbar>
-      <div class="logo-wrapper">
-        <el-image :src="require('../assets/logo.png')" fit="contain"> </el-image>
-      </div>
+      <Logo></Logo>
       <el-menu-item-group>
         <template #title>基础功能</template>
         <el-menu-item key="/overview" index="/overview">

src/components/Header.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: Copyright(c) 2020 Suwings
  * @Date: 2021-05-08 11:53:54
- * @LastEditTime: 2021-10-20 16:31:14
+ * @LastEditTime: 2021-12-25 14:21:57
  * @Description: 
 -->
 
@@ -60,22 +60,18 @@
     style="margin-bottom: 20px; border-radius: 4px; color: white"
   >
     <div class="flex flex-space-between">
-      <div style="height: 36px; line-height: 36px">
-        <router-link to="/home">
-          <img
-            :src="require('../assets/logo.png')"
-            fit="contain"
-            style="vertical-align: text-top"
-          />
-        </router-link>
-      </div>
+      <router-link to="/home">
+        <div style="height: 36px; line-height: 36px">
+          <div>
+            <Logo style="vertical-align: text-top" margin="0px"></Logo>
+          </div>
+        </div>
+      </router-link>
       <div style="height: 36px; line-height: 36px">
         <ItemGroup :lr="true">
-          <div class="only-pc-display">
-            <router-link to="/home">
-              <el-link :underline="false" class="header-a">欢迎您，{{ userInfo.userName }}</el-link>
-            </router-link>
-          </div>
+          <router-link to="/home">
+            <el-link :underline="false" class="header-a">欢迎您，{{ userInfo.userName }}</el-link>
+          </router-link>
           <el-link @click="toPrivate" class="header-a">个人资料</el-link>
           <el-link @click="logout" class="header-a">退出</el-link>
         </ItemGroup>
@@ -88,6 +84,8 @@
 import router from "../app/router";
 import { API_USER_LOGOUT } from "../app/service/common";
 import { request } from "../app/service/protocol";
+import Logo from "./Logo.vue";
+
 export default {
   props: {
     breadcrumbsList: Array,
@@ -134,7 +132,7 @@ export default {
       }
     }
   },
-  components: {}
+  components: { Logo }
 };
 </script>
 

src/components/Logo.vue

@@ -0,0 +1,34 @@
+<!--
+ * @Author: Suwings
+ * @Date: 2021-12-25 10:51:46
+ * @LastEditTime: 2021-12-25 11:40:51
+-->
+<template>
+  <div>
+    <div class="logo-wrapper" :style="{ margin }">
+      <img class="logo-img" :src="require('../assets/logo.png')" width="180" />
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    style: String,
+    margin: String
+  },
+  data: function () {
+    return {};
+  }
+};
+</script>
+
+<style scoped>
+.logo-img {
+  vertical-align: middle;
+}
+.logo-wrapper {
+  margin: 22px 0px;
+  text-align: center;
+}
+</style>

src/components/TopHeader.vue

@@ -1,51 +0,0 @@
-<!--
- * @Author: Copyright(c) 2020 Suwings
- * @Date: 2021-05-08 11:08:44
- * @LastEditTime: 2021-09-02 17:40:24
- * @Description: 
--->
-<template>
-  <div>
-    <div class="logo-wrapper2">
-      <el-image :src="require('../assets/logo.png')" fit="contain"></el-image>
-    </div>
-  </div>
-</template>
-
-<script>
-import router from "../app/router";
-
-export default {
-  data: function () {
-    return {};
-  },
-  computed: {
-    userInfo() {
-      return this.$store.state.userInfo;
-    },
-    isTopPermission() {
-      return this.$store.state.userInfo.permission >= 10;
-    }
-  },
-  methods: {
-    handleOpen(key, keyPath) {
-      console.log(key, keyPath);
-    },
-    handleClose(key, keyPath) {
-      console.log(key, keyPath);
-    },
-    toRouter(path) {
-      router.push({ path });
-    }
-  },
-  mounted() {}
-};
-</script>
-
-<style scoped>
-.logo-wrapper2 {
-  display: inline-block;
-  margin: 14px 0px;
-  text-align: center;
-}
-</style>