🎨优化如果一个页面退出了，其他都退出

http/api/client.go

@@ -373,7 +373,7 @@ func (clients) Status(c *gin.Context) {
 				ipAllocation += iaip.String() + ","
 			}
 			ipAllocation = strings.TrimRight(ipAllocation, ",")
-			isOnline := time.Since(p.LastHandshakeTime).Minutes() < 1
+			isOnline := time.Since(p.LastHandshakeTime).Minutes() < 3
 			data = append(data, vo.ClientStatus{
 				ID:            clientInfo.Id,
 				Name:          clientInfo.Name,

queues/async_wg_config.go

@@ -79,7 +79,7 @@ func asyncWireguardConfigFile() {
 		var renderClients []template_data.Client
 		for _, v := range serverEnt.Clients {
 			// 如果不是确认后创建或者未启用就不写入到wireguard配置文件当中
-			if *v.EnableAfterCreation != 1 || *v.Enabled != 1 {
+			if *v.Enabled != 1 {
 				continue
 			}
 			var clientKey template_data.Keys

repository/server.go

@@ -59,6 +59,8 @@ func (r server) Update(p param.SaveServer) (err error) {
 		"post_up_script":   p.PostUpScript,
 		"pre_down_script":  p.PreDownScript,
 		"post_down_script": p.PostDownScript,
+		"private_key":      p.PrivateKey,
+		"public_key":       p.PublicKey,
 	}
 	return r.Model(&entity.Server{}).Where("id = ?", p.Id).Updates(&update).Error
 }

web-src/src/layout/components/lay-navbar/index.vue

@@ -132,6 +132,7 @@ const getRule = () => {
       rule.value = res.data.rule === "hand";
     }
   });
+  storageLocal().setItem("restart-rule", rule.value);
   return rule;
 };
 

web-src/src/utils/http/index.ts

@@ -135,6 +135,14 @@ class PureHttp {
         $error.isCancelRequest = Axios.isCancel($error);
         // 关闭进度条动画
         NProgress.done();
+        if ($error.response.status === 401) {
+          router.replace({
+            path: "/login",
+            query: {
+              redirect: router.currentRoute.value.fullPath
+            }
+          });
+        }
         // 所有的响应异常 区分来源为取消请求/非取消请求
         return Promise.reject($error);
       }

web-src/src/views/dashboard/index.vue

@@ -2,9 +2,9 @@
 import { useServerStoreHook } from "@/store/modules/server";
 import { getSystemLog } from "@/api/dashboard";
 import { reactive } from "vue";
-import {getClientConnects, offlineClient} from "@/api/clients";
+import { getClientConnects, offlineClient } from "@/api/clients";
-import {Refresh} from "@element-plus/icons-vue";
+import { Refresh } from "@element-plus/icons-vue";
-import {message} from "@/utils/message";
+import { message } from "@/utils/message";
 
 defineOptions({
   name: "Dashboard"
@@ -87,7 +87,13 @@ getClientsStatus();
       <template #header>
         <div class="card-header">
           <span>操作日志</span>
-          <el-button style="float: right"  type="primary" :icon="Refresh" @click="refreshClick('systemLog')">刷新</el-button>
+          <el-button
+            style="float: right"
+            type="primary"
+            :icon="Refresh"
+            @click="refreshClick('systemLog')"
+            >刷新</el-button
+          >
         </div>
       </template>
       <el-table
@@ -194,7 +200,13 @@ getClientsStatus();
       <template #header>
         <div class="card-header">
           <span>客户端链接状态</span>
-          <el-button style="float: right"  type="primary" :icon="Refresh" @click="refreshClick('clientStatus')">刷新</el-button>
+          <el-button
+            style="float: right"
+            type="primary"
+            :icon="Refresh"
+            @click="refreshClick('clientStatus')"
+            >刷新</el-button
+          >
         </div>
       </template>
       <el-table
@@ -256,11 +268,7 @@ getClientsStatus();
           min-width="80"
           align="center"
         />
-        <el-table-column
+        <el-table-column label="操作" min-width="80" align="center">
-          label="操作"
-          min-width="80"
-          align="center"
-        >
           <template #default="scope">
             <el-button
               v-if="scope.row.isOnline"

web-src/src/views/server/clients.vue

@@ -151,6 +151,7 @@ const openAddClientDialog = () => {
     }
   });
   const serverInfo = storageLocal().getItem("server-info");
+  const restartRule = storageLocal().getItem("restart-rule") ? 1 : 0;
   addDialog({
     width: "40%",
     title: "新增",
@@ -167,7 +168,7 @@ const openAddClientDialog = () => {
         extraAllowedIPS: "",
         endpoint: "",
         useServerDNS: 0,
-        enableAfterCreation: 0,
+        enableAfterCreation: restartRule,
         keys: {
           privateKey: "",
           publicKey: "",
@@ -308,10 +309,10 @@ getClientsApi(clientSearchForm.value);
     </div>
     <div class="content">
       <el-card body-style="padding: inherit" shadow="hover">
-        <div class="flex flex-wrap gap-4">
+        <div class="flex flex-wrap gap-4" style="display: flex;justify-content: center;">
           <el-card
             v-for="val in clientsList.data"
-            style="width: 540px"
+            style="float: left; width: 500px"
             shadow="hover"
           >
             <template #header>