style(payment): 优化票据搜索条件交互和标签宽度统一

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

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"

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">
+        <div class="bill-ledger-search__actions-buttons">
-          <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">
           <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 {
+.bill-ledger-search__actions-tags :deep(.el-check-tag) {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.bill-ledger-search__actions-left :deep(.el-check-tag) {
   margin: 0;
   white-space: nowrap;
 }
-.bill-ledger-search__actions-left :deep(.el-check-tag.is-checked),
+.bill-ledger-search__actions-tags :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:hover) {
   background-color: #409eff;
   color: #fff;
 }