detail调整
This commit is contained in:
4
.env.dev
4
.env.dev
@@ -7,6 +7,6 @@ VUE_APP_BASE_URL = 'https://develop.api.aida.com.hk'
|
|||||||
# VUE_APP_BASE_URL = 'http://192.168.1.9:17088'
|
# VUE_APP_BASE_URL = 'http://192.168.1.9:17088'
|
||||||
# VUE_APP_BASE_URL = 'http://192.168.1.9:5567'
|
# VUE_APP_BASE_URL = 'http://192.168.1.9:5567'
|
||||||
# 佩佩
|
# 佩佩
|
||||||
# VUE_APP_BASE_URL = 'http://192.168.1.7:5567'
|
VUE_APP_BASE_URL = 'http://192.168.1.7:5567'
|
||||||
# 海波
|
# 海波
|
||||||
VUE_APP_BASE_URL = 'http://192.168.1.9:5567'
|
# VUE_APP_BASE_URL = 'http://192.168.1.9:5567'
|
||||||
|
|||||||
@@ -127,9 +127,6 @@
|
|||||||
<i class="fi fi-rr-edit" @click.stop="openCurrent(4)"></i>
|
<i class="fi fi-rr-edit" @click.stop="openCurrent(4)"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="Guide_1_20 clothes_item_icon" :class="[driver__.driver?'showEvents':'']">
|
<div class="Guide_1_20 clothes_item_icon" :class="[driver__.driver?'showEvents':'']">
|
||||||
<!-- <div class="centent_div" v-if="current?.printObject?.prints?.[0]?.path" @click="openCurrent(2)">
|
|
||||||
<img :src="current?.printObject?.prints[0]?.path" alt="">
|
|
||||||
</div> -->
|
|
||||||
<div class="centent_div centent_print" v-if="exhibitionList.elements && exhibitionList.elements.length > 1" @click="openCurrent(4)">
|
<div class="centent_div centent_print" v-if="exhibitionList.elements && exhibitionList.elements.length > 1" @click="openCurrent(4)">
|
||||||
<img v-for="item in exhibitionList.elements" :key="item.id" :src="item.path" alt="">
|
<img v-for="item in exhibitionList.elements" :key="item.id" :src="item.path" alt="">
|
||||||
</div>
|
</div>
|
||||||
@@ -744,7 +741,6 @@ export default defineComponent({
|
|||||||
offset:item.layersObject?.[1]?.offset == null?[0,0]:item.layersObject[1].offset,
|
offset:item.layersObject?.[1]?.offset == null?[0,0]:item.layersObject[1].offset,
|
||||||
scale:item.layersObject?.[1]?.scale?item.layersObject[1].scale:[1,1],
|
scale:item.layersObject?.[1]?.scale?item.layersObject[1].scale:[1,1],
|
||||||
printObject:{
|
printObject:{
|
||||||
ifSingle:item.printObject.ifSingle == null ? false : item.printObject.ifSingle,
|
|
||||||
// path:item.printObject.path?item.printObject.path :'',
|
// path:item.printObject.path?item.printObject.path :'',
|
||||||
prints:item?.printObject?.prints[0]?.minIOPath?item?.printObject?.prints:[]
|
prints:item?.printObject?.prints[0]?.minIOPath?item?.printObject?.prints:[]
|
||||||
},
|
},
|
||||||
@@ -1022,7 +1018,6 @@ export default defineComponent({
|
|||||||
"prints":null,
|
"prints":null,
|
||||||
},
|
},
|
||||||
"printObject": {
|
"printObject": {
|
||||||
"ifSingle": null,
|
|
||||||
"prints": [
|
"prints": [
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
@@ -1094,7 +1089,6 @@ export default defineComponent({
|
|||||||
scale:this.current.layersObject?.[1]?.scale?this.current.layersObject[1].scale:[1,1],
|
scale:this.current.layersObject?.[1]?.scale?this.current.layersObject[1].scale:[1,1],
|
||||||
sketchString:'',
|
sketchString:'',
|
||||||
printObject:{
|
printObject:{
|
||||||
ifSingle:this.current?.printObject?.ifSingle == null ? false : this.current?.printObject?.ifSingle,
|
|
||||||
// prints:this.current?.printObject[0]?.path == null ? [] : [{
|
// prints:this.current?.printObject[0]?.path == null ? [] : [{
|
||||||
// location:[0,0],
|
// location:[0,0],
|
||||||
// angle:0,
|
// angle:0,
|
||||||
|
|||||||
@@ -605,7 +605,7 @@ export default defineComponent({
|
|||||||
this.clothesList = []
|
this.clothesList = []
|
||||||
this.getLibraryList()
|
this.getLibraryList()
|
||||||
}
|
}
|
||||||
this.store.state.UploadFilesModule.allBoardData.colorBoards.forEach((item,index) => {
|
this.store.state.UploadFilesModule.allBoardData?.colorBoards?.forEach((item,index) => {
|
||||||
this.colorList[index+1] = {
|
this.colorList[index+1] = {
|
||||||
gradient:item.gradient,
|
gradient:item.gradient,
|
||||||
rgba:item.rgbValue,
|
rgba:item.rgbValue,
|
||||||
@@ -732,7 +732,6 @@ export default defineComponent({
|
|||||||
},
|
},
|
||||||
selectImgItem(imgData){
|
selectImgItem(imgData){
|
||||||
let DesignDetailEnd = this.$refs.DesignDetailEnd
|
let DesignDetailEnd = this.$refs.DesignDetailEnd
|
||||||
console.log(imgData);
|
|
||||||
imgData.categoryValue = imgData.categoryValue?imgData.categoryValue:imgData.level2TypeEnum.name
|
imgData.categoryValue = imgData.categoryValue?imgData.categoryValue:imgData.level2TypeEnum.name
|
||||||
imgData.category = imgData.category?imgData.category:imgData.level2TypeEnum.value
|
imgData.category = imgData.category?imgData.category:imgData.level2TypeEnum.value
|
||||||
if(this.selectCode == 'Sketchboard'){
|
if(this.selectCode == 'Sketchboard'){
|
||||||
|
|||||||
@@ -24,13 +24,12 @@
|
|||||||
<!-- <div class="modal_img_item" v-for="item,index in current.printObject.prints" :key="item" > -->
|
<!-- <div class="modal_img_item" v-for="item,index in current.printObject.prints" :key="item" > -->
|
||||||
<img v-lazy="item.path" alt="">
|
<img v-lazy="item.path" alt="">
|
||||||
<sketchCategory :disignTypeList="designTypeList" :generateList="exhibitionList.print" :item="item" :isSpread="true" :isSetSketchCategory="true"></sketchCategory>
|
<sketchCategory :disignTypeList="designTypeList" :generateList="exhibitionList.print" :item="item" :isSpread="true" :isSetSketchCategory="true"></sketchCategory>
|
||||||
<div
|
<!-- <div
|
||||||
class="delete_file_block"
|
class="delete_file_block"
|
||||||
v-if="current.printObject.ifSingle"
|
|
||||||
@click="deleteSelectptints(item,index)"
|
@click="deleteSelectptints(item,index)"
|
||||||
>
|
>
|
||||||
<span class="icon iconfont icon-shanchu"></span>
|
<span class="icon iconfont icon-shanchu"></span>
|
||||||
</div>
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
<div class="modal_img_item" v-for="item,index in printsList" :key="item" >
|
<div class="modal_img_item" v-for="item,index in printsList" :key="item" >
|
||||||
<img v-lazy="item.path" alt="">
|
<img v-lazy="item.path" alt="">
|
||||||
@@ -388,7 +387,6 @@ export default defineComponent({
|
|||||||
data.designSingleItemDTOList[index].path =this.sketchImg.minIOPath? this.sketchImg.minIOPath: this.current.minIOPath
|
data.designSingleItemDTOList[index].path =this.sketchImg.minIOPath? this.sketchImg.minIOPath: this.current.minIOPath
|
||||||
data.designSingleItemDTOList[index].type =this.sketchImg.type? this.sketchImg.type: this.current.type
|
data.designSingleItemDTOList[index].type =this.sketchImg.type? this.sketchImg.type: this.current.type
|
||||||
}else if(this.type_ == 2){
|
}else if(this.type_ == 2){
|
||||||
data.designSingleItemDTOList[index].printObject.ifSingle = false
|
|
||||||
data.designSingleItemDTOList[index].printObject.prints = []
|
data.designSingleItemDTOList[index].printObject.prints = []
|
||||||
}else if(this.type_ == 3){
|
}else if(this.type_ == 3){
|
||||||
if(this.colorList[this.selectIndex]?.rgba?.r == undefined){
|
if(this.colorList[this.selectIndex]?.rgba?.r == undefined){
|
||||||
|
|||||||
@@ -96,10 +96,7 @@
|
|||||||
<img crossOrigin="anonymous" :src="item?.path" :style="{transform:`rotateZ(${printStyleList[stateOverallSingle][index]?.transform?.rotateZ}deg)`}" class="designOpenrtion_imgItme" draggable="false">
|
<img crossOrigin="anonymous" :src="item?.path" :style="{transform:`rotateZ(${printStyleList[stateOverallSingle][index]?.transform?.rotateZ}deg)`}" class="designOpenrtion_imgItme" draggable="false">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- <img v-if="overallSingle" :src="current?.layersObject?.[1]?.maskUrl" alt="" class="designOpenrtion_sketch"> -->
|
<img v-lazy="operationCurrent.undividedLayer || operationCurrent.path" alt="" class="designOpenrtion_sketch">
|
||||||
<!-- {{printStyleList[stateOverallSingle][0]}} -->
|
|
||||||
<img :src="current?.path" alt="" class="designOpenrtion_sketch">
|
|
||||||
<img v-show="overallSingle" :src="current?.layersObject?.[1]?.maskUrl" alt="" class="designOpenrtion_sketch_mask">
|
|
||||||
<div class="designOpenrtion_btn">
|
<div class="designOpenrtion_btn">
|
||||||
<ul v-if="overallSingle" v-for="item,index in printStyleList[stateOverallSingle]" :key="item" :class="{active:item?.designOpenrtionBtn?item?.designOpenrtionBtn:false}" class="designOpenrtion_Mousingle" :style="item.style" @mousedown.stop="itemMoveMousedown(index,$event)">
|
<ul v-if="overallSingle" v-for="item,index in printStyleList[stateOverallSingle]" :key="item" :class="{active:item?.designOpenrtionBtn?item?.designOpenrtionBtn:false}" class="designOpenrtion_Mousingle" :style="item.style" @mousedown.stop="itemMoveMousedown(index,$event)">
|
||||||
<li class="designOpenrtion_btn_top" @mousedown.stop="itemSizeMousedown('top',$event)"></li>
|
<li class="designOpenrtion_btn_top" @mousedown.stop="itemSizeMousedown('top',$event)"></li>
|
||||||
@@ -199,6 +196,9 @@ export default defineComponent({
|
|||||||
let sketch = ref({
|
let sketch = ref({
|
||||||
width:'',
|
width:'',
|
||||||
height:''
|
height:''
|
||||||
|
})
|
||||||
|
let operationCurrent = ref({
|
||||||
|
|
||||||
})
|
})
|
||||||
let loadingShow = ref(false)
|
let loadingShow = ref(false)
|
||||||
let currentFullBodyView = ref('')
|
let currentFullBodyView = ref('')
|
||||||
@@ -224,6 +224,7 @@ export default defineComponent({
|
|||||||
imgDomIndex,
|
imgDomIndex,
|
||||||
print,
|
print,
|
||||||
sketch,
|
sketch,
|
||||||
|
operationCurrent,
|
||||||
loadingShow,
|
loadingShow,
|
||||||
setRevocation,
|
setRevocation,
|
||||||
t,
|
t,
|
||||||
@@ -295,11 +296,14 @@ export default defineComponent({
|
|||||||
if(designItemDetail.others.length == 0){
|
if(designItemDetail.others.length == 0){
|
||||||
this.body = true
|
this.body = true
|
||||||
}
|
}
|
||||||
|
//设置前片后片
|
||||||
|
this.operationCurrent = Object.assign({},this.current)
|
||||||
this.designOpenrtion = true
|
this.designOpenrtion = true
|
||||||
this.clearModal()
|
this.clearModal()
|
||||||
this.overallSingle = this.current.printObject.ifSingle?true:false
|
this.overallSingle = this.current.printObject.ifSingle?true:false
|
||||||
this.ifListOver()
|
this.ifListOver()
|
||||||
if(this.current.printObject.prints)this.exhibitionOpenrtionList[this.stateOverallSingle] = JSON.parse(JSON.stringify(this.current.printObject.prints))
|
let printList = JSON.parse(JSON.stringify(this.current.printObject.prints))
|
||||||
|
this.setprintList(printList)
|
||||||
if(this.$parent.exhibitionList.print)this.designOpenrtionList = JSON.parse(JSON.stringify(this.$parent.exhibitionList.print))
|
if(this.$parent.exhibitionList.print)this.designOpenrtionList = JSON.parse(JSON.stringify(this.$parent.exhibitionList.print))
|
||||||
if(this.$parent.elementsList)this.designList = JSON.parse(JSON.stringify(this.$parent.printsList))
|
if(this.$parent.elementsList)this.designList = JSON.parse(JSON.stringify(this.$parent.printsList))
|
||||||
if(this.overallSingle == false && this.designOpenrtionList.length > 0){
|
if(this.overallSingle == false && this.designOpenrtionList.length > 0){
|
||||||
@@ -307,7 +311,6 @@ export default defineComponent({
|
|||||||
}else if(this.overallSingle == false && this.designOpenrtionList.length == 0){
|
}else if(this.overallSingle == false && this.designOpenrtionList.length == 0){
|
||||||
this.setpitch(this.designList[0],0)
|
this.setpitch(this.designList[0],0)
|
||||||
}
|
}
|
||||||
// this.overallSingle = this.current.ifSingle?false:this.current.ifSingle
|
|
||||||
let skecth = new Image
|
let skecth = new Image
|
||||||
skecth.src = this.current.path
|
skecth.src = this.current.path
|
||||||
skecth.onload=()=>{
|
skecth.onload=()=>{
|
||||||
@@ -315,14 +318,29 @@ export default defineComponent({
|
|||||||
this.sketch.height = skecth.height/10+'rem'
|
this.sketch.height = skecth.height/10+'rem'
|
||||||
skecth.remove()
|
skecth.remove()
|
||||||
}
|
}
|
||||||
if(this.exhibitionOpenrtionList[this.stateOverallSingle].length > 0){
|
if(this.exhibitionOpenrtionList.overall.length > 0){
|
||||||
this.exhibitionOpenrtionList[this.stateOverallSingle].forEach((item,index)=>{
|
let str = 'overall'
|
||||||
this.setTemplate(item,index)
|
this.exhibitionOpenrtionList[str].forEach((item,index)=>{
|
||||||
|
this.setTemplate(item,index,str)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
if(this.exhibitionOpenrtionList.single.length > 0){
|
||||||
|
let str = 'single'
|
||||||
|
this.exhibitionOpenrtionList[str].forEach((item,index)=>{
|
||||||
|
this.setTemplate(item,index,str)
|
||||||
})
|
})
|
||||||
}else{
|
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
|
setprintList(arr){
|
||||||
|
arr.forEach(item=>{
|
||||||
|
if(item.ifSingle){
|
||||||
|
this.exhibitionOpenrtionList.single.push(item)
|
||||||
|
}else{
|
||||||
|
this.exhibitionOpenrtionList.overall.push(item)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
ifListOver(){
|
ifListOver(){
|
||||||
if(!this.overallSingle){
|
if(!this.overallSingle){
|
||||||
// this.designOpenrtionList = this.designOpenrtionList.filter((item)=>item.level2Type == "Pattern")
|
// this.designOpenrtionList = this.designOpenrtionList.filter((item)=>item.level2Type == "Pattern")
|
||||||
@@ -367,6 +385,7 @@ export default defineComponent({
|
|||||||
})
|
})
|
||||||
if(!this.overallSingle){
|
if(!this.overallSingle){
|
||||||
if(item.checked){
|
if(item.checked){
|
||||||
|
this.imgDomIndex = 0
|
||||||
this.deletePrint()
|
this.deletePrint()
|
||||||
item.checked = false
|
item.checked = false
|
||||||
return
|
return
|
||||||
@@ -389,7 +408,8 @@ export default defineComponent({
|
|||||||
path:item.path,
|
path:item.path,
|
||||||
priority:1,
|
priority:1,
|
||||||
scale:.3,
|
scale:.3,
|
||||||
location:[0,0]
|
location:[0,0],
|
||||||
|
ifSingle:false,
|
||||||
}
|
}
|
||||||
this.systemDesignerPercentage = item.scale?item.scale*100:30
|
this.systemDesignerPercentage = item.scale?item.scale*100:30
|
||||||
}else{
|
}else{
|
||||||
@@ -403,9 +423,10 @@ export default defineComponent({
|
|||||||
path:item.path,
|
path:item.path,
|
||||||
priority:1,
|
priority:1,
|
||||||
scale:1,
|
scale:1,
|
||||||
location:[0,0]
|
location:[0,0],
|
||||||
|
ifSingle:true,
|
||||||
})
|
})
|
||||||
this.refetchTemplate(currentIndex,false)
|
this.refetchTemplate(currentIndex,true)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
//设置移动
|
//设置移动
|
||||||
@@ -555,34 +576,41 @@ export default defineComponent({
|
|||||||
},
|
},
|
||||||
//随机重置图片顺序
|
//随机重置图片顺序
|
||||||
refetchTemplate(index,boor) {
|
refetchTemplate(index,boor) {
|
||||||
// let scale = (Math.trunc(Math.random()*15)+1)*.1
|
|
||||||
let rotateZ1 = Math.trunc(Math.random()*360)+1
|
|
||||||
let rotateZ2 = Math.trunc(Math.random()*360)+1
|
|
||||||
let sketch = document.getElementsByClassName("designOpenrtion_modal")[0]?.getElementsByClassName('designOpenrtion_sketch')[0]
|
let sketch = document.getElementsByClassName("designOpenrtion_modal")[0]?.getElementsByClassName('designOpenrtion_sketch')[0]
|
||||||
let width
|
let width
|
||||||
let scale
|
let scale
|
||||||
if(sketch.width<sketch.height){
|
if(sketch.width<sketch.height){
|
||||||
width = Math.trunc(Math.random()*(sketch?.width-sketch?.width/2))+sketch?.width/4
|
width = Math.trunc(Math.random()*(sketch?.width-sketch?.width/2))+sketch?.width/4
|
||||||
|
if(boor){
|
||||||
|
width = Math.trunc((sketch?.width-sketch?.width/2))+sketch?.width/4
|
||||||
|
}
|
||||||
scale = width / this.print.width.replace(/px/g,'')
|
scale = width / this.print.width.replace(/px/g,'')
|
||||||
}else{
|
}else{
|
||||||
width = Math.trunc(Math.random()*(sketch?.height-sketch?.height/2))+sketch?.height/4
|
width = Math.trunc(Math.random()*(sketch?.height-sketch?.height/2))+sketch?.height/4
|
||||||
|
if(boor){
|
||||||
|
width = Math.trunc((sketch?.height-sketch?.height/2))+sketch?.height/4
|
||||||
|
}
|
||||||
scale = width / this.print.height.replace(/px/g,'')
|
scale = width / this.print.height.replace(/px/g,'')
|
||||||
}
|
}
|
||||||
// let x = sketch.width-Number(this.print.width.replace(/px/g,''))
|
|
||||||
// let y = sketch.height-Number(this.print.height.replace(/px/g,''))
|
|
||||||
let x = sketch?.width - this.print.width.replace(/px/g,'')*scale
|
let x = sketch?.width - this.print.width.replace(/px/g,'')*scale
|
||||||
if(!this.overallSingle){
|
if(!this.overallSingle){
|
||||||
x = sketch?.width - this.print.width.replace(/px/g,'')*scale/2
|
x = sketch?.width - this.print.width.replace(/px/g,'')*scale/2
|
||||||
}
|
}
|
||||||
let y = sketch?.height-this.print.height.replace(/px/g,'')*scale
|
let y = sketch?.height-this.print.height.replace(/px/g,'')*scale
|
||||||
|
let left = sketch.offsetWidth/2-this.print.width.replace(/px/g,'')*scale/2
|
||||||
|
let top = sketch.offsetHeight/2-this.print.height.replace(/px/g,'')*scale/2
|
||||||
|
if(this.stateOverallSingle == 'overall'){
|
||||||
|
left = sketch.offsetWidth/2-5
|
||||||
|
top = sketch.offsetHeight/2-5
|
||||||
|
}
|
||||||
this.printStyleList[this.stateOverallSingle][index]={
|
this.printStyleList[this.stateOverallSingle][index]={
|
||||||
centers:{
|
centers:{
|
||||||
left:0,
|
left:0,
|
||||||
top:0,
|
top:0,
|
||||||
},
|
},
|
||||||
style:{
|
style:{
|
||||||
left:(boor?sketch.offsetWidth/2:Math.trunc(Math.random()*x)+1)+"px",
|
left:(boor?left:Math.trunc(Math.random()*x)+1)+"px",
|
||||||
top:(boor?sketch.offsetHeight/2:Math.trunc(Math.random()*y)+1)+"px",
|
top:(boor?top:Math.trunc(Math.random()*y)+1)+"px",
|
||||||
right:"auto",
|
right:"auto",
|
||||||
bottom:"auto",
|
bottom:"auto",
|
||||||
width:this.print.width.replace(/px/g,'')*scale+'px',
|
width:this.print.width.replace(/px/g,'')*scale+'px',
|
||||||
@@ -598,7 +626,7 @@ export default defineComponent({
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
//设置图片
|
//设置图片
|
||||||
async setTemplate(item,index) {
|
async setTemplate(item,index,str) {
|
||||||
await this.setPrintWH(item.path)
|
await this.setPrintWH(item.path)
|
||||||
this.designOpenrtionList
|
this.designOpenrtionList
|
||||||
let sketch = document.getElementsByClassName("designOpenrtion_modal")[0]?.getElementsByClassName('designOpenrtion_sketch')[0]
|
let sketch = document.getElementsByClassName("designOpenrtion_modal")[0]?.getElementsByClassName('designOpenrtion_sketch')[0]
|
||||||
@@ -614,7 +642,8 @@ export default defineComponent({
|
|||||||
if(sketch.offsetHeight < item.location[1]/sketchNum){
|
if(sketch.offsetHeight < item.location[1]/sketchNum){
|
||||||
top = sketch.offsetHeight +'px'
|
top = sketch.offsetHeight +'px'
|
||||||
}
|
}
|
||||||
this.printStyleList[this.stateOverallSingle][index]={
|
this.systemDesignerPercentage = item.scale?item.scale*100:30
|
||||||
|
this.printStyleList[str][index]={
|
||||||
centers:{
|
centers:{
|
||||||
left:0,
|
left:0,
|
||||||
top:0,
|
top:0,
|
||||||
@@ -635,25 +664,34 @@ export default defineComponent({
|
|||||||
designOpenrtionBtn:false
|
designOpenrtionBtn:false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computeZindex(){
|
computeZindex(resolve,prints){
|
||||||
let arr = JSON.parse(JSON.stringify(this.printStyleList[this.stateOverallSingle]))
|
prints.sort((a, b) => {
|
||||||
arr.sort((a, b) => {
|
var a_num = a.priority;
|
||||||
var a_num = a["style"].zIndex;
|
var b_num = b.priority;
|
||||||
var b_num = b["style"].zIndex;
|
|
||||||
return a_num - b_num;
|
return a_num - b_num;
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
let num = 1
|
let num = 1
|
||||||
arr.forEach((v)=>{
|
|
||||||
v.style.zIndex = num++
|
prints.forEach((v)=>{
|
||||||
|
v.priority = num++
|
||||||
})
|
})
|
||||||
return this.computeSize(arr)//计算单件衣服初始大小到目前大小的缩放比
|
resolve(prints)
|
||||||
},
|
},
|
||||||
computeSize(arr){
|
computeSize(){
|
||||||
return new Promise(async (resolve, reject) => {
|
return new Promise(async (resolve, reject) => {
|
||||||
|
let arr = JSON.parse(JSON.stringify(this.printStyleList[this.stateOverallSingle]))
|
||||||
// let num = this.sketch/
|
// let num = this.sketch/
|
||||||
let sketch = document.getElementsByClassName("designOpenrtion_sketch")[0]
|
let sketch = document.getElementsByClassName("designOpenrtion_sketch")[0]
|
||||||
let sketchNum = this.sketch.width.replace(/rem/g,'')*10/sketch.offsetWidth
|
let sketchNum = this.sketch.width.replace(/rem/g,'')*10/sketch.offsetWidth
|
||||||
let prints = []
|
let prints = []
|
||||||
|
prints = this.operationCurrent.printObject.prints.filter(item=>!!!item.ifSingle)
|
||||||
|
if(this.stateOverallSingle == 'overall'){
|
||||||
|
prints = this.operationCurrent.printObject.prints.filter(item=>!!item.ifSingle)
|
||||||
|
}else{
|
||||||
|
prints = this.operationCurrent.printObject.prints.filter(item=>!!!item.ifSingle)
|
||||||
|
}
|
||||||
let scale
|
let scale
|
||||||
let location
|
let location
|
||||||
for (let index = 0; index < arr.length; index++) {
|
for (let index = 0; index < arr.length; index++) {
|
||||||
@@ -676,10 +714,11 @@ export default defineComponent({
|
|||||||
level2Type:this.exhibitionOpenrtionList[this.stateOverallSingle][index].level2Type,
|
level2Type:this.exhibitionOpenrtionList[this.stateOverallSingle][index].level2Type,
|
||||||
path:this.exhibitionOpenrtionList[this.stateOverallSingle][index].path,
|
path:this.exhibitionOpenrtionList[this.stateOverallSingle][index].path,
|
||||||
minIOPath:this.exhibitionOpenrtionList[this.stateOverallSingle][index].minIOPath,
|
minIOPath:this.exhibitionOpenrtionList[this.stateOverallSingle][index].minIOPath,
|
||||||
|
ifSingle:!!this.exhibitionOpenrtionList[this.stateOverallSingle][index].ifSingle,
|
||||||
}
|
}
|
||||||
prints.push(obj)
|
prints.push(obj)
|
||||||
}
|
}
|
||||||
resolve(prints)
|
this.computeZindex(resolve,prints)
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
async setPreview(){
|
async setPreview(){
|
||||||
@@ -699,7 +738,7 @@ export default defineComponent({
|
|||||||
// timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone,
|
// timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone,
|
||||||
// }
|
// }
|
||||||
let data = JSON.parse(JSON.stringify(this.store.state.DesignDetailModule.designPreviewData))
|
let data = JSON.parse(JSON.stringify(this.store.state.DesignDetailModule.designPreviewData))
|
||||||
await this.computeZindex().then((rv)=>{
|
await this.computeSize().then((rv)=>{
|
||||||
this.setOkData = rv
|
this.setOkData = rv
|
||||||
})
|
})
|
||||||
data.designSingleItemDTOList[index].printObject={
|
data.designSingleItemDTOList[index].printObject={
|
||||||
@@ -710,6 +749,8 @@ export default defineComponent({
|
|||||||
this.loadingShow = true
|
this.loadingShow = true
|
||||||
Https.axiosPost(Https.httpUrls.designSingle, data).then(
|
Https.axiosPost(Https.httpUrls.designSingle, data).then(
|
||||||
(rv) => {
|
(rv) => {
|
||||||
|
this.operationCurrent = Object.assign({},rv.clothes[index])
|
||||||
|
|
||||||
// designItemDetail.clothes[index].printObject.path = rv.clothes[0].printObject.path
|
// designItemDetail.clothes[index].printObject.path = rv.clothes[0].printObject.path
|
||||||
this.currentFullBodyView = rv.currentFullBodyView
|
this.currentFullBodyView = rv.currentFullBodyView
|
||||||
this.designItemDetailTS.rv = rv
|
this.designItemDetailTS.rv = rv
|
||||||
@@ -1003,7 +1044,8 @@ export default defineComponent({
|
|||||||
max-width: calc(60rem*1.2);
|
max-width: calc(60rem*1.2);
|
||||||
}
|
}
|
||||||
.designOpenrtion_sketch_mask{
|
.designOpenrtion_sketch_mask{
|
||||||
z-index: 3;
|
z-index: 2;
|
||||||
|
// z-index: 3;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
inset: 0;
|
inset: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -1058,10 +1100,12 @@ export default defineComponent({
|
|||||||
border: none;
|
border: none;
|
||||||
width: calc(1.4rem*1.2);
|
width: calc(1.4rem*1.2);
|
||||||
height: calc(1.4rem*1.2);
|
height: calc(1.4rem*1.2);
|
||||||
|
z-index: 2;
|
||||||
i{
|
i{
|
||||||
display: flex;
|
display: flex;
|
||||||
color: #14bcff;
|
color: #14bcff;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.animtion1{
|
.animtion1{
|
||||||
animation: anim 4s 2s linear infinite;
|
animation: anim 4s 2s linear infinite;
|
||||||
|
|||||||
@@ -98,9 +98,7 @@
|
|||||||
<img crossOrigin="anonymous" :src="item?.path" :style="{transform:`rotateZ(${printStyleList[index]?.transform?.rotateZ}deg)`}" class="designOpenrtionMobile_imgItme" draggable="false">
|
<img crossOrigin="anonymous" :src="item?.path" :style="{transform:`rotateZ(${printStyleList[index]?.transform?.rotateZ}deg)`}" class="designOpenrtionMobile_imgItme" draggable="false">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- <img v-if="overallSingle" :src="current?.layersObject?.[1]?.maskUrl" alt="" class="designOpenrtionMobile_sketch"> -->
|
<img v-lazy="operationCurrent.undividedLayer || operationCurrent.path" alt="" class="designOpenrtion_sketch">
|
||||||
<img :src="current?.path" alt="" class="designOpenrtionMobile_sketch">
|
|
||||||
<img v-show="overallSingle" :src="current?.layersObject?.[1]?.maskUrl" alt="" class="designOpenrtionMobile_sketch_mask">
|
|
||||||
<div class="designOpenrtionMobile_btn">
|
<div class="designOpenrtionMobile_btn">
|
||||||
<ul v-if="overallSingle" v-for="item,index in printStyleList[stateOverallSingle]" :key="item" :class="{active:item?.designOpenrtionBtn?item?.designOpenrtionBtn:false}" class="designOpenrtionMobile_Mousingle" :style="item.style" @touchstart.stop="itemMoveMousedown(index,$event)">
|
<ul v-if="overallSingle" v-for="item,index in printStyleList[stateOverallSingle]" :key="item" :class="{active:item?.designOpenrtionBtn?item?.designOpenrtionBtn:false}" class="designOpenrtionMobile_Mousingle" :style="item.style" @touchstart.stop="itemMoveMousedown(index,$event)">
|
||||||
<li class="designOpenrtionMobile_btn_top" @touchstart.stop="itemSizeMousedown('top',$event)"></li>
|
<li class="designOpenrtionMobile_btn_top" @touchstart.stop="itemSizeMousedown('top',$event)"></li>
|
||||||
@@ -199,6 +197,9 @@ export default defineComponent({
|
|||||||
let sketch = ref({
|
let sketch = ref({
|
||||||
width:'',
|
width:'',
|
||||||
height:''
|
height:''
|
||||||
|
})
|
||||||
|
let operationCurrent = ref({
|
||||||
|
|
||||||
})
|
})
|
||||||
let loadingShow = ref(false)
|
let loadingShow = ref(false)
|
||||||
let currentFullBodyView = ref('')
|
let currentFullBodyView = ref('')
|
||||||
@@ -223,6 +224,7 @@ export default defineComponent({
|
|||||||
imgDomIndex,
|
imgDomIndex,
|
||||||
print,
|
print,
|
||||||
sketch,
|
sketch,
|
||||||
|
operationCurrent,
|
||||||
loadingShow,
|
loadingShow,
|
||||||
setRevocation,
|
setRevocation,
|
||||||
t,
|
t,
|
||||||
@@ -295,11 +297,14 @@ export default defineComponent({
|
|||||||
if(designItemDetail.others.length == 0){
|
if(designItemDetail.others.length == 0){
|
||||||
this.body = true
|
this.body = true
|
||||||
}
|
}
|
||||||
|
//设置前片后片
|
||||||
|
this.operationCurrent = Object.assign({},this.current)
|
||||||
this.designOpenrtion = true
|
this.designOpenrtion = true
|
||||||
this.clearModal()
|
this.clearModal()
|
||||||
this.overallSingle = this.current.printObject.ifSingle?true:false
|
this.overallSingle = this.current.printObject.ifSingle?true:false
|
||||||
this.ifListOver()
|
this.ifListOver()
|
||||||
if(this.current.printObject.prints)this.exhibitionOpenrtionList[this.stateOverallSingle] = JSON.parse(JSON.stringify(this.current.printObject.prints))
|
let printList = JSON.parse(JSON.stringify(this.current.printObject.prints))
|
||||||
|
this.setprintList(printList)
|
||||||
if(this.$parent.exhibitionList.print)this.designOpenrtionList = JSON.parse(JSON.stringify(this.$parent.exhibitionList.print))
|
if(this.$parent.exhibitionList.print)this.designOpenrtionList = JSON.parse(JSON.stringify(this.$parent.exhibitionList.print))
|
||||||
if(this.$parent.elementsList)this.designList = JSON.parse(JSON.stringify(this.$parent.printsList))
|
if(this.$parent.elementsList)this.designList = JSON.parse(JSON.stringify(this.$parent.printsList))
|
||||||
if(this.overallSingle == false && this.designOpenrtionList.length > 0){
|
if(this.overallSingle == false && this.designOpenrtionList.length > 0){
|
||||||
@@ -314,12 +319,27 @@ export default defineComponent({
|
|||||||
this.sketch.height = skecth.height/10+'rem'
|
this.sketch.height = skecth.height/10+'rem'
|
||||||
skecth.remove()
|
skecth.remove()
|
||||||
}
|
}
|
||||||
if(this.exhibitionOpenrtionList[this.stateOverallSingle].length > 0){
|
if(this.exhibitionOpenrtionList.overall.length > 0){
|
||||||
this.exhibitionOpenrtionList[this.stateOverallSingle].forEach((item,index)=>{
|
let str = 'overall'
|
||||||
this.setTemplate(item,index)
|
this.exhibitionOpenrtionList[str].forEach((item,index)=>{
|
||||||
|
this.setTemplate(item,index,str)
|
||||||
})
|
})
|
||||||
}else{
|
|
||||||
}
|
}
|
||||||
|
if(this.exhibitionOpenrtionList.single.length > 0){
|
||||||
|
let str = 'single'
|
||||||
|
this.exhibitionOpenrtionList[str].forEach((item,index)=>{
|
||||||
|
this.setTemplate(item,index,str)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
setprintList(arr){
|
||||||
|
arr.forEach(item=>{
|
||||||
|
if(item.ifSingle){
|
||||||
|
this.exhibitionOpenrtionList.single.push(item)
|
||||||
|
}else{
|
||||||
|
this.exhibitionOpenrtionList.overall.push(item)
|
||||||
|
}
|
||||||
|
})
|
||||||
},
|
},
|
||||||
ifListOver(){
|
ifListOver(){
|
||||||
if(!this.overallSingle){
|
if(!this.overallSingle){
|
||||||
@@ -366,6 +386,7 @@ export default defineComponent({
|
|||||||
})
|
})
|
||||||
if(!this.overallSingle){
|
if(!this.overallSingle){
|
||||||
if(item.checked){
|
if(item.checked){
|
||||||
|
this.imgDomIndex = 0
|
||||||
this.deletePrint()
|
this.deletePrint()
|
||||||
item.checked = false
|
item.checked = false
|
||||||
return
|
return
|
||||||
@@ -388,7 +409,8 @@ export default defineComponent({
|
|||||||
path:item.path,
|
path:item.path,
|
||||||
priority:1,
|
priority:1,
|
||||||
scale:.3,
|
scale:.3,
|
||||||
location:[0,0]
|
location:[0,0],
|
||||||
|
ifSingle:false,
|
||||||
}
|
}
|
||||||
this.systemDesignerPercentage = item.scale?item.scale*100:30
|
this.systemDesignerPercentage = item.scale?item.scale*100:30
|
||||||
}else{
|
}else{
|
||||||
@@ -402,7 +424,8 @@ export default defineComponent({
|
|||||||
path:item.path,
|
path:item.path,
|
||||||
priority:1,
|
priority:1,
|
||||||
scale:1,
|
scale:1,
|
||||||
location:[0,0]
|
location:[0,0],
|
||||||
|
ifSingle:true,
|
||||||
})
|
})
|
||||||
this.refetchTemplate(currentIndex,false)
|
this.refetchTemplate(currentIndex,false)
|
||||||
}
|
}
|
||||||
@@ -563,26 +586,36 @@ export default defineComponent({
|
|||||||
let scale
|
let scale
|
||||||
if(sketch.width<sketch.height){
|
if(sketch.width<sketch.height){
|
||||||
width = Math.trunc(Math.random()*(sketch?.width-sketch?.width/2))+sketch?.width/4
|
width = Math.trunc(Math.random()*(sketch?.width-sketch?.width/2))+sketch?.width/4
|
||||||
|
if(boor){
|
||||||
|
width = Math.trunc((sketch?.width-sketch?.width/2))+sketch?.width/4
|
||||||
|
}
|
||||||
scale = width / this.print.width.replace(/px/g,'')
|
scale = width / this.print.width.replace(/px/g,'')
|
||||||
}else{
|
}else{
|
||||||
width = Math.trunc(Math.random()*(sketch?.height-sketch?.height/2))+sketch?.height/4
|
width = Math.trunc(Math.random()*(sketch?.height-sketch?.height/2))+sketch?.height/4
|
||||||
|
if(boor){
|
||||||
|
width = Math.trunc((sketch?.height-sketch?.height/2))+sketch?.height/4
|
||||||
|
}
|
||||||
scale = width / this.print.height.replace(/px/g,'')
|
scale = width / this.print.height.replace(/px/g,'')
|
||||||
}
|
}
|
||||||
// let x = sketch.width-Number(this.print.width.replace(/px/g,''))
|
|
||||||
// let y = sketch.height-Number(this.print.height.replace(/px/g,''))
|
|
||||||
let x = sketch?.width - this.print.width.replace(/px/g,'')*scale
|
let x = sketch?.width - this.print.width.replace(/px/g,'')*scale
|
||||||
if(!this.overallSingle){
|
if(!this.overallSingle){
|
||||||
x = sketch?.width - this.print.width.replace(/px/g,'')*scale/2
|
x = sketch?.width - this.print.width.replace(/px/g,'')*scale/2
|
||||||
}
|
}
|
||||||
let y = sketch?.height-this.print.height.replace(/px/g,'')*scale
|
let y = sketch?.height-this.print.height.replace(/px/g,'')*scale
|
||||||
|
let left = sketch.offsetWidth/2-this.print.width.replace(/px/g,'')*scale/2
|
||||||
|
let top = sketch.offsetHeight/2-this.print.height.replace(/px/g,'')*scale/2
|
||||||
|
if(this.stateOverallSingle == 'overall'){
|
||||||
|
left = sketch.offsetWidth/2-5
|
||||||
|
top = sketch.offsetHeight/2-5
|
||||||
|
}
|
||||||
this.printStyleList[this.stateOverallSingle][index]={
|
this.printStyleList[this.stateOverallSingle][index]={
|
||||||
centers:{
|
centers:{
|
||||||
left:0,
|
left:0,
|
||||||
top:0,
|
top:0,
|
||||||
},
|
},
|
||||||
style:{
|
style:{
|
||||||
left:(boor?sketch.offsetWidth/2:Math.trunc(Math.random()*x)+1)+"px",
|
left:(boor?left:Math.trunc(Math.random()*x)+1)+"px",
|
||||||
top:(boor?sketch.offsetHeight/2:Math.trunc(Math.random()*y)+1)+"px",
|
top:(boor?top:Math.trunc(Math.random()*y)+1)+"px",
|
||||||
right:"auto",
|
right:"auto",
|
||||||
bottom:"auto",
|
bottom:"auto",
|
||||||
width:this.print.width.replace(/px/g,'')*scale+'px',
|
width:this.print.width.replace(/px/g,'')*scale+'px',
|
||||||
@@ -598,7 +631,7 @@ export default defineComponent({
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
//设置图片
|
//设置图片
|
||||||
async setTemplate(item,index) {
|
async setTemplate(item,index,str) {
|
||||||
await this.setPrintWH(item.path)
|
await this.setPrintWH(item.path)
|
||||||
this.designOpenrtionList
|
this.designOpenrtionList
|
||||||
let sketch = document.getElementsByClassName("designOpenrtionMobile_modal")[0]?.getElementsByClassName('designOpenrtionMobile_sketch')[0]
|
let sketch = document.getElementsByClassName("designOpenrtionMobile_modal")[0]?.getElementsByClassName('designOpenrtionMobile_sketch')[0]
|
||||||
@@ -614,7 +647,8 @@ export default defineComponent({
|
|||||||
if(sketch.offsetHeight < item.location[1]/sketchNum){
|
if(sketch.offsetHeight < item.location[1]/sketchNum){
|
||||||
top = sketch.offsetHeight +'px'
|
top = sketch.offsetHeight +'px'
|
||||||
}
|
}
|
||||||
this.printStyleList[this.stateOverallSingle][index]={
|
this.systemDesignerPercentage = item.scale?item.scale*100:30
|
||||||
|
this.printStyleList[str][index]={
|
||||||
centers:{
|
centers:{
|
||||||
left:0,
|
left:0,
|
||||||
top:0,
|
top:0,
|
||||||
@@ -635,26 +669,34 @@ export default defineComponent({
|
|||||||
designOpenrtionBtn:false
|
designOpenrtionBtn:false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computeZindex(){
|
computeZindex(resolve,prints){
|
||||||
let arr = JSON.parse(JSON.stringify(this.printStyleList[this.stateOverallSingle]))
|
prints.sort((a, b) => {
|
||||||
arr.sort((a, b) => {
|
var a_num = a.priority;
|
||||||
var a_num = a["style"].zIndex;
|
var b_num = b.priority;
|
||||||
var b_num = b["style"].zIndex;
|
|
||||||
return a_num - b_num;
|
return a_num - b_num;
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
let num = 1
|
let num = 1
|
||||||
arr.forEach((v)=>{
|
|
||||||
v.style.zIndex = num++
|
prints.forEach((v)=>{
|
||||||
|
v.priority = num++
|
||||||
})
|
})
|
||||||
return this.computeSize(arr)//计算单件衣服初始大小到目前大小的缩放比
|
resolve(prints)
|
||||||
},
|
},
|
||||||
computeSize(arr){
|
computeSize(arr){
|
||||||
// let num = this.sketch/
|
|
||||||
return new Promise(async (resolve, reject) => {
|
return new Promise(async (resolve, reject) => {
|
||||||
|
let arr = JSON.parse(JSON.stringify(this.printStyleList[this.stateOverallSingle]))
|
||||||
let sketch = document.getElementsByClassName("designOpenrtionMobile_sketch")[0]
|
let sketch = document.getElementsByClassName("designOpenrtionMobile_sketch")[0]
|
||||||
let sketchNum = this.sketch.width.replace(/rem/g,'')*10/sketch.offsetWidth
|
let sketchNum = this.sketch.width.replace(/rem/g,'')*10/sketch.offsetWidth
|
||||||
let scale
|
|
||||||
let prints = []
|
let prints = []
|
||||||
|
prints = this.operationCurrent.printObject.prints.filter(item=>!!!item.ifSingle)
|
||||||
|
if(this.stateOverallSingle == 'overall'){
|
||||||
|
prints = this.operationCurrent.printObject.prints.filter(item=>!!item.ifSingle)
|
||||||
|
}else{
|
||||||
|
prints = this.operationCurrent.printObject.prints.filter(item=>!!!item.ifSingle)
|
||||||
|
}
|
||||||
|
let scale
|
||||||
let location
|
let location
|
||||||
for (let index = 0; index < arr.length; index++) {
|
for (let index = 0; index < arr.length; index++) {
|
||||||
if(!this.overallSingle){
|
if(!this.overallSingle){
|
||||||
@@ -676,10 +718,11 @@ export default defineComponent({
|
|||||||
level2Type:this.exhibitionOpenrtionList[this.stateOverallSingle][index].level2Type,
|
level2Type:this.exhibitionOpenrtionList[this.stateOverallSingle][index].level2Type,
|
||||||
path:this.exhibitionOpenrtionList[this.stateOverallSingle][index].path,
|
path:this.exhibitionOpenrtionList[this.stateOverallSingle][index].path,
|
||||||
minIOPath:this.exhibitionOpenrtionList[this.stateOverallSingle][index].minIOPath,
|
minIOPath:this.exhibitionOpenrtionList[this.stateOverallSingle][index].minIOPath,
|
||||||
|
ifSingle:!!this.exhibitionOpenrtionList[this.stateOverallSingle][index].ifSingle,
|
||||||
}
|
}
|
||||||
prints.push(obj)
|
prints.push(obj)
|
||||||
}
|
}
|
||||||
resolve(prints)
|
this.computeZindex(resolve,prints)
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
async setPreview(){
|
async setPreview(){
|
||||||
@@ -699,7 +742,7 @@ export default defineComponent({
|
|||||||
// timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone,
|
// timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone,
|
||||||
// }
|
// }
|
||||||
let data = this.store.state.DesignDetailModule.designPreviewData
|
let data = this.store.state.DesignDetailModule.designPreviewData
|
||||||
await this.computeZindex().then((rv)=>{
|
await this.computeSize().then((rv)=>{
|
||||||
this.setOkData = rv
|
this.setOkData = rv
|
||||||
})
|
})
|
||||||
data.designSingleItemDTOList[index].printObject={
|
data.designSingleItemDTOList[index].printObject={
|
||||||
@@ -710,6 +753,7 @@ export default defineComponent({
|
|||||||
this.loadingShow = true
|
this.loadingShow = true
|
||||||
Https.axiosPost(Https.httpUrls.designSingle, data).then(
|
Https.axiosPost(Https.httpUrls.designSingle, data).then(
|
||||||
(rv) => {
|
(rv) => {
|
||||||
|
this.operationCurrent = Object.assign({},rv.clothes[index])
|
||||||
// designItemDetail.clothes[index].printObject.path = rv.clothes[0].printObject.path
|
// designItemDetail.clothes[index].printObject.path = rv.clothes[0].printObject.path
|
||||||
this.currentFullBodyView = rv.currentFullBodyView
|
this.currentFullBodyView = rv.currentFullBodyView
|
||||||
this.designItemDetailTS.rv = rv
|
this.designItemDetailTS.rv = rv
|
||||||
|
|||||||
@@ -207,7 +207,6 @@ export default defineComponent({
|
|||||||
var pointer = canvas.getPointer(event.e);
|
var pointer = canvas.getPointer(event.e);
|
||||||
if(canvas.isDrawingMode){
|
if(canvas.isDrawingMode){
|
||||||
canvas.setCursor('none');
|
canvas.setCursor('none');
|
||||||
console.log(12,canvas.contains(brushIndicator));
|
|
||||||
if(!canvas.contains(brushIndicator)){
|
if(!canvas.contains(brushIndicator)){
|
||||||
canvas.add(brushIndicator)
|
canvas.add(brushIndicator)
|
||||||
brushIndicator.set({// left:0,
|
brushIndicator.set({// left:0,
|
||||||
|
|||||||
@@ -293,7 +293,7 @@
|
|||||||
</a-modal>
|
</a-modal>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import {defineComponent, computed, h, ref, nextTick, createVNode, reactive, onMounted,
|
import {defineComponent, computed, h, ref, nextTick, inject, reactive, onMounted,
|
||||||
} from "vue";
|
} from "vue";
|
||||||
import { Https } from "@/tool/https";
|
import { Https } from "@/tool/https";
|
||||||
import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
|
import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
|
||||||
@@ -357,16 +357,12 @@ export default defineComponent({
|
|||||||
let sketchGrouping = 3; //sketch分组
|
let sketchGrouping = 3; //sketch分组
|
||||||
let likeDesign = 4; //整体图分组
|
let likeDesign = 4; //整体图分组
|
||||||
let disposeMoodboardShow = true;
|
let disposeMoodboardShow = true;
|
||||||
|
|
||||||
|
|
||||||
let canvasState = ref()//存放canvas操作
|
let canvasState = ref()//存放canvas操作
|
||||||
let reverseCanvasState = ref([])//存放canvas操作
|
let reverseCanvasState = ref([])//存放canvas操作
|
||||||
let normalCanvasState = ref([])//存放canvas操作
|
let normalCanvasState = ref([])//存放canvas操作
|
||||||
let isLoadCanvas = false//撤回或者反撤回false为撤回
|
let isLoadCanvas = false//撤回或者反撤回false为撤回
|
||||||
let userlikeGroupId = 0
|
let userlikeGroupId = 0
|
||||||
let beenPublished = 0
|
|
||||||
let init = (productData) => {
|
let init = (productData) => {
|
||||||
beenPublished = productData.beenPublished
|
|
||||||
userlikeGroupId = productData.userlikeGroupId
|
userlikeGroupId = productData.userlikeGroupId
|
||||||
canvasWH.value.height = 100
|
canvasWH.value.height = 100
|
||||||
normalCanvasState.value = []
|
normalCanvasState.value = []
|
||||||
@@ -745,11 +741,11 @@ export default defineComponent({
|
|||||||
};
|
};
|
||||||
if (key == "likeDesignCollectionList") {
|
if (key == "likeDesignCollectionList") {
|
||||||
data.imgUrl = item.designOutfitUrl;
|
data.imgUrl = item.designOutfitUrl;
|
||||||
data.name = "result" + index + "." + data.imgUrl.split(".").pop().split("?").shift();;
|
data.name = "result" + index + "." + data.imgUrl.split(".").pop().split("?").shift();
|
||||||
}
|
}
|
||||||
if (key == "FinalizeImage") {
|
if (key == "FinalizeImage") {
|
||||||
data.imgUrl = item.designOutfitUrl;
|
data.imgUrl = item.url;
|
||||||
data.name = "porduct" + index + "." + data.imgUrl.split(".").pop().split("?").shift();;
|
data.name = "Finalize" + index + "." + data.imgUrl.split(".").pop().split("?").shift();
|
||||||
}
|
}
|
||||||
img.push(data);
|
img.push(data);
|
||||||
index++;
|
index++;
|
||||||
@@ -1843,7 +1839,6 @@ export default defineComponent({
|
|||||||
let data = {
|
let data = {
|
||||||
"imgUrl":imageDataURL,
|
"imgUrl":imageDataURL,
|
||||||
userlikeGroupId:userlikeGroupId,
|
userlikeGroupId:userlikeGroupId,
|
||||||
beenPublished
|
|
||||||
}
|
}
|
||||||
publishModal.init(data)
|
publishModal.init(data)
|
||||||
}
|
}
|
||||||
@@ -2133,7 +2128,7 @@ export default defineComponent({
|
|||||||
position: sticky;
|
position: sticky;
|
||||||
background: #f9fafb;
|
background: #f9fafb;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
bottom: 0;
|
bottom: -1px;
|
||||||
.exportCanvasBox_left_btn{
|
.exportCanvasBox_left_btn{
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|||||||
@@ -150,18 +150,23 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="productImg_right_item_imgBox" v-else>
|
<div class="productImg_right_item_imgBox" v-else>
|
||||||
<img :src="item.url" alt="">
|
<img :src="item.url" alt="">
|
||||||
<div class="productImg_right_item_like" @click.stop="likeFile(item,'like',index)">
|
<div class="productImg_right_item_iconRight">
|
||||||
<i class="fi fi-rr-heart"></i>
|
<div class="productImg_right_item_like" @click.stop="likeFile(item,'like',index)">
|
||||||
|
<i class="fi fi-rr-heart"></i>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="productImg_right_item_scale iconLeft" @click.stop="setScaleImage(generateList,index,true)">
|
<div class="productImg_right_item_iconLeft">
|
||||||
<i class="fi fi-bs-expand-arrows-alt"></i>
|
<div class="productImg_right_item_scale" @click.stop="setScaleImage(generateList,index,true)">
|
||||||
</div>
|
<i class="fi fi-bs-expand-arrows-alt"></i>
|
||||||
<div class="productImg_right_item_menu iconLeft" @click.stop="setMenuShow(item)">
|
</div>
|
||||||
<i class="fi fi-rr-circle-ellipsis"></i>
|
<div v-show="item.resultType != 'Relight'" class="productImg_right_item_menu" @click.stop="setMenuShow(item)">
|
||||||
<ul v-show="item.menuShow">
|
<i class="fi fi-rr-circle-ellipsis"></i>
|
||||||
<li v-for="menuItem,index in productimgMenuList" v-show="index != 0" @click.stop="setMenu(menuItem,item)" :key="menuItem.value">{{ menuItem.label }}</li>
|
<ul v-show="item.menuShow">
|
||||||
</ul>
|
<li v-for="menuItem,index in productimgMenuList" v-show="index != 0" @click.stop="setMenu(menuItem,item)" :key="menuItem.value">{{ menuItem.label }}</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="mark_loading" v-show="isShowMark">
|
<div class="mark_loading" v-show="isShowMark">
|
||||||
@@ -175,17 +180,21 @@
|
|||||||
<div class="productImg_right_item_box generalScroll" v-mousewheel>
|
<div class="productImg_right_item_box generalScroll" v-mousewheel>
|
||||||
<div class="productImg_right_item" v-for="item,index in likeList" :key="item">
|
<div class="productImg_right_item" v-for="item,index in likeList" :key="item">
|
||||||
<img :src="item.url" alt="">
|
<img :src="item.url" alt="">
|
||||||
<div class="productImg_right_item_like" @click.stop="likeFile(item,'noLike',index)">
|
<div class="productImg_right_item_iconRight">
|
||||||
<i class="fi fi-sr-heart"></i>
|
<div class="productImg_right_item_like" @click.stop="likeFile(item,'noLike',index)">
|
||||||
|
<i class="fi fi-sr-heart"></i>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="productImg_right_item_scale iconLeft" @click.stop="setScaleImage(likeList,index,false)">
|
<div class="productImg_right_item_iconLeft">
|
||||||
<i class="fi fi-bs-expand-arrows-alt"></i>
|
<div class="productImg_right_item_scale" @click.stop="setScaleImage(likeList,index,false)">
|
||||||
</div>
|
<i class="fi fi-bs-expand-arrows-alt"></i>
|
||||||
<div class="productImg_right_item_menu iconLeft" :title="$t('ProductImg.moreTitle')" @click.stop="setMenuShow(item)">
|
</div>
|
||||||
<i class="fi fi-rr-circle-ellipsis"></i>
|
<div v-show="item.resultType != 'Relight'" class="productImg_right_item_menu" :title="$t('ProductImg.moreTitle')" @click.stop="setMenuShow(item)">
|
||||||
<ul v-show="item.menuShow">
|
<i class="fi fi-rr-circle-ellipsis"></i>
|
||||||
<li v-for="menuItem,index in productimgMenuList" v-show="index != 0" @click.stop="setMenu(menuItem,item)" :key="menuItem.value">{{ menuItem.label }}</li>
|
<ul v-show="item.menuShow">
|
||||||
</ul>
|
<li v-for="menuItem,index in productimgMenuList" v-show="index != 0" @click.stop="setMenu(menuItem,item)" :key="menuItem.value">{{ menuItem.label }}</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -236,7 +245,6 @@ export default defineComponent({
|
|||||||
let productImgMask:any = ref(false)//弹窗遮罩
|
let productImgMask:any = ref(false)//弹窗遮罩
|
||||||
let productImgData:any = reactive({
|
let productImgData:any = reactive({
|
||||||
isShowMark:false,
|
isShowMark:false,
|
||||||
beenPublished:0,
|
|
||||||
fileList:{},
|
fileList:{},
|
||||||
searchName:'',
|
searchName:'',
|
||||||
isTextarea:false,//是否展开
|
isTextarea:false,//是否展开
|
||||||
@@ -279,9 +287,8 @@ export default defineComponent({
|
|||||||
return store.state.HomeStoreModule.likeDesignCollectionList;
|
return store.state.HomeStoreModule.likeDesignCollectionList;
|
||||||
});
|
});
|
||||||
let userlikeGroupId = 0
|
let userlikeGroupId = 0
|
||||||
let init = (userGroupId:any,beenPublished:any)=>{
|
let init = (userGroupId:any)=>{
|
||||||
productImg.value = true
|
productImg.value = true
|
||||||
productImgData.beenPublished = beenPublished
|
|
||||||
selectList.value['ToProductImage'] = JSON.parse(JSON.stringify(likeDesignCollectionList.value))
|
selectList.value['ToProductImage'] = JSON.parse(JSON.stringify(likeDesignCollectionList.value))
|
||||||
upload.value = {
|
upload.value = {
|
||||||
userlikeGroupId:userGroupId
|
userlikeGroupId:userGroupId
|
||||||
@@ -404,7 +411,6 @@ export default defineComponent({
|
|||||||
key:'FinalizeImage',
|
key:'FinalizeImage',
|
||||||
imgList:imgList,
|
imgList:imgList,
|
||||||
userlikeGroupId,
|
userlikeGroupId,
|
||||||
beenPublished:productImgData.beenPublished
|
|
||||||
}
|
}
|
||||||
let exportModel:any = ExportModel.value
|
let exportModel:any = ExportModel.value
|
||||||
|
|
||||||
@@ -554,8 +560,10 @@ export default defineComponent({
|
|||||||
Https.axiosGet(Https.httpUrls.generateStopWaiting, {params:data}).then(
|
Https.axiosGet(Https.httpUrls.generateStopWaiting, {params:data}).then(
|
||||||
(rv) => {
|
(rv) => {
|
||||||
generateProceedList = []
|
generateProceedList = []
|
||||||
|
productImgData.generateList = productImgData.generateList.filter((item:any)=>item.status == 'Success')
|
||||||
}
|
}
|
||||||
).catch(res=>{
|
).catch(res=>{
|
||||||
|
productImgData.generateList = productImgData.generateList.filter((item:any)=>item.status == 'Success')
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -564,8 +572,8 @@ export default defineComponent({
|
|||||||
arr.forEach((item:any)=>{
|
arr.forEach((item:any)=>{
|
||||||
item.imgUrl = item.url
|
item.imgUrl = item.url
|
||||||
})
|
})
|
||||||
// scaleImage.value.isProductimg = isLike
|
scaleImage.value.isProductimg = isLike
|
||||||
scaleImage.value.isProductimg = false
|
// scaleImage.value.isProductimg = false
|
||||||
scaleImage.value.init(arr,index)
|
scaleImage.value.init(arr,index)
|
||||||
scaleImage.value.isLike = false
|
scaleImage.value.isLike = false
|
||||||
scaleImage.value.isComparison = true
|
scaleImage.value.isComparison = true
|
||||||
@@ -897,12 +905,26 @@ export default defineComponent({
|
|||||||
img{
|
img{
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
.productImg_right_item_iconRight,.productImg_right_item_iconLeft{
|
||||||
.productImg_right_item_like,.productImg_right_item_scale,.productImg_right_item_menu{
|
|
||||||
display: none;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 2rem;
|
top: 2rem;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
>div{
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
>div:last-child{
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.productImg_right_item_iconRight{
|
||||||
right: 2rem;
|
right: 2rem;
|
||||||
|
}
|
||||||
|
.productImg_right_item_iconLeft{
|
||||||
|
left: 2rem;
|
||||||
|
}
|
||||||
|
.productImg_right_item_like,.productImg_right_item_scale,.productImg_right_item_menu{
|
||||||
|
display: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
width: 3rem;
|
width: 3rem;
|
||||||
height: 3rem;
|
height: 3rem;
|
||||||
@@ -936,13 +958,6 @@ export default defineComponent({
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.iconLeft{
|
|
||||||
left: 2rem;
|
|
||||||
right: auto;
|
|
||||||
}
|
|
||||||
.productImg_right_item_scale{
|
|
||||||
top: 6rem;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.productImg_right_item:hover{
|
.productImg_right_item:hover{
|
||||||
.productImg_right_item_like,.productImg_right_item_scale,.productImg_right_item_menu{
|
.productImg_right_item_like,.productImg_right_item_scale,.productImg_right_item_menu{
|
||||||
|
|||||||
@@ -87,7 +87,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="scaleImage_content_imgBox">
|
<div class="scaleImage_content_imgBox" :class="{active:isComparison}">
|
||||||
<img v-if="isComparison" :src="scaleImageList[scaleImageIndex]?.sourceUrl">
|
<img v-if="isComparison" :src="scaleImageList[scaleImageIndex]?.sourceUrl">
|
||||||
<img :src="scaleImageList[scaleImageIndex]?.imgUrl">
|
<img :src="scaleImageList[scaleImageIndex]?.imgUrl">
|
||||||
<div class="img_operate_block" v-if="isLike">
|
<div class="img_operate_block" v-if="isLike">
|
||||||
@@ -183,6 +183,7 @@ export default defineComponent({
|
|||||||
}
|
}
|
||||||
let imageStrength = productimg.productimgSimilarity == 100? 95 :productimg.productimgSimilarity
|
let imageStrength = productimg.productimgSimilarity == 100? 95 :productimg.productimgSimilarity
|
||||||
let data:any ={
|
let data:any ={
|
||||||
|
direction:productimg.productimgRelightDirection,
|
||||||
prompt:productimg.productimgSearchName,
|
prompt:productimg.productimgSearchName,
|
||||||
toProductImageVOList:[obj],
|
toProductImageVOList:[obj],
|
||||||
userLikeGroupId:productimg.productimgUpload.userlikeGroupId,
|
userLikeGroupId:productimg.productimgUpload.userlikeGroupId,
|
||||||
@@ -398,6 +399,13 @@ export default defineComponent({
|
|||||||
width: auto;
|
width: auto;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
&.active{
|
||||||
|
display: flex;
|
||||||
|
img{
|
||||||
|
width: 50%;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
}
|
||||||
.img_operate_block{
|
.img_operate_block{
|
||||||
width: 3.6rem;
|
width: 3.6rem;
|
||||||
height: 3.6rem;
|
height: 3.6rem;
|
||||||
|
|||||||
@@ -297,6 +297,7 @@ export default defineComponent({
|
|||||||
img{
|
img{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
|
height: 100%;
|
||||||
transition: all .3s;
|
transition: all .3s;
|
||||||
}
|
}
|
||||||
.falls_item_user_Original{
|
.falls_item_user_Original{
|
||||||
|
|||||||
@@ -55,7 +55,7 @@
|
|||||||
<div class="detail_right_user_content">
|
<div class="detail_right_user_content">
|
||||||
<div class="scaleImage_chunk_title_intro">@{{scaleImageData.userName}}</div>
|
<div class="scaleImage_chunk_title_intro">@{{scaleImageData.userName}}</div>
|
||||||
<div v-if="scaleImageData.original == 1" class="scaleImage_chunk_title_intro scaleImage_chunk_title_Original">{{$t('newScaleImage.Original')}}</div>
|
<div v-if="scaleImageData.original == 1" class="scaleImage_chunk_title_intro scaleImage_chunk_title_Original">{{$t('newScaleImage.Original')}}</div>
|
||||||
<div v-else class="scaleImage_chunk_title_intro">{{$t('newScaleImage.from')}}<span>@{{ scaleImageData.originalUserName }}/{{ scaleImageData.originalUserName }}</span></div>
|
<div v-else @click="originalGetDetail()" class="scaleImage_chunk_title_intro">{{$t('newScaleImage.from')}}<span> @{{ scaleImageData.originalUserName }}/{{ scaleImageData.portfolioName }}</span></div>
|
||||||
<!-- <div class="scaleImage_chunk_title_intro">个性签名</div>
|
<!-- <div class="scaleImage_chunk_title_intro">个性签名</div>
|
||||||
<div class="scaleImage_chunk_btn">关注</div> -->
|
<div class="scaleImage_chunk_btn">关注</div> -->
|
||||||
</div>
|
</div>
|
||||||
@@ -100,7 +100,7 @@
|
|||||||
<img v-for="item in scaleImageData?.designPythonOutfitList" v-lazy="item.designUrl">
|
<img v-for="item in scaleImageData?.designPythonOutfitList" v-lazy="item.designUrl">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="systemUser.value == 1" class="started_btn" @click="setChoose" :title="systemUser.value != 1?$t('newScaleImage.jsContent1'): scaleImageData.openSource == 0?$t('newScaleImage.jsContent2'):''" :class="{active:systemUser.value != 1?true:scaleImageData.openSource == 0}">{{$t('newScaleImage.SecondaryCreation')}}</div>
|
<div v-if="systemUser.value == 1 && scaleImageData.isMine != 1 && scaleImageData.selected != 1" class="started_btn" @click="setChoose" :title="systemUser.value != 1?$t('newScaleImage.jsContent1'): scaleImageData.openSource == 0?$t('newScaleImage.jsContent2'):''" :class="{active:systemUser.value != 1?true:scaleImageData.openSource == 0}">{{$t('newScaleImage.SecondaryCreation')}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-else class="newScaleImage_right_content_generate">
|
<div v-else class="newScaleImage_right_content_generate">
|
||||||
<div class="scaleImage_chunk_item content_left_generate_item">
|
<div class="scaleImage_chunk_item content_left_generate_item">
|
||||||
@@ -243,6 +243,10 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="mark_loading" v-show="loadingShow">
|
||||||
|
<a-spin size="large" />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a-modal>
|
</a-modal>
|
||||||
</template>
|
</template>
|
||||||
@@ -340,6 +344,9 @@ export default defineComponent({
|
|||||||
// parent.likeFile(item,str)
|
// parent.likeFile(item,str)
|
||||||
// },
|
// },
|
||||||
let getDeatilData = {}
|
let getDeatilData = {}
|
||||||
|
let originalGetDetail = ()=>{
|
||||||
|
getDetail({id:imgData.scaleImageData.originalPortfolioId},'')
|
||||||
|
}
|
||||||
let getDetail = (value:any,str:string)=>{
|
let getDetail = (value:any,str:string)=>{
|
||||||
imgData.loadingShow = true
|
imgData.loadingShow = true
|
||||||
let data = value
|
let data = value
|
||||||
@@ -566,6 +573,7 @@ export default defineComponent({
|
|||||||
cancelDsign,
|
cancelDsign,
|
||||||
download,
|
download,
|
||||||
setScaleImageIndex,
|
setScaleImageIndex,
|
||||||
|
originalGetDetail,
|
||||||
LikeFile,
|
LikeFile,
|
||||||
setChoose,
|
setChoose,
|
||||||
setCommentReply,
|
setCommentReply,
|
||||||
@@ -737,6 +745,9 @@ export default defineComponent({
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.mark_loading{
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
.detail_right_user{
|
.detail_right_user{
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
@@ -85,7 +85,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { defineComponent,watch,createVNode, h, ref ,toRefs,computed,reactive,triggerRef, nextTick} from "vue";
|
import { defineComponent,watch,createVNode, inject, ref ,toRefs,computed,reactive,triggerRef, nextTick} from "vue";
|
||||||
// import { getCookie } from "@/tool/cookie";
|
// import { getCookie } from "@/tool/cookie";
|
||||||
import { Https } from "@/tool/https";
|
import { Https } from "@/tool/https";
|
||||||
import { getCookie,setCookie } from "@/tool/cookie";
|
import { getCookie,setCookie } from "@/tool/cookie";
|
||||||
@@ -100,11 +100,12 @@ export default defineComponent({
|
|||||||
let {t} = useI18n()
|
let {t} = useI18n()
|
||||||
let publish: any = ref(false);//弹窗
|
let publish: any = ref(false);//弹窗
|
||||||
let publishMask:any = ref(false)//弹窗遮罩
|
let publishMask:any = ref(false)//弹窗遮罩
|
||||||
|
let setBeenPublished:any = inject('setBeenPublished')
|
||||||
let publishData:any = reactive({
|
let publishData:any = reactive({
|
||||||
publishName:'',
|
publishName:'',
|
||||||
loadingShow:false,
|
loadingShow:false,
|
||||||
publishMarginTop:0,
|
publishMarginTop:0,
|
||||||
beenPublished:0,//history回来时候表示是否已经发布0为没发布
|
beenPublished:inject('beenPublished'),//history回来时候表示是否已经发布0为没发布
|
||||||
publishList:[],
|
publishList:[],
|
||||||
publishIndex:0,//当前图片索引
|
publishIndex:0,//当前图片索引
|
||||||
isShowMark:false,
|
isShowMark:false,
|
||||||
@@ -126,7 +127,6 @@ export default defineComponent({
|
|||||||
// document.execCommand("copy");
|
// document.execCommand("copy");
|
||||||
// }
|
// }
|
||||||
let init = (data:any)=>{
|
let init = (data:any)=>{
|
||||||
publishData.beenPublished = data.beenPublished
|
|
||||||
let userInfo:any = getCookie("userInfo")
|
let userInfo:any = getCookie("userInfo")
|
||||||
// console.log(data);
|
// console.log(data);
|
||||||
publish.value = true
|
publish.value = true
|
||||||
@@ -224,6 +224,8 @@ export default defineComponent({
|
|||||||
publishData.isShowMark = false
|
publishData.isShowMark = false
|
||||||
emit('setPublish')
|
emit('setPublish')
|
||||||
message.success(t('Publish.jsContent4'))
|
message.success(t('Publish.jsContent4'))
|
||||||
|
setBeenPublished()
|
||||||
|
|
||||||
})
|
})
|
||||||
.catch((rv) => {
|
.catch((rv) => {
|
||||||
publishData.isShowMark = false
|
publishData.isShowMark = false
|
||||||
|
|||||||
@@ -196,6 +196,7 @@ export default {
|
|||||||
Moodboard:'情绪板',
|
Moodboard:'情绪板',
|
||||||
Prints:'印花',
|
Prints:'印花',
|
||||||
Sketches:'服装',
|
Sketches:'服装',
|
||||||
|
DesignElements:'设计元素',
|
||||||
Mannequins:'模特',
|
Mannequins:'模特',
|
||||||
model:'模型',
|
model:'模型',
|
||||||
jsContent1:'你确定要删除选中图片吗?',
|
jsContent1:'你确定要删除选中图片吗?',
|
||||||
|
|||||||
@@ -197,6 +197,7 @@ export default {
|
|||||||
Moodboard:'Moodboard',
|
Moodboard:'Moodboard',
|
||||||
Prints:'Prints',
|
Prints:'Prints',
|
||||||
Sketches:'Sketches',
|
Sketches:'Sketches',
|
||||||
|
DesignElements:'Design Elements',
|
||||||
Mannequins:'Mannequins',
|
Mannequins:'Mannequins',
|
||||||
model:'model',
|
model:'model',
|
||||||
jsContent1:'Are you sure to delete this picture?',
|
jsContent1:'Are you sure to delete this picture?',
|
||||||
@@ -498,7 +499,7 @@ export default {
|
|||||||
jsContent1:'Please enter a tag name',
|
jsContent1:'Please enter a tag name',
|
||||||
},
|
},
|
||||||
works:{
|
works:{
|
||||||
all:'全部',
|
all:'All',
|
||||||
FavoriteWorks:'Favorite Works',
|
FavoriteWorks:'Favorite Works',
|
||||||
MyWorks:'My Works',
|
MyWorks:'My Works',
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -26,10 +26,10 @@ import store from '@/store';
|
|||||||
// httpIp = ''
|
// httpIp = ''
|
||||||
// }
|
// }
|
||||||
let httpIp = process.env.NODE_ENV == 'development' ? "" : "";
|
let httpIp = process.env.NODE_ENV == 'development' ? "" : "";
|
||||||
// let httpIp = process.env.NODE_ENV == 'development' ? "https://192.168.0.102:10086" : "";
|
// let httpIp = process.env.NODE_ENV == 'development' ? "https://192.168.1.8:10086" : "";
|
||||||
// console.log(httpIp,process.env.VUE_APP_BASE_URL);
|
// console.log(httpIp,process.env.VUE_APP_BASE_URL,process.env.NODE_ENV);
|
||||||
|
|
||||||
// axios.defaults.baseURL = httpIp; //配置接口地址
|
axios.defaults.baseURL = httpIp; //配置接口地址
|
||||||
// console.log(axios.defaults.baseURL);
|
// console.log(axios.defaults.baseURL);
|
||||||
axios.defaults.baseURL = process.env.VUE_APP_BASE_URL; //配置接口地址
|
axios.defaults.baseURL = process.env.VUE_APP_BASE_URL; //配置接口地址
|
||||||
|
|
||||||
|
|||||||
@@ -274,7 +274,12 @@ export default defineComponent({
|
|||||||
let userGroupId: any = computed(() => {
|
let userGroupId: any = computed(() => {
|
||||||
return store.state.HomeStoreModule.userGroupId;
|
return store.state.HomeStoreModule.userGroupId;
|
||||||
}); //模特id //当likeDesignCollectionList长度为0时清空,startdesign时清空
|
}); //模特id //当likeDesignCollectionList长度为0时清空,startdesign时清空
|
||||||
let beenPublished = null
|
let beenPublished = ref(0)
|
||||||
|
let setBeenPublished = ()=>{
|
||||||
|
beenPublished.value = 1
|
||||||
|
}
|
||||||
|
provide('beenPublished',beenPublished)
|
||||||
|
provide('setBeenPublished',setBeenPublished)
|
||||||
let designCollectionId: any = computed(() => {
|
let designCollectionId: any = computed(() => {
|
||||||
return store.state.HomeStoreModule.designCollectionId;
|
return store.state.HomeStoreModule.designCollectionId;
|
||||||
});
|
});
|
||||||
@@ -475,6 +480,20 @@ export default defineComponent({
|
|||||||
} else {
|
} else {
|
||||||
// this.store.commit("clearAllData");
|
// this.store.commit("clearAllData");
|
||||||
}
|
}
|
||||||
|
// let dataa:any = {
|
||||||
|
// designItemId: 63094,
|
||||||
|
// designItemUrl: null,
|
||||||
|
// designOutfitId: 62798,
|
||||||
|
// designOutfitUrl:''
|
||||||
|
// }
|
||||||
|
// let designDetail: any = this.$refs.designDetail;
|
||||||
|
// let data = {
|
||||||
|
// design: dataa,
|
||||||
|
// index: 0,
|
||||||
|
// collectionList: [],
|
||||||
|
// type: 'dislike',
|
||||||
|
// };
|
||||||
|
// designDetail.showDesignDetailModal(data);
|
||||||
},
|
},
|
||||||
directives:{
|
directives:{
|
||||||
mousewheel:{
|
mousewheel:{
|
||||||
@@ -954,6 +973,7 @@ export default defineComponent({
|
|||||||
Https.axiosPost(Https.httpUrls.setPorfolioChoose, data).then(
|
Https.axiosPost(Https.httpUrls.setPorfolioChoose, data).then(
|
||||||
(rv: any) => {
|
(rv: any) => {
|
||||||
this.beenPublished = rv.beenPublished
|
this.beenPublished = rv.beenPublished
|
||||||
|
this.store.commit("setUserGroupId", rv.userGroupId);
|
||||||
this.dealHistoryChooseData(rv, type);
|
this.dealHistoryChooseData(rv, type);
|
||||||
this.isShowMark = false;
|
this.isShowMark = false;
|
||||||
}
|
}
|
||||||
@@ -1090,7 +1110,7 @@ export default defineComponent({
|
|||||||
|
|
||||||
let productImg:any = this.$refs.productImg
|
let productImg:any = this.$refs.productImg
|
||||||
productImg.productImgMask = true
|
productImg.productImgMask = true
|
||||||
productImg.init(this.userGroupId,this.beenPublished)
|
productImg.init(this.userGroupId)
|
||||||
},
|
},
|
||||||
|
|
||||||
//打开图片详情
|
//打开图片详情
|
||||||
|
|||||||
@@ -4,9 +4,10 @@
|
|||||||
<div>Works</div>
|
<div>Works</div>
|
||||||
</div> -->
|
</div> -->
|
||||||
<div class="modal_title_text modal_search">
|
<div class="modal_title_text modal_search">
|
||||||
<div v-for="item in worksType" :key="item" v-show="isScroll?true:(item.value != 'myWorks' && item.value !='favoriteWorks')" class="modal_title_text_assistant" @click="setWorksSelect(item)" :class="{active:item.value == worksSelect}">
|
<div v-show="isScroll" v-for="item in worksType" :key="item" class="modal_title_text_assistant" @click="setWorksSelect(item)" :class="{active:item.value == worksSelect}">
|
||||||
{{ item.name }}
|
{{ item.name }}
|
||||||
</div>
|
</div>
|
||||||
|
<div v-show="!isScroll" class="modal_title_text_assistant active">All</div>
|
||||||
<!-- <div class="modal_search_menu">
|
<!-- <div class="modal_search_menu">
|
||||||
<generalMenu :dataList="menuList" @setprintModel="setprintModel" :item="selectMenu"></generalMenu>
|
<generalMenu :dataList="menuList" @setprintModel="setprintModel" :item="selectMenu"></generalMenu>
|
||||||
</div> -->
|
</div> -->
|
||||||
@@ -295,7 +296,7 @@ export default defineComponent({
|
|||||||
}
|
}
|
||||||
.page_content {
|
.page_content {
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100%;
|
min-height: 80%;
|
||||||
height: auto;
|
height: auto;
|
||||||
background: #f7f8fa;
|
background: #f7f8fa;
|
||||||
.page_loading_box{
|
.page_loading_box{
|
||||||
|
|||||||
@@ -69,8 +69,6 @@
|
|||||||
<div class="operate_item" @click="turnToDetail(record)">{{ $t('HistoryPage.Detail') }}</div>
|
<div class="operate_item" @click="turnToDetail(record)">{{ $t('HistoryPage.Detail') }}</div>
|
||||||
<div class="operate_item" @click="renameCollection(record,index)">{{ $t('LibraryPage.Rename') }}</div>
|
<div class="operate_item" @click="renameCollection(record,index)">{{ $t('LibraryPage.Rename') }}</div>
|
||||||
<div class="operate_item" @click="retrieveHome(record)">{{ $t('HistoryPage.Retrieve') }}</div>
|
<div class="operate_item" @click="retrieveHome(record)">{{ $t('HistoryPage.Retrieve') }}</div>
|
||||||
<!-- <div class="operate_item" @click="setPublish(record)">Publish</div> -->
|
|
||||||
<!-- <div class="operate_item" @click="updatePublish(record)">Update Publish</div> -->
|
|
||||||
<div class="operate_item" @click="deleteGroup(record, index)">{{ $t('HistoryPage.Delete') }}</div>
|
<div class="operate_item" @click="deleteGroup(record, index)">{{ $t('HistoryPage.Delete') }}</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -80,7 +78,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<HistoryDetail ref="historyDetail" :groupDetails="groupDetails" :collectionName="collectionName"></HistoryDetail>
|
<HistoryDetail ref="historyDetail" :groupDetails="groupDetails" :collectionName="collectionName"></HistoryDetail>
|
||||||
<publish ref="publish"></publish>
|
|
||||||
<setLabel ref="setLabel"></setLabel>
|
<setLabel ref="setLabel"></setLabel>
|
||||||
<!-- <RobotAssist></RobotAssist> -->
|
<!-- <RobotAssist></RobotAssist> -->
|
||||||
<searchLabel ref="searchLabel"></searchLabel>
|
<searchLabel ref="searchLabel"></searchLabel>
|
||||||
@@ -102,7 +99,6 @@ import { ElCascader } from 'element-plus'
|
|||||||
import { useI18n } from 'vue-i18n';
|
import { useI18n } from 'vue-i18n';
|
||||||
import setLabel from '@/component/LibraryPage/setLabel.vue';
|
import setLabel from '@/component/LibraryPage/setLabel.vue';
|
||||||
import searchLabel from '@/component/LibraryPage/searchLabel.vue';
|
import searchLabel from '@/component/LibraryPage/searchLabel.vue';
|
||||||
import publish from "@/component/WorksPage/publish.vue";
|
|
||||||
|
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
components: {
|
components: {
|
||||||
@@ -112,7 +108,6 @@ export default defineComponent({
|
|||||||
setLabel,
|
setLabel,
|
||||||
ElCascader,
|
ElCascader,
|
||||||
searchLabel,
|
searchLabel,
|
||||||
publish
|
|
||||||
},
|
},
|
||||||
setup() {
|
setup() {
|
||||||
let rangePickerValue:any = ref([])
|
let rangePickerValue:any = ref([])
|
||||||
@@ -130,7 +125,6 @@ export default defineComponent({
|
|||||||
align:'center', ellipsis: true, width: 150,
|
align:'center', ellipsis: true, width: 150,
|
||||||
dataIndex: 'original', key: 'original',
|
dataIndex: 'original', key: 'original',
|
||||||
customRender:(record:any)=>{
|
customRender:(record:any)=>{
|
||||||
console.log(record);
|
|
||||||
let str = ''
|
let str = ''
|
||||||
if(record.text == 1){
|
if(record.text == 1){
|
||||||
str = useI18n().t('newScaleImage.Original')
|
str = useI18n().t('newScaleImage.Original')
|
||||||
@@ -341,15 +335,6 @@ export default defineComponent({
|
|||||||
retrieveHome(record:any){
|
retrieveHome(record:any){
|
||||||
this.$router.push({name:'homePage',params: {id:record.id,type:'History'}})
|
this.$router.push({name:'homePage',params: {id:record.id,type:'History'}})
|
||||||
},
|
},
|
||||||
|
|
||||||
setPublish(record:any){
|
|
||||||
let publish:any = this.$refs.publish
|
|
||||||
publish.publishMask = true
|
|
||||||
publish.init(record)
|
|
||||||
},
|
|
||||||
updatePublish(record:any){
|
|
||||||
|
|
||||||
},
|
|
||||||
removeLabel(){
|
removeLabel(){
|
||||||
let setLabel:any = this.$refs.setLabel
|
let setLabel:any = this.$refs.setLabel
|
||||||
let cascader:any = this.$refs.cascader
|
let cascader:any = this.$refs.cascader
|
||||||
|
|||||||
@@ -397,7 +397,7 @@ export default defineComponent({
|
|||||||
// {title:'Sketches',code:'SketchboardFirst',icon:'fi icon iconfont icon-a-waitao_changkuanwaitao11x',showChildren:false,children:[{title:'Apparel',code:'Sketchboard'}]},
|
// {title:'Sketches',code:'SketchboardFirst',icon:'fi icon iconfont icon-a-waitao_changkuanwaitao11x',showChildren:false,children:[{title:'Apparel',code:'Sketchboard'}]},
|
||||||
{title:useI18n().t('LibraryPage.Sketches'),code:'Sketchboard',icon:'fi icon iconfont icon-a-waitao_changkuanwaitao11x',showChildren:false,children:[]},
|
{title:useI18n().t('LibraryPage.Sketches'),code:'Sketchboard',icon:'fi icon iconfont icon-a-waitao_changkuanwaitao11x',showChildren:false,children:[]},
|
||||||
// {title:'Market Sketch',code:'Elements',icon:'icon-fuwushichang',showChildren:false,children:[]},
|
// {title:'Market Sketch',code:'Elements',icon:'icon-fuwushichang',showChildren:false,children:[]},
|
||||||
{title:'Design Elements',code:'DesignElements',icon:'fi fi-ss-puzzle-piece',showChildren:false,children:[]},
|
{title:useI18n().t('LibraryPage.DesignElements'),code:'DesignElements',icon:'fi fi-ss-puzzle-piece',showChildren:false,children:[]},
|
||||||
{title:useI18n().t('LibraryPage.Mannequins'),code:'Models',icon:'fi fi-rs-people',showChildren:false,children:[]},
|
{title:useI18n().t('LibraryPage.Mannequins'),code:'Models',icon:'fi fi-rs-people',showChildren:false,children:[]},
|
||||||
|
|
||||||
]
|
]
|
||||||
|
|||||||
@@ -126,7 +126,7 @@
|
|||||||
class="login_submit_button marign_top40" :state="emailStap"
|
class="login_submit_button marign_top40" :state="emailStap"
|
||||||
@click="submitPerLogin()"
|
@click="submitPerLogin()"
|
||||||
>
|
>
|
||||||
Sign In
|
Sign in
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="login_text" >
|
<div class="login_text" >
|
||||||
|
|||||||
@@ -19,11 +19,12 @@ module.exports = defineConfig({
|
|||||||
// changeOrigin: true, //是否允许跨越
|
// changeOrigin: true, //是否允许跨越
|
||||||
// }
|
// }
|
||||||
'/api':{
|
'/api':{
|
||||||
target:'https://develop.api.aida.com.hk',
|
target:'https://192.168.1.9:5567',
|
||||||
|
// target:'https://develop.api.aida.com.hk',
|
||||||
changeOrigin:true,
|
changeOrigin:true,
|
||||||
},
|
},
|
||||||
'/robot':{
|
'/xupei':{
|
||||||
target:'http://18.167.251.121:17088',
|
target:'http://192.168.1.7:5567',
|
||||||
changeOrigin:true,
|
changeOrigin:true,
|
||||||
pathRewrite:{
|
pathRewrite:{
|
||||||
'^/robot': 'api', // api替换成api
|
'^/robot': 'api', // api替换成api
|
||||||
|
|||||||
Reference in New Issue
Block a user