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

2023-10-20

Browse Source
This commit is contained in:
X1627315083
2023-10-20 17:21:45 +08:00
parent 12ef707f64
commit bd9dabd21d
29 changed files with 1401 additions and 385 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/component/Detail/DesignDetail.vue
View File

@@ -19,10 +19,7 @@
<div class="turn_button turn_left_button" v-show="designShowPrview == 1" @click="changeDesignItem('last')"><span class="icon iconfont icon_turn icon-shangyibu"></span></div>
<div class="turn_button turn_right_button" v-show="designShowPrview == 1" @click="changeDesignItem('next')"><span class="icon iconfont icon_turn icon-xiayibu"></span></div>
<!-- <div class="design_centent">
</div> -->
<div class="design_detail_modal_body" v-show="designShowPrview == 1">
<div class="detail_modal_body_img">
@@ -45,6 +42,8 @@
<!-- <div v-else class="detial_img detial_img1" v-for="item,index in frontBack.front" :style="item.style" @click.stop="clothesDetail(item,index)">
<img :src="item.imageUrl" alt="">
</div> -->
<!-- <img v-show="!imgDesignImg" class="detial_img" src="../../assets/images/homePage/111111.png"> -->
<img v-show="!imgDesignImg" class="detial_img" :src="designItemDetail.designItemUrl">
<div class="detail_btn">
<!-- 全屏 -->
@@ -82,7 +81,7 @@
<div class="clothes_detail_item clothes_detail_item_color">
<div class="clothes_item_header">
<i class="fi fi-rs-comments"></i>
<div>Current Print</div>
<div>Current Color</div>
<i class="fi fi-rr-edit" @click.stop="openCurrent(3)"></i>
</div>
<div class="img_block_item centent" @click.stop="openCurrent(3)">
@@ -103,7 +102,8 @@
</div>
<div class="design_detail_perview" v-show="designShowPrview == 2">
<div class="design_detail_perview_content" >
<img class="perview_img" v-lazy="designItemDetail.currentFullBodyView?designItemDetail.currentFullBodyView:designItemDetail.designItemUrl || ''" :key="designItemDetail.designItemUrl">
<magnifyingGlass ref="magnifyingGlass" :designItemDetailUrl='designItemDetailUrl'></magnifyingGlass>
<!-- <img class="perview_img" v-lazy="designItemDetail.currentFullBodyView?designItemDetail.currentFullBodyView:designItemDetail.designItemUrl || ''" :key="designItemDetail.designItemUrl"> -->
<!-- <div class="generate_button" v-show="designItemDetail.singleOverall == 'overall'" @click="generateHighDesign()">Generate Product lmage</div> -->
</div>
</div>
@@ -127,6 +127,7 @@
import { defineComponent,computed,ref,provide } from 'vue'
import ElementReplace from '@/component/Detail/ElementReplace.vue'
import DesignDetailAlter from '@/component/Detail/DesignDetailAlter.vue'
import magnifyingGlass from '@/component/Detail/magnifyingGlass.vue'
import AccessoryReplace from '@/component/Detail/AccessoryReplaceModal.vue'
import setDesignItem from '@/component/Detail/setDesignItem.vue'
import Draggable from 'vuedraggable'
@@ -142,6 +143,7 @@ export default defineComponent({
Draggable,
DesignDetailAlter,
setDesignItem,
magnifyingGlass,
},
setup() {
const store = useStore();
@@ -171,6 +173,7 @@ export default defineComponent({
let designOutfitId = ref()
let userInfo:any = {}
let ifSubmit = ref(false)
let designItemDetailUrl = ref({})
return{
designItemDetail,
store,
@@ -183,7 +186,8 @@ export default defineComponent({
designItemId,
designOutfitId,
userInfo,
ifSubmit
ifSubmit,
designItemDetailUrl
}
},
data(){
@@ -198,18 +202,19 @@ export default defineComponent({
},
watch:{
designItemDetail:{
handler: function(newVal,oldVal) {
handler: async 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]))
this.current = JSON?.parse(JSON?.stringify(designItemDetail?.clothes?.[this?.currentIndex]))
if(designItemDetail.others[0].layersObject.length != 0){
this.body = false
}else{
this.body = true
}
this.setImgSize()
await this.setImgSize()
this.designItemDetailUrl = designItemDetail.currentFullBodyView?designItemDetail.currentFullBodyView:designItemDetail.designItemUrl
console.log(this.designItemDetailUrl);
}
},
currentIndex:{
@@ -266,9 +271,11 @@ export default defineComponent({
this.designOrder = false
let DesignDetailAlter:any = this.$refs.DesignDetailAlter
DesignDetailAlter.terminate()
this.designItemDetail = {}
this.frontBack = {}
}else{
this.designShowPrview = 1
this.designShowPrview = 1;
this.designItemDetailUrl = {}
}
},
@@ -619,7 +626,7 @@ export default defineComponent({
.ant-modal-content{
border-radius: 10px;
border-radius: 1rem;
// overflow: hidden;
.ant-modal-header{
background-color: #fff;
@@ -699,7 +706,7 @@ export default defineComponent({
.detail_modal_body{
position: relative;
// max-width: 245px;
// width: 100%;
width: 100%;
height: 100%;
.detail_modal_body_nav{
display: flex;
@@ -745,7 +752,9 @@ export default defineComponent({
cursor: pointer;
position: absolute;
img{
width: 100%;
// width: 100%;
max-height: 100%;
width: auto;
}
&.active{
top: 50%;
@@ -788,7 +797,7 @@ export default defineComponent({
}
&.fi-rr-edit{
left: 0;
top: 20px;
top: 3rem;
}
&.fi-rr-copy{
top: 0;
@@ -804,11 +813,14 @@ export default defineComponent({
position: relative;
.detail_modal_right_top{
width: 100%;
height: calc(100% - 3.9rem);
height: 100%;
background: #fff;
overflow-y: auto;
display: flex;
flex-direction: column;
.clothes_detail_item{
// margin-bottom: 5rem;
flex: 1;
.centent_div{
display: flex;
cursor: pointer;