|
@@ -2,62 +2,97 @@
|
|
<div>
|
|
<div>
|
|
<el-form-item
|
|
<el-form-item
|
|
label="排课次数"
|
|
label="排课次数"
|
|
|
|
+ prop="courseNum"
|
|
>
|
|
>
|
|
- <el-input placeholder="请输入排课次数"/>
|
|
|
|
|
|
+ <el-input v-model="form.courseNum" placeholder="请输入排课次数"/>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item
|
|
<el-form-item
|
|
label="排课起始时间"
|
|
label="排课起始时间"
|
|
|
|
+ prop="courseTime"
|
|
>
|
|
>
|
|
- <el-input placeholder="请输入排课起始时间"/>
|
|
|
|
|
|
+ <el-date-picker v-model.trim="form.courseTime"
|
|
|
|
+ :picker-options="pickerOptions"
|
|
|
|
+ style="width:100%!important;"
|
|
|
|
+ type="date"
|
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
|
+ placeholder="选择日期">
|
|
|
|
+ </el-date-picker>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item
|
|
<el-form-item
|
|
label="跳过节假日"
|
|
label="跳过节假日"
|
|
>
|
|
>
|
|
- <el-radio-group>
|
|
|
|
|
|
+ <el-radio-group v-model="form.checked">
|
|
<el-radio :label="3">是</el-radio>
|
|
<el-radio :label="3">是</el-radio>
|
|
<el-radio :label="6">否</el-radio>
|
|
<el-radio :label="6">否</el-radio>
|
|
</el-radio-group>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-table
|
|
<el-table
|
|
|
|
+ v-if="form && form.cycle"
|
|
:data="form.cycle"
|
|
:data="form.cycle"
|
|
>
|
|
>
|
|
<el-table-column
|
|
<el-table-column
|
|
prop="date"
|
|
prop="date"
|
|
label="循环周期"
|
|
label="循环周期"
|
|
width="180">
|
|
width="180">
|
|
- <template>
|
|
|
|
- <el-form-item inline-message>
|
|
|
|
- <el-input placeholder="请输入循环周期"/>
|
|
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <el-form-item inline-message prop="dayOfWeek">
|
|
|
|
+ <el-select v-model.trim="scope.row.dayOfWeek"
|
|
|
|
+ style="width:100%!important"
|
|
|
|
+ placeholder="请选择循环周期"
|
|
|
|
+ clearable
|
|
|
|
+ filterable>
|
|
|
|
+ <el-option v-for="(item,index) in weekDateList"
|
|
|
|
+ :key="index"
|
|
|
|
+ :label="item.label"
|
|
|
|
+ :value="item.value">
|
|
|
|
+ </el-option>
|
|
|
|
+ </el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="date"
|
|
|
|
|
|
+ prop="time"
|
|
label="课程时长(分)"
|
|
label="课程时长(分)"
|
|
width="180">
|
|
width="180">
|
|
- <template>
|
|
|
|
|
|
+ <template slot-scope="scope">
|
|
<el-form-item inline-message>
|
|
<el-form-item inline-message>
|
|
- <el-input placeholder="请输入课程时长"/>
|
|
|
|
|
|
+ <el-input v-model="scope.row.time" placeholder="请输入课程时长"/>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="date"
|
|
|
|
|
|
+ prop="startClassTime"
|
|
label="开始时间"
|
|
label="开始时间"
|
|
width="180">
|
|
width="180">
|
|
- <template>
|
|
|
|
|
|
+ <template slot-scope="scope">
|
|
<el-form-item inline-message>
|
|
<el-form-item inline-message>
|
|
- <el-input placeholder="请输入课程时长"/>
|
|
|
|
|
|
+ <el-time-picker style="width: 100%!important;"
|
|
|
|
+ v-model.trim="scope.row.startClassTime"
|
|
|
|
+ format='HH:mm'
|
|
|
|
+ value-format='HH:mm'
|
|
|
|
+ placeholder="请选择时间"
|
|
|
|
+ :picker-options="{
|
|
|
|
+ selectableRange: ['04:30:00 - 23:59:59']
|
|
|
|
+ }">
|
|
|
|
+ </el-time-picker>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="date"
|
|
|
|
|
|
+ prop="endClassTime"
|
|
label="结束时间"
|
|
label="结束时间"
|
|
width="180">
|
|
width="180">
|
|
- <template>
|
|
|
|
|
|
+ <template slot-scope="scope">
|
|
<el-form-item inline-message>
|
|
<el-form-item inline-message>
|
|
- <el-input placeholder="请输入课程时长"/>
|
|
|
|
|
|
+ <el-time-picker style="width: 100%!important;"
|
|
|
|
+ v-model.trim="scope.row.endClassTime"
|
|
|
|
+ format='HH:mm'
|
|
|
|
+ value-format='HH:mm'
|
|
|
|
+ placeholder="请选择时间"
|
|
|
|
+ :picker-options="{
|
|
|
|
+ selectableRange: [scope.row.startClassTime + ':00 - 23:59:59']
|
|
|
|
+ }">
|
|
|
|
+ </el-time-picker>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
@@ -83,11 +118,25 @@
|
|
<script>
|
|
<script>
|
|
export default {
|
|
export default {
|
|
props: ['form'],
|
|
props: ['form'],
|
|
- created() {
|
|
|
|
- if (!this.form) {
|
|
|
|
- this.form = {
|
|
|
|
- cycle: [{}]
|
|
|
|
|
|
+ computed: {
|
|
|
|
+ pickerOptions() {
|
|
|
|
+ return {
|
|
|
|
+ firstDayOfWeek: 1,
|
|
|
|
+ disabledDate (time) {
|
|
|
|
+ return time.getTime() + 86400000 <= new Date().getTime();
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
+ },
|
|
|
|
+ weekDateList() {
|
|
|
|
+ return [
|
|
|
|
+ { value: "1", label: "星期一" },
|
|
|
|
+ { value: "2", label: "星期二" },
|
|
|
|
+ { value: "3", label: "星期三" },
|
|
|
|
+ { value: "4", label: "星期四" },
|
|
|
|
+ { value: "5", label: "星期五" },
|
|
|
|
+ { value: "6", label: "星期六" },
|
|
|
|
+ { value: "7", label: "星期日" }
|
|
|
|
+ ]
|
|
}
|
|
}
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
@@ -95,9 +144,7 @@ export default {
|
|
this.form.cycle.push({})
|
|
this.form.cycle.push({})
|
|
},
|
|
},
|
|
remove(index) {
|
|
remove(index) {
|
|
- const list = [...this.form.cycle]
|
|
|
|
- list[index] = null
|
|
|
|
- this.form.cycle = list.map(item => !!item)
|
|
|
|
|
|
+ this.form.cycle.splice(index, 1)
|
|
}
|
|
}
|
|
},
|
|
},
|
|
}
|
|
}
|