web: Supports viewing historical error content

README.md

@@ -12,3 +12,66 @@ DataCap is integrated software for data transformation, integration and visualiz
 cp configure/git-hook/* .git/hooks
 chmod 700 .git/hooks/*
 ```
+
+## Contributors
+
+---
+
+![GitHub Contributors Image](https://contrib.rocks/image?repo=EdurtIO/incubator-datacap)
+
+## Stargazers over time
+
+---
+
+[![Stargazers over time](https://starchart.cc/EdurtIO/incubator-datacap.svg)](https://starchart.cc/EdurtIO/incubator-datacap)
+
+## Overview
+
+---
+
+![](https://visitor-badge.glitch.me/badge?page_id=incubator-datacap)
+[![](https://tokei.rs/b1/github/EdurtIO/dbm)](https://github.com/EdurtIO/incubator-datacap)
+![version](https://img.shields.io/github/v/release/EdurtIO/incubator-datacap.svg)
+
+![GitHub release (latest by date including pre-releases)](https://img.shields.io/github/downloads-pre/EdurtIO/incubator-datacap/latest/total?style=flat-square)
+![GitHub all releases](https://img.shields.io/github/downloads/EdurtIO/incubator-datacap/total?style=flat-square)
+
+![GitHub branch checks state](https://img.shields.io/github/checks-status/EdurtIO/incubator-datacap/master?style=flat-square)
+![GitHub Release Date](https://img.shields.io/github/release-date/EdurtIO/incubator-datacap?style=flat-square)
+
+![GitHub commit activity](https://img.shields.io/github/commit-activity/y/EdurtIO/incubator-datacap?style=flat-square)
+![GitHub contributors](https://img.shields.io/github/contributors-anon/EdurtIO/incubator-datacap?style=flat-square)
+![GitHub last commit](https://img.shields.io/github/last-commit/EdurtIO/incubator-datacap?style=flat-square)
+
+## Supported Databases
+
+---
+
+DBM can query data from any SQL-speaking datastore or data engine (ClickHouse and more).
+
+Here are some of the major database solutions that are supported:
+
+<p align="center">
+  <a href="https://clickhouse.com" target="_blank"><img src="./shared/plugin/clickhouse.png" alt="ClickHouse" class="a" width="133" height="34" /></a>
+  <a href="https://www.mysql.com" target="_blank"><img src="./shared/plugin/mysql.png" alt="MySQL" class="a" width="auto" height="50"/></a>
+</p>
+
+## Join Us
+
+---
+
+Open the DingTalk software and scan the following QR code to join
+
+<img src="./shared/dingtalk.png" width="200px" height="250px"></img>
+
+## Thank you
+
+---
+
+- [Jetbrains](https://www.jetbrains.com/)
+
+## Installation and Configuration
+
+---
+
+[Extended documentation for DataCap](https://databap.incubator.edurt.io)

web/console-fe/src/views/pages/console/ConsoleGenerate.ts

@@ -31,6 +31,12 @@ const headers = [
         name: 'state',
         dataIndex: 'state',
         key: 'state'
+    },
+    {
+        title: 'Action',
+        name: 'action',
+        dataIndex: 'action',
+        key: 'action'
     }
 ];
 

web/console-fe/src/views/pages/console/ConsoleHistory.vue

@@ -10,6 +10,17 @@
                     <template v-if="column.dataIndex === 'state'">
                         <a-tag :color="record.state === 'SUCCESS' ? '#87d068' : '#f50'">{{record.state}}</a-tag>
                     </template>
+                    <template v-if="column.dataIndex === 'action'">
+                        <a-space style="width: 100%">
+                            <a-button :disabled="record.state === 'SUCCESS'" type="primary" shape="circle" size="small"
+                                @click="handlerShowError(record.message)">
+                                <a-tooltip>
+                                    <template #title>Error</template>
+                                    <edit-outlined />
+                                </a-tooltip>
+                            </a-button>
+                        </a-space>
+                    </template>
                 </template>
             </a-table>
         </a-card>
@@ -19,6 +30,7 @@
 <script lang="ts">
 import { AuditService } from "@/services/AuditService";
 import { headers } from "@/views/pages/console/ConsoleGenerate";
+import { Modal } from "ant-design-vue";
 import { defineComponent } from "vue";
 
 export default defineComponent({
@@ -59,6 +71,12 @@ export default defineComponent({
             this.pagination.current = pagination.current;
             this.pagination.pageSize = pagination.pageSize;
             this.handlerInitialize(pagination.current, pagination.pageSize)
+        },
+        handlerShowError(message: string) {
+            Modal.error({
+                title: 'Error Message',
+                content: message,
+            });
         }
     }
 });