z9130
/
pansoft-plrl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

11

This commit is contained in:
z9130 2024-10-25 13:32:28 +08:00
parent 3b3d0f70b8
commit 71018ea21d
3 changed files with 34 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web-test/src/views/_core/authentication/login.vue
View File

@ -58,7 +58,7 @@ const formSchema = computed((): VbenFormSchema[] => {
if (findUser) {
form.setValues({
password: '123456',
username: findUser.value,
username: 'vben',
});
}
}

50
apps/web-test/src/views/dashboard/home/index.vue
View File

@ -133,23 +133,23 @@ onMounted(() => {
// 获取鼠标的坐标
const mouseX = event.clientX;
const mouseY = event.clientY;
console.log('mousemove', mouseX, mouseY);
// console.log('mousemove', mouseX, mouseY);
// 使用 elementFromPoint 获取鼠标位于哪个元素上方
const hoveredElement = document.elementFromPoint(mouseX, mouseY);
// 输出当前鼠标悬停的元素
if (hoveredElement) {
console.log('hoveredElement', hoveredElement);
const gridItem = hoveredElement.closest('.grid-item');
// if (hoveredElement) {
// // console.log('hoveredElement', hoveredElement);
// const gridItem = hoveredElement.closest('.grid-item');
if (gridItem) {
console.log('鼠标松开时位于 grid-item 上:', gridItem);
console.log('grid-item ID:', gridItem.dataset.id);
} else {
console.log('鼠标松开时不在任何 grid-item 上');
}
// console.log(`鼠标位于: ${hoveredElement.id || hoveredElement.tagName}`);
}
// if (gridItem) {
// console.log('鼠标松开时位于 grid-item 上:', gridItem);
// console.log('grid-item ID:', gridItem.dataset.id);
// } else {
// console.log('鼠标松开时不在任何 grid-item 上');
// }
// // console.log(`鼠标位于: ${hoveredElement.id || hoveredElement.tagName}`);
// }
});
});
@ -342,20 +342,22 @@ const layoutUpdatedEvent = (e) => {
// 获取当前正在拖动的元素
const dragItem = currentDragItem.value;
console.log('当前拖动的元素', dragItem);
const firstKey = gridLayoutRefs.keys().next().value;
console.log(firstKey); // 'key1'
// 判断当前拖动的元素是否进入目标画布区域
const folderId = isElementInFolder(dragItem, groups);
console.log('当前拖动的元素是否进入目标画布区域', folderId);
// 先写死判断，如果是日志服务
if (dragItem.name === '日志服务') {
console.log('当前拖动的元素', dragItem);
const firstKey = gridLayoutRefs.keys().next().value;
console.log(firstKey); // 'key1'
// 判断当前拖动的元素是否进入目标画布区域
const folderId = isElementInFolder(dragItem, groups);
console.log('当前拖动的元素是否进入目标画布区域', folderId);
const dom = gridLayoutRefs.get(firstKey);
console.log(dom);
dragItem.component = pathToComponent(dragItem.component, 'component');
dom.layout.push({ ...dragItem, i: generateRandomString(12) });
delItem(dragItem);
const dom = gridLayoutRefs.get(firstKey);
console.log(dom);
dragItem.component = pathToComponent(dragItem.component, 'component');
dom.layout.push({ ...dragItem, i: generateRandomString(12) });
delItem(dragItem);
}
// console.log(domIdxxxxx.value);
// console.log(dom);
console.log('layoutUpdatedEvent', e);

14
apps/web-test/src/views/dashboard/home/tiles.ts
View File

@ -634,7 +634,7 @@ const tilesList = [
h: 2,
component: './components/Output1/index.vue',
i: generateRandomString(),
group: 'htgl',
group: 'workbench',
type: 'kjrk',
},
{
@ -646,7 +646,7 @@ const tilesList = [
h: 2,
component: './components/Output1/index.vue',
i: generateRandomString(),
group: 'htgl',
group: 'workbench',
type: 'kjrk',
},
{
@ -670,7 +670,7 @@ const tilesList = [
h: 2,
component: './components/Output1/index.vue',
i: generateRandomString(),
group: 'htgl',
group: 'workbench',
type: 'kjrk',
},
{
@ -695,7 +695,7 @@ const tilesList = [
h: 2,
component: './components/Output1/index.vue',
i: generateRandomString(),
group: 'htgl',
group: 'workbench',
type: 'kjrk',
},
{
@ -707,7 +707,7 @@ const tilesList = [
h: 2,
component: './components/Output1/index.vue',
i: generateRandomString(),
group: 'htgl',
group: 'workbench',
type: 'kjrk',
},
{
@ -719,7 +719,7 @@ const tilesList = [
h: 2,
component: './components/Output1/index.vue',
i: generateRandomString(),
group: 'htgl',
group: 'workbench',
type: 'kjrk',
},
{
@ -743,7 +743,7 @@ const tilesList = [
h: 2,
component: './components/Output1/index.vue',
i: generateRandomString(),
group: 'htgl',
group: 'workbench',
type: 'kjrk',
},
{