物流信息

pages/logistics_details/logistics_details.js

@@ -7,35 +7,102 @@ Page({
    */
   data: {
     records: [],
+    expressComName: [
+      "圆通速递",
+      "申通快递",
+      "极兔速递",
+      "中通快递",
+      "韵达快递",
+      "邮政快递包裹",
+      "顺丰速运",
+      "京东物流",
+      "EMS",
+      "邮政电商标快",
+      "邮政标准快递",
+      "德邦快递",
+      "菜鸟速递",
+      "德邦",
+      "中通快运",
+      "安能快运",
+      "顺丰快运",
+      "韵达快运",
+      "跨越速运",
+      "京东快运",
+      "百世快运",
+      "菜鸟速递",
+    ],
+    currentExpressComIndex: 0,
+    expressComs: [
+      { name: "圆通速递", code: "yuantong" },
+      { name: "申通快递", code: "shentong" },
+      { name: "极兔速递", code: "jtexpress" },
+      { name: "中通快递", code: "zhongtong" },
+      { name: "韵达快递", code: "yunda" },
+      { name: "邮政快递包裹", code: "youzhengguonei" },
+      { name: "顺丰速运", code: "shunfeng" },
+      { name: "京东物流", code: "jd" },
+      { name: "EMS", code: "ems" },
+      { name: "邮政电商标快", code: "youzhengdsbk" },
+      { name: "邮政标准快递", code: "youzhengbk" },
+      { name: "德邦快递", code: "debangkuaidi" },
+      { name: "菜鸟速递", code: "danniao" },
+      { name: "德邦", code: "debangwuliu" },
+      { name: "中通快运", code: "zhongtongkuaiyun" },
+      { name: "安能快运", code: "annengwuliu" },
+      { name: "顺丰快运", code: "shunfengkuaiyun" },
+      { name: "韵达快运", code: "yundakuaiyun" },
+      { name: "跨越速运", code: "kuayue" },
+      { name: "京东快运", code: "jingdongkuaiyun" },
+      { name: "百世快运", code: "baishiwuliu" },
+      { name: "菜鸟速递", code: "cainiaozhisong" },
+    ],
     num: ""
   },
+  expressComNames() {
+    return this.data.expressComs.map(el => el.name)
+  },
+  pickExpressCom(e) {
+    this.setData({
+      currentExpressComIndex: e.detail.value
+    })
+    this.getExpressData()
+  },
+
+  // 获取物流信息
+  getExpressData() {
+    getExpressDetail({
+      num: this.data.num,
+      com: this.data.expressComs[this.data.currentExpressComIndex].code,
+      success: (res) => {
+        if (res.data.status === "200") {
+          console.log(res.data.data);
+          this.setData({
+            records: res.data.data
+          })
+        } else {
+          this.setData({
+            records: []
+          }),
+            wx.showToast({
+              icon: "error",
+              title: res.data.message,
+            })
+        }
+      }
+    })
+  },
 
   /**
    * 生命周期函数--监听页面加载
    */
   onLoad(options) {
-    // guessExpressCom({
-    //   num: "YT7460149632645",
-    //   key: "AjjPbmMP4727",
-    //   success(resp) {
-    //     console.log(resp);
-    //   }
-    // })
+    const { logisticsNum, logisticsName } = options
+    const index = this.data.expressComs.findIndex(el => el.name === logisticsName)
     this.setData({
-      num: "YT7460149632645"
-    })
-    getExpressDetail({
-      num: this.data.num,
-      success: (res) => {
-        console.log(res);
-        if (res.data.status === "200") {
-          console.log(res.data.data);
-          this.setData({
-            records: res.data.data
-          })
-        }
-      }
+      num: logisticsNum,
+      currentExpressComIndex: index < 0 ? 0 : index
     })
+    this.getExpressData()
   },
 
   /**

pages/logistics_details/logistics_details.wxml

@@ -1,10 +1,20 @@
 <!--pages/logistics_details/logistics_details.wxml-->
 <view style="padding:48rpx 48rpx 92rpx;">
-  <view style="margin-bottom: 36rpx;">圆通快递：{{num}}</view>
-  <view wx:for="{{records}}" class="record-item">
-    <view class="dot" />
-    <view class="line" />
-    <text class="time">{{item.time}}</text>
-    <text style="margin-top: 20rpx;">{{item.context}}</text>
+  <view style="margin-bottom: 36rpx;display: flex;align-items: center;">
+    <picker range="{{expressComName}}" value="{{currentExpressComIndex}}" bindchange="pickExpressCom">
+      <view style="display: flex;align-items: center;">
+        <image src="../../icon/arrows-exchange-alt-v.svg" style="width: 40rpx; height: 40rpx;" />
+        {{expressComs[currentExpressComIndex].name}}
+      </view>
+    </picker>：{{num}}
   </view>
+  <view wx:if="{{records.length}}">
+    <view wx:for="{{records}}" wx:key="context" class="record-item">
+      <view class="dot" />
+      <view class="line" />
+      <text class="time">{{item.time}}</text>
+      <text style="margin-top: 20rpx;">{{item.context}}</text>
+    </view>
+  </view>
+  <view wx:else style="text-align: center; margin: 256rpx 96rpx 0;">暂无物流信息，请检查快递单号或者快递公司是否正确，可以点击左上方快递公司名称选择正确的快递公司。</view>
 </view>

pages/logistics_details/logistics_details.wxss

@@ -27,7 +27,7 @@
   z-index: 999;
 }
 
-.record-item:nth-child(2) .dot {
+.record-item:nth-child(1) .dot {
   background-color: red;
   opacity: 1;
   width: 24rpx;