换背景,印花single模式交互修改

This commit is contained in:
X1627315083
2024-07-02 14:15:11 +08:00
parent 8e694ce2c4
commit 2bc888eac9
12 changed files with 196 additions and 91 deletions

View File

@@ -39,10 +39,20 @@
</div>
<div class="print_right show_print_right Guide_1_25" :class="[driver__.driver?'showEvents':'']">
<div class="designOpenrtion_nav">
<div class="designOpenrtion_single" v-for="item,index in designOpenrtionList" :key="item" v-show="(stateOverallSingle == 'single' && item.level2Type != 'Pattern') || stateOverallSingle == 'overall'">
<div
class="designOpenrtion_single"
:class="(stateOverallSingle == 'single' && item.level2Type == 'Pattern')?'isOverall':''"
v-for="item,index in designOpenrtionList" :key="item"
:title="(stateOverallSingle == 'single' && item.level2Type == 'Pattern')? $t('DesignPrintOperation.isOverall'):''"
>
<img :class="[(item.checked == true && overallSingle == false)?'active':'']" :src="item.path" @click="setpitch(item,index)">
</div>
<div class="designOpenrtion_single" v-for="item,index in designList" :key="item" v-show="(stateOverallSingle == 'single' && item.level2Type != 'Pattern') || stateOverallSingle == 'overall'">
<div
class="designOpenrtion_single"
:class="(stateOverallSingle == 'single' && item.level2Type == 'Pattern')?'isOverall':''"
v-for="item,index in designList" :key="item"
:title="(stateOverallSingle == 'single' && item.level2Type == 'Pattern')? $t('DesignPrintOperation.isOverall'):''"
>
<img :class="[(item.checked == true && overallSingle == false)?'active':'']" :src="item.path" @click="setpitch(item,index)">
</div>
<!-- <div class="designOpenrtion_overall" v-show="!overallSingle">
@@ -291,10 +301,12 @@ export default defineComponent({
this.ifListOver()
if(this.current.printObject.prints)this.exhibitionOpenrtionList[this.stateOverallSingle] = JSON.parse(JSON.stringify(this.current.printObject.prints))
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.overallSingle == false && this.designOpenrtionList.length > 0){
this.designOpenrtionList[0].checked = true
}else{
this.setpitch(this.designList[0],0)
}
if(this.$parent.elementsList)this.designList = JSON.parse(JSON.stringify(this.$parent.printsList))
// this.overallSingle = this.current.ifSingle?false:this.current.ifSingle
let skecth = new Image
skecth.src = this.current.path
@@ -932,6 +944,13 @@ export default defineComponent({
.designOpenrtion_single{
width: 40%;
margin-bottom: calc(2rem*1.2);
&.isOverall{
cursor: no-drop;
img{
pointer-events: none;
opacity: .5;
}
}
}
img{
width: 100%;

View File

@@ -42,10 +42,20 @@
<!-- <div class="designOpenrtionMobile_single" v-show="overallSingle" v-for="item,index in designOpenrtionList" :key="item" :class="{active:printStyleList[index]?.designOpenrtionBtn?printStyleList[index]?.designOpenrtionBtn:false}">
<img :src="item.path" @click="setpitch(item,index)">
</div> -->
<div class="designOpenrtionMobile_single" v-for="item,index in designOpenrtionList" :key="item" v-show="(stateOverallSingle == 'single' && item.level2Type != 'Pattern') || stateOverallSingle == 'overall'">
<div
class="designOpenrtionMobile_single"
:class="(stateOverallSingle == 'single' && item.level2Type == 'Pattern')?'isOverall':''"
v-for="item,index in designOpenrtionList" :key="item"
:title=" (stateOverallSingle == 'single' && item.level2Type == 'Pattern')?$t('DesignPrintOperation.isOverall'):''"
>
<img :class="[(item.checked == true && overallSingle == false)?'active':'']" :src="item.path" @click="setpitch(item,index)">
</div>
<div class="designOpenrtionMobile_single" v-for="item,index in designList" :key="item" v-show="(stateOverallSingle == 'single' && item.level2Type != 'Pattern') || stateOverallSingle == 'overall'">
<div
class="designOpenrtionMobile_single"
:class="(stateOverallSingle == 'single' && item.level2Type == 'Pattern')?'isOverall':''"
v-for="item,index in designList" :key="item"
:title=" (stateOverallSingle == 'single' && item.level2Type == 'Pattern')?$t('DesignPrintOperation.isOverall'):''"
>
<img :class="[(item.checked == true && overallSingle == false)?'active':'']" :src="item.path" @click="setpitch(item,index)">
</div>
<!-- <div class="designOpenrtionMobile_overall" v-show="!overallSingle">
@@ -294,6 +304,8 @@ export default defineComponent({
if(this.$parent.elementsList)this.designList = JSON.parse(JSON.stringify(this.$parent.printsList))
if(this.overallSingle == false && this.designOpenrtionList.length > 0){
this.designOpenrtionList[0].checked = true
}else{
this.setpitch(this.designList[0],0)
}
let skecth = new Image
skecth.src = this.current.path
@@ -969,6 +981,13 @@ export default defineComponent({
.designOpenrtionMobile_single{
width: 40%;
margin-bottom: calc(2rem*1.2);
&.isOverall{
cursor: no-drop;
img{
pointer-events: none;
opacity: .5;
}
}
}
img{
width: 100%;