caoliancun/wx_oms
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

中秋更新

Browse Source
This commit is contained in:
caolc
2022-09-09 14:59:48 +08:00
parent fa1b5f31bd
commit d659190a9e
246 changed files with 2674 additions and 2437 deletions
Download Patch File Download Diff File Expand all files Collapse all files

224
salesRanking/page/rechargeRecord/rechargeRecord.vue
View File

@@ -1,18 +1,65 @@
<template>
<view class="re_body">
<view class="header">
<view :style="{height:showDetails?'':'184rpx'}" class="header">
<view class="header_item">
<view >
<view><text style="font-size: 48rpx;color: #FFFFFF;">{{dedata.gasStationBalance|price}}</text> <text style="color: #BBBBBB;font-size:26rpx ;">￥</text> </view>
<view style="font-size: 24rpx;color: #FFFFFF; margin-top: 14rpx; text-align: center;">{{dedata.routerIndex?'站点':'企业'}}账户余额</view>
<view class="dd">
<view class="page-1">
<text style="font-size: 48rpx;color: #FFFFFF;">{{dedata.gasStationBalance|price}}</text>
<text style="color: #BBBBBB;font-size:26rpx ;">￥</text>
<view @click="xxFn"
style=" font-size: 24rpx;color: #FFFFFF; margin-top: 14rpx; text-align: center;width: 100%;display: flex;justify-content:center;">
{{dedata.routerIndex?'站点':'企业'}}账户余额
<view v-if="!dedata.routerIndex" :style="{transform:`rotate(${showDetails?'180':''}deg)`}"
style="transition: all .3s;margin-left: 10rpx;">
<uni-icons type="bottom" size="13" color="#bbbbbb" style=""></uni-icons>
</view>
</view>
</view>
</view>
<view v-if="!dedata.routerIndex" class="header_item-details-container">
<view class="header_item-details">
<view style="width: 155rpx;text-align: right;">
<text class="header_item-details-label">外请</text>
</view>
<view style="flex: 1;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
{{dedata.outCountBalance|price}}
<text class="smalltext">￥</text>
</view>
</view>
<view class="header_item-details">
<view style="width: 155rpx;text-align: right;">
<text class="header_item-details-label">自营</text>
</view>
<view style="flex: 1;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
{{dedata.inCountBalance|price}}
<text class="smalltext">￥</text>
</view>
</view>
</view>
</view>
<view class="header_item">
<view >
<view><text style="font-size: 48rpx;color: #FFFFFF;">{{dedata.amountYesterday|price}}</text> <text style="color: #BBBBBB;font-size:26rpx ;">￥</text> </view>
<view style="font-size: 24rpx;color: #FFFFFF; margin-top: 14rpx; text-align: center;">昨日充值金额</view>
<view class="dd">
<view class="page-1">
<text style="font-size: 48rpx;color: #FFFFFF;">{{dedata.amountYesterday|price}}</text>
<text style="color: #BBBBBB;font-size:26rpx ;">￥</text>
<view
style="font-size: 24rpx;color: #FFFFFF; margin-top: 14rpx; text-align: center;width: 100%;">
昨日充值金额
</view>
</view>
</view>
</view>
<!-- <view class="header_item">
<view class="dd">
<view class="page-1">
<text style="font-size: 48rpx;color: #FFFFFF;">{{dedata.amountYesterday|price}}</text>
<text style="color: #BBBBBB;font-size:26rpx ;">￥</text>
<view style="font-size: 24rpx;color: #FFFFFF; margin-top: 14rpx; text-align: center;width: 100%;">昨日充值金额
</view>
</view>
</view>
</view> -->
</view>
<view style="margin-top:56rpx; padding: 0 46rpx;">
<view style=" font-size: 48rpx;color: #666666;margin-bottom: 42rpx;">最近记录</view>
@@ -26,7 +73,7 @@
<scroll-view style="height: 100%;" scroll-y="true" @scrolltolower='scrolltolower'>
<view v-for="(item,index) in list" class="list_item">
<view class="text">{{item.createTime}}</view>
<view class="text"><text >{{item.money.toFixed(2)}}</text> <text class="smalltext">￥</text> </view>
<view class="text"><text>{{item.money.toFixed(2)}}</text> <text class="smalltext">￥</text> </view>
</view>
</scroll-view>
</view>
@@ -39,9 +86,10 @@
export default {
data() {
return {
list:[],
dedata:null,
seleIndex:0,
list: [],
showDetails: false,
dedata: null,
seleIndex: 0,
getData: {
pageSize: 10,
currentPage: 1,
@@ -58,7 +106,7 @@
},
onLoad(e) {
if (e.jsData) {
console.log(JSON.parse(e.jsData))
console.log(JSON.parse(e.jsData),'detailsDatadetailsDatadetailsDatadetailsData')
this.dedata = JSON.parse(e.jsData)
this.getData.params.siteId = this.dedata.id
// this.getData.params.endTime = this.dedata.endTime.split(' ')[0]
@@ -67,47 +115,59 @@
this.getlist()
}
},
filters:{
price(e){
filters: {
price(e) {
return convertW.convertW(e)
}
},
methods: {
seleFn(e){
xxFn() {
this.showDetails = !this.showDetails
},
seleFn(e) {
let date = new Date
this.seleIndex=e
switch(e){
this.seleIndex = e
switch (e) {
case 0:
let day = [`${date.getFullYear()}-${date.getMonth()+1<10?'0'+(date.getMonth()+1):date.getMonth()+1}-${date.getDate()<10?'0'+date.getDate():date.getDate()}`,`${date.getFullYear()}-${date.getMonth()+1<10?'0'+(date.getMonth()+1):date.getMonth()+1}-${date.getDate()<10?'0'+date.getDate():date.getDate()}`]
this.getData.params.endTime = day[0]
this.getData.params.startTime = day[1]
break;
let day = [
`${date.getFullYear()}-${date.getMonth()+1<10?'0'+(date.getMonth()+1):date.getMonth()+1}-${date.getDate()<10?'0'+date.getDate():date.getDate()}`,
`${date.getFullYear()}-${date.getMonth()+1<10?'0'+(date.getMonth()+1):date.getMonth()+1}-${date.getDate()<10?'0'+date.getDate():date.getDate()}`
]
this.getData.params.endTime = day[0]
this.getData.params.startTime = day[1]
break;
case 1:
let yesterday = new Date((date.getTime() - (86400000)))
let yd = [`${yesterday.getFullYear()}-${yesterday.getMonth()+1<10?'0'+(yesterday.getMonth()+1):yesterday.getMonth()+1}-${yesterday.getDate()<10?'0'+yesterday.getDate():yesterday.getDate()} `,`${yesterday.getFullYear()}-${yesterday.getMonth()+1<10?'0'+(yesterday.getMonth()+1):yesterday.getMonth()+1}-${yesterday.getDate()<10?'0'+yesterday.getDate():yesterday.getDate()} `]
this.getData.params.endTime = yd[0]
this.getData.params.startTime = yd[1]
break;
let yesterday = new Date((date.getTime() - (86400000)))
let yd = [
`${yesterday.getFullYear()}-${yesterday.getMonth()+1<10?'0'+(yesterday.getMonth()+1):yesterday.getMonth()+1}-${yesterday.getDate()<10?'0'+yesterday.getDate():yesterday.getDate()} `,
`${yesterday.getFullYear()}-${yesterday.getMonth()+1<10?'0'+(yesterday.getMonth()+1):yesterday.getMonth()+1}-${yesterday.getDate()<10?'0'+yesterday.getDate():yesterday.getDate()} `
]
this.getData.params.endTime = yd[0]
this.getData.params.startTime = yd[1]
break;
case 2:
let fsday = new Date((date.getTime() - (86400000*5)))
let fd = [`${fsday.getFullYear()}-${fsday.getMonth()+1<10?'0'+(fsday.getMonth()+1):fsday.getMonth()+1}-${fsday.getDate()<10?'0'+fsday.getDate():fsday.getDate()}`,`${date.getFullYear()}-${date.getMonth()+1<10?'0'+(date.getMonth()+1):date.getMonth()+1}-${date.getDate()<10?'0'+date.getDate():date.getDate()}`]
this.getData.params.endTime = fd[1]
this.getData.params.startTime = fd[0]
break;
let fsday = new Date((date.getTime() - (86400000 * 5)))
let fd = [
`${fsday.getFullYear()}-${fsday.getMonth()+1<10?'0'+(fsday.getMonth()+1):fsday.getMonth()+1}-${fsday.getDate()<10?'0'+fsday.getDate():fsday.getDate()}`,
`${date.getFullYear()}-${date.getMonth()+1<10?'0'+(date.getMonth()+1):date.getMonth()+1}-${date.getDate()<10?'0'+date.getDate():date.getDate()}`
]
this.getData.params.endTime = fd[1]
this.getData.params.startTime = fd[0]
break;
}
this.getData.currentPage = 1
this.getlist()
},
getlist(){
sy[(this.dedata.routerIndex ? 'queryGasStationRechargeRecords':'findEnterpriseRechargeRecord')]({
getlist() {
sy[(this.dedata.routerIndex ? 'queryGasStationRechargeRecords' : 'findEnterpriseRechargeRecord')]({
pageSize: this.getData.pageSize,
currentPage: this.getData.currentPage,
params: {
[(this.dedata.routerIndex ? 'siteId':'companyId')]:this.getData.params.siteId,
[(this.dedata.routerIndex ? 'siteId' : 'companyId')]: this.getData.params.siteId,
endTime: this.getData.params.endTime,
startTime:this.getData.params.startTime
startTime: this.getData.params.startTime
}
}).then(res=>{
}).then(res => {
if (res.code !== 20000) return
if (res.data.list.length == 0) {
uni.showToast({
@@ -117,14 +177,14 @@
}
if (this.getData.currentPage !== 1) {
this.list = this.list.concat(res.data.list);
console.log(this.list,'***')
console.log(this.list, '***')
return
}
this.list = res.data.list
})
},
scrolltolower(){
this.getData.currentPage +=1;
scrolltolower() {
this.getData.currentPage += 1;
this.getlist();
// uni.showToast({
// title:'到底了',
@@ -136,15 +196,54 @@
</script>
<style scoped>
.smalltext{
.header_item-details-label {
background-color: #BBBBBB;
color: #FFFFFF;
padding: 5rpx;
margin-right: 10rpx;
}
.header_item-details-container {
height: 100rpx;
width: 100%;
text-align: center;
overflow: hidden;
}
.header_item-details {
color: #FFFFFF;
font-size: 24rpx;
color:#BBBBBB;
box-sizing: border-box;
margin-bottom: 15rpx;
display: flex;
justify-content: center;
}
.text{
.page-1 {
width: 100%;
text-align: center;
}
.dd {
width: 100%;
height: 184rpx;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.smalltext {
font-size: 24rpx;
color: #BBBBBB;
}
.text {
font-size: 28rpx;
color:#666666 ;
color: #666666;
}
.list_item{
.list_item {
width: 660rpx;
height: 120rpx;
background: #FFFFFF;
@@ -156,14 +255,16 @@
justify-content: space-between;
align-items: center;
}
.re_body{
.re_body {
width: 100%;
height: 100vh;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.sele_item{
.sele_item {
width: 140rpx;
height: 60rpx;
background: #ADCEFF;
@@ -173,7 +274,8 @@
justify-content: center;
color: white;
}
.item{
.item {
width: 140rpx;
height: 60rpx;
background: #FFFFFF;
@@ -183,23 +285,31 @@
justify-content: center;
color: #BBBBBB;
}
.sele_body{
.sele_body {
display: flex;
gap:31rpx;
gap: 31rpx;
margin-top: 42rpx;
}
.header_item{
.header_item {
height: 100%;
flex: 1;
display: flex;
justify-content: center;
align-items: center;
/* align-items: center; */
color: #FFFFFF;
flex-wrap: wrap;
overflow: hidden;
}
.header {
width: 100%;
height: 284rpx;
background: #2866FF;
display: flex;
overflow: hidden;
box-sizing: border-box;
transition: all .3s;
}
.header{
width: 100%;
height: 184rpx;
background: #2866FF;
display: flex;
}
</style>