diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue
index 161e782..268c495 100644
--- a/src/views/system/dept/index.vue
+++ b/src/views/system/dept/index.vue
@@ -20,10 +20,10 @@ const deptFormRef = ref(ElForm);
 
 const loading = ref(false);
 const ids = ref<number[]>([]);
-const dialog = {
+const dialog = reactive({
   title: "",
   visible: false,
-};
+});
 
 const queryParams = reactive<DeptQuery>({});
 const deptList = ref<DeptVO[]>();
diff --git a/src/views/system/dict/components/dict-item.vue b/src/views/system/dict/components/dict-item.vue
index 62dce8f..6a68e89 100644
--- a/src/views/system/dict/components/dict-item.vue
+++ b/src/views/system/dict/components/dict-item.vue
@@ -53,10 +53,10 @@ const queryParams = reactive<DictQuery>({
 
 const dictList = ref<DictPageVO[]>();
 
-const dialog = {
+const dialog = reactive({
   title: "",
   visible: false,
-};
+});
 
 const formData = reactive<DictForm>({
   status: 1,
diff --git a/src/views/system/dict/index.vue b/src/views/system/dict/index.vue
index f35296b..63ed6c1 100644
--- a/src/views/system/dict/index.vue
+++ b/src/views/system/dict/index.vue
@@ -29,10 +29,10 @@ const queryParams = reactive<DictTypeQuery>({
 
 const dictTypeList = ref<DictTypePageVO[]>();
 
-const dialog = {
+const dialog = reactive({
   title: "",
   visible: false,
-};
+});
 
 const formData = reactive<DictTypeForm>({
   status: 1,
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index 46205e6..bca9f99 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -24,10 +24,10 @@ const queryFormRef = ref(ElForm);
 const menuFormRef = ref(ElForm);
 
 const loading = ref(false);
-const dialog = {
+const dialog = reactive({
   title: "",
   visible: false,
-};
+});
 
 const queryParams = reactive<MenuQuery>({});
 const menuList = ref<MenuVO[]>([]);
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index 003ed1a..82790d1 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -32,10 +32,10 @@ const queryParams = reactive<RoleQuery>({
 
 const roleList = ref<RolePageVO[]>();
 
-const dialog = {
+const dialog = reactive({
   title: "",
   visible: false,
-};
+});
 
 const formData = reactive<RoleForm>({
   sort: 1,