Compare commits
7 Commits
ed1b2d8164
...
2576b2da9f
| Author | SHA1 | Date |
|---|---|---|
|
|
2576b2da9f | 1 week ago |
|
|
eb8cd82315 | 1 week ago |
|
|
ab16952d67 | 1 week ago |
|
|
b62851e377 | 1 week ago |
|
|
654f7feced | 1 week ago |
|
|
08cc4a64c9 | 1 week ago |
|
|
c354da9821 | 1 week ago |
10 changed files with 203 additions and 46 deletions
@ -1,9 +0,0 @@ |
|||||
<template> |
|
||||
<!-- 商家订单结算详情 --> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
</script> |
|
||||
|
|
||||
<style> |
|
||||
</style> |
|
||||
@ -0,0 +1,157 @@ |
|||||
|
<template> |
||||
|
<!-- 商家订单详情 --> |
||||
|
<view class="page1"> |
||||
|
<view class="title"> |
||||
|
<view class="title-sreach"> |
||||
|
<view class="back-btn" @tap="back" :style="{'top': menuButtonInfo.top +'px'}"> |
||||
|
<uni-icons type="left" size="28"></uni-icons> |
||||
|
</view> |
||||
|
<view class="title-name" :style="{'padding-top': menuButtonInfo.top +'px'}"> |
||||
|
账单详情 |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="content"> |
||||
|
<view class="box1"> |
||||
|
<view style="font-size: 14px;font-weight: 700;margin-bottom: 10px;"> |
||||
|
2026-04-09 |
||||
|
</view> |
||||
|
<view style="display: flex;font-weight: 700;"> |
||||
|
<view style="flex: 1;"> |
||||
|
结算金额:¥100.00 |
||||
|
</view> |
||||
|
<view style="flex: 1;"> |
||||
|
实际打款金额:¥100.00 |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="box1"> |
||||
|
<uni-table border stripe emptyText="暂无更多数据" > |
||||
|
<!-- 表头行 --> |
||||
|
<uni-tr> |
||||
|
<uni-th width="90" align="center">订单编号</uni-th> |
||||
|
<uni-th width="90" align="center">商品金额</uni-th> |
||||
|
<uni-th width="90" align="center">餐盒费</uni-th> |
||||
|
<uni-th width="90" align="center">平台抽佣</uni-th> |
||||
|
<uni-th width="90" align="center">结算金额</uni-th> |
||||
|
</uni-tr> |
||||
|
<!-- 表格数据行 --> |
||||
|
<uni-tr> |
||||
|
<uni-td align="center">5154564164654</uni-td> |
||||
|
<uni-td align="center">24</uni-td> |
||||
|
<uni-td align="center">1</uni-td> |
||||
|
<uni-td align="center">1</uni-td> |
||||
|
<uni-td align="center">22</uni-td> |
||||
|
</uni-tr> |
||||
|
<uni-tr> |
||||
|
<uni-td align="center">5154564164654</uni-td> |
||||
|
<uni-td align="center">24</uni-td> |
||||
|
<uni-td align="center">1</uni-td> |
||||
|
<uni-td align="center">1</uni-td> |
||||
|
<uni-td align="center">22</uni-td> |
||||
|
</uni-tr> |
||||
|
<uni-tr> |
||||
|
<uni-td align="center">5154564164654</uni-td> |
||||
|
<uni-td align="center">24</uni-td> |
||||
|
<uni-td align="center">1</uni-td> |
||||
|
<uni-td align="center">1</uni-td> |
||||
|
<uni-td align="center">22</uni-td> |
||||
|
</uni-tr> |
||||
|
<uni-tr> |
||||
|
<uni-td align="center">5154564164654</uni-td> |
||||
|
<uni-td align="center">24</uni-td> |
||||
|
<uni-td align="center">1</uni-td> |
||||
|
<uni-td align="center">1</uni-td> |
||||
|
<uni-td align="center">22</uni-td> |
||||
|
</uni-tr> |
||||
|
</uni-table> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
menuButtonInfo: {}, |
||||
|
} |
||||
|
}, |
||||
|
filters:{ |
||||
|
formatISOTime(isoString) { |
||||
|
const date = new Date(isoString); |
||||
|
const year = date.getFullYear(); |
||||
|
const month = (date.getMonth() + 1).toString().padStart(2, '0'); |
||||
|
const day = date.getDate().toString().padStart(2, '0'); |
||||
|
const hours = date.getHours().toString().padStart(2, '0'); |
||||
|
const minutes = date.getMinutes().toString().padStart(2, '0'); |
||||
|
const seconds = date.getSeconds().toString().padStart(2, '0'); |
||||
|
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`; |
||||
|
} |
||||
|
}, |
||||
|
onShow() { |
||||
|
this.menuButtonInfo = uni.getMenuButtonBoundingClientRect() |
||||
|
}, |
||||
|
onLoad() { |
||||
|
}, |
||||
|
methods: { |
||||
|
back() { |
||||
|
uni.navigateBack() |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style> |
||||
|
page { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
font-size: 24rpx; |
||||
|
background: #F5F8F5; |
||||
|
color: #00231C; |
||||
|
} |
||||
|
|
||||
|
.page1 { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
font-size: 24rpx; |
||||
|
position: relative; |
||||
|
} |
||||
|
|
||||
|
.title { |
||||
|
background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/8bc15960c2dc40268e295d6dd23aecce.png') no-repeat; |
||||
|
width: 100%; |
||||
|
height: 20%; |
||||
|
} |
||||
|
|
||||
|
.title-sreach { |
||||
|
width: 100%; |
||||
|
display: flex; |
||||
|
height: 200rpx; |
||||
|
position: relative; |
||||
|
} |
||||
|
|
||||
|
.back-btn { |
||||
|
position: absolute; |
||||
|
bottom: 0; |
||||
|
left: 0; |
||||
|
} |
||||
|
|
||||
|
.title-name { |
||||
|
padding-top: 110rpx; |
||||
|
font-size: 36rpx; |
||||
|
font-weight: 700; |
||||
|
flex: 1; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.content{ |
||||
|
margin: -140rpx auto; |
||||
|
} |
||||
|
.box1 { |
||||
|
width: 95%; |
||||
|
margin: 20rpx auto; |
||||
|
background: #fff; |
||||
|
border-radius: 20rpx; |
||||
|
padding: 20rpx; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue