fix: 🐛 系统管理页面弹窗无法打开问题修复

Former-commit-id: 9687d6658d6ffee87ece5c51402c73a9589e61f1

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[]>();

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,

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,

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[]>([]);

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,