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-payment-table">
+    <div class="bill-payment-table__toolbar">
+      <el-button v-if="hasPermission('bill_payment_add')" type="primary" @click="$emit('add')">
+        新增
+      </el-button>
+    </div>
+    <el-table v-loading="loading" :data="rows" border>
+      <el-table-column type="index" label="序号" width="64" fixed="left" align="center" />
+      <el-table-column
+        v-for="column in columns"
+        :key="column.prop"
+        v-bind="column"
+        align="center"
+        show-overflow-tooltip
+      >
+        <template #default="{ row }">
+          <el-tag v-if="column.status" :type="statusType(row.approvalStatus)">
+            {{ row[column.prop] || '-' }}
+          </el-tag>
+          <span v-else-if="column.money">{{ formatMoney(row[column.prop]) }}</span>
+          <span v-else>{{ displayValue(row[column.prop]) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="220" fixed="right" align="center">
+        <template #default="{ row }">
+          <div class="bill-payment-table__links">
+            <el-link
+              v-if="
+                ['reviewing', 'approved', 'voided'].includes(row.approvalStatus) &&
+                hasPermission('bill_payment_view')
+              "
+              type="primary"
+              @click="$emit('view', row)"
+              >查看</el-link
+            >
+            <el-link
+              v-if="row.approvalStatus === 'draft' && hasPermission('bill_payment_delete')"
+              type="danger"
+              @click="$emit('delete', row)"
+              >删除</el-link
+            >
+            <el-link
+              v-if="
+                ['draft', 'returned'].includes(row.approvalStatus) &&
+                hasPermission('bill_payment_edit')
+              "
+              type="primary"
+              @click="$emit('edit', row)"
+              >编辑</el-link
+            >
+            <el-link
+              v-if="row.approvalStatus !== 'draft'"
+              type="primary"
+              @click="$emit('flow', row)"
+              >流程</el-link
+            >
+            <el-link
+              v-if="row.approvalStatus === 'approved' && hasPermission('bill_payment_void')"
+              type="danger"
+              @click="$emit('void', row)"
+              >作废</el-link
+            >
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="bill-payment-table__pagination">
+      <el-pagination
+        :current-page="page.current"
+        :page-size="page.size"
+        :total="page.total"
+        :page-sizes="[10, 20, 50, 100]"
+        layout="total, sizes, prev, pager, next, jumper"
+        @current-change="$emit('page-change', $event)"
+        @size-change="$emit('size-change', $event)"
+      />
+    </div>
+  </section>
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+import { billPaymentTableColumns } from '@/option/payment/billPayment';
+
+export default {
+  name: 'BillPaymentTable',
+  props: {
+    rows: { type: Array, default: () => [] },
+    loading: { type: Boolean, default: false },
+    page: { type: Object, required: true },
+  },
+  emits: ['add', 'view', 'edit', 'delete', 'flow', 'void', 'page-change', 'size-change'],
+  data() {
+    return { columns: billPaymentTableColumns };
+  },
+  computed: {
+    ...mapGetters(['permission', 'userInfo']),
+    isAdmin() {
+      return String(this.userInfo?.authority || '').includes('admin');
+    },
+  },
+  methods: {
+    hasPermission(code) {
+      return this.isAdmin || this.permission?.[code] === true;
+    },
+    statusType(status) {
+      return (
+        { reviewing: 'warning', returned: 'danger', approved: 'success', voided: 'info' }[status] ||
+        ''
+      );
+    },
+    displayValue(value) {
+      return value === null || value === undefined || value === '' ? '-' : value;
+    },
+    formatMoney(value) {
+      return Number(value || 0).toFixed(2);
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.bill-payment-table {
+  margin-top: 8px;
+}
+.bill-payment-table__toolbar {
+  display: flex;
+  justify-content: flex-start;
+  padding: 12px 0;
+}
+.bill-payment-table__links {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 8px;
+}
+.bill-payment-table__pagination {
+  display: flex;
+  justify-content: flex-end;
+  padding: 16px 0;
+}
+.bill-payment-table :deep(.el-table) {
+  --el-table-border-color: #eff1f7;
+}
+.bill-payment-table :deep(.el-table__row:nth-child(even) > td.el-table__cell) {
+  background: #fafafa;
+}
+</style>