e5c068036b
新增功能页面： - 货款对账 (payment-reconciliation): 入库+代发合并对账，228K+2.8M条记录 - 退货对账 (return-reconciliation): finance_purchaseReturn, 36791行 - 发票扣款 (invoice-deductions): finance_invoiceDeduction, 195行 - 赔偿明细 (compensation-details): 纸板厂+压板厂 UNION, 98行 - 借支明细 (advance-details): finance_advanceLoans, 4行 - 样品扣款 (sample-deductions): finance_sampleDeduction, 12行 后端： - JianSunConnection: PDO_ODBC 直连 SQL Server - SupplierPayableRepository: 5个子页面的数据查询+分页 - GoodsReconciliationRepository: 货款对账数据查询 - 15个新API路由 (supplier-payables/*) - 12个JianSun Eloquent模型 前端： - 6个Blade视图 + 6个Vue组件 - webpack.mix.js 新增5个编译入口 - show.blade.php 动态视图解析
80 lines
4.9 KiB
PHP
80 lines
4.9 KiB
PHP
<div id="invoice-deduction-app" class="invoice-deduction-page">
|
|
<div v-cloak>
|
|
{{-- 统计卡片 --}}
|
|
<div class="grid grid-cols-2 gap-4 mb-6">
|
|
<div class="bg-white rounded-xl border border-gray-100 p-5 shadow-sm">
|
|
<div class="text-sm text-gray-500 mb-1">扣款总金额</div>
|
|
<div class="text-2xl font-bold text-red-600">@{{ formatMoney(summary.totalPrice) }}</div>
|
|
</div>
|
|
<div class="bg-white rounded-xl border border-gray-100 p-5 shadow-sm">
|
|
<div class="text-sm text-gray-500 mb-1">总记录数</div>
|
|
<div class="text-2xl font-bold text-indigo-600">@{{ (summary.totalCount || 0).toLocaleString() }}</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- 筛选栏 --}}
|
|
<div class="bg-white rounded-xl border border-gray-100 p-4 mb-4 shadow-sm">
|
|
<div class="flex flex-wrap items-center gap-3">
|
|
<el-input v-model="filters.supplier" placeholder="供应商/打款抬头/收款方" size="small" style="width: 220px" clearable @clear="onFilterChange" @keyup.enter="onFilterChange"></el-input>
|
|
<el-date-picker v-model="filters.month_range" type="monthrange"
|
|
start-placeholder="月份开始" end-placeholder="月份结束" size="small"
|
|
style="width: 240px" value-format="yyyy-MM" @change="onFilterChange">
|
|
</el-date-picker>
|
|
<el-button size="small" type="primary" @click="onFilterChange">查询</el-button>
|
|
<el-button size="small" @click="onReset">重置</el-button>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- 数据表格 --}}
|
|
<div class="bg-white rounded-xl border border-gray-100 shadow-sm overflow-hidden">
|
|
<div v-if="loading" class="flex items-center justify-center py-20">
|
|
<span class="text-gray-400">加载中...</span>
|
|
</div>
|
|
<el-table v-else :data="tableData" stripe border style="width: 100%" size="small" height="600">
|
|
<el-table-column type="index" label="#" width="50" fixed="left"></el-table-column>
|
|
<el-table-column prop="month_str" label="日期" width="100" fixed="left"></el-table-column>
|
|
<el-table-column label="类别" width="100">
|
|
<template slot-scope="scope"><span class="text-gray-400">@{{ scope.row.category || '-' }}</span></template>
|
|
</el-table-column>
|
|
<el-table-column prop="payee" label="打款抬头" width="160" show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="receiver" label="收款方" width="160" show-overflow-tooltip></el-table-column>
|
|
<el-table-column label="供板材厂家/代扣厂家" width="180">
|
|
<template slot-scope="scope"><span class="text-gray-400">@{{ scope.row.board_factory || '-' }}</span></template>
|
|
</el-table-column>
|
|
<el-table-column label="补贴费用" width="120" align="right">
|
|
<template slot-scope="scope"><span class="text-gray-400">@{{ formatMoney(scope.row.subsidy_fee) }}</span></template>
|
|
</el-table-column>
|
|
<el-table-column prop="remark" label="备注" width="200" show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="price" label="对私打款金额" width="140" align="right">
|
|
<template slot-scope="scope">
|
|
<span :class="scope.row.price < 0 ? 'text-red-600' : 'text-gray-800'">@{{ formatMoney(scope.row.price) }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="detail" label="明细" width="200" show-overflow-tooltip></el-table-column>
|
|
<el-table-column label="注明" width="100">
|
|
<template slot-scope="scope"><span class="text-gray-400">@{{ scope.row.note || '-' }}</span></template>
|
|
</el-table-column>
|
|
<el-table-column prop="person_charge" label="负责人" width="100" show-overflow-tooltip></el-table-column>
|
|
</el-table>
|
|
|
|
<div class="flex items-center justify-between px-4 py-3 border-t border-gray-100" v-if="!loading">
|
|
<div class="text-sm text-gray-500">共 @{{ total }} 条记录</div>
|
|
<el-pagination
|
|
background
|
|
layout="prev, pager, next, sizes, jumper"
|
|
:total="total"
|
|
:page-size="pageSize"
|
|
:current-page.sync="currentPage"
|
|
:page-sizes="[25, 50, 100]"
|
|
@size-change="onPageSizeChange"
|
|
@current-change="onPageChange">
|
|
</el-pagination>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@push('body_end')
|
|
<script src="{{ asset('public/js/ecommerce-finance/invoice-deductions.min.js') }}"></script>
|
|
@endpush
|