From 563909fafa49ff6bbdffbe538fcfafc3abcfd370 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Thu, 13 Aug 2026 00:02:31 +0800
Subject: [PATCH 01/10] =?UTF-8?q?style(dialogs):=20=E7=BB=9F=E4=B8=80?=
 =?UTF-8?q?=E5=85=A8=E7=AB=99=E8=87=AA=E5=AE=9A=E4=B9=89=E8=A1=A8=E5=8D=95?=
 =?UTF-8?q?=E5=BC=B9=E7=AA=97=E6=A0=B7=E5=BC=8F=E4=B8=BA=E5=AE=A2=E5=95=86?=
 =?UTF-8?q?=E6=A1=A3=E6=A1=88=E9=A3=8E=E6=A0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增全局弹窗表单标准类 .dialog-form--carded，实现卡片白底分组风格
- 规范表单标签宽度为 calc(6em + 24px)，右对齐且垂直居中
- 统一 input/select/cascader/tree-select/date-editor/textarea 等控件宽度为 250px
- 保持 radio/checkbox 组宽度自适应
- 应用样式改造多个弹窗组件：流程变更、流程删除、参数编辑、锁定用户、解锁确认、用户编辑与修改密码、新建导入
- 港口码头编辑弹窗内 input 宽度统一为 250px，调整详细地址为单行输入框并放宽宽度
- 调整备注字段文本域高度，优化整体弹窗表单布局与风格统一
---
 .workbuddy/memory/2026-08-12.md               |  31 +++++
 src/styles/element-ui.scss                    |  34 +++++
 src/views/base/port-terminal.vue              |  65 +++++++--
 .../components/waybill-import-dialog.vue      |  24 ++--
 src/views/business/project-apply.vue          |  10 +-
 src/views/flow/follow.vue                     |  24 +++-
 src/views/flow/manager.vue                    |  40 ++++--
 src/views/system/authlock.vue                 | 124 ++++++++++++------
 src/views/system/param.vue                    |  74 +++++++----
 src/views/system/user.vue                     |  87 +++++++-----
 vite.config.mjs                               |  24 ++--
 11 files changed, 371 insertions(+), 166 deletions(-)
 create mode 100644 .workbuddy/memory/2026-08-12.md

diff --git a/.workbuddy/memory/2026-08-12.md b/.workbuddy/memory/2026-08-12.md
new file mode 100644
index 0000000..4862be7
--- /dev/null
+++ b/.workbuddy/memory/2026-08-12.md
@@ -0,0 +1,31 @@
+# 2026-08-12
+
+## 全站自定义表单弹窗样式统一为客商档案风格
+
+- 新增全局弹窗表单标准类 `.dialog-form--carded`（`src/styles/element-ui.scss`），统一实现：
+  - `section-card` 白底卡片分组
+  - label 固定宽度 `calc(6em + 24px)`、右对齐、上下居中
+  - input/select/cascader/tree-select/date-editor/textarea 等控件固定宽度 250px
+  - radio/checkbox 组宽度自适应
+- 改造文件清单：
+  - `src/views/flow/manager.vue`：流程变更弹窗
+  - `src/views/flow/follow.vue`：流程删除弹窗
+  - `src/views/system/param.vue`：参数编辑弹窗
+  - `src/views/system/authlock.vue`：锁定用户、解锁确认弹窗
+  - `src/views/system/user.vue`：用户编辑、修改密码弹窗
+  - `src/views/business/components/waybill-import-dialog.vue`：新建导入弹窗表单区
+- 已跳过（非编辑表单弹窗）：`system/dept.vue` 承运商选择搜索弹窗、`business/master-order-editor.vue` 页面级组件。
+- `npm run build` 构建通过。
+
+## 港口码头（port-terminal）编辑弹窗 input 宽度统一 250px
+
+- 文件：`src/views/base/port-terminal.vue`
+- 做法：option 加 `dialogCustomClass: 'port-terminal-edit-dialog'`，并在文件末尾新增非 scoped `<style>` 块，`.port-terminal-edit-dialog .el-input { width: 250px !important }`。
+- 说明：弹窗 `append-to-body`，scoped 命中不到，故用全局样式 + 自定义 dialog class 限定作用域；`.el-input` 与 `.el-select` 统一 `width: 250px !important`（含 formslot 内带内联 `width:100%` 的 country/cityCode/districtCode 下拉，!important 覆盖）。`textarea`（详细地址/备注）、类型 `el-radio-group` 维持自适应，未改。新增弹窗复用同一 dialog，故一并生效。
+
+## 港口码头 详细地址/备注字段形态调整（接续上方宽度统一）
+
+- `detailAddress`：移除 `type: 'textarea'` / `minRows: 3` 改单行 input；因属整行字段需放宽，启用 `formslot` + 模板 `#detailAddress-form` 手写 `<el-input class="detail-address-input">`，并用 `.port-terminal-edit-dialog .detail-address-input { width: 100% !important }` 覆盖全局 250px 规则，占满整行。表格列仍由 `slot: true` + `#detailAddress` 显示插槽控制。
+- `remark`：`minRows: 4` → `2`（约 2 行高度），仍为 textarea（本身不受 250px 规则约束，已是整行宽）。
+- 表单字段排序调整：按截图示意重新排为——类型(10) → 名称(20) → 编码(30) → 国家(40) → 城市(50) → 区县(60) → 详细地址(70) → 经度(80) → 纬度(90) → 上级港口(100) → 备注（无 order 置底）。即区县和详细地址插在国家/城市那一行下面。
+- 备注宽度改为 80%：`remark` 加 `formslot: true` + 模板 `#remark-form` 手写 `<el-input type="textarea" class="remark-input" :rows="2" maxlength="200" show-word-limit>`，CSS `.port-terminal-edit-dialog .remark-input { width: 80% !important }`。注意：详细地址 `.detail-address-input` 当前宽度为 81%（用户手动调整，非本次设定）。
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
index 64d3d6f..91a70ef 100644
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -362,6 +362,40 @@
   row-gap: 0;
 }
 
+// 7) 卡片式弹窗表单标准（与 vehicle/customer-archive 编辑弹窗一致）
+//    在 el-dialog 上添加 class="dialog-form--carded" 即可生效
+.dialog-form--carded {
+  .el-form-item {
+    align-items: center;
+    margin-bottom: 20px;
+  }
+
+  .el-form-item__label {
+    flex: 0 0 calc(6em + 24px) !important;
+    width: calc(6em + 24px) !important;
+    white-space: normal !important;
+    word-break: break-all;
+    overflow-wrap: anywhere;
+    line-height: 18px;
+  }
+
+  .el-form-item__content > .el-input,
+  .el-form-item__content > .el-select,
+  .el-form-item__content > .el-cascader,
+  .el-form-item__content > .el-tree-select,
+  .el-form-item__content > .el-input-number,
+  .el-form-item__content > .el-date-editor,
+  .el-form-item__content > .el-textarea {
+    width: 250px;
+    max-width: 100%;
+  }
+
+  .el-form-item__content > .el-radio-group,
+  .el-form-item__content > .el-checkbox-group {
+    width: auto;
+  }
+}
+
 .avue-crud__dialog .avue-dialog__footer > .el-button {
   margin-left: 12px;
 }
diff --git a/src/views/base/port-terminal.vue b/src/views/base/port-terminal.vue
index bd2fe24..a7a6f4c 100644
--- a/src/views/base/port-terminal.vue
+++ b/src/views/base/port-terminal.vue
@@ -171,6 +171,27 @@
       <template #detailAddress="{ row }">
         <span class="port-terminal-page__detail-address">{{ row.detailAddress || '-' }}</span>
       </template>
+      <template #detailAddress-form>
+        <el-input
+          v-model="form.detailAddress"
+          class="detail-address-input"
+          clearable
+          maxlength="255"
+          show-word-limit
+          placeholder="请输入"
+        />
+      </template>
+      <template #remark-form>
+        <el-input
+          v-model="form.remark"
+          class="remark-input"
+          type="textarea"
+          :rows="2"
+          maxlength="200"
+          show-word-limit
+          placeholder="请输入"
+        />
+      </template>
       <template #longitude-form>
         <el-input
           v-model="form.longitude"
@@ -195,7 +216,7 @@
       @load="onLoad(page, query)"
     />
 
-    <el-dialog title="港口码头主数据导入" append-to-body v-model="excelBox" width="555px">
+    <el-dialog title="港口码头主数据导入" append-to-body v-model="excelBox" width="500px">
       <avue-form :option="excelOption" v-model="excelForm">
         <template #excelTemplate>
           <el-button type="primary" @click="handleTemplate">
@@ -369,6 +390,7 @@ export default {
         height: 'auto',
         calcHeight: 32,
         dialogWidth: 980,
+        dialogCustomClass: 'port-terminal-edit-dialog',
         labelPosition: 'right',
         labelWidth: 'auto',
         tip: false,
@@ -396,7 +418,7 @@ export default {
             formslot: true,
             width: 140,
             span: 12,
-            order: 70,
+            order: 30,
             placeholder: '请输入编码',
             rules: [
               { required: true, message: '请输入编码', trigger: 'blur' },
@@ -412,7 +434,7 @@ export default {
             search: true,
             searchOrder: 7,
             span: 12,
-            order: 80,
+            order: 20,
             placeholder: '请输入',
             rules: [{ required: true, message: '请输入港口/码头名称', trigger: 'blur' }],
           },
@@ -424,7 +446,7 @@ export default {
             searchOrder: 6,
             formslot: true,
             span: 24,
-            order: 100,
+            order: 10,
             dicData: [
               { label: '全部', value: '' },
               { label: '港口', value: '港口' },
@@ -444,7 +466,7 @@ export default {
             dicData: [],
             hide: true,
             span: 12,
-            order: 90,
+            order: 100,
             placeholder: '请选择',
             rules: [{ required: false, message: '请选择上级港口', trigger: 'change' }],
             change: ({ value }) => this.handleParentChange(value),
@@ -478,7 +500,7 @@ export default {
             filterable: true,
             dicData: [],
             span: 12,
-            order: 60,
+            order: 40,
             minWidth: 140,
             overHidden: false,
             placeholder: '自动带出',
@@ -515,6 +537,7 @@ export default {
             type: 'select',
             formslot: true,
             hide: true,
+            order: 60,
             props: {
               label: 'title',
               value: 'id',
@@ -543,7 +566,7 @@ export default {
             formslot: true,
             minWidth: 130,
             span: 12,
-            order: 20,
+            order: 80,
             placeholder: '请输入',
             overHidden: false,
             rules: [
@@ -557,7 +580,7 @@ export default {
             formslot: true,
             minWidth: 130,
             span: 12,
-            order: 10,
+            order: 90,
             placeholder: '请输入',
             overHidden: false,
             rules: [
@@ -578,13 +601,12 @@ export default {
           {
             label: '详细地址',
             prop: 'detailAddress',
-            type: 'textarea',
             slot: true,
-            minRows: 3,
+            formslot: true,
             span: 24,
             minWidth: 220,
             overHidden: false,
-            order: 30,
+            order: 70,
             placeholder: '请输入',
             maxlength: 255,
             showWordLimit: true,
@@ -611,8 +633,9 @@ export default {
             label: '备注',
             prop: 'remark',
             type: 'textarea',
-            minRows: 4,
+            minRows: 2,
             span: 24,
+            formslot: true,
             hide: true,
             maxlength: 200,
             showWordLimit: true,
@@ -1338,3 +1361,21 @@ export default {
   padding: 4px 0;
 }
 </style>
+
+<style lang="scss">
+/* 港口码头编辑/新增弹窗：所有 input 文本框、select 下拉控件统一宽度 250px */
+.port-terminal-edit-dialog {
+  .el-input,
+  .el-select {
+    width: 250px !important;
+  }
+  /* 详细地址为整行字段，放宽到占满整行 */
+  .detail-address-input {
+    width: 81% !important;
+  }
+  /* 备注宽度 80% */
+  .remark-input {
+    width: 80% !important;
+  }
+}
+</style>
diff --git a/src/views/business/components/waybill-import-dialog.vue b/src/views/business/components/waybill-import-dialog.vue
index ad0aba0..fa7b280 100644
--- a/src/views/business/components/waybill-import-dialog.vue
+++ b/src/views/business/components/waybill-import-dialog.vue
@@ -31,14 +31,14 @@
     <el-pagination v-model:current-page="detailPage.current" v-model:page-size="detailPage.size" layout="total, prev, pager, next, sizes" :page-sizes="[10, 20, 50]" :total="detailPage.total" @current-change="loadDetails" @size-change="loadDetails" />
   </el-dialog>
 
-  <el-dialog v-model="createVisible" title="新建导入" width="85%" append-to-body destroy-on-close class="waybill-import-create">
-    <section class="waybill-import-create__form-panel">
-      <el-form ref="formRef" :model="form" :rules="rules" label-position="right" label-width="auto" class="archive-form">
-        <el-row :gutter="20"><el-col :span="6"><el-form-item label="项目" prop="projectId"><el-select v-model="form.projectId" filterable clearable placeholder="模糊查询后选择" @change="projectChange"><el-option v-for="item in projects" :key="item.id" :label="item.projectName" :value="item.id" /></el-select></el-form-item></el-col><el-col :span="6"><el-form-item label="客户" prop="customerName"><el-input v-model="form.customerName" disabled placeholder="自动带出" /></el-form-item></el-col><el-col :span="6"><el-form-item label="客户合同" prop="contractId"><el-select v-model="form.contractId" filterable clearable placeholder="自动带出"><el-option v-for="item in contracts" :key="item.id" :label="item.contractName" :value="item.id" /></el-select></el-form-item></el-col><el-col :span="6"><el-form-item label="承运类型" prop="carrierType"><el-select v-model="form.carrierType"><el-option label="承运商" value="承运商" /><el-option label="自运" value="自运" /><el-option label="网货平台" value="网货平台" /></el-select></el-form-item></el-col><el-col :span="6"><el-form-item label="承运商"><el-select v-model="form.carrierIds" multiple filterable placeholder="自动带出，多个需选择"><el-option v-for="item in carriers" :key="item.id" :label="item.name" :value="item.id" /></el-select></el-form-item></el-col><el-col :span="6"><el-form-item label="导入状态" prop="status"><el-select v-model="form.status"><el-option label="完成" value="completed" /><el-option label="进行中" value="processing" /></el-select></el-form-item></el-col><el-col :span="6"><el-form-item label="导入类型" prop="importType"><el-select v-model="form.importType"><el-option label="运单" value="waybill" /><el-option label="结算单" value="settlement" /></el-select></el-form-item></el-col><el-col :span="6"><el-form-item label="发货计划"><el-select v-model="form.planId" clearable filterable placeholder="请选择"><el-option v-for="item in plans" :key="item.id" :label="item.planName" :value="item.id" /></el-select></el-form-item></el-col></el-row>
+  <el-dialog v-model="createVisible" title="新建导入" width="85%" append-to-body destroy-on-close class="waybill-import-create dialog-form--carded">
+    <section-card title="导入信息">
+      <el-form ref="formRef" :model="form" :rules="rules" label-position="right" label-width="calc(6em + 24px)">
+        <el-row :gutter="18"><el-col :span="6"><el-form-item label="项目" prop="projectId"><el-select v-model="form.projectId" filterable clearable placeholder="模糊查询后选择" @change="projectChange"><el-option v-for="item in projects" :key="item.id" :label="item.projectName" :value="item.id" /></el-select></el-form-item></el-col><el-col :span="6"><el-form-item label="客户" prop="customerName"><el-input v-model="form.customerName" disabled placeholder="自动带出" /></el-form-item></el-col><el-col :span="6"><el-form-item label="客户合同" prop="contractId"><el-select v-model="form.contractId" filterable clearable placeholder="自动带出"><el-option v-for="item in contracts" :key="item.id" :label="item.contractName" :value="item.id" /></el-select></el-form-item></el-col><el-col :span="6"><el-form-item label="承运类型" prop="carrierType"><el-select v-model="form.carrierType"><el-option label="承运商" value="承运商" /><el-option label="自运" value="自运" /><el-option label="网货平台" value="网货平台" /></el-select></el-form-item></el-col><el-col :span="6"><el-form-item label="承运商"><el-select v-model="form.carrierIds" multiple filterable placeholder="自动带出，多个需选择"><el-option v-for="item in carriers" :key="item.id" :label="item.name" :value="item.id" /></el-select></el-form-item></el-col><el-col :span="6"><el-form-item label="导入状态" prop="status"><el-select v-model="form.status"><el-option label="完成" value="completed" /><el-option label="进行中" value="processing" /></el-select></el-form-item></el-col><el-col :span="6"><el-form-item label="导入类型" prop="importType"><el-select v-model="form.importType"><el-option label="运单" value="waybill" /><el-option label="结算单" value="settlement" /></el-select></el-form-item></el-col><el-col :span="6"><el-form-item label="发货计划"><el-select v-model="form.planId" clearable filterable placeholder="请选择"><el-option v-for="item in plans" :key="item.id" :label="item.planName" :value="item.id" /></el-select></el-form-item></el-col></el-row>
         <el-form-item label="运单明细表" prop="file"><el-upload action="#" accept=".xls,.xlsx" :auto-upload="false" :limit="1" :file-list="files" :on-change="fileChange" :on-remove="fileRemove"><el-button type="primary">添加附件</el-button></el-upload><span class="waybill-import-create__file-tip">请上传运单明细表，仅支持 excel 格式</span><el-link type="primary" @click="downloadTemplate">下载模板</el-link></el-form-item>
       </el-form>
       <div class="waybill-import-create__form-actions"><el-button @click="createVisible = false">关闭</el-button><el-button @click="saveDraft">保存草稿</el-button><el-button type="primary" @click="confirmImport">确认导入</el-button></div>
-    </section>
+    </section-card>
     <section class="waybill-import-create__detail-panel" v-if="rows.length"><div class="waybill-import-create__detail-head"><div class="dialog-section-title">导入数据明细</div><el-button type="danger" plain :disabled="!rowSelection.length" @click="removeSelectedRows">批量删除</el-button></div><el-tabs v-model="previewTab"><el-tab-pane :label="`运单数（${rows.length}）`" name="all" /><el-tab-pane :label="`疑似重复（${duplicateRows.length}）`" name="duplicate" /></el-tabs><el-table :data="previewRows" border max-height="440" @selection-change="rowSelection = $event"><el-table-column type="selection" width="55" /><el-table-column type="index" label="序号" width="65" /><el-table-column v-for="column in detailColumns" :key="column.prop" :prop="column.prop" :label="column.label" min-width="140" show-overflow-tooltip /><el-table-column label="操作" width="180" fixed="right"><template #default="{ row }"><el-link type="primary" @click="cancelRow(row)">取消</el-link><el-link type="primary" @click="saveRow(row)">保存</el-link><el-link type="primary" @click="editRow(row)">编辑</el-link><el-link type="danger" @click="deleteRow(row)">删除</el-link></template></el-table-column></el-table></section>
   </el-dialog>
 </template>
@@ -153,14 +153,14 @@ const confirmImport = async () => { await formRef.value?.validate(); if (!valida
 }
 
 .waybill-import-create {
-  &__form-panel,
-  &__detail-panel {
-    border: 1px solid #eff1f7;
-    padding: 20px 24px;
-  }
-
-  &__detail-panel { margin-top: 12px; }
   &__form-actions { display: flex; justify-content: flex-end; gap: 12px; margin-top: 8px; }
+  &__detail-panel {
+    background: #fff;
+    border-radius: 6px;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
+    padding: 14px 16px;
+    margin-top: 8px;
+  }
   &__detail-head { display: flex; align-items: center; gap: 24px; margin-bottom: 8px; }
   &__file-tip { margin: 0 24px; color: #606266; }
 }
diff --git a/src/views/business/project-apply.vue b/src/views/business/project-apply.vue
index ad7b21a..57953d3 100644
--- a/src/views/business/project-apply.vue
+++ b/src/views/business/project-apply.vue
@@ -1908,7 +1908,7 @@ export default {
     grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
     column-gap: 72px;
     row-gap: 0;
-    margin-bottom: 16px;
+    margin-bottom: 8px;
     background: #fff;
     border-radius: 0 0 6px 6px;
     padding: 14px 16px 4px;
@@ -1934,7 +1934,7 @@ export default {
 
   &__table {
     width: 100%;
-    margin-bottom: 16px;
+    margin-bottom: 8px;
     background: #fff;
     border-radius: 0 0 6px 6px;
     padding: 12px;
@@ -1952,7 +1952,7 @@ export default {
   }
 
   &__textarea-list {
-    margin-bottom: 16px;
+    margin-bottom: 8px;
     background: #fff;
     border-radius: 0 0 6px 6px;
     padding: 14px 16px 4px;
@@ -1975,7 +1975,7 @@ export default {
   }
 
   &__material-card {
-    margin-bottom: 16px;
+    margin-bottom: 8px;
     background: #fff;
     border-radius: 6px;
     padding: 14px 16px;
@@ -2016,7 +2016,7 @@ export default {
     margin: 0 0 16px;
     background: #fff;
     border-radius: 6px;
-    padding: 12px;
+    padding: 12px 0;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
   }
 
diff --git a/src/views/flow/follow.vue b/src/views/flow/follow.vue
index e1a4b80..f4f0eec 100644
--- a/src/views/flow/follow.vue
+++ b/src/views/flow/follow.vue
@@ -21,12 +21,24 @@
         <el-tag>{{ row.suspensionState === 1 ? '激活' : '挂起' }}</el-tag>
       </template>
     </avue-crud>
-    <el-dialog title="流程删除" append-to-body v-model="followBox" width="20%">
-      <el-form :model="form" ref="form" label-width="auto">
-        <el-form-item label="删除理由">
-          <el-input v-model="deleteReason" placeholder="请输入删除理由" />
-        </el-form-item>
-      </el-form>
+    <el-dialog
+      title="流程删除"
+      append-to-body
+      v-model="followBox"
+      width="400px"
+      class="dialog-form--carded"
+    >
+      <section-card title="删除理由">
+        <el-form :model="form" ref="form" label-position="right" label-width="calc(6em + 24px)">
+          <el-row :gutter="18">
+            <el-col :span="24">
+              <el-form-item label="删除理由">
+                <el-input v-model="deleteReason" placeholder="请输入删除理由" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </section-card>
       <template #footer>
         <span class="dialog-footer">
           <el-button @click="followBox = false">关 闭</el-button>
diff --git a/src/views/flow/manager.vue b/src/views/flow/manager.vue
index 7ad3017..f985bb4 100644
--- a/src/views/flow/manager.vue
+++ b/src/views/flow/manager.vue
@@ -81,20 +81,32 @@
         </span>
       </template>
     </el-dialog>
-    <el-dialog title="流程变更" append-to-body v-model="stateBox" width="20%">
-      <el-form :model="form" ref="form" label-width="auto">
-        <el-form-item label="流程状态">
-          <el-select v-model="flowState" placeholder="请选择" value="">
-            <el-option
-              v-for="item in stateOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            >
-            </el-option>
-          </el-select>
-        </el-form-item>
-      </el-form>
+    <el-dialog
+      title="流程变更"
+      append-to-body
+      v-model="stateBox"
+      width="400px"
+      class="dialog-form--carded"
+    >
+      <section-card title="流程状态">
+        <el-form :model="form" ref="form" label-position="right" label-width="calc(6em + 24px)">
+          <el-row :gutter="18">
+            <el-col :span="24">
+              <el-form-item label="流程状态">
+                <el-select v-model="flowState" placeholder="请选择" value="">
+                  <el-option
+                    v-for="item in stateOptions"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </section-card>
       <template #footer>
         <span class="dialog-footer">
           <el-button @click="stateBox = false">关 闭</el-button>
diff --git a/src/views/system/authlock.vue b/src/views/system/authlock.vue
index 52d7a01..7bec840 100644
--- a/src/views/system/authlock.vue
+++ b/src/views/system/authlock.vue
@@ -61,38 +61,60 @@
   </el-drawer>
 
   <!-- 手动锁定用户 -->
-  <el-dialog title="锁定用户" append-to-body v-model="lockUserBox" width="500px">
-    <el-form :model="lockUserForm" label-width="auto" :rules="lockUserRules" ref="lockUserFormRef">
-      <el-form-item label="用户账号">
-        <el-input :model-value="lockUserForm.account" disabled />
-      </el-form-item>
-      <el-form-item label="锁定原因" prop="lockReason">
-        <el-input
-          v-model="lockUserForm.lockReason"
-          type="textarea"
-          :rows="3"
-          placeholder="请输入锁定原因"
-        />
-      </el-form-item>
-      <el-form-item label="锁定开始" prop="lockBeginTime">
-        <el-date-picker
-          v-model="lockUserForm.lockBeginTime"
-          type="datetime"
-          placeholder="不填则立即生效"
-          value-format="YYYY-MM-DD HH:mm:ss"
-          style="width: 100%"
-        />
-      </el-form-item>
-      <el-form-item label="锁定结束" prop="lockEndTime">
-        <el-date-picker
-          v-model="lockUserForm.lockEndTime"
-          type="datetime"
-          placeholder="不填则永久锁定"
-          value-format="YYYY-MM-DD HH:mm:ss"
-          style="width: 100%"
-        />
-      </el-form-item>
-    </el-form>
+  <el-dialog
+    title="锁定用户"
+    append-to-body
+    v-model="lockUserBox"
+    width="520px"
+    class="dialog-form--carded"
+  >
+    <section-card title="锁定信息">
+      <el-form
+        :model="lockUserForm"
+        label-position="right"
+        label-width="calc(6em + 24px)"
+        :rules="lockUserRules"
+        ref="lockUserFormRef"
+      >
+        <el-row :gutter="18">
+          <el-col :span="24">
+            <el-form-item label="用户账号">
+              <el-input :model-value="lockUserForm.account" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="锁定原因" prop="lockReason">
+              <el-input
+                v-model="lockUserForm.lockReason"
+                type="textarea"
+                :rows="3"
+                placeholder="请输入锁定原因"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="锁定开始" prop="lockBeginTime">
+              <el-date-picker
+                v-model="lockUserForm.lockBeginTime"
+                type="datetime"
+                placeholder="不填则立即生效"
+                value-format="YYYY-MM-DD HH:mm:ss"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="锁定结束" prop="lockEndTime">
+              <el-date-picker
+                v-model="lockUserForm.lockEndTime"
+                type="datetime"
+                placeholder="不填则永久锁定"
+                value-format="YYYY-MM-DD HH:mm:ss"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </section-card>
     <template #footer>
       <span class="dialog-footer">
         <el-button @click="lockUserBox = false">取 消</el-button>
@@ -102,17 +124,33 @@
   </el-dialog>
 
   <!-- 解锁原因确认 -->
-  <el-dialog title="解锁确认" append-to-body v-model="unlockReasonBox" width="450px">
-    <el-form :model="unlockReasonForm" label-width="auto">
-      <el-form-item label="解锁原因">
-        <el-input
-          v-model="unlockReasonForm.unlockReason"
-          type="textarea"
-          :rows="3"
-          placeholder="请输入解锁原因（可选）"
-        />
-      </el-form-item>
-    </el-form>
+  <el-dialog
+    title="解锁确认"
+    append-to-body
+    v-model="unlockReasonBox"
+    width="520px"
+    class="dialog-form--carded"
+  >
+    <section-card title="解锁原因">
+      <el-form
+        :model="unlockReasonForm"
+        label-position="right"
+        label-width="calc(6em + 24px)"
+      >
+        <el-row :gutter="18">
+          <el-col :span="24">
+            <el-form-item label="解锁原因">
+              <el-input
+                v-model="unlockReasonForm.unlockReason"
+                type="textarea"
+                :rows="3"
+                placeholder="请输入解锁原因（可选）"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </section-card>
     <template #footer>
       <span class="dialog-footer">
         <el-button @click="unlockReasonBox = false">取 消</el-button>
diff --git a/src/views/system/param.vue b/src/views/system/param.vue
index b0e8dd6..2a8749c 100644
--- a/src/views/system/param.vue
+++ b/src/views/system/param.vue
@@ -126,37 +126,55 @@
       <el-dialog
         :title="title"
         v-model="box"
-        width="50%"
+        width="560px"
         :before-close="beforeClose"
         append-to-body
+        class="dialog-form--carded"
       >
-        <el-form :disabled="view" ref="form" :model="form" label-width="auto">
-          <!-- 表单字段 -->
-          <el-form-item label="参数名:" prop="paramName">
-            <el-input v-model="form.paramName" placeholder="请输入参数名" />
-          </el-form-item>
-          <el-form-item prop="paramKey">
-            <template #label>
-              <el-tooltip content="参数键为系统内部唯一标识，请勿随意修改" placement="top">
-                <el-icon style="margin-right: 4px; vertical-align: middle; color: #909399; cursor: pointer"><el-icon-question-filled /></el-icon>
-              </el-tooltip>
-              <span>参数键:</span>
-            </template>
-            <el-input v-model="form.paramKey" placeholder="请输入参数键" />
-          </el-form-item>
-          <el-form-item prop="paramValue">
-            <template #label>
-              <el-tooltip content="包含敏感关键词的配置不展示具体数值" placement="top">
-                <el-icon style="margin-right: 4px; vertical-align: middle; color: #909399; cursor: pointer"><el-icon-question-filled /></el-icon>
-              </el-tooltip>
-              <span>参数值:</span>
-            </template>
-            <el-input v-model="form.paramValue" placeholder="请输入参数值" />
-          </el-form-item>
-          <el-form-item label="备注:" prop="remark">
-            <el-input v-model="form.remark" placeholder="请输入备注" />
-          </el-form-item>
-        </el-form>
+        <section-card title="参数信息">
+          <el-form
+            :disabled="view"
+            ref="form"
+            :model="form"
+            label-position="right"
+            label-width="calc(6em + 24px)"
+          >
+            <el-row :gutter="18">
+              <el-col :span="24">
+                <el-form-item label="参数名" prop="paramName">
+                  <el-input v-model="form.paramName" placeholder="请输入参数名" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="24">
+                <el-form-item prop="paramKey">
+                  <template #label>
+                    <el-tooltip content="参数键为系统内部唯一标识，请勿随意修改" placement="top">
+                      <el-icon style="margin-right: 4px; vertical-align: middle; color: #909399; cursor: pointer"><el-icon-question-filled /></el-icon>
+                    </el-tooltip>
+                    <span>参数键</span>
+                  </template>
+                  <el-input v-model="form.paramKey" placeholder="请输入参数键" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="24">
+                <el-form-item prop="paramValue">
+                  <template #label>
+                    <el-tooltip content="包含敏感关键词的配置不展示具体数值" placement="top">
+                      <el-icon style="margin-right: 4px; vertical-align: middle; color: #909399; cursor: pointer"><el-icon-question-filled /></el-icon>
+                    </el-tooltip>
+                    <span>参数值</span>
+                  </template>
+                  <el-input v-model="form.paramValue" placeholder="请输入参数值" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="24">
+                <el-form-item label="备注" prop="remark">
+                  <el-input v-model="form.remark" placeholder="请输入备注" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </section-card>
         <!-- 表单按钮 -->
         <template #footer>
           <span v-if="!view" class="dialog-footer">
diff --git a/src/views/system/user.vue b/src/views/system/user.vue
index b393fd5..1442bbe 100644
--- a/src/views/system/user.vue
+++ b/src/views/system/user.vue
@@ -181,27 +181,29 @@
           top="5vh"
           append-to-body
           destroy-on-close
-          class="user-edit-dialog"
+          class="user-edit-dialog dialog-form--carded"
         >
           <template #header>
             <span class="dialog-title">{{ userDialogMode === 'add' ? '新增用户' : '编辑用户' }}</span>
           </template>
-          <el-form ref="userFormRef" :model="form" :rules="userRules" label-position="right" label-width="120px">
-            <el-row :gutter="20">
-              <el-col :span="6"><el-form-item label="账号名" prop="account"><el-input v-model="form.account" /></el-form-item></el-col>
-              <el-col :span="6"><el-form-item label="姓名" prop="realName"><el-input v-model="form.realName" /></el-form-item></el-col>
-              <el-col :span="6"><el-form-item label="手机号" prop="phone"><el-input v-model="form.phone" /></el-form-item></el-col>
-              <el-col :span="6"><el-form-item label="邮箱"><el-input v-model="form.email" /></el-form-item></el-col>
-              <el-col :span="6"><el-form-item label="性别"><el-select v-model="form.sex" class="full-width"><el-option label="男" :value="1" /><el-option label="女" :value="2" /><el-option label="未知" :value="3" /></el-select></el-form-item></el-col>
-              <el-col :span="6"><el-form-item label="岗位" prop="postId"><el-tree-select v-model="form.postId" :data="postList" :props="{ label: 'postName', value: 'id' }" check-strictly class="full-width" /></el-form-item></el-col>
-              <el-col :span="6"><el-form-item label="所属组织" prop="deptId"><el-tree-select v-model="form.deptId" :data="permissionDeptTree" :props="{ label: 'title', value: 'id' }" multiple check-strictly show-checkbox class="full-width" /></el-form-item></el-col>
-              <el-col :span="6"><el-form-item label="工号"><el-input v-model="form.code" /></el-form-item></el-col>
-              <el-col :span="6"><el-form-item label="人员类别"><el-select v-model="form.personCategory" class="full-width"><el-option label="内部员工" :value="1" /><el-option label="承运商" :value="2" /></el-select></el-form-item></el-col>
-              <el-col :span="18"><el-form-item label="数据权限范围"><el-radio-group v-model="form.dataScopeRange"><el-radio :value="1">仅所属组织</el-radio><el-radio :value="2">全部组织</el-radio><el-radio :value="3">自定义</el-radio></el-radio-group></el-form-item></el-col>
-              <el-col :span="18" :offset="6"><el-form-item label="数据层级范围"><el-radio-group v-model="form.dataLevelRange"><el-radio :value="1">包含下级</el-radio><el-radio :value="2">仅本级</el-radio></el-radio-group></el-form-item></el-col>
-              <el-col :span="24"><el-form-item label="备注"><el-input v-model="form.remark" type="textarea" :rows="3" maxlength="200" show-word-limit /></el-form-item></el-col>
-            </el-row>
-          </el-form>
+          <section-card title="用户信息">
+            <el-form ref="userFormRef" :model="form" :rules="userRules" label-position="right" label-width="calc(6em + 24px)">
+              <el-row :gutter="18">
+                <el-col :span="6"><el-form-item label="账号名" prop="account"><el-input v-model="form.account" /></el-form-item></el-col>
+                <el-col :span="6"><el-form-item label="姓名" prop="realName"><el-input v-model="form.realName" /></el-form-item></el-col>
+                <el-col :span="6"><el-form-item label="手机号" prop="phone"><el-input v-model="form.phone" /></el-form-item></el-col>
+                <el-col :span="6"><el-form-item label="邮箱"><el-input v-model="form.email" /></el-form-item></el-col>
+                <el-col :span="6"><el-form-item label="性别"><el-select v-model="form.sex"><el-option label="男" :value="1" /><el-option label="女" :value="2" /><el-option label="未知" :value="3" /></el-select></el-form-item></el-col>
+                <el-col :span="6"><el-form-item label="岗位" prop="postId"><el-tree-select v-model="form.postId" :data="postList" :props="{ label: 'postName', value: 'id' }" check-strictly /></el-form-item></el-col>
+                <el-col :span="6"><el-form-item label="所属组织" prop="deptId"><el-tree-select v-model="form.deptId" :data="permissionDeptTree" :props="{ label: 'title', value: 'id' }" multiple check-strictly show-checkbox /></el-form-item></el-col>
+                <el-col :span="6"><el-form-item label="工号"><el-input v-model="form.code" /></el-form-item></el-col>
+                <el-col :span="6"><el-form-item label="人员类别"><el-select v-model="form.personCategory"><el-option label="内部员工" :value="1" /><el-option label="承运商" :value="2" /></el-select></el-form-item></el-col>
+                <el-col :span="18"><el-form-item label="数据权限范围"><el-radio-group v-model="form.dataScopeRange"><el-radio :value="1">仅所属组织</el-radio><el-radio :value="2">全部组织</el-radio><el-radio :value="3">自定义</el-radio></el-radio-group></el-form-item></el-col>
+                <el-col :span="18" :offset="6"><el-form-item label="数据层级范围"><el-radio-group v-model="form.dataLevelRange"><el-radio :value="1">包含下级</el-radio><el-radio :value="2">仅本级</el-radio></el-radio-group></el-form-item></el-col>
+                <el-col :span="24"><el-form-item label="备注"><el-input v-model="form.remark" type="textarea" :rows="3" maxlength="200" show-word-limit /></el-form-item></el-col>
+              </el-row>
+            </el-form>
+          </section-card>
           <el-tabs class="user-permission-tabs">
             <el-tab-pane label="已拥有角色">
               <el-table :data="formRoleList" border>
@@ -288,23 +290,40 @@
         </el-dialog>
 
         <!-- 管理员修改密码 -->
-        <el-dialog title="修改密码" append-to-body v-model="passwordBox" width="460px">
-          <el-form
-            ref="passwordFormRef"
-            :model="passwordForm"
-            :rules="passwordRules"
-            label-width="auto"
-          >
-            <el-form-item label="账号名">
-              <el-input v-model="passwordForm.account" disabled />
-            </el-form-item>
-            <el-form-item label="新密码" prop="password">
-              <el-input v-model="passwordForm.password" type="password" show-password />
-            </el-form-item>
-            <el-form-item label="确认密码" prop="password2">
-              <el-input v-model="passwordForm.password2" type="password" show-password />
-            </el-form-item>
-          </el-form>
+        <el-dialog
+          title="修改密码"
+          append-to-body
+          v-model="passwordBox"
+          width="520px"
+          class="dialog-form--carded"
+        >
+          <section-card title="密码信息">
+            <el-form
+              ref="passwordFormRef"
+              :model="passwordForm"
+              :rules="passwordRules"
+              label-position="right"
+              label-width="calc(6em + 24px)"
+            >
+              <el-row :gutter="18">
+                <el-col :span="24">
+                  <el-form-item label="账号名">
+                    <el-input v-model="passwordForm.account" disabled />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="24">
+                  <el-form-item label="新密码" prop="password">
+                    <el-input v-model="passwordForm.password" type="password" show-password />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="24">
+                  <el-form-item label="确认密码" prop="password2">
+                    <el-input v-model="passwordForm.password2" type="password" show-password />
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </el-form>
+          </section-card>
           <template #footer>
             <span class="dialog-footer">
               <el-button @click="passwordBox = false">取 消</el-button>
diff --git a/vite.config.mjs b/vite.config.mjs
index 8b8f976..09134a0 100644
--- a/vite.config.mjs
+++ b/vite.config.mjs
@@ -50,26 +50,26 @@ export default ({
       __VUE_I18N_LEGACY_API__: true,
       __INTLIFY_PROD_DEVTOOLS__: false,
     },
-    server: {
-      port: 2888,
-      proxy: {
-        '/api': {
-          target: 'http://localhost',
-          //target: 'https://saber3.bladex.cn/api',
-          changeOrigin: true,
-          rewrite: path => path.replace(/^\/api/, ''),
-        },
-      },
-    },
     // server: {
     //   port: 2888,
     //   proxy: {
     //     '/api': {
-    //       target: 'http://172.16.203.228:8000',
+    //       target: 'http://localhost',
+    //       //target: 'https://saber3.bladex.cn/api',
     //       changeOrigin: true,
+    //       rewrite: path => path.replace(/^\/api/, ''),
     //     },
     //   },
     // },
+    server: {
+      port: 2889,
+      proxy: {
+        '/api': {
+          target: 'http://172.16.203.228:8000',
+          changeOrigin: true,
+        },
+      },
+    },
     resolve: {
       alias: {
         '~': resolve(__dirname, './'),

From 8c7ef5822a46d7f821fdd4122d457f7eb03b0f80 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Thu, 13 Aug 2026 10:40:00 +0800
Subject: [PATCH 02/10] =?UTF-8?q?style(business):=20=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E5=BC=B9=E7=AA=97=E5=AE=BD=E5=BA=A6=E5=8F=8A=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E7=AB=AF=E5=8F=A3=E7=A0=81=E5=A4=B4=E6=8E=92=E5=BA=8F=E5=92=8C?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将业务详情、导入和调度弹窗宽度由96%调整至92%
- 修改端口码头相关字段的order属性，调整显示顺序
- 将“请选择类型”提示消息替换为变量newLocal，便于国际化
- 注释掉.detail-address-input的宽度样式，避免样式冲突
---
 src/views/base/port-terminal.vue              | 27 ++++++++++---------
 .../components/business-crud-page.vue         |  6 ++---
 2 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/src/views/base/port-terminal.vue b/src/views/base/port-terminal.vue
index a7a6f4c..789246d 100644
--- a/src/views/base/port-terminal.vue
+++ b/src/views/base/port-terminal.vue
@@ -324,6 +324,7 @@ const removeExcelColumnsByHeaders = async (blob, options = {}) => {
   return new Blob([buffer], { type: 'application/vnd.ms-excel' });
 };
 
+const newLocal = '请选择类型';
 export default {
   data() {
     const validateCode = (rule, value, callback) => {
@@ -418,7 +419,7 @@ export default {
             formslot: true,
             width: 140,
             span: 12,
-            order: 30,
+            order: 89,
             placeholder: '请输入编码',
             rules: [
               { required: true, message: '请输入编码', trigger: 'blur' },
@@ -434,7 +435,7 @@ export default {
             search: true,
             searchOrder: 7,
             span: 12,
-            order: 20,
+            order: 90,
             placeholder: '请输入',
             rules: [{ required: true, message: '请输入港口/码头名称', trigger: 'blur' }],
           },
@@ -446,7 +447,7 @@ export default {
             searchOrder: 6,
             formslot: true,
             span: 24,
-            order: 10,
+            order: 100,
             dicData: [
               { label: '全部', value: '' },
               { label: '港口', value: '港口' },
@@ -500,7 +501,7 @@ export default {
             filterable: true,
             dicData: [],
             span: 12,
-            order: 40,
+            order: 89,
             minWidth: 140,
             overHidden: false,
             placeholder: '自动带出',
@@ -514,7 +515,7 @@ export default {
             formslot: true,
             hide: true,
             span: 12,
-            order: 50,
+            order: 88,
             placeholder: '自动带出',
             rules: [{ required: true, message: '请选择所属城市', trigger: 'change' }],
           },
@@ -537,7 +538,7 @@ export default {
             type: 'select',
             formslot: true,
             hide: true,
-            order: 60,
+            order: 87,
             props: {
               label: 'title',
               value: 'id',
@@ -566,7 +567,7 @@ export default {
             formslot: true,
             minWidth: 130,
             span: 12,
-            order: 80,
+            order: 68,
             placeholder: '请输入',
             overHidden: false,
             rules: [
@@ -580,7 +581,7 @@ export default {
             formslot: true,
             minWidth: 130,
             span: 12,
-            order: 90,
+            order: 66,
             placeholder: '请输入',
             overHidden: false,
             rules: [
@@ -606,7 +607,7 @@ export default {
             span: 24,
             minWidth: 220,
             overHidden: false,
-            order: 70,
+            order: 86,
             placeholder: '请输入',
             maxlength: 255,
             showWordLimit: true,
@@ -1080,7 +1081,7 @@ export default {
         return false;
       }
       if (isBlank(row.category)) {
-        this.$message.warning('请选择类型');
+        this.$message.warning(newLocal);
         return false;
       }
       if (row.category === '码头' && isBlank(row.parentId)) {
@@ -1370,9 +1371,9 @@ export default {
     width: 250px !important;
   }
   /* 详细地址为整行字段，放宽到占满整行 */
-  .detail-address-input {
-    width: 81% !important;
-  }
+  //.detail-address-input {
+  //  width: 81% !important;
+  //}
   /* 备注宽度 80% */
   .remark-input {
     width: 80% !important;
diff --git a/src/views/business/components/business-crud-page.vue b/src/views/business/components/business-crud-page.vue
index 3f88b0c..8c3785b 100644
--- a/src/views/business/components/business-crud-page.vue
+++ b/src/views/business/components/business-crud-page.vue
@@ -2132,7 +2132,7 @@
       v-model="detailBox"
       :title="`${config.title}详情`"
       append-to-body
-      width="96%"
+      width="92%"
       class="business-crud-page__detail-dialog"
     >
       <div v-loading="detailLoading" class="business-crud-page__detail-content">
@@ -2198,7 +2198,7 @@
       v-model="transportPlanImportBox"
       :title="config.transportPlanImportTitle || `导入${config.title}`"
       append-to-body
-      width="96%"
+      width="92%"
       class="business-crud-page__transport-plan-import-dialog"
       @closed="resetTransportPlanImport"
     >
@@ -2677,7 +2677,7 @@
       :title="dispatchItemDialogTitle"
       append-to-body
       v-model="dispatchItemBox"
-      width="96%"
+      width="92%"
       top="8vh"
       class="business-crud-page__dispatch-item-dialog"
       @closed="resetDispatchItemDialog"

From a89cb44e36609e503eea7fb6bb8a07687a44dab2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Thu, 13 Aug 2026 10:57:16 +0800
Subject: [PATCH 03/10] =?UTF-8?q?style(business):=20=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E5=BC=B9=E7=AA=97=E5=AE=BD=E5=BA=A6=E5=8F=8A=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E7=AB=AF=E5=8F=A3=E7=A0=81=E5=A4=B4=E6=8E=92=E5=BA=8F=E5=92=8C?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将业务详情、导入和调度弹窗宽度由96%调整至92%
- 修改端口码头相关字段的order属性，调整显示顺序
- 将“请选择类型”提示消息替换为变量newLocal，便于国际化
- 注释掉.detail-address-input的宽度样式，避免样式冲突
---
 src/views/base/port-terminal.vue       |   2 +-
 src/views/vehicle/customer-archive.vue | 334 +++++++++++++------------
 2 files changed, 169 insertions(+), 167 deletions(-)

diff --git a/src/views/base/port-terminal.vue b/src/views/base/port-terminal.vue
index 789246d..a7ee154 100644
--- a/src/views/base/port-terminal.vue
+++ b/src/views/base/port-terminal.vue
@@ -604,7 +604,7 @@ export default {
             prop: 'detailAddress',
             slot: true,
             formslot: true,
-            span: 24,
+            span: 12,
             minWidth: 220,
             overHidden: false,
             order: 86,
diff --git a/src/views/vehicle/customer-archive.vue b/src/views/vehicle/customer-archive.vue
index e55b4a6..38912bf 100644
--- a/src/views/vehicle/customer-archive.vue
+++ b/src/views/vehicle/customer-archive.vue
@@ -958,179 +958,181 @@
       class="score-detail-dialog"
       @closed="resetScoreDialog"
     >
-      <el-form
-        ref="scoreForm"
-        :model="currentScore"
-        label-position="right"
-        label-width="auto"
-        :disabled="readonly"
-        class="score-detail-form"
-      >
-        <el-row :gutter="42">
-          <el-col :span="12">
-            <el-form-item label="评定日期" required>
-              <el-date-picker
-                v-model="currentScore.scoreDate"
-                type="date"
-                value-format="YYYY-MM-DD"
-              />
-            </el-form-item>
-            <el-form-item label="拟申请总资金使用额度（万元）" required>
-              <el-input
-                v-model="currentScore.applyCreditLimit"
-                maxlength="18"
-                @input="value => handleScoreDecimalInput('applyCreditLimit', value)"
-              />
-            </el-form-item>
-            <el-form-item label="最终得分">
-              <el-input :model-value="formatScoreValue(currentScore.finalScore)" disabled />
-            </el-form-item>
-            <el-form-item label="临时额度申请使用期限">
-              <div class="score-detail-form__range">
+      <section-card>
+        <el-form
+          ref="scoreForm"
+          :model="currentScore"
+          label-position="right"
+          label-width="auto"
+          :disabled="readonly"
+          class="score-detail-form"
+        >
+          <el-row :gutter="42">
+            <el-col :span="12">
+              <el-form-item label="评定日期" required>
                 <el-date-picker
-                  v-model="currentScore.tempCreditStartDate"
+                  v-model="currentScore.scoreDate"
                   type="date"
                   value-format="YYYY-MM-DD"
                 />
-                <span>至</span>
-                <el-date-picker
-                  v-model="currentScore.tempCreditEndDate"
-                  type="date"
-                  value-format="YYYY-MM-DD"
+              </el-form-item>
+              <el-form-item label="拟申请总资金使用额度（万元）" required>
+                <el-input
+                  v-model="currentScore.applyCreditLimit"
+                  maxlength="18"
+                  @input="value => handleScoreDecimalInput('applyCreditLimit', value)"
                 />
-              </div>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="最大资金使用额度（万元）">
-              <el-input
-                :model-value="formatScoreValue(currentScore.maxCreditLimit)"
-                disabled
-              />
-            </el-form-item>
-            <el-form-item label="信用等级">
-              <el-input :model-value="formatScoreValue(currentScore.creditLevel)" disabled />
-            </el-form-item>
-            <el-form-item label="临时申请额度">
-              <el-input
-                v-model="currentScore.tempApplyCreditLimit"
-                maxlength="18"
-                @input="value => handleScoreDecimalInput('tempApplyCreditLimit', value)"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="24">
-            <el-form-item label="备注">
-              <el-input v-model="currentScore.remark" maxlength="200" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="24">
-            <el-form-item label="评分量化表" required>
-              <el-select
-                v-model="currentScore.quantificationId"
-                filterable
-                clearable
-                :loading="scoreQuantificationLoading"
-                placeholder="请选择评分量化表"
-                @change="handleScoreQuantificationChange"
-              >
-                <el-option
-                  v-for="item in scoreQuantificationOptions"
-                  :key="item.id"
-                  :label="item.name"
-                  :value="String(item.id)"
+              </el-form-item>
+              <el-form-item label="最终得分">
+                <el-input :model-value="formatScoreValue(currentScore.finalScore)" disabled />
+              </el-form-item>
+              <el-form-item label="临时额度申请使用期限">
+                <div class="score-detail-form__range">
+                  <el-date-picker
+                    v-model="currentScore.tempCreditStartDate"
+                    type="date"
+                    value-format="YYYY-MM-DD"
+                  />
+                  <span>至</span>
+                  <el-date-picker
+                    v-model="currentScore.tempCreditEndDate"
+                    type="date"
+                    value-format="YYYY-MM-DD"
+                  />
+                </div>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="最大资金使用额度（万元）">
+                <el-input
+                  :model-value="formatScoreValue(currentScore.maxCreditLimit)"
+                  disabled
                 />
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
+              </el-form-item>
+              <el-form-item label="信用等级">
+                <el-input :model-value="formatScoreValue(currentScore.creditLevel)" disabled />
+              </el-form-item>
+              <el-form-item label="临时申请额度">
+                <el-input
+                  v-model="currentScore.tempApplyCreditLimit"
+                  maxlength="18"
+                  @input="value => handleScoreDecimalInput('tempApplyCreditLimit', value)"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="备注">
+                <el-input v-model="currentScore.remark" maxlength="200" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="评分量化表" required>
+                <el-select
+                  v-model="currentScore.quantificationId"
+                  filterable
+                  clearable
+                  :loading="scoreQuantificationLoading"
+                  placeholder="请选择评分量化表"
+                  @change="handleScoreQuantificationChange"
+                >
+                  <el-option
+                    v-for="item in scoreQuantificationOptions"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="String(item.id)"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
 
-      <el-table
-        v-if="currentScore.quantificationId"
-        ref="scoreCategoryTable"
-        :data="scoreCategoryRows"
-        border
-        :show-header="false"
-        row-key="categoryCode"
-        :expand-row-keys="expandedScoreCategoryKeys"
-        class="score-category-table"
-        @row-click="toggleScoreCategory"
-        @expand-change="handleScoreCategoryExpandChange"
-      >
-        <el-table-column type="expand" width="1" class-name="score-category-table__expand-column">
-          <template #default="{ row }">
-            <el-table
-              :data="getScoreCategoryDetails(row.categoryCode)"
-              border
-              class="score-detail-table score-detail-table--inline"
-              max-height="520"
-            >
-              <el-table-column label="评分项目" prop="itemName" width="150" align="center" />
-              <el-table-column label="评分标准" min-width="430">
-                <template #default="{ row: detail }">
-                  <div class="score-standard-cell">
-                    <div class="score-standard-cell__label">请选择：</div>
-                    <el-select
-                      v-model="detail.selectedOption"
-                      filterable
-                      :disabled="readonly"
-                      @change="scoreOptionChange(detail, $event)"
+        <el-table
+          v-if="currentScore.quantificationId"
+          ref="scoreCategoryTable"
+          :data="scoreCategoryRows"
+          border
+          :show-header="false"
+          row-key="categoryCode"
+          :expand-row-keys="expandedScoreCategoryKeys"
+          class="score-category-table"
+          @row-click="toggleScoreCategory"
+          @expand-change="handleScoreCategoryExpandChange"
+        >
+          <el-table-column type="expand" width="1" class-name="score-category-table__expand-column">
+            <template #default="{ row }">
+              <el-table
+                :data="getScoreCategoryDetails(row.categoryCode)"
+                border
+                class="score-detail-table score-detail-table--inline"
+                max-height="520"
+              >
+                <el-table-column label="评分项目" prop="itemName" width="150" align="center" />
+                <el-table-column label="评分标准" min-width="430">
+                  <template #default="{ row: detail }">
+                    <div class="score-standard-cell">
+                      <div class="score-standard-cell__label">请选择：</div>
+                      <el-select
+                        v-model="detail.selectedOption"
+                        filterable
+                        :disabled="readonly"
+                        @change="scoreOptionChange(detail, $event)"
+                      >
+                        <el-option
+                          v-for="item in parseScoreOptions(detail.optionsJson)"
+                          :key="item.value"
+                          :label="item.label"
+                          :value="item.value"
+                        />
+                      </el-select>
+                    </div>
+                  </template>
+                </el-table-column>
+                <el-table-column label="得分说明" prop="scoreDescription" min-width="160" />
+                <el-table-column label="自评得分" width="130" align="center">
+                  <template #default="{ row: detail }">
+                    <span>{{ formatScoreValue(getSignedScore(detail, 'selfScore')) }}分</span>
+                  </template>
+                </el-table-column>
+                <el-table-column label="复评得分" width="150" align="center">
+                  <template #default="{ row: detail }">
+                    <el-input
+                      v-model="detail.reviewScore"
+                      maxlength="10"
+                      inputmode="numeric"
+                      :disabled="readonly || !hasPermission('customer_type_re_cert')"
+                      @input="value => handleScoreDetailScoreInput(detail, 'reviewScore', value)"
                     >
-                      <el-option
-                        v-for="item in parseScoreOptions(detail.optionsJson)"
-                        :key="item.value"
-                        :label="item.label"
-                        :value="item.value"
-                      />
-                    </el-select>
-                  </div>
-                </template>
-              </el-table-column>
-              <el-table-column label="得分说明" prop="scoreDescription" min-width="160" />
-              <el-table-column label="自评得分" width="130" align="center">
-                <template #default="{ row: detail }">
-                  <span>{{ formatScoreValue(getSignedScore(detail, 'selfScore')) }}分</span>
-                </template>
-              </el-table-column>
-              <el-table-column label="复评得分" width="150" align="center">
-                <template #default="{ row: detail }">
-                  <el-input
-                    v-model="detail.reviewScore"
-                    maxlength="10"
-                    inputmode="numeric"
-                    :disabled="readonly || !hasPermission('customer_type_re_cert')"
-                    @input="value => handleScoreDetailScoreInput(detail, 'reviewScore', value)"
-                  >
-                    <template v-if="isMinusScoreDetail(detail) && Number(detail.reviewScore) > 0" #prefix>
-                      -
-                    </template>
-                    <template #suffix>分</template>
-                  </el-input>
-                </template>
-              </el-table-column>
-            </el-table>
-          </template>
-        </el-table-column>
-        <el-table-column label="序号" prop="index" width="50" align="center" />
-        <el-table-column min-width="560">
-          <template #default="{ row }">
-            <span class="score-category-table__name">{{ row.categoryName }}</span>
-            <span>自评：{{ getSignedScore(row, 'selfScore') }}分</span>
-            <span>复评：{{ getSignedScore(row, 'reviewScore') }}分</span>
-          </template>
-        </el-table-column>
-        <el-table-column width="60" align="center">
-          <template #default="{ row }">
-            <el-icon
-              class="score-category-table__arrow"
-              :class="{ 'is-expanded': isScoreCategoryExpanded(row.categoryCode) }"
-            >
-              <ArrowRight />
-            </el-icon>
-          </template>
-        </el-table-column>
-      </el-table>
+                      <template v-if="isMinusScoreDetail(detail) && Number(detail.reviewScore) > 0" #prefix>
+                        -
+                      </template>
+                      <template #suffix>分</template>
+                    </el-input>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </template>
+          </el-table-column>
+          <el-table-column label="序号" prop="index" width="50" align="center" />
+          <el-table-column min-width="560">
+            <template #default="{ row }">
+              <span class="score-category-table__name">{{ row.categoryName }}</span>
+              <span>自评：{{ getSignedScore(row, 'selfScore') }}分</span>
+              <span>复评：{{ getSignedScore(row, 'reviewScore') }}分</span>
+            </template>
+          </el-table-column>
+          <el-table-column width="60" align="center">
+            <template #default="{ row }">
+              <el-icon
+                class="score-category-table__arrow"
+                :class="{ 'is-expanded': isScoreCategoryExpanded(row.categoryCode) }"
+              >
+                <ArrowRight />
+              </el-icon>
+            </template>
+          </el-table-column>
+        </el-table>
+      </section-card>
 
       <section-card title="证明材料" class="score-material-card">
         <template #extra>
@@ -3829,7 +3831,7 @@ export default {
 
 .score-category-table {
   width: calc(100% - 72px);
-  margin: 8px 36px 0;
+  margin: 8px 36px 16px;
 
   :deep(.el-table__body td) {
     height: 56px;

From f7b7218e62368f285d7bab91e02b2aef92bde9e1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Thu, 13 Aug 2026 12:21:50 +0800
Subject: [PATCH 04/10] =?UTF-8?q?style(ui):=20=E8=B0=83=E6=95=B4=E5=A4=9A?=
 =?UTF-8?q?=E5=A4=84textarea=E7=9A=84=E6=9C=80=E5=B0=8F=E8=A1=8C=E6=95=B0?=
 =?UTF-8?q?=E5=8F=8A=E4=BC=98=E5=8C=96=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将多处备注和说明的textarea控件minRows由4改为2，提升界面紧凑性
- 修改.port-terminal-edit-dialog弹窗内input和textarea的自动完成功能为关闭状态
- 调整部分弹窗宽度和备注输入框宽度样式，适配更佳显示效果
- 新增铁路车站编辑弹窗标签宽度108px修正样式，覆盖默认auto计算值
- 删除element-ui.scss中多余的margin-bottom样式
- 为port-terminal相关弹窗footer去除顶部边框，优化视觉分割
---
 src/option/base/cargo-type.js                 |  2 +-
 src/option/base/common-address.js             |  2 +-
 src/option/business/common-cargo.js           |  2 +-
 src/option/business/common-route.js           |  2 +-
 src/option/business/process-config.js         |  2 +-
 src/option/business/transport-plan.js         |  2 +-
 src/option/business/waybill-manage.js         |  8 +++----
 src/option/vehicle/accident-record.js         |  2 +-
 src/option/vehicle/etc-record.js              |  2 +-
 src/option/vehicle/mileage-record.js          |  2 +-
 src/option/vehicle/oil-electric-record.js     |  2 +-
 src/option/vehicle/other-expense-record.js    |  2 +-
 src/option/vehicle/tire-replacement-record.js |  2 +-
 src/option/vehicle/transport-change-record.js |  4 ++--
 src/styles/element-ui.scss                    |  5 ++++-
 src/views/base/airport-master.vue             |  2 +-
 src/views/base/currency.vue                   |  2 +-
 src/views/base/port-terminal.vue              | 21 ++++++++++++++++---
 src/views/base/railway-station.vue            | 18 +++++++++++++---
 src/views/desk/notice-composition.vue         |  2 +-
 src/views/desk/notice.vue                     |  2 +-
 21 files changed, 59 insertions(+), 29 deletions(-)

diff --git a/src/option/base/cargo-type.js b/src/option/base/cargo-type.js
index ede95c6..a63d67f 100644
--- a/src/option/base/cargo-type.js
+++ b/src/option/base/cargo-type.js
@@ -172,7 +172,7 @@ export const getCargoTypeOption = ctx => ({
       label: '备注',
       prop: 'remark',
       type: 'textarea',
-      minRows: 4,
+      minRows: 2,
       span: 24,
       minWidth: 180,
       placeholder: '请输入',
diff --git a/src/option/base/common-address.js b/src/option/base/common-address.js
index 4f431ca..7583124 100644
--- a/src/option/base/common-address.js
+++ b/src/option/base/common-address.js
@@ -137,7 +137,7 @@ export const createOption = () => ({
       label: '备注',
       prop: 'remark',
       type: 'textarea',
-      minRows: 4,
+      minRows: 2,
       span: 24,
       minWidth: 160,
       overHidden: true,
diff --git a/src/option/business/common-cargo.js b/src/option/business/common-cargo.js
index 644f316..f64fb66 100644
--- a/src/option/business/common-cargo.js
+++ b/src/option/business/common-cargo.js
@@ -254,7 +254,7 @@ export const option = createCrudOption([
     label: '备注',
     prop: 'remark',
     type: 'textarea',
-    minRows: 4,
+    minRows: 2,
     span: 24,
     maxlength: 200,
     showWordLimit: true,
diff --git a/src/option/business/common-route.js b/src/option/business/common-route.js
index e7e8a59..47db3de 100644
--- a/src/option/business/common-route.js
+++ b/src/option/business/common-route.js
@@ -127,7 +127,7 @@ export const option = {
     label: '备注',
     prop: 'remark',
     type: 'textarea',
-    minRows: 4,
+    minRows: 2,
     span: 24,
     minWidth: 180,
     maxlength: 500,
diff --git a/src/option/business/process-config.js b/src/option/business/process-config.js
index 912a57d..f5aa1e9 100644
--- a/src/option/business/process-config.js
+++ b/src/option/business/process-config.js
@@ -101,7 +101,7 @@ export const option = {
       label: '备注',
       prop: 'remark',
       type: 'textarea',
-      minRows: 4,
+      minRows: 2,
       span: 24,
       minWidth: 180,
       addDisplay: false,
diff --git a/src/option/business/transport-plan.js b/src/option/business/transport-plan.js
index 54e27a8..2d776d1 100644
--- a/src/option/business/transport-plan.js
+++ b/src/option/business/transport-plan.js
@@ -362,7 +362,7 @@ export const option = {
       label: '备注',
       prop: 'remark',
       type: 'textarea',
-      minRows: 4,
+      minRows: 2,
       span: 24,
       order: 330,
       minWidth: 180,
diff --git a/src/option/business/waybill-manage.js b/src/option/business/waybill-manage.js
index b0e617a..2507845 100644
--- a/src/option/business/waybill-manage.js
+++ b/src/option/business/waybill-manage.js
@@ -500,7 +500,7 @@ export const option = {
       label: '备注',
       prop: 'remark',
       type: 'textarea',
-      minRows: 4,
+      minRows: 2,
       span: 24,
       order: 810,
       minWidth: 180,
@@ -640,7 +640,7 @@ export const option = {
       label: '承运信息',
       prop: 'carrierJson',
       type: 'textarea',
-      minRows: 4,
+      minRows: 2,
       span: 24,
       hide: true,
       display: false,
@@ -652,7 +652,7 @@ export const option = {
       label: '过程配置',
       prop: 'processJson',
       type: 'textarea',
-      minRows: 4,
+      minRows: 2,
       span: 24,
       hide: true,
       display: false,
@@ -664,7 +664,7 @@ export const option = {
       label: '运费信息',
       prop: 'freightJson',
       type: 'textarea',
-      minRows: 4,
+      minRows: 2,
       span: 24,
       hide: true,
       display: false,
diff --git a/src/option/vehicle/accident-record.js b/src/option/vehicle/accident-record.js
index 51c4d22..3be4f35 100644
--- a/src/option/vehicle/accident-record.js
+++ b/src/option/vehicle/accident-record.js
@@ -147,7 +147,7 @@ export const option = {
       label: '事故原因及损坏情况',
       prop: 'accidentReasonDamage',
       type: 'textarea',
-      minRows: 4,
+      minRows: 2,
       span: 24,
       search: true,
       minWidth: 220,
diff --git a/src/option/vehicle/etc-record.js b/src/option/vehicle/etc-record.js
index 981a29e..1fb16a4 100644
--- a/src/option/vehicle/etc-record.js
+++ b/src/option/vehicle/etc-record.js
@@ -137,7 +137,7 @@ export const option = {
       label: '备注',
       prop: 'remark',
       type: 'textarea',
-      minRows: 4,
+      minRows: 2,
       span: 24,
       minWidth: 180,
       overHidden: true,
diff --git a/src/option/vehicle/mileage-record.js b/src/option/vehicle/mileage-record.js
index 3e0b981..419be77 100644
--- a/src/option/vehicle/mileage-record.js
+++ b/src/option/vehicle/mileage-record.js
@@ -118,7 +118,7 @@ export const option = {
       label: '备注',
       prop: 'remark',
       type: 'textarea',
-      minRows: 4,
+      minRows: 2,
       span: 24,
       minWidth: 180,
       overHidden: true,
diff --git a/src/option/vehicle/oil-electric-record.js b/src/option/vehicle/oil-electric-record.js
index 052e164..49c8f07 100644
--- a/src/option/vehicle/oil-electric-record.js
+++ b/src/option/vehicle/oil-electric-record.js
@@ -155,7 +155,7 @@ export const option = {
       label: '备注',
       prop: 'remark',
       type: 'textarea',
-      minRows: 4,
+      minRows: 2,
       span: 24,
       minWidth: 180,
       overHidden: true,
diff --git a/src/option/vehicle/other-expense-record.js b/src/option/vehicle/other-expense-record.js
index 0046dfd..03f43fd 100644
--- a/src/option/vehicle/other-expense-record.js
+++ b/src/option/vehicle/other-expense-record.js
@@ -127,7 +127,7 @@ export const option = {
       label: '备注',
       prop: 'remark',
       type: 'textarea',
-      minRows: 4,
+      minRows: 2,
       span: 24,
       minWidth: 180,
       overHidden: true,
diff --git a/src/option/vehicle/tire-replacement-record.js b/src/option/vehicle/tire-replacement-record.js
index 9b50753..88dfe5a 100644
--- a/src/option/vehicle/tire-replacement-record.js
+++ b/src/option/vehicle/tire-replacement-record.js
@@ -123,7 +123,7 @@ export const option = {
       label: '备注',
       prop: 'remark',
       type: 'textarea',
-      minRows: 4,
+      minRows: 2,
       span: 24,
       minWidth: 180,
       overHidden: true,
diff --git a/src/option/vehicle/transport-change-record.js b/src/option/vehicle/transport-change-record.js
index 8db7894..cf949d5 100644
--- a/src/option/vehicle/transport-change-record.js
+++ b/src/option/vehicle/transport-change-record.js
@@ -65,7 +65,7 @@ export const option = {
       label: '变更内容',
       prop: 'changeContent',
       type: 'textarea',
-      minRows: 4,
+      minRows: 2,
       span: 24,
       search: true,
       minWidth: 260,
@@ -79,7 +79,7 @@ export const option = {
       label: '备注',
       prop: 'remark',
       type: 'textarea',
-      minRows: 4,
+      minRows: 2,
       span: 24,
       minWidth: 180,
       overHidden: true,
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
index 91a70ef..42c2eb4 100644
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -315,7 +315,6 @@
   background: #fff;
   border-radius: 6px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
-  margin-bottom: 8px;
   overflow: hidden;
 
   &:last-child {
@@ -758,3 +757,7 @@
     opacity: 0.55;
   }
 }
+
+.avue-crud__dialog .avue-dialog__footer{
+  border-top: 0 !important;
+}
diff --git a/src/views/base/airport-master.vue b/src/views/base/airport-master.vue
index 8c44c70..54499bb 100644
--- a/src/views/base/airport-master.vue
+++ b/src/views/base/airport-master.vue
@@ -429,7 +429,7 @@ export default {
             label: '备注',
             prop: 'remark',
             type: 'textarea',
-            minRows: 4,
+            minRows: 2,
             span: 24,
             hide: true,
             maxlength: 200,
diff --git a/src/views/base/currency.vue b/src/views/base/currency.vue
index 91f30c7..11d32a0 100644
--- a/src/views/base/currency.vue
+++ b/src/views/base/currency.vue
@@ -271,7 +271,7 @@ export default {
             label: '备注',
             prop: 'remark',
             type: 'textarea',
-            minRows: 4,
+            minRows: 2,
             span: 24,
             hide: true,
             maxlength: 200,
diff --git a/src/views/base/port-terminal.vue b/src/views/base/port-terminal.vue
index a7ee154..c07fdf6 100644
--- a/src/views/base/port-terminal.vue
+++ b/src/views/base/port-terminal.vue
@@ -75,6 +75,7 @@
           filterable
           :disabled="isParentRegionLocked"
           :placeholder="isParentRegionLocked ? '自动带出' : '请选择国家'"
+          autocomplete="off"
           style="width: 100%"
           @change="handleCountryChange"
         >
@@ -390,7 +391,7 @@ export default {
       option: {
         height: 'auto',
         calcHeight: 32,
-        dialogWidth: 980,
+        dialogWidth: 900,
         dialogCustomClass: 'port-terminal-edit-dialog',
         labelPosition: 'right',
         labelWidth: 'auto',
@@ -1233,6 +1234,7 @@ export default {
               this.handleCategoryChange(this.form.category, false);
               this.syncTerminalCode();
               done();
+              setTimeout(() => this.disableDialogAutocomplete(), 50);
             });
         });
         return;
@@ -1256,8 +1258,21 @@ export default {
             this.handleDistrictChange(this.form.districtCode);
           }
           done();
+          setTimeout(() => this.disableDialogAutocomplete(), 50);
         });
     },
+    disableDialogAutocomplete() {
+      this.$nextTick(() => {
+        const dialog = document.querySelector('.port-terminal-edit-dialog');
+        if (!dialog) return;
+        dialog.querySelectorAll('input, textarea').forEach(el => {
+          el.setAttribute('autocomplete', 'off');
+          el.setAttribute('autocorrect', 'off');
+          el.setAttribute('autocapitalize', 'off');
+          el.setAttribute('spellcheck', 'false');
+        });
+      });
+    },
     searchReset() {
       this.query = {};
       this.setCityOptions([]);
@@ -1374,9 +1389,9 @@ export default {
   //.detail-address-input {
   //  width: 81% !important;
   //}
-  /* 备注宽度 80% */
+  /* 备注宽度 83% */
   .remark-input {
-    width: 80% !important;
+    width: 85% !important;
   }
 }
 </style>
diff --git a/src/views/base/railway-station.vue b/src/views/base/railway-station.vue
index fb24d5e..cf11f64 100644
--- a/src/views/base/railway-station.vue
+++ b/src/views/base/railway-station.vue
@@ -202,8 +202,9 @@ export default {
         height: 'auto',
         calcHeight: 32,
         dialogWidth: 980,
+        dialogCustomClass: 'railway-station-edit-dialog',
         labelPosition: 'right',
-        labelWidth: 'auto',
+        labelWidth: '108px',
         tip: false,
         searchShow: true,
         searchMenuSpan: 24,
@@ -339,7 +340,7 @@ export default {
             label: '详细地址',
             prop: 'detailAddress',
             type: 'textarea',
-            minRows: 3,
+            minRows: 2,
             span: 24,
             minWidth: 220,
             overHidden: false,
@@ -393,7 +394,7 @@ export default {
             label: '备注',
             prop: 'remark',
             type: 'textarea',
-            minRows: 4,
+            minRows: 2,
             span: 24,
             hide: true,
             maxlength: 200,
@@ -892,5 +893,16 @@ export default {
   :deep(.el-table td .cell) {
     white-space: nowrap;
   }
+
+}
+
+</style>
+
+<style lang="scss">
+/* 铁路车站弹窗：强制 label 宽度 108px（覆盖 Avue 默认 auto 计算值） */
+.railway-station-edit-dialog {
+  .el-form-item__label {
+    width: 108px !important;
+  }
 }
 </style>
diff --git a/src/views/desk/notice-composition.vue b/src/views/desk/notice-composition.vue
index 4c16ca6..7840a74 100644
--- a/src/views/desk/notice-composition.vue
+++ b/src/views/desk/notice-composition.vue
@@ -153,7 +153,7 @@ const option = reactive({
         url: 'link',
       },
       hide: true,
-      minRows: 4,
+      minRows: 2,
       span: 24,
     },
   ],
diff --git a/src/views/desk/notice.vue b/src/views/desk/notice.vue
index ad64558..133b590 100644
--- a/src/views/desk/notice.vue
+++ b/src/views/desk/notice.vue
@@ -155,7 +155,7 @@ export default {
               url: 'link',
             },
             hide: true,
-            minRows: 4,
+            minRows: 2,
             span: 24,
           },
 

From 490efe2ce55b70d6677e05364074299ec5d9b368 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Thu, 13 Aug 2026 16:35:35 +0800
Subject: [PATCH 05/10] =?UTF-8?q?style(business):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E4=B8=9A=E5=8A=A1=E5=BC=B9=E7=AA=97=E5=B8=83=E5=B1=80=E4=B8=8E?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E7=BB=9F=E4=B8=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修改 dispatchItemForm 表单标签宽度为 calc(6em + 24px)，统一label宽度标准
- 调整 business-crud-page 内 section-card 间距，避免卡片紧贴，符合整体风格
- 规范 detail-content 内部元素间距及白卡底部边距，提升视觉一致性
- 调整 contract-manage select 组件列占比，优化表单布局
- 调整 customer-archive 弹窗间距，增强界面美观
- 全站弹窗新增底部操作栏固定与滚动内容区，提升弹窗交互体验
- port-terminal、railway-station 弹窗表单标签宽度调整及样式改进，提高表单对齐效果
- 统一多处弹窗及表单组件底部间距，确保全局风格一致
- port-terminal 弹窗取消分组白卡，恢复原有结构以满足用户需求
---
 .workbuddy/memory/2026-08-13.md               | 62 +++++++++++++++++++
 .workbuddy/memory/MEMORY.md                   |  8 +++
 src/option/business/contract-manage.js        |  2 +-
 src/styles/element-ui.scss                    | 33 +++++++++-
 src/views/base/port-terminal.vue              | 62 +++++++++++++------
 src/views/base/railway-station.vue            |  6 +-
 .../components/business-crud-page.vue         | 18 ++++--
 src/views/business/project-apply.vue          |  8 +--
 src/views/vehicle/customer-archive.vue        |  2 +-
 9 files changed, 165 insertions(+), 36 deletions(-)
 create mode 100644 .workbuddy/memory/2026-08-13.md

diff --git a/.workbuddy/memory/2026-08-13.md b/.workbuddy/memory/2026-08-13.md
new file mode 100644
index 0000000..6321525
--- /dev/null
+++ b/.workbuddy/memory/2026-08-13.md
@@ -0,0 +1,62 @@
+# 2026-08-13 工作记录
+
+## business-crud-page.vue UI 对齐 customer-archive（section-card 间隔 + 表单排列统一）
+
+### 问题
+- 该组件内 `.section-card { margin-bottom: 0 !important }`（scoped 顶层）把全局 8px 卡片间距清零，导致弹窗里的 section-card 卡片贴在一起（与 customer-archive 的留白不一致）。
+- 手写的 dispatch-item 表单 markup 仍写 `label-width="auto"`（虽被共享 CSS 块强制为 `calc(6em+24px)`，但不直观）。
+
+### 改动（src/views/business/components/business-crud-page.vue）
+1. 删除 `margin-bottom:0 !important` 覆盖，改为 `.section-card{margin-bottom:8px !important; &:last-child{margin-bottom:0}}`，与 customer-archive/全局 element-ui.scss 的 8px 节奏一致。
+2. `.business-crud-page__detail-content`（详情弹窗，原本 `gap:12px`）改为 `gap:8px` 并给内部 `.section-card{margin-bottom:0 !important}`，避免 8px 外边距 + gap 双重留白。
+3. `:deep(.avue-form__group:has(.dialog-section-title))` 白卡 `margin-bottom:16px→8px`，使主弹窗分组白卡与 section-card 同节奏。
+4. `&__dispatch-summary` 的 `margin-bottom:12px→8px`。
+5. dispatch-item 表单 `label-width="auto"→"calc(6em + 24px)"`（与 task-form/freight-form 共享的 label 标准一致；参考 customer-archive 的右侧固定宽 label + `el-row :gutter` 网格思路）。
+
+### 验证
+- 仅改 scoped SCSS + 1 处 markup 属性，未动逻辑；SFC 结构未变。表单组件排列本就通过共享 `__task-form/__freight-form/__dispatch-item-form` 块统一为 `calc(6em+24px)` label + 4 列网格，本次使其显式对齐。
+
+## 弹窗样式与交互调整（base 模块）
+
+### 1. port-terminal.vue 港口/码头弹窗
+- 去掉浏览器 input autocomplete 地址联想：新增 `disableDialogAutocomplete()` 方法（批量给 `.port-terminal-edit-dialog` 内 input/textarea 设 autocomplete=off 等），在 `beforeOpen` 两个分支 `done()` 后用 `setTimeout(50)` 调用。
+- option 字段调整（用户此前需求，已指导）：详细地址 `detailAddress` 的 `span:24→12`、`order:86→88`，与区县 `districtCode`(span12,order87) 并排。
+
+### 2. railway-station.vue 铁路车站弹窗
+- label 宽度 85→108：option `labelWidth:'auto'→'108px'`（字符串不生效），再补 `dialogCustomClass:'railway-station-edit-dialog'` + 非 scoped `<style>` 强制 `.el-form-item__label{width:108px!important}`。
+
+### 3. 全站弹窗底部浮动按钮（统一规范）
+- 在 `src/styles/element-ui.scss` 新增全局规则：`.el-dialog__body{max-height:calc(100vh-200px);overflow-y:auto}` + `.el-dialog__footer{白底+上边框+轻阴影}`，实现取消/保存按钮固定在底部（参照 business/project-apply）。全站 Avue 弹窗自动生效，含 railway-station。已记入 MEMORY.md 长期规范。
+
+### 4. port-terminal.vue 字段分组白卡 + label 108（本次）
+- 改用 Avue `option.group` 把表单分成 3 张白卡：基础信息 / 位置信息 / 其他信息（对齐 driver/vehicle/ship/customer-archive 的 section-card 风格）。
+- root `column` 保留不动（脚本大量用 `findColumn(this.option.column,...)` 动态设 dicData/显示），在 `created()` 里循环把 root 列 `display=false`，使其只服务表格/搜索、不重复渲染进表单。
+- 新增 `getColumnsByProp(prop)` 助手，统一把 8 处 `dicData`/显示切换同时作用于 root 与 group 两处（否则 group 列的级联下拉不会刷新）。
+- 样式：外层 `.avue-form` 透明化（卡片交由分组）；`.avue-form__group` 白卡 + 4px 主色竖条标题 + 内容区左右 16px；`.el-form-item__label{width:108px!important}` 对齐 railway-station。
+- 关键坑：Avue form 的 `columnOption` 会把 root column 也作为「无标题组」渲染进表单，故 group 页必须给 root 列 `display:false`，否则字段重复；且动态 dicData 必须双写 root+group。
+
+### 5. port-terminal.vue 回退分组白卡 + label 108（用户要求）
+- 用户决定不在本页使用分组白卡与 label 宽度 108，已全部回退：
+  - 删除 `option.group` 三张白卡，恢复扁平 `column` 结构（`sed` 删 695–974 行）。
+  - `created()` 去掉 root 列 `display=false` 循环；删除 `getColumnsByProp` 助手；`setColumnDisplay` 与 8 处 `dicData`/显示切换全部还原为 `findColumn(this.option.column, prop)` 写法。
+  - 样式块恢复：`.avue-form` 恢复为单张白卡（去透明化），删除 `.avue-form__group` 分组白卡规则与 `.el-form-item__label{width:108px}`；保留灰底 + 浮动底栏统一风格、input/select 250px、备注 85%。
+- 校验：SFC 解析通过，无 getColumnsByProp/group/avue-form__group/label108 残留。
+
+### 6. railway-station.vue 对齐 port-terminal 统一风格（用户要求"按 port-terminal 效果改"）
+- 扩充 `.railway-station-edit-dialog` 非 scoped 样式块，对齐 port-terminal：灰底 `.el-dialog__body`(#f2f2f2, padding 8px) + 表单白卡 `.avue-form`(白底/圆角6/轻阴影/内边距16px) + 浮动底栏 `.avue-dialog__footer`(白底/圆角/轻阴影/右对齐) + 输入框 `.el-input,.el-select` 宽 250px + 备注 `.remark-input` 宽 85%。
+- 给备注字段(`prop:'remark'`)加 `class:'remark-input'`，使备注 85% 规则生效（原字段仅 `type:textarea`，无 class）。
+- 保留用户之前要求的 `labelWidth:'108px'` 与 `.el-form-item__label{width:108px!important}`。
+- 未包含 port-terminal 的「关闭浏览器地址联想 autocomplete」逻辑（用户未要求，railway 未反馈该问题）；如需一致可后续补。
+- 校验：SFC 解析通过。
+
+### 7. 方向纠正：应改 port-terminal 参考 railway-station（非改 railway 参考 port）
+- 用户澄清：第6条方向搞反了。正确语义是「改 port-terminal，参考 railway-station」。railway-station 是参考样板，不应被改。
+- 还原 railway-station（撤销第6条）：删除误加的冗余专属灰底白卡/250px/备注85% 块（该块 `.avue-form{padding:16px}` 会与全局 `.el-dialog .avue-form` 的 24px 冲突造成不齐），仅保留 `labelWidth:'108px'` + `.el-form-item__label{width:108px!important}`；移除备注字段误加的 `class:'remark-input'`。
+- 关键认知：全局 `src/styles/element-ui.scss` 第240-265行**已有完整弹窗标准规则**（灰底 `.el-dialog__body`#f2f2f2 + 白卡 `.el-dialog .avue-form` padding 24px + 浮动底栏 `.avue-crud__dialog .avue-dialog__footer`）。railway-station「整齐」即靠全局规则 + label 108；专属块属冗余且会覆盖全局 24px→16px 导致不齐。
+- 改造 port-terminal 对齐 railway-station：保留专属灰底白卡兜底（其历史未命中全局，保留以防回归），补 `labelWidth:'108px'` + 样式块 `.el-form-item__label{width:108px!important}`；并将专属块 `.avue-form` padding 由 16px 改为 **24px** 以与全局/railway 一致。
+- 校验：两文件 SFC 解析通过；railway 无 remark-input/padding16px 残留；port-terminal 已含 label 108 + padding 24px。
+
+### 8. railway-station.vue label 加宽（用户反馈太挤）
+- 用户反馈新增弹窗中"所属区县"label 太挤（实测约 85×32px），要求加宽。
+- 已把 `option.labelWidth: '108px' → '140px'`，同步全局覆盖 `.el-form-item__label{width:108px!important} → 140px!important`。
+- 140px 够"所属区县"4字+必填星号+留白，也覆盖表单其他 label（"行政区划编号"6字 + * 也够）。若仍觉不够可再调到 160px。
diff --git a/.workbuddy/memory/MEMORY.md b/.workbuddy/memory/MEMORY.md
index 1f718fc..50a2e95 100644
--- a/.workbuddy/memory/MEMORY.md
+++ b/.workbuddy/memory/MEMORY.md
@@ -24,6 +24,14 @@
 ### 简单分组（仅 3 项）
 - 联系信息等仅 3 项的分组，可用 `el-col :span="8"` 让三项均分一行，避免 4 列网格留白。
 
+### 弹窗底部操作栏浮动效果（全站统一规范）
+- **需求来源**：用户要求参考 `business/project-apply`（手写 el-dialog + `#footer` slot，body `max-height:76vh;overflow-y:auto`，footer 固定底部）实现"取消/保存按钮浮动在底部"。因绝大多数页面是 Avue CRUD 内置弹窗（无法用 `#footer` slot），统一用**全局 CSS** 实现，全站自动生效。
+- **实现位置**：`src/styles/element-ui.scss`（在 `.el-dialog .el-form-item` 规则之后新增）。
+- **规则**：
+  - `.el-dialog__body { max-height: calc(100vh - 200px); overflow-y: auto; overflow-x: hidden; }` —— 内容超高时独立滚动，footer（位于 body 之外）始终可见。
+  - `.el-dialog__footer { margin:0; padding:12px 20px; background:#fff; border-top:1px solid var(--el-border-color-lighter,#ebeef5); box-shadow:0 -2px 8px rgba(0,0,0,.04); border-radius:0 0 var(--el-dialog-border-radius,4px); .el-button+.el-button{margin-left:8px} }` —— 视觉底栏（白底+上边框+轻阴影），与主内容区分。
+- **注意**：`.el-dialog__body` 的 `max-height` 会作用于所有弹窗（含纯展示/表格弹窗），无 footer 的弹窗不受影响；project-apply 自身 `.project-apply-dialog .el-dialog__body{76vh}` 特异性更高仍优先。如需让某弹窗豁免，加更具体 class 覆盖即可。
+
 ### 上传证件区域尺寸规范（transportCapacity 模块强制）
 - **比例**：中国二代身份证标准尺寸 85.6 × 53.98 mm → 宽:高 = **1.586 : 1**（横放）
 - **尺寸**：取真实身份证的 ~75% → 固定 **240 × 151 px**（1.586:1 精确：151 × 1.586 ≈ 240）
diff --git a/src/option/business/contract-manage.js b/src/option/business/contract-manage.js
index 6c3c7ba..392ca63 100644
--- a/src/option/business/contract-manage.js
+++ b/src/option/business/contract-manage.js
@@ -253,7 +253,7 @@ export const option = createCrudOption([
     prop: 'signType',
     type: 'select',
     search: false,
-    span: 6,
+    span: 8,
     order: 190,
     dicData: signTypeOptions,
     minWidth: 120,
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
index 42c2eb4..c64842b 100644
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -176,6 +176,28 @@
   margin-bottom: 20px;
 }
 
+/* 全站弹窗：底部操作栏浮动效果（参照 business/project-apply）
+ * - body 超高时内部独立滚动，footer（取消/保存等按钮）始终固定在底部可见
+ * - footer 加视觉底栏：白底 + 上边框 + 轻阴影，与主内容区分 */
+.el-dialog__body {
+  max-height: calc(100vh - 200px);
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
+.el-dialog__footer {
+  margin: 0;
+  padding: 12px 20px;
+  background: #fff;
+  border-top: 1px solid var(--el-border-color-lighter, #ebeef5);
+  //box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.04);
+  border-radius: 0 0 var(--el-dialog-border-radius, 4px);
+
+  .el-button + .el-button {
+    margin-left: 8px;
+  }
+}
+
 .el-dialog__title,
 .dialog-section-title {
   display: inline-flex;
@@ -217,7 +239,7 @@
 // 1) 所有弹窗内容区统一灰底 + 8px 内边距（全站统一）
 .el-dialog__body {
   background-color: #f2f2f2;
-  padding: 8px !important;
+  padding: 12px !important;
 }
 
 // Avue CRUD 弹窗：表单白卡 + 底部按钮区视觉合一（按钮在卡片内部）
@@ -305,9 +327,9 @@
   }
 }
 
-// 4) 弹窗内表单项默认上下间距 20px（覆盖默认 18px / 22px，与 customer-archive 对齐）
+// 4) 弹窗内表单项默认上下间距 16px（覆盖默认 18px / 22px，与 customer-archive 对齐）
 .el-dialog .el-form-item {
-  margin-bottom: 20px;
+  margin-bottom: 16px;
 }
 
 // 5) 通用分组白卡组件（<section-card>）：标题融入卡头
@@ -315,6 +337,7 @@
   background: #fff;
   border-radius: 6px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
+  margin-bottom: 12px;
   overflow: hidden;
 
   &:last-child {
@@ -760,4 +783,8 @@
 
 .avue-crud__dialog .avue-dialog__footer{
   border-top: 0 !important;
+  margin-top: -30px !important;
+}
+.el-form-item__label {
+  margin-left: 20px !important;
 }
diff --git a/src/views/base/port-terminal.vue b/src/views/base/port-terminal.vue
index c07fdf6..bac00be 100644
--- a/src/views/base/port-terminal.vue
+++ b/src/views/base/port-terminal.vue
@@ -394,7 +394,7 @@ export default {
         dialogWidth: 900,
         dialogCustomClass: 'port-terminal-edit-dialog',
         labelPosition: 'right',
-        labelWidth: 'auto',
+        labelWidth: '108px',
         tip: false,
         searchShow: true,
         searchLabelWidth: 160,
@@ -830,9 +830,12 @@ export default {
       this.clearCityValue();
     },
     handleCategoryChange(value, reset = true) {
+      const required = value === '码头';
       const parentColumn = this.findColumn(this.option.column, 'parentId');
-      parentColumn.rules[0].required = value === '码头';
-      this.setColumnDisplay('parentId', value === '码头');
+      if (parentColumn && parentColumn.rules && parentColumn.rules[0]) {
+        parentColumn.rules[0].required = required;
+      }
+      this.setColumnDisplay('parentId', required);
       if (value === '港口') {
         this.form.parentId = undefined;
         this.form.parentCode = '';
@@ -1379,19 +1382,42 @@ export default {
 </style>
 
 <style lang="scss">
-/* 港口码头编辑/新增弹窗：所有 input 文本框、select 下拉控件统一宽度 250px */
-.port-terminal-edit-dialog {
-  .el-input,
-  .el-select {
-    width: 250px !important;
-  }
-  /* 详细地址为整行字段，放宽到占满整行 */
-  //.detail-address-input {
-  //  width: 81% !important;
-  //}
-  /* 备注宽度 83% */
-  .remark-input {
-    width: 85% !important;
-  }
-}
+/* 港口码头编辑/新增弹窗：对齐 railway-station 统一风格（灰底 + 白卡表单 + 浮动底栏，padding 24px 与全局弹窗标准一致） */
+//.port-terminal-edit-dialog {
+//  /* 灰底内容区 */
+//  .el-dialog__body {
+//    background-color: #f2f2f2;
+//    padding: 8px;
+//  }
+//  /* 表单白卡（与全局 .el-dialog .avue-form 一致，padding 24px 对齐 customer-archive / railway-station） */
+//  .avue-form {
+//    background: #fff;
+//    border-radius: 6px;
+//    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
+//    padding: 24px !important;
+//    margin-bottom: 0;
+//  }
+//  /* 底部按钮区白卡（Avue 弹窗 footer 在 body 内，接续白卡） */
+//  .avue-dialog__footer {
+//    background: #fff;
+//    border-radius: 0 0 6px 6px;
+//    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
+//    padding: 16px 24px !important;
+//    display: flex;
+//    justify-content: flex-end;
+//  }
+//  /* label 宽度统一 108px（对齐 railway-station，标签对齐更整齐） */
+//  .el-form-item__label {
+//    width: 108px !important;
+//  }
+//  /* 所有 input 文本框、select 下拉控件统一宽度 250px */
+//  .el-input,
+//  .el-select {
+//    width: 250px !important;
+//  }
+//  /* 备注宽度 85% */
+//  .remark-input {
+//    width: 85% !important;
+//  }
+//}
 </style>
diff --git a/src/views/base/railway-station.vue b/src/views/base/railway-station.vue
index cf11f64..4dc8249 100644
--- a/src/views/base/railway-station.vue
+++ b/src/views/base/railway-station.vue
@@ -204,7 +204,7 @@ export default {
         dialogWidth: 980,
         dialogCustomClass: 'railway-station-edit-dialog',
         labelPosition: 'right',
-        labelWidth: '108px',
+        labelWidth: '140px',
         tip: false,
         searchShow: true,
         searchMenuSpan: 24,
@@ -899,10 +899,10 @@ export default {
 </style>
 
 <style lang="scss">
-/* 铁路车站弹窗：强制 label 宽度 108px（覆盖 Avue 默认 auto 计算值） */
+/* 铁路车站编辑/新增弹窗：强制 label 宽度 140px（覆盖 Avue 默认 auto 计算值），灰底白卡与浮动底栏由全局 element-ui.scss 弹窗标准规则统一提供 */
 .railway-station-edit-dialog {
   .el-form-item__label {
-    width: 108px !important;
+    width: 140px !important;
   }
 }
 </style>
diff --git a/src/views/business/components/business-crud-page.vue b/src/views/business/components/business-crud-page.vue
index 8c3785b..a4b6fcc 100644
--- a/src/views/business/components/business-crud-page.vue
+++ b/src/views/business/components/business-crud-page.vue
@@ -2685,7 +2685,7 @@
       <el-form
         :model="dispatchItemForm"
         label-position="right"
-        label-width="auto"
+        label-width="calc(6em + 24px)"
         class="business-crud-page__dispatch-item-form"
       >
         <div class="dialog-section-title">收发货信息</div>
@@ -10268,7 +10268,7 @@ export default {
     grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
     gap: 16px;
     align-items: stretch;
-    margin-bottom: 12px;
+    margin-bottom: 8px;
   }
 
   &__dispatch-summary-card,
@@ -10702,9 +10702,11 @@ export default {
   &__detail-content {
     display: flex;
     flex-direction: column;
-    gap: 12px;
+    gap: 8px;
 
     .section-card {
+      margin-bottom: 0 !important;
+
       :deep(.el-descriptions__label) {
         width: 140px;
         color: #606266;
@@ -10803,8 +10805,12 @@ export default {
     }
   }
 }
-.section-card{
-  margin-bottom: 0 !important;
+.section-card {
+  margin-bottom: 8px !important;
+
+  &:last-child {
+    margin-bottom: 0 !important;
+  }
 }
 
 /* 编辑弹窗：含分组的 Avue form 渲染为白卡风格 */
@@ -10813,7 +10819,7 @@ export default {
   border-radius: 6px;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
   padding: 16px;
-  margin-bottom: 16px;
+  margin-bottom: 8px;
 
   .avue-form__group--title {
     padding: 0 !important;
diff --git a/src/views/business/project-apply.vue b/src/views/business/project-apply.vue
index 57953d3..ed59671 100644
--- a/src/views/business/project-apply.vue
+++ b/src/views/business/project-apply.vue
@@ -1908,7 +1908,7 @@ export default {
     grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
     column-gap: 72px;
     row-gap: 0;
-    margin-bottom: 8px;
+    margin-bottom: 12px;
     background: #fff;
     border-radius: 0 0 6px 6px;
     padding: 14px 16px 4px;
@@ -1934,7 +1934,7 @@ export default {
 
   &__table {
     width: 100%;
-    margin-bottom: 8px;
+    margin-bottom: 12px;
     background: #fff;
     border-radius: 0 0 6px 6px;
     padding: 12px;
@@ -1952,7 +1952,7 @@ export default {
   }
 
   &__textarea-list {
-    margin-bottom: 8px;
+    margin-bottom: 12px;
     background: #fff;
     border-radius: 0 0 6px 6px;
     padding: 14px 16px 4px;
@@ -1975,7 +1975,7 @@ export default {
   }
 
   &__material-card {
-    margin-bottom: 8px;
+    margin-bottom: 12px;
     background: #fff;
     border-radius: 6px;
     padding: 14px 16px;
diff --git a/src/views/vehicle/customer-archive.vue b/src/views/vehicle/customer-archive.vue
index 38912bf..f7f215c 100644
--- a/src/views/vehicle/customer-archive.vue
+++ b/src/views/vehicle/customer-archive.vue
@@ -3779,7 +3779,7 @@ export default {
 }
 
 .archive-detail-card {
-  margin-top: 8px;
+  margin-top: 12px;
 }
 .archive-tabs {
   :deep(.el-tabs__header) {

From b64465a4c34387807f8915e11da7e2aa85d878a7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Thu, 13 Aug 2026 16:44:45 +0800
Subject: [PATCH 06/10] =?UTF-8?q?style(process-config):=20=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E6=B5=81=E7=A8=8B=E9=85=8D=E7=BD=AE=E9=A1=B5=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E5=8F=8A=E7=BB=93=E6=9E=84=E4=B8=80=E8=87=B4=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- process-config.vue 基本信息区改用 section-card 和 el-form 组件，统一右侧固定宽 label 栅格布局
- 现行过程节点和节点设置区使用 section-card 包裹，替换原有灰色标题，增加白卡样式和卡片间距
- 删除不再使用的自定义样式 __section/__field/__field-label/__field-label--required，保留与节点表格相关样式
- 保证三个 section-card 正确闭合，编译通过，无业务逻辑变更
- master-order-detail.vue 主界面改用 section-card 代替 div 容器，提升风格统一性
- 注释部分 Element UI 弹窗表单项 margin-bottom 样式，减少样式冗余
- loading-manage.vue loading-detail 取消 flex gap，防止潜在样式冲突
- shipping-template.js 表单项 grid 栅格 span 值调整优化表单布局，使各项宽度分配更合理
---
 .workbuddy/memory/2026-08-13.md               |   9 +
 src/option/business/shipping-template.js      |  14 +-
 src/styles/element-ui.scss                    |   4 +-
 .../components/master-order-detail.vue        |   6 +-
 src/views/business/loading-manage.vue         |   2 +-
 src/views/business/process-config.vue         | 199 ++++++++----------
 6 files changed, 107 insertions(+), 127 deletions(-)

diff --git a/.workbuddy/memory/2026-08-13.md b/.workbuddy/memory/2026-08-13.md
index 6321525..3f38afc 100644
--- a/.workbuddy/memory/2026-08-13.md
+++ b/.workbuddy/memory/2026-08-13.md
@@ -60,3 +60,12 @@
 - 用户反馈新增弹窗中"所属区县"label 太挤（实测约 85×32px），要求加宽。
 - 已把 `option.labelWidth: '108px' → '140px'`，同步全局覆盖 `.el-form-item__label{width:108px!important} → 140px!important`。
 - 140px 够"所属区县"4字+必填星号+留白，也覆盖表单其他 label（"行政区划编号"6字 + * 也够）。若仍觉不够可再调到 160px。
+
+## process-config.vue 套用 customer-archive 样式（用户要求"和 business-crud-page 一样的问题"）
+- 根因同商务页：本页原用灰色 `div.dialog-section-title` 标题 + 自定义 `__field` flex 布局（label `flex:0 0 150px`），既无白卡样式也无 8px 卡片间距，与 customer-archive 的 `<section-card>` 白卡风格不一致。Avue form 本身 `labelPosition:'right'` 但 `labelWidth:'auto'`，故原页才需自定义固定宽 label。
+- 改动（src/views/business/process-config.vue）：
+  1. `#basicInfo-form` 槽：去掉 `process-config-page__section` + `dialog-section-title`，改为 `<section-card title="基本信息">` + 嵌套 `<el-form label-position="right" label-width="calc(6em + 24px)">` + `<el-row :gutter="18">` + `el-col`(配置名称6/项目6/运输完成时限12/备注24) + `el-form-item`，与 customer-archive 右侧固定宽 label 栅格完全对齐。必填项加 `required`。
+  2. `#nodeConfigJson-form` 槽：两个 `dialog-section-title`（现行过程节点 / 节点设置）分别改为 `<section-card title=...>` 包裹（timeline 与 el-table 内容不变）。
+  3. 删除不再使用的 `__section/__field/__field-label/__field-label--required` 样式；保留 `__finish-days` 与节点表格相关样式。
+- 卡片间距：全局 `.section-card{margin-bottom:8px}` 在本页生效（无 `!important` 覆盖），三张白卡自动保持 8px 间隔。
+- 校验：@vue/compiler-sfc 编译通过，3 个 section-card 均正确闭合；未动任何业务逻辑（validateRow/syncNodeFields 等不变）。
diff --git a/src/option/business/shipping-template.js b/src/option/business/shipping-template.js
index bc31478..2ab0f66 100644
--- a/src/option/business/shipping-template.js
+++ b/src/option/business/shipping-template.js
@@ -56,7 +56,7 @@ export const option = {
       prop: 'templateCode',
       search: true,
       searchOrder: 4,
-      span: 8,
+      span: 6,
       order: 390,
       minWidth: 170,
       disabled: true,
@@ -67,7 +67,7 @@ export const option = {
       prop: 'templateName',
       search: true,
       searchOrder: 3,
-      span: 8,
+      span: 6,
       order: 380,
       minWidth: 150,
       rules: textRule('模板名称', 50, true),
@@ -78,7 +78,7 @@ export const option = {
       type: 'select',
       search: true,
       searchOrder: 2,
-      span: 8,
+      span: 6,
       order: 370,
       dicData: templateTypeOptions,
       minWidth: 120,
@@ -89,7 +89,7 @@ export const option = {
       prop: 'remark',
       type: 'textarea',
       minRows: 3,
-      span: 24,
+      span: 18,
       order: 360,
       minWidth: 180,
       maxlength: 200,
@@ -111,7 +111,7 @@ export const option = {
       formslot: true,
       search: true,
       searchOrder: 1,
-      span: 8,
+      span: 6,
       order: 340,
       minWidth: 150,
       rules: textRule('项目', 100, true),
@@ -120,7 +120,7 @@ export const option = {
       label: '客户合同',
       prop: 'contractName',
       formslot: true,
-      span: 8,
+      span: 6,
       order: 330,
       minWidth: 160,
       rules: textRule('客户合同', 100, true),
@@ -129,7 +129,7 @@ export const option = {
       label: '运输方式',
       prop: 'transportType',
       type: 'select',
-      span: 8,
+      span: 6,
       order: 320,
       dicData: transportTypeOptions,
       minWidth: 130,
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
index c64842b..6eca8b9 100644
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -173,7 +173,7 @@
 .el-dialog .el-form-item--small.el-form-item,
 .el-dialog .el-form-item--large.el-form-item,
 .el-dialog .el-form-item--medium.el-form-item {
-  margin-bottom: 20px;
+  //margin-bottom: 20px;
 }
 
 /* 全站弹窗：底部操作栏浮动效果（参照 business/project-apply）
@@ -329,7 +329,7 @@
 
 // 4) 弹窗内表单项默认上下间距 16px（覆盖默认 18px / 22px，与 customer-archive 对齐）
 .el-dialog .el-form-item {
-  margin-bottom: 16px;
+  //margin-bottom: 16px;
 }
 
 // 5) 通用分组白卡组件（<section-card>）：标题融入卡头
diff --git a/src/views/business/components/master-order-detail.vue b/src/views/business/components/master-order-detail.vue
index 8b4b366..ad7f21f 100644
--- a/src/views/business/components/master-order-detail.vue
+++ b/src/views/business/components/master-order-detail.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-loading="loading" class="master-detail">
+  <section-card v-loading="loading" class="master-detail">
     <section v-if="master" class="detail-overview">
       <div class="detail-heading"><div><h2>多联总单详情 <span>|</span> {{ master.masterNo }}</h2><el-tag :type="statusType(master.businessStatus)">{{ statusName(master.businessStatus) }}</el-tag></div><el-button @click="$emit('back')">返回</el-button></div>
       <dl class="detail-meta"><div><dt>客户</dt><dd>{{ master.customerName || '-' }}</dd></div><div><dt>合同编号</dt><dd>{{ master.contractNo || '-' }}</dd></div><div><dt>项目</dt><dd>{{ master.projectName || '-' }}</dd></div><div><dt>货物名称</dt><dd>{{ goodsNames }}</dd></div><div><dt>货物类型</dt><dd>{{ goodsTypes }}</dd></div><div><dt>运输周期</dt><dd>{{ dateRange }}</dd></div></dl>
@@ -23,14 +23,16 @@
       <el-table :data="master.goods || []" border><el-table-column type="index" label="序号" width="64" /><el-table-column prop="cargoName" label="货物名称" min-width="150" /><el-table-column prop="cargoType" label="货物类型" min-width="130" /><el-table-column label="数量" width="130"><template #default="{ row }">{{ quantity(row.quantity) }} {{ row.quantityUnit || '' }}</template></el-table-column><el-table-column prop="packageType" label="包装" min-width="120" /><el-table-column prop="brand" label="品牌" min-width="120" /><el-table-column prop="specification" label="规格" min-width="120" /><el-table-column prop="model" label="型号" min-width="120" /></el-table>
       <el-empty v-if="!(master.goods || []).length" description="暂无货物信息" :image-size="56" />
     </section>
-  </div>
+  </section-card>
 </template>
 
 <script>
 import * as api from '@/api/business/master-order';
 import { ArrowDown, ArrowUp } from '@element-plus/icons-vue';
+import SectionCard from '@/components/section-card/main.vue';
 
 export default {
+  components: { SectionCard },
   props: { id: [String, Number] },
   emits: ['back'],
   data() { return { loading: false, master: null, expandedSegments: {}, ArrowDown, ArrowUp }; },
diff --git a/src/views/business/loading-manage.vue b/src/views/business/loading-manage.vue
index 298660a..afc69ef 100644
--- a/src/views/business/loading-manage.vue
+++ b/src/views/business/loading-manage.vue
@@ -2207,7 +2207,7 @@ export default {
 .loading-detail {
   display: flex;
   flex-direction: column;
-  gap: 8px;
+  //gap: 8px;
   color: #303133;
   .loading-detail__summary { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; padding: 4px 0 16px; }
   .loading-detail__heading { font-size: 20px; font-weight: 600; margin-right: 8px; }
diff --git a/src/views/business/process-config.vue b/src/views/business/process-config.vue
index d7e7f32..c5825d2 100644
--- a/src/views/business/process-config.vue
+++ b/src/views/business/process-config.vue
@@ -80,106 +80,100 @@
       </template>
 
       <template #basicInfo-form>
-        <div class="process-config-page__section">
-          <div class="dialog-section-title">基本信息</div>
-          <el-row :gutter="16">
-            <el-col :span="8">
-              <div class="process-config-page__field">
-                <span
-                  class="process-config-page__field-label process-config-page__field-label--required"
-                >
-                  配置名称
-                </span>
-                <el-input
-                  v-model="form.configName"
-                  :disabled="dialogReadonly"
-                  maxlength="100"
-                  placeholder="请输入"
-                />
-              </div>
-            </el-col>
-            <el-col :span="8">
-              <div class="process-config-page__field">
-                <span
-                  class="process-config-page__field-label process-config-page__field-label--required"
-                >
-                  项目
-                </span>
-                <el-select
-                  v-model="selectedProjectId"
-                  clearable
-                  filterable
-                  remote
-                  :remote-method="loadProjectOptions"
-                  :loading="projectLoading"
-                  :disabled="dialogReadonly"
-                  placeholder="请选择"
-                  style="width: 100%"
-                  @change="handleProjectChange"
-                >
-                  <el-option
-                    v-for="item in projectOptions"
-                    :key="item.id"
-                    :label="formatProjectLabel(item)"
-                    :value="String(item.id)"
-                  />
-                </el-select>
-              </div>
-            </el-col>
-            <el-col :span="8">
-              <div class="process-config-page__field">
-                <span class="process-config-page__field-label">运输完成时限</span>
-                <div class="process-config-page__finish-days">
-                  <span>默认</span>
+        <section-card title="基本信息">
+          <el-form
+            :model="form"
+            label-position="right"
+            label-width="calc(6em + 24px)"
+          >
+            <el-row :gutter="18">
+              <el-col :span="6">
+                <el-form-item label="配置名称" required>
                   <el-input
-                    v-model="form.defaultFinishDays"
+                    v-model="form.configName"
                     :disabled="dialogReadonly"
-                    maxlength="3"
+                    maxlength="100"
                     placeholder="请输入"
-                    @input="handleFinishDaysInput"
                   />
-                  <span>天后完成运输</span>
-                </div>
-              </div>
-            </el-col>
-            <el-col :span="24">
-              <div class="process-config-page__field">
-                <span class="process-config-page__field-label">备注</span>
-                <el-input
-                  v-model="form.remark"
-                  type="textarea"
-                  :rows="4"
-                  :disabled="dialogReadonly"
-                  maxlength="500"
-                  show-word-limit
-                  placeholder="请输入"
-                />
-              </div>
-            </el-col>
-          </el-row>
-        </div>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="项目" required>
+                  <el-select
+                    v-model="selectedProjectId"
+                    clearable
+                    filterable
+                    remote
+                    :remote-method="loadProjectOptions"
+                    :loading="projectLoading"
+                    :disabled="dialogReadonly"
+                    placeholder="请选择"
+                    style="width: 100%"
+                    @change="handleProjectChange"
+                  >
+                    <el-option
+                      v-for="item in projectOptions"
+                      :key="item.id"
+                      :label="formatProjectLabel(item)"
+                      :value="String(item.id)"
+                    />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="运输完成时限">
+                  <div class="process-config-page__finish-days">
+                    <span>默认</span>
+                    <el-input
+                      v-model="form.defaultFinishDays"
+                      :disabled="dialogReadonly"
+                      maxlength="3"
+                      placeholder="请输入"
+                      @input="handleFinishDaysInput"
+                    />
+                    <span>天后完成运输</span>
+                  </div>
+                </el-form-item>
+              </el-col>
+              <el-col :span="24">
+                <el-form-item label="备注">
+                  <el-input
+                    v-model="form.remark"
+                    type="textarea"
+                    :rows="4"
+                    :disabled="dialogReadonly"
+                    maxlength="500"
+                    show-word-limit
+                    placeholder="请输入"
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </section-card>
       </template>
 
       <template #nodeConfigJson-form>
         <div class="process-config-page__custom-form">
-          <div class="dialog-section-title">现行过程节点</div>
-          <div class="process-config-page__timeline" v-if="enabledNodes.length">
-            <div class="process-config-page__timeline-line"></div>
-            <div
-              v-for="node in enabledNodes"
-              :key="node.key"
-              class="process-config-page__timeline-item"
-            >
-              <span class="process-config-page__timeline-dot"></span>
-              <div class="process-config-page__timeline-name">{{ node.name }}</div>
-              <div class="process-config-page__timeline-desc">
-                <div v-for="text in timelineDescriptions(node)" :key="text">{{ text }}</div>
+          <section-card title="现行过程节点">
+            <div class="process-config-page__timeline" v-if="enabledNodes.length">
+              <div class="process-config-page__timeline-line"></div>
+              <div
+                v-for="node in enabledNodes"
+                :key="node.key"
+                class="process-config-page__timeline-item"
+              >
+                <span class="process-config-page__timeline-dot"></span>
+                <div class="process-config-page__timeline-name">{{ node.name }}</div>
+                <div class="process-config-page__timeline-desc">
+                  <div v-for="text in timelineDescriptions(node)" :key="text">{{ text }}</div>
+                </div>
               </div>
             </div>
-          </div>
-          <el-empty v-else description="请在节点设置中勾选过程节点" :image-size="72" />
+            <el-empty v-else description="请在节点设置中勾选过程节点" :image-size="72" />
+          </section-card>
 
-          <div class="dialog-section-title">节点设置</div>
+          <section-card title="节点设置">
           <el-table
             class="process-config-page__node-table"
             border
@@ -363,6 +357,7 @@
               </template>
             </el-table-column>
           </el-table>
+          </section-card>
         </div>
       </template>
 
@@ -1106,32 +1101,6 @@ export default {
 
 <style lang="scss" scoped>
 .process-config-page {
-  &__section {
-    width: 100%;
-  }
-
-  &__field {
-    display: flex;
-    align-items: flex-start;
-    gap: 10px;
-    margin-bottom: 16px;
-  }
-
-  &__field-label {
-    flex: 0 0 150px;
-    line-height: 32px;
-    color: #303133;
-    font-weight: 500;
-    text-align: right;
-    white-space: nowrap;
-
-    &--required::before {
-      margin-right: 4px;
-      color: #f56c6c;
-      content: '*';
-    }
-  }
-
   &__node-value {
     white-space: normal;
     word-break: break-all;

From 8b35fcaa0d6061823db7148e32ae6b53fef3d580 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Thu, 13 Aug 2026 17:02:11 +0800
Subject: [PATCH 07/10] =?UTF-8?q?fix(ui):=20=E8=B0=83=E6=95=B4=E5=A4=9A?=
 =?UTF-8?q?=E5=A4=84textarea=E7=BB=84=E4=BB=B6=E7=9A=84=E6=9C=80=E5=B0=8F?=
 =?UTF-8?q?=E8=A1=8C=E6=95=B0=E4=B8=BA2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 统一将备注、详细地址、任务描述等多个textarea字段的minRows从3改为2
- 涉及多个业务模块，包括车辆、作业、数据记录、系统等
- 优化表单布局，提升视觉紧凑度和用户体验
- 调整内容不影响功能，仅样式属性的配置变更
---
 src/option/base/common-address.js              | 2 +-
 src/option/business/shipping-template.js       | 2 +-
 src/option/business/transport-plan.js          | 2 +-
 src/option/business/waybill-manage.js          | 2 +-
 src/option/job/jobinfo.js                      | 4 ++--
 src/option/job/jobserver.js                    | 2 +-
 src/option/vehicle/accident-record.js          | 2 +-
 src/option/vehicle/annual-inspection-record.js | 2 +-
 src/option/vehicle/equipment-ledger.js         | 2 +-
 src/option/vehicle/insurance-record.js         | 2 +-
 src/option/vehicle/violation-record.js         | 4 ++--
 src/views/base/airport-master.vue              | 2 +-
 src/views/data/record.vue                      | 6 +++---
 src/views/system/tenantdatasource.vue          | 2 +-
 src/views/tool/datasource.vue                  | 2 +-
 15 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/option/base/common-address.js b/src/option/base/common-address.js
index 7583124..4271ee1 100644
--- a/src/option/base/common-address.js
+++ b/src/option/base/common-address.js
@@ -74,7 +74,7 @@ export const createOption = () => ({
       prop: 'detailAddress',
       formslot: true,
       type: 'textarea',
-      minRows: 3,
+      minRows: 2,
       span: 24,
       minWidth: 220,
       showOverflowTooltip: true,
diff --git a/src/option/business/shipping-template.js b/src/option/business/shipping-template.js
index 2ab0f66..ab2cc73 100644
--- a/src/option/business/shipping-template.js
+++ b/src/option/business/shipping-template.js
@@ -88,7 +88,7 @@ export const option = {
       label: '备注',
       prop: 'remark',
       type: 'textarea',
-      minRows: 3,
+      minRows: 2,
       span: 18,
       order: 360,
       minWidth: 180,
diff --git a/src/option/business/transport-plan.js b/src/option/business/transport-plan.js
index 2d776d1..2a80001 100644
--- a/src/option/business/transport-plan.js
+++ b/src/option/business/transport-plan.js
@@ -539,7 +539,7 @@ export const option = {
       prop: 'attachmentsJson',
       type: 'textarea',
       formslot: true,
-      minRows: 3,
+      minRows: 2,
       span: 24,
       order: 260,
       hide: true,
diff --git a/src/option/business/waybill-manage.js b/src/option/business/waybill-manage.js
index 2507845..b286cc5 100644
--- a/src/option/business/waybill-manage.js
+++ b/src/option/business/waybill-manage.js
@@ -676,7 +676,7 @@ export const option = {
       label: '附件',
       prop: 'attachmentsJson',
       type: 'textarea',
-      minRows: 3,
+      minRows: 2,
       span: 24,
       hide: true,
       display: false,
diff --git a/src/option/job/jobinfo.js b/src/option/job/jobinfo.js
index c69f459..3930f0b 100644
--- a/src/option/job/jobinfo.js
+++ b/src/option/job/jobinfo.js
@@ -373,7 +373,7 @@ export default {
           label: '任务描述',
           prop: 'jobDescription',
           type: 'textarea',
-          minRows: 3,
+          minRows: 2,
           span: 24,
         },
       ],
@@ -509,7 +509,7 @@ export default {
           labelTip: '供开发者使用，用于功能扩展，powerjob 自身不会使用该字段',
           prop: 'extra',
           type: 'textarea',
-          minRows: 3,
+          minRows: 2,
           span: 24,
         },
       ],
diff --git a/src/option/job/jobserver.js b/src/option/job/jobserver.js
index 8f92f7c..a46d684 100644
--- a/src/option/job/jobserver.js
+++ b/src/option/job/jobserver.js
@@ -74,7 +74,7 @@ export default {
       label: '任务备注',
       prop: 'jobRemark',
       type: 'textarea',
-      minRows: 3,
+      minRows: 2,
       span: 24,
     },
   ],
diff --git a/src/option/vehicle/accident-record.js b/src/option/vehicle/accident-record.js
index 3be4f35..45eb1bb 100644
--- a/src/option/vehicle/accident-record.js
+++ b/src/option/vehicle/accident-record.js
@@ -159,7 +159,7 @@ export const option = {
       label: '备注',
       prop: 'remark',
       type: 'textarea',
-      minRows: 3,
+      minRows: 2,
       span: 24,
       minWidth: 180,
       overHidden: true,
diff --git a/src/option/vehicle/annual-inspection-record.js b/src/option/vehicle/annual-inspection-record.js
index 9643780..3949262 100644
--- a/src/option/vehicle/annual-inspection-record.js
+++ b/src/option/vehicle/annual-inspection-record.js
@@ -166,7 +166,7 @@ export const option = {
       label: '备注',
       prop: 'remark',
       type: 'textarea',
-      minRows: 3,
+      minRows: 2,
       span: 24,
       minWidth: 180,
       overHidden: true,
diff --git a/src/option/vehicle/equipment-ledger.js b/src/option/vehicle/equipment-ledger.js
index b137a1a..d4ccbc9 100644
--- a/src/option/vehicle/equipment-ledger.js
+++ b/src/option/vehicle/equipment-ledger.js
@@ -124,7 +124,7 @@ export const option = {
       label: '备注',
       prop: 'remark',
       type: 'textarea',
-      minRows: 3,
+      minRows: 2,
       span: 24,
       order: 10,
       minWidth: 180,
diff --git a/src/option/vehicle/insurance-record.js b/src/option/vehicle/insurance-record.js
index f246b3c..29fb02c 100644
--- a/src/option/vehicle/insurance-record.js
+++ b/src/option/vehicle/insurance-record.js
@@ -167,7 +167,7 @@ export const option = {
       label: '备注',
       prop: 'remark',
       type: 'textarea',
-      minRows: 3,
+      minRows: 2,
       span: 24,
       hide: true,
       rules: [{ max: 200, message: '备注最多 200 个字', trigger: 'blur' }],
diff --git a/src/option/vehicle/violation-record.js b/src/option/vehicle/violation-record.js
index 81008d4..9a591af 100644
--- a/src/option/vehicle/violation-record.js
+++ b/src/option/vehicle/violation-record.js
@@ -181,7 +181,7 @@ export const option = {
       label: '过程描述',
       prop: 'processDescription',
       type: 'textarea',
-      minRows: 3,
+      minRows: 2,
       span: 24,
       minWidth: 220,
       overHidden: true,
@@ -195,7 +195,7 @@ export const option = {
       label: '处理结果',
       prop: 'processResult',
       type: 'textarea',
-      minRows: 3,
+      minRows: 2,
       span: 24,
       minWidth: 220,
       overHidden: true,
diff --git a/src/views/base/airport-master.vue b/src/views/base/airport-master.vue
index 54499bb..3aaabb4 100644
--- a/src/views/base/airport-master.vue
+++ b/src/views/base/airport-master.vue
@@ -370,7 +370,7 @@ export default {
             label: '详细地址',
             prop: 'detailAddress',
             type: 'textarea',
-            minRows: 3,
+            minRows: 2,
             span: 24,
             minWidth: 220,
             overHidden: false,
diff --git a/src/views/data/record.vue b/src/views/data/record.vue
index 9631115..6579725 100644
--- a/src/views/data/record.vue
+++ b/src/views/data/record.vue
@@ -200,7 +200,7 @@ export default {
             prop: 'oldData',
             type: 'textarea',
             span: 24,
-            minRows: 3,
+            minRows: 2,
             hide: true,
           },
           {
@@ -208,7 +208,7 @@ export default {
             prop: 'newData',
             type: 'textarea',
             span: 24,
-            minRows: 3,
+            minRows: 2,
             hide: true,
           },
           {
@@ -216,7 +216,7 @@ export default {
             prop: 'recordResult',
             type: 'textarea',
             span: 24,
-            minRows: 3,
+            minRows: 2,
             hide: true,
           },
           {
diff --git a/src/views/system/tenantdatasource.vue b/src/views/system/tenantdatasource.vue
index 8ca4f50..0615723 100644
--- a/src/views/system/tenantdatasource.vue
+++ b/src/views/system/tenantdatasource.vue
@@ -216,7 +216,7 @@ export default {
             label: '备注',
             prop: 'remark',
             span: 24,
-            minRows: 3,
+            minRows: 2,
             hide: true,
             type: 'textarea',
           },
diff --git a/src/views/tool/datasource.vue b/src/views/tool/datasource.vue
index cf948ca..ef60bf3 100644
--- a/src/views/tool/datasource.vue
+++ b/src/views/tool/datasource.vue
@@ -217,7 +217,7 @@ export default {
             label: '备注',
             prop: 'remark',
             span: 24,
-            minRows: 3,
+            minRows: 2,
             hide: true,
             type: 'textarea',
           },

From fb633e27c644db0ce0d1108dd9f40b71b2af9243 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Thu, 13 Aug 2026 17:55:59 +0800
Subject: [PATCH 08/10] =?UTF-8?q?feat(business):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E5=BE=85=E8=B0=83=E5=BA=A6=E5=88=97=E8=A1=A8=E6=B1=87=E6=80=BB?=
 =?UTF-8?q?=E6=95=B0=E5=AD=97=E9=AB=98=E4=BA=AE=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增 computed 属性 dispatchSummarySegments，实现待调度列表汇总文本结构化拆分
- 将模板中 dispatchSummaryText 替换为 v-for 渲染，待调度件数字显示为蓝色加粗
- 修正「件」字未分离导致整词变色问题，改为数字与单位拆分渲染
- 用户反馈后，扩展高亮范围至所有单位数字，包括「吨」「方」等
- 维持文本格式与原串完全一致，未改动原有业务逻辑和校验
- 优化部分样式，调整页面内间距，如 section-card 间距和工具栏内边距等
- 修正部分组件结构，如 master-order
---
 .workbuddy/memory/2026-08-13.md               | 10 +++++
 src/styles/element-ui.scss                    |  1 +
 .../components/business-crud-page.vue         | 44 ++++++++++++++++---
 .../components/master-order-detail.vue        |  4 +-
 .../components/master-order-editor.vue        | 12 ++---
 src/views/business/master-order.vue           |  2 +-
 6 files changed, 58 insertions(+), 15 deletions(-)

diff --git a/.workbuddy/memory/2026-08-13.md b/.workbuddy/memory/2026-08-13.md
index 3f38afc..0e8fed3 100644
--- a/.workbuddy/memory/2026-08-13.md
+++ b/.workbuddy/memory/2026-08-13.md
@@ -69,3 +69,13 @@
   3. 删除不再使用的 `__section/__field/__field-label/__field-label--required` 样式；保留 `__finish-days` 与节点表格相关样式。
 - 卡片间距：全局 `.section-card{margin-bottom:8px}` 在本页生效（无 `!important` 覆盖），三张白卡自动保持 8px 间隔。
 - 校验：@vue/compiler-sfc 编译通过，3 个 section-card 均正确闭合；未动任何业务逻辑（validateRow/syncNodeFields 等不变）。
+
+## business-crud-page.vue 待调度列表汇总「件」蓝色高亮
+- 需求：调度弹窗「待调度列表」标题右侧汇总 `共50吨、100件 | 已调度 50吨、100件，剩余0吨、0件` 中，单位是「件」的数字用蓝色显示。
+- 改造（src/views/business/components/business-crud-page.vue）：
+  1. 新增 computed `dispatchSummarySegments`，把原纯文本 `dispatchSummaryText` 拆成结构化三段（共/已调度/剩余），每段 items 带 `{unit, value, isPiece: unit==='件'}`，文本拼接方式与原格式完全一致（含空格、`|`、`、`、逗号）。
+  2. 模板（约 2546 行）由 `{{ dispatchSummaryText }}` 改为 `v-for` 渲染；`件` 数字包裹 `<span class="dispatch-summary-value is-piece">`。
+  3. 样式：`.business-crud-page__dispatch-list-summary .dispatch-summary-value.is-piece { color:#409eff; font-weight:600 }`（项目主蓝，轻微加粗更醒目）。
+- 校验：文本格式与原串逐字符一致，仅「件」数字变色；未动 `dispatchSummaryItems` 等其它逻辑。
+- 修正（用户反馈）：原把整段「数字+件」一起变蓝导致「件」字也蓝。改为数字与单位拆成两个 span（`dispatch-summary-value` 仅含数字、`dispatch-summary-unit` 含单位），蓝色与加粗只作用于数字，「件」字保持默认色。
+- 二次修正（用户反馈）：「吨」数字也要蓝。将 `isPiece` 由 `unit==='件'` 放宽为恒 `true`，即所有单位的数字均蓝色、单位字默认色（覆盖 吨/件/方 等）。
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
index 6eca8b9..933c42a 100644
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -338,6 +338,7 @@
   border-radius: 6px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
   margin-bottom: 12px;
+  padding-bottom: 8px;
   overflow: hidden;
 
   &:last-child {
diff --git a/src/views/business/components/business-crud-page.vue b/src/views/business/components/business-crud-page.vue
index a4b6fcc..e02aeb6 100644
--- a/src/views/business/components/business-crud-page.vue
+++ b/src/views/business/components/business-crud-page.vue
@@ -2543,9 +2543,7 @@
         <section-card>
           <template #title>
             <span>待调度列表</span>
-            <span class="business-crud-page__dispatch-list-summary">
-              {{ dispatchSummaryText }}
-            </span>
+            <span class="business-crud-page__dispatch-list-summary"><template v-for="(seg, si) in dispatchSummarySegments" :key="si"><span class="dispatch-summary-prefix">{{ seg.prefix }}</span><span class="dispatch-summary-label">{{ seg.label }}</span><template v-for="(item, ii) in seg.items" :key="item.unit"><span :class="['dispatch-summary-value', { 'is-piece': item.isPiece }]">{{ item.value }}</span><span class="dispatch-summary-unit">{{ item.unit }}</span><span v-if="ii < seg.items.length - 1" class="dispatch-summary-sep">、</span></template></template></span>
           </template>
           <template #extra>
             <el-button
@@ -4659,6 +4657,22 @@ export default {
         'remaining'
       )}`;
     },
+    dispatchSummarySegments() {
+      const segments = [
+        { prefix: '', label: '共', field: 'total' },
+        { prefix: ' | ', label: '已调度 ', field: 'assigned' },
+        { prefix: '，', label: '剩余', field: 'remaining' },
+      ];
+      return segments.map(seg => ({
+        prefix: seg.prefix,
+        label: seg.label,
+        items: this.dispatchSummaryItems.map(item => ({
+          unit: item.unit,
+          value: this.formatDispatchQuantity(item[seg.field]),
+          isPiece: true,
+        })),
+      }));
+    },
     dispatchAttachmentRows() {
       return this.parseJsonArray(this.dispatchRow.attachmentsJson);
     },
@@ -10268,13 +10282,24 @@ export default {
     grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
     gap: 16px;
     align-items: stretch;
-    margin-bottom: 8px;
+    margin-bottom: 12px;
+
+    .section-card {
+      margin-bottom: 0 !important;
+    }
   }
 
   &__dispatch-summary-card,
   &__dispatch-route-card {
     display: flex;
     flex-direction: column;
+    min-height: 260px;
+
+    :deep(.section-card) {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+    }
 
     :deep(.section-card__body) {
       flex: 1;
@@ -10447,6 +10472,13 @@ export default {
     margin-left: 8px;
     font-size: 14px;
     color: #3c3c3c;
+
+    .dispatch-summary-value {
+      &.is-piece {
+        color: #409eff;
+        font-weight: 600;
+      }
+    }
   }
 
   &__dispatch-table {
@@ -10702,10 +10734,9 @@ export default {
   &__detail-content {
     display: flex;
     flex-direction: column;
-    gap: 8px;
+    //gap: 8px;
 
     .section-card {
-      margin-bottom: 0 !important;
 
       :deep(.el-descriptions__label) {
         width: 140px;
@@ -10806,7 +10837,6 @@ export default {
   }
 }
 .section-card {
-  margin-bottom: 8px !important;
 
   &:last-child {
     margin-bottom: 0 !important;
diff --git a/src/views/business/components/master-order-detail.vue b/src/views/business/components/master-order-detail.vue
index ad7f21f..c02b5ce 100644
--- a/src/views/business/components/master-order-detail.vue
+++ b/src/views/business/components/master-order-detail.vue
@@ -1,5 +1,5 @@
 <template>
-  <section-card v-loading="loading" class="master-detail">
+  <div v-loading="loading" class="master-detail">
     <section v-if="master" class="detail-overview">
       <div class="detail-heading"><div><h2>多联总单详情 <span>|</span> {{ master.masterNo }}</h2><el-tag :type="statusType(master.businessStatus)">{{ statusName(master.businessStatus) }}</el-tag></div><el-button @click="$emit('back')">返回</el-button></div>
       <dl class="detail-meta"><div><dt>客户</dt><dd>{{ master.customerName || '-' }}</dd></div><div><dt>合同编号</dt><dd>{{ master.contractNo || '-' }}</dd></div><div><dt>项目</dt><dd>{{ master.projectName || '-' }}</dd></div><div><dt>货物名称</dt><dd>{{ goodsNames }}</dd></div><div><dt>货物类型</dt><dd>{{ goodsTypes }}</dd></div><div><dt>运输周期</dt><dd>{{ dateRange }}</dd></div></dl>
@@ -23,7 +23,7 @@
       <el-table :data="master.goods || []" border><el-table-column type="index" label="序号" width="64" /><el-table-column prop="cargoName" label="货物名称" min-width="150" /><el-table-column prop="cargoType" label="货物类型" min-width="130" /><el-table-column label="数量" width="130"><template #default="{ row }">{{ quantity(row.quantity) }} {{ row.quantityUnit || '' }}</template></el-table-column><el-table-column prop="packageType" label="包装" min-width="120" /><el-table-column prop="brand" label="品牌" min-width="120" /><el-table-column prop="specification" label="规格" min-width="120" /><el-table-column prop="model" label="型号" min-width="120" /></el-table>
       <el-empty v-if="!(master.goods || []).length" description="暂无货物信息" :image-size="56" />
     </section>
-  </section-card>
+  </div>
 </template>
 
 <script>
diff --git a/src/views/business/components/master-order-editor.vue b/src/views/business/components/master-order-editor.vue
index 0ded4c8..28040dd 100644
--- a/src/views/business/components/master-order-editor.vue
+++ b/src/views/business/components/master-order-editor.vue
@@ -125,8 +125,8 @@
       <div class="goods-heading">
         <h3>货物信息</h3>
         <div class="goods-toolbar">
-        <el-link type="primary" @click="cargoImportVisible = true">导入货物</el-link>
-        <el-link type="primary" @click="openCommonCargoDialog">常用货物</el-link>
+          <el-link type="primary" @click="cargoImportVisible = true">导入货物</el-link>
+          <el-link type="primary" @click="openCommonCargoDialog">常用货物</el-link>
         </div>
       </div>
       <el-table :data="form.goods" border
@@ -1043,7 +1043,7 @@ export default {
 </script>
 <style scoped lang="scss">
 .master-editor section {
-  margin-bottom: 16px;
+  margin-bottom: 12px;
   padding: 16px;
   border: 1px solid #eff1f7;
   background: #fff;
@@ -1054,12 +1054,13 @@ export default {
     font-size: 16px;
   }
   .el-form-item {
-    margin-bottom: 16px;
+    margin-bottom: 12px;
   }
 }
 .goods-heading {
   display: flex;
   margin-bottom: 8px;
+  flex-direction: row;
   justify-content: flex-end;
   align-items: center;
   h3 {
@@ -1070,6 +1071,7 @@ export default {
 .goods-toolbar {
   display: flex;
   gap: 8px;
+  background-color: #f3f3f3;
 }
 .goods-actions {
   display: flex;
@@ -1083,7 +1085,7 @@ export default {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin-bottom: 16px;
+  margin-bottom: 12px;
   h3 {
     margin-bottom: 0;
   }
diff --git a/src/views/business/master-order.vue b/src/views/business/master-order.vue
index 67ea5e5..a7c8433 100644
--- a/src/views/business/master-order.vue
+++ b/src/views/business/master-order.vue
@@ -416,7 +416,7 @@ export default {
 .master-list-panel {
   background: #fff;
   .toolbar {
-    padding: 12px 12px 0;
+    padding: 8px;
   }
 }
 .master-card {

From e48e5b69890fd1d66430ada480b4a4eb6dc01bc0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Thu, 13 Aug 2026 18:03:48 +0800
Subject: [PATCH 09/10] =?UTF-8?q?style(business-crud-page):=20=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=E8=B0=83=E5=BA=A6=E5=BC=B9=E7=AA=97=E5=8D=A1=E7=89=87?=
 =?UTF-8?q?=E5=AF=B9=E9=BD=90=E5=8F=8A=E8=B4=A7=E7=89=A9=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=E6=A0=87=E9=A2=98=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 调整调度弹窗顶部“基本信息”与“收发货路线”两卡片最小高度至260px，实现高度一致
- 通过设置 flex 属性确保卡片内部白底区域等高对齐
- 修改调度摘要容器底部间距为12px，避免与卡片自身 margin 叠加
- 收紧“货物信息”标题的行高，保证与右侧链接垂直居中对齐
- 设置右侧导入货物和常用货物链接使用 inline-flex 和垂直居中样式
- master-order-editor 组件中调整页面布局，将行内元素两端对齐，并移除不必要背景色
---
 .workbuddy/memory/2026-08-13.md                    | 14 ++++++++++++++
 .../business/components/business-crud-page.vue     | 10 ++++++++++
 .../business/components/master-order-editor.vue    |  3 +--
 3 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/.workbuddy/memory/2026-08-13.md b/.workbuddy/memory/2026-08-13.md
index 0e8fed3..ed21e44 100644
--- a/.workbuddy/memory/2026-08-13.md
+++ b/.workbuddy/memory/2026-08-13.md
@@ -79,3 +79,17 @@
 - 校验：文本格式与原串逐字符一致，仅「件」数字变色；未动 `dispatchSummaryItems` 等其它逻辑。
 - 修正（用户反馈）：原把整段「数字+件」一起变蓝导致「件」字也蓝。改为数字与单位拆成两个 span（`dispatch-summary-value` 仅含数字、`dispatch-summary-unit` 含单位），蓝色与加粗只作用于数字，「件」字保持默认色。
 - 二次修正（用户反馈）：「吨」数字也要蓝。将 `isPiece` 由 `unit==='件'` 放宽为恒 `true`，即所有单位的数字均蓝色、单位字默认色（覆盖 吨/件/方 等）。
+
+## business-crud-page.vue 调度弹窗顶部两卡片对齐 + 下方间距 12px
+- 需求：截图显示「基本信息」与「收发货路线」两张 section-card 高度不一致，且与下方「待调度列表」间距需 12px。
+- 改动（src/views/business/components/business-crud-page.vue）：
+  1. `&__dispatch-summary` 容器 `margin-bottom:8px→12px`，并在容器内覆盖 `.section-card{margin-bottom:0 !important}`，避免 section-card 自带 8px margin 与容器 margin 叠加。
+  2. `&__dispatch-summary-card` 与 `&__dispatch-route-card` 加 `min-height:260px`；内部 `:deep(.section-card)` 与 `:deep(.section-card__body)` 均 `flex:1` 并设 `display:flex;flex-direction:column`，确保左右卡片外框与内部白底区域都等高对齐。
+- 校验：grid `align-items:stretch` + section-card flex:1 撑满，卡片底部会对齐；下方间距精确 12px。
+
+## business-crud-page.vue「货物信息」标题与右侧链接水平对齐
+- 需求：截图显示「货物信息」标题与右侧「导入货物」「常用货物」两个 `el-link` 不在同一水平线。
+- 改动（src/views/business/components/business-crud-page.vue）：
+  1. `.dialog-section-title > span { line-height: 1 }` 收紧标题文字行高。
+  2. `&__section-actions .el-link { display:inline-flex; align-items:center; line-height:1 }` 让链接严格垂直居中。
+- 校验：两处使用 `.dialog-section-title--action.business-crud-page__goods-title` + `__section-actions` 的货物信息标题都会生效。
diff --git a/src/views/business/components/business-crud-page.vue b/src/views/business/components/business-crud-page.vue
index e02aeb6..1ddff69 100644
--- a/src/views/business/components/business-crud-page.vue
+++ b/src/views/business/components/business-crud-page.vue
@@ -9618,6 +9618,10 @@ export default {
     font-size: 15px;
     font-weight: 600;
 
+    > span {
+      line-height: 1;
+    }
+
     &::before {
       display: block;
       width: 4px;
@@ -9647,6 +9651,12 @@ export default {
     flex: 0 0 auto;
     align-items: center;
     gap: 8px;
+
+    .el-link {
+      display: inline-flex;
+      align-items: center;
+      line-height: 1;
+    }
   }
 
   &__task {
diff --git a/src/views/business/components/master-order-editor.vue b/src/views/business/components/master-order-editor.vue
index 28040dd..1cbbebf 100644
--- a/src/views/business/components/master-order-editor.vue
+++ b/src/views/business/components/master-order-editor.vue
@@ -1061,7 +1061,7 @@ export default {
   display: flex;
   margin-bottom: 8px;
   flex-direction: row;
-  justify-content: flex-end;
+  justify-content: space-between;
   align-items: center;
   h3 {
     margin-right: auto;
@@ -1071,7 +1071,6 @@ export default {
 .goods-toolbar {
   display: flex;
   gap: 8px;
-  background-color: #f3f3f3;
 }
 .goods-actions {
   display: flex;

From 27672dfaff94efaf9b97b41187634ed375a77b59 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Thu, 13 Aug 2026 19:17:47 +0800
Subject: [PATCH 10/10] =?UTF-8?q?chore(config):=20=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=E5=BC=80=E5=8F=91=E6=9C=8D=E5=8A=A1=E5=99=A8=E5=8F=8A=E4=BB=A3?=
 =?UTF-8?q?=E7=90=86=E7=AB=AF=E5=8F=A3=E4=B8=BA2888?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将Vite开发服务器端口修改为2888
- 配置本地API代理，重写请求路径以支持本地调试
- 注释了旧端口及旧代理配置，预留切换接口使用
---
 .../components/business-crud-page.vue         | 700 +++++++++---------
 vite.config.mjs                               |  26 +-
 2 files changed, 346 insertions(+), 380 deletions(-)

diff --git a/src/views/business/components/business-crud-page.vue b/src/views/business/components/business-crud-page.vue
index 96d5c09..6688a0f 100644
--- a/src/views/business/components/business-crud-page.vue
+++ b/src/views/business/components/business-crud-page.vue
@@ -27,7 +27,7 @@
           :icon="actionButtonLikeSearch ? undefined : 'el-icon-plus'"
           v-if="canCreate"
           @click="$refs.crud.rowAdd()"
-          >{{ config.createText || '新增' }}
+        >{{ config.createText || '新增' }}
         </el-button>
         <el-button
           type="primary"
@@ -39,7 +39,7 @@
             !readonlyScope
           "
           @click="handleImport"
-          >{{ config.importText || '批量导入' }}
+        >{{ config.importText || '批量导入' }}
         </el-button>
         <el-button
           type="primary"
@@ -47,7 +47,7 @@
           plain
           v-if="config.templateUrl && hasPermission(`${config.permission}_template`)"
           @click="handleTemplate"
-          >下载模板
+        >下载模板
         </el-button>
         <el-button
           type="primary"
@@ -55,7 +55,7 @@
           plain
           v-if="config.exportUrl && hasPermission(`${config.permission}_export`)"
           @click="handleExport"
-          >批量导出
+        >批量导出
         </el-button>
         <el-button
           type="success"
@@ -63,14 +63,14 @@
           plain
           v-if="canBatchComplete"
           @click="handleBatchComplete"
-          >批量完成
+        >批量完成
         </el-button>
         <el-button
           type="primary"
           :plain="!actionButtonLikeSearch"
           v-if="canRoadLoading"
           @click="handleRoadLoading"
-          >{{ config.roadLoadingText || '公路配载' }}
+        >{{ config.roadLoadingText || '公路配载' }}
         </el-button>
         <el-button
           type="danger"
@@ -82,7 +82,7 @@
             !readonlyScope
           "
           @click="handleDelete"
-          >批量删除
+        >批量删除
         </el-button>
       </template>
 
@@ -1130,20 +1130,20 @@
               </el-radio-group>
             </el-form-item>
             <template v-if="hasTransportType">
-            <el-form-item v-if="isCarrierMode" label="承运商" required>
-              <el-select
-                v-model="form.carrierName"
-                placeholder="请选择承运商"
-                filterable
-                clearable
-                :loading="taskCarrierLoading"
-                :disabled="dialogReadonly || form.carrierType !== '承运商'"
-                @visible-change="visible => visible && loadTaskCarrierOptions()"
-                @change="handleTaskCarrierChange"
-              >
-                <el-option
-                  v-for="item in taskCarrierOptions"
-                  :key="
+              <el-form-item v-if="isCarrierMode" label="承运商" required>
+                <el-select
+                  v-model="form.carrierName"
+                  placeholder="请选择承运商"
+                  filterable
+                  clearable
+                  :loading="taskCarrierLoading"
+                  :disabled="dialogReadonly || form.carrierType !== '承运商'"
+                  @visible-change="visible => visible && loadTaskCarrierOptions()"
+                  @change="handleTaskCarrierChange"
+                >
+                  <el-option
+                    v-for="item in taskCarrierOptions"
+                    :key="
                     item.id ||
                     item.customerName ||
                     item.carrierName ||
@@ -1151,275 +1151,275 @@
                     item.name ||
                     item.customerCode
                   "
-                  :label="item.customerName || item.carrierName || item.fullName || item.name"
-                  :value="item.customerName || item.carrierName || item.fullName || item.name"
+                    :label="item.customerName || item.carrierName || item.fullName || item.name"
+                    :value="item.customerName || item.carrierName || item.fullName || item.name"
+                  />
+                </el-select>
+              </el-form-item>
+              <el-form-item
+                v-if="isRoadTransport"
+                label="司机"
+                :required="form.carrierType === '自运'"
+              >
+                <el-select
+                  v-model="form.driverName"
+                  placeholder="请选择或输入司机"
+                  filterable
+                  clearable
+                  allow-create
+                  default-first-option
+                  :loading="taskDriverLoading"
+                  :disabled="dialogReadonly"
+                  @visible-change="visible => visible && loadTaskDriverOptions()"
+                  @change="handleTaskDriverChange"
+                >
+                  <el-option
+                    v-for="item in taskDriverOptions"
+                    :key="item.id || item.driverName || item.mobile"
+                    :label="item.driverName || item.name"
+                    :value="item.driverName || item.name"
+                  />
+                </el-select>
+              </el-form-item>
+              <el-form-item
+                v-if="isRoadTransport"
+                label="手机号"
+                :required="form.carrierType === '自运'"
+              >
+                <el-input
+                  v-model="form.driverPhone"
+                  placeholder="请输入手机号"
+                  clearable
+                  maxlength="20"
+                  :disabled="dialogReadonly"
                 />
-              </el-select>
-            </el-form-item>
-            <el-form-item
-              v-if="isRoadTransport"
-              label="司机"
-              :required="form.carrierType === '自运'"
-            >
-              <el-select
-                v-model="form.driverName"
-                placeholder="请选择或输入司机"
-                filterable
-                clearable
-                allow-create
-                default-first-option
-                :loading="taskDriverLoading"
-                :disabled="dialogReadonly"
-                @visible-change="visible => visible && loadTaskDriverOptions()"
-                @change="handleTaskDriverChange"
-              >
-                <el-option
-                  v-for="item in taskDriverOptions"
-                  :key="item.id || item.driverName || item.mobile"
-                  :label="item.driverName || item.name"
-                  :value="item.driverName || item.name"
+              </el-form-item>
+              <el-form-item :label="transportVehicleNoLabel" required>
+                <el-input
+                  v-model="form.vehicleNo"
+                  :placeholder="`请输入${transportVehicleNoLabel}`"
+                  clearable
+                  maxlength="30"
+                  :disabled="dialogReadonly"
                 />
-              </el-select>
-            </el-form-item>
-            <el-form-item
-              v-if="isRoadTransport"
-              label="手机号"
-              :required="form.carrierType === '自运'"
-            >
-              <el-input
-                v-model="form.driverPhone"
-                placeholder="请输入手机号"
-                clearable
-                maxlength="20"
-                :disabled="dialogReadonly"
-              />
-            </el-form-item>
-            <el-form-item :label="transportVehicleNoLabel" required>
-              <el-input
-                v-model="form.vehicleNo"
-                :placeholder="`请输入${transportVehicleNoLabel}`"
-                clearable
-                maxlength="30"
-                :disabled="dialogReadonly"
-              />
-            </el-form-item>
-            <el-form-item v-if="isNonRoadTransport" label="船长">
-              <el-input
-                v-model="form.captainName"
-                placeholder="请输入船长"
-                clearable
-                maxlength="20"
-                :disabled="dialogReadonly"
-              />
-            </el-form-item>
-            <el-form-item v-if="isNonRoadTransport && isCarrierMode" label="联系电话">
-              <el-input
-                v-model="form.driverPhone"
-                placeholder="请输入联系电话"
-                clearable
-                maxlength="20"
-                :disabled="dialogReadonly"
-              />
-            </el-form-item>
-            <el-form-item v-if="isNonRoadTransport" label="箱号">
-              <el-input
-                v-model="form.containerNo"
-                placeholder="请输入箱号"
-                clearable
-                maxlength="30"
-                :disabled="dialogReadonly"
-              />
-            </el-form-item>
-            <el-form-item v-if="isNonRoadTransport" label="舱位">
-              <el-input
-                v-model="form.cabinNo"
-                placeholder="请输入舱位"
-                clearable
-                maxlength="30"
-                :disabled="dialogReadonly"
-              />
-            </el-form-item>
-            <el-form-item v-if="showRoadEscortFields" label="挂车车牌号">
-              <el-input
-                v-model="form.trailerVehicleNo"
-                placeholder="请输入挂车车牌号"
-                clearable
-                maxlength="30"
-                :disabled="dialogReadonly"
-              />
-            </el-form-item>
-            <el-form-item v-if="showRoadEscortFields" label="押运人">
-              <el-input
-                v-model="form.escortName"
-                placeholder="请输入押运人"
-                clearable
-                maxlength="20"
-                :disabled="dialogReadonly"
-              />
-            </el-form-item>
-            <el-form-item v-if="showRoadEscortFields" label="押运人手机号">
-              <el-input
-                v-model="form.escortPhone"
-                placeholder="请输入押运人手机号"
-                clearable
-                maxlength="20"
-                :disabled="dialogReadonly"
-              />
-            </el-form-item>
-            <el-form-item label="货物类型" required>
-              <el-cascader
-                v-model="form.cargoTypePath"
-                :options="transportCargoTypeOptions"
-                :props="transportCargoTypeCascaderProps"
-                placeholder="请选择到二级"
-                clearable
-                filterable
-                :disabled="dialogReadonly"
-                :filter-method="filterBillingCargoType"
-                @visible-change="visible => visible && ensureBillingCargoTypeOptions()"
-                @change="handleTaskCargoTypeChange"
-              />
-            </el-form-item>
-            <el-form-item label="货物名称">
-              <el-select
-                v-model="form.cargoName"
-                placeholder="请选择或输入货物"
-                filterable
-                allow-create
-                default-first-option
-                clearable
-                :disabled="dialogReadonly || !form.cargoType"
-                :loading="taskCargoLoading"
-                @visible-change="visible => visible && loadTaskCargoOptionsForForm()"
-                @change="handleTaskCargoChange"
-              >
-                <el-option
-                  v-for="item in taskCargoOptions"
-                  :key="item.id || item.cargoCode || item.cargoName"
-                  :label="formatBillingCargoTypeLabel(item)"
-                  :value="formatBillingCargoTypeLabel(item)"
+              </el-form-item>
+              <el-form-item v-if="isNonRoadTransport" label="船长">
+                <el-input
+                  v-model="form.captainName"
+                  placeholder="请输入船长"
+                  clearable
+                  maxlength="20"
+                  :disabled="dialogReadonly"
                 />
-              </el-select>
-            </el-form-item>
-            <el-form-item label="规格">
-              <el-input
-                v-model="form.specification"
-                placeholder="选择货物自动回填"
-                clearable
-                :disabled="dialogReadonly"
-              />
-            </el-form-item>
-            <el-form-item label="型号">
-              <el-input
-                v-model="form.model"
-                placeholder="选择货物自动回填"
-                clearable
-                :disabled="dialogReadonly"
-              />
-            </el-form-item>
-            <el-form-item label="数量">
-              <el-input
-                v-model="form.quantity"
-                placeholder="请输入数量"
-                clearable
-                :disabled="dialogReadonly"
-                @input="value => handleTaskNumberInput('quantity', value)"
-              >
-                <template #append>
-                  <el-select
-                    v-model="form.quantityUnit"
-                    class="business-crud-page__append-select business-crud-page__append-select--wide"
-                    placeholder="单位"
-                    :disabled="dialogReadonly"
-                    @visible-change="visible => visible && loadTaskQuantityUnitOptions()"
-                  >
-                    <el-option
-                      v-for="item in taskQuantityUnitOptions"
-                      :key="item.value"
-                      :label="item.label"
-                      :value="item.value"
-                    />
-                  </el-select>
-                </template>
-              </el-input>
-            </el-form-item>
-            <el-form-item label="里程(km)">
-              <el-input
-                v-model="form.mileage"
-                placeholder="请输入里程"
-                clearable
-                maxlength="10"
-                inputmode="numeric"
-                :disabled="dialogReadonly"
-                @input="handleTaskMileageInput"
-              />
-            </el-form-item>
-            <el-form-item :label="isRoadTransport ? '计划发货日期' : '预计发货日期'">
-              <el-date-picker
-                v-model="form.estimatedStartTime"
-                type="date"
-                placeholder="请选择预计发货日期"
-                format="YYYY-MM-DD"
-                value-format="YYYY-MM-DD"
-                :disabled="dialogReadonly"
-              />
-            </el-form-item>
-            <el-form-item :label="isRoadTransport ? '计划完成日期' : '预计完成日期'">
-              <el-date-picker
-                v-model="form.estimatedEndTime"
-                type="date"
-                placeholder="请选择预计完成日期"
-                format="YYYY-MM-DD"
-                value-format="YYYY-MM-DD"
-                :disabled="dialogReadonly"
-              />
-            </el-form-item>
-            <el-form-item label="单价">
-              <el-input
-                v-model="form.unitPrice"
-                placeholder="请输入单价"
-                clearable
-                :disabled="dialogReadonly"
-                @input="value => handleTaskNumberInput('unitPrice', value)"
-              >
-                <template #append>
-                  <el-select
-                    v-model="form.priceUnit"
-                    class="business-crud-page__append-select business-crud-page__append-select--wide"
-                    placeholder="单位"
-                    :disabled="dialogReadonly"
-                    @visible-change="visible => visible && loadTaskFeeUnitOptions()"
-                  >
-                    <el-option
-                      v-for="item in taskFeeUnitOptions"
-                      :key="item.value"
-                      :label="item.label"
-                      :value="item.value"
-                    />
-                  </el-select>
-                </template>
-              </el-input>
-            </el-form-item>
-            <el-form-item label="其他费用合计">
-              <el-input
-                v-model="form.otherFeeTotal"
-                placeholder="请输入其他费用合计"
-                clearable
-                :disabled="dialogReadonly"
-                @input="value => handleTaskNumberInput('otherFeeTotal', value)"
-              />
-            </el-form-item>
-            <el-form-item label="备注" class="business-crud-page__task-remark">
-              <el-input
-                v-model="form.taskRemark"
-                type="textarea"
-                :rows="2"
-                maxlength="200"
-                show-word-limit
-                placeholder="请输入备注，200字以内"
-                :disabled="dialogReadonly"
-              />
-            </el-form-item>
+              </el-form-item>
+              <el-form-item v-if="isNonRoadTransport && isCarrierMode" label="联系电话">
+                <el-input
+                  v-model="form.driverPhone"
+                  placeholder="请输入联系电话"
+                  clearable
+                  maxlength="20"
+                  :disabled="dialogReadonly"
+                />
+              </el-form-item>
+              <el-form-item v-if="isNonRoadTransport" label="箱号">
+                <el-input
+                  v-model="form.containerNo"
+                  placeholder="请输入箱号"
+                  clearable
+                  maxlength="30"
+                  :disabled="dialogReadonly"
+                />
+              </el-form-item>
+              <el-form-item v-if="isNonRoadTransport" label="舱位">
+                <el-input
+                  v-model="form.cabinNo"
+                  placeholder="请输入舱位"
+                  clearable
+                  maxlength="30"
+                  :disabled="dialogReadonly"
+                />
+              </el-form-item>
+              <el-form-item v-if="showRoadEscortFields" label="挂车车牌号">
+                <el-input
+                  v-model="form.trailerVehicleNo"
+                  placeholder="请输入挂车车牌号"
+                  clearable
+                  maxlength="30"
+                  :disabled="dialogReadonly"
+                />
+              </el-form-item>
+              <el-form-item v-if="showRoadEscortFields" label="押运人">
+                <el-input
+                  v-model="form.escortName"
+                  placeholder="请输入押运人"
+                  clearable
+                  maxlength="20"
+                  :disabled="dialogReadonly"
+                />
+              </el-form-item>
+              <el-form-item v-if="showRoadEscortFields" label="押运人手机号">
+                <el-input
+                  v-model="form.escortPhone"
+                  placeholder="请输入押运人手机号"
+                  clearable
+                  maxlength="20"
+                  :disabled="dialogReadonly"
+                />
+              </el-form-item>
+              <el-form-item label="货物类型" required>
+                <el-cascader
+                  v-model="form.cargoTypePath"
+                  :options="transportCargoTypeOptions"
+                  :props="transportCargoTypeCascaderProps"
+                  placeholder="请选择到二级"
+                  clearable
+                  filterable
+                  :disabled="dialogReadonly"
+                  :filter-method="filterBillingCargoType"
+                  @visible-change="visible => visible && ensureBillingCargoTypeOptions()"
+                  @change="handleTaskCargoTypeChange"
+                />
+              </el-form-item>
+              <el-form-item label="货物名称">
+                <el-select
+                  v-model="form.cargoName"
+                  placeholder="请选择或输入货物"
+                  filterable
+                  allow-create
+                  default-first-option
+                  clearable
+                  :disabled="dialogReadonly || !form.cargoType"
+                  :loading="taskCargoLoading"
+                  @visible-change="visible => visible && loadTaskCargoOptionsForForm()"
+                  @change="handleTaskCargoChange"
+                >
+                  <el-option
+                    v-for="item in taskCargoOptions"
+                    :key="item.id || item.cargoCode || item.cargoName"
+                    :label="formatBillingCargoTypeLabel(item)"
+                    :value="formatBillingCargoTypeLabel(item)"
+                  />
+                </el-select>
+              </el-form-item>
+              <el-form-item label="规格">
+                <el-input
+                  v-model="form.specification"
+                  placeholder="选择货物自动回填"
+                  clearable
+                  :disabled="dialogReadonly"
+                />
+              </el-form-item>
+              <el-form-item label="型号">
+                <el-input
+                  v-model="form.model"
+                  placeholder="选择货物自动回填"
+                  clearable
+                  :disabled="dialogReadonly"
+                />
+              </el-form-item>
+              <el-form-item label="数量">
+                <el-input
+                  v-model="form.quantity"
+                  placeholder="请输入数量"
+                  clearable
+                  :disabled="dialogReadonly"
+                  @input="value => handleTaskNumberInput('quantity', value)"
+                >
+                  <template #append>
+                    <el-select
+                      v-model="form.quantityUnit"
+                      class="business-crud-page__append-select business-crud-page__append-select--wide"
+                      placeholder="单位"
+                      :disabled="dialogReadonly"
+                      @visible-change="visible => visible && loadTaskQuantityUnitOptions()"
+                    >
+                      <el-option
+                        v-for="item in taskQuantityUnitOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                      />
+                    </el-select>
+                  </template>
+                </el-input>
+              </el-form-item>
+              <el-form-item label="里程(km)">
+                <el-input
+                  v-model="form.mileage"
+                  placeholder="请输入里程"
+                  clearable
+                  maxlength="10"
+                  inputmode="numeric"
+                  :disabled="dialogReadonly"
+                  @input="handleTaskMileageInput"
+                />
+              </el-form-item>
+              <el-form-item :label="isRoadTransport ? '计划发货日期' : '预计发货日期'">
+                <el-date-picker
+                  v-model="form.estimatedStartTime"
+                  type="date"
+                  placeholder="请选择预计发货日期"
+                  format="YYYY-MM-DD"
+                  value-format="YYYY-MM-DD"
+                  :disabled="dialogReadonly"
+                />
+              </el-form-item>
+              <el-form-item :label="isRoadTransport ? '计划完成日期' : '预计完成日期'">
+                <el-date-picker
+                  v-model="form.estimatedEndTime"
+                  type="date"
+                  placeholder="请选择预计完成日期"
+                  format="YYYY-MM-DD"
+                  value-format="YYYY-MM-DD"
+                  :disabled="dialogReadonly"
+                />
+              </el-form-item>
+              <el-form-item label="单价">
+                <el-input
+                  v-model="form.unitPrice"
+                  placeholder="请输入单价"
+                  clearable
+                  :disabled="dialogReadonly"
+                  @input="value => handleTaskNumberInput('unitPrice', value)"
+                >
+                  <template #append>
+                    <el-select
+                      v-model="form.priceUnit"
+                      class="business-crud-page__append-select business-crud-page__append-select--wide"
+                      placeholder="单位"
+                      :disabled="dialogReadonly"
+                      @visible-change="visible => visible && loadTaskFeeUnitOptions()"
+                    >
+                      <el-option
+                        v-for="item in taskFeeUnitOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                      />
+                    </el-select>
+                  </template>
+                </el-input>
+              </el-form-item>
+              <el-form-item label="其他费用合计">
+                <el-input
+                  v-model="form.otherFeeTotal"
+                  placeholder="请输入其他费用合计"
+                  clearable
+                  :disabled="dialogReadonly"
+                  @input="value => handleTaskNumberInput('otherFeeTotal', value)"
+                />
+              </el-form-item>
+              <el-form-item label="备注" class="business-crud-page__task-remark">
+                <el-input
+                  v-model="form.taskRemark"
+                  type="textarea"
+                  :rows="2"
+                  maxlength="200"
+                  show-word-limit
+                  placeholder="请输入备注，200字以内"
+                  :disabled="dialogReadonly"
+                />
+              </el-form-item>
             </template>
           </el-form>
         </div>
@@ -2285,7 +2285,7 @@
         </template>
         <template v-else>
           <el-link type="primary" v-if="showDetailButton(row)" @click="openDetail(row)"
-            >详情</el-link
+          >详情</el-link
           >
           <el-link
             type="primary"
@@ -2376,8 +2376,8 @@
                   ><strong>{{
                     detailRow.departureName || detailRow.departureAddress || '-'
                   }}</strong
-                  ><b class="end">终</b
-                  ><strong>{{ detailRow.arrivalName || detailRow.arrivalAddress || '-' }}</strong>
+                ><b class="end">终</b
+                ><strong>{{ detailRow.arrivalName || detailRow.arrivalAddress || '-' }}</strong>
                 </div>
                 <div class="business-crud-page__waybill-route-text">
                   {{ detailRow.departureAddress || '-' }}　→　{{ detailRow.arrivalAddress || '-' }}
@@ -2417,7 +2417,7 @@
               <el-table-column prop="deviceCode" label="设备编码" min-width="130" />
               <el-table-column prop="brand" label="品牌" min-width="110" />
               <el-table-column label="规格型号" min-width="140"
-                ><template #default="{ row }">{{
+              ><template #default="{ row }">{{
                   [row.specification, row.model].filter(Boolean).join('/') || '-'
                 }}</template></el-table-column
               >
@@ -2439,13 +2439,13 @@
               >
                 <span>司机</span
                 ><strong
-                  >{{ detailRow.driverName || '-' }} {{ detailRow.driverPhone || '' }}</strong
-                >
+              >{{ detailRow.driverName || '-' }} {{ detailRow.driverPhone || '' }}</strong
+              >
               </div>
               <div class="business-crud-page__waybill-detail-field">
                 <span>{{
-                  waybillIsRoadTransport(detailRow) ? '车牌号' : '航班号/船次号/班列号'
-                }}</span
+                    waybillIsRoadTransport(detailRow) ? '车牌号' : '航班号/船次号/班列号'
+                  }}</span
                 ><strong>{{ detailRow.vehicleNo || '-' }}</strong>
               </div>
               <div
@@ -2460,8 +2460,8 @@
               >
                 <span>押运人</span
                 ><strong
-                  >{{ detailRow.escortName || '-' }} {{ detailRow.escortPhone || '' }}</strong
-                >
+              >{{ detailRow.escortName || '-' }} {{ detailRow.escortPhone || '' }}</strong
+              >
               </div>
               <div
                 v-if="!waybillIsRoadTransport(detailRow)"
@@ -2514,7 +2514,7 @@
                       v-for="(node, index) in waybillDetailProcessNodes"
                       :key="node.key || index"
                       :timestamp="node.time || ''"
-                      >{{ node.name || node.nodeName || node.label }}</el-timeline-item
+                    >{{ node.name || node.nodeName || node.label }}</el-timeline-item
                     >
                   </el-timeline>
                   <el-empty v-else description="暂无打卡详情" :image-size="50" />
@@ -2550,7 +2550,7 @@
               <template #extra>
                 <div class="business-crud-page__waybill-track-actions">
                   <el-button plain @click="handleWaybillTrackAction('playback')"
-                    >轨迹回放</el-button
+                  >轨迹回放</el-button
                   >
                   <el-button plain @click="handleWaybillTrackAction('locate')">实时定位</el-button>
                 </div>
@@ -2924,7 +2924,7 @@
             <el-button type="primary">添加附件</el-button>
           </el-upload>
           <span class="business-crud-page__import-file-tip"
-            >请上传计划明细表，仅支持 Excel 格式</span
+          >请上传计划明细表，仅支持 Excel 格式</span
           >
           <el-link type="primary" @click="handleTransportPlanTemplate">下载模板</el-link>
         </el-form-item>
@@ -3030,7 +3030,7 @@
           type="primary"
           :loading="transportPlanImportLoading"
           @click="submitTransportPlanImport"
-          >提交</el-button
+        >提交</el-button
         >
         <el-button @click="transportPlanImportBox = false">返回</el-button>
       </template>
@@ -3835,7 +3835,7 @@
               <el-table-column label="操作" width="100" align="center" fixed="right">
                 <template #default="{ $index }">
                   <el-link type="danger" @click="removeDispatchItemAttachment($index)"
-                    >删除</el-link
+                  >删除</el-link
                   >
                 </template>
               </el-table-column>
@@ -4505,7 +4505,7 @@
       <div class="business-crud-page__map-info">
         <span>{{ transportMapStatus }}</span>
         <span v-if="transportMapSelected.regionName"
-          >行政区划：{{ transportMapSelected.regionName }}</span
+        >行政区划：{{ transportMapSelected.regionName }}</span
         >
       </div>
       <template #footer>
@@ -5422,9 +5422,9 @@ export default {
           this.getDispatchQuantityUnit(row),
           'total',
           row.quantity ||
-            row.cargoQuantity ||
-            row.goodsQuantity ||
-            row.totalQuantity ||
+          row.cargoQuantity ||
+          row.goodsQuantity ||
+          row.totalQuantity ||
           row.totalCargoQuantity
         );
       });
@@ -6206,8 +6206,8 @@ export default {
       const taskInfo = this.parseJsonObject(this.detailRow.taskInfoJson);
       this.waybillRouteChangeRecords = Array.isArray(taskInfo.routeChangeRecords)
         ? [...taskInfo.routeChangeRecords].sort((a, b) =>
-            String(b.changeTime).localeCompare(String(a.changeTime))
-          )
+          String(b.changeTime).localeCompare(String(a.changeTime))
+        )
         : [];
     },
     openWaybillRouteChangeDialog() {
@@ -6302,8 +6302,8 @@ export default {
 
       const content = changed
         ? `${row.waybillNo || '运单'}：发货地 ${row.originalDepartureAddress || '-'} → ${
-            row.departureAddress || '-'
-          }；到货地 ${row.originalArrivalAddress || '-'} → ${row.arrivalAddress || '-'}`
+          row.departureAddress || '-'
+        }；到货地 ${row.originalArrivalAddress || '-'} → ${row.arrivalAddress || '-'}`
         : '调整运输路线顺序';
       const records = [
         {
@@ -8031,21 +8031,21 @@ export default {
       const goodsRows = this.isTaskFullMode
         ? this.transportCargoRows.map(item => this.normalizeTransportCargoRow(item))
         : [
-            {
-              cargoType: row.cargoType,
-              cargoTypeCode: row.cargoTypeCode,
-              cargoTypePath: row.cargoTypePath,
-              cargoName: row.cargoName,
-              specification: row.specification,
-              model: row.model,
-              quantity: row.quantity,
-              quantityUnit: row.quantityUnit,
-              mileage: row.mileage,
-              unitPrice: row.unitPrice,
-              priceUnit: row.priceUnit,
-              remark: row.taskRemark,
-            },
-          ];
+          {
+            cargoType: row.cargoType,
+            cargoTypeCode: row.cargoTypeCode,
+            cargoTypePath: row.cargoTypePath,
+            cargoName: row.cargoName,
+            specification: row.specification,
+            model: row.model,
+            quantity: row.quantity,
+            quantityUnit: row.quantityUnit,
+            mileage: row.mileage,
+            unitPrice: row.unitPrice,
+            priceUnit: row.priceUnit,
+            remark: row.taskRemark,
+          },
+        ];
       if (this.isTaskFullMode) {
         const firstCargo = goodsRows[0] || {};
         taskInfo.unitPrice = firstCargo.unitPrice || '';
@@ -9398,8 +9398,8 @@ export default {
       const children =
         level === 1
           ? (cargoType.children || [])
-              .map(item => this.normalizeBillingCargoTypeNode(item, level + 1, path))
-              .filter(Boolean)
+            .map(item => this.normalizeBillingCargoTypeNode(item, level + 1, path))
+            .filter(Boolean)
           : [];
       return {
         ...cargoType,
@@ -9466,8 +9466,8 @@ export default {
       const children =
         level === 1
           ? (region.children || [])
-              .map(item => this.normalizeBillingMatchRegionNode(item, level + 1))
-              .filter(Boolean)
+            .map(item => this.normalizeBillingMatchRegionNode(item, level + 1))
+            .filter(Boolean)
           : [];
       return {
         ...region,
@@ -11008,8 +11008,8 @@ export default {
             mode === 'draft'
               ? '生成草稿成功'
               : shouldCompletePlan
-              ? '确认生成成功，运输计划已完成'
-              : '确认生成成功';
+                ? '确认生成成功，运输计划已完成'
+                : '确认生成成功';
           this.$message.success(message);
           this.dispatchBox = false;
           this.onLoad(this.page, this.query);
@@ -11178,10 +11178,6 @@ export default {
     font-size: 15px;
     font-weight: 600;
 
-    > span {
-      line-height: 1;
-    }
-
     &::before {
       display: block;
       width: 4px;
@@ -11211,12 +11207,6 @@ export default {
     flex: 0 0 auto;
     align-items: center;
     gap: 8px;
-
-    .el-link {
-      display: inline-flex;
-      align-items: center;
-      line-height: 1;
-    }
   }
 
   &__task {
@@ -11967,23 +11957,12 @@ export default {
     gap: 16px;
     align-items: stretch;
     margin-bottom: 12px;
-
-    .section-card {
-      margin-bottom: 0 !important;
-    }
   }
 
   &__dispatch-summary-card,
   &__dispatch-route-card {
     display: flex;
     flex-direction: column;
-    min-height: 260px;
-
-    :deep(.section-card) {
-      flex: 1;
-      display: flex;
-      flex-direction: column;
-    }
 
     :deep(.section-card__body) {
       flex: 1;
@@ -12156,13 +12135,6 @@ export default {
     margin-left: 8px;
     font-size: 14px;
     color: #3c3c3c;
-
-    .dispatch-summary-value {
-      &.is-piece {
-        color: #409eff;
-        font-weight: 600;
-      }
-    }
   }
 
   &__dispatch-table {
@@ -12418,10 +12390,9 @@ export default {
   &__detail-content {
     display: flex;
     flex-direction: column;
-    //gap: 8px;
+    gap: 12px;
 
     .section-card {
-
       :deep(.el-descriptions__label) {
         width: 140px;
         color: #606266;
@@ -12849,11 +12820,6 @@ export default {
     }
   }
 }
-.section-card {
-
-  &:last-child {
-    margin-bottom: 0 !important;
-  }
 .section-card {
   margin-bottom: 0 !important;
 }
@@ -12864,7 +12830,7 @@ export default {
   border-radius: 6px;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
   padding: 16px;
-  margin-bottom: 8px;
+  margin-bottom: 16px;
 
   .avue-form__group--title {
     padding: 0 !important;
diff --git a/vite.config.mjs b/vite.config.mjs
index 09134a0..8c0a2a9 100644
--- a/vite.config.mjs
+++ b/vite.config.mjs
@@ -50,26 +50,26 @@ export default ({
       __VUE_I18N_LEGACY_API__: true,
       __INTLIFY_PROD_DEVTOOLS__: false,
     },
-    // server: {
-    //   port: 2888,
-    //   proxy: {
-    //     '/api': {
-    //       target: 'http://localhost',
-    //       //target: 'https://saber3.bladex.cn/api',
-    //       changeOrigin: true,
-    //       rewrite: path => path.replace(/^\/api/, ''),
-    //     },
-    //   },
-    // },
     server: {
-      port: 2889,
+      port: 2888,
       proxy: {
         '/api': {
-          target: 'http://172.16.203.228:8000',
+          target: 'http://localhost',
+          //target: 'https://saber3.bladex.cn/api',
           changeOrigin: true,
+          rewrite: path => path.replace(/^\/api/, ''),
         },
       },
     },
+    // server: {
+    //   port: 2889,
+    //   proxy: {
+    //     '/api': {
+    //       target: 'http://172.16.203.228:8000',
+    //       changeOrigin: true,
+    //     },
+    //   },
+    // },
     resolve: {
       alias: {
         '~': resolve(__dirname, './'),