pull/2/head
xiaozhiyong
2 years ago
parent
2774be4bb9
commit
29ee331456
10 changed files with 821 additions and 159 deletions
@ -0,0 +1,11 @@ |
||||
import request from '@/utils/request' |
||||
|
||||
export default { |
||||
getByPage (data) { |
||||
return request({ |
||||
url: '/oil-finance/oilCompanyAccount/getByPage', |
||||
method: 'post', |
||||
data:data |
||||
}) |
||||
} |
||||
} |
||||
@ -0,0 +1,12 @@ |
||||
|
||||
import request from '@/utils/request' |
||||
|
||||
export default { |
||||
getByPage (data) { |
||||
return request({ |
||||
url: '/oil-finance/siteChannelAccount/getByPage', |
||||
method: 'post', |
||||
data:data |
||||
}) |
||||
} |
||||
} |
||||
@ -0,0 +1,160 @@ |
||||
<template> |
||||
<view class="detail"> |
||||
<view class="card"> |
||||
<view>{{info.companyName}}</view> |
||||
<view>{{handlerNumber(info.totalBalance)}}</view> |
||||
<view>企业总余额(元)</view> |
||||
</view> |
||||
<view class="card-sec"> |
||||
<view class="first"> |
||||
<view>{{handlerNumber(info.balance)}}</view> |
||||
<view>账户总余额(元)</view> |
||||
</view> |
||||
<view class="second"> |
||||
<view class="sepcial"> |
||||
<view>{{handlerNumber(+info.outCountBalance + +info.inCountBalance)}}</view> |
||||
<view>油卡总余额</view> |
||||
</view> |
||||
<view> |
||||
<view>{{handlerNumber(info.inCountBalance)}}</view> |
||||
<view>自营油卡余额</view> |
||||
</view> |
||||
<view> |
||||
<view>{{handlerNumber(info.outCountBalance)}}</view> |
||||
<view>外营油卡余额</view> |
||||
</view> |
||||
<view class="sepcial"> |
||||
<view>{{handlerNumber(+info.rechargeRebateBalance + +info.consumeRebateBalance)}}</view> |
||||
<view>返利总余额</view> |
||||
</view> |
||||
<view> |
||||
<view>{{handlerNumber(info.rechargeRebateBalance)}}</view> |
||||
<view>充值返利余额</view> |
||||
</view> |
||||
<view> |
||||
<view>{{handlerNumber(info.consumeRebateBalance)}}</view> |
||||
<view>消费返利余额</view> |
||||
</view> |
||||
<view class="sepcial"> |
||||
<view>{{handlerNumber( +info.chargeRechargeBalance + +info.totalChargeAmount)}}</view> |
||||
<view>充值余额</view> |
||||
</view> |
||||
<view class="sepcial"> |
||||
<view>{{handlerNumber(info.chargeRechargeBalance)}}</view> |
||||
<view>赊销充值余额</view> |
||||
</view> |
||||
<view class="sepcial"> |
||||
<view>{{handlerNumber(info.totalChargeAmount)}}</view> |
||||
<view>赊销待还金额</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
// import serve from '@/api/financialCenter/business.js' |
||||
export default { |
||||
data() { |
||||
return { |
||||
info: {} |
||||
|
||||
} |
||||
}, |
||||
onLoad(options) { |
||||
if (options.item) { |
||||
this.info = JSON.parse(decodeURI(options.item)) |
||||
} |
||||
}, |
||||
methods: { |
||||
handlerNumber(number) { |
||||
if (number == 0) return number |
||||
if (!number) { |
||||
return '--' |
||||
} |
||||
return +number.toFixed(2) |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style> |
||||
.detail { |
||||
padding: 100rpx 35rpx 0; |
||||
|
||||
} |
||||
|
||||
.sepcial { |
||||
padding-top: 13rpx !important; |
||||
} |
||||
|
||||
.sepcial view:nth-of-type(1) { |
||||
font-size: 38rpx; |
||||
} |
||||
|
||||
.card { |
||||
padding: 50rpx 40rpx 0; |
||||
wdith: 100%; |
||||
height: 285rpx; |
||||
background: url('https://publicxingyou.oss-cn-hangzhou.aliyuncs.com/mp-oil/oms-card-bg.png') #fff 100%/100% no-repeat; |
||||
border-radius: 30rpx; |
||||
} |
||||
|
||||
.card view { |
||||
color: #fff; |
||||
} |
||||
|
||||
.card view:nth-of-type(2) { |
||||
margin-top: 60rpx; |
||||
font-size: 44rpx; |
||||
} |
||||
|
||||
.card view:nth-of-type(1), |
||||
.card view:nth-of-type(3) { |
||||
font-size: 26rpx; |
||||
} |
||||
|
||||
.card-sec { |
||||
width: 100%; |
||||
min-height: 500rpx; |
||||
padding: 45rpx 35rpx; |
||||
background: #FAEBD770; |
||||
border-radius: 30rpx; |
||||
} |
||||
|
||||
.card-sec .first { |
||||
width: 100%; |
||||
} |
||||
|
||||
.card-sec .first view:nth-of-type(1) { |
||||
font-size: 46rpx; |
||||
} |
||||
|
||||
.card-sec .first view:nth-of-type(2) { |
||||
font-size: 26rpx; |
||||
} |
||||
|
||||
.card-sec .second { |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
margin-top: 20rpx; |
||||
|
||||
} |
||||
|
||||
.card-sec .second>view { |
||||
padding-top: 20rpx; |
||||
padding-left: 5rpx; |
||||
width: 33.3%; |
||||
height: 120rpx; |
||||
} |
||||
|
||||
.card-sec .second>view view:nth-of-type(1) { |
||||
color: #333; |
||||
word-break: break-word; |
||||
} |
||||
|
||||
.card-sec .second>view view:nth-of-type(2) { |
||||
color: #696969; |
||||
font-size: 24rpx; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,153 @@ |
||||
<template> |
||||
<view style="height: 100vh;display: flex;flex-direction: column;"> |
||||
<view class="header"> |
||||
<view :style="{height:styles.top+'px'}"></view> |
||||
<uni-nav-bar @clickLeft='jump(-1)' :border="false" color='white' backgroundColor="rgba(0,0,0,0)" |
||||
left-icon="back" title="公司账户管理" /> |
||||
<view class="seach"> |
||||
<uni-easyinput @confirm='seachFn' style="border-radius:12rpx ;" prefixIcon="search" |
||||
placeholder-style="color:#bbb;font-weight: 100;" confirmType="搜索" v-model="paramter.params.companyName" |
||||
placeholder="请输入公司名称"> |
||||
</uni-easyinput> |
||||
</view> |
||||
</view> |
||||
<view style="flex:1;overflow: hidden;"> |
||||
<scroll-view style="height: 100%;" scroll-y="true" @scrolltolower='scrolltolower'> |
||||
<view class="container"> |
||||
<view class="item" v-for="item,index in tableList" :key="index" |
||||
@tap="jump(1,'/financialCenter/business/detail',item)"> |
||||
<image class="logo"></image> |
||||
<view>{{item.companyName}}</view> |
||||
<view>企业总余额：{{handlerNumber(item.totalBalance)}}</view> |
||||
</view> |
||||
</view> |
||||
</scroll-view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import serve from '@/api/financialCenter/business.js' |
||||
export default { |
||||
data() { |
||||
return { |
||||
styles: {}, |
||||
paramter: { |
||||
currentPage: 1, |
||||
pageSize: 10, |
||||
params: { |
||||
companyName:'' |
||||
} |
||||
}, |
||||
tableList: [] |
||||
} |
||||
}, |
||||
onLoad() { |
||||
this.styles = uni.getMenuButtonBoundingClientRect() |
||||
this.getByPage() |
||||
}, |
||||
// onShow() { |
||||
// this.getByPage() |
||||
// }, |
||||
methods: { |
||||
seachFn() { |
||||
this.tableList = [] |
||||
this.paramter.currentPage = 1 |
||||
this.getByPage() |
||||
console.log('seachFn') |
||||
}, |
||||
getByPage() { |
||||
serve.getByPage(this.paramter).then(res => { |
||||
this.tableList = this.tableList.concat(res.data.list); |
||||
}) |
||||
}, |
||||
// 触底加载 |
||||
scrolltolower() { |
||||
this.paramter.currentPage += 1 |
||||
this.getByPage() |
||||
|
||||
}, |
||||
handlerNumber(number) { |
||||
if (number == 0) return number |
||||
if (!number) { |
||||
return '--' |
||||
} |
||||
return +number.toFixed(2) |
||||
}, |
||||
jump(e, path,item) { |
||||
switch (e) { |
||||
case -1: |
||||
uni.navigateBack() |
||||
break; |
||||
case 1: |
||||
uni.navigateTo({ |
||||
url: `${path}?item=${encodeURI(JSON.stringify(item))}` |
||||
}) |
||||
break; |
||||
} |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style> |
||||
.uni-easyinput__content { |
||||
background-color: #fff; |
||||
} |
||||
|
||||
.header { |
||||
position: relative; |
||||
width: 100%; |
||||
min-height: 403rpx; |
||||
background: url('https://xoi-support.oss-cn-hangzhou.aliyuncs.com/星油admin小程序/sjbj.png') center/100% no-repeat; |
||||
} |
||||
|
||||
.header .seach { |
||||
margin-top: 60rpx; |
||||
padding: 0 50rpx; |
||||
} |
||||
|
||||
.container { |
||||
padding: 30rpx 55rpx; |
||||
} |
||||
|
||||
.container .item { |
||||
position: relative; |
||||
margin-bottom: 25rpx; |
||||
padding-top: 60rpx; |
||||
height: 200rpx; |
||||
width: 100%; |
||||
background: #fff; |
||||
/* border: 1px solid #333; */ |
||||
border-radius: 10rpx; |
||||
} |
||||
|
||||
.container .item .logo { |
||||
position: absolute; |
||||
left: 20rpx; |
||||
top: 50%; |
||||
transform: translateY(-50%); |
||||
width: 100rpx; |
||||
height: 100rpx; |
||||
border-radius: 50%; |
||||
border: 1px solid #333; |
||||
} |
||||
|
||||
.container .item view { |
||||
padding-left: 150rpx; |
||||
|
||||
} |
||||
|
||||
.container .item view:nth-of-type(1) { |
||||
/* margin-top: 57rpx; */ |
||||
color: #333; |
||||
font-size: 30rpx; |
||||
font-weight: 550; |
||||
} |
||||
|
||||
.container .item view:nth-of-type(2) { |
||||
margin-top: 10rpx; |
||||
color: #778899; |
||||
font-size: 24rpx; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,120 @@ |
||||
<template> |
||||
<view class="detail"> |
||||
<view class="card"> |
||||
<view>{{info.accountName}}</view> |
||||
<view>{{handlerNumber(info.balance)}}</view> |
||||
<view>账户总余额(元)</view> |
||||
</view> |
||||
<view class="card-sec"> |
||||
<view class="second"> |
||||
<view class="sepcial"> |
||||
<view>{{handlerNumber(info.rechargeBalance)}}</view> |
||||
<view>账户充值余额</view> |
||||
</view> |
||||
<view class="sepcial"> |
||||
<view>{{handlerNumber(info.rechargeRebateBalance)}}</view> |
||||
<view>充值返利余额</view> |
||||
</view> |
||||
<view class="sepcial"> |
||||
<view>{{handlerNumber(info.consumeRebateBalance)}}</view> |
||||
<view>消费返利余额</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
info: {} |
||||
} |
||||
}, |
||||
onLoad(options) { |
||||
if (options.item) { |
||||
this.info = JSON.parse(decodeURI(options.item)) |
||||
} |
||||
}, |
||||
methods: { |
||||
handlerNumber(number) { |
||||
console.log(number) |
||||
if (number == 0) return number |
||||
if (!number) { |
||||
return '--' |
||||
} |
||||
return +number.toFixed(2) |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style> |
||||
.detail { |
||||
padding: 100rpx 35rpx 0; |
||||
|
||||
} |
||||
|
||||
.sepcial { |
||||
padding-top: 13rpx !important; |
||||
} |
||||
|
||||
.sepcial view:nth-of-type(1) { |
||||
font-size: 38rpx; |
||||
} |
||||
|
||||
.card { |
||||
padding: 50rpx 40rpx 0; |
||||
wdith: 100%; |
||||
height: 285rpx; |
||||
background: url('https://publicxingyou.oss-cn-hangzhou.aliyuncs.com/mp-oil/oms-card-bg.png') #fff 100%/100% no-repeat; |
||||
border-radius: 30rpx; |
||||
} |
||||
|
||||
.card view { |
||||
color: #fff; |
||||
} |
||||
|
||||
.card view:nth-of-type(2) { |
||||
margin-top: 60rpx; |
||||
font-size: 44rpx; |
||||
} |
||||
|
||||
.card view:nth-of-type(1), |
||||
.card view:nth-of-type(3) { |
||||
font-size: 26rpx; |
||||
/* margin-top: 10rpx; */ |
||||
} |
||||
|
||||
.card-sec { |
||||
width: 100%; |
||||
/* min-height: 500rpx; */ |
||||
padding: 35rpx; |
||||
background: #FAEBD770; |
||||
border-radius: 30rpx; |
||||
} |
||||
|
||||
.card-sec .second { |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
margin-top: 20rpx; |
||||
|
||||
} |
||||
|
||||
.card-sec .second>view { |
||||
padding-top: 20rpx; |
||||
padding-left: 5rpx; |
||||
width: 33.3%; |
||||
height: 120rpx; |
||||
} |
||||
|
||||
.card-sec .second>view view:nth-of-type(1) { |
||||
color: #333; |
||||
word-break: break-word; |
||||
} |
||||
|
||||
.card-sec .second>view view:nth-of-type(2) { |
||||
color: #696969; |
||||
font-size: 24rpx; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,149 @@ |
||||
<template> |
||||
<view style="height: 100vh;display: flex;flex-direction: column; background: #F0F2FF;"> |
||||
<view class="header"> |
||||
<view :style="{height:styles.top+'px'}"></view> |
||||
<uni-nav-bar @clickLeft='jump(-1)' :border="false" color='white' backgroundColor="rgba(0,0,0,0)" |
||||
left-icon="back" title="油站账户管理" /> |
||||
<view class="seach"> |
||||
<uni-easyinput @confirm='seachFn' style="border-radius:12rpx ;" prefixIcon="search" |
||||
placeholder-style="color:#bbb;font-weight: 100;" confirmType="搜索" |
||||
v-model="paramter.params.accountName" placeholder="请输入油站账户名称"> |
||||
</uni-easyinput> |
||||
</view> |
||||
</view> |
||||
<view style="flex:1;overflow: hidden;"> |
||||
<scroll-view style="height: 100%;" scroll-y="true" @scrolltolower='scrolltolower'> |
||||
<view class="container"> |
||||
<view class="item" v-for="item,index in tableList" :key="index" |
||||
@tap="jump(1,'/financialCenter/serviceStation/detail',item)"> |
||||
<image class="logo"></image> |
||||
<view>{{item.accountName}}</view> |
||||
<view>账户总余额：{{handlerNumber(item.balance)}}</view> |
||||
</view> |
||||
</view> |
||||
</scroll-view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import serve from '@/api/financialCenter/serviceStation.js' |
||||
export default { |
||||
data() { |
||||
return { |
||||
styles: {}, |
||||
paramter: { |
||||
currentPage: 1, |
||||
pageSize: 10, |
||||
params: { |
||||
accountName: '' |
||||
} |
||||
}, |
||||
tableList: [] |
||||
} |
||||
}, |
||||
onLoad() { |
||||
this.styles = uni.getMenuButtonBoundingClientRect() |
||||
this.getByPage() |
||||
}, |
||||
// onShow() { |
||||
// this.getByPage() |
||||
// }, |
||||
methods: { |
||||
seachFn() { |
||||
this.tableList = [] |
||||
this.paramter.currentPage = 1 |
||||
this.getByPage() |
||||
console.log('seachFn') |
||||
}, |
||||
getByPage() { |
||||
serve.getByPage(this.paramter).then(res => { |
||||
this.tableList = this.tableList.concat(res.data.list); |
||||
}) |
||||
}, |
||||
// 触底加载 |
||||
scrolltolower() { |
||||
this.paramter.currentPage += 1 |
||||
this.getByPage() |
||||
}, |
||||
handlerNumber(number) { |
||||
if (number == 0) return number |
||||
if (!number) { |
||||
return '--' |
||||
} |
||||
return +number.toFixed(2) |
||||
}, |
||||
jump(e, path, item) { |
||||
switch (e) { |
||||
case -1: |
||||
uni.navigateBack() |
||||
break; |
||||
case 1: |
||||
uni.navigateTo({ |
||||
url: `${path}?item=${encodeURI(JSON.stringify(item))}` |
||||
}) |
||||
break; |
||||
} |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style> |
||||
.uni-easyinput__content { |
||||
background-color: #fff; |
||||
} |
||||
|
||||
.header { |
||||
position: relative; |
||||
width: 100%; |
||||
min-height: 403rpx; |
||||
background: url('https://xoi-support.oss-cn-hangzhou.aliyuncs.com/星油admin小程序/sjbj.png') center/100% no-repeat; |
||||
} |
||||
|
||||
.header .seach { |
||||
margin-top: 30rpx; |
||||
padding: 0 50rpx; |
||||
} |
||||
|
||||
.container { |
||||
padding: 30rpx 55rpx; |
||||
} |
||||
|
||||
.container .item { |
||||
position: relative; |
||||
margin-bottom: 25rpx; |
||||
padding-top: 60rpx; |
||||
height: 200rpx; |
||||
width: 100%; |
||||
background: #fff; |
||||
border-radius: 10rpx; |
||||
} |
||||
|
||||
.container .item .logo { |
||||
position: absolute; |
||||
left: 20rpx; |
||||
top: 50%; |
||||
transform: translateY(-50%); |
||||
width: 100rpx; |
||||
height: 100rpx; |
||||
border-radius: 50%; |
||||
border: 1px solid #333; |
||||
} |
||||
|
||||
.container .item view { |
||||
padding-left: 150rpx; |
||||
} |
||||
|
||||
.container .item view:nth-of-type(1) { |
||||
color: #333; |
||||
font-size: 30rpx; |
||||
font-weight: 550; |
||||
} |
||||
|
||||
.container .item view:nth-of-type(2) { |
||||
margin-top: 10rpx; |
||||
color: #778899; |
||||
font-size: 24rpx; |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue