apps/supplier-dispatch-h5
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

开票通知列表加下拉刷新

Browse Source
This commit is contained in:
zhouxueli
2023-08-30 15:35:50 +08:00
parent 700e35d7ed
commit 9441c68f55
1 changed files with 50 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
src/views/index/invoicingNotify.vue
View File

@ -11,39 +11,41 @@
@click-left="goBack" @click-left="goBack"
/> />
</div> </div>
<div class="itemWrap" v-for="(item,index) in notifyList" :key="index" > <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
<div class="item line1"> <div class="itemWrap" v-for="(item,index) in notifyList" :key="index" >
<div class="itemTime"> <div class="item line1">
<span class="title">开票月份:</span> <div class="itemTime">
<span class="content">{{ item.invoiceMonth }}</span> <span class="title">开票月份:</span>
<span class="content">{{ item.invoiceMonth }}</span>
</div>
<div class="orderNum">
<span class="title">总案件数:</span>
<span class="content">{{ item.orderNum }}</span>
</div>
<div class="checkBtn" @click="goPage('invoicingDetail',{id:item.batchCode,startTime:item.startTime,overTime:item.overTime})">查看 </div>
</div>
<div class="item">
<span class="title">批次号:</span>
<span class="content">{{ item.batchCode }}</span>
</div>
<div class="item">
<span class="title">结算总金额:</span>
<span class="content">{{ item.totalMoney + '元' }}</span>
</div>
<div class="item">
<span class="title">扣款金额:</span>
<span class="content">{{ item.cutMoney + '元'}}</span>
</div>
<div class="item">
<span class="title">扣款原因:</span>
<span class="content" style="color: #FF8F37;">{{ item.remark }}</span>
</div>
<div class="item">
<span class="title">最终开票金额:</span>
<span class="content">{{ item.invoiceMoney+ '元' }}</span>
</div>
</div> </div>
<div class="orderNum"> </van-pull-refresh>
<span class="title">总案件数:</span>
<span class="content">{{ item.orderNum }}</span>
</div>
<div class="checkBtn" @click="goPage('invoicingDetail',{id:item.batchCode,startTime:item.startTime,overTime:item.overTime})">查看 </div>
</div>
<div class="item">
<span class="title">批次号:</span>
<span class="content">{{ item.batchCode }}</span>
</div>
<div class="item">
<span class="title">结算总金额:</span>
<span class="content">{{ item.totalMoney + '元' }}</span>
</div>
<div class="item">
<span class="title">扣款金额:</span>
<span class="content">{{ item.cutMoney + '元'}}</span>
</div>
<div class="item">
<span class="title">扣款原因:</span>
<span class="content" style="color: #FF8F37;">{{ item.remark }}</span>
</div>
<div class="item">
<span class="title">最终开票金额:</span>
<span class="content">{{ item.invoiceMoney+ '元' }}</span>
</div>
</div>
<div v-show="show" class="bgShow"> <div v-show="show" class="bgShow">
<img src="@/assets/empty.png"> <img src="@/assets/empty.png">
</div> </div>
@ -61,13 +63,22 @@ export default {
notifyList:[], notifyList:[],
pageNum:1, pageNum:1,
pageSize:10, pageSize:10,
show:false show:false,
isLoading: false,
} }
}, },
mounted() { mounted() {
this.getNotifyList() this.getNotifyList()
}, },
methods:{ methods:{
onRefresh() {
this.pageNum=1
this.getNotifyList()
setTimeout(() => {
this.$toast('刷新成功');
this.isLoading = false;
}, 1000);
},
async getNotifyList(){ async getNotifyList(){
let res = await notifyInvoiceList({ let res = await notifyInvoiceList({
pageNum:this.pageNum, pageNum:this.pageNum,
@ -94,10 +105,10 @@ export default {
@include wh(100%,100%); @include wh(100%,100%);
background-color: #F4F5F7; background-color: #F4F5F7;
overflow-y: auto; overflow-y: auto;
box-sizing: border-box;
padding-bottom: 30px;
} }
.navBar{ .navBar{
//height: 46px;
margin-bottom: 46px; margin-bottom: 46px;
} }
.itemWrap{ .itemWrap{
@ -114,27 +125,22 @@ export default {
} }
.title{ .title{
opacity: .5; opacity: .5;
//width:55px;
} }
.content{}
} }
.line1{ .line1{
width: 100%; width: 100%;
display: flex; @include flexColBet;
justify-content: space-between;
.checkBtn{ .checkBtn{
background: #354D93; @include bgFontColor(#FFFFFF,#354D93);
border-radius: 3px;
@include wh(48px,18px); @include wh(48px,18px);
border-radius: 3px;
line-height: 18px; line-height: 18px;
text-align: center; text-align: center;
color: #FFFFFF;
} }
} }
} }
.bgShow{ .bgShow{
@include wh(100%,80%); @include wh(100%,80%);
@include flexCenter; @include flexTwoCenter;
justify-content: center;
} }
</style> </style>