From 824b27020c97b45e1395117d98217f66ed0f975f Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Wed, 28 Jun 2023 12:34:21 +0800
Subject: [PATCH] fix history

---
 package.json                                 |   4 +-
 src/pages/history.vue                        |  53 +-------
 src/pages/login.vue                          |   5 +-
 src/views/reorganize/TransferHistoryView.vue | 127 +++++++++++++++++++
 yarn.lock                                    |   8 +-
 5 files changed, 141 insertions(+), 56 deletions(-)
 create mode 100644 src/views/reorganize/TransferHistoryView.vue

diff --git a/package.json b/package.json
index 0d29fa00..8d929859 100644
--- a/package.json
+++ b/package.json
@@ -37,7 +37,7 @@
     "vue-router": "^4.2.0",
     "vue3-apexcharts": "^1.4.1",
     "vue3-perfect-scrollbar": "^1.6.0",
-    "vuetify": "3.2.1",
+    "vuetify": "3.3.5",
     "vuex": "^4.1.0",
     "vuex-persistedstate": "^4.1.0",
     "webfontloader": "^1.6.28"
@@ -89,4 +89,4 @@
   "resolutions": {
     "postcss": "8"
   }
-}
+}
\ No newline at end of file
diff --git a/src/pages/history.vue b/src/pages/history.vue
index db01e121..8a064e38 100644
--- a/src/pages/history.vue
+++ b/src/pages/history.vue
@@ -1,53 +1,10 @@
 <script setup lang="ts">
-import DemoSimpleTableBasics from '@/views/pages/tables/DemoSimpleTableBasics.vue'
-import DemoSimpleTableDensity from '@/views/pages/tables/DemoSimpleTableDensity.vue'
-import DemoSimpleTableFixedHeader from '@/views/pages/tables/DemoSimpleTableFixedHeader.vue'
-import DemoSimpleTableHeight from '@/views/pages/tables/DemoSimpleTableHeight.vue'
-import DemoSimpleTableTheme from '@/views/pages/tables/DemoSimpleTableTheme.vue'
+import TransferHistoryView from '@/views/reorganize/TransferHistoryView.vue';
+
 </script>
 
 <template>
-  <VRow>
-    <VCol cols="12">
-      <VCard title="Basic">
-        <DemoSimpleTableBasics />
-      </VCard>
-    </VCol>
-
-    <VCol cols="12">
-      <VCard title="Theme">
-        <VCardText>
-          use <code>theme</code> prop to switch table to the dark theme.
-        </VCardText>
-        <DemoSimpleTableTheme />
-      </VCard>
-    </VCol>
-
-    <VCol cols="12">
-      <VCard title="Density">
-        <VCardText>
-          You can show a dense version of the table by using the <code>density</code> prop.
-        </VCardText>
-        <DemoSimpleTableDensity />
-      </VCard>
-    </VCol>
-
-    <VCol cols="12">
-      <VCard title="Height">
-        <VCardText>
-          You can set the height of the table by using the <code>height</code> prop.
-        </VCardText>
-        <DemoSimpleTableHeight />
-      </VCard>
-    </VCol>
-
-    <VCol cols="12">
-      <VCard title="Fixed Header">
-        <VCardText>
-          You can fix the header of table by using the <code>fixed-header</code> prop.
-        </VCardText>
-        <DemoSimpleTableFixedHeader />
-      </VCard>
-    </VCol>
-  </VRow>
+  <div>
+    <TransferHistoryView />
+  </div>
 </template>
diff --git a/src/pages/login.vue b/src/pages/login.vue
index d7804a9c..dee5f3f0 100644
--- a/src/pages/login.vue
+++ b/src/pages/login.vue
@@ -42,7 +42,7 @@ const fetchBackgroundImage = async () => {
 const login = () => {
   errorMessage.value = ''
   // 进行表单校验
-  if (refForm.value && !refForm.value.validate()) {
+  if (!form.value.username || !form.value.password) {
     return
   }
 
@@ -135,7 +135,7 @@ onMounted(() => {
       </VCardText>
 
       <VCardText>
-        <VForm @submit.prevent="login" ref="refForm">
+        <VForm @submit.prevent="()=>{}" ref="refForm">
           <VRow>
             <!-- username -->
             <VCol cols="12">
@@ -180,6 +180,7 @@ onMounted(() => {
               <VBtn
                 block
                 type="submit"
+                @click="login"
               >
                 登录
               </VBtn>
diff --git a/src/views/reorganize/TransferHistoryView.vue b/src/views/reorganize/TransferHistoryView.vue
new file mode 100644
index 00000000..ca8ecf26
--- /dev/null
+++ b/src/views/reorganize/TransferHistoryView.vue
@@ -0,0 +1,127 @@
+<script setup lang="ts">
+import api from "@/api";
+import { onMounted, ref } from "vue";
+
+interface TransferHistory {
+  // ID
+  id: number;
+  // 源目录
+  src?: string;
+  // 目的目录
+  dest?: string;
+  // 转移模式link/copy/move/softlink
+  mode?: string;
+  // 类型：电影、电视剧
+  type?: string;
+  // 二级分类
+  category?: string;
+  // 标题
+  title?: string;
+  // 年份
+  year?: string;
+  // TMDBID
+  tmdbid?: number;
+  // IMDBID
+  imdbid?: string;
+  // TVDBID
+  tvdbid?: number;
+  // 豆瓣ID
+  doubanid?: string;
+  // 季Sxx
+  seasons?: string;
+  // 集Exx
+  episodes?: string;
+  // 海报
+  image?: string;
+  // 下载器Hash
+  download_hash?: string;
+  // 状态 1-成功，0-失败
+  status: boolean;
+  // 失败原因
+  errmsg?: string;
+  // 日期
+  date?: string;
+}
+
+// 表头
+const headers = [
+  { title: "标题", key: "title" },
+  { title: "目录", key: "src"},
+  { title: "转移方式", key: "mode"},
+  { title: "状态", key: "status"},
+  { title: "失败原因", key: "errmsg"},
+];
+
+// 数据列表
+const dataList = ref<TransferHistory[]>([]);
+
+// 获取订阅列表数据
+const fetchData = async () => {
+  try {
+    dataList.value = await api.get("/history/transfer");
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+// 根据 type 返回不同的图标
+const getIcon = (type: string) => {
+  if (type === "电影") {
+    return "mdi-movie";
+  } else if (type === "电视剧") {
+    return "mdi-television-classic";
+  } else {
+    return "mdi-help-circle";
+  }
+};
+
+// 计算颜色
+const getStatusColor = (status: boolean) => {
+  return status ? 'success' : 'error';
+};
+
+// 加载时获取数据
+onMounted(fetchData);
+
+const search = ref("");
+
+</script>
+
+<template>
+  <VCard title="历史记录">
+    <VDataTable 
+      :headers="headers" 
+      :items="dataList"
+      show-select
+    >
+      <template #item.title="{ item }">
+        <div class="d-flex">
+          <VAvatar><VIcon :icon="getIcon(item.raw.type || '')"></VIcon></VAvatar>
+          <div class="d-flex flex-column ms-1 text-high-emphasis">
+            <span class="d-block">
+              {{ item.raw.title }} {{ item.raw.seasons }}{{ item.raw.episodes }}
+            </span>
+            <small>{{ item.raw.category }}</small>
+          </div>
+        </div>
+      </template>
+      <template #item.src="{ item }">
+        <small>{{ item.raw.src }} <br>=> {{ item.raw.dest }}</small>
+      </template>
+      <template #item.mode="{ item }">
+        <VChip variant="outlined" color="primary" size="small">{{ item.raw.mode }}</VChip>
+      </template>
+      <template #item.status="{ item }">
+        <VChip :color="getStatusColor(item.raw.status)" size="small">
+          {{ item.raw.status ? '成功' : '失败' }}
+        </VChip>
+      </template>
+      <template #item.errmsg="{ item }">
+        {{ item.raw.errmsg }}
+      </template>
+      <template #no-data>
+        没有数据
+      </template>
+    </VDataTable>
+  </VCard>
+</template>
diff --git a/yarn.lock b/yarn.lock
index 47c52174..bb4ab96c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7183,10 +7183,10 @@ vue@^3.3.2:
     "@vue/server-renderer" "3.3.2"
     "@vue/shared" "3.3.2"
 
-vuetify@3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/vuetify/-/vuetify-3.2.1.tgz#caa1d306a3ef8d52d300be4c7f6d94dc4fd897e4"
-  integrity sha512-XOGfDuDGG4j/dJSu73JrkfrGB141LoiLyoZecGtUou24xMf17Rnk+pzOH+YYRVgQ7HFc4kG95DzFmAXS5ysEGA==
+vuetify@3.3.5:
+  version "3.3.5"
+  resolved "https://registry.yarnpkg.com/vuetify/-/vuetify-3.3.5.tgz#b927214d106122240e79f4d65e49bfec0e86e189"
+  integrity sha512-vkfPgPmKfSJa+jq6Ov+CTg7L1t2jLPKa7Slef9OrVHcLqg+gLuIj0z4PJE6E9HjFTUbgZShShOGxps52REJRIA==
 
 vuex-persistedstate@^4.1.0:
   version "4.1.0"