修复部分bug
This commit is contained in:
@@ -123,7 +123,7 @@
|
|||||||
<div class="clothes_detail_item clothes_detail_item_elements" :class="[current?.id?'':'hideCursor']">
|
<div class="clothes_detail_item clothes_detail_item_elements" :class="[current?.id?'':'hideCursor']">
|
||||||
<div class="clothes_item_header">
|
<div class="clothes_item_header">
|
||||||
<i class="fi fi-rs-comments"></i>
|
<i class="fi fi-rs-comments"></i>
|
||||||
<div>Current Elements</div>
|
<div>{{ $t('DesignDetail.CurrentElements') }}</div>
|
||||||
<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':'']">
|
||||||
|
|||||||
@@ -589,8 +589,8 @@ export default defineComponent({
|
|||||||
this.upload.level1Type = 'Sketchboard'
|
this.upload.level1Type = 'Sketchboard'
|
||||||
this.uploadList = this.apparelList
|
this.uploadList = this.apparelList
|
||||||
this.designTypeList = this.sketchCatecoryList
|
this.designTypeList = this.sketchCatecoryList
|
||||||
this.designType = this.current.type
|
// this.designType = this.current.type
|
||||||
// this.designType = this.designTypeList[0].value
|
this.designType = this.designTypeList[0].value
|
||||||
}else if (num == 2){
|
}else if (num == 2){
|
||||||
this.selectCode = 'Printboard'
|
this.selectCode = 'Printboard'
|
||||||
this.upload.level1Type = 'Printboard'
|
this.upload.level1Type = 'Printboard'
|
||||||
|
|||||||
@@ -277,8 +277,6 @@ export default defineComponent({
|
|||||||
location:[0,0]
|
location:[0,0]
|
||||||
})
|
})
|
||||||
this.refetchTemplate(currentIndex)
|
this.refetchTemplate(currentIndex)
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
//设置移动
|
//设置移动
|
||||||
itemMoveMousedown(index,event){
|
itemMoveMousedown(index,event){
|
||||||
@@ -378,7 +376,6 @@ export default defineComponent({
|
|||||||
//判断尺寸是否到边
|
//判断尺寸是否到边
|
||||||
this.printStyleList[this.imgDomIndex].style.width = width
|
this.printStyleList[this.imgDomIndex].style.width = width
|
||||||
this.printStyleList[this.imgDomIndex].style.height = height
|
this.printStyleList[this.imgDomIndex].style.height = height
|
||||||
|
|
||||||
},
|
},
|
||||||
//鼠标抬起
|
//鼠标抬起
|
||||||
sizeMouseup(e){
|
sizeMouseup(e){
|
||||||
@@ -441,6 +438,8 @@ export default defineComponent({
|
|||||||
await this.setPrintWH(item.path)
|
await this.setPrintWH(item.path)
|
||||||
this.designSelectElementsList
|
this.designSelectElementsList
|
||||||
let sketch = document.getElementsByClassName("designElements_modal")[0]?.getElementsByClassName('designElements_sketch')[0]
|
let sketch = document.getElementsByClassName("designElements_modal")[0]?.getElementsByClassName('designElements_sketch')[0]
|
||||||
|
let sketchImg = new Image()
|
||||||
|
sketchImg.onload = ()=>{
|
||||||
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 scale
|
||||||
scale = (this.print.width.replace(/px/g,'')*sketchNum/this.print.width.replace(/px/g,''))
|
scale = (this.print.width.replace(/px/g,'')*sketchNum/this.print.width.replace(/px/g,''))
|
||||||
@@ -473,6 +472,10 @@ export default defineComponent({
|
|||||||
},
|
},
|
||||||
designElementsBtn:false
|
designElementsBtn:false
|
||||||
}
|
}
|
||||||
|
sketchImg.remove()
|
||||||
|
}
|
||||||
|
sketchImg.src = sketch.src
|
||||||
|
|
||||||
},
|
},
|
||||||
computeZindex(resolve,prints){
|
computeZindex(resolve,prints){
|
||||||
prints.sort((a, b) => {
|
prints.sort((a, b) => {
|
||||||
|
|||||||
@@ -43,7 +43,7 @@
|
|||||||
v-for="item,index in exhibitionElementsList"
|
v-for="item,index in exhibitionElementsList"
|
||||||
:key="item"
|
:key="item"
|
||||||
:style="[printStyleList?.[index]?.style]"
|
:style="[printStyleList?.[index]?.style]"
|
||||||
@touchstart.stop="itemMoveMousedown(index,$event)"
|
@touchstart.passive="itemMoveMousedown(index,$event)"
|
||||||
class="modal_imgItem"
|
class="modal_imgItem"
|
||||||
ref="content" >
|
ref="content" >
|
||||||
<img crossOrigin="anonymous" :src="item?.path" :style="{transform:`rotateZ(${printStyleList[index]?.transform?.rotateZ}deg)`}" class="designElementsMobile_imgItme" draggable="false">
|
<img crossOrigin="anonymous" :src="item?.path" :style="{transform:`rotateZ(${printStyleList[index]?.transform?.rotateZ}deg)`}" class="designElementsMobile_imgItme" draggable="false">
|
||||||
@@ -52,7 +52,7 @@
|
|||||||
<!-- <img :src="current?.path" alt="" class="designElementsMobile_sketch"> -->
|
<!-- <img :src="current?.path" alt="" class="designElementsMobile_sketch"> -->
|
||||||
<img :src="current?.undividedLayer?current.undividedLayer:current.path" alt="" class="designElementsMobile_sketch">
|
<img :src="current?.undividedLayer?current.undividedLayer:current.path" alt="" class="designElementsMobile_sketch">
|
||||||
<div class="designElementsMobile_btn">
|
<div class="designElementsMobile_btn">
|
||||||
<ul v-for="item,index in printStyleList" :key="item" :class="{active:item?.designElementsBtn?item?.designElementsBtn:false}" class="designElementsMobile_Mousingle" :style="item.style" @touchstart.stop="itemMoveMousedown(index,$event)">
|
<ul v-for="item,index in printStyleList" :key="item" :class="{active:item?.designElementsBtn?item?.designElementsBtn:false}" class="designElementsMobile_Mousingle" :style="item?.style" @touchstart.stop="itemMoveMousedown(index,$event)">
|
||||||
<li class="designElementsMobile_btn_top" @touchstart.stop="itemSizeMousedown('top',$event)"></li>
|
<li class="designElementsMobile_btn_top" @touchstart.stop="itemSizeMousedown('top',$event)"></li>
|
||||||
<li class="designElementsMobile_btn_bottom" @touchstart.stop="itemSizeMousedown('bottom',$event)"></li>
|
<li class="designElementsMobile_btn_bottom" @touchstart.stop="itemSizeMousedown('bottom',$event)"></li>
|
||||||
<li class="designElementsMobile_btn_left" @touchstart.stop="itemSizeMousedown('left',$event)"></li>
|
<li class="designElementsMobile_btn_left" @touchstart.stop="itemSizeMousedown('left',$event)"></li>
|
||||||
@@ -305,12 +305,12 @@ export default defineComponent({
|
|||||||
itemSizeMousedown(direction,event){
|
itemSizeMousedown(direction,event){
|
||||||
this.direction = direction
|
this.direction = direction
|
||||||
this.imgDom = document.getElementsByClassName('designElementsMobile_modal')[0].getElementsByClassName("modal_imgItem")[this.imgDomIndex]
|
this.imgDom = document.getElementsByClassName('designElementsMobile_modal')[0].getElementsByClassName("modal_imgItem")[this.imgDomIndex]
|
||||||
let scale = Number(this.imgDom.style.transform?.split('scale(')[1]?.split(')')[0])
|
let scale = Number(this.imgDom.children[0].style.transform?.split('scale(')[1]?.split(')')[0])
|
||||||
let rotateZ = Number(this.imgDom.style.transform?.split('rotateZ(')[1]?.split('deg')[0])
|
let rotateZ = Number(this.imgDom.children[0].style.transform?.split('rotateZ(')[1]?.split('deg')[0])
|
||||||
this.printStyleList[this.imgDomIndex].designElementsBtn = true
|
this.printStyleList[this.imgDomIndex].designElementsBtn = true
|
||||||
this.printStyleList[this.imgDomIndex].transform = {
|
this.printStyleList[this.imgDomIndex].transform = {
|
||||||
scale:scale,
|
scale:scale,
|
||||||
rotateZ:rotateZ,
|
rotateZ:rotateZ?rotateZ:0,
|
||||||
}
|
}
|
||||||
let imgDomWH = this.imgDom.getBoundingClientRect()
|
let imgDomWH = this.imgDom.getBoundingClientRect()
|
||||||
let li = document.getElementsByClassName('designElementsMobile_modal')[0].getElementsByClassName("designElementsMobile_btn_top")[0].offsetWidth/2
|
let li = document.getElementsByClassName('designElementsMobile_modal')[0].getElementsByClassName("designElementsMobile_btn_top")[0].offsetWidth/2
|
||||||
@@ -393,13 +393,9 @@ export default defineComponent({
|
|||||||
document.removeEventListener("touchmove", this.sizeMousemove);
|
document.removeEventListener("touchmove", this.sizeMousemove);
|
||||||
},
|
},
|
||||||
touchend(e) {
|
touchend(e) {
|
||||||
|
|
||||||
document.removeEventListener("touchend", this.touchend);
|
document.removeEventListener("touchend", this.touchend);
|
||||||
document.removeEventListener("touchmove", this.moveMousemove);
|
document.removeEventListener("touchmove", this.moveMousemove);
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
deletePrint(){
|
deletePrint(){
|
||||||
this.exhibitionElementsList.splice(this.imgDomIndex,1)
|
this.exhibitionElementsList.splice(this.imgDomIndex,1)
|
||||||
this.printStyleList.splice(this.imgDomIndex,1)
|
this.printStyleList.splice(this.imgDomIndex,1)
|
||||||
@@ -442,6 +438,8 @@ export default defineComponent({
|
|||||||
await this.setPrintWH(item.path)
|
await this.setPrintWH(item.path)
|
||||||
this.designElementsList
|
this.designElementsList
|
||||||
let sketch = document.getElementsByClassName("designElementsMobile_modal")[0]?.getElementsByClassName('designElementsMobile_sketch')[0]
|
let sketch = document.getElementsByClassName("designElementsMobile_modal")[0]?.getElementsByClassName('designElementsMobile_sketch')[0]
|
||||||
|
let sketchImg = new Image()
|
||||||
|
sketchImg.onload = ()=>{
|
||||||
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 scale
|
||||||
scale = (this.print.width.replace(/px/g,'')*sketchNum/this.print.width.replace(/px/g,''))
|
scale = (this.print.width.replace(/px/g,'')*sketchNum/this.print.width.replace(/px/g,''))
|
||||||
@@ -454,6 +452,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'
|
||||||
}
|
}
|
||||||
|
console.log(sketch.offsetWidth,this.sketch.width.replace(/rem/g,''));
|
||||||
|
|
||||||
this.printStyleList[index]={
|
this.printStyleList[index]={
|
||||||
centers:{
|
centers:{
|
||||||
left:0,
|
left:0,
|
||||||
@@ -474,6 +474,10 @@ export default defineComponent({
|
|||||||
},
|
},
|
||||||
designElementsBtn:false
|
designElementsBtn:false
|
||||||
}
|
}
|
||||||
|
sketchImg.remove()
|
||||||
|
}
|
||||||
|
sketchImg.src = sketch.src
|
||||||
|
|
||||||
},
|
},
|
||||||
computeZindex(resolve,prints){
|
computeZindex(resolve,prints){
|
||||||
prints.sort((a, b) => {
|
prints.sort((a, b) => {
|
||||||
@@ -522,9 +526,6 @@ export default defineComponent({
|
|||||||
if(v.id == this.current.id){
|
if(v.id == this.current.id){
|
||||||
index = ind
|
index = ind
|
||||||
}
|
}
|
||||||
})
|
|
||||||
let priority = designItemDetail.clothes.map((v)=>{
|
|
||||||
return v.type
|
|
||||||
})
|
})
|
||||||
// let data = {
|
// let data = {
|
||||||
// ...designItemDetail,
|
// ...designItemDetail,
|
||||||
|
|||||||
@@ -474,7 +474,7 @@ export default defineComponent({
|
|||||||
this.printStyleList[this.stateOverallSingle][this.imgDomIndex].designOpenrtionBtn = true
|
this.printStyleList[this.stateOverallSingle][this.imgDomIndex].designOpenrtionBtn = true
|
||||||
this.printStyleList[this.stateOverallSingle][this.imgDomIndex].transform = {
|
this.printStyleList[this.stateOverallSingle][this.imgDomIndex].transform = {
|
||||||
scale:scale,
|
scale:scale,
|
||||||
rotateZ:rotateZ,
|
rotateZ:rotateZ?rotateZ:0,
|
||||||
}
|
}
|
||||||
let imgDomWH = this.imgDom.getBoundingClientRect()
|
let imgDomWH = this.imgDom.getBoundingClientRect()
|
||||||
let li = document.getElementsByClassName('designOpenrtion_modal')[0].getElementsByClassName("designOpenrtion_btn_top")[0].offsetWidth/2
|
let li = document.getElementsByClassName('designOpenrtion_modal')[0].getElementsByClassName("designOpenrtion_btn_top")[0].offsetWidth/2
|
||||||
|
|||||||
@@ -467,12 +467,12 @@ export default defineComponent({
|
|||||||
itemSizeMousedown(direction,event){
|
itemSizeMousedown(direction,event){
|
||||||
this.direction = direction
|
this.direction = direction
|
||||||
this.imgDom = document.getElementsByClassName('designOpenrtionMobile_modal')[0].getElementsByClassName("modal_imgItem")[this.imgDomIndex]
|
this.imgDom = document.getElementsByClassName('designOpenrtionMobile_modal')[0].getElementsByClassName("modal_imgItem")[this.imgDomIndex]
|
||||||
let scale = Number(this.imgDom.style.transform?.split('scale(')[1]?.split(')')[0])
|
let scale = Number(this.imgDom.children[0].style.transform?.split('scale(')[1]?.split(')')[0])
|
||||||
let rotateZ = Number(this.imgDom.style.transform?.split('rotateZ(')[1]?.split('deg')[0])
|
let rotateZ = Number(this.imgDom.children[0].style.transform?.split('rotateZ(')[1]?.split('deg')[0])
|
||||||
this.printStyleList[this.stateOverallSingle][this.imgDomIndex].designOpenrtionBtn = true
|
this.printStyleList[this.stateOverallSingle][this.imgDomIndex].designOpenrtionBtn = true
|
||||||
this.printStyleList[this.stateOverallSingle][this.imgDomIndex].transform = {
|
this.printStyleList[this.stateOverallSingle][this.imgDomIndex].transform = {
|
||||||
scale:scale,
|
scale:scale,
|
||||||
rotateZ:rotateZ,
|
rotateZ:rotateZ?rotateZ:0,
|
||||||
}
|
}
|
||||||
let imgDomWH = this.imgDom.getBoundingClientRect()
|
let imgDomWH = this.imgDom.getBoundingClientRect()
|
||||||
let li = document.getElementsByClassName('designOpenrtionMobile_modal')[0].getElementsByClassName("designOpenrtionMobile_btn_top")[0].offsetWidth/2
|
let li = document.getElementsByClassName('designOpenrtionMobile_modal')[0].getElementsByClassName("designOpenrtionMobile_btn_top")[0].offsetWidth/2
|
||||||
|
|||||||
@@ -235,13 +235,13 @@ export default defineComponent({
|
|||||||
let arr:any = []
|
let arr:any = []
|
||||||
rv.forEach((item:any) => {
|
rv.forEach((item:any) => {
|
||||||
arr.push({
|
arr.push({
|
||||||
name:item.name,
|
name:item.value,
|
||||||
value:item.value,
|
value:item.name,
|
||||||
})
|
})
|
||||||
});
|
});
|
||||||
this.designType = rv[0]
|
this.designType = arr[0]
|
||||||
this.editDesignType = rv[0]
|
this.editDesignType = arr[0]
|
||||||
this.disignTypeList = rv
|
this.disignTypeList = arr
|
||||||
// this.workspaceItem.position = this.singleTypeList[0].label
|
// this.workspaceItem.position = this.singleTypeList[0].label
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -450,6 +450,7 @@ export default {
|
|||||||
editSketchTitle:'修改草图',
|
editSketchTitle:'修改草图',
|
||||||
CurrentPrint:'当前印花',
|
CurrentPrint:'当前印花',
|
||||||
CurrentColor:'当前颜色',
|
CurrentColor:'当前颜色',
|
||||||
|
CurrentElements:'当前元素',
|
||||||
},
|
},
|
||||||
DesignDetailAlter:{
|
DesignDetailAlter:{
|
||||||
Upload:'上传',
|
Upload:'上传',
|
||||||
|
|||||||
@@ -451,6 +451,7 @@ export default {
|
|||||||
editSketchTitle:'Modify sketch',
|
editSketchTitle:'Modify sketch',
|
||||||
CurrentPrint:'Current Print',
|
CurrentPrint:'Current Print',
|
||||||
CurrentColor:'Current Color',
|
CurrentColor:'Current Color',
|
||||||
|
CurrentElements:'Current Elements',
|
||||||
},
|
},
|
||||||
DesignDetailAlter:{
|
DesignDetailAlter:{
|
||||||
Upload:'Upload',
|
Upload:'Upload',
|
||||||
|
|||||||
@@ -103,7 +103,7 @@ const userHabit : Module<UserHabit,RootState> = {
|
|||||||
});
|
});
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
getLangType(context){
|
async getLangType(context){
|
||||||
let allPromise = [];
|
let allPromise = [];
|
||||||
let getList = ['DesignElementsEnum','PrintboardLevel2TypeEnum','FemalePosition','MalePosition']
|
let getList = ['DesignElementsEnum','PrintboardLevel2TypeEnum','FemalePosition','MalePosition']
|
||||||
let axiosGet = (item:any)=>{
|
let axiosGet = (item:any)=>{
|
||||||
@@ -130,7 +130,7 @@ const userHabit : Module<UserHabit,RootState> = {
|
|||||||
})
|
})
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
return Promise.all(getList.map(item => axiosGet(item)))
|
return await Promise.all(getList.map(item => axiosGet(item)))
|
||||||
// Https.axiosGet(Https.httpUrls.workspaceenumValues,{params:{enumName:'DesignElementsEnum'}}).then((rv: any) => {
|
// Https.axiosGet(Https.httpUrls.workspaceenumValues,{params:{enumName:'DesignElementsEnum'}}).then((rv: any) => {
|
||||||
// if (rv) {
|
// if (rv) {
|
||||||
// rv.forEach((item:any) => {
|
// rv.forEach((item:any) => {
|
||||||
|
|||||||
@@ -342,7 +342,7 @@
|
|||||||
<createSlogan ref="createSlogan" @setSloganData="setSloganData"></createSlogan>
|
<createSlogan ref="createSlogan" @setSloganData="setSloganData"></createSlogan>
|
||||||
|
|
||||||
<!-- 蒙层 start-->
|
<!-- 蒙层 start-->
|
||||||
<div class="mark_loading" v-show="isShowMark">
|
<div class="mark_loading" v-show="isShowMark || getLangIsShowMark">
|
||||||
<a-spin size="large" />
|
<a-spin size="large" />
|
||||||
|
|
||||||
<!-- <div v-show="remGenerate" class="mark_loading_btn" @click="removeGenerate">{{$t('Generate.Close')}}</div> -->
|
<!-- <div v-show="remGenerate" class="mark_loading_btn" @click="removeGenerate">{{$t('Generate.Close')}}</div> -->
|
||||||
@@ -388,6 +388,11 @@ export default defineComponent({
|
|||||||
sketchCategory,
|
sketchCategory,
|
||||||
createSlogan,
|
createSlogan,
|
||||||
},
|
},
|
||||||
|
props:{
|
||||||
|
getLangIsShowMark:{
|
||||||
|
type:Boolean,
|
||||||
|
}
|
||||||
|
},
|
||||||
setup() {
|
setup() {
|
||||||
const store = useStore();
|
const store = useStore();
|
||||||
let menuList = computed(()=>{
|
let menuList = computed(()=>{
|
||||||
@@ -613,7 +618,6 @@ export default defineComponent({
|
|||||||
this.uploadUrl = getUploadUrl()
|
this.uploadUrl = getUploadUrl()
|
||||||
this.getLibraryList('')
|
this.getLibraryList('')
|
||||||
this.getClass()
|
this.getClass()
|
||||||
this.getSex()
|
|
||||||
this.token = getCookie("token") || "";
|
this.token = getCookie("token") || "";
|
||||||
this.workspace = computed(()=>{
|
this.workspace = computed(()=>{
|
||||||
return this.store?.state?.Workspace?.workspace
|
return this.store?.state?.Workspace?.workspace
|
||||||
@@ -646,7 +650,8 @@ export default defineComponent({
|
|||||||
// params = 'MalePosition'
|
// params = 'MalePosition'
|
||||||
// }
|
// }
|
||||||
this.store.commit('setPosition',this.sex)
|
this.store.commit('setPosition',this.sex)
|
||||||
this.designType = this.designTypeList.Sketchboard?.[0].value
|
this.designType = this.store.state.UserHabit.Position?.[0].value
|
||||||
|
// this.designType = this.designTypeList?.Sketchboard?.[0].value
|
||||||
|
|
||||||
// await Https.axiosGet(Https.httpUrls.workspaceenumValues,{params:{enumName:params}}).then((rv: any) => {
|
// await Https.axiosGet(Https.httpUrls.workspaceenumValues,{params:{enumName:params}}).then((rv: any) => {
|
||||||
// if (rv) {
|
// if (rv) {
|
||||||
@@ -722,6 +727,9 @@ export default defineComponent({
|
|||||||
if(this.selectCode != 'DesignElements'){
|
if(this.selectCode != 'DesignElements'){
|
||||||
this.getClass()
|
this.getClass()
|
||||||
}
|
}
|
||||||
|
if(this.selectCode == 'Sketchboard')this.getSex()
|
||||||
|
|
||||||
|
|
||||||
this.getLibraryList('')
|
this.getLibraryList('')
|
||||||
this.captionGeneration = ''
|
this.captionGeneration = ''
|
||||||
this.selectGenerateList = []
|
this.selectGenerateList = []
|
||||||
|
|||||||
Reference in New Issue
Block a user