51 lines
1.2 KiB
Vue
51 lines
1.2 KiB
Vue
<template>
|
|
<div class="page-container">
|
|
<el-card shadow="never" class="tab-card">
|
|
<el-tabs v-model="activeTab" class="organ-tabs">
|
|
<el-tab-pane label="教学日志管理查询" name="query">
|
|
<log-view v-if="activeTab === 'query'" />
|
|
</el-tab-pane>
|
|
<el-tab-pane label="已上报机关教学日志" name="reported">
|
|
<reported-view v-if="activeTab === 'reported'" />
|
|
</el-tab-pane>
|
|
<el-tab-pane label="机关已审核教学日志" name="audited">
|
|
<audited-view v-if="activeTab === 'audited'" />
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</el-card>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import LogView from './components/logView.vue'
|
|
import ReportedView from './components/reportedView.vue'
|
|
import AuditedView from './components/auditedView.vue'
|
|
|
|
export default {
|
|
name: 'OrganLog',
|
|
components: { LogView, ReportedView, AuditedView },
|
|
data() {
|
|
return {
|
|
activeTab: 'query'
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.page-container {
|
|
padding: 20px;
|
|
}
|
|
|
|
.tab-card {
|
|
.organ-tabs {
|
|
::v-deep .el-tabs__header {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
::v-deep .el-tabs__content {
|
|
padding-top: 4px;
|
|
}
|
|
}
|
|
}
|
|
</style> |