From bf2d7c70c73402bb8c073bfa64c3a1d629c7ad6a Mon Sep 17 00:00:00 2001
From: jiangrui <jiangrui@01ly.com.cn>
Date: Wed, 12 Mar 2025 15:23:11 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E4=BC=98=E5=8C=96=E5=89=8D=E7=AB=AF?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87=E5=B1=95=E7=A4=BA=E6=B7=BB=E5=8A=A0=E9=BB=98?=
 =?UTF-8?q?=E8=AE=A4=E5=9B=BE=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/assets/images/default.png        | Bin 0 -> 6199 bytes
 frontend/src/components/Home/ResourceCard.vue |  29 +++++-------------
 .../src/components/Home/ResourceTable.vue     |  27 +++-------------
 .../src/components/mobile/ResourceCard.vue    |   5 +--
 frontend/src/main.ts                          |   5 ++-
 frontend/src/stores/resource.ts               |   2 ++
 frontend/src/utils/image.ts                   |  10 ++++++
 7 files changed, 32 insertions(+), 46 deletions(-)
 create mode 100644 frontend/src/assets/images/default.png
 create mode 100644 frontend/src/utils/image.ts

diff --git a/frontend/src/assets/images/default.png b/frontend/src/assets/images/default.png
new file mode 100644
index 0000000000000000000000000000000000000000..583c09f678b6beabb5c19c4a41969faef88dec6c
GIT binary patch
literal 6199
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
KH(#52?Y{tu1D56h

literal 0
HcmV?d00001

diff --git a/frontend/src/components/Home/ResourceCard.vue b/frontend/src/components/Home/ResourceCard.vue
index 6ae45bf..a6c180e 100644
--- a/frontend/src/components/Home/ResourceCard.vue
+++ b/frontend/src/components/Home/ResourceCard.vue
@@ -12,12 +12,8 @@
         <div class="detail-cover">
           <el-image
             class="cover-image"
-            :src="
-              userStore.imagesSource === 'proxy'
-                ? `/tele-images/?url=${encodeURIComponent(currentResource.image as string)}`
-                : currentResource.image
-            "
-            fit="cover"
+            :src="getProxyImageUrl(currentResource.image as string)"
+            :fit="currentResource.image ? 'cover' : 'contain'"
           />
           <el-tag
             class="cloud-type"
@@ -78,14 +74,10 @@
           @click.stop
         >
           <el-image
-            :src="
-              userStore.imagesSource === 'proxy'
-                ? `/tele-images/?url=${encodeURIComponent(group.channelInfo.channelLogo)}`
-                : group.channelInfo.channelLogo
-            "
+            :src="getProxyImageUrl(group.channelInfo.channelLogo)"
+            :fit="group.channelInfo.channelLogo ? 'cover' : 'contain'"
             class="channel-logo"
             scroll-container="#pc-resources-content"
-            fit="cover"
             loading="lazy"
           />
           <span>{{ group.channelInfo.name }}</span>
@@ -101,7 +93,7 @@
         </el-tooltip>
       </div>
 
-      <div v-show="group.displayList" class="group-content">
+      <div v-if="group.displayList" class="group-content">
         <div class="card-grid">
           <el-card
             v-for="resource in group.list"
@@ -114,12 +106,8 @@
                 <el-image
                   loading="lazy"
                   class="cover-image"
-                  :src="
-                    userStore.imagesSource === 'proxy'
-                      ? `/tele-images/?url=${encodeURIComponent(resource.image as string)}`
-                      : resource.image
-                  "
-                  fit="cover"
+                  :src="getProxyImageUrl(resource.image as string)"
+                  :fit="resource.image ? 'cover' : 'contain'"
                   :alt="resource.title"
                   @click="showResourceDetail(resource)"
                 />
@@ -194,9 +182,8 @@ import { useResourceStore } from "@/stores/resource";
 import { ref } from "vue";
 import type { ResourceItem, TagColor } from "@/types";
 import { ArrowDown, Plus } from "@element-plus/icons-vue";
-import { useUserSettingStore } from "@/stores/userSetting";
+import { getProxyImageUrl } from "@/utils/image";
 
-const userStore = useUserSettingStore();
 const store = useResourceStore();
 
 const showDetail = ref(false);
diff --git a/frontend/src/components/Home/ResourceTable.vue b/frontend/src/components/Home/ResourceTable.vue
index 7306532..329afe0 100644
--- a/frontend/src/components/Home/ResourceTable.vue
+++ b/frontend/src/components/Home/ResourceTable.vue
@@ -15,26 +15,14 @@
               <el-image
                 v-if="row.image"
                 class="table-item-image"
-                :src="
-                  userStore.imagesSource === 'proxy'
-                    ? `/tele-images/?url=${encodeURIComponent(row.image as string)}`
-                    : row.image
-                "
+                :src="getProxyImageUrl(row.image as string)"
+                :fit="row.image ? 'cover' : 'contain'"
                 hide-on-click-modal
-                :preview-src-list="[
-                  `${location.origin}${
-                    userStore.imagesSource === 'proxy'
-                      ? '/tele-images/?url=' + encodeURIComponent(row.image as string)
-                      : row.image
-                  }`,
-                ]"
                 :zoom-rate="1.2"
                 :max-scale="7"
                 :min-scale="0.2"
                 :initial-index="4"
-                preview-teleported
                 :z-index="999"
-                fit="cover"
                 width="60"
                 height="90"
               />
@@ -94,13 +82,9 @@
       <template #default="{ row }">
         <div class="group-header">
           <el-image
-            :src="
-              userStore.imagesSource === 'proxy'
-                ? `/tele-images/?url=${encodeURIComponent(row.channelInfo.channelLogo as string)}`
-                : row.channelInfo.channelLogo
-            "
+            :src="getProxyImageUrl(row.channelInfo.channelLogo as string)"
             class="channel-logo"
-            fit="cover"
+            :fit="row.channelInfo.channelLogo ? 'cover' : 'contain'"
             lazy
           />
           <span>{{ row.channelInfo.name }}</span>
@@ -115,8 +99,7 @@
 import { useResourceStore } from "@/stores/resource";
 import type { Resource, TagColor } from "@/types";
 import { computed } from "vue";
-import { useUserSettingStore } from "@/stores/userSetting";
-const userStore = useUserSettingStore();
+import { getProxyImageUrl } from "@/utils/image";
 
 const store = useResourceStore();
 const emit = defineEmits(["save", "loadMore", "searchMovieforTag", "jump"]);
diff --git a/frontend/src/components/mobile/ResourceCard.vue b/frontend/src/components/mobile/ResourceCard.vue
index fab9d40..401c195 100644
--- a/frontend/src/components/mobile/ResourceCard.vue
+++ b/frontend/src/components/mobile/ResourceCard.vue
@@ -6,8 +6,8 @@
         <!-- 左侧图片 -->
         <div class="content__image">
           <van-image
-            :src="`/tele-images/?url=${encodeURIComponent(item.image as string)}`"
-            fit="cover"
+            :src="getProxyImageUrl(item.image as string)"
+            :fit="item.image ? 'cover' : 'contain'"
             lazy-load
           />
           <!-- 来源标签移到图片左上角 -->
@@ -74,6 +74,7 @@ import { computed, ref } from "vue";
 import { useResourceStore } from "@/stores/resource";
 import { showNotify } from "vant";
 import type { ResourceItem } from "@/types";
+import { getProxyImageUrl } from "@/utils/image";
 
 // Props 定义
 const props = defineProps<{
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
index 54f6ad2..e1c29e9 100644
--- a/frontend/src/main.ts
+++ b/frontend/src/main.ts
@@ -3,6 +3,7 @@ import { createPinia } from "pinia";
 import ElementPlus from "element-plus";
 import "element-plus/dist/index.css";
 import * as ElementPlusIconsVue from "@element-plus/icons-vue";
+import zhCn from "element-plus/es/locale/lang/zh-cn";
 import { isMobileDevice } from "@/utils/index";
 import App from "./App.vue";
 import { Lazyload } from "vant";
@@ -22,7 +23,9 @@ for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
 app.use(createPinia());
 app.use(Lazyload);
 app.use(router);
-app.use(ElementPlus);
+app.use(ElementPlus, {
+  locale: zhCn,
+});
 
 app.mount("#app");
 
diff --git a/frontend/src/stores/resource.ts b/frontend/src/stores/resource.ts
index d5499a2..121a221 100644
--- a/frontend/src/stores/resource.ts
+++ b/frontend/src/stores/resource.ts
@@ -250,6 +250,7 @@ export const useResourceStore = defineStore("resource", {
                   cloudType: matchedDrive.type,
                   channel: matchedDrive.name,
                   pubDate: "",
+                  isSupportSave: true,
                 },
               ],
             },
@@ -281,6 +282,7 @@ export const useResourceStore = defineStore("resource", {
       const parsedCode = drive.parseShareCode(match);
       this.setLoadTree(true);
       let shareInfo = await drive.api.getShareInfo(parsedCode);
+      console.log(shareInfo);
       this.setLoadTree(false);
       if (shareInfo) {
         shareInfo = {
diff --git a/frontend/src/utils/image.ts b/frontend/src/utils/image.ts
new file mode 100644
index 0000000..5d64542
--- /dev/null
+++ b/frontend/src/utils/image.ts
@@ -0,0 +1,10 @@
+import { useUserSettingStore } from "@/stores/userSetting";
+import defaultImage from "@/assets/images/default.png";
+
+export const getProxyImageUrl = (originalUrl: string): string => {
+  const userStore = useUserSettingStore();
+  if (!originalUrl) return defaultImage;
+  return userStore.imagesSource === "proxy"
+    ? `/tele-images/?url=${encodeURIComponent(originalUrl)}`
+    : originalUrl;
+};