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 动态视图解析
112 lines
7.3 KiB
PHP
112 lines
7.3 KiB
PHP
<div id="advance-detail-app" class="advance-detail-page">
|
|
<div v-cloak>
|
|
<div class="bg-yellow-50 border border-yellow-200 rounded-lg p-3 mb-4 text-sm text-yellow-800">
|
|
<i class="el-icon-warning mr-1"></i>
|
|
借支明细数据源 finance_advanceLoans 当前仅 4 行数据；表头 21 列中部分字段（如实际打款金额、分期扣款、票据等）在数据库中无对应列，已显示为占位符。
|
|
</div>
|
|
|
|
{{-- 统计卡片 --}}
|
|
<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-gray-800">@{{ formatMoney(summary.totalAmount) }}</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: 200px" 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="supplier" label="供应商" width="140" fixed="left" show-overflow-tooltip></el-table-column>
|
|
<el-table-column label="协议签订名称" width="140">
|
|
<template slot-scope="scope"><span class="text-gray-400">@{{ scope.row.contract_name || '-' }}</span></template>
|
|
</el-table-column>
|
|
<el-table-column prop="advance_amount" label="借支金额-借款协议" width="140" align="right">
|
|
<template slot-scope="scope">
|
|
<span :class="scope.row.advance_amount < 0 ? 'text-red-600' : 'text-gray-800'">@{{ formatMoney(scope.row.advance_amount) }}</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.actual_pay) }}</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.month_deduct) }}</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.should_deduct) }}</span></template>
|
|
</el-table-column>
|
|
<el-table-column label="分期起始扣款月份" width="130">
|
|
<template slot-scope="scope"><span class="text-gray-400">@{{ scope.row.deduct_start_month || '-' }}</span></template>
|
|
</el-table-column>
|
|
<el-table-column label="分期最后次扣款月份" width="130">
|
|
<template slot-scope="scope"><span class="text-gray-400">@{{ scope.row.deduct_end_month || '-' }}</span></template>
|
|
</el-table-column>
|
|
<el-table-column prop="remain_periods" label="分期剩余期数" width="110" align="center"></el-table-column>
|
|
<el-table-column prop="month_str" label="借支日期" width="110"></el-table-column>
|
|
<el-table-column label="借款期限" width="100">
|
|
<template slot-scope="scope"><span class="text-gray-400">@{{ scope.row.loan_term || '-' }}</span></template>
|
|
</el-table-column>
|
|
<el-table-column prop="remark" label="备注" width="180" show-overflow-tooltip></el-table-column>
|
|
<el-table-column label="是否打款" width="100">
|
|
<template slot-scope="scope"><span class="text-gray-400">@{{ scope.row.is_paid || '-' }}</span></template>
|
|
</el-table-column>
|
|
<el-table-column prop="pay_month" label="打款月份" width="110"></el-table-column>
|
|
<el-table-column label="流水号" width="120">
|
|
<template slot-scope="scope"><span class="text-gray-400">@{{ scope.row.serial_no || '-' }}</span></template>
|
|
</el-table-column>
|
|
<el-table-column label="借支协议" width="120">
|
|
<template slot-scope="scope"><span class="text-gray-400">@{{ scope.row.loan_agreement || '-' }}</span></template>
|
|
</el-table-column>
|
|
<el-table-column prop="person_charge" label="负责人" width="100"></el-table-column>
|
|
<el-table-column label="票据" width="80">
|
|
<template slot-scope="scope"><span class="text-gray-400">@{{ scope.row.receipt_0 || '-' }}</span></template>
|
|
</el-table-column>
|
|
<el-table-column label="票据1" width="80">
|
|
<template slot-scope="scope"><span class="text-gray-400">@{{ scope.row.receipt_1 || '-' }}</span></template>
|
|
</el-table-column>
|
|
<el-table-column label="票据2" width="80">
|
|
<template slot-scope="scope"><span class="text-gray-400">@{{ scope.row.receipt_2 || '-' }}</span></template>
|
|
</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/advance-details.min.js') }}"></script>
|
|
@endpush
|