完善多店铺开启多窗口、外观进度条等

frontend-vue/src/pages/brand/components/BrandAppearancePatentTab.vue

@@ -113,6 +113,18 @@
                     {{ item.resultFilename || '下载结果' }}
                   </div>
                   <div v-if="pendingResultHint(item)" class="files result-hint">{{ pendingResultHint(item) }}</div>
+                  <div v-if="showFileProgress(item)" class="file-progress">
+                    <div class="file-progress-meta">
+                      <span>{{ item.fileProgressMessage || '结果生成中' }}</span>
+                      <span>{{ fileProgressPercent(item) }}%</span>
+                    </div>
+                    <div class="file-progress-track">
+                      <div class="file-progress-bar" :style="{ width: `${fileProgressPercent(item)}%` }"></div>
+                    </div>
+                    <div class="file-progress-count">
+                      {{ item.fileProgressCurrent || 0 }}/{{ item.fileProgressTotal || 0 }}
+                    </div>
+                  </div>
                   <div v-if="item.error" class="files">错误：{{ item.error }}</div>
                 </div>
                 <div class="task-right">
@@ -633,6 +645,16 @@ function canDownload(item: AppearancePatentHistoryItem) {
   return Boolean(item.resultId && (item.fileReady || item.downloadUrl))
 }
 
+function fileProgressPercent(item: AppearancePatentHistoryItem) {
+  const percent = Number(item.fileProgressPercent || 0)
+  if (!Number.isFinite(percent)) return 0
+  return Math.max(0, Math.min(100, Math.round(percent)))
+}
+
+function showFileProgress(item: AppearancePatentHistoryItem) {
+  return isResultPreparing(item) && (item.fileProgressTotal || 0) > 0
+}
+
 async function downloadResult(item: AppearancePatentHistoryItem) {
   if (!item.resultId) return
   const api = getPywebviewApi()
@@ -729,6 +751,11 @@ onUnmounted(() => {
 .status.running { background: rgba(52, 152, 219, .18); color: #3498db; }
 .status.pending { background: rgba(149, 165, 166, .18); color: #bdc3c7; }
 .result-hint { margin-top: 6px; color: #e0b96d; }
+.file-progress { margin-top: 8px; max-width: 520px; }
+.file-progress-meta { display: flex; justify-content: space-between; gap: 12px; color: #d8c278; font-size: 12px; }
+.file-progress-track { margin-top: 5px; height: 8px; border-radius: 999px; overflow: hidden; background: #303030; border: 1px solid #3b3b3b; }
+.file-progress-bar { height: 100%; border-radius: inherit; background: linear-gradient(90deg, #4aa3ff, #f0c75e); transition: width .25s ease; }
+.file-progress-count { margin-top: 4px; color: #858585; font-size: 11px; }
 .download { padding: 6px 10px; color: #d6ecff; background: rgba(52, 152, 219, .18); }
 .btn-delete { padding: 6px 10px; color: #ff8f8f; background: rgba(231, 76, 60, .12); }
 @media (max-width: 1100px) {