班次课程表二级菜单加图标以及添加占位页面

This commit is contained in:
2026-08-23 16:09:46 +08:00
parent 657774e1b1
commit fe008ce383
2 changed files with 48 additions and 7 deletions
+1 -7
View File
@@ -6,17 +6,15 @@
</keep-alive> </keep-alive>
</transition> </transition>
<iframe-toggle /> <iframe-toggle />
<copyright />
</section> </section>
</template> </template>
<script> <script>
import copyright from "./Copyright/index"
import iframeToggle from "./IframeToggle/index" import iframeToggle from "./IframeToggle/index"
export default { export default {
name: 'AppMain', name: 'AppMain',
components: { iframeToggle, copyright }, components: { iframeToggle },
computed: { computed: {
cachedViews() { cachedViews() {
return this.$store.state.tagsView.cachedViews return this.$store.state.tagsView.cachedViews
@@ -64,10 +62,6 @@ export default {
} }
} }
.app-main:has(.copyright) {
padding-bottom: 36px;
}
.hasTagsView { .hasTagsView {
.app-main { .app-main {
/* tags-view 高度 34px,AppMain 在 flex 列中由父容器约束高度 */ /* tags-view 高度 34px,AppMain 在 flex 列中由父容器约束高度 */
@@ -0,0 +1,47 @@
<template>
<div class="app-container shift-timetable-page">
<div class="page-card">
<div class="page-header">
<svg-icon icon-class="table" class="page-icon" />
<span>班次课程表</span>
</div>
<el-empty description="功能建设中,敬请期待" />
</div>
</div>
</template>
<script>
export default {
name: 'ShiftTimetable',
data() {
return {}
}
}
</script>
<style scoped lang="scss">
.shift-timetable-page {
.page-card {
background: #fff;
border: 1px solid #ebeef5;
border-radius: 6px;
padding: 20px;
}
.page-header {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 8px;
margin-bottom: 12px;
font-size: 18px;
font-weight: 700;
color: #303133;
.page-icon {
font-size: 40px;
}
}
}
</style>