huertian/ppms-uni-vue3-huertian
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 添加 wd-drop-menu 和 wd-drop-menu-item 组件

Browse Source
This commit is contained in:
Timothy Yin 2024-09-21 18:32:25 +08:00
parent 5cd49bfa4c
commit 215318e29e
2 changed files with 20 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components.d.ts vendored
View File

@ -14,6 +14,8 @@ declare module 'vue' {
WdCellGroup: typeof import('wot-design-uni/components/wd-cell-group/wd-cell-group.vue')['default']
WdCollapse: typeof import('wot-design-uni/components/wd-collapse/wd-collapse.vue')['default']
WdCollapseItem: typeof import('wot-design-uni/components/wd-collapse-item/wd-collapse-item.vue')['default']
WdDropMenu: typeof import('wot-design-uni/components/wd-drop-menu/wd-drop-menu.vue')['default']
WdDropMenuItem: typeof import('wot-design-uni/components/wd-drop-menu-item/wd-drop-menu-item.vue')['default']
WdForm: typeof import('wot-design-uni/components/wd-form/wd-form.vue')['default']
WdIcon: typeof import('wot-design-uni/components/wd-icon/wd-icon.vue')['default']
WdInput: typeof import('wot-design-uni/components/wd-input/wd-input.vue')['default']

17
src/pages/index/index.vue
View File

@ -6,11 +6,24 @@ import { calcLessonProgress } from '@/utils/lesson';
import { useRouter } from 'uni-mini-router';
import { onMounted, ref } from 'vue';
import { useToast } from 'wot-design-uni';
import type { DropMenuItemBeforeToggle } from 'wot-design-uni/components/wd-drop-menu-item/types';
import WdTag from 'wot-design-uni/components/wd-tag/wd-tag.vue';
const toast = useToast()
const router = useRouter()
const teacherFilterValue = ref<number>(0)
const teacherFilterOptions = ref<Record<string, any>[]>([
{ label: '老师1', value: 0 },
{ label: '老师2', value: 1 },
{ label: '老师3', value: 2 }
])
const handleBeforeToggle: DropMenuItemBeforeToggle = ({ status, resolve }) => {
resolve(true)
}
const expandedCourse = ref(['lesson'])
const groupedLessons = ref<{ [key: string]: Lesson[] }>({})
@ -50,6 +63,10 @@ onMounted(() => {
<template>
<page-wrapper>
<div>
<!-- todo teacher filter [for role B] -->
<wd-drop-menu>
<wd-drop-menu-item v-model="teacherFilterValue" :options="teacherFilterOptions" :before-toggle="handleBeforeToggle" />
</wd-drop-menu>
<wd-collapse v-model="expandedCourse">
<wd-status-tip v-if="Object.keys(groupedLessons).length === 0" image="content" tip="没有微课" />
<wd-collapse-item v-else v-for="(courses, courseName) in groupedLessons" :name="`${courseName}`"