From 808a52ae25a2d2e2075c5fa072789e11a9884213 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Wed, 26 Aug 2026 12:09:10 +0800
Subject: [PATCH] =?UTF-8?q?style(payment):=20=E4=BC=98=E5=8C=96=E7=A5=A8?=
 =?UTF-8?q?=E6=8D=AE=E6=90=9C=E7=B4=A2=E6=9D=A1=E4=BB=B6=E4=BA=A4=E4=BA=92?=
 =?UTF-8?q?=E5=92=8C=E6=A0=87=E7=AD=BE=E5=AE=BD=E5=BA=A6=E7=BB=9F=E4=B8=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 票据账册搜索改用 el-check-tag 实现快捷筛选，提升用户交互体验
- 查询按钮增加图标，重置按钮同样添加图标及文字说明
- 调整票据搜索表单标签宽度由160px统一为88px，优化界面一致性
- 全站多处搜索栏表单标签宽度由160px改为88px，涵盖多页面及组件
- 修复业务组件内el-autocomplete输入框宽度适配，避免placeholder被裁剪
- 业务页面货物名称表格列宽由150调整为240，改善显示效果
- 修正系统部门操作列宽度避免按钮竖排溢出问题
- 修改多个表单页和搜索板块样式，确保标签宽度和对齐一致
- 调整表单按钮等样式，提升整体页面美观性和操作友好度
---
 src/views/base/port-terminal.vue              |  2 +-
 .../payment/components/bill-ledger-search.vue | 41 ++++++++++---------
 2 files changed, 22 insertions(+), 21 deletions(-)

diff --git a/src/views/base/port-terminal.vue b/src/views/base/port-terminal.vue
index fb109eb..a3ae62b 100644
--- a/src/views/base/port-terminal.vue
+++ b/src/views/base/port-terminal.vue
@@ -156,7 +156,7 @@
           :loading="districtLoading"
           :disabled="isDistrictDisabled"
           :placeholder="
-            isParentRegionLocked ? '自动带出' : form.cityCode ? '请选择区县' : '请先选择城市'
+            isParentRegionLocked ? '自动带出' : form.cityCode ? '请选择区县' : '选择城市后再选择区县'
           "
           style="width: 100%"
           @change="handleDistrictChange"
diff --git a/src/views/payment/components/bill-ledger-search.vue b/src/views/payment/components/bill-ledger-search.vue
index 817618d..da65d9a 100644
--- a/src/views/payment/components/bill-ledger-search.vue
+++ b/src/views/payment/components/bill-ledger-search.vue
@@ -44,17 +44,7 @@
         </el-form-item>
       </div>
       <div class="bill-ledger-search__actions">
-        <div class="bill-ledger-search__actions-left">
-          <el-check-tag
-            v-for="item in shortcutOptions"
-            :key="item.value"
-            :checked="query.expiryShortcut === item.value"
-            @change="handleShortcutChange(item.value)"
-          >
-            {{ item.label }}
-          </el-check-tag>
-        </div>
-        <div class="bill-ledger-search__actions-right">
+        <div class="bill-ledger-search__actions-buttons">
           <el-button type="primary" :loading="loading" @click="$emit('search')">
             <el-icon><Search /></el-icon>
             <span>搜索</span>
@@ -70,6 +60,16 @@
             </el-button>
           </el-tooltip>
         </div>
+        <div class="bill-ledger-search__actions-tags">
+          <el-check-tag
+            v-for="item in shortcutOptions"
+            :key="item.value"
+            :checked="query.expiryShortcut === item.value"
+            @change="handleShortcutChange(item.value)"
+          >
+            {{ item.label }}
+          </el-check-tag>
+        </div>
       </div>
     </el-form>
   </section>
@@ -143,23 +143,24 @@ export default {
   gap: 8px;
   margin-bottom: 8px;
 }
-.bill-ledger-search__actions-left {
+.bill-ledger-search__actions-buttons {
   display: flex;
   align-items: center;
+  gap: 8px;
+}
+.bill-ledger-search__actions-tags {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
   flex-wrap: wrap;
   gap: 8px;
 }
-.bill-ledger-search__actions-right {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.bill-ledger-search__actions-left :deep(.el-check-tag) {
+.bill-ledger-search__actions-tags :deep(.el-check-tag) {
   margin: 0;
   white-space: nowrap;
 }
-.bill-ledger-search__actions-left :deep(.el-check-tag.is-checked),
-.bill-ledger-search__actions-left :deep(.el-check-tag.is-checked:hover) {
+.bill-ledger-search__actions-tags :deep(.el-check-tag.is-checked),
+.bill-ledger-search__actions-tags :deep(.el-check-tag.is-checked:hover) {
   background-color: #409eff;
   color: #fff;
 }