canal admin

canal-admin/canal-admin-ui/src/api/canalInstance.js

@@ -45,9 +45,16 @@ export function startInstance(id) {
   })
 }
 
-export function stopNodeServer(id, nodeId) {
+export function stopInstance(id, nodeId) {
   return request({
     url: '/canal/instance/stop/' + id + '/' + nodeId,
     method: 'put'
   })
 }
+
+export function instanceLog(id, nodeId) {
+  return request({
+    url: '/canal/instance/log/' + id + '/' + nodeId,
+    method: 'get'
+  })
+}

canal-admin/canal-admin-ui/src/api/nodeServer.js

@@ -51,3 +51,10 @@ export function stopNodeServer(id) {
     method: 'put'
   })
 }
+
+export function nodeServerLog(id) {
+  return request({
+    url: '/nodeServer/log/' + id,
+    method: 'get'
+  })
+}

canal-admin/canal-admin-ui/src/router/index.js

@@ -107,6 +107,20 @@ export const constantRoutes = [
         component: () => import('@/views/canalServer/CanalInstanceUpdate'),
         meta: { title: '修改实例配置' },
         hidden: true
+      },
+      {
+        path: 'nodeServer/log',
+        name: 'Canal日志',
+        component: () => import('@/views/canalServer/CanalLogDetail'),
+        meta: { title: 'Canal日志' },
+        hidden: true
+      },
+      {
+        path: 'canalInstance/log',
+        name: 'Canal Instance日志',
+        component: () => import('@/views/canalServer/CanalInstanceLogDetail'),
+        meta: { title: 'Canal Instance日志' },
+        hidden: true
       }
     ]
   },

canal-admin/canal-admin-ui/src/views/canalServer/CanalInstanceLogDetail.vue

@@ -0,0 +1,53 @@
+<template>
+  <div>
+    <el-form ref="form" :model="form">
+      <div style="padding-left: 10px;padding-right: 10px;padding-top: 20px;">
+        <el-form-item>
+          {{ form.instance }}&nbsp;&nbsp;&nbsp;&nbsp;
+          <el-button type="primary" @click="onRefresh">刷新</el-button>
+          <el-button type="info" @click="onBack">返回</el-button>
+        </el-form-item>
+        <el-input v-model="form.desc" :rows="35" readonly="true" type="textarea" />
+      </div>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { instanceLog } from '@/api/canalInstance'
+
+export default {
+  data() {
+    return {
+      form: {
+        instance: '',
+        desc: ''
+      }
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    fetchData() {
+      instanceLog(this.$route.query.id, this.$route.query.nodeId).then(res => {
+        this.form.instance = res.data.instance + '.log'
+        this.form.desc = res.data.log
+      })
+    },
+    onRefresh() {
+      this.fetchData()
+    },
+    onBack() {
+      history.go(-1)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.line{
+  text-align: center;
+}
+</style>
+

canal-admin/canal-admin-ui/src/views/canalServer/CanalLogDetail.vue

@@ -0,0 +1,51 @@
+<template>
+  <div>
+    <el-form ref="form" :model="form">
+      <div style="padding-left: 10px;padding-right: 10px;padding-top: 20px;">
+        <el-form-item>
+          canal.log&nbsp;&nbsp;&nbsp;&nbsp;
+          <el-button type="primary" @click="onRefresh">刷新</el-button>
+          <el-button type="info" @click="onBack">返回</el-button>
+        </el-form-item>
+        <el-input v-model="form.desc" :rows="35" readonly="true" type="textarea" />
+      </div>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { nodeServerLog } from '@/api/nodeServer'
+
+export default {
+  data() {
+    return {
+      form: {
+        desc: ''
+      }
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    fetchData() {
+      nodeServerLog(this.$route.query.id).then(res => {
+        this.form.desc = res.data
+      })
+    },
+    onRefresh() {
+      this.fetchData()
+    },
+    onBack() {
+      history.go(-1)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.line{
+  text-align: center;
+}
+</style>
+

canal-admin/canal-admin-ui/src/views/canalServer/canalInstance.vue

@@ -41,6 +41,7 @@
               <el-dropdown-item @click.native="handleDelete(scope.row)">删除实例</el-dropdown-item>
               <el-dropdown-item @click.native="handleStart(scope.row)">启动服务</el-dropdown-item>
               <el-dropdown-item @click.native="handleStop(scope.row)">停止服务</el-dropdown-item>
+              <el-dropdown-item @click.native="handleLog(scope.row)">日志详情</el-dropdown-item>
             </el-dropdown-menu>
           </el-dropdown>
         </template>
@@ -50,7 +51,7 @@
 </template>
 
 <script>
-import { getCanalInstances, deleteCanalInstance, startInstance, stopNodeServer } from '@/api/canalInstance'
+import { getCanalInstances, deleteCanalInstance, startInstance, stopInstance } from '@/api/canalInstance'
 
 export default {
   filters: {
@@ -147,7 +148,7 @@ export default {
         cancelButtonText: '取消',
         type: 'warning'
       }).then(() => {
-        stopNodeServer(row.id, row.nodeId).then((res) => {
+        stopInstance(row.id, row.nodeId).then((res) => {
           if (res.data) {
             this.fetchData()
             this.$message({
@@ -162,6 +163,13 @@ export default {
           }
         })
       })
+    },
+    handleLog(row) {
+      if (row.nodeId === null) {
+        this.$message({ message: '当前实例不是启动状态，无法查看日志', type: 'warning' })
+        return
+      }
+      this.$router.push('canalInstance/log?id=' + row.id + '&nodeId=' + row.nodeId)
     }
   }
 }

canal-admin/canal-admin-ui/src/views/canalServer/nodeServer.vue

@@ -51,6 +51,7 @@
               <el-dropdown-item @click.native="handleDelete(scope.row)">删除节点</el-dropdown-item>
               <el-dropdown-item @click.native="handleStart(scope.row)">启动服务</el-dropdown-item>
               <el-dropdown-item @click.native="handleStop(scope.row)">停止服务</el-dropdown-item>
+              <el-dropdown-item @click.native="handleLog(scope.row)">日志详情</el-dropdown-item>
             </el-dropdown-menu>
           </el-dropdown>
         </template>
@@ -290,6 +291,9 @@ export default {
           }
         })
       })
+    },
+    handleLog(row) {
+      this.$router.push('nodeServer/log?id=' + row.id)
     }
   }
 }