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

@@ -794,7 +794,6 @@ fabric.PenBrush = fabric.util.createClass(fabric.BaseBrush, {
var randomNum = Math.random() * (0.6 - 0.2) + 0.2; var randomNum = Math.random() * (0.6 - 0.2) + 0.2;
var color = this.color.replace(/1(?=\))/, randomNum); var color = this.color.replace(/1(?=\))/, randomNum);
this.canvas.contextTop.strokeStyle = color; this.canvas.contextTop.strokeStyle = color;
console.log(color);
lineWidthDiff = (this._lineWidth - 1) * i; lineWidthDiff = (this._lineWidth - 1) * i;

View File

@@ -111,6 +111,22 @@ li {
line-height: 3.3rem; line-height: 3.3rem;
zoom: 1; zoom: 1;
} }
.started_btn .fi-br-loading::before {
transition: all 0.5s;
display: inline-block;
animation: whirl 1s linear infinite;
}
@keyframes whirl {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
.el-cascader { .el-cascader {
font-size: 1.2rem; font-size: 1.2rem;
width: 100%; width: 100%;
@@ -842,7 +858,7 @@ li {
border-radius: 1rem; border-radius: 1rem;
} }
.libraryPageCascader .cascader_btn_max { .libraryPageCascader .cascader_btn_max {
height: 4rem; height: 4.5rem;
width: 100%; width: 100%;
border-bottom: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;
display: flex; display: flex;
@@ -850,7 +866,6 @@ li {
} }
.libraryPageCascader .cascader_btn_max .cascader_btn1 { .libraryPageCascader .cascader_btn_max .cascader_btn1 {
margin: 0 1rem; margin: 0 1rem;
line-height: 1.5rem;
} }
.libraryPageCascader .ant-cascader-menu { .libraryPageCascader .ant-cascader-menu {
margin-top: 4rem; margin-top: 4rem;

View File

@@ -125,6 +125,23 @@ input:focus{
height: 3.3rem; height: 3.3rem;
line-height: 3.3rem; line-height: 3.3rem;
zoom: 1; zoom: 1;
.fi-br-loading::before{
transition: all .5s;
display: inline-block;
animation: whirl 1s linear infinite;
}
@keyframes whirl {
0%{
transform: rotate(0deg);
}
50%{
transform: rotate(180deg);
}
100%{
transform: rotate(360deg);
}
}
} }
@@ -188,7 +205,6 @@ input:focus{
pointer-events:none !important; pointer-events:none !important;
} }
} }
.Guide_{ .Guide_{
pointer-events:auto !important; pointer-events:auto !important;
overflow-y: initial !important; overflow-y: initial !important;
@@ -968,14 +984,13 @@ input:focus{
.libraryPageCascader{ .libraryPageCascader{
border-radius: 1rem; border-radius: 1rem;
.cascader_btn_max{ .cascader_btn_max{
height: 4rem; height: 4.5rem;
width: 100%; width: 100%;
border-bottom: 1px solid rgb(225 225 225); border-bottom: 1px solid rgb(225 225 225);
display: flex; display: flex;
align-items: center; align-items: center;
.cascader_btn1{ .cascader_btn1{
margin: 0 1rem; margin: 0 1rem;
line-height: 1.5rem;
} }
} }
.ant-cascader-menu{ .ant-cascader-menu{

View File

@@ -474,6 +474,7 @@ export default defineComponent({
this.setRevocation(designItemDetail,data) this.setRevocation(designItemDetail,data)
} }
).catch(res=>{ ).catch(res=>{
this.$parent.loadingShow = false
}); });
}, },
}, },

View File

@@ -245,7 +245,6 @@ export default defineComponent({
designShowIndex.value = index designShowIndex.value = index
} }
let setpitch = (item,index)=>{ let setpitch = (item,index)=>{
console.log(123);
canvas.discardActiveObject(); canvas.discardActiveObject();
// this.designItemDetail.clothes.forEach((item)=>{ // this.designItemDetail.clothes.forEach((item)=>{
// item.clothesOpen = false // item.clothesOpen = false

View File

@@ -440,6 +440,8 @@ export default defineComponent({
this.setRevocation(designItemDetail,data) this.setRevocation(designItemDetail,data)
} }
).catch(res=>{ ).catch(res=>{
this.$parent.loadingShow = false
}); });
}, },
}, },

View File

@@ -122,8 +122,6 @@ export default defineComponent({
}, },
methods: { methods: {
dragstart (e:any, index:any) { dragstart (e:any, index:any) {
console.log(12312312312312);
this.dragIdx = index this.dragIdx = index
}, },
dragDrop (e:any, index:any) { dragDrop (e:any, index:any) {

View File

@@ -53,7 +53,13 @@
v-model="searchPictureName" v-model="searchPictureName"
@keydown.enter="getgenerate()" @keydown.enter="getgenerate()"
/> />
<div class="generage_btn started_btn" @click.stop="getgenerate">{{ $t('Generate.Generate') }}</div> <!-- <div class="generage_btn started_btn" @click.stop="getgenerate">{{ $t('Generate.Generate') }}</div> -->
<div v-show="!isGenerate" class="generage_btn started_btn" @click.stop="getgenerate">
{{ $t('Generate.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> <span ref="inputShowText"></span>
</div> </div>
@@ -122,7 +128,7 @@
v-for="(item, index) in fileList" v-for="(item, index) in fileList"
:key="item.imgUrl" :key="item.imgUrl"
@click="generageAdd(item)" @click="generageAdd(item)"
:class="[item?.checked?'active':'']" :class="[item.status != 'Success'?'hideEvents':'',item?.checked?'active':'']"
> >
<img v-show="item.status != 'Success'" src="@/assets/images/homePage/loading.gif" alt=""> <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)"> <img v-show="item.status == 'Success'" :src="item.imgUrl" @click.stop="generageAdd(item)">
@@ -213,6 +219,7 @@ export default defineComponent({
let workspace:any = ref({}) let workspace:any = ref({})
let loadingShow = ref(false) let loadingShow = ref(false)
let isGenerate = ref(false)//判断是否正在进行generate
let inputShow = ref(false)//表示是否出现红框 let inputShow = ref(false)//表示是否出现红框
let inputTime = ref() let inputTime = ref()
let driver__:any = inject('driver__') let driver__:any = inject('driver__')
@@ -246,6 +253,7 @@ export default defineComponent({
checkboxImage, checkboxImage,
printModel, printModel,
loadingShow, loadingShow,
isGenerate,
// printBoards, // printBoards,
moodboarList, moodboarList,
// sketchCatecoryList, // sketchCatecoryList,
@@ -476,7 +484,7 @@ export default defineComponent({
// ); // );
// return // return
// } // }
if(this.loadingShow){ if(this.isGenerate){
return return
} }
// if(!this.searchPictureName){ // if(!this.searchPictureName){
@@ -512,7 +520,7 @@ export default defineComponent({
isTestUser:this.driver__.driver?false:this.isTest, isTestUser:this.driver__.driver?false:this.isTest,
gender:'', gender:'',
} }
this.loadingShow = true this.isGenerate = true
Https.axiosPost(Https.httpUrls.generatePrepare, data).then( Https.axiosPost(Https.httpUrls.generatePrepare, data).then(
(rv) => { (rv) => {
if(data.isTestUser){ if(data.isTestUser){
@@ -520,7 +528,7 @@ export default defineComponent({
message.warning(this.t('Generate.jsContent8',{num:rv.leftUsageCount,str:this.t('collectionModal.Moodboard')})); message.warning(this.t('Generate.jsContent8',{num:rv.leftUsageCount,str:this.t('collectionModal.Moodboard')}));
}else if(rv.leftUsageCount == 0){ }else if(rv.leftUsageCount == 0){
message.warning(this.t('Generate.jsContent9',{str:this.t('collectionModal.Moodboard')})); message.warning(this.t('Generate.jsContent9',{str:this.t('collectionModal.Moodboard')}));
this.loadingShow = false this.isGenerate = false
return return
} }
} }
@@ -536,7 +544,7 @@ export default defineComponent({
},10000) },10000)
} }
).catch(res=>{ ).catch(res=>{
this.loadingShow = false this.isGenerate = false
}); });
// Https.axiosPost(Https.httpUrls.sketchAndPrintGenerate, data).then( // Https.axiosPost(Https.httpUrls.sketchAndPrintGenerate, data).then(
// (rv) => { // (rv) => {
@@ -570,7 +578,7 @@ export default defineComponent({
Https.axiosPost(Https.httpUrls.generateResult, data).then( Https.axiosPost(Https.httpUrls.generateResult, data).then(
(rv) => { (rv) => {
if(this.loadingShow){//防止取消后有正在执行的获取状态 if(this.isGenerate){//防止取消后有正在执行的获取状态
let arr:any = [] let arr:any = []
arr = rv.filter((item:any)=>item.status != 'Success' && item.status != 'Fail' && item.status != 'Invalid') arr = rv.filter((item:any)=>item.status != 'Success' && item.status != 'Fail' && item.status != 'Invalid')
rv.forEach((element:any) => { rv.forEach((element:any) => {
@@ -595,7 +603,7 @@ export default defineComponent({
this.fileList = this.fileList.filter((item:any)=>item.status == 'Success') this.fileList = this.fileList.filter((item:any)=>item.status == 'Success')
clearInterval(this.generateTime) clearInterval(this.generateTime)
clearInterval(this.remGenerateTime) clearInterval(this.remGenerateTime)
this.loadingShow = false this.isGenerate = false
this.remGenerate = false this.remGenerate = false
} }
} }
@@ -604,7 +612,7 @@ export default defineComponent({
this.fileList = this.fileList.filter((item:any)=>item.status == 'Success') this.fileList = this.fileList.filter((item:any)=>item.status == 'Success')
clearInterval(this.generateTime) clearInterval(this.generateTime)
clearInterval(this.remGenerateTime) clearInterval(this.remGenerateTime)
this.loadingShow = false this.isGenerate = false
}); });
},1000) },1000)
}, },
@@ -612,7 +620,7 @@ export default defineComponent({
let arr = this.fileList.filter((item:any)=>item.status != 'Success') let arr = this.fileList.filter((item:any)=>item.status != 'Success')
//取消操作 //取消操作
this.fileList = this.fileList.filter((item:any)=>item.status == 'Success') this.fileList = this.fileList.filter((item:any)=>item.status == 'Success')
this.loadingShow = false this.isGenerate = false
clearInterval(this.generateTime) clearInterval(this.generateTime)
if(arr){ if(arr){
let str = arr.map((obj:any) => obj.taskId).join(','); let str = arr.map((obj:any) => obj.taskId).join(',');
@@ -921,10 +929,12 @@ export default defineComponent({
color: red; color: red;
} }
} }
} }
&:hover .delete_like_file_block{ &:hover .delete_like_file_block{
display: block; display: block;
} }
} }
.upload_item { .upload_item {
.upload_file_item { .upload_file_item {
@@ -948,6 +958,7 @@ export default defineComponent({
cursor:not-allowed; cursor:not-allowed;
} }
} }
.upload_file_item_content { .upload_file_item_content {
display: flex; display: flex;
align-items: center; align-items: center;

View File

@@ -106,7 +106,13 @@
<div class="input_border"> <div class="input_border">
<div class="Guide_1_2_8 input_box" :class="[inputShow?'active':'',driver__.driver?'showEvents':'']"> <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"> <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> <span ref="inputShowText"></span>
</div> </div>
<!-- <div> <!-- <div>
@@ -115,7 +121,7 @@
</div> --> </div> -->
</div> </div>
<div class="modal_img" :style="[loadingShow?'overflow:hidden':'']"> <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="@/assets/images/homePage/loading.gif" alt="">
<img v-show="item.status == 'Success'" :src="item.imgUrl" @click.stop="generageAdd(item)"> <img v-show="item.status == 'Success'" :src="item.imgUrl" @click.stop="generageAdd(item)">
<div <div
@@ -185,6 +191,7 @@ export default defineComponent({
let generateList:any = ref([ let generateList:any = ref([
]) ])
let loadingShow = ref(false) let loadingShow = ref(false)
let isGenerate = ref(false)
let inputShow = ref(false) let inputShow = ref(false)
let inputTime = ref() let inputTime = ref()
let driver__:any = inject('driver__') let driver__:any = inject('driver__')
@@ -211,6 +218,7 @@ export default defineComponent({
generateCheckbox, generateCheckbox,
generateList, generateList,
loadingShow, loadingShow,
isGenerate,
inputShow, inputShow,
inputTime, inputTime,
driver__, driver__,
@@ -645,7 +653,7 @@ export default defineComponent({
// ); // );
// return // return
// } // }
if(this.loadingShow){ if(this.isGenerate){
return return
} }
let generage:any = this.$refs.Generate let generage:any = this.$refs.Generate
@@ -724,7 +732,7 @@ export default defineComponent({
return return
} }
} }
this.loadingShow = true this.isGenerate = true
//取消请求 //取消请求
// Https.axiosPost(Https.httpUrls.sketchAndPrintGenerate, data,{cancelToken: this.source?.token}).then( // Https.axiosPost(Https.httpUrls.sketchAndPrintGenerate, data,{cancelToken: this.source?.token}).then(
Https.axiosPost(Https.httpUrls.generatePrepare, data).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')})); message.warning(this.t('Generate.jsContent8',{num:rv.leftUsageCount,str:this.t('collectionModal.Printboard')}));
}else if(rv.leftUsageCount == 0){ }else if(rv.leftUsageCount == 0){
message.warning(this.t('Generate.jsContent9',{str:this.t('collectionModal.Printboard')})); message.warning(this.t('Generate.jsContent9',{str:this.t('collectionModal.Printboard')}));
this.loadingShow = false this.isGenerate = false
return return
} }
} }
@@ -750,7 +758,7 @@ export default defineComponent({
},10000) },10000)
} }
).catch(res=>{ ).catch(res=>{
this.loadingShow = false this.isGenerate = false
}); });
}, },
setGenerate(){ setGenerate(){
@@ -758,7 +766,7 @@ export default defineComponent({
let data = this.generateList.filter((item:any)=>item.status != 'Success').map((obj:any) => obj.taskId); let data = this.generateList.filter((item:any)=>item.status != 'Success').map((obj:any) => obj.taskId);
Https.axiosPost(Https.httpUrls.generateResult, data).then( Https.axiosPost(Https.httpUrls.generateResult, data).then(
(rv) => { (rv) => {
if(this.loadingShow){//防止取消后有正在执行的获取状态 if(this.isGenerate){//防止取消后有正在执行的获取状态
let arr:any = [] let arr:any = []
arr = rv.filter((item:any)=>item.status != 'Success' && item.status != 'Fail') arr = rv.filter((item:any)=>item.status != 'Success' && item.status != 'Fail')
rv.forEach((element:any) => { rv.forEach((element:any) => {
@@ -785,7 +793,7 @@ export default defineComponent({
this.fileList = this.fileList.filter((item:any)=>item.status == 'Success') this.fileList = this.fileList.filter((item:any)=>item.status == 'Success')
clearInterval(this.generateTime) clearInterval(this.generateTime)
clearInterval(this.remGenerateTime) clearInterval(this.remGenerateTime)
this.loadingShow = false this.isGenerate = false
this.remGenerate = false this.remGenerate = false
} }
} }
@@ -795,7 +803,7 @@ export default defineComponent({
this.fileList = this.fileList.filter((item:any)=>item.status == 'Success') this.fileList = this.fileList.filter((item:any)=>item.status == 'Success')
clearInterval(this.generateTime) clearInterval(this.generateTime)
clearInterval(this.remGenerateTime) clearInterval(this.remGenerateTime)
this.loadingShow = false this.isGenerate = false
}); });
},1000) },1000)
}, },
@@ -803,7 +811,7 @@ export default defineComponent({
let arr = this.generateList.filter((item:any)=>item.status != 'Success') let arr = this.generateList.filter((item:any)=>item.status != 'Success')
//取消操作 //取消操作
this.generateList = 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) clearInterval(this.generateTime)
if(arr){ if(arr){
let str = arr.map((obj:any) => obj.taskId).join(','); let str = arr.map((obj:any) => obj.taskId).join(',');

View File

@@ -28,7 +28,7 @@
<i v-else class="fi fi-sr-heart" @click.stop="likeFile(imgItem,imgIndex,index)"></i> <i v-else class="fi fi-sr-heart" @click.stop="likeFile(imgItem,imgIndex,index)"></i>
</div> </div>
<div class="delete_like_file_block left" :class="[driver__.driver?'hideEvents':'']"> <div class="delete_like_file_block left" :class="[driver__.driver?'hideEvents':'']">
<i class="fi fi-bs-expand-arrows-alt" @click.stop="scaleImage(item.img,imgIndex)"></i> <i class="fi fi-bs-expand-arrows-alt" @click.stop="scaleImage(item.img,imgIndex,index)"></i>
</div> </div>
</div> </div>
</div> </div>
@@ -242,12 +242,12 @@ export default defineComponent({
} }
}) })
}, },
scaleImage(img:any,index:any){ scaleImage(img:any,index:any,dialogueIndex:any){
let scaleImage:any = this.$refs.scaleImage let scaleImage:any = this.$refs.scaleImage
img.forEach((item:any) => { img.forEach((item:any) => {
item.imgUrl = item.presignedUrl item.imgUrl = item.presignedUrl
}); });
scaleImage.init(img,index) scaleImage.init(img,index,dialogueIndex)
scaleImage.scaleImageMask = true scaleImage.scaleImageMask = true
}, },
robotmax(){//点击内容就设置为true显示 重置定时器 robotmax(){//点击内容就设置为true显示 重置定时器
@@ -392,8 +392,10 @@ export default defineComponent({
(rv) => { (rv) => {
if(this.record[index].img[imgIndex].id == null){ if(this.record[index].img[imgIndex].id == null){
this.record[index].img[imgIndex].id = rv.id this.record[index].img[imgIndex].id = rv.id
this.record[index].img[imgIndex].like = true
}else{ }else{
this.record[index].img[imgIndex].id = null this.record[index].img[imgIndex].id = null
this.record[index].img[imgIndex].like = false
} }
sessionStorage.setItem('record', JSON.stringify(this.record)); sessionStorage.setItem('record', JSON.stringify(this.record));
} }

View File

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

View File

@@ -21,6 +21,10 @@
</div> </div>
<div class="scaleImage_content"> <div class="scaleImage_content">
<img :src="scaleImageList[scaleImageIndex]?.imgUrl"> <img :src="scaleImageList[scaleImageIndex]?.imgUrl">
<div class="img_operate_block">
<i v-if="!scaleImageList[scaleImageIndex]?.like" class="fi fi-rr-heart operate_icon" @click.stop="LikeFile(scaleImageList[scaleImageIndex],'like')"></i>
<i v-else class="fi fi-sr-heart operate_icon" @click.stop="LikeFile(scaleImageList[scaleImageIndex],'noLike')"></i>
</div>
</div> </div>
<div class="scaleImage_nav"> <div class="scaleImage_nav">
<div class="nav_left"> <div class="nav_left">
@@ -70,6 +74,8 @@ export default defineComponent({
]) ])
let scaleImageMask:any = ref(false) let scaleImageMask:any = ref(false)
let scaleImageIndex:any = ref(0) let scaleImageIndex:any = ref(0)
let robotAssits:any = ref(0)
return { return {
scaleImage, scaleImage,
loadingShow, loadingShow,
@@ -78,6 +84,8 @@ export default defineComponent({
scaleImageList, scaleImageList,
scaleImageMask, scaleImageMask,
scaleImageIndex, scaleImageIndex,
robotAssits,
}; };
}, },
data() { data() {
@@ -104,10 +112,11 @@ export default defineComponent({
mounted() { mounted() {
}, },
methods: { methods: {
init(list:any,index:any){ init(list:any,index:any,dialogueIndex:any){
this.scaleImage = true this.scaleImage = true
this.scaleImageList = list this.scaleImageList = list
this.scaleImageIndex = index this.scaleImageIndex = index
if(dialogueIndex)this.robotAssits = dialogueIndex
// let scaleImageList = this.store.state.UploadFilesModule.moodboard // let scaleImageList = this.store.state.UploadFilesModule.moodboard
}, },
cancelDsign(){ cancelDsign(){
@@ -134,6 +143,15 @@ export default defineComponent({
setScaleImageIndex(index:any){ setScaleImageIndex(index:any){
this.scaleImageIndex = index this.scaleImageIndex = index
}, },
LikeFile(item:any,str:string){
let parent:any = this.$parent
if(this.robotAssits){
parent.likeFile(item,this.scaleImageIndex,this.robotAssits)
}else{
parent.likeFile(item,str)
}
}
}, },
}); });
</script> </script>
@@ -197,12 +215,45 @@ export default defineComponent({
display: flex; display: flex;
justify-content: center; justify-content: center;
height: 75%; height: 75%;
margin: 0 auto;
margin-top: calc(5rem*1.2); margin-top: calc(5rem*1.2);
position: relative;
max-width: calc(50rem*1.2);
img{ img{
width: auto; width: auto;
max-width: calc(50rem*1.2);
height: 100%; height: 100%;
} }
.img_operate_block{
width: 3.6rem;
height: 3.6rem;
background: rgba(0,0,0,0.6);
border-radius: 50%;
text-align: center;
line-height: 3.6rem;
cursor: pointer;
margin-bottom: 0.4rem;
position: absolute;
right: 2rem;
top: 2rem;
opacity: 0;
.operate_icon{
font-size: 1.8rem;
color: #fff;
&.fi-sr-heart{
color: red;
}
}
i{
font-size: 1.8rem;
color: #fff;
}
}
}
.scaleImage_content:hover{
.img_operate_block{
opacity: 1;
}
} }
.scaleImage_nav{ .scaleImage_nav{
flex: 1; flex: 1;

View File

@@ -80,7 +80,6 @@ export default defineComponent({
setup(props:any){ setup(props:any){
let showFileCategory = (file:any)=> { let showFileCategory = (file:any)=> {
file.categoryShow = true; file.categoryShow = true;
console.log(props.driverClass);
nextTick().then(()=>{ nextTick().then(()=>{
if(props.driver__){ if(props.driver__){

View File

@@ -316,7 +316,7 @@ export default defineComponent({
setLabelData(){ setLabelData(){
let data = { let data = {
"classificationIdList": [], "classificationIdList": [],
"classificationName": "123221", "classificationName": "",
"createTime": "", "createTime": "",
"deleteConfirm": '', "deleteConfirm": '',
"id": '', "id": '',
@@ -326,7 +326,6 @@ export default defineComponent({
"updateTime": "", "updateTime": "",
"userId": '' "userId": ''
} }
console.log(this.type);
return data return data
}, },

View File

@@ -219,7 +219,6 @@
</div> </div>
<div v-show="isGenerate" class="generage_btn started_btn" @click.stop="getgenerate"> <div v-show="isGenerate" class="generage_btn started_btn" @click.stop="getgenerate">
<i class="fi fi-br-loading"></i> <i class="fi fi-br-loading"></i>
<!-- <div v-show="isGenerate"><a-spin size="large" /></div> -->
</div> </div>
<span ref="inputShowText"></span> <span ref="inputShowText"></span>
</div> </div>
@@ -285,7 +284,7 @@
</div> </div>
<div class="content_body_table scroll_style"> <div class="content_body_table scroll_style">
<div class="content_img_item" v-for="(img,index) in generateList[selectCode]" :key="img.id"> <div class="content_img_item" v-for="(img,index) in generateList[selectCode]" :key="img.id" :class="[img.status != 'Success'?'hideEvents':'']">
<div :class="['content_img_item_block', selectImgList.indexOf(img.id) > -1 ? 'select_item_img' :'']"> <div :class="['content_img_item_block', selectImgList.indexOf(img.id) > -1 ? 'select_item_img' :'']">
<img v-show="img.status != 'Success'" :class="['content_img', ['Moodboard','Printboard'].indexOf(selectCode) > -1 ? 'board_content_img' :'']" src="@/assets/images/homePage/loading.gif" alt=""> <img v-show="img.status != 'Success'" :class="['content_img', ['Moodboard','Printboard'].indexOf(selectCode) > -1 ? 'board_content_img' :'']" src="@/assets/images/homePage/loading.gif" alt="">
<img v-show="img.status == 'Success'" :class="['content_img', ['Moodboard','Printboard'].indexOf(selectCode) > -1 ? 'board_content_img' :'']" :src="img.imgUrl"> <img v-show="img.status == 'Success'" :class="['content_img', ['Moodboard','Printboard'].indexOf(selectCode) > -1 ? 'board_content_img' :'']" :src="img.imgUrl">
@@ -1191,14 +1190,12 @@ export default defineComponent({
if(item.taskId == element.taskId && element.status == 'Success'){ if(item.taskId == element.taskId && element.status == 'Success'){
element.imgUrl = element.url element.imgUrl = element.url
this.generateList[this.selectCode][index] = element this.generateList[this.selectCode][index] = element
if(element.category){ this.disignTypeList.forEach((itemCategory:any) => {
this.disignTypeList.forEach((itemCategory:any) => { if(itemCategory.value == element.category){
if(itemCategory.value == element.category){ element.categoryValue = itemCategory?.label
element.categoryValue = itemCategory?.label element.category = itemCategory?.value
element.category = itemCategory?.value }
} });
});
}
} }
}); });
}); });
@@ -1648,23 +1645,7 @@ export default defineComponent({
} }
.started_btn{ .started_btn{
} }
.fi-br-loading::before{
transition: all .5s;
display: inline-block;
animation: whirl 1s linear infinite;
}
@keyframes whirl {
0%{
transform: rotate(0deg);
}
50%{
transform: rotate(180deg);
}
100%{
transform: rotate(360deg);
}
}
.generage_btn{ .generage_btn{
margin: 0 3rem; margin: 0 3rem;
} }

View File

@@ -236,6 +236,7 @@ import { isEmail } from "@/tool/util";
import { setCookie ,WriteCookie } from "@/tool/cookie"; import { setCookie ,WriteCookie } from "@/tool/cookie";
import { message } from "ant-design-vue"; import { message } from "ant-design-vue";
import VerificationCodeInput from "@/component/LoginPage/verificationCodeInput.vue"; import VerificationCodeInput from "@/component/LoginPage/verificationCodeInput.vue";
import { useStore } from "vuex";
import { useI18n } from "vue-i18n"; import { useI18n } from "vue-i18n";
import { setLang } from "@/tool/guide"; import { setLang } from "@/tool/guide";
const md5 = require("md5"); const md5 = require("md5");
@@ -246,8 +247,10 @@ export default defineComponent({
setup(){ setup(){
let timer:any = 0; let timer:any = 0;
const {locale} = useI18n() const {locale} = useI18n()
const store = useStore();
return{ return{
store,
timer, timer,
locale locale
} }
@@ -525,11 +528,8 @@ export default defineComponent({
this.getLang() this.getLang()
// this.$router.push("/home"); // this.$router.push("/home");
// console.log(window.location.search.substring(1)); // console.log(window.location.search.substring(1));
if(window.location.search.substring(1) == 'oldHis'){ this.store.commit("clearAllData");
this.$router.push("/oldHistory"); this.$router.push("/home");
}else{
this.$router.push("/home");
}
}, },
//获取当前语言 //获取当前语言
getLang(){ getLang(){