更新
This commit is contained in:
xiaozhiyong
287
financialCenter/settlementDoc/manage/index.vue
Normal file
287
financialCenter/settlementDoc/manage/index.vue
Normal file
@@ -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>
|
||||
Reference in New Issue
Block a user