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,94 @@
+<template>
+  <section class="bill-payment-search">
+    <el-form :model="query" label-position="right" label-width="160px" @submit.prevent>
+      <div class="bill-payment-search__grid">
+        <el-form-item label="单据号">
+          <el-input v-model="query.paymentNo" clearable placeholder="请输入" />
+        </el-form-item>
+        <el-form-item label="使用部门">
+          <el-input v-model="query.deptName" clearable placeholder="请输入" />
+        </el-form-item>
+        <el-form-item label="付款日期">
+          <el-date-picker
+            v-model="query.paymentDateRange"
+            type="daterange"
+            unlink-panels
+            clearable
+            value-format="YYYY-MM-DD"
+            range-separator="~"
+            start-placeholder="年/月/日"
+            end-placeholder="年/月/日"
+          />
+        </el-form-item>
+        <el-form-item label="单据状态">
+          <el-select v-model="query.approvalStatus" clearable placeholder="请选择">
+            <el-option
+              v-for="item in approvalStatusOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </div>
+      <div class="bill-payment-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 { approvalStatusOptions } from '@/api/payment/billPayment';
+
+export default {
+  name: 'BillPaymentSearch',
+  props: {
+    query: { type: Object, required: true },
+    loading: { type: Boolean, default: false },
+  },
+  emits: ['search', 'reset'],
+  data() {
+    return { ArrowDown, ArrowUp, expanded: false, approvalStatusOptions };
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.bill-payment-search {
+  padding: 12px 12px 4px;
+  background: #fff;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+}
+.bill-payment-search__grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 8px 24px;
+}
+.bill-payment-search :deep(.el-form-item) {
+  margin-bottom: 8px;
+}
+.bill-payment-search :deep(.el-input),
+.bill-payment-search :deep(.el-select),
+.bill-payment-search :deep(.el-date-editor) {
+  width: 100%;
+}
+.bill-payment-search__actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+@media (max-width: 1200px) {
+  .bill-payment-search__grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+</style>