czg_team
/
cashier_admin_app
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

增加总收入点击提示

This commit is contained in:
YeMingfei666 2024-11-01 16:22:37 +08:00
parent 1219a53496
commit e6f5e93d4b
2 changed files with 169 additions and 103 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
pages/index/components/statistics.vue
View File

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

210
pages/index/index.vue
View File

@ -4,13 +4,26 @@
<!-- 导航条 --> <!-- 导航条 -->
<up-navbar title="首页" bg-color="#318AFE" titleStyle="color:#fff;font-size:16px;" @leftClick="toSetting"> <up-navbar title="首页" bg-color="#318AFE" titleStyle="color:#fff;font-size:16px;" @leftClick="toSetting">
<template #left> <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> </template>
</up-navbar> </up-navbar>
<!-- <JeepayCustomNavbar title="首页" textColor="#fff" bgDefaultColor="#318AFE" /> --> <!-- <JeepayCustomNavbar title="首页" textColor="#fff" bgDefaultColor="#318AFE" /> -->
<view class="income"> <view class="income">
<view>总收入</view> <view class="u-flex u-row-center u-relative">
<view>￥{{totalRevenuedata}}</view> <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>{{shopName}}</view>
</view> </view>
<!-- 统计 or 快捷扫码 --> <!-- 统计 or 快捷扫码 -->
@ -22,7 +35,6 @@
</template> </template>
<script setup> <script setup>
import { import {
reactive, reactive,
ref, ref,
@ -56,10 +68,17 @@
shopName.value = uni.getStorageSync('shopName'); shopName.value = uni.getStorageSync('shopName');
}); });
let totalRevenuedata = ref() let totalRevenuedata = ref()
let totalRevenue= (d)=>{ let totalRevenue = (d) => {
totalRevenuedata.value=d totalRevenuedata.value = d
} }
function toSetting(){
let showTips = ref(false)
function toggleTips() {
showTips.value = !showTips.value
}
function toSetting() {
go.to('PAGES_SHOP_SETUP') go.to('PAGES_SHOP_SETUP')
} }
// 导航列表 // 导航列表
@ -170,85 +189,85 @@
icon: '/static/indexImg/icon-notification.svg', icon: '/static/indexImg/icon-notification.svg',
pageUrl: 'PAGES_NOTIFICATION_INDEX', pageUrl: 'PAGES_NOTIFICATION_INDEX',
}, },
// // // { // // // {
// // // title: '进销存', // // // title: '进销存',
// // // icon: '/static/indexImg/icon-invoicing.svg', // // // icon: '/static/indexImg/icon-invoicing.svg',
// // // pageUrl: 'PAGES_INVOICING_INDEX', // // // pageUrl: 'PAGES_INVOICING_INDEX',
// // // }, // // // },
// // // { // // // {
// // // title: '预定座位', // // // title: '预定座位',
// // // icon: '/static/indexImg/icon-yuyue-zuo.svg', // // // icon: '/static/indexImg/icon-yuyue-zuo.svg',
// // // pageUrl: 'PAGES_RESERVE_SEAT_INDEX', // // // pageUrl: 'PAGES_RESERVE_SEAT_INDEX',
// // // }, // // // },
// // // { // // // {
// // // title: '预约管理', // // // title: '预约管理',
// // // icon: '/static/indexImg/icon-yuyue.svg', // // // icon: '/static/indexImg/icon-yuyue.svg',
// // // pageUrl: 'PAGES_BOOKING_INDEX', // // // pageUrl: 'PAGES_BOOKING_INDEX',
// // // }, // // // },
// // // { // // // {
// // // title: '充值管理', // // // title: '充值管理',
// // // icon: '/static/indexImg/icon-recharge.svg', // // // icon: '/static/indexImg/icon-recharge.svg',
// // // pageUrl: 'PAGES_RECHARGE_INDEX', // // // pageUrl: 'PAGES_RECHARGE_INDEX',
// // // }, // // // },
// // // { // // // {
// // // title: '存酒管理', // // // title: '存酒管理',
// // // icon: '/static/indexImg/icon-wine.svg', // // // icon: '/static/indexImg/icon-wine.svg',
// // // pageUrl: 'PAGES_STORING_WINE_INDEX', // // // pageUrl: 'PAGES_STORING_WINE_INDEX',
// // // }, // // // },
// // // { // // // {
// // // title: '进件管理', // // // title: '进件管理',
// // // icon: '/static/indexImg/icon-passage.svg', // // // icon: '/static/indexImg/icon-passage.svg',
// // // pageUrl: 'PAGES_APPLYMENT', // // // pageUrl: 'PAGES_APPLYMENT',
// // // entId: 'ENT_MCH_APPLYMENT_LIST' // // // entId: 'ENT_MCH_APPLYMENT_LIST'
// // // }, // // // },
// // // { // // // {
// // // title: '商户管理', // // // title: '商户管理',
// // // icon: '/static/indexImg/business.svg', // // // icon: '/static/indexImg/business.svg',
// // // pageUrl: 'PAGES_APPLYMENT_BUSINESS', // // // pageUrl: 'PAGES_APPLYMENT_BUSINESS',
// // // entId: 'ENT_MCH_APPLYMENT_LIST' // // // entId: 'ENT_MCH_APPLYMENT_LIST'
// // // }, // // // },
// // // { // // // {
// // // title: '门店管理', // // // title: '门店管理',
// // // icon: '/static/indexImg/icon-store.svg', // // // icon: '/static/indexImg/icon-store.svg',
// // // pageUrl: 'PAGES_STORE', // // // pageUrl: 'PAGES_STORE',
// // // entId: 'ENT_MCH_STORE' // // // entId: 'ENT_MCH_STORE'
// // // }, // // // },
// // { // // {
// // title: '设备管理', // // title: '设备管理',
// // icon: '/static/indexImg/icon-calc.svg', // // icon: '/static/indexImg/icon-calc.svg',
// // pageUrl: 'PAGES_DEVICE_MAIN', // // pageUrl: 'PAGES_DEVICE_MAIN',
// // entId: 'ENT_DEVICE' // // entId: 'ENT_DEVICE'
// // }, // // },
// { // {
// title: '数据中心', // title: '数据中心',
// icon: '/static/indexImg/icon-pro.svg', // icon: '/static/indexImg/icon-pro.svg',
// pageUrl: 'PAGES_STAT', // pageUrl: 'PAGES_STAT',
// entId: 'ENT_ORDER_STATISTIC' // entId: 'ENT_ORDER_STATISTIC'
// }, // },
// { // {
// title: '商户应用', // title: '商户应用',
// icon: '/static/indexImg/icon-app.svg', // icon: '/static/indexImg/icon-app.svg',
// pageUrl: 'PAGES_APP', // pageUrl: 'PAGES_APP',
// entId: 'ENT_MCH_APP_LIST' // entId: 'ENT_MCH_APP_LIST'
// }, // },
// { // {
// title: '会员中心', // title: '会员中心',
// icon: '/static/indexImg/icon-member.svg', // icon: '/static/indexImg/icon-member.svg',
// pageUrl: 'PAGES_MEMBER_CENTER', // pageUrl: 'PAGES_MEMBER_CENTER',
// entId: 'ENT_MCH_MEMBER' // entId: 'ENT_MCH_MEMBER'
// }, // },
// { // {
// title: '广告管理', // title: '广告管理',
// icon: '/static/indexImg/icon-ad.svg', // icon: '/static/indexImg/icon-ad.svg',
// pageUrl: 'PAGES_AD_LIST', // pageUrl: 'PAGES_AD_LIST',
// entId: 'ENT_ADVERT_CONTROL' // entId: 'ENT_ADVERT_CONTROL'
// }, // },
// { // {
// title: '营销红包', // title: '营销红包',
// icon: '/static/indexImg/red-envelope.svg', // icon: '/static/indexImg/red-envelope.svg',
@ -281,7 +300,7 @@
adList: [], adList: [],
shareImgUrl: '' //分享图片 shareImgUrl: '' //分享图片
}); });
// 公告的点击事件。 // 公告的点击事件。
const listviewClickFunc = (isClickMore, record) => { const listviewClickFunc = (isClickMore, record) => {
if (isClickMore) { if (isClickMore) {
@ -344,6 +363,7 @@
/* #endif */ /* #endif */
/* #ifdef H5 */ /* #ifdef H5 */
padding-top: calc(84rpx); padding-top: calc(84rpx);
/* #endif */ /* #endif */
>view { >view {
text-align: center; text-align: center;
@ -369,4 +389,26 @@
margin-top: 50rpx; 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> </style>