Browse Source

feat: 添加分班页

DESKTOP-USV654P\pc 9 months ago
parent
commit
43b72e8250

+ 0 - 0
src/views/educational/division/data.config.ts


+ 31 - 0
src/views/educational/division/index.vue

@@ -0,0 +1,31 @@
+<template>
+  <PageWrapper dense contentFullHeight fixedHeight contentClass="flex">
+    <div class="h-full">
+      <div class="h-[100px]">
+        <Steps :current="state.stepIndex" :items="state.stepItems">
+          <Steps.Step v-for="(item, index) in state.stepItems" :key="index">
+            <template #title>{{ item.title }}</template>
+          </Steps.Step>
+        </Steps>
+      </div>
+      <div class="h-full"> asdf </div>
+    </div>
+  </PageWrapper>
+</template>
+
+<script setup lang="ts">
+  import { PageWrapper } from '/@/components/Page';
+  import { Steps } from 'ant-design-vue';
+  import { reactive } from 'vue';
+
+  const state = reactive({
+    stepIndex: 0,
+    stepItems: [
+      { title: '分班规则' },
+      { title: '班级配置' },
+      { title: '自动分班' },
+      { title: '班级调整' },
+      { title: '分班确认' },
+    ],
+  });
+</script>