fix(#24842): fixed-24842切换时重置数据

src/views/sys/login/RegisterForm.vue

@@ -44,12 +44,12 @@
         />
       </FormItem>
 
-      <FormItem class="enter-x" name="policy">
-        <!-- No logic, you need to deal with it yourself -->
+      <!-- <FormItem class="enter-x" name="policy">
+ 
         <Checkbox v-model:checked="formData.policy" size="small">
           {{ t('sys.login.policy') }}
         </Checkbox>
-      </FormItem>
+      </FormItem> -->
 
       <Button
         type="primary"
@@ -68,9 +68,10 @@
   </template>
 </template>
 <script lang="ts" setup>
-  import { reactive, ref, unref, computed } from 'vue';
+  import { reactive, ref, unref, computed, watch } from 'vue';
   import LoginFormTitle from './LoginFormTitle.vue';
-  import { Form, Input, Button, Checkbox } from 'ant-design-vue';
+  // Checkbox
+  import { Form, Input, Button } from 'ant-design-vue';
   import { StrengthMeter } from '/@/components/StrengthMeter';
   import { CountdownInput } from '/@/components/CountDown';
   import { useI18n } from '/@/hooks/web/useI18n';
@@ -101,6 +102,19 @@
 
   const getShow = computed(() => unref(getLoginState) === LoginStateEnum.REGISTER);
 
+  watch(
+    () => getShow.value,
+    (val) => {
+      console.log('val', val);
+      if (val) {
+        formData.companyName = '';
+        formData.managerPhone = '';
+        formData.password = '';
+        formData.confirmPassword = '';
+      }
+    },
+    { immediate: true },
+  );
   async function sendEmailCode(): Promise<boolean> {
     const form = unref(formRef);
     if (!form) {

src/views/sys/login/useLogin.ts

@@ -46,9 +46,9 @@ export function useFormRules(formData?: Recordable) {
   const getSmsFormRule = computed(() => createRule(t('sys.login.smsPlaceholder')));
   // const getMobileFormRule = computed(() => createRule(t('sys.login.fillMail')));
 
-  const validatePolicy = async (_: RuleObject, value: boolean) => {
-    return !value ? Promise.reject(t('sys.login.policyPlaceholder')) : Promise.resolve();
-  };
+  // const validatePolicy = async (_: RuleObject, value: boolean) => {
+  //   return !value ? Promise.reject(t('sys.login.policyPlaceholder')) : Promise.resolve();
+  // };
 
   const validateConfirmPassword = (password: string) => {
     return async (_: RuleObject, value: string) => {
@@ -93,7 +93,7 @@ export function useFormRules(formData?: Recordable) {
           confirmPassword: [
             { validator: validateConfirmPassword(formData?.password), trigger: 'change' },
           ],
-          policy: [{ validator: validatePolicy, trigger: 'change' }],
+          // policy: [{ validator: validatePolicy, trigger: 'change' }],
           ...mobileRule,
         };