add: confirmation check while deleting item

src/lang/en.js

@@ -338,6 +338,10 @@ export default {
     isRegistrationOpen: 'Is Registration Open',
     enableForum: 'Enable Forum',
     createTracks: 'Create Tracks',
+    deleteChallengeTitle: 'Delete Challenge',
+    deleteChallengeNote: 'Are you sure you want to delete this challenge?',
+    deleteTrackTitle: 'Delete Track',
+    deleteTrackNote: 'Are you sure you want to delete this track?',
     deleteSuccess: 'Challenge deleted successfully!',
     trackDeleteSuccess: 'Track deleted successfully!',
   },

src/lang/zh.js

@@ -338,5 +338,9 @@ export default {
     createTracks: '创建阶段',
     deleteSuccess: '比赛删除成功',
     trackDeleteSuccess: '阶段删除成功',
+    deleteChallengeTitle: '删除比赛',
+    deleteChallengeNote: '确定删除此比赛吗？',
+    deleteTrackTitle: '删除赛道',
+    deleteTrackNote: '确定删除此赛道吗？',
   },
 };

src/views/host/Index.vue

@@ -202,7 +202,7 @@ import { onMounted, reactive, ref } from 'vue';
 import { useRouter } from 'vue-router';
 import { getAllChallenges, delChallenge, delTrack } from '@/api/host';
 import { challengeTrack } from '@/api/challenge';
-import { formatTime } from '@/utils/tool';
+import { formatTime, oaMessageBox } from '@/utils/tool';
 import { useI18n } from 'vue-i18n';
 
 const { t } = useI18n();
@@ -267,24 +267,36 @@ const creatTrack = (row) => {
 };
 
 const deleteChallenge = (row) => {
-  delChallenge(row.id).then((res) => {
-    ElMessage.success(t('host.deleteSuccess'));
-    getList();
-  });
+  oaMessageBox({
+    title: t('host.deleteChallengeTitle'),
+    message: t('host.deleteChallengeNote'),
+  }).then(() => {
+      delChallenge(row.id).then((res) => {
+        ElMessage.success(t('host.deleteSuccess'));
+        getList();
+      });
+    }).catch(() => {});
+
 };
 const batchDelete = () => {};
 
 const eidtTrack = (challengeRow, trackRow) => {
   router.push(`/host/track/edit/${challengeRow.id}/${trackRow.id}`);
 };
 const deleteTrack = (challengeRow, trackRow) => {
-  delTrack(challengeRow.id, trackRow.id).then((res) => {
-    ElMessage.success(t('host.trackDeleteSuccess'));
-    challengeTrack(challengeRow.id).then((res) => {
-      challengeRow.trackList = res.results || [];
-      challengeRow.loadTracks = true;
-    });
-  });
+  oaMessageBox({
+    title: t('host.deleteTrackTitle'),
+    message: t('host.deleteTrackNote'),
+  }).then(() => {
+      delTrack(challengeRow.id, trackRow.id).then((res) => {
+        ElMessage.success(t('host.trackDeleteSuccess'));
+        challengeTrack(challengeRow.id).then((res) => {
+          challengeRow.trackList = res.results || [];
+          challengeRow.loadTracks = true;
+        });
+      });
+    }).catch(() => {});
+  
 };
 const expandChange = (row, expandedRows) => {
   if (!row.loadTracks) {