frontend/teacher/src/views/chapter/create.vue

（开头部分） 2KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<template>
  <div class="app-container">
    <el-form :model="form"
             ref="form"
             label-width="100px"
             v-loading="formLoading"
             :rules="rules">
      <el-form-item v-show="!hideCourseSelect"
                    label="所属课程："
                    required>
        <course-select :course-id.sync="form.courseId"></course-select>
      </el-form-item>
      <el-form-item label="章节名称："
                    prop="chapterName">
        <el-input v-model="form.chapterName"></el-input>
      </el-form-item>
      <el-form-item label="章节描述："
                    prop="desc">
        <el-input v-model="form.desc"></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="
                   primary"
                   @click="submitForm">提交</el-button>
        <el-button @click="resetForm">重置</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
import { mapActions } from 'vuex'
import chapterApi from '@/api/chapter'
import CourseSelect from '@/components/CourseSelect'

export default {
  components: { CourseSelect },
  data() {
    return {
      form: {
        chapterName: '',
        courseId: 0,
        desc: '',
      },
      hideCourseSelect: false,
      formLoading: false,
      rules: {
        chapterName: [
          { required: true, message: '请输入章节名称', trigger: 'blur' },
        ],
        desc: [{ required: true, message: '请输入章节描述', trigger: 'blur' }],
      },
    }
  },
  computed: {},
  watch: {},
  methods: {
    async submitForm() {
      let _this = this
      this.$refs.form.validate((valid) => {
后面还有 46 行代码，解锁后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 算力/个。 规则说明

AI 解读 AI

登录后可用，每次 10 算力，解读结果公开显示在下面。

还没有人解读过这个文件。