From 033a38694f6fed76d5afb68d524e59800229e4c7 Mon Sep 17 00:00:00 2001
From: liutong <836164388@qq.com>
Date: Thu, 10 Apr 2025 17:37:00 +0800
Subject: [PATCH] =?UTF-8?q?feat(coach):=20=E4=BC=98=E5=8C=96=E4=BD=9C?=
 =?UTF-8?q?=E4=B8=9A=E5=8F=91=E5=B8=83=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 为表单添加校验规则，确保必填字段不为空
- 优化表单布局，使用 fui-form 组件包裹表单元素
- 修改部分表单字段名称，使其更具描述性
- 添加表单提交前的验证逻辑，提高数据完整性
---
 pages/coach/job/add.vue | 56 +++++++++++++++++++++++++++++++++--------
 1 file changed, 46 insertions(+), 10 deletions(-)

diff --git a/pages/coach/job/add.vue b/pages/coach/job/add.vue
index 7a45415..a3cafa3 100644
--- a/pages/coach/job/add.vue
+++ b/pages/coach/job/add.vue
@@ -1,7 +1,7 @@
 <!--发布作业-->
 <template>
   <view class="main_section">
-    <view class="formData">
+    <fui-form class="formData" ref="form">
       <view class="radio_input">
         <fui-form-item label="作业类型" asterisk>
           <fui-radio-group name="radio" v-model="formData.type" @change="changeType">
@@ -25,12 +25,15 @@
       </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>
+        <fui-input required label="班级" borderTop placeholder="请选择班级" v-model="formData.classes_id_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>
       </view>
 
       <view v-if="formData.type != 1">
-        <fui-input required label="学员" borderTop placeholder="请选择学员" v-model="formData.students_ids_name" @click="show_student=true"></fui-input>
+        <fui-input required label="学员" borderTop placeholder="请选择学员" v-model="formData.students_ids_name"
+                   @click="show_student=true"></fui-input>
         <!--下拉多选-->
         <fui-select
             :show="show_student"
@@ -49,20 +52,22 @@
       </view>
 
       <view>
-        <fui-input required label="课程" borderTop placeholder="请选择课程" v-model="formData.course_name" @click="show_course=true"></fui-input>
+        <fui-input required label="课程" borderTop placeholder="请选择课程" v-model="formData.course_id_name"
+                   @click="show_course=true"></fui-input>
         <fui-picker
             layer="1"
             :linkage="true"
-            :options="options_course_arr" :show="show_course" @change="changeCourse" @cancel="show_course=false"></fui-picker>
+            :options="options_course_arr" :show="show_course" @change="changeCourse"
+            @cancel="show_course=false"></fui-picker>
       </view>
 
       <view>
-        <fui-textarea required flexStart label="作业" placeholder="请输入内容" v-model="formData.homework"></fui-textarea>
+        <fui-textarea required flexStart label="作业" placeholder="请输入内容" v-model="formData.content_text"></fui-textarea>
       </view>
 
       <view class="submet_btn" @click="submetForm">提交</view>
-    </view>
 
+    </fui-form>
 <!--    底部导航-->
     <AQTabber/>
   </view>
@@ -72,6 +77,24 @@
 import memberApi from '@/api/member.js';
 import AQTabber from "@/components/AQ/AQTabber.vue"
 
+//校验规则
+const rules = [
+  {
+    name: "classes_id_name",
+    rule: ["required"],
+    msg: ["请选择班级"]
+  },
+  {
+    name: "course_id_name",
+    rule: ["required"],
+    msg: ["请选择课程"]
+  },
+  {
+    name: "content_text",
+    rule: ["required"],
+    msg: ["请输入作业内容"]
+  },
+];
 export default {
   components: {
     AQTabber,
@@ -199,14 +222,14 @@ export default {
     changeClass(e) {
       console.log('选择器-班级', e);
       this.formData.class_id = e.value; // 更新 class_id
-      this.formData.class_name = e.text; // 更新 class_name
+      this.formData.classes_id_name = e.text; // 更新 class_name
       this.show_class = false; // 关闭选择器
     },
     //监听选择器-课程
     changeCourse(e) {
       console.log('选择器-课程', e);
       this.formData.course_id = e.value; // 更新 course_id
-      this.formData.course_name = e.text; // 更新 course_name
+      this.formData.course_id_name = e.text; // 更新 course_name
       this.show_course = false; // 关闭选择器
     },
     //监听选择器-学员
@@ -237,10 +260,23 @@ export default {
       }
     },
 
+    async validatorForm(data) {
+      let res = await this.$refs.form.validator(data, rules)
+      return res
+    },
+
     //发布作业
     async submetForm(){
       let data = {...this.formData}
       console.log('提交',data)
+      let vf = await this.validatorForm(data)
+      if(!vf.isPassed){
+        console.log('验证',vf)
+        return
+      }
+
+
+
       return
 
       let res = await memberApi.jlPublishJob(data)