detail修改服装按钮位置调整并且增加引导图

This commit is contained in:
X1627315083
2025-12-15 14:34:38 +08:00
parent b01a375acc
commit 727636e0f8
9 changed files with 38 additions and 20 deletions

BIN
dist.7z

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 243 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 240 KiB

View File

@@ -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,
} }
}, },

View File

@@ -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,
} }
}, },

View File

@@ -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>

View File

@@ -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();

View File

@@ -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',

View File

@@ -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