修改generate功能
This commit is contained in:
@@ -114,9 +114,10 @@
|
||||
<div v-show="isUseGenerate" @click="setUseGenerate">Generate</div>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="modal_img">
|
||||
<div class="modal_img" :style="[loadingShow?'overflow:hidden':'']">
|
||||
<div v-for="item,index in generateList" class="modal_imgItem Guide_1_2_9" :class="[item?.checked?'active':'',driver__.driver?'showEvents':'']" >
|
||||
<img :src="item.imgUrl" @click.stop="generageAdd(item)">
|
||||
<img v-show="item.status != 'Success'" src="@/assets/images/homePage/loading.gif" alt="">
|
||||
<img v-show="item.status == 'Success'" :src="item.imgUrl" @click.stop="generageAdd(item)">
|
||||
<div
|
||||
class="delete_like_file_block"
|
||||
:class="[driver__.driver?'hideEvents':'']"
|
||||
@@ -135,9 +136,6 @@
|
||||
</div>
|
||||
<div class="mark_loading" v-show="loadingShow">
|
||||
<a-spin size="large" />
|
||||
<!-- <div class="mark_loading_text" v-show="generateLineUp >= 0">
|
||||
<div>{{$t('Generate.Sequence')}}: {{ generateLineUp }}</div>
|
||||
</div> -->
|
||||
<div v-show="remGenerate" :class="[driver__.driver?'hideEvents':'']" class="mark_loading_btn" @click="removeGenerate">{{$t('Generate.Close')}}</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -164,6 +162,7 @@ import { useI18n } from 'vue-i18n';
|
||||
import { openGuide,driverObj__ } from "@/tool/guide";
|
||||
import scaleImage from "@/component/HomePage/scaleImage.vue";
|
||||
import axios from 'axios'
|
||||
import { overflow } from 'html2canvas/dist/types/css/property-descriptors/overflow';
|
||||
|
||||
export default defineComponent({
|
||||
components:{
|
||||
@@ -192,9 +191,7 @@ export default defineComponent({
|
||||
let {t} = useI18n()
|
||||
let isTest = ref()
|
||||
let userInfo:any = {}
|
||||
let generateId:any = ref()
|
||||
let generateTime:any = ref()
|
||||
let generateLineUp:any = ref(-1)
|
||||
let remGenerate:any = ref(false)
|
||||
let remGenerateTime:any = ref()
|
||||
let isUseGenerate = ref(false)
|
||||
@@ -220,9 +217,7 @@ export default defineComponent({
|
||||
t,
|
||||
isTest,
|
||||
userInfo,
|
||||
generateId,
|
||||
generateTime,
|
||||
generateLineUp,
|
||||
remGenerate,
|
||||
remGenerateTime,
|
||||
useGenerate,
|
||||
@@ -742,7 +737,12 @@ export default defineComponent({
|
||||
return
|
||||
}
|
||||
}
|
||||
this.generateId = rv.uniqueId
|
||||
rv.uniqueId.forEach((item:any) => {
|
||||
let arr:any = {}
|
||||
arr.taskId = item
|
||||
arr.status = 'execution'
|
||||
this.generateList.unshift(arr)
|
||||
});
|
||||
this.setGenerate()
|
||||
this.remGenerateTime = setTimeout(()=>{
|
||||
this.remGenerate = true
|
||||
@@ -754,50 +754,52 @@ export default defineComponent({
|
||||
},
|
||||
setGenerate(){
|
||||
this.generateTime = setInterval(()=>{
|
||||
let data = {uniqueId:this.generateId}
|
||||
Https.axiosGet(Https.httpUrls.generateResult, {params:data}).then(
|
||||
let data = this.generateList.filter((item:any)=>item.status != 'Success').map((obj:any) => obj.taskId);
|
||||
Https.axiosPost(Https.httpUrls.generateResult, data).then(
|
||||
(rv) => {
|
||||
if(rv.generateId){
|
||||
this.generateLineUp = -1
|
||||
this.generateList = []
|
||||
let arr
|
||||
rv.generatedCollectionItems.forEach((v:any,index:number)=>{
|
||||
arr = {
|
||||
id:v.generateItemId,
|
||||
imgUrl:v.generateItemUrl,
|
||||
id_:GO.id++,
|
||||
like:rv.generatedCollectionItems[index].isLiked
|
||||
}
|
||||
this.generateList.push(arr)
|
||||
this.loadingShow = false
|
||||
})
|
||||
nextTick().then(()=>{
|
||||
if(this.driver__.driver){
|
||||
driverObj__.moveNext()
|
||||
}
|
||||
})
|
||||
clearInterval(this.generateTime)
|
||||
clearInterval(this.remGenerateTime)
|
||||
this.remGenerate = false
|
||||
}else{
|
||||
this.generateLineUp = rv.rankPosition
|
||||
if(this.loadingShow){//防止取消后有正在执行的获取状态
|
||||
let arr:any = []
|
||||
arr = rv.filter((item:any)=>item.status != 'Success')
|
||||
rv.forEach((element:any) => {
|
||||
element.imgUrl = element.url
|
||||
element.id_ = GO.id++
|
||||
this.generateList.forEach((item:any,index:any) => {
|
||||
if(item.taskId == element.taskId && element.status == 'Success'){
|
||||
this.generateList[index] = element
|
||||
}
|
||||
});
|
||||
});
|
||||
// this.generateList = rv;
|
||||
if(arr.length == 0){
|
||||
nextTick().then(()=>{
|
||||
if(this.driver__.driver){
|
||||
driverObj__.moveNext()
|
||||
}
|
||||
})
|
||||
clearInterval(this.generateTime)
|
||||
clearInterval(this.remGenerateTime)
|
||||
this.loadingShow = false
|
||||
this.remGenerate = false
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
).catch(res=>{
|
||||
clearInterval(this.generateTime)
|
||||
clearInterval(this.remGenerateTime)
|
||||
this.loadingShow = false
|
||||
});
|
||||
},5000)
|
||||
},1000)
|
||||
},
|
||||
removeGenerate(){
|
||||
if(this.generateId){
|
||||
let data = {uniqueId:this.generateId,userId:this?.userInfo?.userId,timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone}
|
||||
let arr = this.generateList.filter((item:any)=>item.status != 'Success')
|
||||
if(arr){
|
||||
let str = arr.map((obj:any) => obj.taskId).join(',');
|
||||
let data = {uniqueId:str,userId:this?.userInfo?.userId,timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone}
|
||||
Https.axiosGet(Https.httpUrls.generateStopWaiting, {params:data}).then(
|
||||
(rv) => {
|
||||
this.generateId = ''
|
||||
this.generateList = this.generateList.filter((item:any)=>item.status == 'Success')
|
||||
this.loadingShow = false
|
||||
this.generateLineUp = -1
|
||||
clearInterval(this.generateTime)
|
||||
}
|
||||
).catch(res=>{
|
||||
@@ -1178,6 +1180,7 @@ export default defineComponent({
|
||||
}
|
||||
.modal_accomplish{
|
||||
// margin-top: 2rem*1.2);
|
||||
overflow-x: hidden;
|
||||
height: calc(30rem*1.2);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
Reference in New Issue
Block a user