Browse Source

feat(coach/job/add):增加作业类型选择功能

- 在页面中添加作业类型选择的 radio 组
- 更新 formData 中 content_type 的默认值为 '1' (图片作业)
- 修正课程选择器中 class_id 和 classes_id 的命名
- 优化页面布局,将发布类型和作业类型分开显示
master
liutong 12 months ago
parent
commit
860a5cc8c0
  1. 44
      pages/coach/job/add.vue

44
pages/coach/job/add.vue

@ -3,7 +3,7 @@
<view class="main_section"> <view class="main_section">
<fui-form class="formData" ref="form"> <fui-form class="formData" ref="form">
<view class="radio_input"> <view class="radio_input">
<fui-form-item label="作业类型" asterisk> <fui-form-item label="发布类型" asterisk>
<fui-radio-group name="radio" v-model="formData.type" @change="changeType"> <fui-radio-group name="radio" v-model="formData.type" @change="changeType">
<view class="fui-list__item"> <view class="fui-list__item">
<fui-label> <fui-label>
@ -24,6 +24,28 @@
</view> </view>
<view class="radio_input">
<fui-form-item label="作业类型" asterisk>
<fui-radio-group name="radio" v-model="formData.content_type" @change="changeContentType">
<view class="fui-list__item">
<fui-label>
<view class="fui-align__center">
<fui-radio value="1" checked></fui-radio>
<text class="fui-text">图片作业</text>
</view>
</fui-label>
<fui-label :margin="['0','0','0','40rpx']">
<view class="fui-align__center">
<fui-radio value="2"></fui-radio>
<text class="fui-text">视频作业</text>
</view>
</fui-label>
</view>
</fui-radio-group>
</fui-form-item>
</view>
<view> <view>
<fui-input required label="班级" borderTop placeholder="请选择班级" v-model="formData.classes_id_name" <fui-input required label="班级" borderTop placeholder="请选择班级" v-model="formData.classes_id_name"
@click="show_class=true"></fui-input> @click="show_class=true"></fui-input>
@ -130,7 +152,7 @@ export default {
course_id: '',//id() course_id: '',//id()
course_id_name: '',//id() course_id_name: '',//id()
content_type: '',//()|1,2 content_type: '1',//()|1,2
content_text: '',// content_text: '',//
classes_id: '',//id() classes_id: '',//id()
@ -221,7 +243,7 @@ export default {
//- //-
changeClass(e) { changeClass(e) {
console.log('选择器-班级', e); console.log('选择器-班级', e);
this.formData.class_id = e.value; // class_id this.formData.classes_id = e.value; // class_id
this.formData.classes_id_name = e.text; // class_name this.formData.classes_id_name = e.text; // class_name
this.show_class = false; // this.show_class = false; //
}, },
@ -247,7 +269,7 @@ export default {
this.show_student = false; // this.show_student = false; //
}, },
//- //-
changeType(e) { changeType(e) {
console.log('选择器-作业类型', e); console.log('选择器-作业类型', e);
this.formData.type = e.detail.value; // type this.formData.type = e.detail.value; // type
@ -260,6 +282,13 @@ export default {
} }
}, },
//-
changeContentType(e) {
console.log('选择器-作业类型', e);
this.formData.content_type = e.detail.value; // type
},
//
async validatorForm(data) { async validatorForm(data) {
let res = await this.$refs.form.validator(data, rules) let res = await this.$refs.form.validator(data, rules)
return res return res
@ -269,16 +298,13 @@ export default {
async submetForm(){ async submetForm(){
let data = {...this.formData} let data = {...this.formData}
console.log('提交',data) console.log('提交',data)
let vf = await this.validatorForm(data) let vf = await this.validatorForm(data)//
if(!vf.isPassed){ if(!vf.isPassed){
console.log('验证',vf) console.log('验证',vf)
return return
} }
//
return
let res = await memberApi.jlPublishJob(data) let res = await memberApi.jlPublishJob(data)
if (res.code != 1){ if (res.code != 1){
uni.showToast({ uni.showToast({

Loading…
Cancel
Save