|
@@ -17,7 +17,7 @@
|
|
|
<div style="display: flex; justify-content: space-between">
|
|
|
<el-input style="width: 75%" clearable placeholder="请上传音频" v-model="addEditAudio.audioName"></el-input>
|
|
|
<el-upload class="upload-demo" action="" :show-file-list="false" :http-request="handleUploadAudio" accept="audio/*" :file-list="fileListAudio">
|
|
|
- <el-button type="primary" :loading="startUpload">上传视频</el-button>
|
|
|
+ <el-button type="primary" :loading="startUpload">上传音频</el-button>
|
|
|
</el-upload>
|
|
|
<el-progress type="circle" :percentage="percentage" width="40" style="margin-left: 10px" v-if="startUpload"></el-progress>
|
|
|
</div>
|
|
@@ -56,7 +56,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { raiInterface, raiAudioApi, resourceVoiceupload } from "@/api/api.js";
|
|
|
+import { raiInterface, resourceVoiceupload, raiVideoApi } from "@/api/api.js";
|
|
|
import ModifyImgDlg from "../../components/addComopnents/modifyImgDlg.vue";
|
|
|
export default {
|
|
|
name: "",
|
|
@@ -75,6 +75,15 @@ export default {
|
|
|
type: Object,
|
|
|
},
|
|
|
},
|
|
|
+ watch: {
|
|
|
+ "playDetailsList.AskserieVideoId": {
|
|
|
+ handler(newVal) {
|
|
|
+ newVal && newVal > 0 && this.askserieVideoDetail();
|
|
|
+ },
|
|
|
+ deep: true,
|
|
|
+ immediate: true,
|
|
|
+ },
|
|
|
+ },
|
|
|
data() {
|
|
|
return {
|
|
|
addEditAudio: {
|
|
@@ -132,17 +141,27 @@ export default {
|
|
|
confirmSubmit(type) {
|
|
|
this.$refs.ruleFormAudio.validate(async (valid) => {
|
|
|
if (valid) {
|
|
|
- const res = await raiAudioApi.addAudio({
|
|
|
- AudioName: this.addEditAudio.audioName,
|
|
|
+ let ChartPermissionName = "";
|
|
|
+ this.chartPermissionList.forEach((item) => {
|
|
|
+ if (item.ChartPermissionId == this.addEditAudio.industryId) {
|
|
|
+ ChartPermissionName = item.PermissionName;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ const res = await raiVideoApi.askseriePreserveAndEdit({
|
|
|
+ AskserieVideoId: this.playDetailsList.AskserieVideoId ? this.playDetailsList.AskserieVideoId : 0,
|
|
|
+ VideoName: this.addEditAudio.audioName,
|
|
|
ChartPermissionId: this.addEditAudio.industryId,
|
|
|
- IndustryId: this.addEditAudio.property || 0,
|
|
|
- AudioUrl: this.addEditAudio.audioUrl,
|
|
|
- AudioDuration: this.addEditAudio.AudioSeconds,
|
|
|
+ ChartPermissionName,
|
|
|
+ IndustrialManagementIds: this.addEditAudio.property ? this.addEditAudio.property.join(",") : "",
|
|
|
+ VideoUrl: this.addEditAudio.audioUrl,
|
|
|
+ VideoDuration: this.addEditAudio.AudioSeconds + "",
|
|
|
+ BackgroundImg: this.defaultImage,
|
|
|
+ ShareImg: this.shareImg,
|
|
|
});
|
|
|
if (res.Ret === 200) {
|
|
|
this.$message.success("添加成功");
|
|
|
this.cancelHandle();
|
|
|
- this.$parent.getAudioList();
|
|
|
+ this.$parent.getVideoList();
|
|
|
}
|
|
|
} else {
|
|
|
console.log("error submit!!");
|
|
@@ -152,7 +171,6 @@ export default {
|
|
|
},
|
|
|
// 上传音频
|
|
|
async handleUploadAudio(e) {
|
|
|
- return;
|
|
|
this.startUpload = true;
|
|
|
let form = new FormData();
|
|
|
form.append("file", e.file);
|
|
@@ -180,7 +198,7 @@ export default {
|
|
|
ActivityId: 2682,
|
|
|
});
|
|
|
if (res.Ret === 200) {
|
|
|
- isOne == "修改" ? "" : (this.defaultImage = res.Data.List[0].ImgUrl);
|
|
|
+ isOne == "修改" ? "" : ((this.defaultImage = res.Data.List[0].ImgUrl), (this.shareImg = res.Data.List[0].ShareImg));
|
|
|
this.videoAndVoiceList = res.Data.List;
|
|
|
}
|
|
|
},
|
|
@@ -198,9 +216,41 @@ export default {
|
|
|
audioUrl: "", //视频链接
|
|
|
AudioSeconds: "", //时长
|
|
|
};
|
|
|
+ this.fileListAudio = [];
|
|
|
+ this.defaultImage = "";
|
|
|
+ this.shareImg = "";
|
|
|
this.$emit("update:addEditdialogReleaseAudio", false);
|
|
|
this.$emit("update:playDetailsList", {});
|
|
|
},
|
|
|
+ // 获取详情
|
|
|
+ async askserieVideoDetail() {
|
|
|
+ const res = await raiVideoApi.askserieVideoDetail({
|
|
|
+ AskserieVideoId: this.playDetailsList.AskserieVideoId,
|
|
|
+ });
|
|
|
+ if (res.Ret === 200) {
|
|
|
+ let { Detail } = res.Data;
|
|
|
+ this.getIndustry(Detail.ChartPermissionId);
|
|
|
+ let str = [];
|
|
|
+ Detail.ListIndustrial.forEach((item) => {
|
|
|
+ str.push(item.IndustrialManagementId);
|
|
|
+ });
|
|
|
+ this.addEditAudio = {
|
|
|
+ audioName: Detail.VideoName, //音频名称
|
|
|
+ industryId: Detail.ChartPermissionId, //行业id
|
|
|
+ property: str, //产业名称
|
|
|
+ audioUrl: Detail.VideoUrl, //视频链接
|
|
|
+ AudioSeconds: Detail.VideoDuration, //时长
|
|
|
+ };
|
|
|
+ this.defaultImage = Detail.BackgroundImg;
|
|
|
+ this.shareImg = Detail.ShareImg;
|
|
|
+ let obj = {
|
|
|
+ name: Detail.VideoName,
|
|
|
+ url: Detail.VideoUrl,
|
|
|
+ PlaySeconds: Detail.VideoDuration,
|
|
|
+ };
|
|
|
+ this.fileListAudio = [obj];
|
|
|
+ }
|
|
|
+ },
|
|
|
},
|
|
|
};
|
|
|
</script>
|