no message

pages/process/index/index.js

@@ -12,6 +12,7 @@ Component({
    * 页面的初始数据
    */
   data: {
+    height: app.globalData.safeFragmentHeight,
     tabList: [
       { status: 0, badge: 2, name: '定价', icon: '/assets/image/icon_pricing.png' },
       { status: 1, badge: 4, name: '过磅审核', icon: '/assets/image/icon_checking.png' },
@@ -23,6 +24,7 @@ Component({
   lifetimes: {
     // 生命周期函数，可以为函数，或一个在methods段中定义的方法名
     attached: function () {
+      this.setData({ height: app.globalData.safeFragmentHeight - 100 })
       event.on('EventMessage', this, this.onEvent)
     },
     detached: function () {

pages/process/index/index.wxml

@@ -3,20 +3,92 @@
   <view slot="content" style="color:black;font-size:36rpx">工作台</view>
 </cu-custom>
 
-<view style="height:250rpx;background-color:#008AFF;border-radius: 0rpx 0rpx 12rpx 12rpx;">
-  <view class="flex flex-center" style="padding:32rpx 28rpx;justify-content: flex-start">
-    <image style="width:100rpx;height:100rpx" src="/assets/image/icon_logo.png"></image>
-    <view class="text-xxl text-bold" style="color:white;margin-left:32rpx">钟落潭打包厂</view>
+<scroll-view scroll-y style="height: {{height}}rpx;">
+  <view style="height:250rpx;background-color:#008AFF;border-radius: 0rpx 0rpx 12rpx 12rpx;">
+    <view class="flex flex-center" style="padding:32rpx 28rpx;justify-content: flex-start">
+      <image style="width:100rpx;height:100rpx" src="/assets/image/icon_logo.png"></image>
+      <view class="text-xxl text-bold" style="color:white;margin-left:32rpx">钟落潭打包厂</view>
+    </view>
   </view>
-</view>
 
-<view style="padding: 0rpx 28rpx;margin-top:-90rpx">
-  <view class="bg-white" style="border-radius: 20rpx;padding: 24rpx 0rpx">
-    <view class="text-black text-sg text-bold" style="padding: 0rpx 28rpx 12rpx 28rpx">收货订单</view>
-    <van-grid column-num="5" border="{{fasle}}">
-      <van-grid-item wx:for="{{ tabList }}" wx:key="index" data-status="{{item.status}}" bind:click="toOrderList" text="{{item.name}}">
-        <van-icon slot="icon" name="{{ item.icon }}" size="68rpx" info="{{item.badge}}" />
-      </van-grid-item>
-    </van-grid>
+  <view style="padding: 0rpx 28rpx;margin-top:-90rpx">
+    <view class="bg-white" style="border-radius: 20rpx;padding: 24rpx 0rpx 8rpx 0rpx">
+      <view class="flex flex-justify" style="padding: 0rpx 28rpx 24rpx 28rpx">
+        <view class="text-black text-sg text-bold">收货统计</view>
+        <view class="flex flex-center">
+          <view class="text-black text-sm" style="margin-right:8rpx">今日</view>
+          <van-icon name="arrow-down" />
+        </view>
+      </view>
+      <view class="flex" style="padding:0rpx 0rpx 24rpx 0rpx">
+        <view style="flex:1;padding:0rpx 32rpx;margin-right:12rpx">
+          <view class="flex flex-center" style="justify-content: flex-start">
+            <view style="height:24rpx;width:6rpx;background:#007AFF"></view>
+            <view class="text-black text-sm" style="margin-left: 12rpx">收货重量</view>
+          </view>
+          <view class="text-xxl text-bold" style="margin:12rpx 0rpx">30.000吨</view>
+          <view class="text-gray text-sm">查看收货详情</view>
+        </view>
+        <view style="flex:1;padding:0rpx 32rpx;margin-left:12rpx" bindtap="orderList">
+          <view class="flex flex-center" style="justify-content: flex-start">
+            <view style="height:24rpx;width:6rpx;background:#FF8413"></view>
+            <view class="text-black text-sm" style="margin-left: 12rpx">收货金额</view>
+          </view>
+          <view class="text-xxl text-bold text-price" style="margin:12rpx 0rpx">10998.23</view>
+        </view>
+      </view>
+    </view>
   </view>
-</view>
+
+  <view style="padding: 0rpx 28rpx;margin-top:24rpx">
+    <view class="bg-white" style="border-radius: 20rpx;padding: 24rpx 0rpx">
+      <view class="text-black text-sg text-bold" style="padding: 0rpx 28rpx 12rpx 28rpx">收货订单</view>
+      <van-grid column-num="5" border="{{fasle}}">
+        <van-grid-item wx:for="{{ tabList }}" wx:key="index" data-status="{{item.status}}" bind:click="toOrderList" text="{{item.name}}">
+          <van-icon slot="icon" name="{{ item.icon }}" size="68rpx" info="{{item.badge}}" />
+        </van-grid-item>
+      </van-grid>
+    </view>
+  </view>
+
+  <view style="padding: 0rpx 28rpx;margin-top:24rpx">
+    <view class="bg-white" style="border-radius: 20rpx;padding: 24rpx 0rpx 8rpx 0rpx">
+      <view class="flex flex-justify" style="padding: 0rpx 28rpx 24rpx 28rpx">
+        <view class="text-black text-sg text-bold">出货统计</view>
+        <view class="flex flex-center">
+          <view class="text-black text-sm" style="margin-right:8rpx">今日</view>
+          <van-icon name="arrow-down" />
+        </view>
+      </view>
+      <view class="flex" style="padding:0rpx 0rpx 24rpx 0rpx">
+        <view style="flex:1;padding:0rpx 32rpx;margin-right:12rpx">
+          <view class="flex flex-center" style="justify-content: flex-start">
+            <view style="height:24rpx;width:6rpx;background:#007AFF"></view>
+            <view class="text-black text-sm" style="margin-left: 12rpx">收货重量</view>
+          </view>
+          <view class="text-xxl text-bold" style="margin:12rpx 0rpx">30.000吨</view>
+          <view class="text-gray text-sm">查看收货详情</view>
+        </view>
+        <view style="flex:1;padding:0rpx 32rpx;margin-left:12rpx" bindtap="orderList">
+          <view class="flex flex-center" style="justify-content: flex-start">
+            <view style="height:24rpx;width:6rpx;background:#FF8413"></view>
+            <view class="text-black text-sm" style="margin-left: 12rpx">收货金额</view>
+          </view>
+          <view class="text-xxl text-bold text-price" style="margin:12rpx 0rpx">10998.23</view>
+        </view>
+      </view>
+    </view>
+  </view>
+
+  <view style="padding: 0rpx 28rpx;margin-top:24rpx">
+    <view class="bg-white" style="border-radius: 20rpx;padding: 24rpx 0rpx">
+      <view class="text-black text-sg text-bold" style="padding: 0rpx 28rpx 12rpx 28rpx">收货订单</view>
+      <van-grid column-num="5" border="{{fasle}}">
+        <van-grid-item wx:for="{{ tabList }}" wx:key="index" data-status="{{item.status}}" bind:click="toOrderList" text="{{item.name}}">
+          <van-icon slot="icon" name="{{ item.icon }}" size="68rpx" info="{{item.badge}}" />
+        </van-grid-item>
+      </van-grid>
+    </view>
+  </view>
+  <view style="height:24rpx;"></view>
+</scroll-view>