1. 机关教学日志2.新增全局表格横向拖拽滚动指令3.学员模块

frontend/src/views/teachingLog/organLog/index.vue

@@ -1,15 +1,51 @@
 <template>
-  <div class="app-container">
-    <placeholder-page title="机关教学日志" icon="log"
-      description="用于记录与管理机关教学日志信息，支持日志的查询、填写、提交与审核。" />
+  <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 PlaceholderPage from "@/components/PlaceholderPage"
+import LogView from './components/logView.vue'
+import ReportedView from './components/reportedView.vue'
+import AuditedView from './components/auditedView.vue'
 
 export default {
-  name: "OrganLog",
-  components: { PlaceholderPage }
+  name: 'OrganLog',
+  components: { LogView, ReportedView, AuditedView },
+  data() {
+    return {
+      activeTab: 'query'
+    }
+  }
 }
-</script>
+</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>