1、调整配载、总单

2、新增收付款模块
2026-08-22 21:11:48 +08:00
parent 1962bee882
commit 5fcb82c0c0
51 changed files with 11663 additions and 1506 deletions
@@ -0,0 +1,149 @@
+<template>
+  <section class="bill-ledger-search">
+    <el-form :model="query" label-position="right" label-width="160px" @submit.prevent>
+      <div class="bill-ledger-search__grid">
+        <el-form-item label="票据编号">
+          <el-input v-model="query.billNo" clearable placeholder="请输入" />
+        </el-form-item>
+        <el-form-item label="出票日期">
+          <el-date-picker
+            v-model="query.issueDateRange"
+            type="daterange"
+            unlink-panels
+            clearable
+            value-format="YYYY-MM-DD"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+          />
+        </el-form-item>
+        <el-form-item label="出票单位">
+          <el-input v-model="query.issuerName" clearable placeholder="请输入" />
+        </el-form-item>
+        <el-form-item label="收票单位">
+          <el-input v-model="query.receiverName" clearable placeholder="请输入" />
+        </el-form-item>
+        <el-form-item v-if="expanded" label="汇票类型">
+          <el-select v-model="query.billType" clearable placeholder="请选择">
+            <el-option
+              v-for="item in billTypeOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item v-if="expanded" label="到期状态">
+          <el-select v-model="query.maturityStatus" clearable placeholder="请选择">
+            <el-option
+              v-for="item in maturityStatusOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </div>
+      <div class="bill-ledger-search__shortcut-row">
+        <span class="bill-ledger-search__shortcut-label">到期快捷筛选</span>
+        <el-segmented v-model="query.expiryShortcut" :options="shortcutOptions" />
+      </div>
+      <div class="bill-ledger-search__actions">
+        <el-button type="primary" :loading="loading" @click="$emit('search')">查询</el-button>
+        <el-button @click="$emit('reset')">重置</el-button>
+        <el-tooltip :content="expanded ? '折叠' : '展开'" placement="top">
+          <el-button text @click="expanded = !expanded">
+            <el-icon><component :is="expanded ? ArrowUp : ArrowDown" /></el-icon>
+          </el-button>
+        </el-tooltip>
+      </div>
+    </el-form>
+  </section>
+</template>
+
+<script>
+import { ArrowDown, ArrowUp } from '@element-plus/icons-vue';
+import { billTypeOptions, maturityStatusOptions } from '@/api/payment/billLedger';
+
+export default {
+  name: 'BillLedgerSearch',
+  props: {
+    query: { type: Object, required: true },
+    counts: { type: Object, default: () => ({}) },
+    loading: { type: Boolean, default: false },
+  },
+  emits: ['search', 'reset'],
+  data() {
+    return {
+      ArrowDown,
+      ArrowUp,
+      expanded: false,
+      billTypeOptions,
+      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' },
+      ];
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.bill-ledger-search {
+  padding: 12px 12px 4px;
+  background: #fff;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+}
+.bill-ledger-search__grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 8px 24px;
+}
+.bill-ledger-search :deep(.el-form-item) {
+  margin-bottom: 8px;
+}
+.bill-ledger-search :deep(.el-input),
+.bill-ledger-search :deep(.el-select),
+.bill-ledger-search :deep(.el-date-editor) {
+  width: 100%;
+}
+.bill-ledger-search__shortcut-row {
+  display: flex;
+  align-items: center;
+  min-height: 40px;
+}
+.bill-ledger-search__shortcut-label {
+  width: 160px;
+  padding-right: 12px;
+  color: var(--el-text-color-regular);
+  text-align: right;
+  white-space: nowrap;
+}
+.bill-ledger-search__shortcut-row :deep(.el-segmented) {
+  --el-segmented-item-selected-bg-color: #409eff;
+  --el-segmented-item-selected-color: #fff;
+}
+.bill-ledger-search__actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+@media (max-width: 1200px) {
+  .bill-ledger-search__grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .bill-ledger-search__shortcut-row {
+    align-items: flex-start;
+  }
+  .bill-ledger-search__shortcut-row :deep(.el-segmented) {
+    max-width: calc(100% - 160px);
+  }
+}
+</style>