完成发票初始版本

pages/invoiceList/components/already/index.js

@@ -1,3 +1,7 @@
+import { getAlreadyInvoiceList } from "../../../../service/invoice"
+import { alertInfo } from "../../../../utils/index";
+import request from '../../../../utils/request'
+const { OK } = request;
 // pages/invoiceList/components/already/index.js
 Component({
 
@@ -12,13 +16,45 @@ Component({
    * 组件的初始数据
    */
   data: {
-
+    page: 1,
+    list: []
+  },
+  onRefresh() {
+    console.log('--------------')
+  },
+  lifetimes: {
+    attached() {
+      this.getList();
+    }
   },
-
   /**
    * 组件的方法列表
    */
   methods: {
-
+    async getList() {
+      const { page, list = [] } = this.data;
+      const { code, message, data } = await getAlreadyInvoiceList(page);
+      if (!data.length) {
+        alertInfo("没用更多数据了")
+        return
+      }
+      this.setData({
+        list: [...list, ...data, ],
+        page: page + 1,
+      })
+    },
+    scrollToLower() {
+      this.getList();
+    },
+    jumpToDetail() {
+      wx.navigateTo({
+        url: '/pages/invoiceDetail/index',
+      })
+    },
+    jumpToDetailContent() {
+      wx.navigateTo({
+        url: '/pages/invoiceDetailContent/index',
+      })
+    }
   }
 })

pages/invoiceList/components/already/index.wxml

@@ -1,26 +1,31 @@
 <!--pages/invoiceList/components/already/index.wxml-->
-<view class="card">
-  <view class="left">
-    <view class="title">
-      河北华昌宝能售电有限公司
-    </view>
-    <view class="invoiceContent">
-      发票内容：电费
-    </view>
-    <view class="invoiceType">
-      发票类型：增值税专用发票
-    </view>
-    <view class="time">
-      2024年3月3日 18:00:00
-    </view>
-  </view>
-  <view class="right">
-    <view class="money"> ￥3026 </view>
-    <view class="operate">
-      <view style="margin-top: 20rpx; margin-bottom: 20rpx;">
-        <van-button type="info" class="invoiceBtn" bind:click="submit" size="small">发票</van-button>
+
+
+<scroll-view scroll-y lower-threshold="100px" bindscrolltolower="scrollToLower" style="height: 80vh;" scroll-top="{{topHeight}}px" class="scrView">
+  <view class="card" wx:for="{{list}}">
+    <view class="left">
+      <view class="title">
+        {{item.invoice.name}}
+      </view>
+      <view class="invoiceContent">
+        发票内容： {{item.invoice.content}}
+      </view>
+      <view class="invoiceType">
+        发票类型：{{ item.invoice.type === 0 ? '普通电子发票' : '增值税专用电子发票' }}
+      </view>
+      <view class="time">
+        {{item.finishTime}}
+      </view>
+    </view>
+    <view class="right">
+      <view class="money"> ￥{{item.money}} </view>
+      <view class="operate">
+        <view style="margin-top: 20rpx; margin-bottom: 20rpx;">
+          <van-button type="info" class="invoiceBtn" bind:click="submit" size="small" bind:click="jumpToDetail">发票</van-button>
+        </view>
+        <van-button type="info" class="detailBtn" bind:click="submit" size="small" bind:click="jumpToDetailContent">明细</van-button>
       </view>
-      <van-button type="info" class="detailBtn" bind:click="submit" size="small">明细</van-button>
     </view>
   </view>
-</view>
+  <view  style="height: 50rpx;"></view>
+</scroll-view>