将 create_course 目录重构

src/components/StepBar.vue

@@ -17,35 +17,37 @@
 
 <script>
 export default {
-  name: 'StepBar',
-  props: {
-    // 步骤条第几步，以 0 开始
-    stepNumber: {
-      default: 0,
-      type: Number
-    }
-  },
-  data() {
-    return {
-      stepList: [
-        {
-          name: 'Key264'
-        },
-        { name: 'Key275' },
-        { name: 'Key265' }
-      ]
-    };
-  },
-  methods: {
-    stepName(num) {
-      if (num === this.stepNumber) return this.$i18n.t('Key282');
-      if (num > this.stepNumber) return this.$i18n.t('Key263');
-      if (num < this.stepNumber) return this.$i18n.t('Key623');
-    }
-  }
+  name: 'StepBar'
 };
 </script>
 
+<script setup>
+import { inject } from 'vue';
+
+const props = defineProps({
+  // 步骤条第几步，以 0 开始
+  stepNumber: {
+    default: 0,
+    type: Number
+  }
+});
+
+const stepList = [
+  {
+    name: 'Key264'
+  },
+  { name: 'Key275' },
+  { name: 'Key265' }
+];
+
+const $t = inject('$t');
+function stepName(num) {
+  if (num === props.stepNumber) return $t('Key282');
+  if (num > props.stepNumber) return $t('Key263');
+  if (num < props.stepNumber) return $t('Key623');
+}
+</script>
+
 <style lang="scss" scoped>
 .step {
   position: fixed;

src/router/index.js

@@ -76,37 +76,38 @@ const routes = [
       {
         path: '/create_course_step_table/course_info',
         component: () =>
-          import(/* webpackChunkName: 'create_course'*/ '@/views/teacher/create_course/step_table/CourseInfo')
+          import(/* webpackChunkName: 'create_course'*/ '@/views/teacher/create_course/step_one/CourseInfo.vue')
       },
       // 分步表单 -> 第二步
       {
         path: '/create_course_step_table/select_book/:id',
         name: 'SelectBook',
         component: () =>
-          import(/* webpackChunkName: 'create_course'*/ '@/views/teacher/create_course/step_table/SelectBook')
+          import(/* webpackChunkName: 'create_course'*/ '@/views/teacher/create_course/step_two/SelectBook.vue')
       },
       /* 旧创建课节 开始 */
       // 分步表单 -> 第三步
       {
         path: '/create_course_step_table/old_create_task/:id',
         component: () =>
-          import(/* webpackChunkName: 'old_create_course'*/ '@/views/teacher/create_course/step_table/CreateTask')
+          import(
+            /* webpackChunkName: 'old_create_course'*/ '@/views/teacher/create_course/step_three_old/CreateTask.vue'
+          )
       },
       // 分步表单 -> 第四步 -> 新建课节任务
       {
         path: '/create_course_step_table/new_task/:time_type/:id/:curItemID',
         component: () =>
-          import(/* webpackChunkName: 'old_create_course'*/ '@/views/teacher/create_course/step_table/NewTask')
+          import(/* webpackChunkName: 'old_create_course'*/ '@/views/teacher/create_course/step_four/NewTask.vue')
       },
       /* 旧创建课节 结束 */
+
       /* 新创建课节 */
       // 分步表单 -> 第三步
       {
         path: '/create_course_step_table/create_task/:id',
         component: () =>
-          import(
-            /* webpackChunkName: 'create_course'*/ '@/views/teacher/create_course/step_table/create_task/index.vue'
-          )
+          import(/* webpackChunkName: 'create_course'*/ '@/views/teacher/create_course/step_three/index.vue')
       }
     ]
   },

src/views/new_task_view/index.vue

@@ -47,8 +47,8 @@ import { ref } from 'vue';
 import store from '@/store';
 import { useTask } from './index';
 import { useTaskType, TASK_EXPLAIN } from './components/data/TaskType';
-import { useScale, useWheel, scale } from '@/views/teacher/create_course/step_table/create_task/components/utils/wheel';
-import { useMouseEvent } from '@/views/teacher/create_course/step_table/create_task/components/utils/mouseEvent';
+import { useScale, useWheel, scale } from '@/views/teacher/create_course/step_three/components/utils/wheel';
+import { useMouseEvent } from '@/views/teacher/create_course/step_three/components/utils/mouseEvent';
 
 import StudentView from './components/student/index.vue';
 import TeacherView from './components/teacher/index.vue';

src/views/teacher/student_list/SendMessage.vue

@@ -20,38 +20,46 @@
 
 <script>
 export default {
-  props: {
-    visible: {
-      default: false,
-      type: Boolean
-    },
-    titleName: {
-      default: '',
-      type: String
-    }
-  },
-  data() {
-    return {
-      message: ''
-    };
-  },
-  watch: {
-    visible(newVal) {
-      if (!newVal) return;
-      this.message = '';
-    }
+  name: 'SendMessage'
+};
+</script>
+
+<script setup>
+import { ref, watch, inject } from 'vue';
+import { Message } from 'element-ui';
+
+const props = defineProps({
+  visible: {
+    default: false,
+    type: Boolean
   },
-  methods: {
-    close() {
-      this.$emit('update:visible', false);
-    },
-
-    send() {
-      if (this.message.length === 0) return this.$message.warning(this.$i18n.t('Key300'));
-      this.$emit('sendMessage', this.message);
-    }
+  titleName: {
+    default: '',
+    type: String
   }
-};
+});
+
+const emits = defineEmits(['update:visible', 'sendMessage']);
+
+const $t = inject('$t');
+
+let message = ref('');
+watch(
+  () => props.visible,
+  (newVal) => {
+    if (!newVal) return;
+    message.value = '';
+  }
+);
+
+function close() {
+  emits('update:visible', false);
+}
+
+function send() {
+  if (message.value.length === 0) return Message.warning($t('Key300'));
+  emits('sendMessage', message.value);
+}
 </script>
 
 <style lang="scss">