fix: 1.登录双重认证增加防抖 2.历史记录搜索框增加防抖 3.开启项目vscode配置文件

.vscode/settings.json

@@ -6,9 +6,6 @@
   "[javascript]": {
     "editor.formatOnSave": false
   },
-  "[typescript]": {
-    "editor.formatOnSave": false
-  },
   "[markdown]": {
     "editor.defaultFormatter": "DavidAnson.vscode-markdownlint"
   },
@@ -25,7 +22,7 @@
   },
   // Vue
   "[vue]": {
-    "editor.formatOnSave": false
+    "editor.formatOnSave": true
   },
   // Extension: Volar
   "volar.preview.port": 3000,
@@ -34,6 +31,10 @@
     "source.fixAll.eslint": "explicit",
     "source.fixAll.stylelint": "explicit"
   },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.formatOnSave": true
+  },
   "eslint.alwaysShowStatus": true,
   "eslint.format.enable": true,
   // Extension: Stylelint

src/pages/login.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { debounce } from 'lodash'
 import { VForm } from 'vuetify/components/VForm'
 import { useStore } from 'vuex'
 import { requiredValidator } from '@/@validators'
@@ -48,9 +49,8 @@ async function fetchBackgroundImage() {
       console.log(error)
     })
 }
-
 // 查询是否开启双重验证
-async function fetchOTP() {
+const fetchOTP = debounce(async () => {
   const userid = usernameInput.value?.value
   if (!userid) {
     isOTP.value = false
@@ -64,22 +64,22 @@ async function fetchOTP() {
     .catch((error: any) => {
       console.log(error)
     })
-}
+}, 500)
 
 // 加载用户监控面板配置
 async function loadDashboardConfig() {
   const response = await api.get('/user/config/Dashboard')
   if (response && response.data && response.data.value) {
     const data = JSON.stringify(response.data.value)
-    if (data != localStorage.getItem("MP_DASHBOARD")) {
+    if (data != localStorage.getItem('MP_DASHBOARD')) {
-      localStorage.setItem("MP_DASHBOARD", data)
+      localStorage.setItem('MP_DASHBOARD', data)
     }
   }
 }
 
 // 尝试加载用户监控面板配置（本地无配置时才加载）
 async function tryLoadDashboardConfig() {
-  if (localStorage.getItem("MP_DASHBOARD")) {
+  if (localStorage.getItem('MP_DASHBOARD')) {
     return
   }
   await loadDashboardConfig()
@@ -134,16 +134,11 @@ function login() {
     })
     .catch((error: any) => {
       // 登录失败，显示错误提示
-      if (!error.response)
+      if (!error.response) errorMessage.value = '登录失败，请检查网络连接'
-        errorMessage.value = '登录失败，请检查网络连接'
+      else if (error.response.status === 401) errorMessage.value = '登录失败，请检查用户名、密码或双重验证是否正确'
-      else if (error.response.status === 401)
+      else if (error.response.status === 403) errorMessage.value = '登录失败，您没有权限访问'
-        errorMessage.value = '登录失败，请检查用户名、密码或双重验证是否正确'
+      else if (error.response.status === 500) errorMessage.value = '登录失败，服务器错误'
-      else if (error.response.status === 403)
+      else errorMessage.value = `登录失败 ${error.response.status}，请检查用户名、密码或双重验证码是否正确`
-        errorMessage.value = '登录失败，您没有权限访问'
-      else if (error.response.status === 500)
-        errorMessage.value = '登录失败，服务器错误'
-      else
-        errorMessage.value = `登录失败 ${error.response.status}，请检查用户名、密码或双重验证码是否正确`
     })
 }
 
@@ -156,8 +151,7 @@ onMounted(() => {
   // 如果token存在，且保持登录状态为true，则跳转到首页
   if (token && remember) {
     router.push('/')
-  }
+  } else {
-  else {
     // 获取背景图片
     fetchBackgroundImage()
   }
@@ -186,16 +180,11 @@ onMounted(() => {
             </div>
           </template>
 
-          <VCardTitle class="font-weight-semibold text-2xl text-uppercase">
+          <VCardTitle class="font-weight-semibold text-2xl text-uppercase"> MoviePilot </VCardTitle>
-            MoviePilot
-          </VCardTitle>
         </VCardItem>
 
         <VCardText>
-          <VForm
+          <VForm ref="refForm" @submit.prevent="() => {}">
-            ref="refForm"
-            @submit.prevent="() => {}"
-          >
             <VRow>
               <!-- username -->
               <VCol cols="12">
@@ -214,42 +203,22 @@ onMounted(() => {
                   v-model="form.password"
                   label="密码"
                   :type="isPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="
+                  :append-inner-icon="isPasswordVisible ? 'mdi-eye-off-outline' : 'mdi-eye-outline'"
-                    isPasswordVisible ? 'mdi-eye-off-outline' : 'mdi-eye-outline'
-                  "
                   :rules="[requiredValidator]"
                   @click:append-inner="isPasswordVisible = !isPasswordVisible"
                 />
               </VCol>
               <VCol cols="12">
-                <VTextField
+                <VTextField v-if="isOTP" v-model="form.otp_password" label="双重验证码" type="input" />
-                  v-if="isOTP"
-                  v-model="form.otp_password"
-                  label="双重验证码"
-                  type="input"
-                />
                 <!-- remember me checkbox -->
                 <div class="d-flex align-center justify-space-between flex-wrap">
-                  <VCheckbox
+                  <VCheckbox v-model="form.remember" label="保持登录" required />
-                    v-model="form.remember"
-                    label="保持登录"
-                    required
-                  />
                 </div>
               </VCol>
               <VCol cols="12">
                 <!-- login button -->
-                <VBtn
+                <VBtn block type="submit" @click="login"> 登录 </VBtn>
-                  block
+                <div v-if="errorMessage" class="text-error mt-2 text-shadow">
-                  type="submit"
-                  @click="login"
-                >
-                  登录
-                </VBtn>
-                <div
-                  v-if="errorMessage"
-                  class="text-error mt-2 text-shadow"
-                >
                   {{ errorMessage }}
                 </div>
               </VCol>
@@ -262,7 +231,7 @@ onMounted(() => {
 </template>
 
 <style lang="scss">
-@use "@core/scss/pages/page-auth.scss";
+@use '@core/scss/pages/page-auth.scss';
 
 .v-card-item__prepend {
   padding-inline-end: 0 !important;

src/views/reorganize/TransferHistoryView.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { debounce } from 'lodash'
 import { ref, unref } from 'vue'
 import { useToast } from 'vue-toast-notification'
 import api from '@/api'
@@ -58,11 +59,12 @@ const headers = [
 ]
 
 const pageRange = [
-  {title: '25', value: 25},
+  { title: '25', value: 25 },
-  {title: '50', value: 50},
+  { title: '50', value: 50 },
-  {title: '100', value: 100},
+  { title: '100', value: 100 },
-  {title: '1000', value: 1000},
+  { title: '1000', value: 1000 },
-  {title: 'All', value: -1}]
+  { title: 'All', value: -1 },
+]
 
 // 数据列表
 const dataList = ref<TransferHistory[]>([])
@@ -112,30 +114,32 @@ const TransferDict: { [key: string]: string } = {
 
 // 分页提示
 const pageTip = computed(() => {
-  const begin  = unref(itemsPerPage) * (unref(currentPage) - 1) + 1
+  const begin = unref(itemsPerPage) * (unref(currentPage) - 1) + 1
   const end = unref(itemsPerPage) * unref(currentPage) === -1 ? 'ALL' : unref(itemsPerPage) * unref(currentPage)
   return {
     begin,
-    end
+    end,
   }
 })
 
 // 分页总数
 const totalPage = computed(() => {
-  const total = Math.ceil(unref(totalItems) /unref(itemsPerPage))
+  const total = Math.ceil(unref(totalItems) / unref(itemsPerPage))
   return total
 })
 
 // 切换页签和搜索词
 watch(
   [() => currentPage.value, () => itemsPerPage.value, () => search.value],
-  async () => {
+  debounce(async () => {
     await fetchData()
-})
+  }, 1000),
+)
 
 // 获取订阅列表数据
 async function fetchData(page = currentPage.value, count = itemsPerPage.value) {
   loading.value = true
+
   try {
     const result: { [key: string]: any } = await api.get('history/transfer', {
       params: {
@@ -150,8 +154,7 @@ async function fetchData(page = currentPage.value, count = itemsPerPage.value) {
     searchHintList.value = ['失败', '成功', ...new Set(dataList.value.map(item => item.title || ''))].filter(
       title => title !== '',
     )
-  }
+  } catch (error) {
-  catch (error) {
     console.error(error)
   }
   loading.value = false
@@ -159,12 +162,9 @@ async function fetchData(page = currentPage.value, count = itemsPerPage.value) {
 
 // 根据 type 返回不同的图标
 function getIcon(type: string) {
-  if (type === '电影')
+  if (type === '电影') return 'mdi-movie'
-    return 'mdi-movie'
+  else if (type === '电视剧') return 'mdi-television-classic'
-  else if (type === '电视剧')
+  else return 'mdi-help-circle'
-    return 'mdi-television-classic'
-  else
-    return 'mdi-help-circle'
 }
 
 // 删除历史记录
@@ -184,10 +184,8 @@ async function remove(item: TransferHistory, deleteSrc: boolean, deleteDest: boo
       data: item,
     })
 
-    if (!result.success)
+    if (!result.success) $toast.error(`删除失败: ${result.msg}`)
-      $toast.error(`删除失败: ${result.msg}`)
+  } catch (error) {
-  }
-  catch (error) {
     console.error(error)
   }
 }
@@ -196,8 +194,7 @@ async function remove(item: TransferHistory, deleteSrc: boolean, deleteDest: boo
 async function removeSingle(deleteSrc: boolean, deleteDest: boolean) {
   // 关闭弹窗
   deleteConfirmDialog.value = false
-  if (!currentHistory.value)
+  if (!currentHistory.value) return
-    return
 
   // 删除
   await remove(currentHistory.value, deleteSrc, deleteDest)
@@ -211,8 +208,7 @@ async function removeBatch(deleteSrc: boolean, deleteDest: boolean) {
   deleteConfirmDialog.value = false
   // 总条数
   const total = selected.value.length
-  if (total === 0)
+  if (total === 0) return
-    return
 
   // 已处理条数
   let handled = 0
@@ -237,16 +233,13 @@ async function removeBatch(deleteSrc: boolean, deleteDest: boolean) {
 
 // 响应删除操作
 async function deleteConfirmHandler(deleteSrc: boolean, deleteDest: boolean) {
-  if (currentHistory.value)
+  if (currentHistory.value) await removeSingle(deleteSrc, deleteDest)
-    await removeSingle(deleteSrc, deleteDest)
+  else await removeBatch(deleteSrc, deleteDest)
-  else
-    await removeBatch(deleteSrc, deleteDest)
 }
 
 // 批量删除历史记录
 async function removeHistoryBatch() {
-  if (selected.value.length === 0)
+  if (selected.value.length === 0) return
-    return
 
   // 清空当前操作记录
   currentHistory.value = undefined
@@ -257,26 +250,20 @@ async function removeHistoryBatch() {
 
 // 计算根路径
 function getRootPath(path: string, type: string, category: string) {
-  if (!path)
+  if (!path) return ''
-    return ''
 
   let index = -2
-  if (type !== '电影')
+  if (type !== '电影') index = -3
-    index = -3
 
-  if (category)
+  if (category) index -= 1
-    index -= 1
 
-  if (path.includes('/'))
+  if (path.includes('/')) return path.split('/').slice(0, index).join('/')
-    return path.split('/').slice(0, index).join('/')
+  else return path.split('\\').slice(0, index).join('\\')
-  else
-    return path.split('\\').slice(0, index).join('\\')
 }
 
 // 批量重新整理
 async function retransferBatch() {
-  if (selected.value.length === 0)
+  if (selected.value.length === 0) return
-    return
 
   // 清空当前操作记录
   currentHistory.value = undefined
@@ -292,8 +279,7 @@ async function retransferBatch() {
     const category = selected.value[0].category ?? ''
     // 计算根路径
     redoTarget.value = getRootPath(dest, mediaType, category)
-  }
+  } else {
-  else {
     redoTarget.value = ''
   }
   // 打开识别弹窗
@@ -329,7 +315,6 @@ const dropdownItems = ref([
 
 // 初始加载数据
 onMounted(fetchData)
-
 </script>
 
 <template>
@@ -337,9 +322,7 @@ onMounted(fetchData)
     <VCardItem>
       <VCardTitle>
         <VRow>
-          <VCol cols="4" md="6">
+          <VCol cols="4" md="6"> 历史记录 </VCol>
-            历史记录
-          </VCol>
           <VCol cols="8" md="6" class="flex">
             <VCombobox
               key="search_navbar"
@@ -389,7 +372,7 @@ onMounted(fetchData)
         </div>
       </template>
       <template #item.src="{ item }">
-        <small>{{ item?.src }} <br>=> {{ item?.dest }}</small>
+        <small>{{ item?.src }} <br />=> {{ item?.dest }}</small>
       </template>
       <template #item.mode="{ item }">
         <VChip variant="outlined" color="primary" size="small">
@@ -397,14 +380,10 @@ onMounted(fetchData)
         </VChip>
       </template>
       <template #item.status="{ item }">
-        <VChip v-if="item?.status" color="success" size="small">
+        <VChip v-if="item?.status" color="success" size="small"> 成功 </VChip>
-          成功
-        </VChip>
         <v-tooltip v-else :text="item?.errmsg">
           <template #activator="{ props }">
-            <VChip v-bind="props" color="error" size="small">
+            <VChip v-bind="props" color="error" size="small"> 失败 </VChip>
-              失败
-            </VChip>
           </template>
         </v-tooltip>
       </template>
@@ -432,22 +411,13 @@ onMounted(fetchData)
           </VMenu>
         </IconBtn>
       </template>
-      <template #no-data>
+      <template #no-data> 没有数据 </template>
-        没有数据
-      </template>
     </VDataTableVirtual>
     <div class="flex items-center justify-end">
       <div class="w-auto">
-        <VSelect
+        <VSelect v-model="itemsPerPage" :items="pageRange" density="compact" variant="solo" flat />
-          v-model="itemsPerPage"
-          :items="pageRange"
-          density="compact"
-          variant="solo"
-          flat
-          size="small"
-        />
       </div>
-      <div class="w-auto text-sm">{{pageTip.begin}}-{{pageTip.end}} / {{totalItems}}</div>
+      <div class="w-auto text-sm">{{ pageTip.begin }}-{{ pageTip.end }} / {{ totalItems }}</div>
       <VPagination
         v-model="currentPage"
         show-first-last-page
@@ -466,12 +436,8 @@ onMounted(fetchData)
         {{ confirmTitle }}
       </VCardTitle>
       <div class="d-flex flex-column flex-lg-row justify-center my-3">
-        <VBtn color="primary" class="mb-2 mx-2" @click="deleteConfirmHandler(false, false)">
+        <VBtn color="primary" class="mb-2 mx-2" @click="deleteConfirmHandler(false, false)"> 仅删除历史记录 </VBtn>
-          仅删除历史记录
+        <VBtn color="warning" class="mb-2 mx-2" @click="deleteConfirmHandler(true, false)"> 删除历史记录和源文件 </VBtn>
-        </VBtn>
-        <VBtn color="warning" class="mb-2 mx-2" @click="deleteConfirmHandler(true, false)">
-          删除历史记录和源文件
-        </VBtn>
         <VBtn color="info" class="mb-2 mx-2" @click="deleteConfirmHandler(false, true)">
           删除历史记录和媒体库文件
         </VBtn>