This commit is contained in:
2023-10-13 17:06:44 +08:00
parent 76315492ad
commit 19a3574fbb
15 changed files with 184 additions and 140 deletions

View File

@@ -11,7 +11,7 @@
>
<div class="design_title_text">
<div>Details</div>
<div class="design_title_text_intro">edit the details of your design</div>
<div class="design_title_text_intro">Edit the details of your design</div>
</div>
<div class="design_closeIcon" @click.stop="closeModal()">
<i class="fi fi-rr-cross-small"></i>
@@ -54,6 +54,9 @@
<!-- -->
<i class="fi fi-rr-copy" @mousedown="mousedownDesignImg" @mouseup="mouseupDesignImg"></i>
</div>
<div v-show="ifSubmit" class="subitOkPreviewBtn" @click="submit">
Submit
</div>
</div>
<div class="detail_modal_body_category">
<div v-show="designOrder" class="detail_modal_right_top scroll_style">
@@ -92,9 +95,7 @@
</div>
</div>
</div>
<div class="clothes_detail_item subitOkPreviewBtn" @click="submit">
Submit
</div>
</div>
</div>
<DesignDetailAlter ref="DesignDetailAlter"></DesignDetailAlter>
@@ -169,7 +170,7 @@ export default defineComponent({
let designItemId = ref()
let designOutfitId = ref()
let userInfo:any = {}
let ifSubmit = ref(false)
return{
designItemDetail,
store,
@@ -181,7 +182,8 @@ export default defineComponent({
body,
designItemId,
designOutfitId,
userInfo
userInfo,
ifSubmit
}
},
data(){
@@ -196,9 +198,11 @@ export default defineComponent({
},
watch:{
designItemDetail:{
handler: function(newval) {
handler: function(newVal,oldVal) {
let designItemDetail = JSON.parse(JSON.stringify(this.store.state.DesignDetailModule.designItemDetail))
console.log(designItemDetail);
this.ifSubmit = designItemDetail.ifSubmit?designItemDetail.ifSubmit:false
this.current = JSON.parse(JSON.stringify(designItemDetail?.clothes?.[this.currentIndex]))
if(designItemDetail.others[0].layersObject.length != 0){
this.body = false
@@ -418,6 +422,7 @@ export default defineComponent({
// designItemId:designItemDetail.designItemId,
designSingleItemDTOList:clothes,
isPreview:false,
ifSubmit:designItemDetail.isPreview,
processId:String(this.userInfo?.userId),
timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone,
}
@@ -425,6 +430,7 @@ export default defineComponent({
data.isPreview = true
}else{
data.isPreview = false
delete data.ifSubmit
}
this.store.commit('setDesignPreviewData',data)
return data
@@ -710,6 +716,8 @@ export default defineComponent({
img{
// width: 100%;
height: 100%;
max-width: 100%;
object-fit: cover;
}
&.active{
border: 2px solid rgba(0,0,0,0.4);
@@ -752,6 +760,10 @@ export default defineComponent({
}
}
.subitOkPreviewBtn{
bottom: 2rem;
z-index: 999;
}
.clothes_item_img_block{
display: flex;
}