|
|
@@ -40,7 +40,6 @@
|
|
|
@change="dragChange"
|
|
|
>
|
|
|
<template #item="{ element, index }">
|
|
|
-
|
|
|
<formNode
|
|
|
:key="element.key"
|
|
|
:style="{ width: element.options.childWidth || '300px' }"
|
|
|
@@ -72,7 +71,7 @@
|
|
|
class="show-key-event"
|
|
|
>
|
|
|
<a-tooltip>
|
|
|
- <template #title>存在Change事件</template>
|
|
|
+ <template #title>存在子表的值改变事件</template>
|
|
|
<CopyrightCircleOutlined/>
|
|
|
</a-tooltip>
|
|
|
</div>
|
|
|
@@ -537,20 +536,25 @@ export default {
|
|
|
display: grid;
|
|
|
grid-template-columns: repeat(3, 1fr); /* 每行3列 */
|
|
|
gap: 5px; /* 设置子元素之间的间距 */
|
|
|
+
|
|
|
}
|
|
|
|
|
|
.batch-draggable-box > * {
|
|
|
grid-column: span 1; /* 默认占用1列 */
|
|
|
+ min-width: 100%; /* 设置最小宽度为100% */
|
|
|
+ border: 1px dotted #ccc;
|
|
|
}
|
|
|
|
|
|
/* 如果某个子元素需要占用2列 */
|
|
|
.batch-draggable-box > .span-2 {
|
|
|
grid-column: span 2; /* 占用2列 */
|
|
|
+ border: 1px dotted #ccc;
|
|
|
}
|
|
|
|
|
|
/* 如果某个子元素需要占用3列 */
|
|
|
.batch-draggable-box > .span-3 {
|
|
|
grid-column: span 3; /* 占用3列 */
|
|
|
+ border: 1px dotted #ccc;
|
|
|
}
|
|
|
.show-key-event {
|
|
|
position: absolute;
|