修复暂停下载后不能恢复和更改时间无效的问题

ui/src/components/artwork/ArtworkInfoPanel.vue

@@ -112,12 +112,16 @@
             <div class="description-content" v-html="artwork.description"></div>
         </div>
 
-        <!-- 创建时间 -->
+        <!-- 时间信息 -->
         <div class="artwork-meta">
-            <p>创建时间: {{ formatDate(artwork.create_date) }}</p>
-            <p v-if="artwork.update_date !== artwork.create_date">
-                更新时间: {{ formatDate(artwork.update_date) }}
-            </p>
+            <div class="meta-item">
+                <span class="meta-label">创建时间:</span>
+                <span class="meta-value">{{ formatDate(artwork.create_date) }}</span>
+            </div>
+            <div v-if="isValidUpdateDate && artwork.update_date !== artwork.create_date" class="meta-item">
+                <span class="meta-label">更新时间:</span>
+                <span class="meta-value">{{ formatDate(artwork.update_date) }}</span>
+            </div>
         </div>
     </div>
 </template>
@@ -159,9 +163,33 @@ const emit = defineEmits<{
 // 使用统一的图片代理函数
 const getImageUrl = getImageProxyUrl;
 
+// 检查更新时间是否有效
+const isValidUpdateDate = computed(() => {
+    if (!props.artwork.update_date) return false;
+
+    try {
+        const date = new Date(props.artwork.update_date);
+        return !isNaN(date.getTime());
+    } catch (error) {
+        return false;
+    }
+});
+
 // 格式化日期
 const formatDate = (dateString: string) => {
-    return new Date(dateString).toLocaleDateString('zh-CN');
+    if (!dateString) return '未知时间';
+
+    try {
+        const date = new Date(dateString);
+        if (isNaN(date.getTime())) {
+            console.warn('无效的日期格式:', dateString);
+            return '时间格式错误';
+        }
+        return date.toLocaleDateString('zh-CN');
+    } catch (error) {
+        console.error('日期格式化错误:', error);
+        return '时间解析失败';
+    }
 };
 
 // 处理标签点击
@@ -374,12 +402,29 @@ const handleTagClick = (event: MouseEvent, tagName: string) => {
 .artwork-meta {
     padding-top: 1.5rem;
     border-top: 1px solid #e5e7eb;
-}
-
-.artwork-meta p {
     color: #6b7280;
     font-size: 0.875rem;
-    margin: 0.25rem 0;
+}
+
+.meta-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 0.5rem;
+}
+
+.meta-item:last-child {
+    margin-bottom: 0;
+}
+
+.meta-label {
+    font-weight: 500;
+    color: #374151;
+    min-width: 80px;
+    margin-right: 0.5rem;
+}
+
+.meta-value {
+    color: #6b7280;
 }
 
 .artwork-navigation {

ui/src/views/ArtistView.vue

@@ -38,18 +38,37 @@
             </button>
             <div class="download-section">
               <div class="download-input-group">
-                <label for="downloadLimit">下载数量:</label>
-                <select v-model="downloadLimit" id="downloadLimit" class="download-select">
-                  <option value="10">10个</option>
-                  <option value="30">30个</option>
-                  <option value="50">50个</option>
-                  <option value="100">100个</option>
-                  <option value="200">200个</option>
-                  <option value="500">500个</option>
-                  <option value="9999">全部</option>
+                <label for="downloadType">下载方式:</label>
+                <select v-model="downloadType" id="downloadType" class="download-select"
+                  @change="handleDownloadTypeChange">
+                  <option value="custom">自定义数量</option>
+                  <option value="pages">按页数选择</option>
+                  <option value="all">全部下载</option>
                 </select>
               </div>
-              <button @click="handleDownloadAll" class="btn btn-secondary" :disabled="downloading">
+
+              <!-- 自定义数量输入 -->
+              <div v-if="downloadType === 'custom'" class="download-input-group">
+                <label for="customLimit">数量:</label>
+                <input v-model="customLimit" type="number" id="customLimit" class="download-input" :min="1" :max="9999"
+                  placeholder="输入数量" />
+              </div>
+
+              <!-- 按页数选择 -->
+              <div v-if="downloadType === 'pages'" class="download-input-group">
+                <label for="pageLimit">页数:</label>
+                <select v-model="pageLimit" id="pageLimit" class="download-select">
+                  <option value="1">1页 (30个)</option>
+                  <option value="2">2页 (60个)</option>
+                  <option value="3">3页 (90个)</option>
+                  <option value="5">5页 (150个)</option>
+                  <option value="10">10页 (300个)</option>
+                  <option value="20">20页 (600个)</option>
+                  <option value="50">50页 (1500个)</option>
+                </select>
+              </div>
+
+              <button @click="handleDownloadAll" class="btn btn-secondary" :disabled="downloading || !isDownloadValid">
                 {{ downloading ? '下载中...' : '下载作品' }}
               </button>
             </div>
@@ -178,7 +197,10 @@ const totalCount = ref(0);
 const totalPages = ref(0);
 
 // 下载设置
-const downloadLimit = ref('50');
+const downloadType = ref<'custom' | 'pages' | 'all'>('custom');
+const customLimit = ref('50');
+const pageLimit = ref('1');
+const downloadLimit = ref('50'); // 保留用于兼容性
 
 // 缓存相关
 const cache = ref<Map<string, any>>(new Map());
@@ -203,6 +225,29 @@ const visiblePages = computed(() => {
   return pages;
 });
 
+// 下载验证
+const isDownloadValid = computed(() => {
+  if (downloadType.value === 'custom') {
+    const limit = parseInt(customLimit.value);
+    return !isNaN(limit) && limit > 0 && limit <= 9999;
+  }
+  return true;
+});
+
+// 获取实际下载数量
+const getActualDownloadLimit = () => {
+  switch (downloadType.value) {
+    case 'custom':
+      return parseInt(customLimit.value) || 50;
+    case 'pages':
+      return parseInt(pageLimit.value) * 30;
+    case 'all':
+      return 9999;
+    default:
+      return 50;
+  }
+};
+
 // 缓存键生成
 const getCacheKey = (type: string, page: number) => {
   return `${route.params.id}_${type}_${page}`;
@@ -369,6 +414,16 @@ const handleTypeChange = () => {
   fetchArtworks(1);
 };
 
+// 处理下载类型切换
+const handleDownloadTypeChange = () => {
+  // 重置相关值
+  if (downloadType.value === 'custom') {
+    customLimit.value = '50';
+  } else if (downloadType.value === 'pages') {
+    pageLimit.value = '1';
+  }
+};
+
 // 跳转到指定页面
 const goToPage = (page: number) => {
   if (page < 1 || page === currentPage.value) return;
@@ -412,15 +467,30 @@ const handleDownloadAll = async () => {
 
   try {
     downloading.value = true;
+    const actualLimit = getActualDownloadLimit();
+
     const response = await downloadService.downloadArtistArtworks(artist.value.id, {
       type: artworkType.value,
-      limit: parseInt(downloadLimit.value)
+      limit: actualLimit
     });
 
     if (response.success) {
       console.log('下载任务已创建:', response.data);
-      const limitText = downloadLimit.value === '9999' ? '全部' : downloadLimit.value;
-      downloadSuccess.value = `下载任务已创建，将下载 ${limitText} 个作品`;
+
+      let limitText = '';
+      switch (downloadType.value) {
+        case 'custom':
+          limitText = `${actualLimit} 个`;
+          break;
+        case 'pages':
+          limitText = `${pageLimit.value} 页 (${actualLimit} 个)`;
+          break;
+        case 'all':
+          limitText = '全部';
+          break;
+      }
+
+      downloadSuccess.value = `下载任务已创建，将下载 ${limitText} 作品`;
 
       // 3秒后清除成功提示
       setTimeout(() => {
@@ -676,6 +746,23 @@ onMounted(async () => {
   min-width: 100px;
 }
 
+.download-input {
+  padding: 0.5rem 0.75rem;
+  border: 1px solid #d1d5db;
+  border-radius: 0.375rem;
+  background: white;
+  font-size: 0.875rem;
+  color: #374151;
+  min-width: 100px;
+  transition: border-color 0.2s;
+}
+
+.download-input:focus {
+  outline: none;
+  border-color: #3b82f6;
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+}
+
 .btn {
   display: inline-flex;
   align-items: center;