6 changed files with 340 additions and 13 deletions
@ -0,0 +1,11 @@ |
|||||||
|
import request from '@/utils/request' |
||||||
|
|
||||||
|
export default { |
||||||
|
getByOmsSettlementPage(data) { |
||||||
|
return request({ |
||||||
|
url: '/oil-finance/oilSettlementInfo/getByOmsSettlementPage', |
||||||
|
method: 'post', |
||||||
|
data: data |
||||||
|
}) |
||||||
|
}, |
||||||
|
} |
||||||
@ -0,0 +1,287 @@ |
|||||||
|
<template> |
||||||
|
<view style="height: 100vh;display: flex;flex-direction: column; "> |
||||||
|
<view class="header"> |
||||||
|
<view :style="{height:styles.top+'px'}" class="top"></view> |
||||||
|
<uni-nav-bar @clickLeft='back' color='white' backgroundColor="rgba(0,0,0,0)" left-icon="back" |
||||||
|
title="结算单管理" /> |
||||||
|
|
||||||
|
<view class="header_seach"> |
||||||
|
<view class="header_seach_seach"> |
||||||
|
<uni-easyinput style="height: 100%; flex: 1; background-color: #FFFFFF; border-radius:12rpx ;" |
||||||
|
placeholder-style="color:#bbbbbb;font-weight: 100;" |
||||||
|
v-model="parameter.params.settlementObjectName" placeholder="企业账户名称"> |
||||||
|
</uni-easyinput> |
||||||
|
|
||||||
|
<button @tap='search' class="header_seach_butten"> |
||||||
|
<uni-icons type="search" size="20" color="#bbbbbb"></uni-icons> |
||||||
|
<view>搜索</view> |
||||||
|
</button> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view style="flex: 1;overflow: hidden;"> |
||||||
|
<scroll-view style="height: 100%;" scroll-y="true" @scrolltolower="scrolltolower"> |
||||||
|
<view v-for="(item,index) in listData" :key="index"> |
||||||
|
<view class="item"> |
||||||
|
<view class="no"><text>结算单号:</text><text>{{item.settlementNo}}</text></view> |
||||||
|
<image src="../../../static/selegs.png" |
||||||
|
style="width: 100rpx; height: 100rpx;border-radius: 50%;"></image> |
||||||
|
<view class="body"> |
||||||
|
<view class="name">{{item.settlementObjectName}}</view> |
||||||
|
<view class="price"> |
||||||
|
<text>开票金额:</text><text>{{item.invoicedAmount}}</text> |
||||||
|
<text>结算金额:</text><text>{{item.settlementAmount}}</text> |
||||||
|
</view> |
||||||
|
<view class="create"> |
||||||
|
<text>创建人信息:</text><text>{{item.createUserName}}</text> - |
||||||
|
<text>{{item.createUserPhone}}</text> |
||||||
|
</view> |
||||||
|
|
||||||
|
</view> |
||||||
|
<view class="bottom-region"> |
||||||
|
<text>{{item.createTime}}</text> |
||||||
|
<text |
||||||
|
:style="{color: item.settlementState == 2 ? '#13ce66' : '#ffba00'}">{{item.settlementState == 2 ?'已开票' : '待开票'}}</text> |
||||||
|
</view> |
||||||
|
|
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</scroll-view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import serve from '@/api/financialCenter/settlementDoc.js' |
||||||
|
export default { |
||||||
|
|
||||||
|
data() { |
||||||
|
return { |
||||||
|
controlWindows: { |
||||||
|
datePopup: false |
||||||
|
}, |
||||||
|
parameter: { |
||||||
|
pageSize: 15, |
||||||
|
currentPage: 1, |
||||||
|
params: { |
||||||
|
settlementObjectName: '', |
||||||
|
businessLeader: '', |
||||||
|
}, |
||||||
|
sorted: { |
||||||
|
|
||||||
|
} |
||||||
|
}, |
||||||
|
styles: {}, |
||||||
|
listData: [], |
||||||
|
userInfo: uni.getStorageSync('user'), |
||||||
|
|
||||||
|
} |
||||||
|
}, |
||||||
|
|
||||||
|
onLoad() { |
||||||
|
this.styles = uni.getMenuButtonBoundingClientRect() |
||||||
|
this.search(); |
||||||
|
}, |
||||||
|
|
||||||
|
methods: { |
||||||
|
back() { |
||||||
|
uni.navigateBack() |
||||||
|
}, |
||||||
|
|
||||||
|
search() { |
||||||
|
this.parameter.currentPage = 1 |
||||||
|
this.getByOmsSettlementPage() |
||||||
|
}, |
||||||
|
|
||||||
|
getByOmsSettlementPage() { |
||||||
|
this.parameter.params.businessLeader = this.userInfo.id |
||||||
|
serve.getByOmsSettlementPage(this.parameter).then(res => { |
||||||
|
if (res.code !== 20000) return |
||||||
|
if (this.parameter.currentPage == 1) { |
||||||
|
if(!res.data.list.length) { |
||||||
|
uni.showToast({ |
||||||
|
title: '暂无数据~', |
||||||
|
icon:'none' |
||||||
|
}) |
||||||
|
} |
||||||
|
this.listData = res.data.list |
||||||
|
return |
||||||
|
} |
||||||
|
if (!res.data.list.length) { |
||||||
|
uni.showToast({ |
||||||
|
title: '没有更多数据了~', |
||||||
|
icon:'none' |
||||||
|
}) |
||||||
|
return |
||||||
|
} |
||||||
|
this.listData = this.listData.concat(res.data.list); |
||||||
|
}) |
||||||
|
}, |
||||||
|
|
||||||
|
scrolltolower() { |
||||||
|
this.parameter.currentPage += 1 |
||||||
|
this.getByOmsSettlementPage() |
||||||
|
}, |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss"> |
||||||
|
page { |
||||||
|
background-color: #F0F2FF; |
||||||
|
} |
||||||
|
|
||||||
|
.item { |
||||||
|
min-height: 200rpx; |
||||||
|
position: relative; |
||||||
|
overflow: hidden; |
||||||
|
margin: 40rpx auto 0; |
||||||
|
padding: 20rpx 20rpx 15rpx 20rpx; |
||||||
|
width: 700rpx; |
||||||
|
font-size: 28rpx; |
||||||
|
background: #fff; |
||||||
|
border-radius: 12rpx; |
||||||
|
box-shadow: 0px 3px 9px 0px rgba(88, 88, 88, 0.2); |
||||||
|
|
||||||
|
.no { |
||||||
|
position: relative; |
||||||
|
height: 50rpx; |
||||||
|
padding: 0 10rpx; |
||||||
|
|
||||||
|
text { |
||||||
|
font-size: 25rpx; |
||||||
|
|
||||||
|
&:nth-of-type(1) {} |
||||||
|
|
||||||
|
&:nth-of-type(2) { |
||||||
|
float: right; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
&::after { |
||||||
|
content: ''; |
||||||
|
position: absolute; |
||||||
|
left: 0; |
||||||
|
bottom: 0; |
||||||
|
width: 100%; |
||||||
|
height: 1rpx; |
||||||
|
background: #999; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
image { |
||||||
|
position: absolute; |
||||||
|
left: 36rpx; |
||||||
|
top: 52%; |
||||||
|
transform: translateY(-50%); |
||||||
|
width: 100rpx; |
||||||
|
height: 100rpx; |
||||||
|
// border: 1px solid #333; |
||||||
|
} |
||||||
|
|
||||||
|
.body { |
||||||
|
padding-left: 150rpx; |
||||||
|
|
||||||
|
.name { |
||||||
|
margin-top: 20rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.price { |
||||||
|
margin-top: 5rpx; |
||||||
|
|
||||||
|
text { |
||||||
|
font-size: 22rpx; |
||||||
|
|
||||||
|
&:nth-of-type(2), |
||||||
|
&:nth-of-type(4) { |
||||||
|
margin-left: 20rpx; |
||||||
|
} |
||||||
|
|
||||||
|
&:nth-of-type(3) { |
||||||
|
margin-left: 50rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.create { |
||||||
|
margin-top: 5rpx; |
||||||
|
|
||||||
|
text { |
||||||
|
font-size: 22rpx; |
||||||
|
|
||||||
|
&:nth-of-type(2) { |
||||||
|
margin-left: 20rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
.bottom-region { |
||||||
|
margin-top: 30rpx; |
||||||
|
font-size: 22rpx; |
||||||
|
|
||||||
|
text { |
||||||
|
&:nth-of-type(1) { |
||||||
|
color: #bbb; |
||||||
|
} |
||||||
|
|
||||||
|
&:nth-of-type(2) { |
||||||
|
float: right; |
||||||
|
font-size: 25rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.header_seach_butten { |
||||||
|
font-size: 24rpx !important; |
||||||
|
display: flex !important; |
||||||
|
align-items: center !important; |
||||||
|
margin: 0 !important; |
||||||
|
flex-shrink: 1; |
||||||
|
margin-left: 9rpx !important; |
||||||
|
background: #FFFFFF !important; |
||||||
|
justify-content: center; |
||||||
|
} |
||||||
|
|
||||||
|
.uni-easyinput__content { |
||||||
|
height: 80rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.uni-easyinput { |
||||||
|
height: 80rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.header_seach_seach { |
||||||
|
display: flex; |
||||||
|
height: 80rpx; |
||||||
|
margin-top: 23rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.header_seach { |
||||||
|
font-size: 26rpx; |
||||||
|
padding: 0 10px; |
||||||
|
} |
||||||
|
|
||||||
|
.uni-navbar--border { |
||||||
|
border: 0px !important; |
||||||
|
} |
||||||
|
|
||||||
|
.header { |
||||||
|
position: relative; |
||||||
|
color: white; |
||||||
|
min-height: 403rpx; |
||||||
|
background: url('https://xoi-support.oss-cn-hangzhou.aliyuncs.com/星油admin小程序/sjbj.png') 100%/100%; |
||||||
|
} |
||||||
|
|
||||||
|
.uni-navbar__header-btns-right { |
||||||
|
padding-right: 0 !important; |
||||||
|
width: 120rpx !important; |
||||||
|
} |
||||||
|
|
||||||
|
.top { |
||||||
|
height: var(--status-bar-height); |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue