chore：优化系统配置加载与切换问题

src/views/system/config/components/SecuritySetting.vue

@@ -1,92 +1,62 @@
 <template>
-  <a-form
-    ref="formRef"
-    :model="form"
-    :rules="rules"
-    size="small"
-    :auto-label-width="true"
-    label-align="left"
-    :layout="width >= 500 ? 'horizontal' : 'vertical'"
-    :disabled="!isUpdate"
-    scroll-to-first-error
-    style="margin-top: 10px"
-  >
+  <a-form ref="formRef" :model="form" :rules="rules" size="small" :auto-label-width="true" label-align="left"
+    :layout="width >= 500 ? 'horizontal' : 'vertical'" :disabled="!isUpdate" scroll-to-first-error
+    style="margin-top: 10px">
     <a-list size="small" :bordered="false">
       <a-list-item>
-        <a-form-item
-          :label="securityConfig.PASSWORD_ERROR_LOCK_COUNT.name"
-          field="PASSWORD_ERROR_LOCK_COUNT"
-          :help="securityConfig.PASSWORD_ERROR_LOCK_COUNT.description"
-          hide-asterisk
-        >
-          <a-input-number v-model="form.PASSWORD_ERROR_LOCK_COUNT" class="input-width" :default-value="0" :precision="0" :min="0" :max="10">
+        <a-form-item :label="securityConfig.PASSWORD_ERROR_LOCK_COUNT.name" field="PASSWORD_ERROR_LOCK_COUNT"
+          :help="securityConfig.PASSWORD_ERROR_LOCK_COUNT.description" hide-asterisk>
+          <a-input-number v-model="form.PASSWORD_ERROR_LOCK_COUNT" class="input-width" :default-value="0" :precision="0"
+            :min="0" :max="10">
             <template #append>次</template>
           </a-input-number>
         </a-form-item>
       </a-list-item>
-     <a-list-item>
-        <a-form-item
-          :label="securityConfig.PASSWORD_ERROR_LOCK_MINUTES.name"
-          field="PASSWORD_ERROR_LOCK_MINUTES"
-          :help="securityConfig.PASSWORD_ERROR_LOCK_MINUTES.description"
-          hide-asterisk
-        >
-          <a-input-number v-model="form.PASSWORD_ERROR_LOCK_MINUTES" class="input-width" :precision="0" :min="1" :max="1440">
+      <a-list-item>
+        <a-form-item :label="securityConfig.PASSWORD_ERROR_LOCK_MINUTES.name" field="PASSWORD_ERROR_LOCK_MINUTES"
+          :help="securityConfig.PASSWORD_ERROR_LOCK_MINUTES.description" hide-asterisk>
+          <a-input-number v-model="form.PASSWORD_ERROR_LOCK_MINUTES" class="input-width" :precision="0" :min="1"
+            :max="1440">
             <template #append>分钟</template>
           </a-input-number>
         </a-form-item>
       </a-list-item>
       <a-list-item>
-        <a-form-item
-          :label="securityConfig.PASSWORD_EXPIRATION_DAYS.name"
-          field="PASSWORD_EXPIRATION_DAYS"
-          :help="securityConfig.PASSWORD_EXPIRATION_DAYS.description"
-          hide-asterisk
-        >
-          <a-input-number v-model="form.PASSWORD_EXPIRATION_DAYS" class="input-width" :precision="0" :min="0" :max="999">
+        <a-form-item :label="securityConfig.PASSWORD_EXPIRATION_DAYS.name" field="PASSWORD_EXPIRATION_DAYS"
+          :help="securityConfig.PASSWORD_EXPIRATION_DAYS.description" hide-asterisk>
+          <a-input-number v-model="form.PASSWORD_EXPIRATION_DAYS" class="input-width" :precision="0" :min="0"
+            :max="999">
             <template #append>天</template>
           </a-input-number>
         </a-form-item>
       </a-list-item>
       <a-list-item>
-        <a-form-item
-          :label="securityConfig.PASSWORD_EXPIRATION_WARNING_DAYS.name"
-          field="PASSWORD_EXPIRATION_WARNING_DAYS"
-          :help="securityConfig.PASSWORD_EXPIRATION_WARNING_DAYS.description"
-          hide-asterisk
-        >
-          <a-input-number v-model="form.PASSWORD_EXPIRATION_WARNING_DAYS" class="input-width" :precision="0" :min="0" :max="998">
+        <a-form-item :label="securityConfig.PASSWORD_EXPIRATION_WARNING_DAYS.name"
+          field="PASSWORD_EXPIRATION_WARNING_DAYS" :help="securityConfig.PASSWORD_EXPIRATION_WARNING_DAYS.description"
+          hide-asterisk>
+          <a-input-number v-model="form.PASSWORD_EXPIRATION_WARNING_DAYS" class="input-width" :precision="0" :min="0"
+            :max="998">
             <template #append>天</template>
           </a-input-number>
         </a-form-item>
       </a-list-item>
       <a-list-item>
-        <a-form-item
-          :label="securityConfig.PASSWORD_REUSE_POLICY.name"
-          field="PASSWORD_REUSE_POLICY"
-          :help="securityConfig.PASSWORD_REUSE_POLICY.description"
-          hide-asterisk
-        >
+        <a-form-item :label="securityConfig.PASSWORD_REUSE_POLICY.name" field="PASSWORD_REUSE_POLICY"
+          :help="securityConfig.PASSWORD_REUSE_POLICY.description" hide-asterisk>
           <a-input-number v-model="form.PASSWORD_REUSE_POLICY" class="input-width" :precision="0" :min="3" :max="32">
             <template #append>次</template>
           </a-input-number>
         </a-form-item>
       </a-list-item>
       <a-list-item>
-        <a-form-item
-          :label="securityConfig.PASSWORD_MIN_LENGTH.name"
-          field="PASSWORD_MIN_LENGTH"
-          :help="securityConfig.PASSWORD_MIN_LENGTH.description"
-          hide-asterisk
-        >
+        <a-form-item :label="securityConfig.PASSWORD_MIN_LENGTH.name" field="PASSWORD_MIN_LENGTH"
+          :help="securityConfig.PASSWORD_MIN_LENGTH.description" hide-asterisk>
           <a-input-number v-model="form.PASSWORD_MIN_LENGTH" class="input-width" :precision="0" :min="8" :max="32" />
         </a-form-item>
       </a-list-item>
       <a-list-item>
-        <a-form-item
-          :label="securityConfig.PASSWORD_ALLOW_CONTAIN_USERNAME.name"
-          field="PASSWORD_ALLOW_CONTAIN_USERNAME"
-        >
+        <a-form-item :label="securityConfig.PASSWORD_ALLOW_CONTAIN_USERNAME.name"
+          field="PASSWORD_ALLOW_CONTAIN_USERNAME">
           <a-switch v-model="form.PASSWORD_ALLOW_CONTAIN_USERNAME" type="round" :checked-value="1" :unchecked-value="0">
             <template #checked>是</template>
             <template #unchecked>否</template>
@@ -94,11 +64,10 @@
         </a-form-item>
       </a-list-item>
       <a-list-item>
-        <a-form-item
-          :label="securityConfig.PASSWORD_CONTAIN_SPECIAL_CHARACTERS.name"
-          field="PASSWORD_CONTAIN_SPECIAL_CHARACTERS"
-        >
-          <a-switch v-model="form.PASSWORD_CONTAIN_SPECIAL_CHARACTERS" type="round" :checked-value="1" :unchecked-value="0">
+        <a-form-item :label="securityConfig.PASSWORD_CONTAIN_SPECIAL_CHARACTERS.name"
+          field="PASSWORD_CONTAIN_SPECIAL_CHARACTERS">
+          <a-switch v-model="form.PASSWORD_CONTAIN_SPECIAL_CHARACTERS" type="round" :checked-value="1"
+            :unchecked-value="0">
             <template #checked>是</template>
             <template #unchecked>否</template>
           </a-switch>
@@ -148,6 +117,7 @@ import { type FormInstance, Message, Modal } from '@arco-design/web-vue'
 import { type OptionResp, type SecurityConfig, listOption, resetOptionValue, updateOption } from '@/apis'
 import { useForm } from '@/hooks'
 
+defineOptions({ name: 'SecuritySetting' })
 const { width } = useWindowSize()
 
 const formRef = ref<FormInstance>()