提交 d2a020cb 编写于 作者: guangjun.yang's avatar guangjun.yang

外部资源管理

上级 30ce6581
...@@ -66,18 +66,27 @@ ...@@ -66,18 +66,27 @@
<span class="require">*</span> <span class="require">*</span>
<el-form-item label="课程视频:" prop="range"> <el-form-item label="课程视频:" prop="range">
<!-- action="https://jsonplaceholder.typicode.com/posts/" --> <!-- action="https://jsonplaceholder.typicode.com/posts/" -->
<!-- multiple -->
<!-- :on-preview="handlePreview"
:on-remove="handleRemove"
:before-remove="beforeRemove" -->
<el-upload <el-upload
class="upload-demo" class="upload-demo"
action="https://sc.yunqueyi.com/contents/admin/qiniu/token1" action="#"
:on-preview="handlePreview" :before-upload="beforeUploadListPic"
:on-remove="handleRemove" :limit="3"
:before-remove="beforeRemove"
multiple
:limit="100"
:on-exceed="handleExceed" :on-exceed="handleExceed"
:file-list="fileList"> :show-file-list="false"
>
<el-button size="small" type="primary">点击上传</el-button> <el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div> <div slot="tip" class="el-upload__tip">
<span >只支持MP4格式,课程视频最多上传100个,单文件最大2G</span>
<ul class="custom-list">
<li v-for="(file, index) in fileList" :key="index">
<span>{{file.name}}</span>
</li>
</ul>
</div>
</el-upload> </el-upload>
</el-form-item> </el-form-item>
</div> </div>
...@@ -464,18 +473,19 @@ export default { ...@@ -464,18 +473,19 @@ export default {
//上传图片校验 //上传图片校验
beforeAvatarUpload(file, fileLimit) { beforeAvatarUpload(file, fileLimit) {
console.log();
const isJPG = file.type === "image/jpeg"; const isJPG = file.type === "image/jpeg";
const isPNG = file.type === "image/png"; const isPNG = file.type === "image/png";
const isLt2M = file.size / 1024 / 1024 < fileLimit.size; const isLt2M = file.size / 1024 / 1024 < fileLimit.size;
console.log('isJPG', isJPG, 'isPNG', isPNG, 'isLt2M', isLt2M); console.log('isJPG', isJPG, 'isPNG', isPNG, 'isLt2M', isLt2M);
if (!isJPG && !isPNG) { // if (!isJPG && !isPNG) {
vm.$message.error("图片不符合规范,请根据规范上传图片"); // vm.$message.error("图片不符合规范,请根据规范上传图片");
return; // return;
} // }
if (!isLt2M) { // if (!isLt2M) {
vm.$message.error("图片不符合规范,请根据规范上传图片 "); // vm.$message.error("图片不符合规范,请根据规范上传图片 ");
return; // return;
} // }
let _img = new FileReader(); let _img = new FileReader();
_img.readAsDataURL(file); _img.readAsDataURL(file);
_img.onload = function(theFile) { _img.onload = function(theFile) {
...@@ -534,7 +544,7 @@ export default { ...@@ -534,7 +544,7 @@ export default {
console.log(file); console.log(file);
}, },
handleExceed(files, fileList) { handleExceed(files, fileList) {
this.$message.warning(`当前限制选择 3 个文件,本次选择了 ${files.length} 个文件,共选择了 ${files.length + fileList.length} 个文件`); this.$message.warning(`当前限制选择 100 个文件,您已经共选择了 ${files.length + fileList.length} 个文件!`);
}, },
beforeRemove(file, fileList) { beforeRemove(file, fileList) {
return this.$confirm(`确定移除 ${ file.name }?`); return this.$confirm(`确定移除 ${ file.name }?`);
......
...@@ -146,6 +146,7 @@ export default { ...@@ -146,6 +146,7 @@ export default {
this.allLabelListOrg[index].checked = true; this.allLabelListOrg[index].checked = true;
let subLabelListOrg = this.allLabelListOrg[index].subList; let subLabelListOrg = this.allLabelListOrg[index].subList;
this.setSubLabelListOrg(subLabelListOrg); this.setSubLabelListOrg(subLabelListOrg);
this.$forceUpdate();
}, },
// 选择二级 // 选择二级
......
...@@ -45,7 +45,8 @@ const templateEditor = r => require.ensure([], () => r(require('../views/educati ...@@ -45,7 +45,8 @@ const templateEditor = r => require.ensure([], () => r(require('../views/educati
const templateOpen = r => require.ensure([], () => r(require('../views/education/template-open.vue')), 'templateOpen') const templateOpen = r => require.ensure([], () => r(require('../views/education/template-open.vue')), 'templateOpen')
const eduRole = r => require.ensure([], () => r(require('../views/education/edu-role.vue')), 'edu-role') const eduRole = r => require.ensure([], () => r(require('../views/education/edu-role.vue')), 'edu-role')
const editCustom = r => require.ensure([], () => r(require('../views/education/edit-custom.vue')), 'templateOpen') const editCustom = r => require.ensure([], () => r(require('../views/education/edit-custom.vue')), 'templateOpen')
const externalResourceManage = r => require.ensure([], () => r(require('../views/education/external-resource-manage.vue')), 'review-access-manage') const externalResourceManage = r => require.ensure([], () => r(require('../views/education/external-resource-manage.vue')), 'external-resource-manage')
const auditCustomCourse = r => require.ensure([], () => r(require('../views/education/audit-custom-course.vue')), 'audit-custom-course')
const noticeEditor = r => require.ensure([], () => r(require('../views/education/notice-editor.vue')), 'notice-editor') const noticeEditor = r => require.ensure([], () => r(require('../views/education/notice-editor.vue')), 'notice-editor')
...@@ -198,6 +199,10 @@ export default [{ ...@@ -198,6 +199,10 @@ export default [{
path: '/external-resource-manage', path: '/external-resource-manage',
component: externalResourceManage, component: externalResourceManage,
}, },
{
path: '/audit-custom-course',
component: auditCustomCourse,
},
// { // {
// path: '/followup', // path: '/followup',
// name: 'followUp', // name: 'followUp',
......
此差异已折叠。
此差异已折叠。
此差异已折叠。
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册