refactor: ♻️ 代码生成字段配置拖拽排序指定位置,避免无法剪切输入框内容问题
This commit is contained in:
@@ -161,7 +161,10 @@
|
|||||||
highlight--currentrow
|
highlight--currentrow
|
||||||
:data="formData.fieldConfigs"
|
:data="formData.fieldConfigs"
|
||||||
>
|
>
|
||||||
<el-table-column type="index" label="序号" width="80" />
|
<el-table-column width="55" align="center">
|
||||||
|
<i-ep-Rank class="cursor-move sortable-handle" />
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
<el-table-column label="字段列名" width="150">
|
<el-table-column label="字段列名" width="150">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
{{ scope.row.columnName }}
|
{{ scope.row.columnName }}
|
||||||
@@ -471,6 +474,7 @@ const initSort = () => {
|
|||||||
group: "shared",
|
group: "shared",
|
||||||
animation: 150,
|
animation: 150,
|
||||||
ghostClass: "sortable-ghost", //拖拽样式
|
ghostClass: "sortable-ghost", //拖拽样式
|
||||||
|
handle: ".sortable-handle", //拖拽区域
|
||||||
easing: "cubic-bezier(1, 0, 0, 1)",
|
easing: "cubic-bezier(1, 0, 0, 1)",
|
||||||
onStart: (item: any) => {},
|
onStart: (item: any) => {},
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user