This commit is contained in:
parent
3b3d0f70b8
commit
71018ea21d
|
@ -58,7 +58,7 @@ const formSchema = computed((): VbenFormSchema[] => {
|
||||||
if (findUser) {
|
if (findUser) {
|
||||||
form.setValues({
|
form.setValues({
|
||||||
password: '123456',
|
password: '123456',
|
||||||
username: findUser.value,
|
username: 'vben',
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -133,23 +133,23 @@ onMounted(() => {
|
||||||
// 获取鼠标的坐标
|
// 获取鼠标的坐标
|
||||||
const mouseX = event.clientX;
|
const mouseX = event.clientX;
|
||||||
const mouseY = event.clientY;
|
const mouseY = event.clientY;
|
||||||
console.log('mousemove', mouseX, mouseY);
|
// console.log('mousemove', mouseX, mouseY);
|
||||||
// 使用 elementFromPoint 获取鼠标位于哪个元素上方
|
// 使用 elementFromPoint 获取鼠标位于哪个元素上方
|
||||||
const hoveredElement = document.elementFromPoint(mouseX, mouseY);
|
const hoveredElement = document.elementFromPoint(mouseX, mouseY);
|
||||||
|
|
||||||
// 输出当前鼠标悬停的元素
|
// 输出当前鼠标悬停的元素
|
||||||
if (hoveredElement) {
|
// if (hoveredElement) {
|
||||||
console.log('hoveredElement', hoveredElement);
|
// // console.log('hoveredElement', hoveredElement);
|
||||||
const gridItem = hoveredElement.closest('.grid-item');
|
// const gridItem = hoveredElement.closest('.grid-item');
|
||||||
|
|
||||||
if (gridItem) {
|
// if (gridItem) {
|
||||||
console.log('鼠标松开时位于 grid-item 上:', gridItem);
|
// console.log('鼠标松开时位于 grid-item 上:', gridItem);
|
||||||
console.log('grid-item ID:', gridItem.dataset.id);
|
// console.log('grid-item ID:', gridItem.dataset.id);
|
||||||
} else {
|
// } else {
|
||||||
console.log('鼠标松开时不在任何 grid-item 上');
|
// console.log('鼠标松开时不在任何 grid-item 上');
|
||||||
}
|
// }
|
||||||
// console.log(`鼠标位于: ${hoveredElement.id || hoveredElement.tagName}`);
|
// // console.log(`鼠标位于: ${hoveredElement.id || hoveredElement.tagName}`);
|
||||||
}
|
// }
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -342,20 +342,22 @@ const layoutUpdatedEvent = (e) => {
|
||||||
|
|
||||||
// 获取当前正在拖动的元素
|
// 获取当前正在拖动的元素
|
||||||
const dragItem = currentDragItem.value;
|
const dragItem = currentDragItem.value;
|
||||||
console.log('当前拖动的元素', dragItem);
|
// 先写死判断,如果是日志服务
|
||||||
const firstKey = gridLayoutRefs.keys().next().value;
|
if (dragItem.name === '日志服务') {
|
||||||
console.log(firstKey); // 'key1'
|
console.log('当前拖动的元素', dragItem);
|
||||||
// 判断当前拖动的元素是否进入目标画布区域
|
const firstKey = gridLayoutRefs.keys().next().value;
|
||||||
const folderId = isElementInFolder(dragItem, groups);
|
console.log(firstKey); // 'key1'
|
||||||
console.log('当前拖动的元素是否进入目标画布区域', folderId);
|
// 判断当前拖动的元素是否进入目标画布区域
|
||||||
|
const folderId = isElementInFolder(dragItem, groups);
|
||||||
|
console.log('当前拖动的元素是否进入目标画布区域', folderId);
|
||||||
|
|
||||||
const dom = gridLayoutRefs.get(firstKey);
|
const dom = gridLayoutRefs.get(firstKey);
|
||||||
console.log(dom);
|
console.log(dom);
|
||||||
dragItem.component = pathToComponent(dragItem.component, 'component');
|
dragItem.component = pathToComponent(dragItem.component, 'component');
|
||||||
dom.layout.push({ ...dragItem, i: generateRandomString(12) });
|
dom.layout.push({ ...dragItem, i: generateRandomString(12) });
|
||||||
|
|
||||||
delItem(dragItem);
|
|
||||||
|
|
||||||
|
delItem(dragItem);
|
||||||
|
}
|
||||||
// console.log(domIdxxxxx.value);
|
// console.log(domIdxxxxx.value);
|
||||||
// console.log(dom);
|
// console.log(dom);
|
||||||
console.log('layoutUpdatedEvent', e);
|
console.log('layoutUpdatedEvent', e);
|
||||||
|
|
|
@ -634,7 +634,7 @@ const tilesList = [
|
||||||
h: 2,
|
h: 2,
|
||||||
component: './components/Output1/index.vue',
|
component: './components/Output1/index.vue',
|
||||||
i: generateRandomString(),
|
i: generateRandomString(),
|
||||||
group: 'htgl',
|
group: 'workbench',
|
||||||
type: 'kjrk',
|
type: 'kjrk',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
@ -646,7 +646,7 @@ const tilesList = [
|
||||||
h: 2,
|
h: 2,
|
||||||
component: './components/Output1/index.vue',
|
component: './components/Output1/index.vue',
|
||||||
i: generateRandomString(),
|
i: generateRandomString(),
|
||||||
group: 'htgl',
|
group: 'workbench',
|
||||||
type: 'kjrk',
|
type: 'kjrk',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
@ -670,7 +670,7 @@ const tilesList = [
|
||||||
h: 2,
|
h: 2,
|
||||||
component: './components/Output1/index.vue',
|
component: './components/Output1/index.vue',
|
||||||
i: generateRandomString(),
|
i: generateRandomString(),
|
||||||
group: 'htgl',
|
group: 'workbench',
|
||||||
type: 'kjrk',
|
type: 'kjrk',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
@ -695,7 +695,7 @@ const tilesList = [
|
||||||
h: 2,
|
h: 2,
|
||||||
component: './components/Output1/index.vue',
|
component: './components/Output1/index.vue',
|
||||||
i: generateRandomString(),
|
i: generateRandomString(),
|
||||||
group: 'htgl',
|
group: 'workbench',
|
||||||
type: 'kjrk',
|
type: 'kjrk',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
@ -707,7 +707,7 @@ const tilesList = [
|
||||||
h: 2,
|
h: 2,
|
||||||
component: './components/Output1/index.vue',
|
component: './components/Output1/index.vue',
|
||||||
i: generateRandomString(),
|
i: generateRandomString(),
|
||||||
group: 'htgl',
|
group: 'workbench',
|
||||||
type: 'kjrk',
|
type: 'kjrk',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
@ -719,7 +719,7 @@ const tilesList = [
|
||||||
h: 2,
|
h: 2,
|
||||||
component: './components/Output1/index.vue',
|
component: './components/Output1/index.vue',
|
||||||
i: generateRandomString(),
|
i: generateRandomString(),
|
||||||
group: 'htgl',
|
group: 'workbench',
|
||||||
type: 'kjrk',
|
type: 'kjrk',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
@ -743,7 +743,7 @@ const tilesList = [
|
||||||
h: 2,
|
h: 2,
|
||||||
component: './components/Output1/index.vue',
|
component: './components/Output1/index.vue',
|
||||||
i: generateRandomString(),
|
i: generateRandomString(),
|
||||||
group: 'htgl',
|
group: 'workbench',
|
||||||
type: 'kjrk',
|
type: 'kjrk',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
Loading…
Reference in New Issue