1

app.json

@@ -14,7 +14,8 @@
         "pages/control/choice/choice",
         "pages/control/order/order",
         "pages/control/result/result",
-        "pages/sorting/enter/enter"
+        "pages/sorting/enter/enter",
+        "pages/record/record"
     ],
     "window": {
         "backgroundTextStyle": "light",

pages/record/record.js

@@ -0,0 +1,67 @@
+// pages/login/login.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        showEyes: false,
+        form: {
+            phone: "",
+            password: ''
+        },
+        phone: ''
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad: function (options) {
+        // const token = wx.getStorageSync('token')
+        // console.log(token);
+        // if (!token || token == '') {
+        //     wx.setNavigationBarTitle({
+        //         title: '分拣系统',
+        //       })
+        // }else{
+        //     wx.switchTab({
+        //         url: '/pages/tabber/home/index',
+        //     })
+        // }
+    },
+    onReady(){
+       
+    },
+    close() {
+        this.data.form.phone = ''
+        this.setData({
+            phone: ''
+        })
+        console.log(this.data.phone);
+
+    },
+    inputValue1(e) {
+        let { value } = e.detail
+        this.data.form.phone = value
+        this.setData({
+            phone: value
+        })
+        console.log(this.data.phone);
+    },
+    inputValue2(e) {
+        let { value } = e.detail
+        this.data.form.password = value
+    },
+    changeEyes() {
+        this.setData({
+            showEyes: !this.data.showEyes
+        })
+    },
+    login() {
+        console.log(this.data.form);
+        wx.setStorageSync('token', "测试值")
+        wx.switchTab({
+            url: '/pages/tabber/home/index',
+        })
+    }
+})

pages/record/record.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "打包记录"
+}

pages/record/record.wxml

@@ -0,0 +1,50 @@
+<view class="page">
+  <view class="layer1">
+    <view class="box2">
+      <view class="layer2">
+        <text lines="1" class="word2">客户信息</text>
+        <text lines="1" class="word3">客户：大黄</text>
+        <text lines="1" class="word4">手机：185****0203</text>
+        <text lines="1" class="paragraph1">地址：地址信息地址信息地址信息地址信息地址信<br/>息地址信息</text>
+      </view>
+    </view>
+    <view class="box3">
+      <view class="wrap2-0">
+        <view class="main1-0">
+          <text lines="1" class="txt1-0">物流单信息</text>
+          <view class="bd1-0"></view>
+        </view>
+        <view class="main2-0">
+          <text lines="1" class="info1-0">物流单号：12-345678</text>
+        </view>
+        <view class="main3-0">
+          <text lines="1" class="word6-0">目的地：中央美术学院9号楼公寓代收点</text>
+        </view>
+        <text lines="1" class="word7-0">上门</text>
+      </view>
+      <view class="wrap2-1">
+        <view class="main1-1">
+          <text lines="1" decode="true" class="txt1-1">打包衣物&nbsp;2件</text>
+        </view>
+        <view class="main2-1">
+          <text lines="1" decode="true" class="info1-1">#1234567&nbsp;上衣-亚麻上衣</text>
+          <text lines="1" class="word5-1">防水处理|塑封包膜</text>
+        </view>
+        <view class="main3-1">
+          <text lines="1" decode="true" class="word6-1">#1234567&nbsp;上衣-亚麻上衣</text>
+          <text lines="1" class="info2-1">防水处理|塑封包膜</text>
+        </view>
+      </view>
+    </view>
+    <view class="box4">
+      <view class="layer3">
+        <view class="outer1">
+          <view class="layer4"></view>
+          <view class="layer5"></view>
+          <view class="layer6"></view>
+        </view>
+        <text lines="1" class="info3">打印物流单</text>
+      </view>
+    </view>
+  </view>
+</view>

pages/record/record.wxss

@@ -0,0 +1,404 @@
+.page {
+    position: relative;
+    width: 750rpx;
+    background-color: rgba(248,248,248,1);
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+  }
+  .layer1 {
+    width: 750rpx;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .mod1 {
+    width: 438rpx;
+    height: 64rpx;
+    flex-direction: row;
+    display: flex;
+    justify-content: space-between;
+  }
+  .wrap1 {
+    width: 166rpx;
+    height: 44rpx;
+    background-color: rgba(255,255,255,1);
+    margin-top: 10rpx;
+    display: flex;
+    flex-direction: column;
+  }
+  .img1 {
+    width: 174rpx;
+    height: 64rpx;
+  }
+  .word1 {
+    z-index: 14;
+    position: absolute;
+    left: 302rpx;
+    top: 60rpx;
+    width: 146rpx;
+    height: 50rpx;
+    display: block;
+    overflow-wrap: break-word;
+    color: rgba(74,74,74,1);
+    font-size: 36rpx;
+    letter-spacing: 0rpx;
+    font-family: PingFangSC-Semibold;
+    white-space: nowrap;
+    line-height: 50rpx;
+    text-align: left;
+  }
+  .box2 {
+    height: 292rpx;
+    border-radius: 8rpx;
+    background-color: rgba(255,255,255,1);
+    display: flex;
+    flex-direction: column;
+    padding-left: 32rpx;
+    width: 686rpx;
+    justify-content: center;
+    margin: 32rpx 0 0 32rpx;
+  }
+  .layer2 {
+    width: 620rpx;
+    height: 228rpx;
+    display: flex;
+    flex-direction: column;
+  }
+  .word2 {
+    width: 113rpx;
+    height: 28rpx;
+    display: block;
+    overflow-wrap: break-word;
+    color: rgba(51,51,51,1);
+    font-size: 28rpx;
+    letter-spacing: 0rpx;
+    font-family: PingFangSC-Medium;
+    white-space: nowrap;
+    line-height: 28rpx;
+    text-align: left;
+  }
+  .word3 {
+    width: 141rpx;
+    height: 28rpx;
+    display: block;
+    overflow-wrap: break-word;
+    color: rgba(102,102,102,1);
+    font-size: 28rpx;
+    letter-spacing: 0rpx;
+    font-family: PingFangSC-Regular;
+    white-space: nowrap;
+    line-height: 28rpx;
+    text-align: left;
+    margin-top: 32rpx;
+  }
+  .word4 {
+    width: 256rpx;
+    height: 28rpx;
+    display: block;
+    overflow-wrap: break-word;
+    color: rgba(102,102,102,1);
+    font-size: 28rpx;
+    letter-spacing: 0rpx;
+    font-family: PingFangSC-Regular;
+    white-space: nowrap;
+    line-height: 28rpx;
+    text-align: left;
+    margin-top: 24rpx;
+  }
+  .paragraph1 {
+    width: 620rpx;
+    height: 64rpx;
+    display: block;
+    overflow-wrap: break-word;
+    color: rgba(102,102,102,1);
+    font-size: 28rpx;
+    letter-spacing: 0rpx;
+    font-family: PingFangSC-Regular;
+    line-height: 28rpx;
+    text-align: left;
+    margin-top: 24rpx;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .box3 {
+    width: 686rpx;
+    height: 424rpx;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    margin: 24rpx 0 0 32rpx;
+  }
+  .wrap2-0 {
+    z-index: 21;
+    height: 204rpx;
+    border-radius: 8rpx;
+    background-color: rgba(255,255,255,1);
+    margin-bottom: 24rpx;
+    width: 686rpx;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+  }
+  .main1-0 {
+    width: 630rpx;
+    height: 56rpx;
+    flex-direction: row;
+    display: flex;
+    margin: 24rpx 0 0 32rpx;
+  }
+  .txt1-0 {
+    width: 168rpx;
+    height: 28rpx;
+    display: block;
+    overflow-wrap: break-word;
+    color: rgba(51,51,51,1);
+    font-size: 28rpx;
+    letter-spacing: 0rpx;
+    font-family: PingFangSC-Medium;
+    white-space: nowrap;
+    line-height: 28rpx;
+    text-align: left;
+    margin-top: 8rpx;
+  }
+  .bd1-0 {
+    width: 109rpx;
+    height: 56rpx;
+    border-radius: 4rpx;
+    border: 2px solid rgba(70,153,255,1);
+    margin-left: 380rpx;
+    display: flex;
+    flex-direction: column;
+  }
+  .main2-0 {
+    width: 287rpx;
+    height: 28rpx;
+    flex-direction: row;
+    display: flex;
+    margin: 12rpx 0 0 32rpx;
+  }
+  .info1-0 {
+    width: 287rpx;
+    height: 28rpx;
+    display: block;
+    overflow-wrap: break-word;
+    color: rgba(102,102,102,1);
+    font-size: 28rpx;
+    letter-spacing: 0rpx;
+    font-family: PingFangSC-Regular;
+    white-space: nowrap;
+    line-height: 28rpx;
+    text-align: left;
+  }
+  .main3-0 {
+    width: 496rpx;
+    height: 28rpx;
+    flex-direction: row;
+    display: flex;
+    margin: 24rpx 0 32rpx 32rpx;
+  }
+  .word6-0 {
+    width: 496rpx;
+    height: 28rpx;
+    display: block;
+    overflow-wrap: break-word;
+    color: rgba(102,102,102,1);
+    font-size: 28rpx;
+    letter-spacing: 0rpx;
+    font-family: PingFangSC-Regular;
+    white-space: nowrap;
+    line-height: 28rpx;
+    text-align: left;
+  }
+  .word7-0 {
+    z-index: 30;
+    position: absolute;
+    left: 583rpx;
+    top: 40rpx;
+    width: 49rpx;
+    height: 24rpx;
+    display: block;
+    overflow-wrap: break-word;
+    color: rgba(70,153,255,1);
+    font-size: 24rpx;
+    letter-spacing: 0rpx;
+    font-family: PingFangSC-Regular;
+    white-space: nowrap;
+    line-height: 24rpx;
+    text-align: left;
+  }
+  .wrap2-1 {
+    z-index: 21;
+    height: 204rpx;
+    border-radius: 8rpx;
+    background-color: rgba(255,255,255,1);
+    margin-bottom: 24rpx;
+    width: 686rpx;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+  }
+  .main1-1 {
+    width: 630rpx;
+    height: 56rpx;
+    flex-direction: row;
+    display: flex;
+    margin: 24rpx 0 0 32rpx;
+  }
+  .txt1-1 {
+    width: 168rpx;
+    height: 28rpx;
+    display: block;
+    overflow-wrap: break-word;
+    color: rgba(51,51,51,1);
+    font-size: 28rpx;
+    letter-spacing: 0rpx;
+    font-family: PingFangSC-Medium;
+    white-space: nowrap;
+    line-height: 28rpx;
+    text-align: left;
+    margin-top: 8rpx;
+  }
+  .main2-1 {
+    width: 287rpx;
+    height: 28rpx;
+    flex-direction: row;
+    display: flex;
+    margin: 12rpx 0 0 32rpx;
+  }
+  .info1-1 {
+    width: 287rpx;
+    height: 28rpx;
+    display: block;
+    overflow-wrap: break-word;
+    color: rgba(102,102,102,1);
+    font-size: 28rpx;
+    letter-spacing: 0rpx;
+    font-family: PingFangSC-Regular;
+    white-space: nowrap;
+    line-height: 28rpx;
+    text-align: left;
+  }
+  .word5-1 {
+    width: 200rpx;
+    height: 24rpx;
+    display: block;
+    overflow-wrap: break-word;
+    color: rgba(102,102,102,1);
+    font-size: 24rpx;
+    letter-spacing: 0rpx;
+    font-family: PingFangSC-Regular;
+    white-space: nowrap;
+    line-height: 24rpx;
+    text-align: left;
+    margin: 0 -224rpx 0 24rpx;
+  }
+  .main3-1 {
+    width: 496rpx;
+    height: 28rpx;
+    flex-direction: row;
+    display: flex;
+    margin: 24rpx 0 32rpx 32rpx;
+  }
+  .word6-1 {
+    width: 496rpx;
+    height: 28rpx;
+    display: block;
+    overflow-wrap: break-word;
+    color: rgba(102,102,102,1);
+    font-size: 28rpx;
+    letter-spacing: 0rpx;
+    font-family: PingFangSC-Regular;
+    white-space: nowrap;
+    line-height: 28rpx;
+    text-align: left;
+  }
+  .info2-1 {
+    width: 200rpx;
+    height: 24rpx;
+    display: block;
+    overflow-wrap: break-word;
+    color: rgba(102,102,102,1);
+    font-size: 24rpx;
+    letter-spacing: 0rpx;
+    font-family: PingFangSC-Regular;
+    white-space: nowrap;
+    line-height: 24rpx;
+    text-align: left;
+    margin: -4rpx -15rpx 0 -185rpx;
+  }
+  .box4 {
+    height: 148rpx;
+    border-radius: NaNrpx;
+    background-color: rgba(255,255,255,1);
+    box-shadow: 0px -10px 20px 0px rgba(0,0,0,0.06);
+    margin-top: 290rpx;
+    display: flex;
+    flex-direction: column;
+    padding-left: 275rpx;
+    width: 750rpx;
+    justify-content: center;
+  }
+  .layer3 {
+    width: 199rpx;
+    height: 32rpx;
+    flex-direction: row;
+    display: flex;
+    justify-content: space-between;
+  }
+  .outer1 {
+    z-index: 37;
+    height: 32rpx;
+    background-color: rgba(0,0,0,0);
+    display: flex;
+    flex-direction: column;
+    width: 32rpx;
+    position: relative;
+    padding: 11rpx 0 0 24rpx;
+  }
+  .layer4 {
+    width: 3rpx;
+    height: 3rpx;
+    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4968ce3536ce4bb63979b684e0217e9d5675025829b601e16a9fdd48daca3256) 0rpx -1rpx no-repeat;
+    background-size: 3rpx 4rpx;
+    display: flex;
+    flex-direction: column;
+  }
+  .layer5 {
+    z-index: 39;
+    position: absolute;
+    left: 4rpx;
+    top: 5rpx;
+    width: 24rpx;
+    height: 24rpx;
+    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng85d7297b160686cf1fc35069d14a6e6a7a3e419a509e7327e10f33332480832b) -1rpx 0rpx no-repeat;
+    background-size: 25rpx 24rpx;
+    display: flex;
+    flex-direction: column;
+  }
+  .layer6 {
+    z-index: 50;
+    position: absolute;
+    left: 2rpx;
+    top: 2rpx;
+    width: 29rpx;
+    height: 29rpx;
+    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4828aed3b12c31b392b3230afe93f2ce21df1775563dab380cae456a7a058acd) 0rpx -1rpx no-repeat;
+    background-size: 30rpx 30rpx;
+    display: flex;
+    flex-direction: column;
+  }
+  .info3 {
+    width: 151rpx;
+    height: 30rpx;
+    display: block;
+    overflow-wrap: break-word;
+    color: rgba(82,161,255,1);
+    font-size: 30rpx;
+    letter-spacing: 0rpx;
+    font-family: PingFangSC-Regular;
+    white-space: nowrap;
+    line-height: 30rpx;
+    text-align: left;
+    margin-top: 1rpx;
+  }

pages/tabber/home/index.js

@@ -30,7 +30,8 @@ Page({
             },
             {
                 icon:'/image/home/icon_yiwupandian.png',
-                tit:'衣物盘点'
+                tit:'衣物盘点',
+                url:'/pages/record/record'
             },
         ]
     },