志愿拖拽问题修复

src/views/elective/select/components/elective-preference-drag.vue

@@ -1,17 +1,25 @@
 <template>
   <!--  拖拽demo-->
   <transition-group name="drag" class="list" tag="ul">
-    <li v-for="(item, index) in selectedList" :key="item.groupId">
-      <span>{{ `第${index + 1}志愿:` }}</span>
-      <span class="list-item"
-            @dragenter="dragenter($event, index)"
-            @dragover="dragover($event, index)"
-            @dragstart="dragstart(index)"
-            :class="{'move': !disabled}"
-            :draggable="!disabled"
-      >{{ item.groupName }}</span>
-      <el-button style="cursor: pointer" @click="del(index)" size="mini" v-if="!disabled" type="danger">删除</el-button>
-    </li>
+    <template v-if="!disabled">
+      <li v-for="(item, index) in selectedList" :key="item.groupId">
+        <span>{{ `第${index + 1}志愿:` }}</span>
+        <span class="list-item move"
+              @dragenter="dragenter($event, index)"
+              @dragover="dragover($event, index)"
+              @dragstart="dragstart(index)"
+              draggable="true"
+        >{{ item.groupName }}</span>
+        <el-button style="cursor: pointer" @click="del(index)" size="mini"  type="danger">删除</el-button>
+      </li>
+    </template>
+    <template v-else>
+      <li v-for="(item, index) in selectedList" :key="item.groupId">
+        <span>{{ `第${index + 1}志愿:` }}</span>
+        <span class="list-item">{{ item.groupName }}</span>
+      </li>
+    </template>
+
   </transition-group>
 </template>
 <script>