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
 })

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

@@ -13,7 +13,7 @@
     </div>
     <ul class="cntlsit mb10" v-if="show" v-infinite-scroll="load" :style="{ height: listHeight + 'px' }"
       v-loading="loading">
-      <li class="cntItem" v-for="(it, idx) in list" :key="idx">
+      <li class="cntItem" v-for="(it, idx) in 10" :key="idx">
         <div class="ww100" @click.stop="openAddModel('detail', it)"><img class="ww100" style="height: 168px;"
             src="@/assets/images/mxbg.jpg" alt=""></div>
         <div class="foot">