|
|
@@ -0,0 +1,47 @@
|
|
|
+<script setup lang="ts">
|
|
|
+import { computed } from "vue";
|
|
|
+import { useI18n } from "vue-i18n";
|
|
|
+
|
|
|
+const { t } = useI18n();
|
|
|
+const showDialog = computed(() => props.dialog);
|
|
|
+
|
|
|
+const props = defineProps({
|
|
|
+ msg: {
|
|
|
+ type: String,
|
|
|
+ default: "",
|
|
|
+ },
|
|
|
+ dialog: {
|
|
|
+ type: Boolean,
|
|
|
+ default: false,
|
|
|
+ },
|
|
|
+ state: {
|
|
|
+ type: String,
|
|
|
+ },
|
|
|
+});
|
|
|
+
|
|
|
+const emit = defineEmits(["close"]);
|
|
|
+
|
|
|
+function close() {
|
|
|
+ emit("close", false);
|
|
|
+}
|
|
|
+</script>
|
|
|
+<template>
|
|
|
+ <v-dialog
|
|
|
+ :value="showDialog"
|
|
|
+ v-model="showDialog"
|
|
|
+ width="400"
|
|
|
+ @click:outside="close()"
|
|
|
+ >
|
|
|
+ <v-card>
|
|
|
+ <v-card-text>
|
|
|
+ <section class="d-flex flex-column align-center">
|
|
|
+ <v-icon style="font-size: 70px" icon="info" :color="state" />
|
|
|
+ <p class="mt-3">{{ msg }}</p>
|
|
|
+ </section>
|
|
|
+ </v-card-text>
|
|
|
+ <v-card-actions>
|
|
|
+ <v-btn @click="close()" class="mx-auto"> {{ t("close") }}</v-btn>
|
|
|
+ </v-card-actions>
|
|
|
+ </v-card>
|
|
|
+ </v-dialog>
|
|
|
+</template>
|
