Merge branch 'front-dev' of ai-anchor/video-maker into master

frontend/src/stores/main.ts

@@ -124,7 +124,7 @@ export const useMainStore = defineStore("MainStoreId", {
       try {
         const response = await api.getMe(this.token);
         if (response.data) {
-          this.setUserProfile(response.data)
+          this.setUserProfile(response.data);
         }
       } catch (error) {
         await this.checkApiError(error);

frontend/src/views/Qrcode.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref, reactive, computed, onMounted } from "vue";
 import { useMainStore } from "@/stores/main";
+import { storeToRefs } from "pinia";
 import { useDisplay } from "vuetify";
 import { useRoute } from "vue-router";
 import { useI18n } from "vue-i18n";
@@ -21,6 +22,7 @@ let ser_no: any = ref("");
 let showPassword = ref(false);
 let loginState = ref(false);
 let loading = ref(false);
+let time = ref(0);
 let dialog = reactive({
   msg: "",
   state: "",
@@ -45,6 +47,10 @@ function setDialog(status: Boolean, msg: String = "") {
     dialog.msg =
       "儲值成功！<br/>已獲得價值 1000 元的 120 秒影片製作時間<br/>（儲值成功後即可登入電腦版進行影片製作）";
     dialog.icon = "check_circle";
+    if (mainStore.userProfile?.available_time) {
+      mainStore.userProfile.available_time =
+        mainStore.userProfile.available_time + time.value;
+    }
   } else {
     dialog.show = true;
     dialog.state = "error";
@@ -72,6 +78,7 @@ async function submit() {
   if (response?.data.time_added === -1) {
     setDialog(false, "此序號無效");
   } else if (response?.status === 200) {
+    time.value = response?.data.time_added;
     setTimeout(() => {
       setDialog(true);
     }, 500);
@@ -96,6 +103,7 @@ onMounted(() => {
     let response: any = await mainStore.qrAddTime(ser_no.value);
     loading.value = false;
     if (response.status === 200) {
+      time.value = response?.data.time_added;
       loginState.value = true;
       setDialog(true);
     } else if (response.response.status === 400) {