| | |
|---|
| | | <template> |
|---|
| | | <view class="sales-account"> |
|---|
| | | <!-- 使用通用页面头部组件 --> |
|---|
| | | <PageHeader title="供应商往来" @back="goBack" /> |
|---|
| | | <PageHeader title="供应商付款台账" @back="goBack" /> |
|---|
| | | |
|---|
| | | <!-- 搜索区域 --> |
|---|
| | | <view class="search-section"> |
|---|
| | |
|---|
| | | </view> |
|---|
| | | </view> |
|---|
| | | |
|---|
| | | <!-- 供应商列表 --> |
|---|
| | | <!-- 供应商列�?--> |
|---|
| | | <view class="customer-list-container"> |
|---|
| | | <view class="customer-list" v-if="tableData.length > 0"> |
|---|
| | | <view |
|---|
| | |
|---|
| | | </view> |
|---|
| | | </view> |
|---|
| | | <view v-else class="no-data"> |
|---|
| | | <text>暂无供应商数据</text> |
|---|
| | | <text>暂无供应商付款记录</text> |
|---|
| | | </view> |
|---|
| | | </view> |
|---|
| | | </view> |
|---|
| | |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const formattedNumber = (value) => { |
|---|
| | | return parseFloat(value || 0).toFixed(2); |
|---|
| | | return parseFloat(value || 0).toFixed(3); |
|---|
| | | }; |
|---|
| | | |
|---|
| | | // 显示加载提示 |
|---|
| | |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const rowClickMethod = (row) => { |
|---|
| | | // 使用 uni.setStorageSync 存储供应商信息 |
|---|
| | | // 使用 uni.setStorageSync 存储供应商ID |
|---|
| | | uni.setStorageSync('supplierId', row.supplierId); |
|---|
| | | // 跳转到回款记录明细页面 |
|---|
| | | // 跳转到付款记录明细页 |
|---|
| | | uni.navigateTo({ |
|---|
| | | url: '/pages/procurementManagement/paymentLedger/detail' |
|---|
| | | }); |
|---|
| | |
|---|
| | | <style scoped lang="scss"> |
|---|
| | | @import '@/styles/procurement-common.scss'; |
|---|
| | | |
|---|
| | | // 供应商往来特有样式 |
|---|
| | | // 供应商付款台账特有样式 |
|---|
| | | .detail-value.danger { |
|---|
| | | color: #ff4757; // 与公共样式中的 #ee0a24 不同 |
|---|
| | | color: #ff4757; // 与公共样式中应付金额颜色不同 |
|---|
| | | font-weight: 500; |
|---|
| | | } |
|---|
| | | </style> |
|---|
