From cf34d47602645210a464e638be15f45bcdcee2c3 Mon Sep 17 00:00:00 2001
From: hechang27-sprt <hechang27@outlook.com>
Date: Mon, 29 Dec 2025 09:27:29 +0800
Subject: [PATCH] fix: misc utility and css fixes

---
 .claude/settings.local.json           |  3 ++-
 packages/manage/common/login2.vue     | 16 ++++++----------
 packages/manage/router/index.vue      |  2 +-
 packages/manage/router/zhuBeiDong.vue |  2 +-
 plugs/composables/useListTable.ts     |  7 ++++---
 plugs/composables/useModifyForm.ts    |  4 ++--
 6 files changed, 16 insertions(+), 18 deletions(-)

diff --git a/.claude/settings.local.json b/.claude/settings.local.json
index a9a3bc1..7fa24c1 100644
--- a/.claude/settings.local.json
+++ b/.claude/settings.local.json
@@ -10,7 +10,8 @@
       "mcp__chrome-devtools__list_network_requests",
       "mcp__chrome-devtools__evaluate_script",
       "mcp__chrome-devtools__get_network_request",
-      "Bash(cat:*)"
+      "Bash(cat:*)",
+      "mcp__chrome-devtools__wait_for"
     ],
     "deny": [],
     "ask": []
diff --git a/packages/manage/common/login2.vue b/packages/manage/common/login2.vue
index 96e2d9e..36fda17 100644
--- a/packages/manage/common/login2.vue
+++ b/packages/manage/common/login2.vue
@@ -135,28 +135,24 @@ onBeforeUnmount(() => {
 
 .el-form-item {
     :deep(.el-form-item__content) {
-        display: flex;
-        align-items: center;
-        flex-wrap: wrap;
+        display: block;
     }
 
     :deep(.el-form-item__error) {
-        left: 92px; // 80px (label min-width) + 12px (label margin-right)
-        width: calc(100% - 92px);
+        left: 0;
+        width: 100%;
     }
 }
 
 .login-label {
-    display: inline-block;
-    min-width: 80px;
-    margin-right: 12px;
-    text-align: right;
+    display: block;
+    margin-bottom: 8px;
     font-size: 1rem;
     color: v-bind('state.style.color');
 }
 
 .login-input {
-    flex: 1;
+    width: 100%;
 
     :deep(.el-input__inner) {
         font-size: 2rem;
diff --git a/packages/manage/router/index.vue b/packages/manage/router/index.vue
index 2079a8d..8604105 100644
--- a/packages/manage/router/index.vue
+++ b/packages/manage/router/index.vue
@@ -185,7 +185,7 @@ body {
   height: v-bind("state.size.headHeight");
 }
 
-.head-icon {
+:deep(.head-icon) {
   float: right;
   cursor: pointer;
   height: v-bind("state.size.headHeight");
diff --git a/packages/manage/router/zhuBeiDong.vue b/packages/manage/router/zhuBeiDong.vue
index 45954ed..d4106f2 100644
--- a/packages/manage/router/zhuBeiDong.vue
+++ b/packages/manage/router/zhuBeiDong.vue
@@ -178,7 +178,7 @@ body {
   height: v-bind("state.size.headHeight");
 }
 
-.head-icon {
+:deep(.head-icon) {
   float: right;
   cursor: pointer;
   height: v-bind("state.size.headHeight") !important;
diff --git a/plugs/composables/useListTable.ts b/plugs/composables/useListTable.ts
index 4c8e725..2843689 100644
--- a/plugs/composables/useListTable.ts
+++ b/plugs/composables/useListTable.ts
@@ -1,5 +1,5 @@
 import { toReactive } from "@vueuse/core";
-import { reactive, ref, shallowRef, watchEffect } from "vue";
+import { reactive, ref, shallowRef, toRaw, watchEffect } from "vue";
 import * as Element from "../element";
 import { useI18n } from "vue3-i18n";
 import { PageResponse } from "../http";
@@ -73,14 +73,15 @@ export function useListTable(options: Options) {
   const example = reactive<any>(defaultExample());
 
   const setExample = (params: Record<string, any>) => {
-    clearAndAssign(params, { ...defaultExample(), ...params });
+    clearAndAssign(example, { ...defaultExample(), ...params });
   };
 
   const query = async () => {
     try {
-      const resp = await options.query(deepCopy(example));
+      const resp = await options.query(deepCopy(toRaw(example)));
       setRows(resp);
     } catch (error) {
+      console.error(error);
       showMessage("error", t("common.errors.listTableQueryError"));
     }
   };
diff --git a/plugs/composables/useModifyForm.ts b/plugs/composables/useModifyForm.ts
index 883dd64..a595efb 100644
--- a/plugs/composables/useModifyForm.ts
+++ b/plugs/composables/useModifyForm.ts
@@ -1,4 +1,4 @@
-import { reactive, Ref } from "vue";
+import { reactive, Ref, toRaw } from "vue";
 import {} from "noob-mengyxu";
 import * as Element from "../element";
 import { clearAndAssign, deepCopy } from "../util/objectUtil";
@@ -110,7 +110,7 @@ export function useModifyForm(options: Options) {
     },
 
     async onConfirm() {
-      const value = deepCopy(this.data.model);
+      const value = deepCopy(toRaw(this.data.model));
       try {
         if (this.data.dialog === this.flagOnAdd) {
           await handleAdd?.(value);