邓洁 : 站点静态数据

src/views/tunnel-manage/index.vue

@@ -13,7 +13,7 @@
         <div class="all-btn">
           全选
         </div>
-        <div class="all-btn del-btn">
+        <div class="all-btn del-btn" @click="handleMoreDelete">
           删除
         </div>
       </div>
@@ -94,6 +94,8 @@
 </template>
 
 <script setup>
+import {ElMessage, ElMessageBox} from "element-plus";
+
 const router = useRouter()
 const showAddIcon = ref(true)
 const siteId = reactive(router.currentRoute.value.params.siteId)
@@ -235,8 +237,8 @@ const getImageUrl = (name) => {
 }
 const handleClickSite = (type) => {
   if (type.checked) {
-    // tunnelIds.value.push(type.siteId)
-    // tunnelNameList.value.push(type.siteName)
+    tunnelIds.value.push(type.siteId)
+    tunnelNameList.value.push(type.siteName)
   } else {
     // tunnelIds.value.map((item, index) => {
     //   if (item === type.siteId) {
@@ -250,6 +252,30 @@ const handleClickSite = (type) => {
     // })
   }
 }
+const handleMoreDelete = () => {
+  if (tunnelIds.value.length === 0) {
+    ElMessage.warning('请先选择隧道进行删除')
+  } else {
+    ElMessageBox.confirm(`是否确定删除该隧道`, '系统提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+      customClass: 'delBox'
+    }).then(() => {
+      // deleteSite(tunnelIds.value).then(res => {
+      //   if (res.code === 1000) {
+      //     ElMessage.success(res.msg)
+      //     getList()
+      //     tunnelIds.value = []
+      //     tunnelNameList.value = []
+      //   } else {
+      //     ElMessage.error(res.msg)
+      //   }
+      // })
+    })
+  }
+}
+
 </script>
 
 <style scoped lang="scss">