Merge branch 'dev_vite' of ssh://18.167.251.121:10002/aidlab/aida_front into dev_vite
This commit is contained in:
23
src/component/Canvas/CanvasEditor/fabric-canvas-events.text
Normal file
23
src/component/Canvas/CanvasEditor/fabric-canvas-events.text
Normal file
@@ -0,0 +1,23 @@
|
|||||||
|
1. 初始化事件
|
||||||
|
object:added:当新对象被添加到画布上时触发。
|
||||||
|
object:removed:当对象从画布上移除时触发。
|
||||||
|
selection:created:当选择对象时触发。
|
||||||
|
selection:updated:当选择的对象被更新时触发。
|
||||||
|
selection:cleared:当所有对象都被取消选择时触发。
|
||||||
|
|
||||||
|
2. 鼠标事件
|
||||||
|
mouse:down:鼠标按下时触发。
|
||||||
|
mouse:move:鼠标移动时触发。
|
||||||
|
mouse:up:鼠标释放时触发。
|
||||||
|
mouse:over:鼠标移到画布上时触发。
|
||||||
|
mouse:out:鼠标移出画布时触发。
|
||||||
|
mouse:wheel:鼠标滚轮滚动时触发。
|
||||||
|
|
||||||
|
3. 触摸事件(在触摸屏设备上)
|
||||||
|
touch:start:触摸开始时触发。
|
||||||
|
touch:move:触摸移动时触发。
|
||||||
|
touch:end:触摸结束时触发。
|
||||||
|
|
||||||
|
4. 键盘事件
|
||||||
|
key:down:键盘按键按下时触发。
|
||||||
|
key:up:键盘按键释放时触发。
|
||||||
@@ -57,7 +57,8 @@ export default defineComponent({
|
|||||||
const getDetailListData = reactive({
|
const getDetailListData = reactive({
|
||||||
|
|
||||||
})
|
})
|
||||||
const selectImgItem = (file:any)=>{
|
const selectImgItem = (data:any)=>{
|
||||||
|
let file = JSON.parse(JSON.stringify(data))
|
||||||
if(props.type != 'models'){
|
if(props.type != 'models'){
|
||||||
if(!file.resData?.minIOPath){
|
if(!file.resData?.minIOPath){
|
||||||
file.minIOPath = getMinioUrl(file?.imgUrl || file?.resData?.url)
|
file.minIOPath = getMinioUrl(file?.imgUrl || file?.resData?.url)
|
||||||
|
|||||||
@@ -12,6 +12,7 @@
|
|||||||
<i class="fi fi-rr-trash" @click.stop="deleteDetailItem(item?.id)"></i>
|
<i class="fi fi-rr-trash" @click.stop="deleteDetailItem(item?.id)"></i>
|
||||||
</div>
|
</div>
|
||||||
<img :src="item.path" alt="">
|
<img :src="item.path" alt="">
|
||||||
|
<div class="type">{{ getTypeLang(item.type) }}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-show="singleOveral.value == 'overall'" v-if="(currentDetailType == 'sketch' || currentDetailType == '') && designDetail.clothes.length < 5 && !isEditPattern.value" :class="{active:!selectDetail?.id && currentDetailType == 'sketch'}" class="add" @click="addSketch">
|
<div v-show="singleOveral.value == 'overall'" v-if="(currentDetailType == 'sketch' || currentDetailType == '') && designDetail.clothes.length < 5 && !isEditPattern.value" :class="{active:!selectDetail?.id && currentDetailType == 'sketch'}" class="add" @click="addSketch">
|
||||||
@@ -263,6 +264,11 @@ export default defineComponent({
|
|||||||
emit('sketchSysToLibrary')
|
emit('sketchSysToLibrary')
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
const getTypeLang = (type:any)=>{
|
||||||
|
// return navTypeList.find((item:any)=>item.value == type)?.label || type
|
||||||
|
let allPostition = store.state.Workspace.workspaceAllPosition
|
||||||
|
return allPostition.find(item => item.value === type)?.name
|
||||||
|
}
|
||||||
let observers = null as any
|
let observers = null as any
|
||||||
onMounted(()=>{
|
onMounted(()=>{
|
||||||
observers = new ResizeObserver(entries => {
|
observers = new ResizeObserver(entries => {
|
||||||
@@ -284,6 +290,7 @@ export default defineComponent({
|
|||||||
addSketch,
|
addSketch,
|
||||||
getMousePosition,
|
getMousePosition,
|
||||||
sketchSystemToLibrary,
|
sketchSystemToLibrary,
|
||||||
|
getTypeLang,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -310,6 +317,19 @@ export default defineComponent({
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
transition: top .3s;
|
transition: top .3s;
|
||||||
|
overflow: hidden;
|
||||||
|
> .type{
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0rem;
|
||||||
|
left: 0rem;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 2.4rem;
|
||||||
|
font-size: 1.4rem;
|
||||||
|
color: #fff;
|
||||||
|
background: #666666CC;
|
||||||
|
}
|
||||||
> .iconList{
|
> .iconList{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 1rem;
|
top: 1rem;
|
||||||
@@ -377,6 +397,5 @@ export default defineComponent({
|
|||||||
.modelNav{
|
.modelNav{
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 12rem;
|
width: 12rem;
|
||||||
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
File diff suppressed because it is too large
Load Diff
@@ -452,7 +452,7 @@ export default defineComponent({
|
|||||||
return message.info(t('newScaleImage.jsContent2'))
|
return message.info(t('newScaleImage.jsContent2'))
|
||||||
}
|
}
|
||||||
let id = await getWorks(imgData.scaleImageData.id)
|
let id = await getWorks(imgData.scaleImageData.id)
|
||||||
router.push(`/home?history=${id}`)
|
router.push(`/home/history/${id}`)
|
||||||
// router.push({name:'home',params: {id:imgData.scaleImageData.id,type:'Works'}})
|
// router.push({name:'home',params: {id:imgData.scaleImageData.id,type:'Works'}})
|
||||||
store.commit('setChooseIsDesign',false)
|
store.commit('setChooseIsDesign',false)
|
||||||
// router.push({name:'homePage',params: {id:imgData.scaleImageData.userLikeGroupSourceId,type:'Works'}})
|
// router.push({name:'homePage',params: {id:imgData.scaleImageData.userLikeGroupSourceId,type:'Works'}})
|
||||||
|
|||||||
@@ -642,7 +642,7 @@ export default defineComponent({
|
|||||||
message.info(useI18n().t('MoodboardUpload.jsContent4'))
|
message.info(useI18n().t('MoodboardUpload.jsContent4'))
|
||||||
}
|
}
|
||||||
const objectId = route?.query?.id
|
const objectId = route?.query?.id
|
||||||
if (!objectId && !isSelectObject) {
|
if (!objectId && !isSelectObject) {
|
||||||
isSelectObject = true
|
isSelectObject = true
|
||||||
productImgData.selectObject.id = await createProbject()
|
productImgData.selectObject.id = await createProbject()
|
||||||
upload.value = {
|
upload.value = {
|
||||||
|
|||||||
Reference in New Issue
Block a user