aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

commit

Browse Source
This commit is contained in:
X1627315083
2023-10-13 17:06:44 +08:00
parent 76315492ad
commit 19a3574fbb
15 changed files with 184 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/component/Detail/DesignDetail.vue
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;
}

23
src/component/Detail/DesignDetailAlter.vue
View File

@@ -1008,7 +1008,7 @@ export default defineComponent({
}
}
}
.detail_Library_item,.detail_Upload_item{
width: 100%;
// height: calc(100% - 19rem);
@@ -1080,6 +1080,23 @@ export default defineComponent({
max-width: 100%;
max-height: 100%;
}
.operate_file_block{
height: 2.5rem;
.select_img_type{
.select_category{
zoom: .8;
.icon-xiala{
zoom: .8;
}
}
.category_list{
margin-top: -.4rem;
.category_item{
zoom: .8;
}
}
}
}
}
.content_img_name{
@@ -1125,7 +1142,9 @@ export default defineComponent({
max-width: 100%;
object-fit: cover;
}
.operate_file_block .select_img_type .select_category{
zoom: .8;
}
.delete_file_block{
display: none;
width: 3.2rem;

5
src/component/Detail/DesignDetailEnd.vue
View File

@@ -218,6 +218,10 @@ export default defineComponent({
}
})
if(this.type_ == 1){
if(data.designSingleItemDTOList[index].path != this.sketchImg.minIOPath && this.sketchImg.id_){
data.designSingleItemDTOList[index].offset = [0,0]
data.designSingleItemDTOList[index].scale = 1
}
data.designSingleItemDTOList[index].id = this.sketchImg.id_? this.sketchImg.id_:this.current.id_
data.designSingleItemDTOList[index].path =this.sketchImg.minIOPath? this.sketchImg.minIOPath: this.current.minIOPath
// data.designSingleItemDTOList[index].printObject.prints = []
@@ -246,6 +250,7 @@ export default defineComponent({
designItemDetail.clothes[index].layersObject = rv.clothes[index].layersObject
designItemDetail.clothes[index].minIOPath = rv.clothes[index].minIOPath
designItemDetail.clothes[index].path = rv.clothes[index].path
designItemDetail.ifSubmit = true
// rv.clothes[0].layersObject.forEach((v)=>{
// designItemDetail.clothes[index].layersObject[0].imageUrl = rv.clothes[0].layersObject[0].imageUrl
// designItemDetail.clothes[index].layersObject[0].maskUrl = rv.clothes[0].layersObject[0].maskUrl

1
src/component/Detail/DesignPrintOperation.vue
View File

@@ -598,6 +598,7 @@ export default defineComponent({
designItemDetail.clothes[index].printObject.ifSingle = this.overallSingle
designItemDetail.clothes[index].layersObject = rv.clothes[index].layersObject
designItemDetail.clothes[index].printObject.prints = this.computeZindex()
designItemDetail.ifSubmit = true
designItemDetail.clothes.forEach((item,i)=>{
let a
if(item.layersObject[0].imageCategory.indexOf("back") == -1){

69
src/component/Detail/habit.vue
View File

@@ -131,15 +131,15 @@
User
</div>
</div>
<div class="model_img" v-show="systemSeleves">
<div v-mousewheel>
<div class="model_img" v-show="systemSeleves" v-mousewheel>
<div class="model_img_item">
<div v-for="(item,index) in mannequins?.[0]?.modelList" :key="item.id">
<img :src="item?.presignedUrl" alt="" @click="setMannequins(item,'Library')">
</div>
</div>
</div>
<div class="model_img" v-show="!systemSeleves">
<div v-mousewheel>
<div class="model_img" v-show="!systemSeleves" v-mousewheel>
<div class="model_img_item">
<div v-for="(item,index) in mannequins?.[1]?.modelList" :key="item.id">
<img :src="item?.presignedUrl" alt="" @click="setMannequins(item,'System')">
</div>
@@ -286,33 +286,14 @@ export default defineComponent({
},
mousewheel:{
mounted (el) {
let parent = el.parentNode
// el.style.width='100%'
// el.style.height='100%'
let num = 0
let width = el.offsetWidth
let parentWidth = parent.offsetWidth
el.addEventListener('mouseover',()=>{
width = el.offsetWidth
parentWidth = parent.offsetWidth
})
el.addEventListener('mousewheel',(e:MouseEvent)=>{
if(0>(e as WheelEvent).deltaY && width>parentWidth){
num+=15
if(num >= 0){
num = 0
}
}else if(0<(e as WheelEvent).deltaY && width>parentWidth){
num-=15
if(num<=parentWidth - width){
num = parentWidth - width
}
el.addEventListener('wheel',(e:WheelEvent)=>{
let num = 0
if(e.deltaY > 0){
num = 25
}else{
num = -25
}
el.style.marginLeft = num+'px'
el.scrollBy(num, 0);
})
}
}
@@ -867,6 +848,34 @@ export default defineComponent({
display: flex;
flex: 1;
align-items: center;
overflow-x: auto;
&.model_img::-webkit-scrollbar {
/* 竖轴的宽度 */
width: 1rem;
/* 横轴的高度 */
height: 1rem;
transition: all .3s;
}
/* 进度 */
&.model_img::-webkit-scrollbar-thumb {
border-radius: 1rem;
background: rgba(238, 238, 244, 0);
}
/* 轨道 */
&.model_img::-webkit-scrollbar-track {
border-radius: 1rem;
background: rgba(238, 238, 244, 0);
}
&.model_img:hover {
// overflow-x: scroll;
&.model_img::-webkit-scrollbar-thumb {
background: #543087;
}
/* 轨道 */
&.model_img::-webkit-scrollbar-track {
background: rgba(84, 48, 135,.2);
}
}
>div{
display: flex;

1
src/component/Detail/setDesignItem.vue
View File

@@ -376,6 +376,7 @@ export default defineComponent({
this.loadingShow = false
let designItemDetail = JSON.parse(JSON.stringify(this.store.state.DesignDetailModule.designItemDetail))
designItemDetail.designItemUrl = rv.designItemUrl
designItemDetail.ifSubmit = true
designItemDetail.currentFullBodyView = rv.currentFullBodyView
rv.clothes.forEach((item)=>{
designItemDetail.clothes.forEach((i)=>{