修改本地连接

pages/invoiceList/components/notyet/index.js

@@ -1,4 +1,9 @@
 // pages/invoiceList/components/notyet/index.js
+import { getInvoiceList } from '../../../../service/invoice';
+import { alertInfo } from '../../../../utils/index';
+import request from '../../../../utils/request';
+const { OK } = request;
+
 Component({
 
   /**
@@ -7,28 +12,80 @@ Component({
   properties: {
 
   },
-
+  lifetimes: {
+    attached() {
+      this.init();
+    }
+  },
   /**
    * 组件的初始数据
    */
   data: {
-    chooseList: []
+    chooseList: [],
+    selectList: [],
+    list: [],
+    selectCount: 0,
+    selectMoney: 0,
   },
 
   /**
    * 组件的方法列表
    */
   methods: {
+    async init() {
+      const { code, message, data } = await getInvoiceList();
+      // if (code !== OK) {
+      //   alertInfo(message)
+      //   return;
+      // }
+      this.setData({ list: data, selectList: new Array(data?.length).map(() => false) })
+    },
     onChange(e) {
-      const { id } = e.currentTarget.dataset;
-      let newList = this.data.chooseList;
+      const { id, index } = e.currentTarget.dataset;
+      // let newList = this.data.chooseList;
+      const { list } = this.data;
+      const newSelectList = this.data.selectList;
       if (e.detail) {
-        newList = [...new Set([...newList, id])]
+        newSelectList[index] = true;
+        // newList = [...new Set([...newList, id])]
       } else {
-        newList = newList.filter(item => item !== id);
+        newSelectList[index] = false;
+        // newList = newList.filter(item => item !== id);
+      }
+      let selectCount = 0;
+      let selectMoney = 0;
+      for(let i = 0; i < newSelectList.length; i ++) {
+        const item = newSelectList[i];
+        if (item) {
+          selectCount++;
+          selectMoney += list[i]?.money;
+        }
       }
       this.setData({
-        chooseList: newList,
+        // chooseList: newList,
+        selectList: newSelectList,
+        selectCount,
+        selectMoney
+      })
+    },
+    next() {
+      const { selectList, list, selectMoney, selectCount } = this.data;
+      let tenementID = "";
+      let ids = [];
+      for(let i = 0; i < selectList.length; i ++) {
+        if (selectList[i]) {
+          const currentTenementID = list[i]?.tenement?.id;
+          ids.push(list[i]?.id);
+          if (!tenementID) {
+            tenementID = currentTenementID;
+          } else if(tenementID !== currentTenementID) {
+            alertInfo("只能对一个公司开票")
+            return;
+          }
+        }
+      }
+      wx.navigateTo({
+        url: `/pages/invoicing/index?money=${selectMoney}&count=${selectCount}&tenement=${tenementID}&ids=${ids}`,
       })
     }
   }

pages/invoiceList/components/notyet/index.json

@@ -1,6 +1,7 @@
 {
   "component": true,
   "usingComponents": {
-    "van-checkbox": "@vant/weapp/checkbox/index"
+    "van-checkbox": "@vant/weapp/checkbox/index",
+    "van-button": "@vant/weapp/button/index"
   }
 }

pages/invoiceList/components/notyet/index.wxml

@@ -1,20 +1,21 @@
 
 <van-checkbox-group value="{{ chooseList }}" bind:change="onChange" max="{{ 2 }}">
-  <view class="cardWrapper">
+  <view class="cardWrapper" wx:for="{{list}}" wx:key="index">
     <view class="content">
       <view class="left">
         <view class="top">
-          <van-checkbox name="{{12}}" shape="square" bind:change="onChange" data-id="12" />
-          <view class="month">1月份</view>
-          <view class="address"> 软C306 </view>
+          <van-checkbox value="{{selectList[index]}}" shape="square" bind:change="onChange" data-index="{{index}}" data-id="{{item.id}}" />
+          <view class="month">{{item.time}}</view>
+          <view class="address"> {{ item.meter.address }} </view>
         </view>
         <view class="middle">
-          河北创新风华科技有限公司
+          {{ item.tenement.name }}
         </view>
         <view class="bottom">
-          2024年1月1日-2024年1月31日
+          {{ item.range[0] }} - {{ item.range[1] }}
         </view>
       </view>
+      <view class="rightMoney"> ￥ {{ item.money }} </view>
       <view class="right">
         待开票
       </view>
@@ -22,4 +23,11 @@
   </view>
 </van-checkbox-group>
 
+<view class="allSelect">
+  <view class="allNumber"> {{ selectCount }} </view>
+  笔订单，共
+  <view class="allMoney"> ￥ {{selectMoney}} </view>
+  <van-button size="small" type="info" bind:click="next" disabled="{{!selectCount}}"> 下一步 </van-button>
+</view>
+
 

pages/invoiceList/components/notyet/index.wxss

@@ -34,4 +34,49 @@
   padding: 14rpx 24rpx;
   border-radius: 18rpx;
   color: rgb(224, 106, 106)
+}
+
+.allSelect {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  width: 100vw;
+  height: 100rpx;
+  background-color: #fff;
+  padding: 20rpx;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+}
+
+.allNumber {
+  margin-left: 20rpx;
+  margin-right: 20rpx;
+  color: #ee0a24;
+}
+
+.allMoney {
+  flex: 1;
+  margin-left: 20rpx;
+  color: var(--money-color);
+}
+
+.content {
+  display: flex;
+  align-items: center;
+}
+
+.rightMoney {
+  position: absolute;
+  right: 20rpx;
+  top: calc(50% - 20rpx);
+  font-size: 40rpx;
+  font-weight: 600;
+}
+
+.month {
+  width: 138rpx;
+  white-space: nowrap;
+  overflow: hidden;
+
 }