Browse Source

feat(coach): 优化作业发布功能

- 根据作业类型显示不同表单字段
- 添加发布班级作业和学生作业的逻辑
- 增加表单验证和提示消息
- 优化用户交互和体验
master
liutong 12 months ago
parent
commit
adfdde99b4
  1. 44
      pages/coach/job/add.vue

44
pages/coach/job/add.vue

@ -46,7 +46,7 @@
</view> </view>
<view> <view v-if="formData.type == 1">
<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>
<fui-picker layer="1" :linkage="true" :options="options_class_arr" :show="show_class" @change="changeClass" <fui-picker layer="1" :linkage="true" :options="options_class_arr" :show="show_class" @change="changeClass"
@ -90,6 +90,9 @@
<view class="submet_btn" @click="submetForm">提交</view> <view class="submet_btn" @click="submetForm">提交</view>
</fui-form> </fui-form>
<!--吸顶消息提示-->
<fui-message ref="msg" :background="`#ff2b2b`"></fui-message>
<!-- 底部导航--> <!-- 底部导航-->
<AQTabber/> <AQTabber/>
</view> </view>
@ -101,11 +104,11 @@ import AQTabber from "@/components/AQ/AQTabber.vue"
// //
const rules = [ const rules = [
{ // {
name: "classes_id_name", // name: "classes_id_name",
rule: ["required"], // rule: ["required"],
msg: ["请选择班级"] // msg: [""]
}, // },
{ {
name: "course_id_name", name: "course_id_name",
rule: ["required"], rule: ["required"],
@ -279,6 +282,10 @@ export default {
// //
this.formData.students_ids = '' this.formData.students_ids = ''
this.formData.students_ids_name = '' this.formData.students_ids_name = ''
}else{
// 2=
this.formData.classes_id = ''
this.formData.classes_id_name = ''
} }
}, },
@ -294,11 +301,36 @@ export default {
return res return res
}, },
//
showMsg(msg) {
let options = {}
//text
options.text = msg
this.$refs.tips.show(options)
},
// //
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(data.type == 1){
//
if(!data.classes_id){
this.showMsg('请选择班级')
return
}
}else{
//
if(!data.students_ids){
this.showMsg('请选择学员')
return
}
}
if(!vf.isPassed){ if(!vf.isPassed){
console.log('验证',vf) console.log('验证',vf)
return return

Loading…
Cancel
Save