From ae1f2fa09fdfd65719483269dcc10908d760a74c Mon Sep 17 00:00:00 2001
From: b2894lxlx <517289602@qq.com>
Date: Wed, 23 Sep 2026 14:49:09 +0800
Subject: [PATCH] =?UTF-8?q?:lipstick:=20=E8=B0=83=E6=95=B4=E4=B8=B4?=
 =?UTF-8?q?=E6=97=B6=E9=A2=9D=E5=BA=A6=E5=BC=B9=E7=AA=97=E5=AD=97=E6=AE=B5?=
 =?UTF-8?q?=E5=AE=BD=E5=BA=A6=E4=B8=8E=20dialogWidth=20=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

统一表单控件宽度，并修正 Avue dialogWidth 数值写法避免重复 px。

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/option/business/temporary-credit-limit.js |  2 +-
 src/views/business/temporary-credit-limit.vue | 38 +++++++++++++------
 2 files changed, 27 insertions(+), 13 deletions(-)

diff --git a/src/option/business/temporary-credit-limit.js b/src/option/business/temporary-credit-limit.js
index e069f7d..eab56af 100644
--- a/src/option/business/temporary-credit-limit.js
+++ b/src/option/business/temporary-credit-limit.js
@@ -334,7 +334,7 @@ export const option = {
     },
     ...auditColumns.map(column => ({ ...column, hide: true })),
   ])),
-  dialogWidth: '1100px',
+  dialogWidth: 1100,
   menuFixed: 'right',
   menuWidth: 320,
   index: false,
diff --git a/src/views/business/temporary-credit-limit.vue b/src/views/business/temporary-credit-limit.vue
index 03c9aa0..490706f 100644
--- a/src/views/business/temporary-credit-limit.vue
+++ b/src/views/business/temporary-credit-limit.vue
@@ -184,7 +184,7 @@
       title="查看临时额度申请"
       append-to-body
       destroy-on-close
-      width="1100px"
+      :width="formDialogWidth"
       class="temporary-credit-limit-dialog temporary-credit-limit-detail-dialog"
     >
       <div v-loading="detailLoading" class="business-crud-page__detail-content">
@@ -415,6 +415,13 @@ export default {
     detailSections() {
       return this.config.detailSections || [];
     },
+    formDialogWidth() {
+      const width = this.tableOption?.dialogWidth ?? option.dialogWidth ?? 1100;
+      if (typeof width === 'number' || /^\d+$/.test(String(width))) {
+        return `${width}px`;
+      }
+      return String(width);
+    },
     isAdmin() {
       const authority = this.userInfo?.authority;
       return Array.isArray(authority)
@@ -956,8 +963,8 @@ export default {
 <style lang="scss" scoped>
 .temporary-credit-limit-page {
   &__field {
-    width: 100%;
-    max-width: 240px;
+    width: 240px;
+    max-width: 100%;
   }
 
   &__attachment-head {
@@ -1141,7 +1148,7 @@ export default {
     border-radius: 0 !important;
   }
 
-  // 新增/编辑：控件限宽，避免宽屏下撑满列宽贴到弹窗右边缘
+  // 新增/编辑：input/select 与「项目名称」同宽（240px），备注 textarea 保持整行
   &:not(.temporary-credit-limit-detail-dialog) {
     .el-form-item__content {
       min-width: 0;
@@ -1151,20 +1158,26 @@ export default {
     .el-form-item__content > .el-select,
     .el-form-item__content > .el-date-editor,
     .el-form-item__content > .el-cascader,
-    .el-form-item__content > .el-textarea,
+    .el-form-item__content > div > .el-input,
+    .el-form-item__content > div > .el-select,
+    .el-form-item__content > div > .el-date-editor,
+    .el-form-item__content > div > .el-cascader,
     .temporary-credit-limit-page__field {
-      width: 100%;
-      max-width: 240px;
+      width: 240px !important;
+      max-width: 100%;
     }
 
-    .el-form-item__content > .el-textarea {
-      max-width: 100%;
+    .el-form-item__content > .el-textarea,
+    .el-form-item__content > div > .el-textarea,
+    .el-form-item__content .el-textarea {
+      width: 100% !important;
+      max-width: 100% !important;
     }
 
     .el-date-editor.el-input,
     .el-date-editor.el-input__wrapper {
-      width: 100%;
-      max-width: 240px;
+      width: 240px !important;
+      max-width: 100%;
     }
   }
 }
@@ -1173,8 +1186,9 @@ export default {
   width: 180px !important;
 }
 
-// 新增/编辑/查看：高度随内容自适应，超出时再滚动；去掉强制全屏导致的底部大片空白
+// 新增/编辑/查看：宽度与高度规则统一（Avue setPx 对 '1100px' 会拼成 '1100pxpx'，故 option 用数字 1100）
 .temporary-credit-limit-dialog.el-dialog {
+  width: 1100px !important;
   margin-top: 20px !important;
   margin-bottom: 20px !important;
   height: auto !important;