🚧 增加多用户适配

electron/storage/config.ts

@@ -22,6 +22,10 @@ export type Config = {
   tlsConfigServerName: string;
   proxyConfigEnable: boolean;
   proxyConfigProxyUrl: string;
+  systemSelfStart: boolean;
+  systemStartupConnect: boolean;
+  user: string;
+  metaToken: string;
 };
 
 /**

src/views/config/index.vue

@@ -73,7 +73,13 @@ const rules = reactive<FormRules>({
   serverPort: [
     {required: true, message: "请输入服务器端口", trigger: "blur"}
   ],
-  // authMethod: [{ required: true, message: "请选择验证方式", trigger: "blur" }],
+  user: [
+    {required: true, message: "请输入用户", trigger: "blur"}
+  ],
+  metaToken: [
+    {required: true, message: "请输入多用户令牌", trigger: "blur"}
+  ],
+  authMethod: [{ required: true, message: "请选择验证方式", trigger: "blur" }],
   authToken: [{required: true, message: "请输入token值 ", trigger: "blur"}],
   logLevel: [{required: true, message: "请选择日志级别 ", trigger: "blur"}],
   logMaxDays: [{required: true, message: "请输入日志保留天数 ", trigger: "blur"}],
@@ -230,7 +236,8 @@ onUnmounted(() => {
                         trigger="hover"
                     >
                       <template #default>
-                        Frps服务端地址 <br/> 支持 <span class="font-black text-[#5A3DAA]">域名</span> <span class="font-black text-[#5A3DAA]">IP</span>
+                        Frps服务端地址 <br/> 支持 <span class="font-black text-[#5A3DAA]">域名</span>、<span
+                          class="font-black text-[#5A3DAA]">IP</span>
                       </template>
                       <template #reference>
                         <Icon class="text-base" color="#5A3DAA" icon="material-symbols:info"/>
@@ -259,18 +266,35 @@ onUnmounted(() => {
             </el-col>
             <el-col :span="12">
               <el-form-item label="验证方式：" prop="authMethod">
+                <template #label>
+                  <div class="h-full flex items-center mr-1">
+                    <el-popover
+                        width="200"
+                        placement="top"
+                        trigger="hover"
+                    >
+                      <template #default>
+                        对应参数：<span class="font-black text-[#5A3DAA]">auth.method</span>
+                      </template>
+                      <template #reference>
+                        <Icon class="text-base" color="#5A3DAA" icon="material-symbols:info"/>
+                      </template>
+                    </el-popover>
+                  </div>
+                  验证方式：
+                </template>
                 <el-select
                     v-model="formData.authMethod"
                     placeholder="请选择验证方式"
                     clearable
                 >
-                  <el-option label="token" value="token"></el-option>
+                  <el-option label="令牌（token）" value="token"></el-option>
                   <el-option label="多用户" value="multiuser"></el-option>
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="24" v-if="formData.authMethod === 'token'">
-              <el-form-item label="token：" prop="authToken">
+              <el-form-item label="令牌（token）：" prop="authToken">
                 <el-input
                     placeholder="token"
                     type="password"
@@ -279,20 +303,52 @@ onUnmounted(() => {
               </el-form-item>
             </el-col>
             <el-col :span="12" v-if="formData.authMethod === 'multiuser'">
-              <el-form-item label="user：" prop="user">
+              <el-form-item label="用户：" prop="user">
+                <template #label>
+                  <div class="h-full flex items-center mr-1">
+                    <el-popover
+                        placement="top"
+                        trigger="hover"
+                    >
+                      <template #default>
+                        对应参数：<span class="font-black text-[#5A3DAA]">user</span>
+                      </template>
+                      <template #reference>
+                        <Icon class="text-base" color="#5A3DAA" icon="material-symbols:info"/>
+                      </template>
+                    </el-popover>
+                  </div>
+                  用户：
+                </template>
                 <el-input
-                    placeholder="user"
+                    placeholder="请输入用户"
-                    type="password"
                     v-model="formData.user"
                 />
               </el-form-item>
             </el-col>
             <el-col :span="12" v-if="formData.authMethod === 'multiuser'">
-              <el-form-item label="meta_token：" prop="meta_token">
+              <el-form-item label="用户令牌：" prop="metaToken">
+                <template #label>
+                  <div class="h-full flex items-center mr-1">
+                    <el-popover
+                        width="200"
+                        placement="top"
+                        trigger="hover"
+                    >
+                      <template #default>
+                        对应参数：<span class="font-black text-[#5A3DAA]">meta_token</span>
+                      </template>
+                      <template #reference>
+                        <Icon class="text-base" color="#5A3DAA" icon="material-symbols:info"/>
+                      </template>
+                    </el-popover>
+                  </div>
+                  用户令牌：
+                </template>
                 <el-input
-                    placeholder="meta_token"
+                    placeholder="请输入用户令牌"
                     type="password"
-                    v-model="formData.meta_token"
+                    v-model="formData.metaToken"
                 />
               </el-form-item>
             </el-col>