refactor: ♻️ 代码生成字段配置拖拽排序指定位置,避免无法剪切输入框内容问题

This commit is contained in:
ray
2024-08-06 13:43:08 +08:00
parent e3d9229fd5
commit ae16969136

View File

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