feat:创建数据表字段，支持拖拽

modules/Develop/views/schema/steps/structure.vue

@@ -1,6 +1,7 @@
 <template>
   <div>
-    <el-table :data="structures" class="draggable">
+      <VueDraggable v-model="structures" target=".el-table__body tbody" animation="150" @end="onEnd">
+          <el-table :data="structures" class="draggable" :lazy="false">
           <el-table-column prop="field" :label="$t('generate.schema.structure.field_name.name')" />
           <el-table-column prop="type" :label="$t('generate.schema.structure.type.name')">
             <template #default="scope">
@@ -22,6 +23,7 @@
             </template>
           </el-table-column>
         </el-table>
+    </VueDraggable>
 
     <div class="flex justify-end mt-4">
       <el-button type="success" :icon="Plus" @click="addField">{{ $t('system.add') }}</el-button>
@@ -95,14 +97,14 @@ import type { FormInstance } from 'element-plus'
 import Message from '/admin/support/message'
 import http from '/admin/support/http'
 import { Code } from '/admin/enum/app'
+import { VueDraggable } from 'vue-draggable-plus'
 
 const schemaStore = useSchemaStore()
 const emits = defineEmits(['prev', 'next'])
 const visible = ref(false)
 
-const structures = computed(() => {
+// 初始化
-  return schemaStore.getStructures
+const structures = ref(schemaStore.getStructures)
-})
 
 const structure: Ref<Structure> = ref(schemaStore.initStructure())
 // structure
@@ -149,7 +151,11 @@ const next = () => {
     })
   }
 }
-
+// 调整数据结构
+const onEnd = () => {
+    console.log(structures.value)
+    schemaStore.setStructures(structures.value)
+}
 const types: string[] = [
   'id',
   'smallIncrements',

package.json

@@ -16,6 +16,7 @@
         "pinia": "^2.1.7",
         "terser": "^5.29.2",
         "vue": "^3.4.21",
+        "vue-draggable-plus": "^0.4.0",
         "vue-i18n": "9",
         "vue-router": "4.3.0",
         "vuedraggable": "^2.24.3"