zhaichao/oa_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

单据、业务中心、公告和工作通知

Browse Source
This commit is contained in:
zhaichao
2026-09-24 14:24:08 +08:00
parent 5e77d4fdb1
commit 892acc6d23
4 changed files with 80 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/bills/list.vue
+19 -10
View File
@@ -2,14 +2,20 @@
<view class="page edge">
<fy-header :title="title" back />
<fy-scroll class="edge-scroll" @refresh="load">
<view v-if="loading" class="empty">加载中…</view>
<view v-else-if="!rows.length" class="empty">暂无记录</view>
<view v-if="loading" class="empty">
<wd-skeleton theme="paragraph" />
</view>
<wd-status-tip v-else-if="!rows.length" image="content" tip="暂无记录" />
<view v-for="r in rows" :key="r.id || r.no" class="card item" @click="open(r)">
<view>
<view class="main">
<text class="t">{{ r.title || r.no || r.typeLabel }}</text>
<text class="s">{{ r.status || '' }} · {{ r.createdAt || r.date || '' }}</text>
<text class="s">{{ r.createdAt || r.date || '' }}</text>
</view>
<text class="amt">{{ r.amount != null ? '¥' + r.amount : '' }}</text>
<view class="side">
<text v-if="r.amount != null" class="amt">¥{{ r.amount }}</text>
<wd-tag v-if="r.status" type="primary" plain>{{ r.status }}</wd-tag>
</view>
<text class="arr">›</text>
</view>
</fy-scroll>
</view>
@@ -54,9 +60,12 @@ export default {
</script>
<style scoped>
.item { margin: 16rpx 24rpx; padding: 24rpx; display: flex; justify-content: space-between; }
.t { display: block; font-size: 28rpx; font-weight: 600; }
.s { font-size: 22rpx; color: #6B7280; }
.amt { color: #1677FF; font-weight: 700; }
.empty { padding: 80rpx; text-align: center; color: #6B7280; }
.item { margin: 16rpx 24rpx; padding: 24rpx; display: flex; align-items: center; }
.main { flex: 1; min-width: 0; }
.t { display: block; font-size: 28rpx; font-weight: 650; color: #111827; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.s { display: block; margin-top: 8rpx; font-size: 24rpx; color: #6B7280; }
.side { display: flex; flex-direction: column; align-items: flex-end; gap: 8rpx; margin-left: 16rpx; }
.amt { color: #1677FF; font-weight: 700; font-size: 28rpx; }
.arr { color: #C4C9D4; font-size: 32rpx; margin-left: 8rpx; }
.empty { padding: 80rpx 40rpx; }
</style>