9.20 界面502

This commit is contained in:
2025-09-20 22:09:15 +08:00
parent 44ac2723a0
commit 3894cc1c57
38 changed files with 411 additions and 241 deletions

View File

@@ -172,8 +172,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
b: common_vendor.t(it.customerName || it.supplierName || it.accountName || it.remark || "-"),
c: common_vendor.t(it.orderNo || it.code || it.id),
d: common_vendor.t((it.amount || 0).toFixed(2)),
e: it.id,
f: common_vendor.o(($event) => $options.openDetail(it), it.id)
e: Number(it.amount || 0) >= 0 ? 1 : "",
f: Number(it.amount || 0) < 0 ? 1 : "",
g: it.id,
h: common_vendor.o(($event) => $options.openDetail(it), it.id)
};
})
} : {}, {

View File

@@ -1 +1 @@
<view class="page"><view class="seg"><view class="{{['seg-item', a]}}" bindtap="{{b}}">自定义</view><view class="{{['seg-item', c]}}" bindtap="{{d}}">本周</view><view class="{{['seg-item', e]}}" bindtap="{{f}}">今日</view><view class="{{['seg-item', g]}}" bindtap="{{h}}">本月</view><view class="{{['seg-item', i]}}" bindtap="{{j}}">本年</view></view><view class="content"><view class="biz-tabs"><view wx:for="{{k}}" wx:for-item="b" wx:key="b" class="{{['biz', b.c]}}" bindtap="{{b.d}}">{{b.a}}</view></view><view class="panel"><view class="toolbar"><view class="search"><input class="search-input" placeholder="{{l}}" bindconfirm="{{m}}" value="{{n}}" bindinput="{{o}}"/></view><view class="period">{{p}}</view><button size="mini" bindtap="{{q}}">查询</button></view><view class="total">合计:¥{{r}}</view><scroll-view scroll-y class="list" bindscrolltolower="{{v}}"><block wx:if="{{s}}"><view wx:for="{{t}}" wx:for-item="it" wx:key="e" class="item" bindtap="{{it.f}}"><view class="item-left"><view class="date">{{it.a}}</view><view class="name">{{it.b}}</view><view class="no">{{it.c}}</view></view><view class="amount">¥ {{it.d}}</view><view class="arrow"></view></view></block><view wx:else class="empty">暂无数据</view></scroll-view><view class="fab" bindtap="{{w}}"></view></view></view></view>
<view class="page"><view class="seg"><view class="{{['seg-item', a]}}" bindtap="{{b}}">自定义</view><view class="{{['seg-item', c]}}" bindtap="{{d}}">本周</view><view class="{{['seg-item', e]}}" bindtap="{{f}}">今日</view><view class="{{['seg-item', g]}}" bindtap="{{h}}">本月</view><view class="{{['seg-item', i]}}" bindtap="{{j}}">本年</view></view><view class="content"><view class="biz-tabs"><view wx:for="{{k}}" wx:for-item="b" wx:key="b" class="{{['biz', b.c]}}" bindtap="{{b.d}}">{{b.a}}</view></view><view class="panel"><view class="toolbar"><view class="search"><input class="search-input" placeholder="{{l}}" bindconfirm="{{m}}" value="{{n}}" bindinput="{{o}}"/></view><view class="period">{{p}}</view><button size="mini" bindtap="{{q}}">查询</button></view><view class="total">合计:¥{{r}}</view><scroll-view scroll-y class="list" bindscrolltolower="{{v}}"><block wx:if="{{s}}"><view wx:for="{{t}}" wx:for-item="it" wx:key="g" class="item" bindtap="{{it.h}}"><view class="item-left"><view class="date">{{it.a}}</view><view class="name">{{it.b}}</view><view class="no">{{it.c}}</view></view><view class="{{['amount', it.e && 'in', it.f && 'out']}}">¥ {{it.d}}</view><view class="arrow"></view></view></block><view wx:else class="empty">暂无数据</view></scroll-view><view class="fab" bindtap="{{w}}"></view></view></view></view>

View File

@@ -31,17 +31,20 @@
}
.seg {
display: flex;
background: #ffffff;
background: #fff;
border-bottom: 2rpx solid #e5e7eb;
}
.seg-item {
flex: 1;
padding: 22rpx 0;
padding: 18rpx 0;
text-align: center;
color: #444;
}
.seg-item.active {
color: #4C8DFF;
font-weight: 600;
color: #fff;
background: #4C8DFF;
border-radius: 12rpx;
margin: 8rpx;
}
.content {
display: flex;
@@ -49,8 +52,9 @@
min-height: 0;
}
.biz-tabs {
width: 120rpx;
background: #f1f1f1;
width: 140rpx;
background: #fff;
border-right: 2rpx solid #e5e7eb;
display: flex;
flex-direction: column;
}
@@ -62,24 +66,26 @@
color: #4C8DFF;
}
.biz.active {
background: #4C8DFF;
color: #fff;
border-radius: 0 16rpx 16rpx 0;
background: rgba(76, 141, 255, 0.1);
color: #4C8DFF;
font-weight: 700;
}
.panel {
flex: 1;
display: flex;
flex-direction: column;
background: #ffffff;
background: #fff;
margin: 16rpx;
border-radius: 16rpx;
padding: 12rpx;
border: 2rpx solid #e5e7eb;
}
.toolbar {
display: flex;
align-items: center;
gap: 12rpx;
padding: 8rpx 6rpx;
border-bottom: 2rpx solid #e5e7eb;
}
.search {
flex: 1;
@@ -99,19 +105,23 @@
.total {
color: #4C8DFF;
font-weight: 700;
padding: 6rpx 6rpx 12rpx;
padding: 10rpx 6rpx 12rpx;
background: #fff;
}
.list {
flex: 1;
}
.item {
display: flex;
display: grid;
grid-template-columns: 1fr auto auto;
align-items: center;
padding: 20rpx 10rpx;
gap: 8rpx;
padding: 18rpx 12rpx;
border-bottom: 1rpx solid #e5e7eb;
}
.item-left {
flex: 1;
display: flex;
flex-direction: column;
}
.date {
color: #444;
@@ -129,6 +139,13 @@
.amount {
color: #111;
font-weight: 700;
text-align: right;
}
.amount.in {
color: #16a34a;
}
.amount.out {
color: #dc2626;
}
.arrow {
color: #8c99b0;
@@ -148,11 +165,12 @@
bottom: 120rpx;
width: 100rpx;
height: 100rpx;
background: #4C8DFF;
color: #fff;
background: #fff;
color: #4C8DFF;
border: 2rpx solid #4C8DFF;
border-radius: 50rpx;
text-align: center;
line-height: 100rpx;
font-size: 48rpx;
box-shadow: 0 8rpx 20rpx rgba(0, 0, 0, 0.15);
box-shadow: 0 8rpx 20rpx rgba(76, 141, 255, 0.18);
}