|
|
@@ -207,10 +207,10 @@
|
|
|
</el-upload>
|
|
|
<el-progress type="circle" :percentage="percentage" width="40" style="margin-left: 10px" v-if="startUpload"></el-progress>
|
|
|
</div>
|
|
|
- <div class="audio-content cover-content" style="margin-top: 10px">
|
|
|
+ <div class="audio-content cover-content" style="margin-top: 10px" v-if="(fileListAudio.length || addEditVideo.length) && defaultImage">
|
|
|
<span class="text" style="width: 70px; text-align: right">封面：</span>
|
|
|
<div class="img-content">
|
|
|
- <img src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/micro_roadshow_audio_share_yy.png" alt="" />
|
|
|
+ <img :src="defaultImage" alt="" />
|
|
|
<div class="modify" @click="modifyImgHandler">修改</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -269,7 +269,7 @@
|
|
|
</template>
|
|
|
<p style="padding-bottom: 50px"></p>
|
|
|
</el-dialog>
|
|
|
- <modify-img-dlg :modifyImgVisible.sync="modifyImgVisible"/>
|
|
|
+ <modify-img-dlg :modifyImgVisible.sync="modifyImgVisible" :videoAndVoiceList.sync="videoAndVoiceList" />
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -281,7 +281,7 @@ import AddIndustryMark from "../../components/addIndustryMark.vue";
|
|
|
import richTextMixins from "../../components/apply/RichTextMixins";
|
|
|
import MD5 from "js-md5";
|
|
|
import ResearchDeduct from "./addComopnents/ResearchDeduct.vue";
|
|
|
-import ModifyImgDlg from './addComopnents/modifyImgDlg.vue';
|
|
|
+import ModifyImgDlg from "./addComopnents/modifyImgDlg.vue";
|
|
|
|
|
|
export default {
|
|
|
name: "",
|
|
|
@@ -353,6 +353,9 @@ export default {
|
|
|
percentage: 0,
|
|
|
isShowAddIcon: true, //主题标签的添加的iocn 是否显示
|
|
|
modifyImgVisible: false,
|
|
|
+ defaultImage: "",
|
|
|
+ shareImg:'',
|
|
|
+ videoAndVoiceList: [],
|
|
|
};
|
|
|
},
|
|
|
computed: {},
|
|
|
@@ -402,6 +405,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ // 上传音频
|
|
|
async handleUploadAudio(e) {
|
|
|
const loading = this.$loading({
|
|
|
lock: true,
|
|
|
@@ -413,6 +417,7 @@ export default {
|
|
|
form.append("file", e.file);
|
|
|
const res = await resourceVoiceupload(form);
|
|
|
if (res.Ret === 200) {
|
|
|
+ this.getVideoAndImg(1);
|
|
|
let obj = {
|
|
|
name: res.Data.ResourceName,
|
|
|
url: res.Data.ResourceUrl,
|
|
|
@@ -486,6 +491,8 @@ export default {
|
|
|
raiInterface.activityDetail({ ActivityId: Number(this.$route.query.id) }).then((res) => {
|
|
|
if (res.Ret !== 200) return;
|
|
|
const { Data } = res;
|
|
|
+ this.defaultImage = Data.BackgroundImg
|
|
|
+ this.shareImg = Data.ShareImg
|
|
|
this.activeIsState = Data.ActiveState;
|
|
|
this.cactivityType = Data.ActivityTypeId;
|
|
|
this.optionFormregion = Data.ChartPermissionName;
|
|
|
@@ -643,6 +650,8 @@ export default {
|
|
|
IsBClass: RefPage.isBClass ? 1 : 0,
|
|
|
SiginupDeadline: RefPage.SiginupDeadline,
|
|
|
PointsSet,
|
|
|
+ BackgroundImg:this.defaultImage,
|
|
|
+ ShareImg:this.shareImg,
|
|
|
});
|
|
|
|
|
|
if (res.Ret !== 200) return;
|
|
|
@@ -958,6 +967,7 @@ export default {
|
|
|
const res = await ALOSSINS.multipartUpload(temName, file, { ...options });
|
|
|
console.log("上传结果", res);
|
|
|
if (res.res.status === 200) {
|
|
|
+ this.getVideoAndImg(2);
|
|
|
let VideoUrl = "https://hzstatic.hzinsights.com/" + res.name;
|
|
|
this.addEditVideo[0].url = VideoUrl;
|
|
|
this.startUpload = false;
|
|
|
@@ -993,7 +1003,20 @@ export default {
|
|
|
},
|
|
|
// 点击修改图片的弹框
|
|
|
modifyImgHandler() {
|
|
|
- this.modifyImgVisible =true;
|
|
|
+ let type = this.addEditVideo.length > 0 ? 2 : 1;
|
|
|
+ this.getVideoAndImg(type, "修改");
|
|
|
+ this.modifyImgVisible = true;
|
|
|
+ },
|
|
|
+ // video_and_voiceImgActivityVideo（）
|
|
|
+ async getVideoAndImg(type, isOne = "") {
|
|
|
+ const res = await raiInterface.video_and_voiceImgActivityVideo({
|
|
|
+ FileType: type,
|
|
|
+ ActivityId: Number(this.$route.query.id),
|
|
|
+ });
|
|
|
+ if (res.Ret === 200) {
|
|
|
+ isOne == "修改" ? "" : (this.defaultImage = res.Data.List[0].ImgUrl);
|
|
|
+ this.videoAndVoiceList = res.Data.List;
|
|
|
+ }
|
|
|
},
|
|
|
},
|
|
|
};
|
bding