wangyifang
/
mkw-visit-web
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

学习

Browse Source
master
lion 3 years ago
parent fce2c5bf94
commit d378008ab8
1 changed files with 53 additions and 35 deletions
Show Stats Download Patch File Download Diff File

88
src/views/resource/component/addStudy.vue
Unescape View File

@ -11,6 +11,19 @@
<el-input v-model="form.name" placeholder="请输入学习内容名称" clearable style="width: 300px;"></el-input>
</div>
</div>
</template>
<template v-slot:type>
<div class="xy-table-item">
<div class="xy-table-item-label">
面向对象：
</div>
<div class="xy-table-item-content">
<el-select clearable placeholder="请选择类型" v-model="form.type" style="width: 300px;">
<el-option v-for="item in types" :value="item.id" :key="item.id" :label="item.value">
</el-option>
</el-select>
</div>
</div>
</template>
<template v-slot:expire_day>
<div class="xy-table-item">
@ -46,6 +59,21 @@
</el-input>分钟
</div>
</div>
</template>
<template v-slot:file>
<div class="xy-table-item">
<div class="xy-table-item-label">资料上传：</div>
<div class="xy-table-item-content">
<el-upload style="width: 620px" accept=".jpg,.png,.mp4" :multiple="true" class="upload-demo" :action="action"
:before-upload="uploadBeforePic" :on-success="picListSuccessHandler" :on-remove="picListRemoveHandler"
:file-list="fileList" list-type="picture" multiple>
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">
只能上传jpg/png/mp4文件
</div>
</el-upload>
</div>
</div>
</template>
<template v-slot:content>
<div class="xy-table-item">
@ -62,34 +90,8 @@
</div> -->
</div>
</template>
<template v-slot:type>
<div class="xy-table-item">
<div class="xy-table-item-label">
面向对象：
</div>
<div class="xy-table-item-content">
<el-select clearable placeholder="请选择类型" v-model="form.type" style="width: 300px;">
<el-option v-for="item in types" :value="item.id" :key="item.id" :label="item.value">
</el-option>
</el-select>
</div>
</div>
</template>
<template v-slot:file>
<div class="xy-table-item">
<div class="xy-table-item-label">资料上传：</div>
<div class="xy-table-item-content">
<el-upload style="width: 620px" :multiple="true" class="upload-demo" :action="action"
:before-upload="uploadBeforePic" :on-success="picListSuccessHandler" :on-remove="picListRemoveHandler"
:file-list="fileList" list-type="picture" multiple>
<el-button size="small" type="primary">点击上传</el-button>
<!-- <div slot="tip" class="el-upload__tip">
只能上传jpg/png/mp4文件，且不超过10M
</div> -->
</el-upload>
</div>
</div>
</template>
<template v-slot:ask_list>
<div class="xy-table-item">
<div class="xy-table-item-label">测试题库：</div>
@ -202,9 +204,9 @@ import xyTinymce from "@/components/XyTinymce/index.vue";
expire_day: "",
type: "",
rate: "",
minute: "",
content: "",
minute: "",
file: [],
content: "",
ask_list: []
},
// 题库
@ -277,11 +279,27 @@ import xyTinymce from "@/components/XyTinymce/index.vue";
// this.studyDates = res?.detail;
// },
//上传
uploadBeforePic(file) {
if (file.size / 1000 > 2048) {
this.$successMessage('上传图片大小超过2M！', '', 'warning')
return false;
}
uploadBeforePic(file) {
console.log(file)
// if (file.size / 1000 > 2048) {
// this.$successMessage('上传图片大小超过2M！', '', 'warning')
// return false;
// }
// 截取上传的文件名后缀
let fileExtName = file.name.substring(file.name.lastIndexOf(".") + 1);
console.log(fileExtName)
if(
fileExtName === 'jpg' ||
fileExtName === 'png' ||
fileExtName === 'mp4'
){
//进行上传成功的一些操作;
console.log('file',file);
}else{
this.$successMessage('只能上传.jpg、.png,.mp4类型的文件！', '', 'warning')
return false;
}
},
picListSuccessHandler(res, file, fileList) {
this.form.file = fileList.map((item) => {

Write Preview
Loading…
Cancel
Save