diff --git a/web/src/components/ConfigDialog.vue b/web/src/components/ConfigDialog.vue
index f4b127dd..770f31e3 100644
--- a/web/src/components/ConfigDialog.vue
+++ b/web/src/components/ConfigDialog.vue
@@ -1,13 +1,14 @@
 <template>
   <el-dialog
       v-model="$props.show"
+      :close-on-click-modal="false"
+      :show-close="false"
       title="聊天配置"
-      :before-close="beforeClose"
   >
     <span>正在努力开发中...</span>
     <template #footer>
       <span class="dialog-footer">
-        <el-button @click="this.$emit('update:show', false)">取消</el-button>
+        <el-button @click="close">关闭</el-button>
         <el-button type="primary" @click="save">
           保存
         </el-button>
@@ -31,10 +32,11 @@ export default defineComponent({
     return {}
   },
   methods: {
-    beforeClose: function () {
-    },
     save: function () {
       this.$emit('update:show', false);
+    },
+    close: function () {
+      this.$emit('update:show', false);
     }
   }
 })