| 
																	
																	
																		
																	
																	
																 | 
																@@ -47,6 +47,7 @@ | 
															
														
														
													
														
															
																 | 
																 | 
																          <div class="divider" /> | 
																 | 
																 | 
																          <div class="divider" /> | 
															
														
														
													
														
															
																 | 
																 | 
																          <!-- 语音内容 --> | 
																 | 
																 | 
																          <!-- 语音内容 --> | 
															
														
														
													
														
															
																 | 
																 | 
																          <el-input | 
																 | 
																 | 
																          <el-input | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																            placeholder="请输入文案" | 
															
														
														
													
														
															
																 | 
																 | 
																            @change="loadVoice" | 
																 | 
																 | 
																            @change="loadVoice" | 
															
														
														
													
														
															
																 | 
																 | 
																            rows="4" | 
																 | 
																 | 
																            rows="4" | 
															
														
														
													
														
															
																 | 
																 | 
																            type="textarea" | 
																 | 
																 | 
																            type="textarea" | 
															
														
														
													
												
													
														
															
																| 
																	
																		
																	
																	
																		
																	
																	
																 | 
																@@ -182,7 +183,9 @@ | 
															
														
														
													
														
															
																 | 
																 | 
																            > | 
																 | 
																 | 
																            > | 
															
														
														
													
														
															
																 | 
																 | 
																              <!-- 展示页 --> | 
																 | 
																 | 
																              <!-- 展示页 --> | 
															
														
														
													
														
															
																 | 
																 | 
																              <div class="list"> | 
																 | 
																 | 
																              <div class="list"> | 
															
														
														
													
														
															
																 | 
																 | 
																                <div v-if="textareaContent.length == 0">请输入文案</div> | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																                <div v-if="textareaContent.length == 0"> | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																                  输入文案后才可以选择声音哦~ ~ | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																                </div> | 
															
														
														
													
														
															
																 | 
																 | 
																                <div | 
																 | 
																 | 
																                <div | 
															
														
														
													
														
															
																 | 
																 | 
																                  v-if=" | 
																 | 
																 | 
																                  v-if=" | 
															
														
														
													
														
															
																 | 
																 | 
																                    soundItemList.length == 0 && textareaContent.length != 0 | 
																 | 
																 | 
																                    soundItemList.length == 0 && textareaContent.length != 0 | 
															
														
														
													
												
													
														
															
																| 
																	
																		
																	
																	
																		
																	
																	
																 | 
																@@ -420,17 +423,17 @@ | 
															
														
														
													
														
															
																 | 
																 | 
																
  | 
																 | 
																 | 
																
  | 
															
														
														
													
														
															
																 | 
																 | 
																<script> | 
																 | 
																 | 
																<script> | 
															
														
														
													
														
															
																 | 
																 | 
																// 组件 | 
																 | 
																 | 
																// 组件 | 
															
														
														
													
														
															
																 | 
																 | 
																import Vue from "vue"; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																import { Toast, Dialog } from "vant"; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																import { mapState, mapActions } from "vuex"; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																import HeadTop from "./../../components/common/head.vue"; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																import CutImg from "../../components/CutImg.vue"; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																import EditPosition from "../../components/editPosition.vue"; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																import Vue from 'vue' | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																import { Toast, Dialog } from 'vant' | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																import { mapState, mapActions } from 'vuex' | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																import HeadTop from './../../components/common/head.vue' | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																import CutImg from '../../components/CutImg.vue' | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																import EditPosition from '../../components/editPosition.vue' | 
															
														
														
													
														
															
																 | 
																 | 
																
  | 
																 | 
																 | 
																
  | 
															
														
														
													
														
															
																 | 
																 | 
																// 工具 | 
																 | 
																 | 
																// 工具 | 
															
														
														
													
														
															
																 | 
																 | 
																import { scrollToID } from "../../utils"; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																import { scrollToID } from '../../utils' | 
															
														
														
													
														
															
																 | 
																 | 
																// 语言检测插件 | 
																 | 
																 | 
																// 语言检测插件 | 
															
														
														
													
														
															
																 | 
																 | 
																import { franc } from "franc"; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																import { franc } from 'franc' | 
															
														
														
													
														
															
																 | 
																 | 
																// 接口 | 
																 | 
																 | 
																// 接口 | 
															
														
														
													
														
															
																 | 
																 | 
																import { | 
																 | 
																 | 
																import { | 
															
														
														
													
														
															
																 | 
																 | 
																  doCreateVideo, | 
																 | 
																 | 
																  doCreateVideo, | 
															
														
														
													
												
													
														
															
																| 
																	
																	
																	
																		
																	
																 | 
																@@ -438,8 +441,8 @@ import { | 
															
														
														
													
														
															
																 | 
																 | 
																  getVoiceList, // 获取声音列表,废弃 | 
																 | 
																 | 
																  getVoiceList, // 获取声音列表,废弃 | 
															
														
														
													
														
															
																 | 
																 | 
																  getBackGroundList, | 
																 | 
																 | 
																  getBackGroundList, | 
															
														
														
													
														
															
																 | 
																 | 
																  doFindInviteCode, | 
																 | 
																 | 
																  doFindInviteCode, | 
															
														
														
													
														
															
																 | 
																 | 
																  saveOrUpdateUserVideo, | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																} from "@/api/generateVideo"; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																  saveOrUpdateUserVideo | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																} from '@/api/generateVideo' | 
															
														
														
													
														
															
																 | 
																 | 
																import { | 
																 | 
																 | 
																import { | 
															
														
														
													
														
															
																 | 
																 | 
																  videoDetial, | 
																 | 
																 | 
																  videoDetial, | 
															
														
														
													
														
															
																 | 
																 | 
																  voiceList, | 
																 | 
																 | 
																  voiceList, | 
															
														
														
													
												
													
														
															
																| 
																	
																	
																	
																		
																	
																 | 
																@@ -448,16 +451,16 @@ import { | 
															
														
														
													
														
															
																 | 
																 | 
																  myBGIListApi, | 
																 | 
																 | 
																  myBGIListApi, | 
															
														
														
													
														
															
																 | 
																 | 
																  systemScListApi, | 
																 | 
																 | 
																  systemScListApi, | 
															
														
														
													
														
															
																 | 
																 | 
																  myScListApi, | 
																 | 
																 | 
																  myScListApi, | 
															
														
														
													
														
															
																 | 
																 | 
																  delImgApi, | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																} from "@/api/editModel"; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																import { getModelDetailById } from "../../api/getPaper.js"; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																  delImgApi | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																} from '@/api/editModel' | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																import { getModelDetailById } from '../../api/getPaper.js' | 
															
														
														
													
														
															
																 | 
																 | 
																
  | 
																 | 
																 | 
																
  | 
															
														
														
													
														
															
																 | 
																 | 
																Vue.use(-Toast); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																Vue.use(-Toast) | 
															
														
														
													
														
															
																 | 
																 | 
																export default { | 
																 | 
																 | 
																export default { | 
															
														
														
													
														
															
																 | 
																 | 
																  components: { | 
																 | 
																 | 
																  components: { | 
															
														
														
													
														
															
																 | 
																 | 
																    HeadTop, | 
																 | 
																 | 
																    HeadTop, | 
															
														
														
													
														
															
																 | 
																 | 
																    CutImg, | 
																 | 
																 | 
																    CutImg, | 
															
														
														
													
														
															
																 | 
																 | 
																    EditPosition, | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																    EditPosition | 
															
														
														
													
														
															
																 | 
																 | 
																  }, | 
																 | 
																 | 
																  }, | 
															
														
														
													
														
															
																 | 
																 | 
																  data() { | 
																 | 
																 | 
																  data() { | 
															
														
														
													
														
															
																 | 
																 | 
																    return { | 
																 | 
																 | 
																    return { | 
															
														
														
													
												
													
														
															
																| 
																	
																	
																	
																		
																	
																 | 
																@@ -474,21 +477,21 @@ export default { | 
															
														
														
													
														
															
																 | 
																 | 
																      materialList: { | 
																 | 
																 | 
																      materialList: { | 
															
														
														
													
														
															
																 | 
																 | 
																        BGI: {}, | 
																 | 
																 | 
																        BGI: {}, | 
															
														
														
													
														
															
																 | 
																 | 
																        scList: [], | 
																 | 
																 | 
																        scList: [], | 
															
														
														
													
														
															
																 | 
																 | 
																        virtual: {}, | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        virtual: {} | 
															
														
														
													
														
															
																 | 
																 | 
																      }, // 传给组件的素材,背景,数字人数据 | 
																 | 
																 | 
																      }, // 传给组件的素材,背景,数字人数据 | 
															
														
														
													
														
															
																 | 
																 | 
																
  | 
																 | 
																 | 
																
  | 
															
														
														
													
														
															
																 | 
																 | 
																      personMouldId: null, //选择数字人id | 
																 | 
																 | 
																      personMouldId: null, //选择数字人id | 
															
														
														
													
														
															
																 | 
																 | 
																      mouldSmId: null, | 
																 | 
																 | 
																      mouldSmId: null, | 
															
														
														
													
														
															
																 | 
																 | 
																      saveID: null, // 作品id | 
																 | 
																 | 
																      saveID: null, // 作品id | 
															
														
														
													
														
															
																 | 
																 | 
																      inputTitle: "", // 作品标题 | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																      textareaContent: "", // 输入框内容 | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      inputTitle: '', // 作品标题 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      textareaContent: '', // 输入框内容 | 
															
														
														
													
														
															
																 | 
																 | 
																      //底部 | 
																 | 
																 | 
																      //底部 | 
															
														
														
													
														
															
																 | 
																 | 
																      bottomTabActive: 2, // 底部导航高亮 | 
																 | 
																 | 
																      bottomTabActive: 2, // 底部导航高亮 | 
															
														
														
													
														
															
																 | 
																 | 
																      showSubtitle: false, // 是否展示字幕 | 
																 | 
																 | 
																      showSubtitle: false, // 是否展示字幕 | 
															
														
														
													
														
															
																 | 
																 | 
																      showSynthesisDialog: false, //合成进度条窗口显示隐藏 | 
																 | 
																 | 
																      showSynthesisDialog: false, //合成进度条窗口显示隐藏 | 
															
														
														
													
														
															
																 | 
																 | 
																      showTabSheet: false, //tab栏弹出框显隐 | 
																 | 
																 | 
																      showTabSheet: false, //tab栏弹出框显隐 | 
															
														
														
													
														
															
																 | 
																 | 
																      showSoundList2: false, //声音的二级显隐 | 
																 | 
																 | 
																      showSoundList2: false, //声音的二级显隐 | 
															
														
														
													
														
															
																 | 
																 | 
																      soundTabList: ["全部"], // 声音tab栏标题 | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      soundTabList: ['全部'], // 声音tab栏标题 | 
															
														
														
													
														
															
																 | 
																 | 
																      soundListAction: -1, //声音tab栏标题高亮 | 
																 | 
																 | 
																      soundListAction: -1, //声音tab栏标题高亮 | 
															
														
														
													
														
															
																 | 
																 | 
																      soundItemList: [], // 声音展示一级列表 | 
																 | 
																 | 
																      soundItemList: [], // 声音展示一级列表 | 
															
														
														
													
														
															
																 | 
																 | 
																      soundItemList2: [], // 声音展示二级列表 | 
																 | 
																 | 
																      soundItemList2: [], // 声音展示二级列表 | 
															
														
														
													
												
													
														
															
																| 
																	
																	
																	
																		
																	
																 | 
																@@ -506,17 +509,17 @@ export default { | 
															
														
														
													
														
															
																 | 
																 | 
																      myBGIList: [], // 我上传的背景库列表 | 
																 | 
																 | 
																      myBGIList: [], // 我上传的背景库列表 | 
															
														
														
													
														
															
																 | 
																 | 
																      showScList: [], // 渲染时代替下面2个列表 | 
																 | 
																 | 
																      showScList: [], // 渲染时代替下面2个列表 | 
															
														
														
													
														
															
																 | 
																 | 
																      systemScList: [], // 素材库列表 | 
																 | 
																 | 
																      systemScList: [], // 素材库列表 | 
															
														
														
													
														
															
																 | 
																 | 
																      myScList: [], // 我上传的素材库列表 | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																    }; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      myScList: [] // 我上传的素材库列表 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																    } | 
															
														
														
													
														
															
																 | 
																 | 
																  }, | 
																 | 
																 | 
																  }, | 
															
														
														
													
														
															
																 | 
																 | 
																  computed: { | 
																 | 
																 | 
																  computed: { | 
															
														
														
													
														
															
																 | 
																 | 
																    ...mapState({ | 
																 | 
																 | 
																    ...mapState({ | 
															
														
														
													
														
															
																 | 
																 | 
																      characters: (state) => state.publicObj.characters, | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																    }), | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      characters: (state) => state.publicObj.characters | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																    }) | 
															
														
														
													
														
															
																 | 
																 | 
																  }, | 
																 | 
																 | 
																  }, | 
															
														
														
													
														
															
																 | 
																 | 
																
  | 
																 | 
																 | 
																
  | 
															
														
														
													
														
															
																 | 
																 | 
																  methods: { | 
																 | 
																 | 
																  methods: { | 
															
														
														
													
														
															
																 | 
																 | 
																    ...mapActions(["setCharacters"]), | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																    ...mapActions(['setCharacters']), | 
															
														
														
													
														
															
																 | 
																 | 
																    // aaa() { | 
																 | 
																 | 
																    // aaa() { | 
															
														
														
													
														
															
																 | 
																 | 
																    //   console.log('aaa') | 
																 | 
																 | 
																    //   console.log('aaa') | 
															
														
														
													
														
															
																 | 
																 | 
																    //   this.$nextTick(() => { | 
																 | 
																 | 
																    //   this.$nextTick(() => { | 
															
														
														
													
												
													
														
															
																| 
																	
																	
																	
																		
																	
																 | 
																@@ -528,78 +531,78 @@ export default { | 
															
														
														
													
														
															
																 | 
																 | 
																    // 点击底部tab栏 | 
																 | 
																 | 
																    // 点击底部tab栏 | 
															
														
														
													
														
															
																 | 
																 | 
																    clickBottomTab(index) { | 
																 | 
																 | 
																    clickBottomTab(index) { | 
															
														
														
													
														
															
																 | 
																 | 
																      if (index == 1) { | 
																 | 
																 | 
																      if (index == 1) { | 
															
														
														
													
														
															
																 | 
																 | 
																        this.showSoundList2 = false; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.showSoundList2 = false | 
															
														
														
													
														
															
																 | 
																 | 
																      } | 
																 | 
																 | 
																      } | 
															
														
														
													
														
															
																 | 
																 | 
																      if (index != 4) { | 
																 | 
																 | 
																      if (index != 4) { | 
															
														
														
													
														
															
																 | 
																 | 
																        this.bottomTabActive = index; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.bottomTabActive = index | 
															
														
														
													
														
															
																 | 
																 | 
																        if (this.textareaContent.length == 0) { | 
																 | 
																 | 
																        if (this.textareaContent.length == 0) { | 
															
														
														
													
														
															
																 | 
																 | 
																          this.soundItemList = []; //清空处理 | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																          this.soundItemList2 = []; //清空处理 | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          this.soundItemList = [] //清空处理 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          this.soundItemList2 = [] //清空处理 | 
															
														
														
													
														
															
																 | 
																 | 
																        } | 
																 | 
																 | 
																        } | 
															
														
														
													
														
															
																 | 
																 | 
																        console.log(this.bottomTabActive); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        this.showTabSheet = !this.showTabSheet; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        console.log(this.bottomTabActive) | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.showTabSheet = !this.showTabSheet | 
															
														
														
													
														
															
																 | 
																 | 
																      } else { | 
																 | 
																 | 
																      } else { | 
															
														
														
													
														
															
																 | 
																 | 
																        //字幕切换 | 
																 | 
																 | 
																        //字幕切换 | 
															
														
														
													
														
															
																 | 
																 | 
																        this.showSubtitle = !this.showSubtitle; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.showSubtitle = !this.showSubtitle | 
															
														
														
													
														
															
																 | 
																 | 
																      } | 
																 | 
																 | 
																      } | 
															
														
														
													
														
															
																 | 
																 | 
																    }, | 
																 | 
																 | 
																    }, | 
															
														
														
													
														
															
																 | 
																 | 
																    // 获取声音列表 | 
																 | 
																 | 
																    // 获取声音列表 | 
															
														
														
													
														
															
																 | 
																 | 
																    async loadVoice() { | 
																 | 
																 | 
																    async loadVoice() { | 
															
														
														
													
														
															
																 | 
																 | 
																      if (this.textareaContent.length != 0) { | 
																 | 
																 | 
																      if (this.textareaContent.length != 0) { | 
															
														
														
													
														
															
																 | 
																 | 
																        const language = franc(this.textareaContent); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        console.log(language, "语种"); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        const language = franc(this.textareaContent) | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        console.log(language, '语种') | 
															
														
														
													
														
															
																 | 
																 | 
																        const data = { | 
																 | 
																 | 
																        const data = { | 
															
														
														
													
														
															
																 | 
																 | 
																          personMouldId: this.personMouldId, | 
																 | 
																 | 
																          personMouldId: this.personMouldId, | 
															
														
														
													
														
															
																 | 
																 | 
																          paperwork: this.textareaContent, | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        }; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          paperwork: this.textareaContent | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        } | 
															
														
														
													
														
															
																 | 
																 | 
																        try { | 
																 | 
																 | 
																        try { | 
															
														
														
													
														
															
																 | 
																 | 
																          const res = await voiceList(data); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																          console.log(res, "获取声音列表"); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																          this.soundItemList = res.data.list; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          const res = await voiceList(data) | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          console.log(res, '获取声音列表') | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          this.soundItemList = res.data.list | 
															
														
														
													
														
															
																 | 
																 | 
																        } catch (error) { | 
																 | 
																 | 
																        } catch (error) { | 
															
														
														
													
														
															
																 | 
																 | 
																          console.log(error, "error"); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																          Toast.fail(error.message); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          console.log(error, 'error') | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          Toast.fail(error.message) | 
															
														
														
													
														
															
																 | 
																 | 
																        } | 
																 | 
																 | 
																        } | 
															
														
														
													
														
															
																 | 
																 | 
																      } else { | 
																 | 
																 | 
																      } else { | 
															
														
														
													
														
															
																 | 
																 | 
																        Toast("您还没有输入文案"); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        Toast('您还没有输入文案') | 
															
														
														
													
														
															
																 | 
																 | 
																      } | 
																 | 
																 | 
																      } | 
															
														
														
													
														
															
																 | 
																 | 
																    }, | 
																 | 
																 | 
																    }, | 
															
														
														
													
														
															
																 | 
																 | 
																    // 点击声音列表中的某一项 | 
																 | 
																 | 
																    // 点击声音列表中的某一项 | 
															
														
														
													
														
															
																 | 
																 | 
																    async clickSoundItem(index, item) { | 
																 | 
																 | 
																    async clickSoundItem(index, item) { | 
															
														
														
													
														
															
																 | 
																 | 
																      if (this.soundItemListAction != index) { | 
																 | 
																 | 
																      if (this.soundItemListAction != index) { | 
															
														
														
													
														
															
																 | 
																 | 
																        this.soundItemListAction = index; //高亮 | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        this.soundChoose = item; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.soundItemListAction = index //高亮 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.soundChoose = item | 
															
														
														
													
														
															
																 | 
																 | 
																
  | 
																 | 
																 | 
																
  | 
															
														
														
													
														
															
																 | 
																 | 
																        this.showSoundList2 = true; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        const res = await voiceList2Api(item.id); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.showSoundList2 = true | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        const res = await voiceList2Api(item.id) | 
															
														
														
													
														
															
																 | 
																 | 
																
  | 
																 | 
																 | 
																
  | 
															
														
														
													
														
															
																 | 
																 | 
																        let list = res.data.subVoiceMould ? res.data.subVoiceMould : []; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        console.log(list); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        let obj = JSON.parse(JSON.stringify(res)); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        delete obj.data.subVoiceMould; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        let list2 = [{ ...obj.data }, ...list]; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        let list = res.data.subVoiceMould ? res.data.subVoiceMould : [] | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        console.log(list) | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        let obj = JSON.parse(JSON.stringify(res)) | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        delete obj.data.subVoiceMould | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        let list2 = [{ ...obj.data }, ...list] | 
															
														
														
													
														
															
																 | 
																 | 
																
  | 
																 | 
																 | 
																
  | 
															
														
														
													
														
															
																 | 
																 | 
																        this.soundItemList2 = list2 || []; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.soundItemList2 = list2 || [] | 
															
														
														
													
														
															
																 | 
																 | 
																
  | 
																 | 
																 | 
																
  | 
															
														
														
													
														
															
																 | 
																 | 
																        // console.log(this.soundItemList2) | 
																 | 
																 | 
																        // console.log(this.soundItemList2) | 
															
														
														
													
														
															
																 | 
																 | 
																        // this.audioUrl = res.data.videoUrl | 
																 | 
																 | 
																        // this.audioUrl = res.data.videoUrl | 
															
														
														
													
														
															
																 | 
																 | 
																      } else { | 
																 | 
																 | 
																      } else { | 
															
														
														
													
														
															
																 | 
																 | 
																        this.soundItemListAction = -1; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        this.soundChoose = {}; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.soundItemListAction = -1 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.soundChoose = {} | 
															
														
														
													
														
															
																 | 
																 | 
																      } | 
																 | 
																 | 
																      } | 
															
														
														
													
														
															
																 | 
																 | 
																    }, | 
																 | 
																 | 
																    }, | 
															
														
														
													
														
															
																 | 
																 | 
																    // 点击声音列表中的某一项2级 | 
																 | 
																 | 
																    // 点击声音列表中的某一项2级 | 
															
														
														
													
														
															
																 | 
																 | 
																    async clickSoundItem2(index, item) { | 
																 | 
																 | 
																    async clickSoundItem2(index, item) { | 
															
														
														
													
														
															
																 | 
																 | 
																      if (this.soundItemListAction2 != index) { | 
																 | 
																 | 
																      if (this.soundItemListAction2 != index) { | 
															
														
														
													
														
															
																 | 
																 | 
																        this.soundItemListAction2 = index; //高亮 | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        this.soundChoose2 = item; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.soundItemListAction2 = index //高亮 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.soundChoose2 = item | 
															
														
														
													
														
															
																 | 
																 | 
																        // 得到试听文件 | 
																 | 
																 | 
																        // 得到试听文件 | 
															
														
														
													
														
															
																 | 
																 | 
																        const res = await videoDetial(item.exampleVideoId); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        const res = await videoDetial(item.exampleVideoId) | 
															
														
														
													
														
															
																 | 
																 | 
																
  | 
																 | 
																 | 
																
  | 
															
														
														
													
														
															
																 | 
																 | 
																        this.audioUrl = res.data.videoUrl; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.audioUrl = res.data.videoUrl | 
															
														
														
													
														
															
																 | 
																 | 
																      } else { | 
																 | 
																 | 
																      } else { | 
															
														
														
													
														
															
																 | 
																 | 
																        this.soundItemListAction2 = -1; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        this.soundChoose2 = {}; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.soundItemListAction2 = -1 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.soundChoose2 = {} | 
															
														
														
													
														
															
																 | 
																 | 
																      } | 
																 | 
																 | 
																      } | 
															
														
														
													
														
															
																 | 
																 | 
																    }, | 
																 | 
																 | 
																    }, | 
															
														
														
													
														
															
																 | 
																 | 
																
  | 
																 | 
																 | 
																
  | 
															
														
														
													
												
													
														
															
																| 
																	
																	
																	
																		
																	
																 | 
																@@ -607,7 +610,7 @@ export default { | 
															
														
														
													
														
															
																 | 
																 | 
																    submit(type) { | 
																 | 
																 | 
																    submit(type) { | 
															
														
														
													
														
															
																 | 
																 | 
																      // type代表时保存还是点击生成视频按钮 | 
																 | 
																 | 
																      // type代表时保存还是点击生成视频按钮 | 
															
														
														
													
														
															
																 | 
																 | 
																      // 组装参数 | 
																 | 
																 | 
																      // 组装参数 | 
															
														
														
													
														
															
																 | 
																 | 
																      console.log(this.soundChoose.id); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      console.log(this.soundChoose.id) | 
															
														
														
													
														
															
																 | 
																 | 
																      // 素材列表处理 | 
																 | 
																 | 
																      // 素材列表处理 | 
															
														
														
													
														
															
																 | 
																 | 
																      const scList = this.materialList.scList.map((item) => { | 
																 | 
																 | 
																      const scList = this.materialList.scList.map((item) => { | 
															
														
														
													
														
															
																 | 
																 | 
																        return { | 
																 | 
																 | 
																        return { | 
															
														
														
													
												
													
														
															
																| 
																	
																	
																	
																		
																	
																 | 
																@@ -618,9 +621,9 @@ export default { | 
															
														
														
													
														
															
																 | 
																 | 
																          y: item.y, | 
																 | 
																 | 
																          y: item.y, | 
															
														
														
													
														
															
																 | 
																 | 
																          z: item.z, | 
																 | 
																 | 
																          z: item.z, | 
															
														
														
													
														
															
																 | 
																 | 
																          w: item.w, | 
																 | 
																 | 
																          w: item.w, | 
															
														
														
													
														
															
																 | 
																 | 
																          h: item.h, | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        }; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																      }); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          h: item.h | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        } | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      }) | 
															
														
														
													
														
															
																 | 
																 | 
																      // 数字人处理 | 
																 | 
																 | 
																      // 数字人处理 | 
															
														
														
													
														
															
																 | 
																 | 
																      const shuziren = { | 
																 | 
																 | 
																      const shuziren = { | 
															
														
														
													
														
															
																 | 
																 | 
																        id: this.materialList.virtual.id, | 
																 | 
																 | 
																        id: this.materialList.virtual.id, | 
															
														
														
													
												
													
														
															
																| 
																	
																	
																	
																		
																	
																 | 
																@@ -630,8 +633,8 @@ export default { | 
															
														
														
													
														
															
																 | 
																 | 
																        y: this.materialList.virtual.y, | 
																 | 
																 | 
																        y: this.materialList.virtual.y, | 
															
														
														
													
														
															
																 | 
																 | 
																        z: this.materialList.virtual.z, | 
																 | 
																 | 
																        z: this.materialList.virtual.z, | 
															
														
														
													
														
															
																 | 
																 | 
																        w: this.materialList.virtual.w, | 
																 | 
																 | 
																        w: this.materialList.virtual.w, | 
															
														
														
													
														
															
																 | 
																 | 
																        h: this.materialList.virtual.h, | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																      }; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        h: this.materialList.virtual.h | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      } | 
															
														
														
													
														
															
																 | 
																 | 
																      const data = { | 
																 | 
																 | 
																      const data = { | 
															
														
														
													
														
															
																 | 
																 | 
																        id: this.id, | 
																 | 
																 | 
																        id: this.id, | 
															
														
														
													
														
															
																 | 
																 | 
																        videoType: this.videoType, //横屏竖屏 | 
																 | 
																 | 
																        videoType: this.videoType, //横屏竖屏 | 
															
														
														
													
												
													
														
															
																| 
																	
																	
																	
																		
																	
																 | 
																@@ -641,75 +644,75 @@ export default { | 
															
														
														
													
														
															
																 | 
																 | 
																        paperwork: this.textareaContent, //语音内容 | 
																 | 
																 | 
																        paperwork: this.textareaContent, //语音内容 | 
															
														
														
													
														
															
																 | 
																 | 
																        backgroundId: this.materialList.BGI.id, //背景id | 
																 | 
																 | 
																        backgroundId: this.materialList.BGI.id, //背景id | 
															
														
														
													
														
															
																 | 
																 | 
																        personJson: JSON.stringify(shuziren), // 数字人 | 
																 | 
																 | 
																        personJson: JSON.stringify(shuziren), // 数字人 | 
															
														
														
													
														
															
																 | 
																 | 
																        materialAllJson: JSON.stringify([...scList]), // 素材 | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																      }; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																      console.log(data, "最终提交的参数"); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        materialAllJson: JSON.stringify([...scList]) // 素材 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      } | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      console.log(data, '最终提交的参数') | 
															
														
														
													
														
															
																 | 
																 | 
																      if (type == 1) { | 
																 | 
																 | 
																      if (type == 1) { | 
															
														
														
													
														
															
																 | 
																 | 
																        // 当没有选择声音参数时 | 
																 | 
																 | 
																        // 当没有选择声音参数时 | 
															
														
														
													
														
															
																 | 
																 | 
																        if (!this.soundChoose.id) { | 
																 | 
																 | 
																        if (!this.soundChoose.id) { | 
															
														
														
													
														
															
																 | 
																 | 
																          Toast.fail("请选择声音!"); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																          return; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          Toast.fail('请选择声音!') | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          return | 
															
														
														
													
														
															
																 | 
																 | 
																        } | 
																 | 
																 | 
																        } | 
															
														
														
													
														
															
																 | 
																 | 
																        if (!this.inputTitle) { | 
																 | 
																 | 
																        if (!this.inputTitle) { | 
															
														
														
													
														
															
																 | 
																 | 
																          Toast.fail("请输入文案标题!"); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																          return; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          Toast.fail('请输入文案标题!') | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          return | 
															
														
														
													
														
															
																 | 
																 | 
																        } | 
																 | 
																 | 
																        } | 
															
														
														
													
														
															
																 | 
																 | 
																        if (!this.textareaContent) { | 
																 | 
																 | 
																        if (!this.textareaContent) { | 
															
														
														
													
														
															
																 | 
																 | 
																          Toast.fail("请输入文案内容!"); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																          return; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          Toast.fail('请输入文案内容!') | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          return | 
															
														
														
													
														
															
																 | 
																 | 
																        } | 
																 | 
																 | 
																        } | 
															
														
														
													
														
															
																 | 
																 | 
																      } | 
																 | 
																 | 
																      } | 
															
														
														
													
														
															
																 | 
																 | 
																      // 先保存草稿,里面再调生成视频的接口 | 
																 | 
																 | 
																      // 先保存草稿,里面再调生成视频的接口 | 
															
														
														
													
														
															
																 | 
																 | 
																      this.saveOrUpdate(data, type); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      this.saveOrUpdate(data, type) | 
															
														
														
													
														
															
																 | 
																 | 
																    }, | 
																 | 
																 | 
																    }, | 
															
														
														
													
														
															
																 | 
																 | 
																
  | 
																 | 
																 | 
																
  | 
															
														
														
													
														
															
																 | 
																 | 
																    /** | 
																 | 
																 | 
																    /** | 
															
														
														
													
														
															
																 | 
																 | 
																     * @description:保存或修改用户作品 | 
																 | 
																 | 
																     * @description:保存或修改用户作品 | 
															
														
														
													
														
															
																 | 
																 | 
																     */ | 
																 | 
																 | 
																     */ | 
															
														
														
													
														
															
																 | 
																 | 
																    async saveOrUpdate(data, type) { | 
																 | 
																 | 
																    async saveOrUpdate(data, type) { | 
															
														
														
													
														
															
																 | 
																 | 
																      console.log(data); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      console.log(data) | 
															
														
														
													
														
															
																 | 
																 | 
																      try { | 
																 | 
																 | 
																      try { | 
															
														
														
													
														
															
																 | 
																 | 
																        const res = await saveOrUpdateUserVideo(data); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        console.log(res, "保存或修改用户作品"); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        const res = await saveOrUpdateUserVideo(data) | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        console.log(res, '保存或修改用户作品') | 
															
														
														
													
														
															
																 | 
																 | 
																        // this.createVideo({ id: this.saveID }) | 
																 | 
																 | 
																        // this.createVideo({ id: this.saveID }) | 
															
														
														
													
														
															
																 | 
																 | 
																        if (type == 1) { | 
																 | 
																 | 
																        if (type == 1) { | 
															
														
														
													
														
															
																 | 
																 | 
																          this.createVideo({ id: this.$route.query.id }); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          this.createVideo({ id: this.$route.query.id }) | 
															
														
														
													
														
															
																 | 
																 | 
																        } | 
																 | 
																 | 
																        } | 
															
														
														
													
														
															
																 | 
																 | 
																      } catch (error) { | 
																 | 
																 | 
																      } catch (error) { | 
															
														
														
													
														
															
																 | 
																 | 
																        console.log(error, "error"); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        Toast.fail(error.message); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        console.log(error, 'error') | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        Toast.fail(error.message) | 
															
														
														
													
														
															
																 | 
																 | 
																      } | 
																 | 
																 | 
																      } | 
															
														
														
													
														
															
																 | 
																 | 
																    }, | 
																 | 
																 | 
																    }, | 
															
														
														
													
														
															
																 | 
																 | 
																    /** | 
																 | 
																 | 
																    /** | 
															
														
														
													
														
															
																 | 
																 | 
																     * @description:生成视频 | 
																 | 
																 | 
																     * @description:生成视频 | 
															
														
														
													
														
															
																 | 
																 | 
																     */ | 
																 | 
																 | 
																     */ | 
															
														
														
													
														
															
																 | 
																 | 
																    async createVideo(data) { | 
																 | 
																 | 
																    async createVideo(data) { | 
															
														
														
													
														
															
																 | 
																 | 
																      let that = this; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      let that = this | 
															
														
														
													
														
															
																 | 
																 | 
																      try { | 
																 | 
																 | 
																      try { | 
															
														
														
													
														
															
																 | 
																 | 
																        const res = await doCreateVideo(data); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        console.log(res, "生成视频"); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        Toast.success("提交成功!"); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        const res = await doCreateVideo(data) | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        console.log(res, '生成视频') | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        Toast.success('提交成功!') | 
															
														
														
													
														
															
																 | 
																 | 
																        // *#06# | 
																 | 
																 | 
																        // *#06# | 
															
														
														
													
														
															
																 | 
																 | 
																        that.showSynthesisDialog = true; //显示进度条 | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        that.showSynthesisDialog = true //显示进度条 | 
															
														
														
													
														
															
																 | 
																 | 
																        this.timeOuter = setTimeout(() => { | 
																 | 
																 | 
																        this.timeOuter = setTimeout(() => { | 
															
														
														
													
														
															
																 | 
																 | 
																          this.isShowCover = true; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        }, 2000); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          this.isShowCover = true | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        }, 2000) | 
															
														
														
													
														
															
																 | 
																 | 
																        const timer = setInterval(() => { | 
																 | 
																 | 
																        const timer = setInterval(() => { | 
															
														
														
													
														
															
																 | 
																 | 
																          if (that.percentageData < 98) { | 
																 | 
																 | 
																          if (that.percentageData < 98) { | 
															
														
														
													
														
															
																 | 
																 | 
																            that.percentageData += 1; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																            that.percentageData += 1 | 
															
														
														
													
														
															
																 | 
																 | 
																          } else { | 
																 | 
																 | 
																          } else { | 
															
														
														
													
														
															
																 | 
																 | 
																            that.percentageData == 98; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																            that.percentageData == 98 | 
															
														
														
													
														
															
																 | 
																 | 
																          } | 
																 | 
																 | 
																          } | 
															
														
														
													
														
															
																 | 
																 | 
																          // 重复调取此接口直到videoStatus == 2 || 3 | 
																 | 
																 | 
																          // 重复调取此接口直到videoStatus == 2 || 3 | 
															
														
														
													
														
															
																 | 
																 | 
																          this.getVideo(that.$route.query.id); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          this.getVideo(that.$route.query.id) | 
															
														
														
													
														
															
																 | 
																 | 
																          if (this.timerOver) { | 
																 | 
																 | 
																          if (this.timerOver) { | 
															
														
														
													
														
															
																 | 
																 | 
																            clearInterval(timer); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																            this.isShowCover = false; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																            clearInterval(timer) | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																            this.isShowCover = false | 
															
														
														
													
														
															
																 | 
																 | 
																          } | 
																 | 
																 | 
																          } | 
															
														
														
													
														
															
																 | 
																 | 
																        }, 1000); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        }, 1000) | 
															
														
														
													
														
															
																 | 
																 | 
																      } catch (error) { | 
																 | 
																 | 
																      } catch (error) { | 
															
														
														
													
														
															
																 | 
																 | 
																        console.log(error, "error"); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        Toast.fail(error.message); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        console.log(error, 'error') | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        Toast.fail(error.message) | 
															
														
														
													
														
															
																 | 
																 | 
																      } | 
																 | 
																 | 
																      } | 
															
														
														
													
														
															
																 | 
																 | 
																    }, | 
																 | 
																 | 
																    }, | 
															
														
														
													
														
															
																 | 
																 | 
																    /** | 
																 | 
																 | 
																    /** | 
															
														
														
													
												
													
														
															
																| 
																	
																	
																	
																		
																	
																 | 
																@@ -717,49 +720,49 @@ export default { | 
															
														
														
													
														
															
																 | 
																 | 
																     */ | 
																 | 
																 | 
																     */ | 
															
														
														
													
														
															
																 | 
																 | 
																    async getVideo(id) { | 
																 | 
																 | 
																    async getVideo(id) { | 
															
														
														
													
														
															
																 | 
																 | 
																      try { | 
																 | 
																 | 
																      try { | 
															
														
														
													
														
															
																 | 
																 | 
																        const res = await doFindVideoById(id); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        console.log(res, "通过id获取视频"); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        const res = await doFindVideoById(id) | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        console.log(res, '通过id获取视频') | 
															
														
														
													
														
															
																 | 
																 | 
																        if (res.data.videoStatus == 2) { | 
																 | 
																 | 
																        if (res.data.videoStatus == 2) { | 
															
														
														
													
														
															
																 | 
																 | 
																          this.percentageData == 99; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																          this.showSynthesisDialog = false; //隐藏进度条 | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																          this.isShowCover = false; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																          clearTimeout(this.timeOuter); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																          Toast.success("视频生成成功!"); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																          const url = res.data.videoPathUri + res.data.videoPath; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																          console.log(url, "url"); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          this.percentageData == 99 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          this.showSynthesisDialog = false //隐藏进度条 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          this.isShowCover = false | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          clearTimeout(this.timeOuter) | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          Toast.success('视频生成成功!') | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          const url = res.data.videoPathUri + res.data.videoPath | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          console.log(url, 'url') | 
															
														
														
													
														
															
																 | 
																 | 
																          this.$router.push({ | 
																 | 
																 | 
																          this.$router.push({ | 
															
														
														
													
														
															
																 | 
																 | 
																            // path: '/downloadVideo', | 
																 | 
																 | 
																            // path: '/downloadVideo', | 
															
														
														
													
														
															
																 | 
																 | 
																            path: "/videoDownload", | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																            path: '/videoDownload', | 
															
														
														
													
														
															
																 | 
																 | 
																            query: { | 
																 | 
																 | 
																            query: { | 
															
														
														
													
														
															
																 | 
																 | 
																              id: this.$route.query.id, | 
																 | 
																 | 
																              id: this.$route.query.id, | 
															
														
														
													
														
															
																 | 
																 | 
																              videoId: res.data.videoId, | 
																 | 
																 | 
																              videoId: res.data.videoId, | 
															
														
														
													
														
															
																 | 
																 | 
																              videoUrl: url, | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																            }, | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																          }); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																          this.timerOver = true; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																          return; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																              videoUrl: url | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																            } | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          }) | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          this.timerOver = true | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          return | 
															
														
														
													
														
															
																 | 
																 | 
																        } else if (res.data.videoStatus == 3) { | 
																 | 
																 | 
																        } else if (res.data.videoStatus == 3) { | 
															
														
														
													
														
															
																 | 
																 | 
																          Toast.fail(`视频生成失败!失败原因:${res.data.videoMsg}`); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																          this.timerOver = true; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																          clearTimeout(this.timeOuter); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																          this.isShowCover = false; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																          return; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          Toast.fail(`视频生成失败!失败原因:${res.data.videoMsg}`) | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          this.timerOver = true | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          clearTimeout(this.timeOuter) | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          this.isShowCover = false | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          return | 
															
														
														
													
														
															
																 | 
																 | 
																        } | 
																 | 
																 | 
																        } | 
															
														
														
													
														
															
																 | 
																 | 
																      } catch (error) { | 
																 | 
																 | 
																      } catch (error) { | 
															
														
														
													
														
															
																 | 
																 | 
																        console.log(error, "error"); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        Toast.fail(error.message); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        console.log(error, 'error') | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        Toast.fail(error.message) | 
															
														
														
													
														
															
																 | 
																 | 
																      } | 
																 | 
																 | 
																      } | 
															
														
														
													
														
															
																 | 
																 | 
																    }, | 
																 | 
																 | 
																    }, | 
															
														
														
													
														
															
																 | 
																 | 
																    // 根据作品ID获取信息 | 
																 | 
																 | 
																    // 根据作品ID获取信息 | 
															
														
														
													
														
															
																 | 
																 | 
																    async getDetailById(id) { | 
																 | 
																 | 
																    async getDetailById(id) { | 
															
														
														
													
														
															
																 | 
																 | 
																      try { | 
																 | 
																 | 
																      try { | 
															
														
														
													
														
															
																 | 
																 | 
																        const res = await getModelDetailById(id); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        console.log(JSON.parse(res.data.personMouldSm)); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        this.materialList.BGI = JSON.parse(res.data.backgroundSm); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        const res = await getModelDetailById(id) | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        console.log(JSON.parse(res.data.personMouldSm)) | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.materialList.BGI = JSON.parse(res.data.backgroundSm) | 
															
														
														
													
														
															
																 | 
																 | 
																        this.materialList.scList = res.data.materialAllJson | 
																 | 
																 | 
																        this.materialList.scList = res.data.materialAllJson | 
															
														
														
													
														
															
																 | 
																 | 
																          ? JSON.parse(res.data.materialAllJson) | 
																 | 
																 | 
																          ? JSON.parse(res.data.materialAllJson) | 
															
														
														
													
														
															
																 | 
																 | 
																          : []; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        this.materialList.virtual = JSON.parse(res.data.personJson); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          : [] | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.materialList.virtual = JSON.parse(res.data.personJson) | 
															
														
														
													
														
															
																 | 
																 | 
																        if (!this.materialList.virtual.w) { | 
																 | 
																 | 
																        if (!this.materialList.virtual.w) { | 
															
														
														
													
														
															
																 | 
																 | 
																          this.materialList.virtual = { | 
																 | 
																 | 
																          this.materialList.virtual = { | 
															
														
														
													
														
															
																 | 
																 | 
																            ...this.materialList.virtual, | 
																 | 
																 | 
																            ...this.materialList.virtual, | 
															
														
														
													
												
													
														
															
																| 
																	
																	
																	
																		
																	
																 | 
																@@ -767,53 +770,53 @@ export default { | 
															
														
														
													
														
															
																 | 
																 | 
																            y: 0, | 
																 | 
																 | 
																            y: 0, | 
															
														
														
													
														
															
																 | 
																 | 
																            z: 0, | 
																 | 
																 | 
																            z: 0, | 
															
														
														
													
														
															
																 | 
																 | 
																            w: 1, | 
																 | 
																 | 
																            w: 1, | 
															
														
														
													
														
															
																 | 
																 | 
																            h: 1, | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																          }; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																            h: 1 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          } | 
															
														
														
													
														
															
																 | 
																 | 
																        } | 
																 | 
																 | 
																        } | 
															
														
														
													
														
															
																 | 
																 | 
																
  | 
																 | 
																 | 
																
  | 
															
														
														
													
														
															
																 | 
																 | 
																        this.videoType = res.data.videoType; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        this.id = res.data.id; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.videoType = res.data.videoType | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.id = res.data.id | 
															
														
														
													
														
															
																 | 
																 | 
																        // this.imgUrl = res.data.personMould.coverImg | 
																 | 
																 | 
																        // this.imgUrl = res.data.personMould.coverImg | 
															
														
														
													
														
															
																 | 
																 | 
																        this.personMouldId = res.data.personMouldId; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        this.mouldSmId = res.data.personMouldSmId; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        this.inputTitle = res.data.title; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        this.textareaContent = res.data.paperwork || ""; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        this.soundChoose.id = res.data.voiceMouldId; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        this.soundChoose.mouldSmId = res.data.voiceMouldSmId; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.personMouldId = res.data.personMouldId | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.mouldSmId = res.data.personMouldSmId | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.inputTitle = res.data.title | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.textareaContent = res.data.paperwork || '' | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.soundChoose.id = res.data.voiceMouldId | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.soundChoose.mouldSmId = res.data.voiceMouldSmId | 
															
														
														
													
														
															
																 | 
																 | 
																        if (this.textareaContent.length != 0) { | 
																 | 
																 | 
																        if (this.textareaContent.length != 0) { | 
															
														
														
													
														
															
																 | 
																 | 
																          await this.loadVoice(); // 获取音频列表 | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          await this.loadVoice() // 获取音频列表 | 
															
														
														
													
														
															
																 | 
																 | 
																        } | 
																 | 
																 | 
																        } | 
															
														
														
													
														
															
																 | 
																 | 
																        this.soundItemListAction = this.soundItemList.findIndex((item) => { | 
																 | 
																 | 
																        this.soundItemListAction = this.soundItemList.findIndex((item) => { | 
															
														
														
													
														
															
																 | 
																 | 
																          return item.id == this.soundChoose.id; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        }); //高亮处理 | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          return item.id == this.soundChoose.id | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        }) //高亮处理 | 
															
														
														
													
														
															
																 | 
																 | 
																
  | 
																 | 
																 | 
																
  | 
															
														
														
													
														
															
																 | 
																 | 
																        // backgroundMouldId: '', // 背景id | 
																 | 
																 | 
																        // backgroundMouldId: '', // 背景id | 
															
														
														
													
														
															
																 | 
																 | 
																        // backgroundMouldSmId: '', //背景标识 | 
																 | 
																 | 
																        // backgroundMouldSmId: '', //背景标识 | 
															
														
														
													
														
															
																 | 
																 | 
																      } catch (error) { | 
																 | 
																 | 
																      } catch (error) { | 
															
														
														
													
														
															
																 | 
																 | 
																        console.log(error, "error"); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        Toast.fail(error.message); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        console.log(error, 'error') | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        Toast.fail(error.message) | 
															
														
														
													
														
															
																 | 
																 | 
																      } | 
																 | 
																 | 
																      } | 
															
														
														
													
														
															
																 | 
																 | 
																    }, | 
																 | 
																 | 
																    }, | 
															
														
														
													
														
															
																 | 
																 | 
																    // 点击选中背景图或者素材 | 
																 | 
																 | 
																    // 点击选中背景图或者素材 | 
															
														
														
													
														
															
																 | 
																 | 
																    chooseImg(index, type) { | 
																 | 
																 | 
																    chooseImg(index, type) { | 
															
														
														
													
														
															
																 | 
																 | 
																      if (type == "bj") { | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      if (type == 'bj') { | 
															
														
														
													
														
															
																 | 
																 | 
																        if (this.bjImgAction == -1 || this.bjImgAction != index) { | 
																 | 
																 | 
																        if (this.bjImgAction == -1 || this.bjImgAction != index) { | 
															
														
														
													
														
															
																 | 
																 | 
																          this.bjImgAction = index; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          this.bjImgAction = index | 
															
														
														
													
														
															
																 | 
																 | 
																        } else if (this.bjImgAction == index) { | 
																 | 
																 | 
																        } else if (this.bjImgAction == index) { | 
															
														
														
													
														
															
																 | 
																 | 
																          this.bjImgAction = -1; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          this.bjImgAction = -1 | 
															
														
														
													
														
															
																 | 
																 | 
																        } | 
																 | 
																 | 
																        } | 
															
														
														
													
														
															
																 | 
																 | 
																      } | 
																 | 
																 | 
																      } | 
															
														
														
													
														
															
																 | 
																 | 
																      if (type == "sc") { | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      if (type == 'sc') { | 
															
														
														
													
														
															
																 | 
																 | 
																        if (this.scmgAction == -1) { | 
																 | 
																 | 
																        if (this.scmgAction == -1) { | 
															
														
														
													
														
															
																 | 
																 | 
																          this.bjImgAction = index; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          this.bjImgAction = index | 
															
														
														
													
														
															
																 | 
																 | 
																        } else if (this.scImgAction == index) { | 
																 | 
																 | 
																        } else if (this.scImgAction == index) { | 
															
														
														
													
														
															
																 | 
																 | 
																          this.scImgAction = -1; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          this.scImgAction = -1 | 
															
														
														
													
														
															
																 | 
																 | 
																        } | 
																 | 
																 | 
																        } | 
															
														
														
													
														
															
																 | 
																 | 
																      } | 
																 | 
																 | 
																      } | 
															
														
														
													
														
															
																 | 
																 | 
																    }, | 
																 | 
																 | 
																    }, | 
															
														
														
													
														
															
																 | 
																 | 
																    // 点击对钩确定背景或者素材图 | 
																 | 
																 | 
																    // 点击对钩确定背景或者素材图 | 
															
														
														
													
														
															
																 | 
																 | 
																    sureImg() { | 
																 | 
																 | 
																    sureImg() { | 
															
														
														
													
														
															
																 | 
																 | 
																      let that = this; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      let that = this | 
															
														
														
													
														
															
																 | 
																 | 
																      // 背景 | 
																 | 
																 | 
																      // 背景 | 
															
														
														
													
														
															
																 | 
																 | 
																      if (this.bottomTabActive == 2 && this.bjImgAction != -1) { | 
																 | 
																 | 
																      if (this.bottomTabActive == 2 && this.bjImgAction != -1) { | 
															
														
														
													
														
															
																 | 
																 | 
																        // Dialog.confirm({ | 
																 | 
																 | 
																        // Dialog.confirm({ | 
															
														
														
													
												
													
														
															
																| 
																	
																	
																	
																		
																	
																 | 
																@@ -823,14 +826,14 @@ export default { | 
															
														
														
													
														
															
																 | 
																 | 
																        //   .then(() => { | 
																 | 
																 | 
																        //   .then(() => { | 
															
														
														
													
														
															
																 | 
																 | 
																        if (that.bjAction == 0) { | 
																 | 
																 | 
																        if (that.bjAction == 0) { | 
															
														
														
													
														
															
																 | 
																 | 
																          that.materialList.BGI = that.systemBGIList.find((item, index) => { | 
																 | 
																 | 
																          that.materialList.BGI = that.systemBGIList.find((item, index) => { | 
															
														
														
													
														
															
																 | 
																 | 
																            return index == that.bjImgAction; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																          }); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																            return index == that.bjImgAction | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          }) | 
															
														
														
													
														
															
																 | 
																 | 
																        } else if (that.bjAction == 1) { | 
																 | 
																 | 
																        } else if (that.bjAction == 1) { | 
															
														
														
													
														
															
																 | 
																 | 
																          that.materialList.BGI = that.myBGIList.find((item, index) => { | 
																 | 
																 | 
																          that.materialList.BGI = that.myBGIList.find((item, index) => { | 
															
														
														
													
														
															
																 | 
																 | 
																            return index == that.bjImgAction; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																          }); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																            return index == that.bjImgAction | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          }) | 
															
														
														
													
														
															
																 | 
																 | 
																        } | 
																 | 
																 | 
																        } | 
															
														
														
													
														
															
																 | 
																 | 
																        this.showTabSheet = false; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.showTabSheet = false | 
															
														
														
													
														
															
																 | 
																 | 
																        // }) | 
																 | 
																 | 
																        // }) | 
															
														
														
													
														
															
																 | 
																 | 
																        // .catch(() => { | 
																 | 
																 | 
																        // .catch(() => { | 
															
														
														
													
														
															
																 | 
																 | 
																        //   console.log('false') | 
																 | 
																 | 
																        //   console.log('false') | 
															
														
														
													
												
													
														
															
																| 
																	
																	
																	
																		
																	
																 | 
																@@ -847,30 +850,30 @@ export default { | 
															
														
														
													
														
															
																 | 
																 | 
																        //   .then(() => { | 
																 | 
																 | 
																        //   .then(() => { | 
															
														
														
													
														
															
																 | 
																 | 
																        if (that.scAction == 0) { | 
																 | 
																 | 
																        if (that.scAction == 0) { | 
															
														
														
													
														
															
																 | 
																 | 
																          let scItem = that.systemScList.find((item, index) => { | 
																 | 
																 | 
																          let scItem = that.systemScList.find((item, index) => { | 
															
														
														
													
														
															
																 | 
																 | 
																            return index == that.scImgAction; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																          }); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																            return index == that.scImgAction | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          }) | 
															
														
														
													
														
															
																 | 
																 | 
																          that.materialList.scList.push({ | 
																 | 
																 | 
																          that.materialList.scList.push({ | 
															
														
														
													
														
															
																 | 
																 | 
																            ...scItem, | 
																 | 
																 | 
																            ...scItem, | 
															
														
														
													
														
															
																 | 
																 | 
																            x: 0, | 
																 | 
																 | 
																            x: 0, | 
															
														
														
													
														
															
																 | 
																 | 
																            y: 0, | 
																 | 
																 | 
																            y: 0, | 
															
														
														
													
														
															
																 | 
																 | 
																            z: 0, | 
																 | 
																 | 
																            z: 0, | 
															
														
														
													
														
															
																 | 
																 | 
																            w: 1, | 
																 | 
																 | 
																            w: 1, | 
															
														
														
													
														
															
																 | 
																 | 
																            h: 1, | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																          }); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																            h: 1 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          }) | 
															
														
														
													
														
															
																 | 
																 | 
																        } else if (that.scAction == 1) { | 
																 | 
																 | 
																        } else if (that.scAction == 1) { | 
															
														
														
													
														
															
																 | 
																 | 
																          let scItem = that.myScList.find((item, index) => { | 
																 | 
																 | 
																          let scItem = that.myScList.find((item, index) => { | 
															
														
														
													
														
															
																 | 
																 | 
																            return index == that.scImgAction; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																          }); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																            return index == that.scImgAction | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          }) | 
															
														
														
													
														
															
																 | 
																 | 
																          that.materialList.scList.push({ | 
																 | 
																 | 
																          that.materialList.scList.push({ | 
															
														
														
													
														
															
																 | 
																 | 
																            ...scItem, | 
																 | 
																 | 
																            ...scItem, | 
															
														
														
													
														
															
																 | 
																 | 
																            x: 0, | 
																 | 
																 | 
																            x: 0, | 
															
														
														
													
														
															
																 | 
																 | 
																            y: 0, | 
																 | 
																 | 
																            y: 0, | 
															
														
														
													
														
															
																 | 
																 | 
																            z: 0, | 
																 | 
																 | 
																            z: 0, | 
															
														
														
													
														
															
																 | 
																 | 
																            w: 1, | 
																 | 
																 | 
																            w: 1, | 
															
														
														
													
														
															
																 | 
																 | 
																            h: 1, | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																          }); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																            h: 1 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          }) | 
															
														
														
													
														
															
																 | 
																 | 
																        } | 
																 | 
																 | 
																        } | 
															
														
														
													
														
															
																 | 
																 | 
																        this.showTabSheet = false; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.showTabSheet = false | 
															
														
														
													
														
															
																 | 
																 | 
																        // }) | 
																 | 
																 | 
																        // }) | 
															
														
														
													
														
															
																 | 
																 | 
																        // .catch(() => { | 
																 | 
																 | 
																        // .catch(() => { | 
															
														
														
													
														
															
																 | 
																 | 
																        //   console.log('false') | 
																 | 
																 | 
																        //   console.log('false') | 
															
														
														
													
												
													
														
															
																| 
																	
																	
																	
																		
																	
																 | 
																@@ -880,26 +883,26 @@ export default { | 
															
														
														
													
														
															
																 | 
																 | 
																      } | 
																 | 
																 | 
																      } | 
															
														
														
													
														
															
																 | 
																 | 
																      // 啥没选 | 
																 | 
																 | 
																      // 啥没选 | 
															
														
														
													
														
															
																 | 
																 | 
																      else { | 
																 | 
																 | 
																      else { | 
															
														
														
													
														
															
																 | 
																 | 
																        this.showTabSheet = false; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.showTabSheet = false | 
															
														
														
													
														
															
																 | 
																 | 
																      } | 
																 | 
																 | 
																      } | 
															
														
														
													
														
															
																 | 
																 | 
																    }, | 
																 | 
																 | 
																    }, | 
															
														
														
													
														
															
																 | 
																 | 
																    // 切换背景图/素材图的展示列表 | 
																 | 
																 | 
																    // 切换背景图/素材图的展示列表 | 
															
														
														
													
														
															
																 | 
																 | 
																    changeShowBGIList(type) { | 
																 | 
																 | 
																    changeShowBGIList(type) { | 
															
														
														
													
														
															
																 | 
																 | 
																      if (type == 0) { | 
																 | 
																 | 
																      if (type == 0) { | 
															
														
														
													
														
															
																 | 
																 | 
																        this.bjAction = 0; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        this.showBGIList = this.systemBGIList; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.bjAction = 0 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.showBGIList = this.systemBGIList | 
															
														
														
													
														
															
																 | 
																 | 
																      } | 
																 | 
																 | 
																      } | 
															
														
														
													
														
															
																 | 
																 | 
																      if (type == 1) { | 
																 | 
																 | 
																      if (type == 1) { | 
															
														
														
													
														
															
																 | 
																 | 
																        this.bjAction = 1; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        this.showBGIList = this.myBGIList; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.bjAction = 1 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.showBGIList = this.myBGIList | 
															
														
														
													
														
															
																 | 
																 | 
																      } | 
																 | 
																 | 
																      } | 
															
														
														
													
														
															
																 | 
																 | 
																      if (type == 2) { | 
																 | 
																 | 
																      if (type == 2) { | 
															
														
														
													
														
															
																 | 
																 | 
																        this.scAction = 0; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        this.showScList = this.systemScList; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.scAction = 0 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.showScList = this.systemScList | 
															
														
														
													
														
															
																 | 
																 | 
																      } | 
																 | 
																 | 
																      } | 
															
														
														
													
														
															
																 | 
																 | 
																      if (type == 3) { | 
																 | 
																 | 
																      if (type == 3) { | 
															
														
														
													
														
															
																 | 
																 | 
																        this.scAction = 1; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																        this.showScList = this.myScList; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.scAction = 1 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        this.showScList = this.myScList | 
															
														
														
													
														
															
																 | 
																 | 
																      } | 
																 | 
																 | 
																      } | 
															
														
														
													
														
															
																 | 
																 | 
																    }, | 
																 | 
																 | 
																    }, | 
															
														
														
													
														
															
																 | 
																 | 
																    /** | 
																 | 
																 | 
																    /** | 
															
														
														
													
												
													
														
															
																| 
																	
																	
																	
																		
																	
																 | 
																@@ -910,9 +913,9 @@ export default { | 
															
														
														
													
														
															
																 | 
																 | 
																        this.pageNum, | 
																 | 
																 | 
																        this.pageNum, | 
															
														
														
													
														
															
																 | 
																 | 
																        this.pageSize, | 
																 | 
																 | 
																        this.pageSize, | 
															
														
														
													
														
															
																 | 
																 | 
																        this.videoType | 
																 | 
																 | 
																        this.videoType | 
															
														
														
													
														
															
																 | 
																 | 
																      ); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																      this.systemBGIList = res.data.list; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																      this.showBGIList = this.systemBGIList; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      ) | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      this.systemBGIList = res.data.list | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      this.showBGIList = this.systemBGIList | 
															
														
														
													
														
															
																 | 
																 | 
																    }, | 
																 | 
																 | 
																    }, | 
															
														
														
													
														
															
																 | 
																 | 
																
  | 
																 | 
																 | 
																
  | 
															
														
														
													
														
															
																 | 
																 | 
																    /** | 
																 | 
																 | 
																    /** | 
															
														
														
													
												
													
														
															
																| 
																	
																	
																	
																		
																	
																 | 
																@@ -923,25 +926,25 @@ export default { | 
															
														
														
													
														
															
																 | 
																 | 
																        this.pageNum, | 
																 | 
																 | 
																        this.pageNum, | 
															
														
														
													
														
															
																 | 
																 | 
																        this.pageSize, | 
																 | 
																 | 
																        this.pageSize, | 
															
														
														
													
														
															
																 | 
																 | 
																        this.videoType | 
																 | 
																 | 
																        this.videoType | 
															
														
														
													
														
															
																 | 
																 | 
																      ); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																      this.myBGIList = res.data.list; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      ) | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      this.myBGIList = res.data.list | 
															
														
														
													
														
															
																 | 
																 | 
																    }, | 
																 | 
																 | 
																    }, | 
															
														
														
													
														
															
																 | 
																 | 
																
  | 
																 | 
																 | 
																
  | 
															
														
														
													
														
															
																 | 
																 | 
																    /** | 
																 | 
																 | 
																    /** | 
															
														
														
													
														
															
																 | 
																 | 
																     * @description:获取系统素材 | 
																 | 
																 | 
																     * @description:获取系统素材 | 
															
														
														
													
														
															
																 | 
																 | 
																     */ | 
																 | 
																 | 
																     */ | 
															
														
														
													
														
															
																 | 
																 | 
																    async getSystemScList() { | 
																 | 
																 | 
																    async getSystemScList() { | 
															
														
														
													
														
															
																 | 
																 | 
																      const res = await systemScListApi(this.pageNum, this.pageSize); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																      this.systemScList = res.data.list; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																      this.showScList = this.systemScList; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      const res = await systemScListApi(this.pageNum, this.pageSize) | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      this.systemScList = res.data.list | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      this.showScList = this.systemScList | 
															
														
														
													
														
															
																 | 
																 | 
																    }, | 
																 | 
																 | 
																    }, | 
															
														
														
													
														
															
																 | 
																 | 
																
  | 
																 | 
																 | 
																
  | 
															
														
														
													
														
															
																 | 
																 | 
																    /** | 
																 | 
																 | 
																    /** | 
															
														
														
													
														
															
																 | 
																 | 
																     * @description:获取我上传的素材 | 
																 | 
																 | 
																     * @description:获取我上传的素材 | 
															
														
														
													
														
															
																 | 
																 | 
																     */ | 
																 | 
																 | 
																     */ | 
															
														
														
													
														
															
																 | 
																 | 
																    async getMyScListApi() { | 
																 | 
																 | 
																    async getMyScListApi() { | 
															
														
														
													
														
															
																 | 
																 | 
																      const res = await myScListApi(this.pageNum, this.pageSize); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																      this.myScList = res.data.list; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      const res = await myScListApi(this.pageNum, this.pageSize) | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      this.myScList = res.data.list | 
															
														
														
													
														
															
																 | 
																 | 
																    }, | 
																 | 
																 | 
																    }, | 
															
														
														
													
														
															
																 | 
																 | 
																
  | 
																 | 
																 | 
																
  | 
															
														
														
													
														
															
																 | 
																 | 
																    /** | 
																 | 
																 | 
																    /** | 
															
														
														
													
												
													
														
															
																| 
																	
																	
																	
																		
																	
																 | 
																@@ -949,54 +952,54 @@ export default { | 
															
														
														
													
														
															
																 | 
																 | 
																     */ | 
																 | 
																 | 
																     */ | 
															
														
														
													
														
															
																 | 
																 | 
																    async delImg(id) { | 
																 | 
																 | 
																    async delImg(id) { | 
															
														
														
													
														
															
																 | 
																 | 
																      Dialog.confirm({ | 
																 | 
																 | 
																      Dialog.confirm({ | 
															
														
														
													
														
															
																 | 
																 | 
																        message: "确认删除吗?", | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        message: '确认删除吗?' | 
															
														
														
													
														
															
																 | 
																 | 
																      }) | 
																 | 
																 | 
																      }) | 
															
														
														
													
														
															
																 | 
																 | 
																        .then(async () => { | 
																 | 
																 | 
																        .then(async () => { | 
															
														
														
													
														
															
																 | 
																 | 
																          const res = await delImgApi(id); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																          const res = await delImgApi(id) | 
															
														
														
													
														
															
																 | 
																 | 
																          if (this.bottomTabActive == 2) { | 
																 | 
																 | 
																          if (this.bottomTabActive == 2) { | 
															
														
														
													
														
															
																 | 
																 | 
																            await this.getMyBGIListApi(); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																            this.changeShowBGIList(1); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																            await this.getMyBGIListApi() | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																            this.changeShowBGIList(1) | 
															
														
														
													
														
															
																 | 
																 | 
																          } | 
																 | 
																 | 
																          } | 
															
														
														
													
														
															
																 | 
																 | 
																          if (this.bottomTabActive == 3) { | 
																 | 
																 | 
																          if (this.bottomTabActive == 3) { | 
															
														
														
													
														
															
																 | 
																 | 
																            await this.getMyScListApi(); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																            this.changeShowBGIList(3); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																            await this.getMyScListApi() | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																            this.changeShowBGIList(3) | 
															
														
														
													
														
															
																 | 
																 | 
																          } | 
																 | 
																 | 
																          } | 
															
														
														
													
														
															
																 | 
																 | 
																        }) | 
																 | 
																 | 
																        }) | 
															
														
														
													
														
															
																 | 
																 | 
																        .catch(() => {}); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																        .catch(() => {}) | 
															
														
														
													
														
															
																 | 
																 | 
																    }, | 
																 | 
																 | 
																    }, | 
															
														
														
													
														
															
																 | 
																 | 
																
  | 
																 | 
																 | 
																
  | 
															
														
														
													
														
															
																 | 
																 | 
																    go(url) { | 
																 | 
																 | 
																    go(url) { | 
															
														
														
													
														
															
																 | 
																 | 
																      this.$router.push(url); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																    }, | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      this.$router.push(url) | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																    } | 
															
														
														
													
														
															
																 | 
																 | 
																  }, | 
																 | 
																 | 
																  }, | 
															
														
														
													
														
															
																 | 
																 | 
																  created() {}, | 
																 | 
																 | 
																  created() {}, | 
															
														
														
													
														
															
																 | 
																 | 
																  async mounted() { | 
																 | 
																 | 
																  async mounted() { | 
															
														
														
													
														
															
																 | 
																 | 
																    this.inPage = true; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																    scrollToID("top"); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																    this.inPage = true | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																    scrollToID('top') | 
															
														
														
													
														
															
																 | 
																 | 
																
  | 
																 | 
																 | 
																
  | 
															
														
														
													
														
															
																 | 
																 | 
																    await this.getDetailById(this.$route.query.id); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																    this.getSystemBGIList(); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																    this.getMyBGIListApi(); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																    this.getSystemScList(); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																    this.getMyScListApi(); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																    await this.getDetailById(this.$route.query.id) | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																    this.getSystemBGIList() | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																    this.getMyBGIListApi() | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																    this.getSystemScList() | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																    this.getMyScListApi() | 
															
														
														
													
														
															
																 | 
																 | 
																
  | 
																 | 
																 | 
																
  | 
															
														
														
													
														
															
																 | 
																 | 
																    const elementWidth = document.getElementById("editPosition").clientWidth; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																    console.log(elementWidth); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																    const elementWidth = document.getElementById('editPosition').clientWidth | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																    console.log(elementWidth) | 
															
														
														
													
														
															
																 | 
																 | 
																    // 根据横竖屏来确定比例   1竖2横 | 
																 | 
																 | 
																    // 根据横竖屏来确定比例   1竖2横 | 
															
														
														
													
														
															
																 | 
																 | 
																    if (this.videoType == 1) { | 
																 | 
																 | 
																    if (this.videoType == 1) { | 
															
														
														
													
														
															
																 | 
																 | 
																      this.proportion = 1080 / elementWidth; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																      console.log(this.proportion); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      this.proportion = 1080 / elementWidth | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      console.log(this.proportion) | 
															
														
														
													
														
															
																 | 
																 | 
																    } else if (this.videoType == 2) { | 
																 | 
																 | 
																    } else if (this.videoType == 2) { | 
															
														
														
													
														
															
																 | 
																 | 
																      this.proportion = 1920 / elementWidth; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																      console.log(this.proportion); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      this.proportion = 1920 / elementWidth | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																      console.log(this.proportion) | 
															
														
														
													
														
															
																 | 
																 | 
																    } | 
																 | 
																 | 
																    } | 
															
														
														
													
														
															
																 | 
																 | 
																  }, | 
																 | 
																 | 
																  }, | 
															
														
														
													
														
															
																 | 
																 | 
																  async beforeDestroy() { | 
																 | 
																 | 
																  async beforeDestroy() { | 
															
														
														
													
														
															
																 | 
																 | 
																    this.timeOuter = null; // 清除定时器 | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																    await this.submit(2); // 保存草稿 | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																    console.log("保存了"); | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																  }, | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																}; | 
																 | 
																 | 
																 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																    this.timeOuter = null // 清除定时器 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																    await this.submit(2) // 保存草稿 | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																    console.log('保存了') | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																  } | 
															
														
														
													
														
															
																 | 
																 | 
																 | 
																 | 
																 | 
																} | 
															
														
														
													
														
															
																 | 
																 | 
																</script> | 
																 | 
																 | 
																</script> | 
															
														
														
													
														
															
																 | 
																 | 
																
  | 
																 | 
																 | 
																
  | 
															
														
														
													
														
															
																 | 
																 | 
																<style lang="scss" scoped> | 
																 | 
																 | 
																<style lang="scss" scoped> | 
															
														
														
													
												
													
														
															
																| 
																	
																		
																	
																	
																	
																 | 
																
  |