From bb97c00a6a7bd35dd1863803b1404ed21829e7bb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Tue, 25 Aug 2026 19:57:17 +0800
Subject: [PATCH] =?UTF-8?q?refactor(ui):=20=E8=B0=83=E6=95=B4=E5=A4=9A?=
 =?UTF-8?q?=E5=A4=84=E6=96=87=E6=9C=AC=E6=A1=86=E8=A1=8C=E6=95=B0=E4=B8=BA?=
 =?UTF-8?q?2=E8=A1=8C=E4=BB=A5=E4=BC=98=E5=8C=96=E7=95=8C=E9=9D=A2?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将锁定和解锁原因文本框行数由3改为2行
- 调整支付单据和发票相关备注输入框行数为2行
- 优化业务组件中多处备注和说明文本框行数为2行
- 修改异常处理及风险处置页面文本框行数为2行
- 更新项目申请及合同变更中的多处文本框行数为2行
- 在发货地址输入框中添加“选择”链接，提升地址选择体验
- 规范备注输入框显示，统一字数限制及行数设置
- 统一调整信用评分、路线变更备注输入框行数及样式样式调整
---
 .../components/business-crud-page.vue         | 36 ++++++++++++++++---
 src/views/business/contract-manage-change.vue |  2 +-
 src/views/business/contract-manage.vue        |  2 +-
 src/views/business/loading-manage.vue         |  4 +--
 src/views/business/project-apply.vue          | 12 +++----
 src/views/payment/bill-ledger-form.vue        |  2 +-
 src/views/payment/bill-payment-form.vue       |  2 +-
 .../payment/invoice-application-form.vue      |  2 +-
 src/views/payment/invoice-receipt-form.vue    |  2 +-
 .../payment/receipt-claim-record-form.vue     |  2 +-
 src/views/payment/receipt-flow-form.vue       |  2 +-
 src/views/system/authlock.vue                 |  4 +--
 src/views/system/user.vue                     |  2 +-
 src/views/transit/exception-disposal.vue      |  2 +-
 src/views/transit/risk-disposal.vue           |  2 +-
 .../vehicle/credit-score-quantification.vue   |  2 +-
 16 files changed, 53 insertions(+), 27 deletions(-)

diff --git a/src/views/business/components/business-crud-page.vue b/src/views/business/components/business-crud-page.vue
index 6bde282..7ccbe10 100644
--- a/src/views/business/components/business-crud-page.vue
+++ b/src/views/business/components/business-crud-page.vue
@@ -2857,7 +2857,7 @@
               <el-input
                 v-model="waybillRouteChangeRemark"
                 type="textarea"
-                :rows="1"
+                :rows="2"
                 maxlength="200"
                 show-word-limit
                 placeholder="请输入"
@@ -3518,8 +3518,16 @@
               <el-input
                 v-model="dispatchItemForm.departureAddress"
                 :placeholder="dispatchAddressDetailPlaceholder"
-                :suffix-icon="dispatchStationMode ? undefined : Location"
-              />
+              >
+                <template v-if="!dispatchStationMode" #suffix>
+                  <el-link
+                    type="primary"
+                    :underline="false"
+                    class="business-crud-page__address-choose-link"
+                    >选择</el-link
+                  >
+                </template>
+              </el-input>
               <span class="business-crud-page__route-label">联系人</span>
               <el-input v-model="dispatchItemForm.departureContact" placeholder="请输入" />
               <span class="business-crud-page__route-label">联系方式</span>
@@ -3536,8 +3544,16 @@
               <el-input
                 v-model="dispatchItemForm.arrivalAddress"
                 :placeholder="dispatchAddressDetailPlaceholder"
-                :suffix-icon="dispatchStationMode ? undefined : Location"
-              />
+              >
+                <template v-if="!dispatchStationMode" #suffix>
+                  <el-link
+                    type="primary"
+                    :underline="false"
+                    class="business-crud-page__address-choose-link"
+                    >选择</el-link
+                  >
+                </template>
+              </el-input>
               <span class="business-crud-page__route-label">联系人</span>
               <el-input v-model="dispatchItemForm.arrivalContact" placeholder="请输入" />
               <span class="business-crud-page__route-label">联系方式</span>
@@ -13200,6 +13216,16 @@ export default {
     }
   }
 
+  &__address-choose-link {
+    display: inline-flex;
+    align-items: center;
+    height: 100%;
+    padding: 0 4px;
+    font-size: 13px;
+    line-height: 1;
+    cursor: pointer;
+  }
+
   &__dispatch-shipping-form &__route-address-row {
     grid-template-columns: 260px minmax(280px, 1fr) 58px minmax(160px, 220px) 72px minmax(
         160px,
diff --git a/src/views/business/contract-manage-change.vue b/src/views/business/contract-manage-change.vue
index 3118d06..5cf0529 100644
--- a/src/views/business/contract-manage-change.vue
+++ b/src/views/business/contract-manage-change.vue
@@ -76,7 +76,7 @@
         <el-upload action="#" :auto-upload="false" multiple :show-file-list="false" @change="handleAttachment"><el-button plain>上传附件</el-button></el-upload>
       </section>
 
-      <section class="change-section change-reason-section"><div class="dialog-section-title">变更原因</div><el-form-item prop="changeReason"><el-input v-model="form.changeReason" type="textarea" :rows="4" maxlength="2000" show-word-limit placeholder="请输入变更原因" /></el-form-item><div class="dialog-section-title">变更材料</div><el-upload action="#" :auto-upload="false" multiple :show-file-list="false" @change="handleChangeMaterial"><el-button plain>上传变更材料</el-button></el-upload></section>
+      <section class="change-section change-reason-section"><div class="dialog-section-title">变更原因</div><el-form-item prop="changeReason"><el-input v-model="form.changeReason" type="textarea" :rows="2" maxlength="2000" show-word-limit placeholder="请输入变更原因" /></el-form-item><div class="dialog-section-title">变更材料</div><el-upload action="#" :auto-upload="false" multiple :show-file-list="false" @change="handleChangeMaterial"><el-button plain>上传变更材料</el-button></el-upload></section>
       <div class="page-footer"><el-button type="primary" @click="submit">提交</el-button><el-button @click="$router.back()">关闭</el-button></div>
     </el-form>
 
diff --git a/src/views/business/contract-manage.vue b/src/views/business/contract-manage.vue
index 4262909..7c7f9c8 100644
--- a/src/views/business/contract-manage.vue
+++ b/src/views/business/contract-manage.vue
@@ -294,7 +294,7 @@
             <el-input
               v-model="form.remark"
               type="textarea"
-              :rows="3"
+              :rows="2"
               maxlength="200"
               show-word-limit
               placeholder="请输入备注"
diff --git a/src/views/business/loading-manage.vue b/src/views/business/loading-manage.vue
index f3a5b2e..e644e63 100644
--- a/src/views/business/loading-manage.vue
+++ b/src/views/business/loading-manage.vue
@@ -901,7 +901,7 @@
               <el-input
                 v-model="dialogForm.taskRemark"
                 type="textarea"
-                :rows="3"
+                :rows="2"
                 maxlength="500"
                 show-word-limit
                 placeholder="请输入，500字以内"
@@ -957,7 +957,7 @@
             </el-table>
           </section-card>
           <section-card title="路线编辑"><template #extra><span class="loading-route-change-dialog__hint">拖拽调整顺序</span></template><div v-if="routeChangeNodes.length" class="loading-route-change-dialog__route-list"><div v-for="(node, index) in routeChangeNodes" :key="node.key || index" class="loading-route-change-dialog__route-item" draggable="true" @dragstart="handleRouteChangeDragStart(index)" @dragover.prevent @drop="handleRouteChangeDrop(index)"><span :class="['loading-route-change-dialog__route-type', `loading-route-change-dialog__route-type--${routeChangeTypeClass(index)}`]">{{ routeChangeTypeText(index) }}</span><span>{{ node.address }}</span><span class="loading-route-change-dialog__tags"><el-tag v-for="tag in node.tags || []" :key="tag" size="small">{{ tag }}</el-tag></span><el-icon><Rank /></el-icon></div></div><el-empty v-else description="暂无路线" :image-size="60" /></section-card>
-          <el-form label-width="auto"><el-form-item label="变更备注"><el-input v-model="routeChangeRemark" type="textarea" :rows="1" maxlength="200" show-word-limit placeholder="请输入" /></el-form-item></el-form>
+          <el-form label-width="auto"><el-form-item label="变更备注"><el-input v-model="routeChangeRemark" type="textarea" :rows="" maxlength="200" show-word-limit placeholder="请输入" /></el-form-item></el-form>
         </el-tab-pane>
         <el-tab-pane label="变更记录" name="records"><el-table :data="routeChangeRecords" border><el-table-column prop="changeTime" label="变更时间" min-width="170"/><el-table-column prop="changeUser" label="变更人" min-width="120"/><el-table-column prop="content" label="变更内容" min-width="360"><template #default="{ row }"><div class="loading-route-change-dialog__record-content">{{ row.content || '-' }}</div></template></el-table-column><el-table-column prop="remark" label="备注" min-width="200" show-overflow-tooltip/></el-table><el-empty v-if="!routeChangeRecords.length" description="暂无变更记录" :image-size="60"/></el-tab-pane>
       </el-tabs>
diff --git a/src/views/business/project-apply.vue b/src/views/business/project-apply.vue
index 4fb3219..ce81605 100644
--- a/src/views/business/project-apply.vue
+++ b/src/views/business/project-apply.vue
@@ -428,7 +428,7 @@
             <el-input
               v-model="form.projectIntro"
               type="textarea"
-              :rows="4"
+              :rows="2"
               placeholder="请填写备注信息"
               maxlength="200"
               show-word-limit
@@ -438,7 +438,7 @@
             <el-input
               v-model="form.profitRemark"
               type="textarea"
-              :rows="4"
+              :rows="2"
               placeholder="请填写备注信息"
               maxlength="200"
               show-word-limit
@@ -448,7 +448,7 @@
             <el-input
               v-model="form.riskPoint"
               type="textarea"
-              :rows="4"
+              :rows="2"
               placeholder="请填写备注信息"
               maxlength="200"
               show-word-limit
@@ -458,7 +458,7 @@
             <el-input
               v-model="form.emergencyPlan"
               type="textarea"
-              :rows="4"
+              :rows="2"
               placeholder="请填写备注信息"
               maxlength="200"
               show-word-limit
@@ -585,7 +585,7 @@
             <el-input
               v-model="form.changeContent"
               type="textarea"
-              :rows="5"
+              :rows="2"
               placeholder="2000字以内"
               maxlength="2000"
               show-word-limit
@@ -596,7 +596,7 @@
             <el-input
               v-model="form.changeReason"
               type="textarea"
-              :rows="5"
+              :rows="2"
               placeholder="2000字以内"
               maxlength="2000"
               show-word-limit
diff --git a/src/views/payment/bill-ledger-form.vue b/src/views/payment/bill-ledger-form.vue
index 0568bfd..7c80652 100644
--- a/src/views/payment/bill-ledger-form.vue
+++ b/src/views/payment/bill-ledger-form.vue
@@ -244,7 +244,7 @@
           <el-input
             v-model="form.remark"
             type="textarea"
-            :rows="4"
+            :rows="2"
             maxlength="200"
             show-word-limit
             placeholder="请输入"
diff --git a/src/views/payment/bill-payment-form.vue b/src/views/payment/bill-payment-form.vue
index d77ca32..487c84c 100644
--- a/src/views/payment/bill-payment-form.vue
+++ b/src/views/payment/bill-payment-form.vue
@@ -63,7 +63,7 @@
                 v-model="form.remark"
                 :disabled="readonly"
                 type="textarea"
-                :rows="3"
+                :rows="2"
                 maxlength="200"
                 show-word-limit
                 placeholder="请输入"
diff --git a/src/views/payment/invoice-application-form.vue b/src/views/payment/invoice-application-form.vue
index bdb50e5..430b0c0 100644
--- a/src/views/payment/invoice-application-form.vue
+++ b/src/views/payment/invoice-application-form.vue
@@ -409,7 +409,7 @@
             v-model="form.remark"
             :disabled="readonly"
             type="textarea"
-            :rows="3"
+            :rows="2"
             maxlength="200"
             show-word-limit
           />
diff --git a/src/views/payment/invoice-receipt-form.vue b/src/views/payment/invoice-receipt-form.vue
index 45925ce..d783b48 100644
--- a/src/views/payment/invoice-receipt-form.vue
+++ b/src/views/payment/invoice-receipt-form.vue
@@ -232,7 +232,7 @@
             v-model="form.remark"
             :disabled="readonly"
             type="textarea"
-            :rows="3"
+            :rows="2"
             maxlength="200"
             show-word-limit
           />
diff --git a/src/views/payment/receipt-claim-record-form.vue b/src/views/payment/receipt-claim-record-form.vue
index 5c46897..9abbc6a 100644
--- a/src/views/payment/receipt-claim-record-form.vue
+++ b/src/views/payment/receipt-claim-record-form.vue
@@ -145,7 +145,7 @@
       </section-card>
 
       <section-card title="备注">
-        <el-input v-model="form.remark" type="textarea" :rows="3" maxlength="200" disabled />
+        <el-input v-model="form.remark" type="textarea" :rows="2" maxlength="200" disabled />
       </section-card>
 
       <div class="claim-record-form-page__actions">
diff --git a/src/views/payment/receipt-flow-form.vue b/src/views/payment/receipt-flow-form.vue
index 32dd9b9..c6fb752 100644
--- a/src/views/payment/receipt-flow-form.vue
+++ b/src/views/payment/receipt-flow-form.vue
@@ -159,7 +159,7 @@
           ><el-input
             v-model="form.remark"
             type="textarea"
-            :rows="3"
+            :rows="2"
             maxlength="200"
             show-word-limit
         /></el-form-item>
diff --git a/src/views/system/authlock.vue b/src/views/system/authlock.vue
index 883c783..f45f8d9 100644
--- a/src/views/system/authlock.vue
+++ b/src/views/system/authlock.vue
@@ -88,7 +88,7 @@
               <el-input
                 v-model="lockUserForm.lockReason"
                 type="textarea"
-                :rows="3"
+                :rows="2"
                 placeholder="请输入锁定原因"
               />
             </el-form-item>
@@ -144,7 +144,7 @@
               <el-input
                 v-model="unlockReasonForm.unlockReason"
                 type="textarea"
-                :rows="3"
+                :rows="2"
                 placeholder="请输入解锁原因（可选）"
               />
             </el-form-item>
diff --git a/src/views/system/user.vue b/src/views/system/user.vue
index 1442bbe..4a93510 100644
--- a/src/views/system/user.vue
+++ b/src/views/system/user.vue
@@ -200,7 +200,7 @@
                 <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-col :span="24"><el-form-item label="备注"><el-input v-model="form.remark" type="textarea" :rows="2" maxlength="200" show-word-limit /></el-form-item></el-col>
               </el-row>
             </el-form>
           </section-card>
diff --git a/src/views/transit/exception-disposal.vue b/src/views/transit/exception-disposal.vue
index de4bad0..a202a86 100644
--- a/src/views/transit/exception-disposal.vue
+++ b/src/views/transit/exception-disposal.vue
@@ -200,7 +200,7 @@
               type="textarea"
               maxlength="500"
               show-word-limit
-              :rows="4"
+              :rows="2"
               placeholder="请输入"
             />
           </el-form-item>
diff --git a/src/views/transit/risk-disposal.vue b/src/views/transit/risk-disposal.vue
index fa49742..36c5118 100644
--- a/src/views/transit/risk-disposal.vue
+++ b/src/views/transit/risk-disposal.vue
@@ -158,7 +158,7 @@
               v-model="disposeForm.disposalRemark"
               type="textarea"
               maxlength="500"
-              :rows="4"
+              :rows="2"
               :disabled="dialog.readonly"
             />
           </el-form-item>
diff --git a/src/views/vehicle/credit-score-quantification.vue b/src/views/vehicle/credit-score-quantification.vue
index cbf0124..dbef287 100644
--- a/src/views/vehicle/credit-score-quantification.vue
+++ b/src/views/vehicle/credit-score-quantification.vue
@@ -105,7 +105,7 @@
               <el-input
                 v-model="configForm.remark"
                 type="textarea"
-                :rows="1"
+                :rows="2"
                 maxlength="500"
                 show-word-limit
               />