This commit is contained in:
duan 2024-11-01 16:36:24 +08:00
commit a40d7bf142
3 changed files with 170 additions and 103 deletions

View File

@ -10,16 +10,25 @@
</view>
</view>
<ul class="payList">
<li v-for="item in list" :key="item.id">
<view class="payList">
<view class="li" v-for="(item,index) in list" :key="index">
<view style="text-align: center;">
{{item.payType}}
</view>
<view style="text-align: center;">
<view style="text-align: center;" class="u-m-t-6">
{{item.payAmount}}
</view>
</li>
</ul>
</view>
</view>
<view class="u-m-t-8 u-flex u-row-center u-font-24 u-col-center color-666">
<view class="u-flex" @click="toggleShowAll">
<view>{{!showAll?'展开全部':'收起全部' }}</view>
<view class="u-flex u-col-center u-m-t-4 tranistion-2" :class="{rotate:showAll}">
<up-icon color="#666" name="arrow-down" :size="12"></up-icon>
</view>
</view>
</view>
</view>
</view>
<datePickerview @confirm="datePickerConfirm" ref="datePicker" style="z-index: 999;"></datePickerview>
@ -39,6 +48,15 @@
onShow
} from '@dcloudio/uni-app';
let selected = ref('today')
let showAll = ref(false);
let $list=[]
function toggleShowAll() {
showAll.value = !showAll.value
setList()
}
function setList(){
list.value=showAll.value?$list:$list.slice(0,4)
}
let list = ref()
const emit = defineEmits(['totalRevenue'])
const timeList = [{
@ -63,15 +81,15 @@
]
const currentInstance = getCurrentInstance()
onShow((options) => {
let iToken = uni.getStorageSync('iToken')
console.log(iToken,'调试123')
if(iToken){
let iToken = uni.getStorageSync('iToken')
if (iToken) {
getlist()
}else{
uni.redirectTo({url: '/pages/login/index'})
} else {
uni.redirectTo({
url: '/pages/login/index'
})
}
});
function getlist(start, end) {
let startTime, endTime;
if (selected.value == 'today') {
@ -103,7 +121,8 @@
startTime,
endTime,
}).then((res) => {
list.value = res.sale.payCount.slice(0, 4)
$list=res.sale.payCount
setList()
emit('totalRevenue', res.sale.incomeAmountAll)
})
}
@ -150,22 +169,25 @@
padding: 0;
}
.rotate {
transform: rotate(180deg);
}
.statistics {
padding: 0 28rpx;
.statisticsBox {
width: 694rpx;
height: 260rpx;
background: #FFFFFF;
box-shadow: 0rpx 6rpx 12rpx 2rpx rgba(0, 0, 0, 0.16);
border-radius: 16rpx 16rpx 16rpx 16rpx;
padding: 32rpx 22rpx;
box-sizing: border-box;
margin-top: 54rpx;
.time-wrapper {
display: flex;
justify-content: space-around;
padding-bottom: 16rpx;
padding-top: 16rpx;
margin-top: 54rpx;
.timelistbox {
position: relative;
@ -192,22 +214,24 @@
.time-selected {
color: #318afe;
font-size: 32rpx !important;
font-weight: bold;
}
}
.payList {
display: flex;
justify-content: space-around;
align-items: center;
flex-wrap: wrap;
margin-top: 32rpx;
>li {
.li {
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 28rpx;
color: #666666;
width: 170rpx;
width: 25%;
white-space: nowrap;
margin-bottom: 24rpx;
>view {
text-align: center;

View File

@ -4,13 +4,26 @@
<!-- 导航条 -->
<up-navbar title="首页" bg-color="#318AFE" titleStyle="color:#fff;font-size:16px;" @leftClick="toSetting">
<template #left>
<up-icon name="/static/indexImg/icon-menu.svg" color="#fff" :size="16" ></up-icon>
<up-icon name="/static/indexImg/icon-menu.svg" color="#fff" :size="16"></up-icon>
</template>
</up-navbar>
<!-- <JeepayCustomNavbar title="首页" textColor="#fff" bgDefaultColor="#318AFE" /> -->
<view class="income">
<view>总收入</view>
<view>{{totalRevenuedata}}</view>
<view class="u-flex u-row-center u-relative">
<view class="u-flex u-col-center">
<view class="u-m-r-12">总收入</view>
<up-icon name="/static/indexImg/icon-help.svg" color="#fff" :size="12"
@click="toggleTips"></up-icon>
</view>
<view class="tips u-absolute color-666 u-font-20 u-text-left " :class="{'showTips':showTips}">
<view class="sanjiao u-flex"><up-icon name="play-left-fill" size="12" color="#fff"></up-icon></view>
总收入为除会员余额
支付外所有收入
</view>
</view>
<view class="u-flex u-row-center">
<view class="">{{totalRevenuedata}}</view>
</view>
<view>{{shopName}}</view>
</view>
<!-- 统计 or 快捷扫码 -->
@ -22,7 +35,6 @@
</template>
<script setup>
import {
reactive,
ref,
@ -56,10 +68,17 @@
shopName.value = uni.getStorageSync('shopName');
});
let totalRevenuedata = ref()
let totalRevenue= (d)=>{
totalRevenuedata.value=d
let totalRevenue = (d) => {
totalRevenuedata.value = d
}
function toSetting(){
let showTips = ref(false)
function toggleTips() {
showTips.value = !showTips.value
}
function toSetting() {
go.to('PAGES_SHOP_SETUP')
}
//
@ -170,81 +189,81 @@
icon: '/static/indexImg/icon-notification.svg',
pageUrl: 'PAGES_NOTIFICATION_INDEX',
},
// // // {
// // // title: '',
// // // icon: '/static/indexImg/icon-invoicing.svg',
// // // pageUrl: 'PAGES_INVOICING_INDEX',
// // // },
// // // {
// // // title: '',
// // // icon: '/static/indexImg/icon-invoicing.svg',
// // // pageUrl: 'PAGES_INVOICING_INDEX',
// // // },
// // // {
// // // title: '',
// // // icon: '/static/indexImg/icon-yuyue-zuo.svg',
// // // pageUrl: 'PAGES_RESERVE_SEAT_INDEX',
// // // },
// // // {
// // // title: '',
// // // icon: '/static/indexImg/icon-yuyue.svg',
// // // pageUrl: 'PAGES_BOOKING_INDEX',
// // // },
// // // {
// // // title: '',
// // // icon: '/static/indexImg/icon-recharge.svg',
// // // pageUrl: 'PAGES_RECHARGE_INDEX',
// // // },
// // // {
// // // title: '',
// // // icon: '/static/indexImg/icon-wine.svg',
// // // pageUrl: 'PAGES_STORING_WINE_INDEX',
// // // },
// // // {
// // // title: '',
// // // icon: '/static/indexImg/icon-passage.svg',
// // // pageUrl: 'PAGES_APPLYMENT',
// // // entId: 'ENT_MCH_APPLYMENT_LIST'
// // // },
// // // {
// // // title: '',
// // // icon: '/static/indexImg/business.svg',
// // // pageUrl: 'PAGES_APPLYMENT_BUSINESS',
// // // entId: 'ENT_MCH_APPLYMENT_LIST'
// // // },
// // // {
// // // title: '',
// // // icon: '/static/indexImg/icon-store.svg',
// // // pageUrl: 'PAGES_STORE',
// // // entId: 'ENT_MCH_STORE'
// // // },
// // {
// // title: '',
// // icon: '/static/indexImg/icon-calc.svg',
// // pageUrl: 'PAGES_DEVICE_MAIN',
// // entId: 'ENT_DEVICE'
// // },
// // // {
// // // title: '',
// // // icon: '/static/indexImg/icon-yuyue-zuo.svg',
// // // pageUrl: 'PAGES_RESERVE_SEAT_INDEX',
// // // },
// // // {
// // // title: '',
// // // icon: '/static/indexImg/icon-yuyue.svg',
// // // pageUrl: 'PAGES_BOOKING_INDEX',
// // // },
// // // {
// // // title: '',
// // // icon: '/static/indexImg/icon-recharge.svg',
// // // pageUrl: 'PAGES_RECHARGE_INDEX',
// // // },
// // // {
// // // title: '',
// // // icon: '/static/indexImg/icon-wine.svg',
// // // pageUrl: 'PAGES_STORING_WINE_INDEX',
// // // },
// // // {
// // // title: '',
// // // icon: '/static/indexImg/icon-passage.svg',
// // // pageUrl: 'PAGES_APPLYMENT',
// // // entId: 'ENT_MCH_APPLYMENT_LIST'
// // // },
// // // {
// // // title: '',
// // // icon: '/static/indexImg/business.svg',
// // // pageUrl: 'PAGES_APPLYMENT_BUSINESS',
// // // entId: 'ENT_MCH_APPLYMENT_LIST'
// // // },
// // // {
// // // title: '',
// // // icon: '/static/indexImg/icon-store.svg',
// // // pageUrl: 'PAGES_STORE',
// // // entId: 'ENT_MCH_STORE'
// // // },
// // {
// // title: '',
// // icon: '/static/indexImg/icon-calc.svg',
// // pageUrl: 'PAGES_DEVICE_MAIN',
// // entId: 'ENT_DEVICE'
// // },
// {
// title: '',
// icon: '/static/indexImg/icon-pro.svg',
// pageUrl: 'PAGES_STAT',
// entId: 'ENT_ORDER_STATISTIC'
// },
// {
// title: '',
// icon: '/static/indexImg/icon-app.svg',
// pageUrl: 'PAGES_APP',
// entId: 'ENT_MCH_APP_LIST'
// },
// {
// title: '',
// icon: '/static/indexImg/icon-member.svg',
// pageUrl: 'PAGES_MEMBER_CENTER',
// entId: 'ENT_MCH_MEMBER'
// },
// {
// title: '广',
// icon: '/static/indexImg/icon-ad.svg',
// pageUrl: 'PAGES_AD_LIST',
// entId: 'ENT_ADVERT_CONTROL'
// },
// {
// title: '',
// icon: '/static/indexImg/icon-pro.svg',
// pageUrl: 'PAGES_STAT',
// entId: 'ENT_ORDER_STATISTIC'
// },
// {
// title: '',
// icon: '/static/indexImg/icon-app.svg',
// pageUrl: 'PAGES_APP',
// entId: 'ENT_MCH_APP_LIST'
// },
// {
// title: '',
// icon: '/static/indexImg/icon-member.svg',
// pageUrl: 'PAGES_MEMBER_CENTER',
// entId: 'ENT_MCH_MEMBER'
// },
// {
// title: '广',
// icon: '/static/indexImg/icon-ad.svg',
// pageUrl: 'PAGES_AD_LIST',
// entId: 'ENT_ADVERT_CONTROL'
// },
@ -344,6 +363,7 @@
/* #endif */
/* #ifdef H5 */
padding-top: calc(84rpx);
/* #endif */
>view {
text-align: center;
@ -369,4 +389,26 @@
margin-top: 50rpx;
}
}
.tips {
opacity: 0;
right: 28rpx;
transition: opacity .3s;
background: #FFFFFF;
padding: 20rpx 14rpx;
width: 211rpx;
box-sizing: border-box;
border-radius: 8rpx 8rpx 8rpx 8rpx;
&.showTips {
opacity: 1;
}
.sanjiao {
position: absolute;
right: 100%;
top: 50%;
transform: translateX(10rpx) translateY(-50%);
}
}
</style>

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><defs><style>.a{fill:#fff;}</style></defs><g transform="translate(-94.041 -94.041)"><path class="a" d="M386.1,290.86h0a.351.351,0,0,1-.348-.357,3.08,3.08,0,0,1,.07-.687,1.3,1.3,0,0,1,.209-.444,1.459,1.459,0,0,1,.313-.27c.1-.07.2-.148.3-.226a3.113,3.113,0,0,0,.609-.67,1.056,1.056,0,0,0,.13-.522,1.084,1.084,0,0,0-.383-.844,1.559,1.559,0,0,0-1.1-.365,1.215,1.215,0,0,0-.931.339,1.526,1.526,0,0,0-.461,1,.351.351,0,1,1-.7-.087,2.173,2.173,0,0,1,.7-1.435,1.9,1.9,0,0,1,1.392-.513,2.217,2.217,0,0,1,1.566.548,1.769,1.769,0,0,1,.609,1.357,1.7,1.7,0,0,1-.217.852,3.457,3.457,0,0,1-.757.852c-.122.1-.244.2-.339.27a1.833,1.833,0,0,0-.165.13.767.767,0,0,0-.1.209,1.918,1.918,0,0,0-.043.522A.361.361,0,0,1,386.1,290.86Z" transform="translate(-285.904 -189.239)"/><path class="a" d="M490.057,655.151m-.522,0a.522.522,0,1,0,.522-.522A.522.522,0,0,0,489.535,655.151Z" transform="translate(-389.89 -552.645)"/><path class="a" d="M100.041,106.041a6,6,0,1,1,6-6A6.008,6.008,0,0,1,100.041,106.041Zm0-11.4a5.4,5.4,0,1,0,5.4,5.4A5.406,5.406,0,0,0,100.041,94.641Z" transform="translate(0 0)"/></g></svg>

After

Width:  |  Height:  |  Size: 1.1 KiB