|
@@ -36,35 +36,40 @@
|
|
|
<template #label>
|
|
|
<span style="zoom:1.3">{{ form.name }}</span>
|
|
|
</template>
|
|
|
- <data-form :data="form" :fields="formFields" :rules="rules" @save="handleSave" :isNew="false">
|
|
|
- <template #custom="{item, form}">
|
|
|
- <template v-if="item.model === 'subid'">
|
|
|
- <el-select v-model="form[item.model]" @change="getTeacherList">
|
|
|
- <el-option v-for="(item, index) in subjectList" :key="`subject${index}`" :label="item.name" :value="item.id"></el-option>
|
|
|
- </el-select>
|
|
|
- </template>
|
|
|
- <template v-if="item.model === 'teacherid'">
|
|
|
- <el-select v-model="form[item.model]" placeholder="请先选择科目">
|
|
|
- <el-option v-for="(item, index) in teacherList" :key="`teacher${index}`" :label="item.name" :value="item.id"></el-option>
|
|
|
- </el-select>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- <template #radios="{item, form}">
|
|
|
- <template v-if="item.model === 'day'">
|
|
|
+ <el-form ref="form" :model="form" label-width="120px" size="mini" :rules="rules">
|
|
|
+ <el-form-item label="时间" prop="date">
|
|
|
+ {{ form.date }}
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="星期" prop="week">
|
|
|
+ {{ form.week }}
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="所授科目" prop="subid" required>
|
|
|
+ <el-select v-model="form.subid">
|
|
|
+ <el-option v-for="(item, index) in subjectList" :key="`subject${index}`" :label="item.name" :value="item.id"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="任课教师" prop="teacherid" required>
|
|
|
+ <el-input v-model="form.teacher_name" :readonly="true" placeholder="点击选择教师" @click="toChooseTeacher"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="时长" prop="day" required>
|
|
|
+ <el-radio-group v-model="form.day">
|
|
|
<el-radio v-for="(i, index) in dayList" :key="index" :label="i.label"></el-radio>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- </data-form>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" @click="toSaveDrawer">保存</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
</el-drawer>
|
|
|
+ <el-dialog :visible.sync="dialog" title="选择教师"></el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import _ from 'lodash';
|
|
|
import dataTable from '@frame/components/data-table';
|
|
|
-import dataForm from '@frame/components/form';
|
|
|
export default {
|
|
|
name: 'lesson-plan',
|
|
|
props: {
|
|
@@ -75,11 +80,13 @@ export default {
|
|
|
subjectList: { type: Array, default: () => [] },
|
|
|
lyTeacherList: { type: Array, default: () => [] },
|
|
|
teacherList: { type: Array, default: () => [] },
|
|
|
+ applyTeacherList: { type: Array, default: () => [] },
|
|
|
},
|
|
|
- components: { dataTable, dataForm },
|
|
|
+ components: { dataTable },
|
|
|
data: () => ({
|
|
|
activeName: '0',
|
|
|
drawer: false,
|
|
|
+ dialog: false,
|
|
|
dateList: [],
|
|
|
classList: [],
|
|
|
fields: [
|
|
@@ -103,7 +110,11 @@ export default {
|
|
|
{ label: '时长', model: 'day', type: 'radio' },
|
|
|
],
|
|
|
dayList: [{ label: '一天' }, { label: '半天' }],
|
|
|
- rules: {},
|
|
|
+ rules: {
|
|
|
+ subid: [{ required: true, message: '请选择科目' }],
|
|
|
+ teacherid: [{ required: true, message: '请选择任课教师' }],
|
|
|
+ day: [{ required: true, message: '请选择时长' }],
|
|
|
+ },
|
|
|
form: {},
|
|
|
}),
|
|
|
created() {
|
|
@@ -146,15 +157,29 @@ export default {
|
|
|
// 1先查询课程列表
|
|
|
// 2先查询arr中,是否有选择的课程,有则查询教师列表
|
|
|
this.$set(this, `form`, { ...sClass, ...arrange });
|
|
|
+ this.form.day ? '' : (this.form.day = '一天');
|
|
|
this.drawer = true;
|
|
|
},
|
|
|
handleSave({ data, isNew }) {
|
|
|
console.log(data);
|
|
|
//根据data.id(班级id)找出是那条数据,然后根据data.date找到那条数据,将课程,教师,时长显示出来
|
|
|
},
|
|
|
- getTeacherList(subjectId) {
|
|
|
- console.log(subjectId);
|
|
|
- this.$emit('getTeacher', subjectId);
|
|
|
+ toChooseTeacher() {
|
|
|
+ //TODO 根据科目id,查询教师和申请授课教师两个列表
|
|
|
+ if (this.form.subid) {
|
|
|
+ this.dialog = true;
|
|
|
+ this.$emit('getTeacher', this.form.subid);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ toSaveDrawer() {
|
|
|
+ this.$refs['form'].validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ console.log(this.form);
|
|
|
+ } else {
|
|
|
+ console.warn('form validate error!!!');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
},
|
|
|
},
|
|
|
computed: {
|