|
@@ -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>
|