同步 -- 文件下载

src/api/sync/spsSyncStatus.js

@@ -59,4 +59,13 @@ export function infoByStatus(query) {
   });
 }
 
+export function downloadFile(query) {
+  return axios({
+    url: "/sps/sync/download/info/file",
+    method: "get",
+    param: query,
+    responseType: 'blob'
+  });
+}
+
 

src/views/sync/SysUdimsData.vue

@@ -95,7 +95,8 @@ import {
   deleteLog,
   createSchedule,
   findConfig,
-  updateConfig
+  updateConfig,
+  infoByStatus
 } from "@/api/sync/spsSyncStatus";
 import store from "@/store";
 

src/views/sync/SysUdimsDownloadData.vue

@@ -33,98 +33,49 @@
         </el-row>
       </el-form>
 
-      <el-table
+      <el-table v-loading="loading" :data="list" style="width: 100%">
-        v-loading="loading"
-        :data="list"
-        style="width: 100%"
-      >
         <el-table-column label="序号" type="index"></el-table-column>
-        <el-table-column
+        <el-table-column label="任务ID" prop="taskId" width="140" show-overflow-tooltip></el-table-column>
-          label="任务ID"
-          prop="taskId"
-          width="140"
-          show-overflow-tooltip
-        ></el-table-column>
 
-        <el-table-column
+        <el-table-column label="任务类型" prop="type" width="140" show-overflow-tooltip>
-          label="任务类型"
-          prop="type"
-          width="140"
-          show-overflow-tooltip
-        >
           <template slot-scope="scope">
             <span>{{scope.row.type }}</span>
           </template>
         </el-table-column>
-        <el-table-column
+        <el-table-column label="状态" prop="status" width="140" show-overflow-tooltip>
-          label="状态"
-          prop="status"
-          width="140"
-          show-overflow-tooltip
-        >
           <template slot-scope="scope">
-            <el-tag
+            <el-tag :type="statusFilterType(scope.row.status)">{{ status[scope.row.status] }}
-              :type="statusFilterType(scope.row.status)"
+            </el-tag>
-            >{{ status[scope.row.status] }}
-            </el-tag
-            >
           </template>
         </el-table-column>
-        <el-table-column
+        <el-table-column label="开始时间" width="180" prop="startTime" show-overflow-tooltip></el-table-column>
-          label="开始时间"
+        <el-table-column label="结束时间" width="180" prop="endTime" show-overflow-tooltip></el-table-column>
-          width="180"
-          prop="startTime"
-          show-overflow-tooltip
-        ></el-table-column>
-        <el-table-column
-          label="结束时间"
-          width="180"
-          prop="endTime"
-          show-overflow-tooltip
-        ></el-table-column>
 
-        <el-table-column
+        <el-table-column label="同步信息" prop="remark" show-overflow-tooltip></el-table-column>
-          label="同步信息"
-          prop="remark"
-          show-overflow-tooltip
-        ></el-table-column>
 
         <el-table-column label="操作" fixed="right" width="160">
+
           <template slot-scope="scope">
-            <el-button
+            <el-popconfirm @confirm="downFile(scope.row)" confirm-button-text='下载' cancel-button-text='不用了' class="mr10"
-              type="text"
+              icon="el-icon-info" icon-color="blck" title="是否确认要下载文件？" v-if="scope.row.cacheFilePath">
-              size="small"
+              <el-button type="text" size="small" slot="reference">下载
-              @click.native.stop="detailDialog(scope.row.id)"
+              </el-button>
-            >详情
+            </el-popconfirm>
-            </el-button
+            <el-popconfirm @confirm="deleteData(scope.row.id)" confirm-button-text='删除' cancel-button-text='不用了'
-            >
+              icon="el-icon-info" icon-color="red" title="是否确认要删除这条数据？">
-            <el-button
+              <el-button type="text" size="small" slot="reference">删除
-              type="text"
+              </el-button>
-              size="small"
+            </el-popconfirm>
-              @click.native.stop="deleteDialog(scope.row.id)"
-            >删除
-            </el-button
-            >
           </template>
         </el-table-column>
       </el-table>
-      <el-pagination
+      <el-pagination :page-size="filterQuery.limit" @current-change="handleCurrentChange" layout="prev, pager, next"
-        :page-size="filterQuery.limit"
+        :total="total" :current-page="filterQuery.page"></el-pagination>
-        @current-change="handleCurrentChange"
-        layout="prev, pager, next"
-        :total="total"
-        :current-page="filterQuery.page"
-      ></el-pagination>
     </el-card>
 
 
-    <el-dialog
+    <el-dialog title="同步信息" width="25%" :close-on-click-modal="false" :close-on-press-escape="false"
-      title="同步信息"
+      :visible.sync="syncVisible">
-      width="25%"
-      :close-on-click-modal="false"
-      :close-on-press-escape="false"
-      :visible.sync="syncVisible"
-    >
       <span v-text="syncInfo" style="white-space:pre-line;" class="syncInfo"></span>
     </el-dialog>
 
@@ -132,12 +83,19 @@
 </template>
 
 <script>
-import {filterLog, deleteLog, findConfig} from "@/api/sync/spsSyncDownload";
+  import {
-import store from "@/store";
+    filterLog,
-import ShowText from "../sync/showText";
+    deleteLog,
-import {downloadNow} from "@/api/sync/spsSyncDownload";
+    findConfig,
+    downloadFile
+  } from "@/api/sync/spsSyncDownload";
+  import store from "@/store";
+  import ShowText from "../sync/showText";
+  import {
+    downloadNow
+  } from "@/api/sync/spsSyncDownload";
 
-export default {
+  export default {
     data() {
       return {
         filterQuery: {
@@ -244,13 +202,11 @@ export default {
         if (val) {
           this.getList();
         }
-    }
+      },
-    ,
       handleCurrentChange(val) {
         this.filterQuery.page = val;
         this.getList();
-    }
+      },
-    ,
 
       createSchedule(type) {
         let query = {
@@ -298,8 +254,7 @@ export default {
                 this.loading = false;
               });
           })
-        .catch(() => {
+          .catch(() => {});
-        });
       },
       handleChange(response, files, fileList) {
         console.log(response);
@@ -329,7 +284,9 @@ export default {
       },
       downloadNow(type) {
         //立即下载数据
-      let params = {type: type};
+        let params = {
+          type: type
+        };
         downloadNow(params).then((res) => {
           if (res.code === 20000) {
             this.$message.success("同步任务创建成功，稍后请刷新查看下载日志！");
@@ -339,12 +296,30 @@ export default {
         }).catch((error) => {
           this.$message.error(error.message);
         })
-    }
       },
 
-  mounted() {
+    downFile(rows) {
+      downloadFile({
+        'id': rows.id
+      }).then(res => {
+        let blob = new Blob([res])
+        let fileName = rows.cacheFilePath.substring(rows.cacheFilePath.lastIndexOf('/'))
+        let link = document.createElement("a")
+        link.href = window.URL.createObjectURL(blob)
+        link.download = fileName
+        link.style.display = 'none'
+        document.body.appendChild(link)
+        link.click()
+        window.URL.revokeObjectURL(link.href)
+        document.body.removeChild(link)
+      })
+    },
+    },
+
+    mounted() {},
+    components: {
+      ShowText
     },
-  components: {ShowText},
     created() {
       this.headers = {
         ADMIN_ID: store.getters.adminId,
@@ -353,35 +328,35 @@ export default {
       this.getList();
       this.getConfig();
     },
-};
+  };
 </script>
 <style scoped>
-.itemTag {
+  .itemTag {
     float: left;
     text-align: left;
     margin-top: 10px;
     width: 100px;
-}
+  }
 
-.text {
+  .text {
     font-size: 13px;
     font-family: "Microsoft YaHei";
-}
+  }
 
-.el-row {
+  .el-row {
     display: flex;
     flex-wrap: wrap;
 
-}
+  }
 
-.el-col {
+  .el-col {
     border-radius: 4px;
     flex-wrap: wrap;
-}
+  }
 
-.syncInfo {
+  .syncInfo {
     font-size: medium;
     font-family: "Microsoft YaHei";
     line-height: 25px;
-}
+  }
 </style>