|
@@ -25,6 +25,7 @@ import TrainUpdate from '/src/views/attend-class/model/train-update';
|
|
|
import AssignHomework from './assign-homework';
|
|
|
import Trainguide from '@/custom-plugins/guide-page/train-guide';
|
|
|
import { eventGlobal } from '/src/utils';
|
|
|
+import iconTips from '../../../images/icon-tips.png';
|
|
|
export default defineComponent({
|
|
|
name: 'courseware-modal',
|
|
|
setup() {
|
|
@@ -33,6 +34,9 @@ export default defineComponent({
|
|
|
const dialog = useDialog();
|
|
|
const message = useMessage();
|
|
|
const forms = reactive({
|
|
|
+ tipsStatus: localStorage.getItem('prepare-lesson-train-tip')
|
|
|
+ ? true
|
|
|
+ : false,
|
|
|
showAttendClass: false,
|
|
|
list: [] as any,
|
|
|
drag: false,
|
|
@@ -201,13 +205,54 @@ export default defineComponent({
|
|
|
<div class={styles.coursewareModal}>
|
|
|
<div class={styles.btnGroup}>
|
|
|
{forms.drag ? (
|
|
|
+ !forms.tipsStatus ? (
|
|
|
+ <div class={styles.tipsContainer}>
|
|
|
+ <div class={styles.tipsLeft}>
|
|
|
+ <img src={iconTips} class={styles.iconTips} />
|
|
|
+ <span class={styles.tips}>可以拖动资源排序哦</span>
|
|
|
+ </div>
|
|
|
+ <span
|
|
|
+ class={styles.btnNoTips}
|
|
|
+ onClick={() => {
|
|
|
+ localStorage.setItem('prepare-lesson-train-tip', '1');
|
|
|
+ forms.tipsStatus = true;
|
|
|
+ }}>
|
|
|
+ 不再提醒
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ ) : (
|
|
|
+ <span></span>
|
|
|
+ )
|
|
|
+ ) : (
|
|
|
+ <NSpace>
|
|
|
+ <div class={styles.btnItem}>
|
|
|
+ <span class={styles.btnTitle}>声部:</span>
|
|
|
+ <NSelect
|
|
|
+ placeholder="选择声部"
|
|
|
+ class={styles.btnSubjectList}
|
|
|
+ options={prepareStore.getSubjectList}
|
|
|
+ labelField="name"
|
|
|
+ valueField="id"
|
|
|
+ value={prepareStore.getSubjectId}
|
|
|
+ onUpdate:value={(val: any) => {
|
|
|
+ prepareStore.setSubjectId(val);
|
|
|
+ localStorage.setItem('prepareLessonSubjectId', val);
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </NSpace>
|
|
|
+ )}
|
|
|
+
|
|
|
+ {forms.drag ? (
|
|
|
<NSpace>
|
|
|
<NButton
|
|
|
- type="default"
|
|
|
+ type="error"
|
|
|
onClick={() => {
|
|
|
- forms.removeVisiable = true;
|
|
|
+ // forms.trainList = [];
|
|
|
+ // prepareStore.setTrainList([]);
|
|
|
+ forms.removeVisiable1 = true;
|
|
|
}}>
|
|
|
- 完成编辑
|
|
|
+ 清空资源
|
|
|
</NButton>
|
|
|
<NButton
|
|
|
type="error"
|
|
@@ -220,43 +265,15 @@ export default defineComponent({
|
|
|
取消编辑
|
|
|
</NButton>
|
|
|
<NButton
|
|
|
- type="error"
|
|
|
+ type="default"
|
|
|
onClick={() => {
|
|
|
- // forms.trainList = [];
|
|
|
- // prepareStore.setTrainList([]);
|
|
|
- forms.removeVisiable1 = true;
|
|
|
+ forms.removeVisiable = true;
|
|
|
}}>
|
|
|
- 清空资源
|
|
|
+ 完成编辑
|
|
|
</NButton>
|
|
|
- <span class={styles.tips}>拖动可将资源进行排序</span>
|
|
|
</NSpace>
|
|
|
) : (
|
|
|
<NSpace>
|
|
|
- {/* <NSelect
|
|
|
- placeholder="选择声部"
|
|
|
- options={catchStore.getSubjectList}
|
|
|
- labelField="name"
|
|
|
- valueField="id"
|
|
|
- value={prepareStore.getSubjectId}
|
|
|
- onUpdate:value={(val: any) => {
|
|
|
- prepareStore.setSubjectId(val);
|
|
|
- }}
|
|
|
- /> */}
|
|
|
- <div class={styles.btnItem}>
|
|
|
- <span class={styles.btnTitle}>声部:</span>
|
|
|
- <NSelect
|
|
|
- placeholder="选择声部"
|
|
|
- class={styles.btnSubjectList}
|
|
|
- options={prepareStore.getSubjectList}
|
|
|
- labelField="name"
|
|
|
- valueField="id"
|
|
|
- value={prepareStore.getSubjectId}
|
|
|
- onUpdate:value={(val: any) => {
|
|
|
- prepareStore.setSubjectId(val);
|
|
|
- localStorage.setItem('prepareLessonSubjectId', val);
|
|
|
- }}
|
|
|
- />
|
|
|
- </div>
|
|
|
<NButton
|
|
|
type="default"
|
|
|
onClick={() => {
|
|
@@ -267,31 +284,13 @@ export default defineComponent({
|
|
|
</NButton>
|
|
|
</NSpace>
|
|
|
)}
|
|
|
-
|
|
|
- <NSpace>
|
|
|
- <NButton
|
|
|
- type="primary"
|
|
|
- {...{ id: 'train-0' }}
|
|
|
- disabled={forms.drag}
|
|
|
- onClick={() => {
|
|
|
- let count = 0;
|
|
|
- forms.trainList.forEach((item: any) => {
|
|
|
- if (!item.removeFlag) {
|
|
|
- count++;
|
|
|
- }
|
|
|
- });
|
|
|
- if (count <= 0) {
|
|
|
- message.error('作业内容不能为空');
|
|
|
- return;
|
|
|
- }
|
|
|
- forms.assignHomeworkStatus = true;
|
|
|
- }}>
|
|
|
- 布置作业
|
|
|
- </NButton>
|
|
|
- </NSpace>
|
|
|
</div>
|
|
|
|
|
|
- <NScrollbar class={styles.listContainer}>
|
|
|
+ <NScrollbar
|
|
|
+ class={[
|
|
|
+ styles.listContainer,
|
|
|
+ forms.drag ? styles.listContainerDrag : ''
|
|
|
+ ]}>
|
|
|
<NSpin show={forms.loadingStatus}>
|
|
|
<div
|
|
|
class={[
|
|
@@ -385,6 +384,36 @@ export default defineComponent({
|
|
|
</NSpin>
|
|
|
</NScrollbar>
|
|
|
|
|
|
+ {!forms.drag ? (
|
|
|
+ <div
|
|
|
+ class={[styles.btnGroup, styles.btnGroupClass]}
|
|
|
+ style={{ justifyContent: 'flex-end' }}>
|
|
|
+ <NSpace justify="end">
|
|
|
+ <NButton
|
|
|
+ type="primary"
|
|
|
+ {...{ id: 'train-0' }}
|
|
|
+ disabled={forms.drag}
|
|
|
+ onClick={() => {
|
|
|
+ let count = 0;
|
|
|
+ forms.trainList.forEach((item: any) => {
|
|
|
+ if (!item.removeFlag) {
|
|
|
+ count++;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ if (count <= 0) {
|
|
|
+ message.error('作业内容不能为空');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ forms.assignHomeworkStatus = true;
|
|
|
+ }}>
|
|
|
+ 布置作业
|
|
|
+ </NButton>
|
|
|
+ </NSpace>
|
|
|
+ </div>
|
|
|
+ ) : (
|
|
|
+ ''
|
|
|
+ )}
|
|
|
+
|
|
|
{/* 编辑 */}
|
|
|
<NModal
|
|
|
v-model:show={forms.editStatus}
|