supply-front/src/views/setting/oplog.vue

<template>
  <div class="app-container">
    <!--  <el-radio-group v-model="logType" size="small">
      <el-radio-button label="login">登录日志</el-radio-button>
      <el-radio-button label="operation">操作日志</el-radio-button>
      <el-radio-button label="examine">审批日志</el-radio-button>
    </el-radio-group>
    <el-divider></el-divider> -->

    <LoginLog v-if="logType === 'login'" />
    <OperationLog v-if="logType === 'operation'" />
    <ExamineLog v-if="logType === 'examine'" />
  </div>
</template>

<script>
import LoginLog from '@/views/setting/components/log-login'
import OperationLog from '@/views/setting/components/log-operation'
import ExamineLog from '@/views/setting/components/log-examine'

export default {
  components: {
    LoginLog,
    OperationLog,
    ExamineLog
  },
  data() {
    return {
      logType: 'operation'
    }
  },
  created() {},
  methods: {
    // 查询按钮权限
    checkBtnRole(value) {
      // let btnRole = this.$route.meta.roles;
      // if(!btnRole) {return true}
      // let index = btnRole.indexOf(value);
      // return index >= 0 ? true : false;
      return true
    }
  }
}
</script>

<style scoped lang="scss"></style>
<style>
.demo-table-expand {
  font-size: 0;
}
.demo-table-expand label {
  width: 80px;
  color: #99a9bf;
}
.demo-table-expand .el-form-item {
  margin-right: 0;
  margin-bottom: 0;
  width: 100%;
}
</style>