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: 'login',
    }
  },
  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>