feat：删除提示框

frontend/src/components/device_communication/DeviceInfoCard.vue

@@ -38,7 +38,7 @@
 <script setup lang="ts">
 import { onMounted, ref, watch } from 'vue';
 import axios from 'axios';
-import { ElMessage } from 'element-plus';
+import { ElMessage, ElMessageBox } from 'element-plus';
 
 import type { DeviceInfo } from '@/components/device_communication/types';
 import EditDialog from './EditDialog.vue';
@@ -66,6 +66,8 @@ watch(() => props.deviceInfo, () => {
 
 const emit = defineEmits(['deleteDeviceInfo'])
 const del = () => {
+  ElMessageBox.confirm("确认删除吗？", "TIP")
+  .then(() => {
     let station_id = deviceInfo.value.station_id
     let id = deviceInfo.value.id
     axios.delete('/api/device_communication/communicate/' + id + '/')
@@ -79,6 +81,8 @@ const del = () => {
     .catch((err) => {
       console.log(err);
     })
+  })
+  .catch(() => {});
 }
 
 const changeDeviceInfo = (device_info: DeviceInfo) => {