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) { if (findUser) {
form.setValues({ form.setValues({
password: '123456', 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 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);

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

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