在线学习基本功能

xiangpei

2024-05-16 9a64cd50822ea7f82fa3e4fb98626fc2a0edc5a6

 src/views/onlineStudy/file.vue

copy from src/views/onlineStudy/video/type.vue
copy to src/views/onlineStudy/file.vue
File was copied from src/views/onlineStudy/video/type.vue
@@ -2,8 +2,8 @@
  <div class="warp">
    <div class="search">
      <el-form :inline="true" :model="searchForm" class="demo-form-inline">
        <el-form-item label="分类名称">
          <el-input v-model="searchForm.typeName" size="small" placeholder="分类名称" clearable @clear="page"></el-input>
        <el-form-item label="主题">
          <el-input v-model="searchForm.typeName" size="small" placeholder="主题内容" clearable @clear="page"></el-input>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="page" size="small">查询</el-button>
@@ -48,16 +48,25 @@
    </el-table>

    <el-dialog
      title="添加视频分类"
      title="添加文件"
      :visible.sync="open"
      width="300px"
      width="600px"
      :before-close="handleClose">
      <el-form label-position="top" label-width="80px" ref="form" :rules="rules" :model="form">
        <el-form-item label="分类名称" prop="typeName">
          <el-input v-model="form.typeName"></el-input>
        <el-form-item label="主题" prop="subject">
          <el-input v-model="form.subject" placeholder="主题内容"></el-input>
        </el-form-item>
        <el-form-item label="排序值" prop="orderNum">
          <el-input v-model="form.orderNum" type="number" placeholder="排序值"></el-input>
        <el-form-item label="所属类型" prop="belongType">
          <el-input v-model="form.belongType" placeholder="所属类型"></el-input>
        </el-form-item>
        <el-form-item label="文件类型" prop="contentType">
          <el-input v-model="form.contentType" placeholder="不同类型的文件阅览方式不同，多余文件请以附件形式上传"></el-input>
        </el-form-item>
        <el-form-item label="上传文件" prop="contentUrl">
          <upload :fileSizeLimitM="1024" :uploadNum="1" @getUploadUrl="getUploadUrl" />
        </el-form-item>
        <el-form-item label="附件" prop="attachment">
          <upload :fileSizeLimitM="1024" :uploadNum="3" @getUploadUrl="getUploadAttachmentUrl" />
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
@@ -69,11 +78,18 @@
</template>

<script>
import VideoTypeAPI from '@/api/video-type'
import OnlineStudyAPI from '@/api/online-study'
import Upload from '@/components/UploadC'
export default {
  name: 'type',
  components: {Upload},
  data () {
    return {
      uploadAttachmentData: [],
      uploadData: {
        url: '',
        originalFilename: ''
      },
      searchForm: {
        pageNum: 1,
        pageSize: 10,
@@ -86,19 +102,32 @@
        orderNum: null
      },
      rules: {
        typeName: [
          { required: true, message: '请输入分类名称', trigger: 'blur' },
          { min: 0, max: 40, message: '长度在 0 到 40 个字符', trigger: 'blur' }
        contentUrl: [
          { required: true, message: '请上传文件', trigger: 'blur' },
        ],
        orderNum: [
          { required: true, message: '请输入分类排序值', trigger: 'blur' }
        subject: [
          { required: true, message: '请输入主题内容', trigger: 'blur' },
        ],
        belongType: [
          { required: true, message: '请选择所属类型', trigger: 'change' }
        ],
        contentType: [
          { required: true, message: '请选择文件类型', trigger: 'change' }
        ]
      }
    }
  },
  methods: {
    getUploadAttachmentUrl (uploadData) {
      this.form.attachment = uploadData.url
      this.uploadAttachmentData = uploadData
    },
    getUploadUrl(uploadData) {
      this.form.contentUrl = uploadData.url
      this.uploadData = uploadData
    },
    remove (id) {
      VideoTypeAPI.remove(id).then(res => {
      OnlineStudyAPI.remove(id).then(res => {
        if (res.code === 1) {
          this.$message.success('删除成功')
        }
@@ -111,7 +140,7 @@
      this.$refs['form'].validate((valid) => {
        if (valid) {
          if (this.form.id) {
            VideoTypeAPI.update(this.form).then(res => {
            OnlineStudyAPI.update(this.form).then(res => {
              if (res.code === 1) {
                this.$message.success('修改成功')
                this.open = false
@@ -119,7 +148,7 @@
              }
            })
          } else {
            VideoTypeAPI.add(this.form).then(res => {
            OnlineStudyAPI.add(this.form).then(res => {
              if (res.code === 1) {
                this.$message.success('添加成功')
                this.open = false
@@ -138,7 +167,7 @@
      this.open = true
    },
    page () {
      VideoTypeAPI.page(this.searchForm).then(res => {
      OnlineStudyAPI.page(this.searchForm).then(res => {
        if (res.code === 1) {
          this.tableData = res.response
        }