弹框样式修改

frontend/src/components/Dialog/index.vue

@@ -0,0 +1,41 @@
+<!-- 全局封装dialog组件 -->
+<template>
+  <el-dialog
+    v-model="dialogVisible"
+    :title="dialogTitle"
+    width="50%"
+    :before-close="handleClose"
+    :draggable="true"
+    :destroy-on-close="true"
+    :append-to-body="true"
+  >
+    <div class="container">
+      <slot name="container"></slot>
+    </div>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="dialogVisible = false">
+          确定
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+<script lang="ts" setup>
+import { ref, onMounted, defineExpose } from "vue";
+const dialogVisible = ref<Boolean>(false);
+const dialogTitle = ref<string>("");
+const openDialog = (title: string) => {
+  dialogTitle.value = title;
+  console.log(dialogVisible.value);
+  dialogVisible.value = true;
+};
+defineExpose({
+  openDialog,
+});
+onMounted(() => {
+  console.log();
+});
+</script>
+<style lang="scss" scoped></style>