fix bug

src/views/teacher/create_course/step_one/CourseInfo.vue

@@ -132,7 +132,7 @@ export default {
 <script setup>
 import { inject } from 'vue';
 import { useRoute } from 'vue-router/composables';
-import { form, useInit, useCourseInfo, useCover, useForm, useTeacher } from './courseInfo';
+import { useInit, useCourseInfo, useCover, useForm, useTeacher } from './courseInfo';
 
 import StepBar from '@/views/teacher/create_course/StepBar.vue';
 import SelectTeacher from '@/components/select/SelectTeacher.vue';
@@ -143,15 +143,15 @@ const route = useRoute();
 const query = route.query;
 const is_template = 'is_template' in query ? query.is_template === 'true' : false;
 
-const { changeStudent, courseForm, nextStep } = useCourseInfo();
+const { formRules, form } = useForm();
 
-const { dialogClose, dialogVisible, getUserList, selectTeacher, selectTeaher, tagClose, user_list } = useTeacher();
+const { changeStudent, courseForm, nextStep } = useCourseInfo(form);
 
-const { orgList } = useInit(getUserList, user_list);
+const { dialogClose, dialogVisible, getUserList, selectTeacher, selectTeaher, tagClose, user_list } = useTeacher(form);
 
-const { beforeUpload, upload, visible, coverClose, selectCover, showCover } = useCover();
+const { orgList } = useInit(getUserList, user_list, form);
 
-const { formRules } = useForm();
+const { beforeUpload, upload, visible, coverClose, selectCover, showCover } = useCover(form);
 </script>
 
 <style lang="scss" scoped>

src/views/teacher/create_course/step_one/courseInfo.js

@@ -8,24 +8,7 @@ import { Message } from 'element-ui';
 
 import store from '@/store';
 
-export let form = ref({
-  imageUrl: '',
-  picture_id: '',
-  name: '',
-  intro: '',
-  org_id: '',
-  teacher_id_list: [],
-  begin_date: '',
-  end_date: '',
-  student_count_max: 1,
-  is_auto_close: false,
-  student_enter_control_type: 0,
-  price: '0.00',
-  is_enable_KHPJ: false,
-  is_enable_XYZP: false
-});
-
-export function useInit(getUserList, user_list) {
+export function useInit(getUserList, user_list, form) {
   const route = useRoute();
   const query = route.query;
   const id = query.id;
@@ -94,6 +77,23 @@ export function useInit(getUserList, user_list) {
 export function useForm() {
   const $t = inject('$t');
 
+  let form = ref({
+    imageUrl: '',
+    picture_id: '',
+    name: '',
+    intro: '',
+    org_id: '',
+    teacher_id_list: [],
+    begin_date: '',
+    end_date: '',
+    student_count_max: 1,
+    is_auto_close: false,
+    student_enter_control_type: 0,
+    price: '0.00',
+    is_enable_KHPJ: false,
+    is_enable_XYZP: false
+  });
+
   const validateName = (rule, value, callback) => {
     if (value.length <= 0) {
       callback(new Error($t('Key345')));
@@ -125,11 +125,12 @@ export function useForm() {
   };
 
   return {
+    form,
     formRules
   };
 }
 
-export function useCourseInfo() {
+export function useCourseInfo(form) {
   const $t = inject('$t');
 
   function changeStudent(val) {
@@ -185,7 +186,7 @@ export function useCourseInfo() {
 /**
  * 课程封面
  */
-export function useCover() {
+export function useCover(form) {
   const $t = inject('$t');
 
   function beforeUpload(file) {
@@ -239,7 +240,7 @@ export function useCover() {
 /**
  * 选择教师
  */
-export function useTeacher() {
+export function useTeacher(form) {
   const $t = inject('$t');
 
   let dialogVisible = ref(false);