lejianwen месяцев назад: 11
Родитель
Сommit
c20592620d
1 измененных файлов с 22 добавлено и 27 удалено
  1. 22 27
      src/views/oauth/index.vue

+ 22 - 27
src/views/oauth/index.vue

@@ -51,7 +51,7 @@
51
           <el-input v-model="formData.issuer" :placeholder="`${T('Check your IdP docs, without')} '/.well-known/openid-configuration'`"></el-input>
51
           <el-input v-model="formData.issuer" :placeholder="`${T('Check your IdP docs, without')} '/.well-known/openid-configuration'`"></el-input>
52
         </el-form-item>
52
         </el-form-item>
53
         <el-form-item v-show="formData.oauth_type === 'oidc'" label="Scopes" prop="scopes">
53
         <el-form-item v-show="formData.oauth_type === 'oidc'" label="Scopes" prop="scopes">
54
-          <el-input v-model="formData.scopes" :placeholder="`${T('Optional, default is')} 'openid,profile,email'`" ></el-input>
54
+          <el-input v-model="formData.scopes" :placeholder="`${T('Optional, default is')} 'openid,profile,email'`"></el-input>
55
         </el-form-item>
55
         </el-form-item>
56
         <el-form-item label="ClientId" prop="client_id">
56
         <el-form-item label="ClientId" prop="client_id">
57
           <el-input v-model="formData.client_id"></el-input>
57
           <el-input v-model="formData.client_id"></el-input>
@@ -62,25 +62,19 @@
62
         <el-form-item label="RedirectUrl" prop="redirect_url">
62
         <el-form-item label="RedirectUrl" prop="redirect_url">
63
           <el-input v-model="formData.redirect_url"></el-input>
63
           <el-input v-model="formData.redirect_url"></el-input>
64
         </el-form-item>
64
         </el-form-item>
65
-        <el-row :gutter="20">
66
-          <el-col :span="12">
67
-            <el-form-item label="PkceEnable" prop="pkce_enable">
68
-              <el-switch v-model="formData.pkce_enable"
69
-                        :active-value="true"
70
-                        :inactive-value="false">
71
-              </el-switch>
72
-            </el-form-item>
73
-          </el-col>
65
+        <el-form-item label="PkceEnable" prop="pkce_enable">
66
+          <el-switch v-model="formData.pkce_enable"
67
+                     :active-value="true"
68
+                     :inactive-value="false">
69
+          </el-switch>
70
+        </el-form-item>
74
 
71
 
75
-          <el-col :span="12" v-if="formData.pkce_enable">
76
-            <el-form-item label="PkceMethod" prop="pkce_method">
77
-              <el-select v-model="formData.pkce_method" placeholder="Select PKCE Method">
78
-                <el-option label="S256 (Recommended)" value="S256"></el-option>
79
-                <el-option label="Plain" value="plain"></el-option>
80
-              </el-select>
81
-            </el-form-item>
82
-          </el-col>
83
-        </el-row>
72
+        <el-form-item v-if="formData.pkce_enable" label="PkceMethod" prop="pkce_method">
73
+          <el-select v-model="formData.pkce_method" placeholder="Select PKCE Method">
74
+            <el-option label="S256 (Recommended)" value="S256"></el-option>
75
+            <el-option label="Plain" value="plain"></el-option>
76
+          </el-select>
77
+        </el-form-item>
84
         <el-form-item :label="T('AutoRegister')" prop="auto_register">
78
         <el-form-item :label="T('AutoRegister')" prop="auto_register">
85
           <el-switch v-model="formData.auto_register"
79
           <el-switch v-model="formData.auto_register"
86
                      :active-value="true"
80
                      :active-value="true"
@@ -113,7 +107,7 @@
113
   const types = [
107
   const types = [
114
     { value: 'github', label: 'GitHub' },
108
     { value: 'github', label: 'GitHub' },
115
     { value: 'google', label: 'Google' },
109
     { value: 'google', label: 'Google' },
116
-    { value: 'oidc',   label: 'OIDC'   }
110
+    { value: 'oidc', label: 'OIDC' },
117
   ]
111
   ]
118
   const getList = async () => {
112
   const getList = async () => {
119
     listRes.loading = true
113
     listRes.loading = true
@@ -175,19 +169,20 @@
175
     redirect_url: [{ required: true, message: T('ParamRequired', { param: 'redirect_url' }), trigger: 'blur' }],
169
     redirect_url: [{ required: true, message: T('ParamRequired', { param: 'redirect_url' }), trigger: 'blur' }],
176
     oauth_type: [{ required: true, message: T('ParamRequired', { param: 'oauth_type' }), trigger: 'blur' }],
170
     oauth_type: [{ required: true, message: T('ParamRequired', { param: 'oauth_type' }), trigger: 'blur' }],
177
     issuer: [{ required: true, message: T('ParamRequired', { param: 'issuer' }), trigger: 'blur' }],
171
     issuer: [{ required: true, message: T('ParamRequired', { param: 'issuer' }), trigger: 'blur' }],
178
-    pkce_method: [{ required: false, message: T('ParamRequired', { param: 'pkce_method' }), trigger: 'blur' },
172
+    pkce_method: [
173
+      { required: false, message: T('ParamRequired', { param: 'pkce_method' }), trigger: 'blur' },
179
       {
174
       {
180
         validator: (rule, value, callback) => {
175
         validator: (rule, value, callback) => {
181
-          const allowedValues = ["S256", "Plain"];
176
+          const allowedValues = ['S256', 'plain']
182
           if (!allowedValues.includes(value)) {
177
           if (!allowedValues.includes(value)) {
183
-            callback(new Error(T('InvalidParam', { param: 'pkce_method' })));
178
+            callback(new Error(T('InvalidParam', { param: 'pkce_method' })))
184
           } else {
179
           } else {
185
-            callback(); // 校验通过
180
+            callback() // 校验通过
186
           }
181
           }
187
         },
182
         },
188
-        trigger: 'change'
189
-      }
190
-    ]
183
+        trigger: 'change',
184
+      },
185
+    ],
191
   }
186
   }
192
   const toEdit = (row) => {
187
   const toEdit = (row) => {
193
     formVisible.value = true
188
     formVisible.value = true