|
@@ -1,9 +1,90 @@
|
|
|
//车队账单
|
|
|
<template>
|
|
|
+ <view class="center">
|
|
|
+ <view class="list_css" v-for="(item,index) in dataList">
|
|
|
+ <view class="list_css_item_top">
|
|
|
+ <view class="list_css_left">{{item.orderNo}}</view>
|
|
|
+ <view class="list_css_right">{{item.payeeName}} 承运</view>
|
|
|
+ </view>
|
|
|
+ <view class="list_css_item_middle">
|
|
|
+ <view class="list_css_left">{{item.paymentType}} {{item.amountMoney}}</view>
|
|
|
+ <view class="list_css_right">账号尾号 {{item.bankNo}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="list_css_item_lower">
|
|
|
+ <view class="list_css_left">{{item.paymentDate}}</view>
|
|
|
+ </view>
|
|
|
+ <u-divider t></u-divider>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import {
|
|
|
+ mapState
|
|
|
+ } from 'vuex';
|
|
|
+ export default{
|
|
|
+ data(){
|
|
|
+ return{
|
|
|
+ dataList:[]
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onLoad() {
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ onShow() {
|
|
|
+
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapState(['hasLogin', 'userInfo']),
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ getList(){
|
|
|
+ this.$request.baseRequest('get', '/hyFreightSettlementInfo/selectFleetCaptainBill', {
|
|
|
+ carCaptainCommonId:this.userInfo.id,
|
|
|
+ pageSize: 10,
|
|
|
+ currentPage: 1
|
|
|
+ }).then(res => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ if(res.data){
|
|
|
+ this.dataList = res.data.records
|
|
|
+ for(let i = 0;i<this.dataList.length;i++){
|
|
|
+ if(this.dataList[i].bankCard){
|
|
|
+ this.dataList[i].bankNo = this.dataList[i].bankCard.substr(this.dataList[i].bankCard.length - 4)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ uni.$u.toast(res.message);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(res => {
|
|
|
+ uni.hideLoading()
|
|
|
+ uni.$u.toast(res.message);
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
</script>
|
|
|
|
|
|
-<style>
|
|
|
+<style lang="scss" scoped>
|
|
|
+ .center{
|
|
|
+ padding: 20rpx 30rpx;
|
|
|
+
|
|
|
+ }
|
|
|
+ .list_css{
|
|
|
+ margin-top: 20rpx;
|
|
|
+ .list_css_item_middle,.list_css_item_top,.list_css_item_lower{
|
|
|
+ display: flex;
|
|
|
+ margin-bottom: 20rpx;
|
|
|
+ }
|
|
|
+ .list_css_right,.list_css_left{
|
|
|
+ width: 50%;
|
|
|
+ }
|
|
|
+ .list_css_right{
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|