1.调整下载记录页面样式，添加详情弹窗

src/views/thrsys/SysUdimsDownloadData.vue

@@ -6,7 +6,7 @@
             <el-form :inline="true" :model="query" class="query-form" size="mini">
                 <el-row>
                     <el-form-item class="query-form-item">
-                        <el-input v-model="filterQuery.id" placeholder="记录ID"></el-input>
+                        <el-input v-model="filterQuery.taskId" placeholder="记录ID"></el-input>
                     </el-form-item>
 
                     <el-form-item class="query-form-item">
@@ -17,15 +17,6 @@
                             <el-option label="异常" value="2"></el-option>
                         </el-select>
                     </el-form-item>
-                    <el-form-item class="query-form-item">
-                        <el-date-picker
-                            v-model="syncTime"
-                            type="datetime"
-                            format="yyyy-MM-dd HH:mm:ss"
-                            value-format="yyyy-MM-dd HH:mm:ss"
-                            placeholder="请选择下载时间">
-                        </el-date-picker>
-                    </el-form-item>
                     <el-form-item>
                         <el-button-group style="display:flex;">
                             <el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button>
@@ -42,8 +33,8 @@
             >
                 <el-table-column label="序号" type="index"></el-table-column>
                 <el-table-column
-                    label="记录ID"
-                    prop="id"
+                    label="任务ID"
+                    prop="taskId"
                     width="140"
                     show-overflow-tooltip
                 ></el-table-column>
@@ -93,6 +84,13 @@
 
                 <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"
@@ -111,18 +109,30 @@
             ></el-pagination>
         </el-card>
 
+
+        <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>
+
     </div>
 </template>
 
 <script>
 import {filterLog, deleteLog, findConfig, updateConfig} from "../../api/thrsys/spsSyncDownload";
 import store from "@/store";
+import ShowText from "../other/showText";
 
 export default {
     data() {
         return {
             filterQuery: {
-                id: null,
+                taskId: null,
                 status: "1",
                 page: 1,
                 limit: 10,
@@ -172,6 +182,8 @@ export default {
             templateDlUrl: null,
             checked: false,
             syncTime: null,
+            syncInfo: null,
+            syncVisible: false
         };
     },
 
@@ -181,7 +193,7 @@ export default {
                 path: "",
             });
             this.filterQuery = {
-                id: null,
+                taskId: null,
                 status: "1",
                 page: 1,
                 limit: 20,
@@ -299,8 +311,7 @@ export default {
                 })
                 .catch(() => {
                 });
-        }
-        ,
+        },
         handleChange(response, files, fileList) {
             console.log(response);
             if (response.code != 20000) {
@@ -311,8 +322,7 @@ export default {
                 this.$message.success(response.data);
                 this.getList();
             }
-        }
-        ,
+        },
         statusFilterType(status) {
             const statusMap = {
                 0: "warning",
@@ -320,13 +330,20 @@ export default {
                 2: "danger",
             };
             return statusMap[status];
+        },
+        detailDialog(id) {
+            this.syncVisible = true;
+            this.list.forEach(item => {
+                if (id === item.id) {
+                    this.syncInfo = item.remark;
+                }
+            })
         }
-        ,
     },
 
     mounted() {
     },
-    components: {},
+    components: {ShowText},
     created() {
         this.headers = {
             ADMIN_ID: store.getters.adminId,
@@ -360,4 +377,10 @@ export default {
     border-radius: 4px;
     flex-wrap: wrap;
 }
+
+.syncInfo {
+    font-size: medium;
+    font-family: "Microsoft YaHei";
+    line-height: 25px;
+}
 </style>