feat: 添加删除功能

src/view/case/photos/draggable.vue

@@ -1,11 +1,14 @@
 <template>
-  <VueDraggable class="draggable" ref="el" v-model="list" @sort="onChange">
-    <div class="item" v-for="(item, index) in list" :key="item.id" @click="handleItem(index)">
-      <img class="itemImg" src="https://4dscene.4dage.com/new4dkk/v2/lang/images/home/caseList/bwg.png" alt="" />
-      <div class="text">{{ item.name }}</div>
-      <CircleCloseFilled @click.stop="handleDet(index)" class="itemIcon" />
-    </div>
-  </VueDraggable>
+  <div class="VueDraggable">
+    <VueDraggable v-if="list.length" class="draggable" ref="el" v-model="list" @sort="onChange">
+      <div class="item" v-for="(item, index) in list" :key="item.id" @click="handleItem(index)">
+        <img class="itemImg" src="https://4dscene.4dage.com/new4dkk/v2/lang/images/home/caseList/bwg.png" alt="" />
+        <div class="text">{{ item.name }}</div>
+        <CircleCloseFilled @click.stop="handleDet(index)" class="itemIcon" />
+      </div>
+    </VueDraggable>
+    <el-empty class="empty" v-else description="请上传现场照片" />
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -135,6 +138,9 @@ onMounted(() => {
 
 </script>
 <style lang="scss" scoped>
+.empty{
+  width: 200px;
+}
 .draggable{
   display: flex;
   flex-wrap: wrap;