[WHAT] 忘記密碼 [WHY] 開發 ShowEasy 前台

1. 忘記密碼流程調整

FrontEnd/pages/user/forgot.vue

@@ -2,7 +2,7 @@
   <div
     class="tw-bg-white md:tw-rounded-[24px] md:tw-mt-[30px] md:tw-pt-[60px] md:tw-pb-[150px] md:tw-px-[30px]"
   >
-    <div v-if="Object.keys(result).length < 1">
+    <div v-if="getPath == null">
       <p class="tw-text-[26px] tw-font-bold tw-mb-[20px] md:tw-text-[18px]">
         {{ $t("Forgot Password") }}
       </p>
@@ -42,7 +42,7 @@
         </button>
       </div>
     </div>
-    <div v-if="Object.keys(result).length >= 1 && !resetSuccess">
+    <div v-if="getPath != null && resetSuccess == false">
       <p class="title">{{ $t("Reset Password") }}</p>
       <v-form v-model="resetValid">
         <v-text-field
@@ -83,13 +83,8 @@
       <div class="md:tw-flex md:tw-justify-center md:tw-items-center">
         <button
           @click="resetUserPass"
-          :disabled="!resetValid"
           :class="[
-            'tw-block tw-w-full tw-py-[10px] tw-rounded-[16px] tw-border tw-border-solid tw-body-3 tw-font-normal tw-transition-all tw-duration-200 tw-ease-in-out',
-            resendValid
-              ? 'tw-text-white tw-bg-primary-default tw-border-primary-default'
-              : 'tw-text-base-disable tw-bg-neutral-100 tw-border-neutral-100',
-          ]"
+            'tw-block tw-w-full tw-py-[10px] tw-rounded-[16px] tw-border tw-border-solid tw-body-3 tw-font-normal tw-transition-all tw-duration-200 tw-ease-in-out tw-text-white tw-bg-primary-default tw-border-primary-default']"
         >
           {{ $t("Reset Password") }}
         </button>
@@ -142,6 +137,7 @@ export default {
         Password: "",
       },
       result: "",
+      getPath: null,
       rules: {
         require: (value) => !!value || this.$t("Required."),
         email: (v) =>
@@ -161,7 +157,21 @@ export default {
       },
     };
   },
+  created(){
+    this.$auth.$storage.removeUniversal('userPassword');
+    this.$auth.$storage.removeUniversal('userAccount');
+    this.getPAth();
+
+  },
   methods: {
+    getPAth(){
+      let vm = this;
+      if (this.$route.query.Email) {
+        vm.getPath = vm.$route.query.Email;
+      }else{
+        vm.getPath = null;
+      }
+    },
     sendForgotMail() {
       this.$axios
         .post(`/trending/api/Signup/SendForgotMail?Email=${this.Email}`)
@@ -175,6 +185,7 @@ export default {
             let data = response.data.DATA.rel
             if(data){
               this.result = data;
+
               this.disableBtn = !this.disableBtn;
               this.timeout = setInterval(() => {
                 if (this.countdown > 0) {
@@ -201,9 +212,9 @@ export default {
         //this.userData.user_id = this.$route.query.user_uuid;
         //this.userData.auth_code = this.$route.query.auth_code;
         this.$axios
-          .post(`/trending/api/Signup/ResetPassword?Email=${this.result}&Password=${this.userData.Password}`)
+          .post(`/trending/api/Signup/ResetPassword?Email=${this.getPath}&Password=${this.userData.Password}`)
           .then((response) => {
-          console.log(JSON.stringify(response));
+          //console.log(JSON.stringify(response));
           if(response && response.data && response.data.DATA && response.data.DATA.rel){
             let data = response.data.DATA.rel
             if(data){