From 9a64cd50822ea7f82fa3e4fb98626fc2a0edc5a6 Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期四, 16 五月 2024 12:00:45 +0800
Subject: [PATCH] 在线学习基本功能
---
src/views/onlineStudy/file.vue | 65 +++++++++++++++++++++++---------
1 files changed, 47 insertions(+), 18 deletions(-)
diff --git a/src/views/onlineStudy/video/type.vue b/src/views/onlineStudy/file.vue
similarity index 62%
copy from src/views/onlineStudy/video/type.vue
copy to src/views/onlineStudy/file.vue
index ac9128f..6788707 100644
--- a/src/views/onlineStudy/video/type.vue
+++ b/src/views/onlineStudy/file.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
}
--
Gitblit v1.8.0