diff --git a/Build_God_Game/index.html b/Build_God_Game/index.html index d2e9244..9f188d6 100644 --- a/Build_God_Game/index.html +++ b/Build_God_Game/index.html @@ -1,5 +1,5 @@ - + diff --git a/Build_God_Game/src/main.ts b/Build_God_Game/src/main.ts index 495a430..058157a 100644 --- a/Build_God_Game/src/main.ts +++ b/Build_God_Game/src/main.ts @@ -5,6 +5,7 @@ import App from './App.vue' import router from './router' import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' +import 'element-plus/theme-chalk/dark/css-vars.css' const app = createApp(App) app.use(ElementPlus) diff --git a/Build_God_Game/src/views/CharacterView.vue b/Build_God_Game/src/views/CharacterView.vue index 8b66c88..2e12bd9 100644 --- a/Build_God_Game/src/views/CharacterView.vue +++ b/Build_God_Game/src/views/CharacterView.vue @@ -3,7 +3,7 @@ import { ref, onMounted } from 'vue' import { useRouter } from 'vue-router' import { useCharacterStore } from '@/stores/character' import { useAuthStore } from '@/stores/auth' -import { ElProgress } from 'element-plus' +import { ElMessage, ElProgress } from 'element-plus' import Particles from '@/components/Particles/Particles.vue' import GlareHover from '@/components/GlareHover/GlareHover.vue' import ElectricBorder from '@/components/ElectricBorder/ElectricBorder.vue' @@ -20,6 +20,8 @@ const newCharacterName = ref('') const newCharacterProfessionId = ref(null) const showProfessionSelection = ref(false) const errorMsg = ref('') +const deleteDialogVisible = ref(false) +const characterToDelete = ref(null) onMounted(async () => { await characterStore.fetchCharacters() @@ -84,13 +86,28 @@ const handleSelectCharacter = async (characterId: number) => { } } -const handleDeleteCharacter = async (characterId: number, event: Event) => { +const handleDeleteCharacter = (characterId: number, event: Event) => { event.stopPropagation() - if (confirm('确定要删除这个角色吗？此操作不可恢复！')) { - await characterStore.deleteCharacter(characterId) + characterToDelete.value = characterId + deleteDialogVisible.value = true +} + +const confirmDelete = async () => { + if (characterToDelete.value) { + var bo = await characterStore.deleteCharacter(characterToDelete.value) + if (bo == true) { + deleteDialogVisible.value = false + characterToDelete.value = null + ElMessage.success('删除成功了，如果有一天你后悔了，记得找我') + } + } } +const deleteCharacter = async (characterId: number) => { + await characterStore.deleteCharacter(characterId) +} + const handleLogout = () => { authStore.logout() characterStore.clearCurrentCharacter() @@ -119,7 +136,7 @@ const formatNumber = (num: number) => {
-
@@ -188,17 +205,28 @@ const formatNumber = (num: number) => {
-
- 退出登录 -
+ +
+ 退出登录 +
+
+ + + 你真的想删除这个角色吗？ + + + +