From 77d68001b50a6e5f3f62c64e7d3efce291c541c9 Mon Sep 17 00:00:00 2001
From: Lan <hhxk666@gmail.com>
Date: Sun, 30 Mar 2025 22:19:43 +0800
Subject: [PATCH] =?UTF-8?q?fix:s3=E5=8D=8F=E8=AE=AE=E7=82=B9=E5=87=BB?=
 =?UTF-8?q?=E4=B8=8B=E8=BD=BD=E9=93=BE=E6=8E=A5=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/RetrievewFileView.vue |   9 ++-
 src/views/SendFileView.vue      | 137 +++++++++++++-------------------
 2 files changed, 64 insertions(+), 82 deletions(-)

diff --git a/src/views/RetrievewFileView.vue b/src/views/RetrievewFileView.vue
index 164ad21..13a9575 100644
--- a/src/views/RetrievewFileView.vue
+++ b/src/views/RetrievewFileView.vue
@@ -182,7 +182,7 @@
                 </button>
               </div>
               <div v-else>
-                <a :href="`${baseUrl}${selectedRecord.downloadUrl}`" target="_blank" rel="noopener noreferrer"
+                <a :href="getDownloadUrl(selectedRecord)" target="_blank" rel="noopener noreferrer"
                   class="px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition duration-300">
                   点击下载
                 </a>
@@ -317,6 +317,13 @@ watch(code, (newVal) => {
   }
 })
 
+const getDownloadUrl = (record) => {
+  if (record.downloadUrl.startsWith('http')) {
+    return record.downloadUrl
+  } else {
+    return `${baseUrl}${record.downloadUrl}`
+  }
+}
 // 在其他代码后添加复制功能
 const copyContent = async () => {
   if (selectedRecord.value && selectedRecord.value.content) {
diff --git a/src/views/SendFileView.vue b/src/views/SendFileView.vue
index c556aa1..36aa50e 100644
--- a/src/views/SendFileView.vue
+++ b/src/views/SendFileView.vue
@@ -94,100 +94,69 @@
               过期时间
             </label>
             <div class="relative flex-grow group">
-              <div 
-                :class="[
-                  'relative h-11 rounded-xl border transition-all duration-300',
-                  isDarkMode
-                    ? 'bg-gray-800/50 border-gray-700/50 group-hover:border-gray-600'
-                    : 'bg-white border-gray-200 group-hover:border-gray-300'
-                ]"
-              >
+              <div :class="[
+                'relative h-11 rounded-xl border transition-all duration-300',
+                isDarkMode
+                  ? 'bg-gray-800/50 border-gray-700/50 group-hover:border-gray-600'
+                  : 'bg-white border-gray-200 group-hover:border-gray-300'
+              ]">
                 <template v-if="expirationMethod !== 'forever'">
-                  <input 
-                    v-model="expirationValue" 
-                    type="number" 
-                    :placeholder="getPlaceholder()" 
-                    min="1"
-                    :class="[
-                      'w-full h-full px-4 pr-32 rounded-xl placeholder-gray-400 transition-all duration-300',
-                      'focus:outline-none focus:ring-2 focus:ring-offset-0',
-                      '[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none',
-                      'bg-transparent',
-                      isDarkMode 
-                        ? 'text-gray-100 focus:ring-indigo-500/70 placeholder-gray-500' 
-                        : 'text-gray-900 focus:ring-indigo-500/50 placeholder-gray-400'
-                    ]" 
-                  />
+                  <input v-model="expirationValue" type="number" :placeholder="getPlaceholder()" min="1" :class="[
+                    'w-full h-full px-4 pr-32 rounded-xl placeholder-gray-400 transition-all duration-300',
+                    'focus:outline-none focus:ring-2 focus:ring-offset-0',
+                    '[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none',
+                    'bg-transparent',
+                    isDarkMode
+                      ? 'text-gray-100 focus:ring-indigo-500/70 placeholder-gray-500'
+                      : 'text-gray-900 focus:ring-indigo-500/50 placeholder-gray-400'
+                  ]" />
                   <div class="absolute right-24 top-0 h-full flex flex-col border-l"
                     :class="[isDarkMode ? 'border-gray-700/50' : 'border-gray-200']">
-                    <button 
-                      type="button"
-                      @click="incrementValue(1)"
-                      class="flex-1 px-2 flex items-center justify-center transition-all duration-200"
-                      :class="[
-                        isDarkMode 
-                          ? 'hover:bg-gray-700/50 text-gray-400 hover:text-gray-200' 
+                    <button type="button" @click="incrementValue(1)"
+                      class="flex-1 px-2 flex items-center justify-center transition-all duration-200" :class="[
+                        isDarkMode
+                          ? 'hover:bg-gray-700/50 text-gray-400 hover:text-gray-200'
                           : 'hover:bg-gray-50 text-gray-500 hover:text-gray-700'
-                      ]"
-                    >
+                      ]">
                       <svg class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7" />
                       </svg>
                     </button>
-                    <button 
-                      type="button"
-                      @click="incrementValue(-1)"
-                      class="flex-1 px-2 flex items-center justify-center transition-all duration-200"
-                      :class="[
-                        isDarkMode 
-                          ? 'hover:bg-gray-700/50 text-gray-400 hover:text-gray-200' 
+                    <button type="button" @click="incrementValue(-1)"
+                      class="flex-1 px-2 flex items-center justify-center transition-all duration-200" :class="[
+                        isDarkMode
+                          ? 'hover:bg-gray-700/50 text-gray-400 hover:text-gray-200'
                           : 'hover:bg-gray-50 text-gray-500 hover:text-gray-700'
-                      ]"
-                    >
+                      ]">
                       <svg class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
                       </svg>
                     </button>
                   </div>
                 </template>
-                <select 
-                  v-model="expirationMethod" 
-                  :class="[
-                    'absolute right-0 top-0 h-full appearance-none cursor-pointer',
-                    'focus:outline-none focus:ring-2 focus:ring-offset-0',
-                    expirationMethod === 'forever' ? 'w-full px-4' : 'w-24 pl-3 pr-8 border-l',
-                    isDarkMode 
-                      ? 'text-gray-100 border-gray-700/50 focus:ring-indigo-500/70 bg-gray-800/50' 
-                      : 'text-gray-900 border-gray-200 focus:ring-indigo-500/50 bg-white'
-                  ]"
-                >
-                  <option 
-                    v-for="item in config.expireStyle" 
-                    :value="item" 
-                    :key="item"
-                    :class="[
-                      isDarkMode 
-                        ? 'bg-gray-800 text-gray-100' 
-                        : 'bg-white text-gray-900'
-                    ]"
-                  >
+                <select v-model="expirationMethod" :class="[
+                  'absolute right-0 top-0 h-full appearance-none cursor-pointer',
+                  'focus:outline-none focus:ring-2 focus:ring-offset-0',
+                  expirationMethod === 'forever' ? 'w-full px-4' : 'w-24 pl-3 pr-8 border-l',
+                  isDarkMode
+                    ? 'text-gray-100 border-gray-700/50 focus:ring-indigo-500/70 bg-gray-800/50'
+                    : 'text-gray-900 border-gray-200 focus:ring-indigo-500/50 bg-white'
+                ]">
+                  <option v-for="item in config.expireStyle" :value="item" :key="item" :class="[
+                    isDarkMode
+                      ? 'bg-gray-800 text-gray-100'
+                      : 'bg-white text-gray-900'
+                  ]">
                     {{ getUnit(item) }}
                   </option>
                 </select>
-                <div 
-                  class="absolute pointer-events-none"
-                  :class="[
-                    expirationMethod === 'forever' ? 'right-3' : 'right-2',
-                    'top-1/2 -translate-y-1/2'
-                  ]"
-                >
-                  <svg 
-                    class="w-4 h-4 transition-colors duration-300"
-                    :class="[isDarkMode ? 'text-gray-400' : 'text-gray-500']"
-                    fill="none" 
-                    stroke="currentColor" 
-                    viewBox="0 0 24 24"
-                  >
+                <div class="absolute pointer-events-none" :class="[
+                  expirationMethod === 'forever' ? 'right-3' : 'right-2',
+                  'top-1/2 -translate-y-1/2'
+                ]">
+                  <svg class="w-4 h-4 transition-colors duration-300"
+                    :class="[isDarkMode ? 'text-gray-400' : 'text-gray-500']" fill="none" stroke="currentColor"
+                    viewBox="0 0 24 24">
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
                   </svg>
                 </div>
@@ -289,8 +258,11 @@
 
     <!-- 记录详情弹窗 -->
     <transition name="fade">
-      <div v-if="selectedRecord" class="fixed inset-0 bg-black/60 backdrop-blur-sm flex items-center justify-center z-50 p-3 sm:p-4 overflow-y-auto">
-        <div class="w-full max-w-2xl rounded-2xl shadow-2xl transform transition-all duration-300 ease-out overflow-hidden" :class="[isDarkMode ? 'bg-gray-900 bg-opacity-70' : 'bg-white bg-opacity-95']">
+      <div v-if="selectedRecord"
+        class="fixed inset-0 bg-black/60 backdrop-blur-sm flex items-center justify-center z-50 p-3 sm:p-4 overflow-y-auto">
+        <div
+          class="w-full max-w-2xl rounded-2xl shadow-2xl transform transition-all duration-300 ease-out overflow-hidden"
+          :class="[isDarkMode ? 'bg-gray-900 bg-opacity-70' : 'bg-white bg-opacity-95']">
           <!-- 顶部标题栏 -->
           <div class="px-4 sm:px-6 py-3 sm:py-4 border-b" :class="[isDarkMode ? 'border-gray-800' : 'border-gray-100']">
             <div class="flex items-center justify-between">
@@ -315,7 +287,8 @@
                     :class="[isDarkMode ? 'text-indigo-400' : 'text-indigo-600']" />
                 </div>
                 <div class="ml-3 sm:ml-4 min-w-0 flex-1">
-                  <h4 class="font-medium text-sm sm:text-base truncate" :class="[isDarkMode ? 'text-white' : 'text-gray-900']">
+                  <h4 class="font-medium text-sm sm:text-base truncate"
+                    :class="[isDarkMode ? 'text-white' : 'text-gray-900']">
                     {{ selectedRecord.filename }}
                   </h4>
                   <p class="text-xs sm:text-sm truncate" :class="[isDarkMode ? 'text-gray-400' : 'text-gray-500']">
@@ -353,7 +326,8 @@
                       <ClipboardCopyIcon class="w-4 h-4 sm:w-5 sm:h-5" />
                     </button>
                   </div>
-                  <p class="text-2xl sm:text-3xl font-bold tracking-wider text-center break-all">{{ selectedRecord.retrieveCode }}
+                  <p class="text-2xl sm:text-3xl font-bold tracking-wider text-center break-all">{{
+                    selectedRecord.retrieveCode }}
                   </p>
                 </div>
 
@@ -385,7 +359,8 @@
                   <QRCode :value="getQRCodeValue(selectedRecord)" :size="140" level="M"
                     class="sm:w-[160px] sm:h-[160px]" />
                 </div>
-                <p class="text-xs sm:text-sm truncate max-w-full" :class="[isDarkMode ? 'text-gray-400' : 'text-gray-500']">
+                <p class="text-xs sm:text-sm truncate max-w-full"
+                  :class="[isDarkMode ? 'text-gray-400' : 'text-gray-500']">
                   扫描二维码快速取件
                 </p>
               </div>