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

<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="'readonly'" 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>