Browse Source

no message

feature/v1.0
xpz2018 5 years ago
parent
commit
b7861eb308
2 changed files with 88 additions and 14 deletions
  1. 2
      pages/process/index/index.js
  2. 100
      pages/process/index/index.wxml

2
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 () {

100
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>
Loading…
Cancel
Save