|
|
@@ -89,7 +89,7 @@
|
|
|
</el-form>
|
|
|
</div>
|
|
|
|
|
|
- <el-dialog title="插入视屏"
|
|
|
+ <el-dialog title="插入视频"
|
|
|
width="500px"
|
|
|
:visible.sync="dialogFormVisible">
|
|
|
<el-form :model="dialogForm"
|
|
|
@@ -101,21 +101,21 @@
|
|
|
style="width: 100%;"
|
|
|
autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="视屏类型"
|
|
|
+ <el-form-item label="视频类型"
|
|
|
label-width="90px">
|
|
|
<el-radio-group v-model="formRadio">
|
|
|
<el-radio :label="1">外部连接</el-radio>
|
|
|
<el-radio :label="2">上传</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
- <el-form-item v-if="formRadio == 1" label="视屏地址"
|
|
|
+ <el-form-item v-if="formRadio == 1" label="视频地址"
|
|
|
label-width="90px"
|
|
|
prop="url">
|
|
|
<el-input v-model="dialogForm.url"
|
|
|
style="width: 100%;"
|
|
|
autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item v-if="formRadio == 2" label="上传视屏"
|
|
|
+ <el-form-item v-if="formRadio == 2" label="上传视频"
|
|
|
label-width="90px"
|
|
|
prop="videoUrl">
|
|
|
<!-- <el-input v-model="dialogForm.url"
|
|
|
@@ -131,12 +131,13 @@
|
|
|
:on-error="handleUploadError"
|
|
|
:show-file-list="false"
|
|
|
:limit="1"
|
|
|
- accept=".mp4, .m4a"
|
|
|
+ accept=".mp4"
|
|
|
+ :file-list="fileList"
|
|
|
:on-exceed="handleExceed">
|
|
|
<video style="width: 120px; height: 120px" v-if="dialogForm.videoUrl" controls="controls" type="video/mp4" preload="auto" :src="dialogForm.videoUrl"></video>
|
|
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
</el-upload>
|
|
|
- <p class="imageSize" >只能上传mp4/m4a文件, 且不超过100M</p>
|
|
|
+ <p class="imageSize" >只能上传mp4文件, 且不超过100M</p>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<div slot="footer"
|
|
|
@@ -287,8 +288,8 @@ export default {
|
|
|
uploadLoading: false,
|
|
|
fileList: [],
|
|
|
dialogFormRules: {
|
|
|
- url: [{ required: true, message: "请输入视屏地址", trigger: "blur" }],
|
|
|
- videoUrl: [{required: true, message: "请上传视屏", trigger: 'blur'}]
|
|
|
+ url: [{ required: true, message: "请输入视频地址", trigger: "blur" }],
|
|
|
+ videoUrl: [{required: true, message: "请上传视频", trigger: 'blur'}]
|
|
|
},
|
|
|
form: {
|
|
|
title: null,
|
|
|
@@ -312,7 +313,7 @@ export default {
|
|
|
{ required: true, message: "请选择封面图", trigger: "blur" }
|
|
|
],
|
|
|
content: [{ required: true, message: "请编辑内容", trigger: "blur" }],
|
|
|
- tenantId: [{ required: true, message: "请选择适用范围", trigger: "blur" }]
|
|
|
+ tenantId: [{ required: true, message: "请选择适用范围", trigger: "change" }]
|
|
|
},
|
|
|
imageSize: null
|
|
|
};
|
|
|
@@ -332,10 +333,11 @@ export default {
|
|
|
type: query.type,
|
|
|
status: 1,
|
|
|
content: null,
|
|
|
- tenantId: null
|
|
|
+ tenantId: null,
|
|
|
};
|
|
|
this.$refs["form"].resetFields();
|
|
|
|
|
|
+ this.fileList = []
|
|
|
}
|
|
|
this.type = query.type;
|
|
|
this.pageType = query.pageType;
|
|
|
@@ -583,23 +585,22 @@ export default {
|
|
|
// this.$message.error('上传头像图片只能是 JPG 格式!');
|
|
|
// }
|
|
|
if (!isLt2M) {
|
|
|
- this.$message.error('上传视屏大小不能超过 100MB!');
|
|
|
+ this.$message.error('上传视频大小不能超过 100MB!');
|
|
|
}
|
|
|
this.uploadLoading = true
|
|
|
return isLt2M;
|
|
|
},
|
|
|
handleUploadError(file) {
|
|
|
this.uploadLoading = false
|
|
|
- this.$message.error('上传视屏失败')
|
|
|
+ this.$message.error('上传视频失败')
|
|
|
},
|
|
|
handleUploadSuccess(file, fileList) {
|
|
|
this.uploadLoading = false
|
|
|
- this.$message.success('上传视屏成功')
|
|
|
- console.log(file, fileList)
|
|
|
+ // this.$message.success('上传视频成功')
|
|
|
this.dialogForm.videoUrl = file.data.url;
|
|
|
},
|
|
|
handleExceed(files, fileList) {
|
|
|
- this.$message.error('您已上传过视屏')
|
|
|
+ this.$message.error('您已上传过视频')
|
|
|
// this.$message.warning(`当前限制选择 1 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
|
|
|
}
|
|
|
},
|
