|
|
@@ -7,112 +7,145 @@
|
|
|
label-position="right"
|
|
|
label-width="120px"
|
|
|
:inline="true">
|
|
|
- <el-form-item label="课程名称"
|
|
|
- prop="teacher">
|
|
|
- <el-input v-model.trim="maskForm.name"
|
|
|
- style="width:220px!important"
|
|
|
- placeholder="请输入课程名称"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <div style="width:220px!important">
|
|
|
- <a href="#"
|
|
|
- class="studentTitle"> 学生列表>></a>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="主教老师"
|
|
|
- prop="teacher">
|
|
|
- <el-select v-model.trim="maskForm.teacher"
|
|
|
- style="width:220px!important"
|
|
|
- @change="changeTeacher"
|
|
|
- clearable
|
|
|
- filterable>
|
|
|
- <el-option v-for="(item,index) in teacherList"
|
|
|
- :key="index"
|
|
|
- :value="item.id"
|
|
|
- :label="item.realName"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="助教老师"
|
|
|
- v-if="maskForm.type != 'MUSIC_NETWORK'&&maskForm.type != 'HIGH_ONLINE'&&maskForm.groupType == 'MUSIC'"
|
|
|
- prop="assistant">
|
|
|
- <el-select v-model.trim="maskForm.assistant"
|
|
|
- style="width:220px!important"
|
|
|
- clearable
|
|
|
- filterable
|
|
|
- multiple
|
|
|
- collapse-tags>
|
|
|
- <el-option v-for="(item,index) in teacherList"
|
|
|
- :key="index"
|
|
|
- :value="item.id"
|
|
|
- :label="item.realName"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="上课日期"
|
|
|
- prop="date">
|
|
|
- <el-date-picker v-model.trim="maskForm.date"
|
|
|
- type="date"
|
|
|
- :picker-options="{
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="课程名称"
|
|
|
+ prop="teacher">
|
|
|
+ <el-input v-model.trim="maskForm.name"
|
|
|
+ style="width:220px!important"
|
|
|
+ placeholder="请输入课程名称"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item>
|
|
|
+ <div style="width:220px!important">
|
|
|
+ <a href="#"
|
|
|
+ class="studentTitle"
|
|
|
+ @click="studentListModalVisible=true"> 学生列表>></a>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="主教老师"
|
|
|
+ prop="teacher">
|
|
|
+ <el-select v-model.trim="maskForm.teacher"
|
|
|
+ style="width:220px!important"
|
|
|
+ @change="changeTeacher"
|
|
|
+ clearable
|
|
|
+ filterable>
|
|
|
+ <el-option v-for="(item,index) in teacherList"
|
|
|
+ :key="index"
|
|
|
+ :value="item.id"
|
|
|
+ :label="item.realName"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="助教老师"
|
|
|
+ v-if="maskForm.type != 'MUSIC_NETWORK'&&maskForm.type != 'HIGH_ONLINE'&&maskForm.groupType == 'MUSIC'"
|
|
|
+ prop="assistant">
|
|
|
+ <el-select v-model.trim="maskForm.assistant"
|
|
|
+ style="width:220px!important"
|
|
|
+ clearable
|
|
|
+ filterable
|
|
|
+ multiple
|
|
|
+ collapse-tags>
|
|
|
+ <el-option v-for="(item,index) in teacherList"
|
|
|
+ :key="index"
|
|
|
+ :value="item.id"
|
|
|
+ :label="item.realName"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span='12'>
|
|
|
+ <el-form-item label="上课日期"
|
|
|
+ prop="date">
|
|
|
+ <el-date-picker v-model.trim="maskForm.date"
|
|
|
+ type="date"
|
|
|
+ :picker-options="{
|
|
|
firstDayOfWeek:1
|
|
|
}"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- placeholder="选择日期"></el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="课程时长(分钟)"
|
|
|
- prop="timer">
|
|
|
- <el-input type='number'
|
|
|
- :disabled='isDisabled'
|
|
|
- style="width:220px!important"
|
|
|
- v-model="maskForm.timer"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="开始时间"
|
|
|
- prop="startTime">
|
|
|
- <el-time-picker placeholder="起始时间"
|
|
|
- v-model.trim="maskForm.startTime"
|
|
|
- @change="changeStartTime"
|
|
|
- format='HH:mm'
|
|
|
- value-format='HH:mm'
|
|
|
- :picker-options="{
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="选择日期"></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="课程时长(分钟)"
|
|
|
+ prop="timer">
|
|
|
+ <el-input type='number'
|
|
|
+ :disabled='isDisabled'
|
|
|
+ style="width:220px!important"
|
|
|
+ v-model="maskForm.timer"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="开始时间"
|
|
|
+ prop="startTime">
|
|
|
+ <el-time-picker placeholder="起始时间"
|
|
|
+ v-model.trim="maskForm.startTime"
|
|
|
+ @change="changeStartTime"
|
|
|
+ format='HH:mm'
|
|
|
+ value-format='HH:mm'
|
|
|
+ :picker-options="{
|
|
|
selectableRange: '04:30:00 - 23:30:00'
|
|
|
}"></el-time-picker>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="结束时间"
|
|
|
- prop="endTime">
|
|
|
- <el-time-picker placeholder="结束时间"
|
|
|
- v-model.trim="maskForm.endTime"
|
|
|
- disabled
|
|
|
- format='HH:mm'
|
|
|
- value-format='HH:mm'
|
|
|
- :picker-options="{
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="结束时间"
|
|
|
+ prop="endTime">
|
|
|
+ <el-time-picker placeholder="结束时间"
|
|
|
+ v-model.trim="maskForm.endTime"
|
|
|
+ disabled
|
|
|
+ format='HH:mm'
|
|
|
+ value-format='HH:mm'
|
|
|
+ :picker-options="{
|
|
|
start: '04:30',
|
|
|
step: '00:05',
|
|
|
end: '23:30',
|
|
|
minTime: maskForm.startTime
|
|
|
}"></el-time-picker>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="课程类型"
|
|
|
- v-if="maskForm.type == 'VIP'"
|
|
|
- prop="courseType">
|
|
|
- <el-select clearable
|
|
|
- style="width:220px!important"
|
|
|
- v-model.trim="maskForm.teachMode">
|
|
|
- <el-option label="线上课"
|
|
|
- value="ONLINE"></el-option>
|
|
|
- <el-option label="线下课"
|
|
|
- value="OFFLINE"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="教学地点"
|
|
|
- v-if="maskForm.teachMode == 'OFFLINE'&& maskForm.type == 'VIP'">
|
|
|
- <el-select v-model.trim="maskForm.address"
|
|
|
- style="width:220px!important"
|
|
|
- filterable
|
|
|
- clearable>
|
|
|
- <el-option v-for="(item,index) in schoolList"
|
|
|
- :key="index"
|
|
|
- :value="item.id"
|
|
|
- :label="item.name"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="课程类型"
|
|
|
+ v-if="maskForm.type == 'VIP'"
|
|
|
+ prop="courseType">
|
|
|
+ <el-select clearable
|
|
|
+ style="width:220px!important"
|
|
|
+ v-model.trim="maskForm.teachMode">
|
|
|
+ <el-option label="线上课"
|
|
|
+ value="ONLINE"></el-option>
|
|
|
+ <el-option label="线下课"
|
|
|
+ value="OFFLINE"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="教学地点"
|
|
|
+ v-if="maskForm.teachMode == 'OFFLINE'&& maskForm.type == 'VIP'">
|
|
|
+ <el-select v-model.trim="maskForm.address"
|
|
|
+ style="width:220px!important"
|
|
|
+ filterable
|
|
|
+ clearable>
|
|
|
+ <el-option v-for="(item,index) in schoolList"
|
|
|
+ :key="index"
|
|
|
+ :value="item.id"
|
|
|
+ :label="item.name"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
</el-form>
|
|
|
<div slot="footer"
|
|
|
class="dialog-footer">
|
|
|
@@ -121,6 +154,7 @@
|
|
|
@click="submitResetClass">确 定</el-button>
|
|
|
</div>
|
|
|
<el-dialog title="学员列表"
|
|
|
+ width="650px"
|
|
|
append-to-body
|
|
|
:visible.sync="studentListModalVisible"
|
|
|
destroy-on-close>
|
