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

暂存

This commit is contained in:
z9130 2024-10-25 13:13:53 +08:00
parent 882ef633d1
commit 3b3d0f70b8
1 changed files with 17 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -40,7 +40,14 @@ import { storeToRefs } from 'pinia';
import { useCanvasStore, UseTilesStore } from '#/store'; import { useCanvasStore, UseTilesStore } from '#/store';
import { groupList, tilesList } from './tiles'; import { groupList, tilesList } from './tiles';
import { debounce, isElementInFolder, isGroup, updateRowHeight } from './utils'; import {
debounce,
generateRandomString,
isElementInFolder,
isGroup,
pathToComponent,
updateRowHeight,
} from './utils';
const tilesStore = UseTilesStore(); const tilesStore = UseTilesStore();
const canvasStore = useCanvasStore(); const canvasStore = useCanvasStore();
@ -336,17 +343,18 @@ const layoutUpdatedEvent = (e) => {
// 获取当前正在拖动的元素 // 获取当前正在拖动的元素
const dragItem = currentDragItem.value; const dragItem = currentDragItem.value;
console.log('当前拖动的元素', dragItem); console.log('当前拖动的元素', dragItem);
const firstKey = gridLayoutRefs.keys().next().value;
console.log(firstKey); // 'key1'
// 判断当前拖动的元素是否进入目标画布区域 // 判断当前拖动的元素是否进入目标画布区域
const folderId = isElementInFolder(dragItem, groups); const folderId = isElementInFolder(dragItem, groups);
console.log('当前拖动的元素是否进入目标画布区域', folderId); console.log('当前拖动的元素是否进入目标画布区域', folderId);
// const dom = gridLayoutRefs.get('7303'); 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);
@ -569,7 +577,8 @@ const formState = reactive({
Displayed as <code>[x, y, w, h]</code>: Displayed as <code>[x, y, w, h]</code>:
<div class="columns"> <div class="columns">
<div v-for="item in layout"> <div v-for="item in layout">
<b>{{ item.i }}</b>: [{{ item.x }}, {{ item.y }}, {{ item.w }}, {{ item.h }}] <b>{{ item.i }}</b
>: [{{ item.x }}, {{ item.y }}, {{ item.w }}, {{ item.h }}]
</div> </div>
</div> </div>
</div> </div>