|
@@ -67,7 +67,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div class="form-box" v-if="newData.materialType == 1">
|
|
<div class="form-box" v-if="newData.materialType == 1">
|
|
|
<el-form-item label="视频上传" prop="attachments">
|
|
<el-form-item label="视频上传" prop="attachments">
|
|
|
- <div class="form-flex-box">
|
|
|
|
|
|
|
+ <div class="form-flex-box" v-show="!uploadType">
|
|
|
<uploader
|
|
<uploader
|
|
|
style="width:400px;"
|
|
style="width:400px;"
|
|
|
:autoStart="false"
|
|
:autoStart="false"
|
|
@@ -92,6 +92,10 @@
|
|
|
<video v-if="newData.attachments[0]" :src="newData.attachments[0].attachmentSourcePath?newData.attachments[0].attachmentSourcePath:newData.attachments[0].attachmentPath"
|
|
<video v-if="newData.attachments[0]" :src="newData.attachments[0].attachmentSourcePath?newData.attachments[0].attachmentSourcePath:newData.attachments[0].attachmentPath"
|
|
|
controls style="width: 424px;height:240px;margin-left: 20px;"></video>
|
|
controls style="width: 424px;height:240px;margin-left: 20px;"></video>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <div class="upLoad-box" v-if="uploadType">
|
|
|
|
|
+ <div v-loading="uploadType" style="width:400px;height:200px;"></div>
|
|
|
|
|
+ <p v-if="uploadType">正在上传请耐心等待</p>
|
|
|
|
|
+ </div>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="form-box" v-if="newData.materialType == 1">
|
|
<div class="form-box" v-if="newData.materialType == 1">
|
|
@@ -348,6 +352,7 @@
|
|
|
waiting: "等待中...",
|
|
waiting: "等待中...",
|
|
|
cmd5: "计算文件MD5中...",
|
|
cmd5: "计算文件MD5中...",
|
|
|
},
|
|
},
|
|
|
|
|
+ uploadType:false,
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
watch: {
|
|
watch: {
|
|
@@ -532,6 +537,7 @@
|
|
|
}
|
|
}
|
|
|
}).then((res) => {
|
|
}).then((res) => {
|
|
|
if (res.data.code==200) {
|
|
if (res.data.code==200) {
|
|
|
|
|
+ this.$set(this,'uploadType',false);
|
|
|
this.$set(this.newData,'attachments',[{
|
|
this.$set(this.newData,'attachments',[{
|
|
|
attachmentSourcePath:res.data.data.url,
|
|
attachmentSourcePath:res.data.data.url,
|
|
|
attachmentName:this.getLeftPart(res.data.data.name),
|
|
attachmentName:this.getLeftPart(res.data.data.name),
|
|
@@ -568,6 +574,7 @@
|
|
|
this.msgError("文件格式不支持,请上传正确的文件.");
|
|
this.msgError("文件格式不支持,请上传正确的文件.");
|
|
|
file.ignored = true;
|
|
file.ignored = true;
|
|
|
}else{
|
|
}else{
|
|
|
|
|
+ this.$set(this,'uploadType',true);
|
|
|
this.fileList.push(item);
|
|
this.fileList.push(item);
|
|
|
this.computeMD5(item);
|
|
this.computeMD5(item);
|
|
|
}
|
|
}
|
|
@@ -644,6 +651,20 @@
|
|
|
.form-box{
|
|
.form-box{
|
|
|
|
|
|
|
|
}
|
|
}
|
|
|
|
|
+ .upLoad-box{
|
|
|
|
|
+ width:400px;
|
|
|
|
|
+ height:240px;
|
|
|
|
|
+ div{
|
|
|
|
|
+ width:400px;
|
|
|
|
|
+ height:200px;
|
|
|
|
|
+ }
|
|
|
|
|
+ p{
|
|
|
|
|
+ line-height: 40px;
|
|
|
|
|
+ font-size:14px;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ color:#0183fa;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
.form-flex-box{
|
|
.form-flex-box{
|
|
|
display: flex;
|
|
display: flex;
|
|
|
::v-deep .el-upload-dragger{
|
|
::v-deep .el-upload-dragger{
|