From 4385edecdbfd21100d5a0a4363061ef897fa2b46 Mon Sep 17 00:00:00 2001
From: wj <1285151836@qq.com>
Date: Wed, 26 Apr 2023 10:50:05 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=8C=E6=AD=A5=E4=BB=BB=E5=8A=A1=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                        |   3 +
 src/api/sync/dataSyncStatus.js     |  19 +
 src/views/sync/SysDownloadData.vue | 626 +++++++++++++--------------
 src/views/sync/SysUploadData.vue   | 668 ++++++++++++++---------------
 4 files changed, 650 insertions(+), 666 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 302129c..d556b28 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -22,4 +22,7 @@ body {
 #app {
     height: 100%;
 }
+.mr10{
+    margin-right: 10px;
+}
 </style>
diff --git a/src/api/sync/dataSyncStatus.js b/src/api/sync/dataSyncStatus.js
index cce3860..576409c 100644
--- a/src/api/sync/dataSyncStatus.js
+++ b/src/api/sync/dataSyncStatus.js
@@ -18,6 +18,16 @@ export function deleteUploadStatus(params) {
 }
 
 
+export function uploadInfoByStatus(query) {
+  return axios({
+    url: "/spssync/basic/udiinfo/uploadInfoByStatus",
+    method: "get",
+    params: query,
+    responseType: 'blob'
+  });
+}
+
+
 //下载任务接口
 export function filterDownloadStatus(params) {
     return axios({
@@ -43,3 +53,12 @@ export function connectUpper(params) {
         params: params
     })
 }
+
+export function infoByStatus(query) {
+  return axios({
+    url: "/spssync/basic/udiinfo/infoByStatus",
+    method: "get",
+    params: query,
+    responseType: 'blob'
+  });
+}
diff --git a/src/views/sync/SysDownloadData.vue b/src/views/sync/SysDownloadData.vue
index 24f0045..b392e54 100644
--- a/src/views/sync/SysDownloadData.vue
+++ b/src/views/sync/SysDownloadData.vue
@@ -14,9 +14,8 @@
                     <el-form-item class="query-form-item">
                         <el-select v-model="filterQuery.status" placeholder="处理状态">
                             <el-option label="全部" value=""></el-option>
-                            <el-option label="等待下载" value="3"></el-option>
-                            <el-option label="已处理" value="1"></el-option>
-                            <el-option label="异常" value="2"></el-option>
+                            <el-option label="文件待同步" value="3"></el-option>
+                            <el-option label="任务完成" value="4"></el-option>
                         </el-select>
                     </el-form-item>
 
@@ -29,11 +28,7 @@
                 </el-row>
             </el-form>
 
-            <el-table
-                v-loading="loading"
-                :data="list"
-                style="width: 100%"
-            >
+            <el-table v-loading="loading" :data="list" style="width: 100%">
                 <el-table-column label="序号" type="index"></el-table-column>
                 <!--                <el-table-column-->
                 <!--                    label="记录ID"-->
@@ -42,96 +37,47 @@
                 <!--                    show-overflow-tooltip-->
                 <!--                ></el-table-column>-->
 
-                <el-table-column
-                    label="任务ID"
-                    prop="taskId"
-                    width="140"
-                    show-overflow-tooltip
-                ></el-table-column>
+                <el-table-column label="任务ID" prop="taskId" width="140" show-overflow-tooltip></el-table-column>
 
-                <el-table-column
-                    label="任务类型"
-                    prop="idDatas"
-                    width="140"
-                    show-overflow-tooltip
-                >
+                <el-table-column label="任务类型" prop="type" width="140" show-overflow-tooltip>
                     <template slot-scope="scope">
-                        <span>{{ type[scope.row.idDatas] }}</span>
+                        <span>{{ scope.row.type}}</span>
                     </template>
                 </el-table-column>
-                <el-table-column
-                    label="状态"
-                    prop="status"
-                    width="140"
-                    show-overflow-tooltip
-                >
+                <el-table-column label="状态" prop="status" width="140" show-overflow-tooltip>
                     <template slot-scope="scope">
-                        <el-tag
-                            :type="statusFilterType(scope.row.status)"
-                        >{{ status[scope.row.status] }}
-                        </el-tag
-                        >
+                        <el-tag v-if="scope.row.status" :type="statusFilterType(scope.row.status)">{{ status[scope.row.status] }}
+                        </el-tag>
                     </template>
                 </el-table-column>
-                <el-table-column
-                    label="开始时间"
-                    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 label="开始时间" 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
-                    label="同步信息"
-                    prop="remark"
-                    show-overflow-tooltip
-                ></el-table-column>
-
-                <el-table-column
-                    label="文件路径"
-                    prop="cacheFilePath"
-                    show-overflow-tooltip
-                ></el-table-column>
+                <el-table-column label="同步信息" prop="remark" show-overflow-tooltip></el-table-column>
 
+                <el-table-column label="文件路径" prop="cacheFilePath" show-overflow-tooltip></el-table-column>
                 <el-table-column label="操作" fixed="right" width="160">
                     <template slot-scope="scope">
-                        <el-button
-                            type="text"
-                            size="small"
-                            @click.native.stop="detailDialog(scope.row.id)"
-                        >详情
-                        </el-button
-                        >
-                        <el-button
-                            type="text"
-                            size="small"
-                            @click.native.stop="deleteDialog(scope.row.id)"
-                        >删除
-                        </el-button
-                        >
+                        <el-popconfirm @confirm="downFile(scope.row)" confirm-button-text='下载' cancel-button-text='不用了'
+                            class="mr10" icon="el-icon-info" icon-color="blck" title="是否确认要下载文件？"
+                            v-if="scope.row.cacheFilePath">
+                            <el-button type="text" size="small" slot="reference">下载
+                            </el-button>
+                        </el-popconfirm>
+                        <el-popconfirm v-if="scope.row.status==4" @confirm="deleteData(scope.row.id)" confirm-button-text='删除'
+                            cancel-button-text='不用了' icon="el-icon-info" icon-color="red" title="是否确认要删除这条数据？">
+                            <el-button type="text" size="small" slot="reference">删除
+                            </el-button>
+                        </el-popconfirm>
                     </template>
                 </el-table-column>
             </el-table>
-            <el-pagination
-                :page-size="filterQuery.limit"
-                @current-change="handleCurrentChange"
-                layout="prev, pager, next"
-                :total="total"
-            ></el-pagination>
+            <el-pagination :current-page="filterQuery.page" :page-size="filterQuery.limit" @current-change="handleCurrentChange"
+                layout="prev, pager, next" :total="total"></el-pagination>
         </el-card>
 
-        <el-dialog
-            title="同步信息"
-            width="25%"
-            :close-on-click-modal="false"
-            :close-on-press-escape="false"
-            :visible.sync="syncVisible"
-        >
+        <el-dialog title="同步信息" 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>
 
@@ -139,277 +85,307 @@
 </template>
 
 <script>
-import {filterDownloadStatus, deleteDownloadStatus, createSchedule, updateConfig} from "../../api/sync/dataSyncStatus";
-import store from "@/store";
-
-export default {
-    data() {
-        return {
-            filterQuery: {
-                taskId: null,
-                id: null,
-                status: "3",
-                page: 1,
-                limit: 10,
-                syncTime: null,
-            },
-            list: [],
-            headers: {},
-            detailList: [],
-            thirdSys: [],
-            thirdSysDetail: null,
-            total: 0,
-            currentRow: null,
-            editQuery: null,
-            type: {
-                "AutoDownloadOrder": "扫码单据",
-                "AutoDownloadBusType": "单据类型",
-                "AutoDownloadAllData": "基础信息",
-                "AutoDownloadDiProducts": "国家库DI数据"
-            },
-            status: {
-                0: "等待处理",
-                1: "处理完成",
-                2: "处理异常",
-                3: "等待下载",
-            },
+    import {
+        filterDownloadStatus,
+        deleteDownloadStatus,
+        createSchedule,
+        updateConfig,
+        infoByStatus
+    } from "../../api/sync/dataSyncStatus";
+    import store from "@/store";
 
-            configQuery: {
-                id: null,
-                typeBus: null,
-                typeScan: null,
-                typeThird: null,
-                basicProducts: null,
-                basicCorp: null,
-                basicInv: null,
-                basicThirdProducts: null,
-                basicThirdCorp: null,
-                basicThirdInv: null,
-                basicThirdBusOrder: null,
-                orderScanFinish: null,
-                dbDiProducts: null,
-                downstreamEnable: null,
+    export default {
+        data() {
+            return {
+                filterQuery: {
+                    taskId: null,
+                    id: null,
+                    status: "3",
+                    page: 1,
+                    limit: 10,
+                    syncTime: null,
+                },
+                list: [],
+                headers: {},
+                detailList: [],
+                thirdSys: [],
+                thirdSysDetail: null,
+                total: 0,
+                currentRow: null,
+                editQuery: null,
+                type: {
+                    "AutoDownloadOrder": "扫码单据",
+                    "AutoDownloadBusType": "单据类型",
+                    "AutoDownloadAllData": "基础信息",
+                    "AutoDownloadDiProducts": "国家库DI数据"
+                },
+                status: {
+                    1: "任务待触发",
+                    2: "文件待生成",
+                    3: "文件待同步",
+                    4: "任务完成",
+                },
 
-            },
-            uploadFileUrl: null,
-            uploadData: {
-                thirdSys: "thirdId",
-            },
-            templateDlUrl: null,
-            checked: false,
-            syncTime: null,
-            configParms: {},
-            syncInfo: null,
-            syncVisible: false
-        };
-    },
+                configQuery: {
+                    id: null,
+                    typeBus: null,
+                    typeScan: null,
+                    typeThird: null,
+                    basicProducts: null,
+                    basicCorp: null,
+                    basicInv: null,
+                    basicThirdProducts: null,
+                    basicThirdCorp: null,
+                    basicThirdInv: null,
+                    basicThirdBusOrder: null,
+                    orderScanFinish: null,
+                    dbDiProducts: null,
+                    downstreamEnable: null,
 
-    methods: {
-        onReset() {
-            this.$router.push({
-                path: "",
-            });
-            this.filterQuery = {
-                id: null,
-                page: 1,
-                limit: 20,
+                },
+                uploadFileUrl: null,
+                uploadData: {
+                    thirdSys: "thirdId",
+                },
+                templateDlUrl: null,
+                checked: false,
+                syncTime: null,
+                configParms: {},
+                syncInfo: null,
+                syncVisible: false
             };
-            this.syncTime = null;
-            this.getList();
-        },
-        getList() {
-            this.loading = true;
-            filterDownloadStatus(this.filterQuery)
-                .then((response) => {
-                    this.loading = false;
-                    if (response.code == 20000) {
-                        this.list = response.data.list || [];
-                        this.total = response.data.total || 0;
-                    } else {
-                        this.$message.error(response.message);
-                    }
-                })
-                .catch(() => {
-                    this.loading = false;
-                    this.list = [];
-                    this.total = 0;
-                });
         },
 
-        saveConfig() {
-            updateConfig(this.configQuery)
-                .then((response) => {
-                    this.loading = false;
-                    if (response.code == 20000) {
-                        this.$message.success("更新成功！");
-                        this.getConfig();
-                    }
-                })
-                .catch(() => {
-                    this.loading = false;
+        methods: {
+            onReset() {
+                this.$router.push({
+                    path: "",
                 });
-        },
-
-
-        cancelDialog(val) {
-            this.udiImportDetailVisible = false;
-            this.thrCorpSelectVisible = false;
-            if (val) {
+                this.filterQuery = {
+                    id: null,
+                    page: 1,
+                    limit: 20,
+                };
+                this.syncTime = null;
                 this.getList();
-            }
-        }
-        ,
-        handleCurrentChange(val) {
-            this.filterQuery.page = val;
-            this.getList();
-        }
-        ,
-
-        createScheduleDialog(type) {
-            if (this.$isNotBlank(this.syncTime)) {
-                this.$confirm("此操作将从" + this.syncTime + "开始同步最新数据，是否继续", "提示", {
-                    confirmButtonText: "确定",
-                    cancelButtonText: "取消",
-                    type: "warning",
-                })
-                    .then(() => {
-                        this.createSchedule(type);
+            },
+            getList() {
+                this.loading = true;
+                filterDownloadStatus(this.filterQuery)
+                    .then((response) => {
+                        this.loading = false;
+                        if (response.code == 20000) {
+                            this.list = response.data.list || [];
+                            this.total = response.data.total || 0;
+                        } else {
+                            this.$message.error(response.message);
+                        }
                     })
                     .catch(() => {
+                        this.loading = false;
+                        this.list = [];
+                        this.total = 0;
                     });
-            } else {
-                this.createSchedule(type);
-            }
+            },
 
-        },
+            saveConfig() {
+                updateConfig(this.configQuery)
+                    .then((response) => {
+                        this.loading = false;
+                        if (response.code == 20000) {
+                            this.$message.success("更新成功！");
+                            // this.getConfig();
+                        }
+                    })
+                    .catch(() => {
+                        this.loading = false;
+                    });
+            },
 
-        createSchedule(type) {
-            let query = {
-                createType: type,
-                syncTime: this.syncTime,
-            }
 
-            createSchedule(query)
-                .then((response) => {
-                    this.loading = false;
-                    if (response.code == 20000) {
-                        this.$message.success("创建成功！");
-                    } else if (response.code == 501) {
+            cancelDialog(val) {
+                this.udiImportDetailVisible = false;
+                this.thrCorpSelectVisible = false;
+                if (val) {
+                    this.getList();
+                }
+            },
+            handleCurrentChange(val) {
+                this.filterQuery.page = val;
+                this.getList();
+            },
 
-                        this.$alert(response.message, '提示', {
-                            confirmButtonText: '确定',
+            createScheduleDialog(type) {
+                if (this.$isNotBlank(this.syncTime)) {
+                    this.$confirm("此操作将从" + this.syncTime + "开始同步最新数据，是否继续", "提示", {
+                            confirmButtonText: "确定",
+                            cancelButtonText: "取消",
                             type: "warning",
-                            callback: action => {
-                            }
-                        });
+                        })
+                        .then(() => {
+                            this.createSchedule(type);
+                        })
+                        .catch(() => {});
+                } else {
+                    this.createSchedule(type);
+                }
 
-                    } else {
-                        this.$message.error(response.message);
-                    }
+            },
+
+            createSchedule(type) {
+                let query = {
+                    createType: type,
+                    syncTime: this.syncTime,
+                }
+
+                createSchedule(query)
+                    .then((response) => {
+                        this.loading = false;
+                        if (response.code == 20000) {
+                            this.$message.success("创建成功！");
+                        } else if (response.code == 501) {
+
+                            this.$alert(response.message, '提示', {
+                                confirmButtonText: '确定',
+                                type: "warning",
+                                callback: action => {}
+                            });
+
+                        } else {
+                            this.$message.error(response.message);
+                        }
+                        this.getList();
+                    })
+                    .catch(() => {
+                        this.loading = false;
+                    });
+            },
+            deleteDialog(rowId) {
+                this.$confirm("此操作将删除该任务信息, 是否继续?", "提示", {
+                        confirmButtonText: "确定",
+                        cancelButtonText: "取消",
+                        type: "warning",
+                    })
+                    .then(() => {
+                        let dQuery = {
+                            id: rowId,
+                        };
+                        deleteDownloadStatus(dQuery)
+                            .then((response) => {
+                                this.loading = false;
+                                if (response.code == 20000) {
+                                    this.$message.success("删除成功");
+                                } else {
+                                    this.$message.error(response.message);
+                                }
+                                this.getList();
+                            })
+                            .catch(() => {
+                                this.loading = false;
+                            });
+                    })
+                    .catch(() => {});
+            },
+            handleChange(response, files, fileList) {
+                console.log(response);
+                if (response.code != 20000) {
+                    this.$message.error(response.message);
+                    this.getList();
+                } else {
+                    // console.log(files[0] + "\n" + this.fileList[0] + "\n" + fileList[0]);
+                    this.$message.success(response.data);
                     this.getList();
+                }
+            },
+            statusFilterType(status) {
+                const statusMap = {
+                    1: "danger",
+                    2: "danger",
+                    3: "danger",
+                    4: "success",
+                };
+                return statusMap[status];
+            },
+            detailDialog(id) {
+                this.syncVisible = true;
+                this.list.forEach(item => {
+                    if (id === item.id) {
+                        this.syncInfo = item.remark;
+                    }
                 })
-                .catch(() => {
-                    this.loading = false;
-                });
-        },
-        deleteDialog(rowId) {
-            this.$confirm("此操作将删除该任务信息, 是否继续?", "提示", {
-                confirmButtonText: "确定",
-                cancelButtonText: "取消",
-                type: "warning",
-            })
-                .then(() => {
-                    let dQuery = {
-                        id: rowId,
-                    };
-                    deleteDownloadStatus(dQuery)
-                        .then((response) => {
-                            this.loading = false;
-                            if (response.code == 20000) {
-                                this.$message.success("删除成功");
-                            } else {
-                                this.$message.error(response.message);
-                            }
-                            this.getList();
-                        })
-                        .catch(() => {
-                            this.loading = false;
-                        });
+            },
+
+            downFile(rows) {
+                infoByStatus({
+                    '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)
                 })
-                .catch(() => {
-                });
-        }
-        ,
-        handleChange(response, files, fileList) {
-            console.log(response);
-            if (response.code != 20000) {
-                this.$message.error(response.message);
-                this.getList();
-            } else {
-                // console.log(files[0] + "\n" + this.fileList[0] + "\n" + fileList[0]);
-                this.$message.success(response.data);
-                this.getList();
+            },
+            deleteData(id) {
+                deleteDownloadStatus({
+                        id
+                    }).then((response) => {
+                        if (response.code == 20000) {
+                            this.filterQuery.page = 1
+                            this.$message.success("删除成功");
+                        } else {
+                            this.$message.error(response.message);
+                        }
+                        this.getList();
+                    })
+                    .catch(() => {});
             }
-        }
-        ,
-        statusFilterType(status) {
-            const statusMap = {
-                0: "warning",
-                1: "success",
-                2: "danger",
-            };
-            return statusMap[status];
         },
-        detailDialog(id) {
-            this.syncVisible = true;
-            this.list.forEach(item => {
-                if (id === item.id) {
-                    this.syncInfo = item.remark;
-                }
-            })
-        }
-    },
 
-    mounted() {
-    },
-    components: {},
-    created() {
-        this.headers = {
-            ADMIN_ID: store.getters.adminId,
-            ADMIN_TOKEN: store.getters.token,
-        };
-        this.getList();
-        this.getConfig();
-    },
-};
+        mounted() {},
+        components: {},
+        created() {
+            this.headers = {
+                ADMIN_ID: store.getters.adminId,
+                ADMIN_TOKEN: store.getters.token,
+            };
+            this.getList();
+            // this.getConfig();
+        },
+    };
 </script>
 <style>
-.itemTag {
-    float: left;
-    text-align: left;
-    margin-top: 10px;
-    width: 100px;
-}
+    .itemTag {
+        float: left;
+        text-align: left;
+        margin-top: 10px;
+        width: 100px;
+    }
 
-.text {
-    font-size: 13px;
-    font-family: "Microsoft YaHei";
-}
+    .text {
+        font-size: 13px;
+        font-family: "Microsoft YaHei";
+    }
 
-.el-row {
-    display: flex;
-    flex-wrap: wrap;
+    .el-row {
+        display: flex;
+        flex-wrap: wrap;
 
-}
+    }
 
-.el-col {
-    border-radius: 4px;
-    flex-wrap: wrap;
-}
+    .el-col {
+        border-radius: 4px;
+        flex-wrap: wrap;
+    }
 
-.syncInfo {
-    font-size: medium;
-    font-family: "Microsoft YaHei";
-    line-height: 25px;
-}
+    .syncInfo {
+        font-size: medium;
+        font-family: "Microsoft YaHei";
+        line-height: 25px;
+    }
 </style>
diff --git a/src/views/sync/SysUploadData.vue b/src/views/sync/SysUploadData.vue
index 077d5ba..2f26880 100644
--- a/src/views/sync/SysUploadData.vue
+++ b/src/views/sync/SysUploadData.vue
@@ -12,14 +12,14 @@
                         <el-input v-model="filterQuery.taskId" placeholder="记录ID" clearable></el-input>
                     </el-form-item>
 
-                    <el-form-item class="query-form-item">
+                    <!-- <el-form-item class="query-form-item">
                         <el-select v-model="filterQuery.status" placeholder="处理状态">
                             <el-option label="全部" value=""></el-option>
                             <el-option label="等待处理" value="0"></el-option>
                             <el-option label="已处理" value="1"></el-option>
                             <el-option label="异常" value="2"></el-option>
                         </el-select>
-                    </el-form-item>
+                    </el-form-item> -->
 
                     <el-form-item>
                         <el-button-group style="display:flex;">
@@ -33,30 +33,16 @@
                 </el-row>
             </el-form>
 
-            <el-table
-                v-loading="loading"
-                :data="list"
-                style="width: 100%"
-            >
+            <el-table v-loading="loading" :data="list" style="width: 100%">
                 <el-table-column label="序号" type="index"></el-table-column>
-                <el-table-column
-                    label="任务ID"
-                    prop="taskId"
-                    width="180"
-                    show-overflow-tooltip
-                ></el-table-column>
+                <el-table-column label="任务ID" prop="taskId" width="180" show-overflow-tooltip></el-table-column>
 
-                <el-table-column
-                    label="任务类型"
-                    prop="idDatas"
-                    width="140"
-                    show-overflow-tooltip
-                >
+                <el-table-column label="任务类型" prop="idDatas" width="140" show-overflow-tooltip>
                     <template slot-scope="scope">
                         <span>{{ type[scope.row.idDatas] }}</span>
                     </template>
                 </el-table-column>
-                <el-table-column
+                <!-- <el-table-column
                     label="状态"
                     prop="status"
                     width="140"
@@ -69,64 +55,39 @@
                         </el-tag
                         >
                     </template>
-                </el-table-column>
-                <el-table-column
-                    label="开始时间"
-                    width="180"
-                    prop="startTime"
-                    show-overflow-tooltip
-                ></el-table-column>
-                <el-table-column
+                </el-table-column> -->
+                <el-table-column label="开始时间" 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>
-                <el-table-column
-                    label="文件路径"
-                    prop="cacheFilePath"
-                    show-overflow-tooltip
-                ></el-table-column>
+                <el-table-column label="同步信息" prop="remark" show-overflow-tooltip></el-table-column>
+                <el-table-column label="文件路径" prop="cacheFilePath" show-overflow-tooltip></el-table-column>
                 <el-table-column label="操作" fixed="right" width="160">
                     <template slot-scope="scope">
-                        <el-button
-                            type="text"
-                            size="small"
-                            @click.native.stop="detailDialog(scope.row.id)"
-                        >详情
-                        </el-button
-                        >
-                        <el-button
-                            type="text"
-                            size="small"
-                            @click.native.stop="deleteDialog(scope.row.id)"
-                        >删除
-                        </el-button
-                        >
+                        <el-popconfirm @confirm="downFile(scope.row)" confirm-button-text='下载' cancel-button-text='不用了'
+                            class="mr10" icon="el-icon-info" icon-color="blck" title="是否确认要下载文件？"
+                            v-if="scope.row.cacheFilePath">
+                            <el-button type="text" size="small" slot="reference">下载
+                            </el-button>
+                        </el-popconfirm>
+                        <el-popconfirm  @confirm="deleteData(scope.row.id)" confirm-button-text='删除'
+                            cancel-button-text='不用了' icon="el-icon-info" icon-color="red" title="是否确认要删除这条数据？">
+                            <el-button type="text" size="small" slot="reference">删除
+                            </el-button>
+                        </el-popconfirm>
                     </template>
                 </el-table-column>
             </el-table>
-            <el-pagination
-                :page-size="filterQuery.limit"
-                @current-change="handleCurrentChange"
-                layout="prev, pager, next"
-                :total="total"
-            ></el-pagination>
+            <el-pagination :current-page="filterQuery.page" :page-size="filterQuery.limit" @current-change="handleCurrentChange"
+                layout="prev, pager, next" :total="total"></el-pagination>
         </el-card>
 
-        <el-dialog
-            title="同步信息"
-            width="25%"
-            :close-on-click-modal="false"
-            :close-on-press-escape="false"
-            :visible.sync="syncVisible"
-        >
+        <el-dialog title="同步信息" 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>
 
@@ -134,300 +95,325 @@
 </template>
 
 <script>
-import {filterUploadStatus, deleteUploadStatus, updateConfig, connectUpper} from "../../api/sync/dataSyncStatus";
-import store from "@/store";
-
-export default {
-    data() {
-        return {
-            filterQuery: {
-                taskId: null,
-                id: null,
-                status: "0",
-                page: 1,
-                limit: 10,
+    import {
+        filterUploadStatus,
+        deleteUploadStatus,
+        updateConfig,
+        connectUpper,
+        uploadInfoByStatus
+    } from "../../api/sync/dataSyncStatus";
+    import store from "@/store";
+
+    export default {
+        data() {
+            return {
+                filterQuery: {
+                    taskId: null,
+                    id: null,
+                    // status: "0",
+                    page: 1,
+                    limit: 10,
+                    syncTime: null,
+                },
+                list: [],
+                headers: {},
+                detailList: [],
+                thirdSys: [],
+                thirdSysDetail: null,
+                total: 0,
+                currentRow: null,
+                editQuery: null,
+                type: {
+                    "AutoDownloadOrder": "扫码单据",
+                    "AutoDownloadBusType": "单据类型",
+                    "AutoDownloadAllData": "基础信息",
+                    "AutoDownloadDiProducts": "国家库DI数据"
+                },
+                status: {
+                    0: "等待处理",
+                    1: "处理完成",
+                    2: "处理异常",
+                },
+
+                configQuery: {
+                    id: null,
+                    typeBus: null,
+                    typeScan: null,
+                    typeThird: null,
+                    basicProducts: null,
+                    basicCorp: null,
+                    basicInv: null,
+                    basicThirdProducts: null,
+                    basicThirdCorp: null,
+                    basicThirdInv: null,
+                    basicThirdBusOrder: null,
+                    orderScanFinish: null,
+                    dbDiProducts: null,
+                    downstreamEnable: null,
+
+                },
+                uploadFileUrl: null,
+                uploadData: {
+                    thirdSys: "thirdId",
+                },
+                templateDlUrl: null,
+                checked: false,
                 syncTime: null,
-            },
-            list: [],
-            headers: {},
-            detailList: [],
-            thirdSys: [],
-            thirdSysDetail: null,
-            total: 0,
-            currentRow: null,
-            editQuery: null,
-            type: {
-                "AutoDownloadOrder": "扫码单据",
-                "AutoDownloadBusType": "单据类型",
-                "AutoDownloadAllData": "基础信息",
-                "AutoDownloadDiProducts": "国家库DI数据"
-            },
-            status: {
-                0: "等待处理",
-                1: "处理完成",
-                2: "处理异常",
-            },
-
-            configQuery: {
-                id: null,
-                typeBus: null,
-                typeScan: null,
-                typeThird: null,
-                basicProducts: null,
-                basicCorp: null,
-                basicInv: null,
-                basicThirdProducts: null,
-                basicThirdCorp: null,
-                basicThirdInv: null,
-                basicThirdBusOrder: null,
-                orderScanFinish: null,
-                dbDiProducts: null,
-                downstreamEnable: null,
-
-            },
-            uploadFileUrl: null,
-            uploadData: {
-                thirdSys: "thirdId",
-            },
-            templateDlUrl: null,
-            checked: false,
-            syncTime: null,
-            syncInfo: null,
-            syncVisible: false
-        };
-    },
-
-    methods: {
-        onReset() {
-            this.$router.push({
-                path: "",
-            });
-            this.filterQuery = {
-                id: null,
-                page: 1,
-                limit: 20,
+                syncInfo: null,
+                syncVisible: false
             };
-            this.syncTime = null;
-            this.getList();
-        },
-        getList() {
-            this.loading = true;
-            filterUploadStatus(this.filterQuery)
-                .then((response) => {
-                    this.loading = false;
-                    if (response.code == 20000) {
-                        this.list = response.data.list || [];
-                        this.total = response.data.total || 0;
-                    } else {
-                        this.$message.error(response.message);
-                    }
-                })
-                .catch(() => {
-                    this.loading = false;
-                    this.list = [];
-                    this.total = 0;
-                });
         },
 
-        testConnect() {
-
-            let query = {};
-            connectUpper(query)
-                .then((response) => {
-                    this.loading = false;
-                    if (response.code == 20000) {
-                        this.$message.success("连接成功！");
-                    } else {
-                        this.$message.error(response.message);
-                    }
-                })
-                .catch(() => {
-                    this.loading = false;
+        methods: {
+            onReset() {
+                this.$router.push({
+                    path: "",
                 });
+                this.filterQuery = {
+                    id: null,
+                    page: 1,
+                    limit: 10,
+                };
+                this.syncTime = null;
+                this.getList();
+            },
+            getList() {
+                this.loading = true;
+                filterUploadStatus(this.filterQuery)
+                    .then((response) => {
+                        this.loading = false;
+                        if (response.code == 20000) {
+                            this.list = response.data.list || [];
+                            this.total = response.data.total || 0;
+                        } else {
+                            this.$message.error(response.message);
+                        }
+                    })
+                    .catch(() => {
+                        this.loading = false;
+                        this.list = [];
+                        this.total = 0;
+                    });
+            },
 
-        },
+            testConnect() {
+
+                let query = {};
+                connectUpper(query)
+                    .then((response) => {
+                        this.loading = false;
+                        if (response.code == 20000) {
+                            this.$message.success("连接成功！");
+                        } else {
+                            this.$message.error(response.message);
+                        }
+                    })
+                    .catch(() => {
+                        this.loading = false;
+                    });
 
+            },
 
-        saveConfig() {
-            updateConfig(this.configQuery)
-                .then((response) => {
-                    this.loading = false;
-                    if (response.code == 20000) {
-                        this.$message.success("更新成功！");
-                        this.getConfig();
-                    }
-                })
-                .catch(() => {
-                    this.loading = false;
-                });
-        }
-        ,
 
+            saveConfig() {
+                updateConfig(this.configQuery)
+                    .then((response) => {
+                        this.loading = false;
+                        if (response.code == 20000) {
+                            this.$message.success("更新成功！");
+                            // this.getConfig();
+                        }
+                    })
+                    .catch(() => {
+                        this.loading = false;
+                    });
+            },
 
-        cancelDialog(val) {
-            this.udiImportDetailVisible = false;
-            this.thrCorpSelectVisible = false;
-            if (val) {
+
+            cancelDialog(val) {
+                this.udiImportDetailVisible = false;
+                this.thrCorpSelectVisible = false;
+                if (val) {
+                    this.getList();
+                }
+            },
+            handleCurrentChange(val) {
+                this.filterQuery.page = val;
                 this.getList();
-            }
-        }
-        ,
-        handleCurrentChange(val) {
-            this.filterQuery.page = val;
-            this.getList();
-        }
-        ,
-
-        /* createScheduleDialog(type) {
-             if (this.$isNotBlank(this.syncTime)) {
-                 this.$confirm("此操作将从" + this.syncTime + "开始同步最新数据，是否继续", "提示", {
-                     confirmButtonText: "确定",
-                     cancelButtonText: "取消",
-                     type: "warning",
-                 })
-                     .then(() => {
-                         this.createSchedule(type);
+            },
+
+            /* createScheduleDialog(type) {
+                 if (this.$isNotBlank(this.syncTime)) {
+                     this.$confirm("此操作将从" + this.syncTime + "开始同步最新数据，是否继续", "提示", {
+                         confirmButtonText: "确定",
+                         cancelButtonText: "取消",
+                         type: "warning",
+                     })
+                         .then(() => {
+                             this.createSchedule(type);
+                         })
+                         .catch(() => {
+                         });
+                 } else {
+                     this.createSchedule(type);
+                 }
+
+             },
+
+             createSchedule(type) {
+                 let query = {
+                     createType: type,
+                     syncTime: this.syncTime,
+                 }
+
+                 createSchedule(query)
+                     .then((response) => {
+                         this.loading = false;
+                         if (response.code == 20000) {
+                             this.$message.success("创建成功！");
+                         } else if (response.code == 501) {
+
+                             this.$alert(response.message, '提示', {
+                                 confirmButtonText: '确定',
+                                 type: "warning",
+                                 callback: action => {
+                                 }
+                             });
+
+                         } else {
+                             this.$message.error(response.message);
+                         }
+                         this.getList();
                      })
                      .catch(() => {
+                         this.loading = false;
                      });
-             } else {
-                 this.createSchedule(type);
-             }
-
-         },
-
-         createSchedule(type) {
-             let query = {
-                 createType: type,
-                 syncTime: this.syncTime,
-             }
-
-             createSchedule(query)
-                 .then((response) => {
-                     this.loading = false;
-                     if (response.code == 20000) {
-                         this.$message.success("创建成功！");
-                     } else if (response.code == 501) {
-
-                         this.$alert(response.message, '提示', {
-                             confirmButtonText: '确定',
-                             type: "warning",
-                             callback: action => {
-                             }
-                         });
+             },*/
+            deleteDialog(rowId) {
+                this.$confirm("此操作将删除该任务信息, 是否继续?", "提示", {
+                        confirmButtonText: "确定",
+                        cancelButtonText: "取消",
+                        type: "warning",
+                    })
+                    .then(() => {
+                        let dQuery = {
+                            id: rowId,
+                        };
+                        deleteUploadStatus(dQuery)
+                            .then((response) => {
+                                this.loading = false;
+                                if (response.code == 20000) {
+                                    this.$message.success("删除成功");
+                                } else {
+                                    this.$message.error(response.message);
+                                }
+                                this.getList();
+                            })
+                            .catch(() => {
+                                this.loading = false;
+                            });
+                    })
+                    .catch(() => {});
+            },
+            handleChange(response, files, fileList) {
+                console.log(response);
+                if (response.code != 20000) {
+                    this.$message.error(response.message);
+                    this.getList();
+                } else {
+                    // console.log(files[0] + "\n" + this.fileList[0] + "\n" + fileList[0]);
+                    this.$message.success(response.data);
+                    this.getList();
+                }
+            },
+            statusFilterType(status) {
+                const statusMap = {
+                    0: "warning",
+                    1: "success",
+                    2: "danger",
+                };
+                return statusMap[status];
+            },
+            detailDialog(id) {
+                this.syncVisible = true;
+                this.list.forEach(item => {
+                    if (id === item.id) {
+                        this.syncInfo = item.remark;
+                    }
+                })
+            },
 
-                     } else {
-                         this.$message.error(response.message);
-                     }
-                     this.getList();
-                 })
-                 .catch(() => {
-                     this.loading = false;
-                 });
-         },*/
-        deleteDialog(rowId) {
-            this.$confirm("此操作将删除该任务信息, 是否继续?", "提示", {
-                confirmButtonText: "确定",
-                cancelButtonText: "取消",
-                type: "warning",
-            })
-                .then(() => {
-                    let dQuery = {
-                        id: rowId,
-                    };
-                    deleteUploadStatus(dQuery)
-                        .then((response) => {
-                            this.loading = false;
-                            if (response.code == 20000) {
-                                this.$message.success("删除成功");
-                            } else {
-                                this.$message.error(response.message);
-                            }
-                            this.getList();
-                        })
-                        .catch(() => {
-                            this.loading = false;
-                        });
+            downFile(rows) {
+                infoByStatus({
+                    '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)
                 })
-                .catch(() => {
-                });
-        }
-        ,
-        handleChange(response, files, fileList) {
-            console.log(response);
-            if (response.code != 20000) {
-                this.$message.error(response.message);
-                this.getList();
-            } else {
-                // console.log(files[0] + "\n" + this.fileList[0] + "\n" + fileList[0]);
-                this.$message.success(response.data);
-                this.getList();
+            },
+            deleteData(id) {
+                deleteUploadStatus({
+                        id
+                    }).then((response) => {
+                        if (response.code == 20000) {
+                            this.filterQuery.page = 1
+                            this.$message.success("删除成功");
+                        } else {
+                            this.$message.error(response.message);
+                        }
+                        this.getList();
+                    })
+                    .catch(() => {});
             }
-        }
-        ,
-        statusFilterType(status) {
-            const statusMap = {
-                0: "warning",
-                1: "success",
-                2: "danger",
+        },
+
+        mounted() {},
+        components: {},
+        created() {
+            this.headers = {
+                ADMIN_ID: store.getters.adminId,
+                ADMIN_TOKEN: store.getters.token,
             };
-            return statusMap[status];
-        }
-        ,
-        detailDialog(id) {
-            this.syncVisible = true;
-            this.list.forEach(item => {
-                if (id === item.id) {
-                    this.syncInfo = item.remark;
-                }
-            })
-        }
-    },
+            this.getList();
+            // this.getConfig();
+        },
+    };
+</script>
+<style>
+    .itemTag {
+        float: left;
+        text-align: left;
+        margin-top: 10px;
+        width: 100px;
+    }
 
-    mounted() {
+    .text {
+        font-size: 13px;
+        font-family: "Microsoft YaHei";
     }
-    ,
-    components: {}
-    ,
-    created() {
-        this.headers = {
-            ADMIN_ID: store.getters.adminId,
-            ADMIN_TOKEN: store.getters.token,
-        };
-        this.getList();
-        this.getConfig();
+
+    .el-row {
+        display: flex;
+        flex-wrap: wrap;
+
+    }
+
+    .el-col {
+        border-radius: 4px;
+        flex-wrap: wrap;
+    }
+
+    .syncInfo {
+        font-size: medium;
+        font-family: "Microsoft YaHei";
+        line-height: 25px;
     }
-    ,
-}
-;
-</script>
-<style>
-.itemTag {
-    float: left;
-    text-align: left;
-    margin-top: 10px;
-    width: 100px;
-}
-
-.text {
-    font-size: 13px;
-    font-family: "Microsoft YaHei";
-}
-
-.el-row {
-    display: flex;
-    flex-wrap: wrap;
-
-}
-
-.el-col {
-    border-radius: 4px;
-    flex-wrap: wrap;
-}
-
-.syncInfo {
-    font-size: medium;
-    font-family: "Microsoft YaHei";
-    line-height: 25px;
-}
 </style>