|
@@ -7,6 +7,7 @@ import {
|
|
|
NForm,
|
|
|
NFormItem,
|
|
|
NSelect,
|
|
|
+ NPopselect,
|
|
|
NSpace,
|
|
|
NModal,
|
|
|
NCascader,
|
|
@@ -87,7 +88,8 @@ export default defineComponent({
|
|
|
currentGradeNum: null,
|
|
|
currentClass: null,
|
|
|
name: ''
|
|
|
- } as any
|
|
|
+ } as any,
|
|
|
+ popSelectOptions: [] as any
|
|
|
});
|
|
|
const teachList = ref({} as any);
|
|
|
|
|
@@ -198,6 +200,7 @@ export default defineComponent({
|
|
|
const { data } = await classGroupList({ removeZeroClass: true });
|
|
|
const cList = data || [];
|
|
|
const gradeList: any = [];
|
|
|
+ const popSelectOptions: any = [];
|
|
|
cList.forEach((item: any, index: number) => {
|
|
|
if (index === 0) {
|
|
|
const temp = item.classGroupList[0];
|
|
@@ -215,6 +218,13 @@ export default defineComponent({
|
|
|
value: i.id,
|
|
|
lastStudy: i.lastStudy
|
|
|
});
|
|
|
+
|
|
|
+ popSelectOptions.push({
|
|
|
+ label: i.name,
|
|
|
+ value: i.id,
|
|
|
+ currentGradeNum: item.currentGradeNum,
|
|
|
+ lastStudy: i.lastStudy
|
|
|
+ });
|
|
|
});
|
|
|
|
|
|
gradeList.push({
|
|
@@ -223,7 +233,7 @@ export default defineComponent({
|
|
|
childrens: classList
|
|
|
});
|
|
|
});
|
|
|
-
|
|
|
+ forms.popSelectOptions = popSelectOptions;
|
|
|
forms.gradeList = gradeList;
|
|
|
} catch {
|
|
|
//
|
|
@@ -526,7 +536,9 @@ export default defineComponent({
|
|
|
<div class={styles.homeInfoRight}>
|
|
|
<div class={styles.rightTeachingWrap}>
|
|
|
<div class={styles.headerContainer}>
|
|
|
- <div class={styles.HeaderWrap}>
|
|
|
+ <div
|
|
|
+ class={styles.HeaderWrap}
|
|
|
+ onClick={() => router.push('/setting')}>
|
|
|
<NImage
|
|
|
previewDisabled
|
|
|
class={styles.headerD}
|
|
@@ -549,23 +561,42 @@ export default defineComponent({
|
|
|
</div>
|
|
|
<div class={styles.rightTeachingWrapTitle}>
|
|
|
<h3 class={styles.rightTitle}>
|
|
|
- <div class={styles.titleDot}></div>使用记录
|
|
|
+ <div class={styles.titleDot}></div>上课记录
|
|
|
</h3>
|
|
|
{forms.classSelect.name && (
|
|
|
- <div
|
|
|
- class={styles.lookMore}
|
|
|
- onClick={() => (forms.useStatus = true)}>
|
|
|
- {forms.classSelect.name}
|
|
|
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
|
- <path
|
|
|
- d="M6 9l6 6l6-6"
|
|
|
- fill="none"
|
|
|
- stroke="currentColor"
|
|
|
- stroke-width="2"
|
|
|
- stroke-linecap="round"
|
|
|
- stroke-linejoin="round"></path>
|
|
|
- </svg>
|
|
|
- </div>
|
|
|
+ <NPopselect
|
|
|
+ v-model:value={forms.classSelect.currentClass}
|
|
|
+ options={forms.popSelectOptions}
|
|
|
+ trigger="click"
|
|
|
+ onUpdate:value={(val: any) => {
|
|
|
+ console.log(val, '1212');
|
|
|
+ forms.popSelectOptions.forEach((item: any) => {
|
|
|
+ if (item.value === val) {
|
|
|
+ forms.classSelect = {
|
|
|
+ currentGradeNum: item.currentGradeNum,
|
|
|
+ currentClass: item.value,
|
|
|
+ name: item.label
|
|
|
+ };
|
|
|
+ getCourseSchedulePage();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }}>
|
|
|
+ <div
|
|
|
+ class={styles.lookMore}
|
|
|
+ // onClick={() => (forms.useStatus = true)}
|
|
|
+ >
|
|
|
+ {forms.classSelect.name}
|
|
|
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
|
+ <path
|
|
|
+ d="M6 9l6 6l6-6"
|
|
|
+ fill="none"
|
|
|
+ stroke="currentColor"
|
|
|
+ stroke-width="2"
|
|
|
+ stroke-linecap="round"
|
|
|
+ stroke-linejoin="round"></path>
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+ </NPopselect>
|
|
|
)}
|
|
|
</div>
|
|
|
<NSpin show={forms.classLoading} style={{ minHeight: '40vh' }}>
|