aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

28
src/component/HomePage/PrintboardUpload.vue
View File

@@ -106,7 +106,13 @@
<div class="input_border">
<div class="Guide_1_2_8 input_box" :class="[inputShow?'active':'',driver__.driver?'showEvents':'']">
<input class="search_input" @input="ifMaximumLength" @keydown.enter="getgenerate" :maxlength='inputShow?0:9999' :class="{forbidden:generateCheckbox}" :readonly="generateCheckbox" :placeholder="$t('PrintboardUpload.inputContent1')" v-model="captionGeneration">
<div class="generage_btn started_btn" @click.stop="getgenerate">{{ $t('PrintboardUpload.Generate') }}</div>
<!-- <div class="generage_btn started_btn" @click.stop="getgenerate">{{ $t('PrintboardUpload.Generate') }}</div> -->
<div v-show="!isGenerate" class="generage_btn started_btn" @click.stop="getgenerate">
{{ $t('PrintboardUpload.Generate') }}
</div>
<div v-show="isGenerate" class="generage_btn started_btn" @click.stop="getgenerate">
<i class="fi fi-br-loading"></i>
</div>
<span ref="inputShowText"></span>
</div>
<!-- <div>
@@ -115,7 +121,7 @@
</div> -->
</div>
<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':'']" >
<div v-for="item,index in generateList" class="modal_imgItem Guide_1_2_9" :class="[item.status != 'Success'?'hideEvents':'',item?.checked?'active':'',driver__.driver?'showEvents':'']" >
<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
@@ -185,6 +191,7 @@ export default defineComponent({
let generateList:any = ref([
])
let loadingShow = ref(false)
let isGenerate = ref(false)
let inputShow = ref(false)
let inputTime = ref()
let driver__:any = inject('driver__')
@@ -211,6 +218,7 @@ export default defineComponent({
generateCheckbox,
generateList,
loadingShow,
isGenerate,
inputShow,
inputTime,
driver__,
@@ -645,7 +653,7 @@ export default defineComponent({
// );
// return
// }
if(this.loadingShow){
if(this.isGenerate){
return
}
let generage:any = this.$refs.Generate
@@ -724,7 +732,7 @@ export default defineComponent({
return
}
}
this.loadingShow = true
this.isGenerate = true
//取消请求
// Https.axiosPost(Https.httpUrls.sketchAndPrintGenerate, data,{cancelToken: this.source?.token}).then(
Https.axiosPost(Https.httpUrls.generatePrepare, data).then(
@@ -734,7 +742,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
}
}
@@ -750,7 +758,7 @@ export default defineComponent({
},10000)
}
).catch(res=>{
this.loadingShow = false
this.isGenerate = false
});
},
setGenerate(){
@@ -758,7 +766,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')
rv.forEach((element:any) => {
@@ -785,7 +793,7 @@ export default defineComponent({
this.fileList = this.fileList.filter((item:any)=>item.status == 'Success')
clearInterval(this.generateTime)
clearInterval(this.remGenerateTime)
this.loadingShow = false
this.isGenerate = false
this.remGenerate = false
}
}
@@ -795,7 +803,7 @@ export default defineComponent({
this.fileList = this.fileList.filter((item:any)=>item.status == 'Success')
clearInterval(this.generateTime)
clearInterval(this.remGenerateTime)
this.loadingShow = false
this.isGenerate = false
});
},1000)
},
@@ -803,7 +811,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(',');