generate交互方式和图片放大后的

This commit is contained in:
X1627315083
2024-04-26 15:27:01 +08:00
parent 9562ae4225
commit 1a2baf9278
16 changed files with 166 additions and 86 deletions

View File

@@ -149,7 +149,7 @@
</div> -->
</div>
<div class="modal_img" :style="[loadingShow?'overflow:hidden':'']">
<div v-for="item,index in generateList" class="modal_imgItem Guide_1_13_2" :class="[driver__.driver?'showEvents':'',item?.checked?'active':'']">
<div v-for="item,index in generateList" class="modal_imgItem Guide_1_13_2" :class="[item.status != 'Success'?'hideEvents':'',driver__.driver?'showEvents':'',item?.checked?'active':'']">
<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)">
<sketchCategory :disignTypeList="sketchCatecoryList" :generateList="generateList" :item="item" :driver__="driver__.driver" :driverClass="{class1: 'Guide_1_13',class2:'Guide_1_13_1'}"></sketchCategory>
@@ -211,6 +211,7 @@ export default defineComponent({
let generateCheckbox:any = ref()
let loadingShow = ref(false)
let isGenerate = ref(false)
let sketchCatecoryList:any = computed(()=>{
return store.state.Workspace.workspacePosition
@@ -243,6 +244,7 @@ export default defineComponent({
store,
generateCheckbox,
loadingShow,
isGenerate,
sketchCatecoryList,
workspace,
inputShow,
@@ -620,7 +622,7 @@ export default defineComponent({
// );
// return
// }
if(this.loadingShow){
if(this.isGenerate){
return
}
let generage:any = this.$refs.Generate
@@ -691,7 +693,7 @@ export default defineComponent({
}
}
this.loadingShow = true
this.isGenerate = true
Https.axiosPost(Https.httpUrls.generatePrepare, data).then(
(rv) => {
if(data.isTestUser){
@@ -699,7 +701,7 @@ export default defineComponent({
message.warning(this.t('Generate.jsContent8',{num:rv.leftUsageCount,str:this.t('collectionModal.Printboard')}));
}else if(rv.leftUsageCount == 0){
message.warning(this.t('Generate.jsContent9',{str:this.t('collectionModal.Printboard')}));
this.loadingShow = false
this.isGenerate = false
return
}
}
@@ -715,7 +717,7 @@ export default defineComponent({
},10000)
}
).catch(res=>{
this.loadingShow = false
this.isGenerate = false
});
},
setGenerate(){
@@ -731,7 +733,7 @@ export default defineComponent({
let data = this.generateList.filter((item:any)=>item.status != 'Success').map((obj:any) => obj.taskId);
Https.axiosPost(Https.httpUrls.generateResult, data).then(
(rv) => {
if(this.loadingShow){//防止取消后有正在执行的获取状态
if(this.isGenerate){//防止取消后有正在执行的获取状态
let arr:any = []
arr = rv.filter((item:any)=>item.status != 'Success' && item.status != 'Fail' && item.status != 'Invalid')
rv.forEach((element:any) => {
@@ -740,14 +742,12 @@ export default defineComponent({
this.generateList[index] = element
element.imgUrl = element.url
element.id_ = GO.id++
if(element.category){
this.sketchCatecoryList.forEach((itemCategory:any) => {
if(itemCategory.value == element.category){
element.categoryValue = itemCategory?.name
element.category = itemCategory?.value
}
});
}
this.sketchCatecoryList.forEach((itemCategory:any) => {
if(itemCategory.value == element.category){
element.categoryValue = itemCategory?.name
element.category = itemCategory?.value
}
});
}
});
});
@@ -765,7 +765,7 @@ export default defineComponent({
this.generateList = this.generateList.filter((item:any)=>item.status == 'Success')
clearInterval(this.generateTime)
clearInterval(this.remGenerateTime)
this.loadingShow = false
this.isGenerate = false
this.remGenerate = false
}
}
@@ -774,7 +774,7 @@ export default defineComponent({
this.generateList = this.generateList.filter((item:any)=>item.status == 'Success')
clearInterval(this.generateTime)
clearInterval(this.remGenerateTime)
this.loadingShow = false
this.isGenerate = false
});
},1000)
},
@@ -782,7 +782,7 @@ export default defineComponent({
let arr = this.generateList.filter((item:any)=>item.status != 'Success')
//取消操作
this.generateList = this.generateList.filter((item:any)=>item.status == 'Success')
this.loadingShow = false
this.isGenerate = false
clearInterval(this.generateTime)
if(arr){
let str = arr.map((obj:any) => obj.taskId).join(',');