| | |
| | | </view> |
| | | </view> |
| | | |
| | | <!-- 按钮区域,参考 invoiceLedger 的样式 --> |
| | | <!-- 按钮区域 - 替换为 uview-plus 按钮 --> |
| | | <view class="action-buttons"> |
| | | <van-button |
| | | <u-button |
| | | type="primary" |
| | | size="small" |
| | | class="action-btn" |
| | | @click="edit(item.id)" |
| | | > |
| | | 编辑 |
| | | </van-button> |
| | | <van-button |
| | | type="danger" |
| | | </u-button> |
| | | <u-button |
| | | type="error" |
| | | size="small" |
| | | plain |
| | | class="action-btn" |
| | | @click="deleteRow(item.id)" |
| | | > |
| | | 删除 |
| | | </van-button> |
| | | </u-button> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | import PageHeader from '@/components/PageHeader.vue' |
| | | import { getLedgerPage, delLedger } from '@/api/equipmentManagement/ledger' |
| | | import useUserStore from "@/store/modules/user" |
| | | import { showToast } from 'vant'; |
| | | |
| | | // 替换 toast 方法 |
| | | const showToast = (message) => { |
| | | uni.showToast({ |
| | | title: message, |
| | | icon: 'none' |
| | | }) |
| | | } |
| | | |
| | | const userStore = useUserStore() |
| | | |
| | |
| | | |
| | | // 查询列表(current/size 固定传 -1) |
| | | const getList = () => { |
| | | showLoadingToast('加载中...') |
| | | const params = { |
| | | current: -1, |
| | | size: -1, |
| | |
| | | } |
| | | getLedgerPage(params) |
| | | .then((res) => { |
| | | ledgerList.value = res.records || res.data?.records || [] |
| | | ledgerList.value = res.data.records |
| | | closeToast() |
| | | }) |
| | | .catch(() => { |
| | | closeToast() |
| | | showToast('获取数据失败') |
| | | }) |
| | | } |
| | | |
| | | // 显示加载提示 |
| | | const showLoadingToast = (message) => { |
| | | uni.showLoading({ |
| | | title: message, |
| | | mask: true |
| | | }); |
| | | }; |
| | | |
| | | // 关闭提示 |
| | | const closeToast = () => { |
| | | uni.hideLoading(); |
| | | }; |
| | | |
| | | // 新增 - 跳转到详情页面 |
| | | const add = () => { |
| | |
| | | // 编辑 - 跳转到详情页面 |
| | | const edit = (id) => { |
| | | if (!id) return |
| | | uni.setStorageSync('ledgerId', id) |
| | | uni.navigateTo({ |
| | | url: `/pages/equipmentManagement/ledger/detail?id=${id}` |
| | | url: '/pages/equipmentManagement/ledger/detail' |
| | | }) |
| | | } |
| | | |
| | |
| | | color: #999; |
| | | } |
| | | |
| | | // 按钮样式,参考 invoiceLedger |
| | | // 按钮样式 |
| | | .action-buttons { |
| | | display: flex; |
| | | gap: 12px; |