Browse Source

feat(coach): 添加作业类型选择功能

- 在作业添加页面增加作业类型选择的单选框- 作业类型包括班级作业和学员作业
- 实现作业类型选择时更新表单数据
- 优化作业添加页面的样式布局
master
liutong 1 year ago
parent
commit
6e5e0b1abb
  1. 40
      pages/coach/job/add.vue

40
pages/coach/job/add.vue

@ -2,6 +2,29 @@
<template>
<view class="main_section">
<view class="formData">
<view class="radio_input">
<fui-form-item label="作业类型" asterisk>
<fui-radio-group name="radio" v-model="formData.type" @change="changeType">
<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>
<fui-input required label="班级" borderTop placeholder="请选择班级" v-model="formData.class_name" @click="show_class=true"></fui-input>
<fui-picker layer="1" :linkage="true" :options="options_class_arr" :show="show_class" @change="changeClass" @cancel="show_class=false"></fui-picker>
@ -51,11 +74,13 @@ export default {
],
formData:{
type:'1',//()
class_name:'',//()
class_id:'',//()
course_name:'',//()
course_id:'',//()
homework:'',//()
}
}
},
@ -77,6 +102,12 @@ export default {
this.formData.course_name = e.text; // course_name
this.show_course = false; //
},
//-
changeType(e) {
console.log('选择器-作业类型', e);
this.formData.type = e.value; // course_id
},
}
}
</script>
@ -94,6 +125,15 @@ export default {
display: flex;
flex-direction: column;
gap: 40rpx;
.radio_input{
.fui-form__item-wrap{
border-radius: 8rpx !important;
}
.fui-list__item{
display: flex;
align-items: center;
}
}
}

Loading…
Cancel
Save