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

fix

Browse Source
This commit is contained in:
X1627315083
2023-12-13 16:36:54 +08:00
parent a0a8ab9a17
commit 18c298d538
3 changed files with 51 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -79,15 +79,15 @@
<div>{{ $t('DesignDetail.CurrentApparel') }}</div>
<i class="fi fi-rr-edit" @click.stop="openCurrent(1)"></i>
</div>
<div class="centent_div" v-if="current?.path" @click="openCurrent(1)">
<div class="centent_div" v-if="current?.id" @click="openCurrent(1)">
<img :src="current?.path" alt="" class="" @click="openCurrent(1)">
</div>
<i v-else class="fi fi-rr-picture centent" @click="openCurrent(1)"></i>
</div>
<div class="clothes_detail_item clothes_detail_item_print">
<div class="clothes_detail_item clothes_detail_item_print" :class="[current.id?'':'hideCursor']">
<div class="clothes_item_header">
<i class="fi fi-rs-comments"></i>
<i class="fi fi-rs-comments"></i>{{ current.id }}
<div>{{ $t('DesignDetail.CurrentPrint') }}</div>
<i class="fi fi-rr-edit" @click.stop="openCurrent(2)"></i>
</div>
@@ -99,7 +99,7 @@
</div>
</div>
<div class="clothes_detail_item clothes_detail_item_color">
<div class="clothes_detail_item clothes_detail_item_color" :class="[current.id?'':'hideCursor']">
<div class="clothes_item_header">
<i class="fi fi-rs-comments"></i>
<div>{{ $t('DesignDetail.CurrentColor') }}</div>
@@ -172,8 +172,6 @@ export default defineComponent({
// return store.state.DesignDetailModule.designItemDetail
// })
let designItemDetail :any = computed(()=>{
console.log(store.state.DesignDetailModule.designItemDetail,'-=-=--==--==-');
return store.state.DesignDetailModule.designItemDetail
})
let parentData:any = ref({
@@ -331,6 +329,11 @@ export default defineComponent({
methods:{
openCurrent(num: Number) {
let DesignDetailAlter:any = this.$refs.DesignDetailAlter
if(num == 2 || num == 3){
if(!this.current.id){
return
}
}
DesignDetailAlter.init(num)
if(num ==2 ){
if(this.driver__.driver){
@@ -430,6 +433,9 @@ export default defineComponent({
}
});
let ratio:any = await this?.setPostition(body?.layersObject?.[0]?.imageUrl)
if( Number.isNaN(ratio)){
this.setImgSize()
}
let frontIndex = 6
let backIndex = 3
designItemDetail.clothes.forEach((v:any,index:any)=>{
@@ -646,14 +652,14 @@ export default defineComponent({
let num:any
let img:any = await loadImage(url).then((img:any)=>{
modal_body = document.getElementsByClassName('detail_modal_model')[0]
if(modal_body == undefined){
this.setPostition(url)
}
num = modal_body?.offsetWidth / img.width;
})
// nextTick().then(()=>{
// })
console.log(modal_body);
if(modal_body == undefined){
this.setPostition(url)
}
function loadImage(url:any) {
return new Promise((resolve, reject) => {
const img = new Image();
@@ -1149,6 +1155,11 @@ export default defineComponent({
display: flex;
flex-direction: column;
overflow: hidden;
.hideCursor{
*{
cursor: not-allowed !important;
}
}
.clothes_detail_item{
// margin-bottom: 5rem;
flex: 1;
@@ -1165,6 +1176,7 @@ export default defineComponent({
position: relative;
display: inline-block;
}
.clothes_item_header{
// height: 6.4rem;
margin-bottom: 1rem;