9.20 界面502
This commit is contained in:
@@ -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)
|
||||
};
|
||||
})
|
||||
} : {}, {
|
||||
|
||||
@@ -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>
|
||||
@@ -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);
|
||||
}
|
||||
Reference in New Issue
Block a user