From 67a913e4747f636f06ebae36352204ab1ffd0d66 Mon Sep 17 00:00:00 2001
From: SunWuyuan <1847261658@qq.com>
Date: Sat, 9 Nov 2024 21:39:03 +0800
Subject: [PATCH] 1

---
 src/pages/account/totp/add.vue   | 40 +++++++++++++++-----------------
 src/pages/account/totp/index.vue | 29 ++++++++++-------------
 2 files changed, 31 insertions(+), 38 deletions(-)

diff --git a/src/pages/account/totp/add.vue b/src/pages/account/totp/add.vue
index a137bcd..f1c33ce 100644
--- a/src/pages/account/totp/add.vue
+++ b/src/pages/account/totp/add.vue
@@ -61,38 +61,37 @@
 </template>
 
 <script>
-import QRCode from 'qrcode';
+import QRCode from "qrcode";
 import request from "@/axios/axios";
 
 export default {
-  name: 'TotpGenerator',
+  name: "TotpGenerator",
   data() {
     return {
       loading: false,
-      totpCode: '',
-      authotpUrl: '',
-      totp_id: '',
-      qrCodeUrl: '',
-      errorMessage: ''
+      totpCode: "",
+      authotpUrl: "",
+      totp_id: "",
+      qrCodeUrl: "",
+      errorMessage: "",
     };
   },
   methods: {
     // 请求 TOTP 生成 URL
     async generateTOTP() {
       this.loading = true;
-      this.errorMessage = '';
+      this.errorMessage = "";
 
       try {
-        const response = await request.post('/account/totp/generate');
+        const response = await request.post("/account/totp/generate");
 
         // 获取 otpauth_url
         this.authotpUrl = response.data.otpauth_url;
         this.totp_id = response.data.totp_id;
         // 使用 QRCode 库生成二维码
         this.qrCodeUrl = await QRCode.toDataURL(this.authotpUrl);
-
       } catch (error) {
-        this.errorMessage = error.response?.data?.message || '发生未知错误';
+        this.errorMessage = error.response?.data?.message || "发生未知错误";
       } finally {
         this.loading = false;
       }
@@ -101,20 +100,20 @@ export default {
     // 激活 TOTP 验证码
     async activateTOTP() {
       if (!this.totpCode) {
-        this.errorMessage = '请输入验证码';
+        this.errorMessage = "请输入验证码";
         return;
       }
 
       this.loading = true;
-      this.errorMessage = '';
+      this.errorMessage = "";
 
       try {
-        const response = await request.post('/account/totp/activate', {
+        const response = await request.post("/account/totp/activate", {
           totp_token: this.totpCode,
-          totp_id: this.totp_id
+          totp_id: this.totp_id,
         });
 
-        if (response.data.status === 'success') {
+        if (response.data.status === "success") {
           this.$toast.add({
             severity: "success",
             summary: "成功",
@@ -122,16 +121,15 @@ export default {
             life: 3000,
           });
         } else {
-          this.errorMessage = '验证码无效，请重试';
+          this.errorMessage = "验证码无效，请重试";
         }
-
       } catch (error) {
-        this.errorMessage = error.response?.data?.message || '发生未知错误';
+        this.errorMessage = error.response?.data?.message || "发生未知错误";
       } finally {
         this.loading = false;
       }
-    }
-  }
+    },
+  },
 };
 </script>
 
diff --git a/src/pages/account/totp/index.vue b/src/pages/account/totp/index.vue
index 7d48f8d..a76404a 100644
--- a/src/pages/account/totp/index.vue
+++ b/src/pages/account/totp/index.vue
@@ -2,14 +2,9 @@
   <v-container>
     <!-- Add New TOTP Button -->
 
-        <v-btn
-          to="./totp/add"
-          color="primary"
-          class="mb-4"
-        >
-          <v-icon left>mdi-plus</v-icon>新的验证器
-        </v-btn>
-
+    <v-btn to="./totp/add" color="primary" class="mb-4">
+      <v-icon left>mdi-plus</v-icon>新的验证器
+    </v-btn>
 
     <!-- TOTP List Cards -->
     <v-row
@@ -40,20 +35,23 @@
                 >
               </v-card-text>
 
-              <v-card-actions><v-btn color="error" variant="text" @click="deleteTOTP(totp.id)" border>删除</v-btn>
+              <v-card-actions
+                ><v-btn
+                  color="error"
+                  variant="text"
+                  @click="deleteTOTP(totp.id)"
+                  border
+                  >删除</v-btn
+                >
                 <v-spacer></v-spacer>
 
-                <v-btn
-                  text="关闭"
-                  @click="isActive.value = false"
-                ></v-btn>
+                <v-btn text="关闭" @click="isActive.value = false"></v-btn>
               </v-card-actions>
             </v-card>
           </template>
         </v-dialog>
       </v-col>
     </v-row>
-
   </v-container>
 </template>
 
@@ -85,7 +83,6 @@ export default {
     };
   },
   methods: {
-
     // 获取TOTP列表
     async fetchTOTPList() {
       this.loading = true;
@@ -113,8 +110,6 @@ export default {
       }
     },
 
-
-
     // 提交重命名
     async renameTOTP(totpid, newname) {
       if (newname == "") {