perf: 优化更新auth (#1018)

* perf: 优化更新auth

* perf: 优化提交

Co-authored-by: ibuler <ibuler@qq.com>

src/views/settings/Auth/Base.vue

@@ -11,19 +11,20 @@
       :show-confirm="false"
       width="70%"
       v-on="$listeners"
-      @confirm="onConfirm()"
     >
-      <slot />
+      <GenericCreateUpdateForm v-bind="iConfig" @submitSuccess="submitSuccess" />
     </Dialog>
   </div>
 </template>
 
 <script>
 import Dialog from '@/components/Dialog'
+import { GenericCreateUpdateForm } from '@/layout/components'
 export default {
   name: 'Base',
   components: {
-    Dialog
+    Dialog,
+    GenericCreateUpdateForm
   },
   props: {
     title: {
@@ -33,6 +34,14 @@ export default {
     value: {
       type: Boolean,
       required: true
+    },
+    config: {
+      type: Object,
+      default: () => ({})
+    },
+    enableField: {
+      type: String,
+      default: ''
     }
   },
   data() {
@@ -40,8 +49,15 @@ export default {
       visible: false
     }
   },
+  computed: {
+    iConfig() {
+      return this.config
+    }
+  },
   methods: {
-    onConfirm() {
+    submitSuccess(res) {
+      this.$emit('input', !!res[this.enableField])
+      this.visible = false
     }
   }
 }

src/views/settings/Auth/CAS.vue

@@ -1,17 +1,19 @@
 <template>
-  <BaseAuth v-model="value" :title="$t('setting.CASSetting')">
+  <BaseAuth
-    <GenericCreateUpdateForm v-bind="settings" />
+    :value="value"
-  </BaseAuth>
+    :config="settings"
+    :title="$t('setting.CASSetting')"
+    enable-field="AUTH_CAS"
+    v-on="$listeners"
+  />
 </template>
 
 <script>
 import BaseAuth from './Base'
-import { GenericCreateUpdateForm } from '@/layout/components'
 export default {
   name: 'Cas',
   components: {
-    BaseAuth,
+    BaseAuth
-    GenericCreateUpdateForm
   },
   props: {
     value: {
@@ -21,7 +23,6 @@ export default {
   },
   data() {
     return {
-      visible: false,
       settings: {
         url: '/api/v1/settings/setting/?category=cas',
         fields: [

src/views/settings/Auth/DingTalk.vue

@@ -1,18 +1,20 @@
 <template>
-  <BaseAuth v-model="value" :title="$t('setting.DingTalk')">
+  <BaseAuth
-    <GenericCreateUpdateForm v-bind="$data" />
+    :value="value"
-  </BaseAuth>
+    :config="settings"
+    :title="$t('setting.DingTalk')"
+    enable-field="AUTH_DINGTALK"
+    v-on="$listeners"
+  />
 </template>
 
 <script>
 import BaseAuth from './Base'
-import GenericCreateUpdateForm from '@/layout/components/GenericCreateUpdateForm'
 
 export default {
   name: 'DingTalk',
   components: {
-    BaseAuth,
+    BaseAuth
-    GenericCreateUpdateForm
   },
   props: {
     value: {
@@ -23,6 +25,7 @@ export default {
   data() {
     const vm = this
     return {
+      settings: {
         url: '/api/v1/settings/setting/?category=dingtalk',
         moreButtons: [
           {
@@ -62,6 +65,7 @@ export default {
           return data
         }
       }
+    }
   },
   methods: {
   }

src/views/settings/Auth/FeiShu.vue

@@ -1,18 +1,20 @@
 <template>
-  <BaseAuth v-model="value" :title="$t('setting.FeiShu')">
+  <BaseAuth
-    <GenericCreateUpdateForm v-bind="$data" />
+    :value="value"
-  </BaseAuth>
+    :config="settings"
+    :title="$t('setting.FeiShu')"
+    enable-field="AUTH_FIESHU"
+    v-on="$listeners"
+  />
 </template>
 
 <script>
 import BaseAuth from './Base'
-import GenericCreateUpdateForm from '@/layout/components/GenericCreateUpdateForm'
 
 export default {
   name: 'Wecom',
   components: {
-    BaseAuth,
+    BaseAuth
-    GenericCreateUpdateForm
   },
   props: {
     value: {
@@ -23,6 +25,7 @@ export default {
   data() {
     const vm = this
     return {
+      settings: {
         url: '/api/v1/settings/setting/?category=feishu',
         hasDetailInMsg: false,
         moreButtons: [
@@ -61,6 +64,7 @@ export default {
           return 'put'
         }
       }
+    }
   },
   methods: {
   }

src/views/settings/Auth/OIDC.vue

@@ -1,18 +1,20 @@
 <template>
-  <BaseAuth v-model="value" title="OIDC">
+  <BaseAuth
-    <GenericCreateUpdateForm v-bind="settings" />
+    :value="value"
-  </BaseAuth>
+    :config="settings"
+    title="OIDC"
+    enable-field="AUTH_OPENID"
+    v-on="$listeners"
+  />
 </template>
 
 <script>
 import BaseAuth from './Base'
-import { GenericCreateUpdateForm } from '@/layout/components'
 
 export default {
   name: 'OIDC',
   components: {
-    BaseAuth,
+    BaseAuth
-    GenericCreateUpdateForm
   },
   props: {
     value: {
@@ -22,7 +24,6 @@ export default {
   },
   data() {
     return {
-      visible: false,
       settings: {
         url: '/api/v1/settings/setting/?category=oidc',
         fields: [

src/views/settings/Auth/Radius.vue

@@ -1,17 +1,19 @@
 <template>
-  <BaseAuth v-model="value" :title="$t('setting.Radius')">
+  <BaseAuth
-    <GenericCreateUpdateForm v-bind="settings" />
+    :value="value"
-  </BaseAuth>
+    :config="settings"
+    :title="$t('setting.Radius')"
+    enable-field="AUTH_RADIUS"
+    v-on="$listeners"
+  />
 </template>
 
 <script>
 import BaseAuth from './Base'
-import { GenericCreateUpdateForm } from '@/layout/components'
 export default {
   name: 'Cas',
   components: {
-    BaseAuth,
+    BaseAuth
-    GenericCreateUpdateForm
   },
   props: {
     value: {
@@ -21,7 +23,6 @@ export default {
   },
   data() {
     return {
-      visible: false,
       settings: {
         url: '/api/v1/settings/setting/?category=radius',
         fields: [

src/views/settings/Auth/SSO.vue

@@ -1,17 +1,19 @@
 <template>
-  <BaseAuth v-model="value" :title="$t('setting.SSO')">
+  <BaseAuth
-    <GenericCreateUpdateForm v-bind="settings" />
+    :value="value"
-  </BaseAuth>
+    :config="settings"
+    :title="$t('setting.SSO')"
+    enable-field="AUTH_SSO"
+    v-on="$listeners"
+  />
 </template>
 
 <script>
 import BaseAuth from './Base'
-import { GenericCreateUpdateForm } from '@/layout/components'
 export default {
   name: 'SSO',
   components: {
-    BaseAuth,
+    BaseAuth
-    GenericCreateUpdateForm
   },
   props: {
     value: {
@@ -21,7 +23,6 @@ export default {
   },
   data() {
     return {
-      visible: false,
       settings: {
         url: '/api/v1/settings/setting/?category=sso',
         fields: [

src/views/settings/Auth/WeCom.vue

@@ -1,18 +1,20 @@
 <template>
-  <BaseAuth v-model="value" :title="$t('setting.WeCom')">
+  <BaseAuth
-    <GenericCreateUpdateForm v-bind="$data" />
+    :value="value"
-  </BaseAuth>
+    :config="settings"
+    :title="$t('setting.WeCom')"
+    enable-field="AUTH_WECOM"
+    v-on="$listeners"
+  />
 </template>
 
 <script>
 import BaseAuth from './Base'
-import GenericCreateUpdateForm from '@/layout/components/GenericCreateUpdateForm'
 
 export default {
-  name: 'Wecom',
+  name: 'WeCom',
   components: {
-    BaseAuth,
+    BaseAuth
-    GenericCreateUpdateForm
   },
   props: {
     value: {
@@ -23,6 +25,7 @@ export default {
   data() {
     const vm = this
     return {
+      settings: {
         url: '/api/v1/settings/setting/?category=wecom',
         hasDetailInMsg: false,
         moreButtons: [
@@ -44,8 +47,7 @@ export default {
           [
             this.$t('common.BasicInfo'),
             [
-            'AUTH_WECOM', 'WECOM_CORPID', 'WECOM_AGENTID',
+              'AUTH_WECOM', 'WECOM_CORPID', 'WECOM_AGENTID', 'WECOM_SECRET'
-            'WECOM_SECRET'
             ]
           ]
         ],
@@ -59,7 +61,8 @@ export default {
           return data
         },
         submitMethod() {
-        return 'put'
+          return 'patch'
+        }
       }
     }
   },