订单明细行

packageA/orderForm/rows.js

@@ -0,0 +1,61 @@
+const _Http = getApp().globalData.http;
+Page({
+  data: {
+    content: {
+      pageNumber: 1,
+      pageTotal: 1,
+      pageSize: 20,
+      where: {
+        condition: "",
+        begindate: "",
+        enddate: ""
+      }
+    }
+  },
+  onLoad(options) {
+    this.getList()
+  },
+  /* 获取产品 */
+  getList(init = false) {
+    if (init.detail != undefined) init = init.detail;
+    let content = this.data.content;
+    if (init) content.pageNumber = 1;
+    if (content.pageNumber > content.pageTotal) return;
+    this.setListHeight();
+    _Http.basic({
+      "id": 20230508111703,
+      content
+    }).then(res => {
+      console.log("订单列表", res)
+      this.selectComponent('#ListBox').RefreshToComplete();
+      content.pageNumber = res.pageNumber + 1
+      content.pageTotal = res.pageTotal
+      this.setData({
+        list: res.pageNumber == 1 ? res.data : this.data.list.concat(res.data),
+        content
+      })
+    })
+  },
+  /* 修改查看日期 */
+  changeDate(e) {
+    this.data.content.where[e.currentTarget.dataset.name] = e.detail.value;
+
+    this.getList(true)
+  },
+  initialize() {
+    this.data.content.where.enddate = "";
+    this.data.content.where.begindate = "";
+    this.getList(true)
+  },
+  /* 搜索 */
+  onSearch({
+    detail
+  }) {
+    this.data.content.where.condition = detail;
+    this.getList(true)
+  },
+  /* 设置页面高度 */
+  setListHeight() {
+    this.selectComponent("#ListBox").setHeight(".head", this);
+  }
+})

packageA/orderForm/rows.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

packageA/orderForm/rows.scss

@@ -0,0 +1,27 @@
+.head {
+    width: 100vw;
+    display: flex;
+    line-height: 60rpx;
+    justify-content: center;
+    text{
+        margin: 0 20rpx;
+    }
+}
+
+.item {
+    padding: 20rpx 30rpx;
+    width: 100vw;
+    background-color: #fff;
+    border-bottom: 1px solid #ddd;
+
+    .title {
+        font-size: 28rpx;
+        font-weight: 700;
+        margin-bottom: 10rpx;
+    }
+
+    view {
+        font-size: 24rpx;
+        margin-top: 6rpx;
+    }
+}

packageA/orderForm/rows.wxml

@@ -0,0 +1,37 @@
+<van-search use-action-slot placeholder='请输入搜索关键词' shape='round' bind:search="onSearch" bind:clear="onSearch" />
+<view class="head">
+    <picker mode="date" value="{{content.where.begindate}}" data-name="begindate" bindchange='changeDate'>{{content.where.begindate||'开始日期'}}</picker>
+    <text>-</text>
+    <picker mode="date" value="{{content.where.enddate}}" data-name="enddate" bindchange='changeDate'>{{content.where.enddate||'结束日期'}}</picker>
+    <text wx:if="{{content.where.begindate||content.where.enddate}}" style="color:var( --assist);" bindtap="initialize">重置</text>
+</view>
+<Yl_ListBox id='ListBox' bind:getlist='getList'>
+    <Yl_Empty wx:if="{{list.length==0}}" />
+    <view class="item" wx:for="{{list}}" wx:key="sa_orderitemsid">
+        <view class="title">
+            {{item.type+' '+item.sonum}}
+        </view>
+        <view>
+            单据日期：{{item.billdate}}
+        </view>
+        <view>
+            产品名称：{{item.itemname||" --"}}
+        </view>
+        <view>
+            产品编码：{{item.itemno||" --"}}
+        </view>
+        <view>
+            行号：{{item.rowno}}
+        </view>
+        <view>
+            数量：{{item.qty ||"0"}}({{item.unit}})
+        </view>
+        <view>
+            未发货数量：{{item.undeliqty||"0"}}({{item.unit}})
+        </view>
+        <view>
+            备注：{{item.remarks||" --"}}
+        </view>
+    </view>
+    <view style="height:150rpx;" />
+</Yl_ListBox>