界面展示修改，vue升级

package.json

@@ -15,13 +15,13 @@
         "babel-polyfill": "^6.26.0",
         "clipboard": "^2.0.8",
         "element-china-area-data": "^5.0.2",
-    "element-ui": "^2.8.2",
+        "element-ui": "2.15.8",
         "file-saver": "^2.0.5",
         "js-cookie": "^2.2.0",
         "mockjs": "^1.0.1-beta3",
         "nprogress": "^0.2.0",
         "pinyin": "^2.10.2",
-    "vue": "^2.5.16",
+        "vue": "2.6.12",
         "vue-router": "^3.0.1",
         "vue2-verify": "^1.1.5",
         "vuedraggable": "^2.17.0",
@@ -38,7 +38,7 @@
         "babel-jest": "^23.0.1",
         "sass": "1.32.13",
         "sass-loader": "10.1.1",
-    "vue-template-compiler": "^2.5.16"
+        "vue-template-compiler": "^2.6.12"
     },
     "browserslist": [
         "> 1%",

src/views/sync/SysDownloadData.vue

@@ -41,12 +41,13 @@
 
                 <el-table-column label="任务类型" prop="type" width="140" show-overflow-tooltip>
                     <template slot-scope="scope">
-                        <span>{{ scope.row.type}}</span>
+                        <span>{{ scope.row.type }}</span>
                     </template>
                 </el-table-column>
                 <el-table-column label="状态" prop="status" width="140" show-overflow-tooltip>
                     <template slot-scope="scope">
-                        <el-tag v-if="scope.row.status" :type="statusFilterType(scope.row.status)">{{ status[scope.row.status] }}
+                        <el-tag v-if="scope.row.status" :type="statusFilterType(scope.row.status)">
+                            {{ status[scope.row.status] }}
                         </el-tag>
                     </template>
                 </el-table-column>
@@ -64,15 +65,18 @@
                             <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='删除'
+                        <el-popconfirm v-if="scope.row.status==4" @confirm="deleteData(scope.row.id)"
-                            cancel-button-text='不用了' icon="el-icon-info" icon-color="red" title="是否确认要删除这条数据？">
+                                       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 :current-page="filterQuery.page" :page-size="filterQuery.limit" @current-change="handleCurrentChange"
+            <el-pagination :current-page="filterQuery.page" :page-size="filterQuery.limit"
+                           @current-change="handleCurrentChange"
                            layout="prev, pager, next" :total="total"></el-pagination>
         </el-card>
 
@@ -85,22 +89,22 @@
 </template>
 
 <script>
-    import {
+import {
     filterDownloadStatus,
     deleteDownloadStatus,
     createSchedule,
     updateConfig,
     infoByStatus
-    } from "../../api/sync/dataSyncStatus";
+} from "../../api/sync/dataSyncStatus";
-    import store from "@/store";
+import store from "@/store";
 
-    export default {
+export default {
     data() {
         return {
             filterQuery: {
                 taskId: null,
                 id: null,
-                    status: "3",
+                status: null,
                 page: 1,
                 limit: 10,
                 syncTime: null,
@@ -225,7 +229,8 @@
                     .then(() => {
                         this.createSchedule(type);
                     })
-                        .catch(() => {});
+                    .catch(() => {
+                    });
             } else {
                 this.createSchedule(type);
             }
@@ -248,7 +253,8 @@
                         this.$alert(response.message, '提示', {
                             confirmButtonText: '确定',
                             type: "warning",
-                                callback: action => {}
+                            callback: action => {
+                            }
                         });
 
                     } else {
@@ -284,7 +290,8 @@
                             this.loading = false;
                         });
                 })
-                    .catch(() => {});
+                .catch(() => {
+                });
         },
         handleChange(response, files, fileList) {
             console.log(response);
@@ -316,7 +323,6 @@
         },
 
         downFile(rows) {
-                alert(1)
             infoByStatus({
                 'id': rows.id
             }).then(res => {
@@ -344,11 +350,13 @@
                 }
                 this.getList();
             })
-                    .catch(() => {});
+                .catch(() => {
+                });
         }
     },
 
-        mounted() {},
+    mounted() {
+    },
     components: {},
     created() {
         this.headers = {
@@ -358,35 +366,35 @@
         this.getList();
         // this.getConfig();
     },
-    };
+};
 </script>
 <style>
-    .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>