1

a2c01127 · 焦子成 · 85482980 · a2c01127 · a2c01127
Commit a2c01127 authored Sep 01, 2025 by 焦子成
Show whitespace changes
Inline Side-by-side

Showing with 95 additions and 66 deletions

src/views/Downloader.vue
+14 -10

src/views/History.vue
+81 -56

No files found.
--- a/src/views/Downloader.vue
+++ b/src/views/Downloader.vue
@@ -353,12 +353,12 @@
            </el-table-column> -->
            <el-table-column label="大小" width="120" align="center" prop="fileLength">
-              <!-- <template #default="{ row }">
+              <template #default="{ row }">
                <span v-if="row.totalBytes > 0" class="size-info">
                  {{ formatBytes(row.downloadedBytes) }} / {{ formatBytes(row.totalBytes) }}
                </span>
                <span v-else class="size-info">-</span>
-              </template> -->
+              </template>
            </el-table-column>
            <el-table-column label="操作" width="200" align="center" fixed="right">
@@ -440,14 +440,14 @@ const activeCollapse = ref(['upload']) // 默认展开配置区域
 const currentPage = ref(1)
 const pageSize = ref(10)
 // 已上传文件列表
-const upQuery = ref({
+let upQuery = ref({
  current: 1,
  pageSize: 5
 })
 let upTableData = reactive([])
 let upTotal = ref(0)
 // 下载任务管理列表
-const deQuery = ref({
+let deQuery = ref({
  current: 1,
  pageSize: 10,
  fileStatus:''
@@ -455,13 +455,13 @@ const deQuery = ref({
 let deTableData = reactive([])
 let deTotal = ref(0)
-const columnMapping = ref({
+let columnMapping = ref({
  fileNameColumns: [],
  url: ''
 })
 // 状态筛选
-const statusFilter = ref('')
+let statusFilter = ref('')
 // 计算是否可以解析
 const canParse = computed(() => {
@@ -824,20 +824,21 @@ onMounted(() => {
  detectBrowserDownloadPath()
  loadUpTableData()
  loadDetailTableData()
-  loadUploadDetailTotalNum()
 })
 function loadDetailTableData(){
  http.post(config.uploadDetailList,deQuery.value).then(res=>{ 
    if (res.code === 200){
      deTableData = res.data.rows
      deTotal.value = res.data.total
+      loadUploadDetailTotalNum()
    }else {
      ElMessage.error(res.message)
    }
  })
 }
-const totalNumObj = reactive({
+let totalNumObj = ref({
  countNum:0,
+  fileLength: '',
  status0: 0,
  status1: 0,
  status2: 0,
@@ -847,7 +848,10 @@ const totalNumObj = reactive({
 function loadUploadDetailTotalNum(){
  http.post(config.uploadDetailTotalNum).then(res=>{ 
    if (res.code === 200){
+      totalNumObj.value.countNum = res.data.countNum
+      totalNumObj.value.status3 = res.data.status3
+      totalNumObj.value.status4 = res.data.status4
+      totalNumObj.value.fileLength = res.data.fileLength
    }else {
      ElMessage.error(res.message)
    }
@@ -902,7 +906,7 @@ function deleteRow(row) {
 // 解析Excel文件
 const parseExcelFile = async () => {
-  if (rawExcelData.value.length > 8000){
+  if (rawExcelData.value.length > 3000){
    ElMessage.error('文件数据量太大,请拆分处理，每次不超过3000条')
    return
  }

--- a/src/views/History.vue
+++ b/src/views/History.vue
@@ -3,7 +3,9 @@
    <!-- 头部 -->
    <header class="header">
      <div class="logo">
-        <el-icon><Clock /></el-icon>
+        <el-icon>
+          <Clock />
+        </el-icon>
        下载历史
      </div>
      <div class="header-actions">
@@ -22,19 +24,19 @@
      <el-card class="stats-card">
        <div class="stats-grid">
          <div class="stat-item">
-            <div class="stat-number">{{ totalRecords }}</div>
+            <div class="stat-number">{{ totalNumObj.countNum }}</div>
            <div class="stat-label">总记录数</div>
          </div>
          <div class="stat-item">
-            <div class="stat-number">{{ completedCount }}</div>
+            <div class="stat-number">{{ totalNumObj.status3 }}</div>
            <div class="stat-label">已完成</div>
          </div>
          <div class="stat-item">
-            <div class="stat-number">{{ failedCount }}</div>
+            <div class="stat-number">{{ totalNumObj.status4 }}</div>
            <div class="stat-label">失败</div>
          </div>
          <div class="stat-item">
-            <div class="stat-number">{{ totalSize }}</div>
+            <div class="stat-number">{{ totalNumObj.fileLength }}</div>
            <div class="stat-label">总大小</div>
          </div>
        </div>
@@ -46,30 +48,24 @@
          <div class="card-header">
            <span>历史记录</span>
            <div class="header-actions">
-               <el-select v-model="statusFilter" placeholder="状态筛选" size="small" style="width: 120px;">
+              <el-select v-model="deQuery.fileStatus" placeholder="状态筛选" size="small" style="width: 120px;">
                <el-option label="全部" value="" />
-                 <el-option label="已完成" value="completed" />
+                <el-option label="已完成" :value="3" />
-                 <el-option label="失败" value="error" />
+                <el-option label="失败" :value="4" />
-                 <el-option label="暂停" value="paused" />
+                <el-option label="暂停" :value="2" />
              </el-select>
-               <el-select v-model="excelFileFilter" placeholder="Excel文件筛选" size="small" style="width: 150px; margin-left: 10px;">
+              <el-select v-model="excelFileFilter" placeholder="Excel文件筛选" size="small"
+                style="width: 150px; margin-left: 10px;">
                <el-option label="全部Excel文件" value="" />
-                 <el-option 
+                <el-option v-for="excelFile in uniqueExcelFiles" :key="excelFile" :label="excelFile"
-                   v-for="excelFile in uniqueExcelFiles" 
+                  :value="excelFile" />
-                   :key="excelFile" 
-                   :label="excelFile" 
-                   :value="excelFile" 
-                 />
              </el-select>
-               <el-input
+              <el-input v-model="deQuery.fileName" placeholder="搜索文件名或Excel文件" size="small"
-                 v-model="searchKeyword"
+                style="width: 200px; margin-left: 10px;" clearable>
-                 placeholder="搜索文件名或Excel文件"
-                 size="small"
-                 style="width: 200px; margin-left: 10px;"
-                 clearable
-               >
                <template #prefix>
-                   <el-icon><Search /></el-icon>
+                  <el-icon>
+                    <Search />
+                  </el-icon>
                </template>
              </el-input>
            </div>
@@ -77,12 +73,8 @@
        </template>
        <!-- 历史记录表格 -->
-        <el-table 
+        <el-table :data="deTableData" style="width: 100%" :default-sort="{ prop: 'timestamp', order: 'descending' }"
-          :data="filteredHistory" 
+          stripe>
-          style="width: 100%"
-          :default-sort="{ prop: 'timestamp', order: 'descending' }"
-          stripe
-        >
          <el-table-column prop="timestamp" label="时间" width="180" sortable>
            <template #default="scope">
              {{ formatDate(scope.row.timestamp) }}
@@ -92,7 +84,9 @@
          <el-table-column prop="excelFileName" label="Excel文件" width="180">
            <template #default="scope">
              <div class="excel-file-info">
-                 <el-icon><Document /></el-icon>
+                <el-icon>
+                  <Document />
+                </el-icon>
                <span class="excel-file-name">{{ scope.row.excelFileName || '-' }}</span>
              </div>
            </template>
@@ -148,19 +142,11 @@
          <el-table-column label="操作" width="120" fixed="right">
            <template #default="scope">
-              <el-button 
+              <el-button v-if="scope.row.status === 'error'" @click="retryDownload(scope.row)" type="primary"
-                v-if="scope.row.status === 'error'"
+                size="small">
-                @click="retryDownload(scope.row)" 
-                type="primary" 
-                size="small"
-              >
                重试
              </el-button>
-              <el-button 
+              <el-button @click="viewDetails(scope.row)" type="info" size="small">
-                @click="viewDetails(scope.row)" 
-                type="info" 
-                size="small"
-              >
                详情
              </el-button>
            </template>
@@ -169,15 +155,9 @@
        <!-- 分页 -->
        <div class="pagination-container">
-          <el-pagination
+          <el-pagination v-model:current-page="deQuery.current" v-model:page-size="deQuery.pageSize" :page-sizes="[10, 20, 50, 100]"
-            v-model:current-page="currentPage"
+            :total="deTotal" layout="total, sizes, prev, pager, next, jumper"
-            v-model:page-size="pageSize"
+            @size-change="handleSizeChange" @current-change="handleCurrentChange" />
-            :page-sizes="[10, 20, 50, 100]"
-            :total="filteredHistory.length"
-            layout="total, sizes, prev, pager, next, jumper"
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
-          />
        </div>
      </el-card>
    </div>
@@ -214,11 +194,13 @@
 </template>
 <script setup>
-import { ref, computed, onMounted } from 'vue'
+import { ref, computed, onMounted, reactive } from 'vue'
 import { useRouter } from 'vue-router'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { Clock, Search } from '@element-plus/icons-vue'
 import { useAuthStore } from '../stores/auth'
+import http from '@/utils/request.js';
+import config from '@/api/api.js';
 const router = useRouter()
 const authStore = useAuthStore()
@@ -233,9 +215,46 @@ const pageSize = ref(20)
 const detailsVisible = ref(false)
 const selectedRecord = ref(null)
+const deQuery = ref({
+  current: 1,
+  pageSize: 10,
+  fileStatus: 3,
+  fileName: ''
+})
+let deTableData = reactive([])
+let deTotal = ref(0)
 // 加载历史数据
 const loadHistory = () => {
-  historyData.value = authStore.getDownloadHistory()
+  // historyData.value = authStore.getDownloadHistory()
+  http.post(config.uploadDetailList, deQuery.value).then(res => {
+    if (res.code === 200) {
+      deTableData = res.data.rows
+      deTotal.value = res.data.total
+    } else {
+      ElMessage.error(res.message)
+    }
+  })
+}
+let totalNumObj = ref({
+  "countNum": 0,
+  "fileLength": '0 KB',
+  "status0": 0,
+  "status1": 0,
+  "status2": 0,
+  "status3": 0,
+  "status4": 0
+})
+function loadUploadDetailTotalNum(){
+  http.post(config.uploadDetailTotalNum).then(res=>{ 
+    if (res.code === 200){
+      totalNumObj.value.countNum = res.data.countNum
+      totalNumObj.value.status3 = res.data.status3
+      totalNumObj.value.status4 = res.data.status4
+      totalNumObj.value.fileLength = res.data.fileLength
+    }else {
+      ElMessage.error(res.message)
+    }
+  })
 }
 // 获取唯一的Excel文件列表
@@ -391,12 +410,17 @@ const clearAllHistory = async () => {
 // 分页处理
 const handleSizeChange = (size) => {
-  pageSize.value = size
+  // pageSize.value = size
-  currentPage.value = 1
+  // currentPage.value = 1
+  deQuery.value.pageSize = size
+  deQuery.value.current = 1
+  loadHistory()
 }
 const handleCurrentChange = (page) => {
-  currentPage.value = page
+  // currentPage.value = page
+  deQuery.value.current = page
+  loadHistory()
 }
 // 返回下载器
@@ -407,6 +431,7 @@ const goBack = () => {
 // 组件挂载时初始化
 onMounted(() => {
  loadHistory()
+  loadUploadDetailTotalNum()
 })
 </script>