1.同步记录增加详情弹窗

src/views/thrsys/SysUdimsData.vue

@@ -113,6 +113,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"
@@ -131,6 +138,16 @@
             ></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>
 
@@ -193,6 +210,8 @@ export default {
             checked: false,
             syncTime: null,
             configParms: {},
+            syncInfo: null,
+            syncVisible: false
         };
     },
 
@@ -378,6 +397,14 @@ export default {
                 .catch(() => {
                 });
         },
+        detailDialog(id) {
+            this.syncVisible = true;
+            this.list.forEach(item => {
+                if (id === item.id) {
+                    this.syncInfo = item.remark;
+                }
+            })
+        }
     },
 
     mounted() {
@@ -417,4 +444,10 @@ export default {
     border-radius: 4px;
     flex-wrap: wrap;
 }
+
+.syncInfo {
+    font-size: medium;
+    font-family: "Microsoft YaHei";
+    line-height: 25px;
+}
 </style>