diff --git a/.workbuddy/memory/2026-09-02.md b/.workbuddy/memory/2026-09-02.md index 9259a2f..fba3019 100644 --- a/.workbuddy/memory/2026-09-02.md +++ b/.workbuddy/memory/2026-09-02.md @@ -9,7 +9,10 @@ - `src/views/transportCapacity/driver.vue`(`.driver-page__expiry-tags`) - `src/views/transportCapacity/ship.vue`(`.transport-ship-page__expiry-tags`) - 各页变量名保留原样(contract-manage 用 contractExpiryScope/changeExpiryScope/contractExpiryStats;运力页用 query.expireStatus/handleExpireChange/expiryStat)。 -- 已补改:`src/views/payment/components/bill-ledger-search.vue` —— 独立自定义搜索子组件。`bill-ledger-search__actions` 由「标签+按钮同一行(右对齐)」改为 `flex-direction:column; gap:12px`:标签独立一行(左对齐,去掉 justify-content:flex-end),按钮另起一行右对齐。标签变量 shortcutOptions/query.expiryShortcut 不变。用户确认需统一,故改之。 +- 已补改并修正:`payment/bill-ledger` 页。用户要求"放在卡片下面"(搜索白卡之外、表格之上独立一行),非卡片内分行。最终方案:把到期快捷筛选整组(标签 DOM + `shortcutOptions` 计算属性 + `handleShortcutChange`)从子组件 `bill-ledger-search.vue` 提升到页面 `bill-ledger.vue`,置于 `` 与 `` 之间(卡片下、表格上)。 + - `bill-ledger-search.vue`:删除标签 DOM、`.bill-ledger-search__actions`/`.bill-ledger-search__actions-tags` CSS、`counts` prop、`shortcutOptions`/`handleShortcutChange`;按钮行 `.bill-ledger-search__actions-buttons` 恢复单行右对齐(`margin-bottom:8px`)。 + - `bill-ledger.vue`:模板插入 `
`(绑定 `query.expiryShortcut`,@change 调 `handleShortcutChange`→`handleSearch`);脚本加 `shortcutOptions` computed(用 `counts`)+ `handleShortcutChange` method;新增 ` diff --git a/src/views/payment/components/bill-ledger-search.vue b/src/views/payment/components/bill-ledger-search.vue index 9960ca4..8f81889 100644 --- a/src/views/payment/components/bill-ledger-search.vue +++ b/src/views/payment/components/bill-ledger-search.vue @@ -71,7 +71,6 @@ export default { name: 'BillLedgerSearch', props: { query: { type: Object, required: true }, - counts: { type: Object, default: () => ({}) }, loading: { type: Boolean, default: false }, }, emits: ['search', 'reset'], @@ -86,22 +85,6 @@ export default { maturityStatusOptions, }; }, - computed: { - shortcutOptions() { - return [ - { label: `全部(${this.counts.all || 0})`, value: 'all' }, - { label: `30天内到期(${this.counts.within30 || 0})`, value: 'within30' }, - { label: `90天内到期(${this.counts.within90 || 0})`, value: 'within90' }, - { label: `90天以上(${this.counts.over90 || 0})`, value: 'over90' }, - ]; - }, - }, - methods: { - handleShortcutChange(value) { - this.query.expiryShortcut = value; - this.$emit('search'); - }, - }, }; @@ -124,32 +107,12 @@ export default { .bill-ledger-search :deep(.el-date-editor) { width: 100%; } -.bill-ledger-search__actions { - display: flex; - flex-direction: column; - gap: 12px; - margin-bottom: 8px; -} .bill-ledger-search__actions-buttons { display: flex; align-items: center; justify-content: flex-end; gap: 8px; -} -.bill-ledger-search__actions-tags { - display: flex; - align-items: center; - flex-wrap: wrap; - gap: 8px; -} -.bill-ledger-search__actions-tags :deep(.el-check-tag) { - margin: 0; - white-space: nowrap; -} -.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; + margin-bottom: 8px; } @media (max-width: 1200px) { .bill-ledger-search__grid { diff --git a/src/views/transportCapacity/ship.vue b/src/views/transportCapacity/ship.vue index e052d13..a86b862 100644 --- a/src/views/transportCapacity/ship.vue +++ b/src/views/transportCapacity/ship.vue @@ -161,11 +161,7 @@ - +
+ + + + +
@@ -357,13 +368,28 @@ + + + + +
船舶国籍证书
- +
+ + + + +
内河船舶最低安全配员证书
- +
+ + + + +
@@ -435,6 +491,21 @@ + + + + +
@@ -471,85 +542,22 @@ + + + + +
- - - - - - - - - - - - - - - -
-
- - - - - - -