|
|
|
@ -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; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|