lcw

src/views/backOfficeSystem/JudgmentHome/tsypHome/components/regulation.vue

@@ -8,16 +8,22 @@
       </div>
     </div>
     <div class="form_cnt">
-      <div>
+      <VueDraggable    @update="onUpdate"
+      @add="onAdd"
+      @remove="remove">
         <el-button type="primary"  v-for="(item,index) in listBut" :key="index">{{ item }}</el-button>
+      </VueDraggable>
+      <VueDraggable>
+        <el-button type="primary"  v-for="(item,index) in listBut" :key="index">{{ item }}</el-button>
+      </VueDraggable>
       </div>
-    </div>
   </div>
 </template>
 
 <script setup>
 import { reactive, ref } from 'vue'
 import FormMessage from "@/components/aboutTable/FormMessage.vue";
+import { VueDraggable } from 'vue-draggable-plus'
 const dialogForm = ref(false)
 const title = ref("新增")
 const init = (type, row) => {
@@ -41,6 +47,18 @@ const listBut = ref(["物品", "人员", "组织", "次数", "事件", "地点",
 const close = () => {
   dialogForm.value = false
 }
+
+const onUpdate = (evt) => {
+  console.log(evt)
+}
+// 新增
+const onAdd = (evt) => {
+  console.log(evt)
+}
+// 删除
+const remove = (evt) => {
+  console.log(evt)
+}
 defineExpose({
   init
 })