feat: 同步日志调整

src/modules/admin/components/school/DatabaseSyncLogDialog.vue

@@ -1,48 +1,73 @@
 <template>
-  <el-dialog
-    class="database-sync-log-dialog"
-    :visible.sync="modalIsShow"
-    width="1000px"
-    title="同步日志"
-    top="10vh"
-    :close-on-click-modal="false"
-    :close-on-press-escape="false"
-    append-to-body
-    destroy-on-close
-    @opened="visibleChange"
-  >
-    <el-table ref="TableList" :data="dataList">
-      <el-table-column prop="dataType" label="同步数据类型"></el-table-column>
-      <el-table-column prop="startTime" label="同步开始时间" width="170">
-        <span slot-scope="scope">{{
-          scope.row.startTime | timestampFilter
-        }}</span>
-      </el-table-column>
-      <el-table-column prop="endTime" label="同步结束时间" width="170">
-        <span slot-scope="scope">{{
-          scope.row.endTime | timestampFilter
-        }}</span>
-      </el-table-column>
-      <el-table-column prop="count" label="同步数量" width="90">
-      </el-table-column>
-      <el-table-column prop="errorMsg" label="失败原因"></el-table-column>
-    </el-table>
-    <div class="part-page">
-      <el-pagination
-        background
-        layout="total, sizes, prev, pager, next, jumper"
-        :pager-count="5"
-        :current-page="current"
-        :total="total"
-        :page-size="size"
-        @current-change="toPage"
-        @size-change="pageSizeChange"
-      >
-      </el-pagination>
-    </div>
+  <div>
+    <el-dialog
+      class="database-sync-log-dialog"
+      :visible.sync="modalIsShow"
+      width="900px"
+      title="同步日志"
+      top="10vh"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      append-to-body
+      destroy-on-close
+      @opened="visibleChange"
+    >
+      <el-table ref="TableList" :data="dataList">
+        <el-table-column prop="dataType" label="同步数据类型"></el-table-column>
+        <el-table-column prop="startTime" label="同步开始时间" width="170">
+          <span slot-scope="scope">{{
+            scope.row.startTime | timestampFilter
+          }}</span>
+        </el-table-column>
+        <el-table-column prop="endTime" label="同步结束时间" width="170">
+          <span slot-scope="scope">{{
+            scope.row.endTime | timestampFilter
+          }}</span>
+        </el-table-column>
+        <el-table-column prop="count" label="同步数量"> </el-table-column>
+        <el-table-column prop="successCount" label="同步成功数量">
+        </el-table-column>
+        <el-table-column prop="errorMsg" label="失败原因" width="100">
+          <template slot-scope="scope">
+            <el-button
+              v-if="scope.row.errorMsg"
+              class="btn-primary"
+              type="text"
+              @click="toView(scope.row)"
+              >查看</el-button
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="part-page">
+        <el-pagination
+          background
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
+          :current-page="current"
+          :total="total"
+          :page-size="size"
+          @current-change="toPage"
+          @size-change="pageSizeChange"
+        >
+        </el-pagination>
+      </div>
 
-    <template slot="footer"> </template>
-  </el-dialog>
+      <template slot="footer"> </template>
+    </el-dialog>
+
+    <el-dialog
+      title="错误日志"
+      width="900px"
+      top="10vh"
+      :visible.sync="dialogLogVisible"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      append-to-body
+    >
+      <div>{{ curRow.errorMsg }}</div>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
@@ -65,6 +90,8 @@ export default {
       current: 1,
       size: this.GLOBAL.pageSize,
       total: 0,
+      dialogLogVisible: false,
+      curRow: {},
     };
   },
   methods: {
@@ -92,6 +119,10 @@ export default {
       this.current = page;
       this.getList();
     },
+    toView(row) {
+      this.curRow = row;
+      this.dialogLogVisible = true;
+    },
   },
 };
 </script>