detail修改服装按钮位置调整并且增加引导图
This commit is contained in:
BIN
public/image/toolsGuide/detailCN.png
Normal file
BIN
public/image/toolsGuide/detailCN.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 243 KiB |
BIN
public/image/toolsGuide/detailEN.png
Normal file
BIN
public/image/toolsGuide/detailEN.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 240 KiB |
@@ -61,7 +61,7 @@
|
|||||||
<model
|
<model
|
||||||
ref="model"
|
ref="model"
|
||||||
:key="positionKey"
|
:key="positionKey"
|
||||||
|
@addDetail="addDetail"
|
||||||
@canvasReload="canvasReload"
|
@canvasReload="canvasReload"
|
||||||
@detailEdit="detailEdit"
|
@detailEdit="detailEdit"
|
||||||
@addSketch="()=>isEditPattern.value = ''"
|
@addSketch="()=>isEditPattern.value = ''"
|
||||||
@@ -78,7 +78,16 @@
|
|||||||
<div class="item detailRight" :class="{canvas:isEditPattern.value}">
|
<div class="item detailRight" :class="{canvas:isEditPattern.value}">
|
||||||
<div class="submit">
|
<div class="submit">
|
||||||
</div>
|
</div>
|
||||||
<div class="contentRight" v-if="currentDetailType && !isEditPattern.value">
|
<div class="contentRight" v-if="currentDetailType === 'sketch' && !selectDetail?.newDetail?.[currentDetailType] && !selectDetail.sketchString">
|
||||||
|
<img
|
||||||
|
style="width: 100%; height: 100%;object-fit: contain;"
|
||||||
|
:src="
|
||||||
|
'/image/toolsGuide/' +
|
||||||
|
(locale == 'ENGLISH' ? 'detailEN' : 'detailCN') +
|
||||||
|
'.png'
|
||||||
|
" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="contentRight" v-else-if="currentDetailType && !isEditPattern.value">
|
||||||
<detailRight ref="detailRight"></detailRight>
|
<detailRight ref="detailRight"></detailRight>
|
||||||
<div class="btn"
|
<div class="btn"
|
||||||
v-show="
|
v-show="
|
||||||
@@ -102,7 +111,7 @@
|
|||||||
</div> -->
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<addDetails ref="addDetails" @setSloganData="setSloganData"></addDetails>
|
||||||
</a-modal>
|
</a-modal>
|
||||||
<div class="mark_loading" v-show="loadingShow">
|
<div class="mark_loading" v-show="loadingShow">
|
||||||
<a-spin size="large" />
|
<a-spin size="large" />
|
||||||
@@ -128,17 +137,18 @@ import { useI18n } from 'vue-i18n'
|
|||||||
import addDetails from '@/component/Detail/addDetails.vue'
|
import addDetails from '@/component/Detail/addDetails.vue'
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
components:{
|
components:{
|
||||||
detailLeft,model,detailRight,canvasBox
|
detailLeft,model,detailRight,canvasBox,addDetails
|
||||||
},
|
},
|
||||||
emits:['destroy'],
|
emits:['destroy'],
|
||||||
setup(props,{emit}) {
|
setup(props,{emit}) {
|
||||||
const store = useStore();
|
const store = useStore();
|
||||||
|
const {locale} = useI18n()
|
||||||
const detailDom = reactive({
|
const detailDom = reactive({
|
||||||
model:null,
|
model:null,
|
||||||
canvasBox,
|
canvasBox,
|
||||||
detailRight,
|
detailRight,
|
||||||
detailLeft:null as any,
|
detailLeft:null as any,
|
||||||
|
addDetails:null as any,
|
||||||
})
|
})
|
||||||
const userDetail = computed(()=>{
|
const userDetail = computed(()=>{
|
||||||
return store.state.UserHabit.userDetail
|
return store.state.UserHabit.userDetail
|
||||||
@@ -506,6 +516,17 @@ export default defineComponent({
|
|||||||
sessionStorage.setItem('revocation', JSON.stringify(revocation));
|
sessionStorage.setItem('revocation', JSON.stringify(revocation));
|
||||||
sessionStorage.setItem('oppositeRevocation',JSON.stringify([]));
|
sessionStorage.setItem('oppositeRevocation',JSON.stringify([]));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const addDetail = () =>{
|
||||||
|
let addDetails:any = detailDom.addDetails
|
||||||
|
addDetails.init(detailData.selectDetail,'')
|
||||||
|
}
|
||||||
|
const setSloganData = (data:any)=>{
|
||||||
|
detailData.selectDetail.sketchString = data
|
||||||
|
if(detailData.currentDetailType == 'sketch' && detailData.selectDetail?.newDetail?.sketch){
|
||||||
|
detailData.selectDetail.newDetail.sketch = null
|
||||||
|
}
|
||||||
|
}
|
||||||
onMounted(()=>{
|
onMounted(()=>{
|
||||||
window.addEventListener('resize', handleResize);
|
window.addEventListener('resize', handleResize);
|
||||||
})
|
})
|
||||||
@@ -518,6 +539,7 @@ export default defineComponent({
|
|||||||
})
|
})
|
||||||
|
|
||||||
return{
|
return{
|
||||||
|
locale,
|
||||||
...toRefs(detailDom),
|
...toRefs(detailDom),
|
||||||
...toRefs(detailData),
|
...toRefs(detailData),
|
||||||
closeModal,
|
closeModal,
|
||||||
@@ -531,6 +553,8 @@ export default defineComponent({
|
|||||||
canvasReload,
|
canvasReload,
|
||||||
modelOnLoad,
|
modelOnLoad,
|
||||||
sketchSysToLibrary,
|
sketchSysToLibrary,
|
||||||
|
addDetail,
|
||||||
|
setSloganData,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|||||||
@@ -6,7 +6,6 @@
|
|||||||
<element v-show="currentDetailType == 'element'"></element>
|
<element v-show="currentDetailType == 'element'"></element>
|
||||||
<accessory v-show="currentDetailType == 'accessory'"></accessory>
|
<accessory v-show="currentDetailType == 'accessory'"></accessory>
|
||||||
<models v-show="currentDetailType == 'models'"></models>
|
<models v-show="currentDetailType == 'models'"></models>
|
||||||
<addDetails ref="addDetails" @setSloganData="setSloganData"></addDetails>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
@@ -22,12 +21,12 @@ import color from './colorBox/index.vue'
|
|||||||
import element from './element.vue'
|
import element from './element.vue'
|
||||||
import accessory from './accessory.vue'
|
import accessory from './accessory.vue'
|
||||||
import models from './models.vue'
|
import models from './models.vue'
|
||||||
import addDetails from '@/component/Detail/addDetails.vue'
|
|
||||||
|
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
components:{
|
components:{
|
||||||
sketch,print,color,addDetails,element,models,accessory
|
sketch,print,color,element,models,accessory
|
||||||
},
|
},
|
||||||
|
emit:['addDetail'],
|
||||||
setup(props,{emit}) {
|
setup(props,{emit}) {
|
||||||
const store = useStore();
|
const store = useStore();
|
||||||
const detailData = reactive({
|
const detailData = reactive({
|
||||||
@@ -45,14 +44,7 @@ export default defineComponent({
|
|||||||
sketch:null as any,
|
sketch:null as any,
|
||||||
})
|
})
|
||||||
const addDetail = () =>{
|
const addDetail = () =>{
|
||||||
let addDetails:any = getDetailListDom.addDetails
|
emit('addDetail')
|
||||||
addDetails.init(detailData.selectDetail,'')
|
|
||||||
}
|
|
||||||
const setSloganData = (data:any)=>{
|
|
||||||
detailData.selectDetail.sketchString = data
|
|
||||||
if(detailData.currentDetailType == 'sketch' && detailData.selectDetail?.newDetail?.sketch){
|
|
||||||
detailData.selectDetail.newDetail.sketch = null
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
const sketchSysToLibrary = ()=>{//系统sketch添加到library更新library
|
const sketchSysToLibrary = ()=>{//系统sketch添加到library更新library
|
||||||
getDetailListDom.sketch.sketchSysToLibrary()
|
getDetailListDom.sketch.sketchSysToLibrary()
|
||||||
@@ -63,7 +55,6 @@ export default defineComponent({
|
|||||||
...toRefs(getDetailListData),
|
...toRefs(getDetailListData),
|
||||||
...toRefs(getDetailListDom),
|
...toRefs(getDetailListDom),
|
||||||
addDetail,
|
addDetail,
|
||||||
setSloganData,
|
|
||||||
sketchSysToLibrary,
|
sketchSysToLibrary,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -5,7 +5,7 @@
|
|||||||
<!-- <img :src="selectDetail?.sketchString?selectDetail?.sketchString:selectDetail.path" alt=""> -->
|
<!-- <img :src="selectDetail?.sketchString?selectDetail?.sketchString:selectDetail.path" alt=""> -->
|
||||||
<img :src="selectDetail.path" alt="">
|
<img :src="selectDetail.path" alt="">
|
||||||
<!-- <img :src="selectDetail.sketchString || selectDetail.path" alt=""> -->
|
<!-- <img :src="selectDetail.sketchString || selectDetail.path" alt=""> -->
|
||||||
<i :title="$t('DesignDetail.editSketchTitle')" class="fi fi-rs-pencil-paintbrush" @click.stop="openAddDetail"></i>
|
<!-- <i :title="$t('DesignDetail.editSketchTitle')" class="fi fi-rs-pencil-paintbrush" @click.stop="openAddDetail"></i> -->
|
||||||
</div>
|
</div>
|
||||||
<div class="select_sketch" v-else>
|
<div class="select_sketch" v-else>
|
||||||
<div>
|
<div>
|
||||||
|
|||||||
@@ -15,6 +15,7 @@
|
|||||||
<i class="icon iconfont icon-fanchehui" @click="oppositeRevocation"></i>
|
<i class="icon iconfont icon-fanchehui" @click="oppositeRevocation"></i>
|
||||||
<!-- 编辑 -->
|
<!-- 编辑 -->
|
||||||
<i class="fi fi-rr-edit" :title="$t('DesignDetail.editTitle')" :class="{active:isEditPattern.value == 'canvasEditor','pointerEventsNone':!selectDetail?.id}" @click="showDesignImgDetail('canvasEditor')"></i>
|
<i class="fi fi-rr-edit" :title="$t('DesignDetail.editTitle')" :class="{active:isEditPattern.value == 'canvasEditor','pointerEventsNone':!selectDetail?.id}" @click="showDesignImgDetail('canvasEditor')"></i>
|
||||||
|
<i class="fi fi-rs-pencil-paintbrush" :title="$t('DesignDetail.editSketchTitle')" :class="{'pointerEventsNone':!selectDetail?.id}" @click="()=>$emit('addDetail')"></i>
|
||||||
|
|
||||||
<i class="icon iconfont icon-clothes" :title="$t('Canvas.editFrontBack')" style="font-size: 3.2rem;" @click="showDesignImgDetail('redGreenExample')" :class="{active:isEditPattern.value == 'redGreenExample','pointerEventsNone':!selectDetail?.id}"></i>
|
<i class="icon iconfont icon-clothes" :title="$t('Canvas.editFrontBack')" style="font-size: 3.2rem;" @click="showDesignImgDetail('redGreenExample')" :class="{active:isEditPattern.value == 'redGreenExample','pointerEventsNone':!selectDetail?.id}"></i>
|
||||||
<!-- <i @click="showDesignImgDetail('redGreenExample')" :class="{active:isEditPattern.value == 'redGreenExample','pointerEventsNone':!selectDetail?.id}">
|
<!-- <i @click="showDesignImgDetail('redGreenExample')" :class="{active:isEditPattern.value == 'redGreenExample','pointerEventsNone':!selectDetail?.id}">
|
||||||
@@ -50,7 +51,7 @@ export default defineComponent({
|
|||||||
components:{
|
components:{
|
||||||
position,modelNav
|
position,modelNav
|
||||||
},
|
},
|
||||||
emits:['detailEdit','canvasReload','addSketch','revocation','oppositeRevocation','modelOnLoad','sketchSysToLibrary'],
|
emits:['detailEdit','canvasReload','addSketch','revocation','oppositeRevocation','modelOnLoad','sketchSysToLibrary','addDetail'],
|
||||||
setup(props,{emit}) {
|
setup(props,{emit}) {
|
||||||
const {t} = useI18n()
|
const {t} = useI18n()
|
||||||
const store = useStore();
|
const store = useStore();
|
||||||
|
|||||||
@@ -777,6 +777,7 @@ export default defineComponent({
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
const likeSetBtn = (id: any, str: string) => {
|
const likeSetBtn = (id: any, str: string) => {
|
||||||
|
console.log(1111)
|
||||||
data.likeList.forEach((item: any, index: any) => {
|
data.likeList.forEach((item: any, index: any) => {
|
||||||
if (item.id == id && id) {
|
if (item.id == id && id) {
|
||||||
if (str == 'zoom') {
|
if (str == 'zoom') {
|
||||||
@@ -814,6 +815,7 @@ export default defineComponent({
|
|||||||
let likeFile = (item: any, str: any, index: any) => {
|
let likeFile = (item: any, str: any, index: any) => {
|
||||||
let url
|
let url
|
||||||
let value = {}
|
let value = {}
|
||||||
|
console.log(props.isDesignPage)
|
||||||
if (str == 'like') {
|
if (str == 'like') {
|
||||||
value = {
|
value = {
|
||||||
likeOrDislike: 'like',
|
likeOrDislike: 'like',
|
||||||
|
|||||||
@@ -175,7 +175,7 @@ export default defineComponent({
|
|||||||
if (record.text == 1) {
|
if (record.text == 1) {
|
||||||
str = useI18n().t('newScaleImage.Original')
|
str = useI18n().t('newScaleImage.Original')
|
||||||
} else {
|
} else {
|
||||||
str = `@${record.record.userLikeGroupVO.originalAccountName}/${record.record.userLikeGroupVO.originalPortfolioName}`
|
str = `@${record.record.userLikeGroupVO?.originalAccountName}/${record.record.userLikeGroupVO?.originalPortfolioName}`
|
||||||
}
|
}
|
||||||
// let time = formatTime(record.text / 1000, 'YYYY-MM-DD hh:mm:ss')
|
// let time = formatTime(record.text / 1000, 'YYYY-MM-DD hh:mm:ss')
|
||||||
return str
|
return str
|
||||||
|
|||||||
Reference in New Issue
Block a user