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"
/>
</div>
<div class="itemWrap" v-for="(item,index) in notifyList" :key="index" >
<div class="item line1">
<div class="itemTime">
<span class="title">开票月份:</span>
<span class="content">{{ item.invoiceMonth }}</span>
<van-pull-refresh v-model="isLoading" @refresh="onRefresh">
<div class="itemWrap" v-for="(item,index) in notifyList" :key="index" >
<div class="item line1">
<div class="itemTime">
<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 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>
</van-pull-refresh>
<div v-show="show" class="bgShow">
<img src="@/assets/empty.png">
</div>
@ -61,13 +63,22 @@ export default {
notifyList:[],
pageNum:1,
pageSize:10,
show:false
show:false,
isLoading: false,
}
},
mounted() {
this.getNotifyList()
},
methods:{
onRefresh() {
this.pageNum=1
this.getNotifyList()
setTimeout(() => {
this.$toast('刷新成功');
this.isLoading = false;
}, 1000);
},
async getNotifyList(){
let res = await notifyInvoiceList({
pageNum:this.pageNum,
@ -94,10 +105,10 @@ export default {
@include wh(100%,100%);
background-color: #F4F5F7;
overflow-y: auto;
box-sizing: border-box;
padding-bottom: 30px;
}
.navBar{
//height: 46px;
margin-bottom: 46px;
}
.itemWrap{
@ -114,27 +125,22 @@ export default {
}
.title{
opacity: .5;
//width:55px;
}
.content{}
}
.line1{
width: 100%;
display: flex;
justify-content: space-between;
@include flexColBet;
.checkBtn{
background: #354D93;
border-radius: 3px;
@include bgFontColor(#FFFFFF,#354D93);
@include wh(48px,18px);
border-radius: 3px;
line-height: 18px;
text-align: center;
color: #FFFFFF;
}
}
}
.bgShow{
@include wh(100%,80%);
@include flexCenter;
justify-content: center;
@include flexTwoCenter;
}
</style>