Commit 8e9639d21d761a86c2a41a64832fee9d770765d4
1 parent
1c4b2bd4
物流3.0优化，和退款详情的图片
Showing
9 changed files
with
498 additions
and
46 deletions
components/nodata/nodata.js
components/nodata/nodata.wxss
packageF/pages/user/return_goods_info/return_goods_info.js
| @@ -176,5 +176,19 @@ Page({ | @@ -176,5 +176,19 @@ Page({ | ||
| 176 | current: r[e.currentTarget.dataset.idx], | 176 | current: r[e.currentTarget.dataset.idx], |
| 177 | urls: r | 177 | urls: r |
| 178 | }); | 178 | }); |
| 179 | - } | 179 | + }, |
| 180 | + | ||
| 181 | + | ||
| 182 | + //---图片失败，默认图片--- | ||
| 183 | + bind_bnerr2: function (e) { | ||
| 184 | + var _errImg = e.target.dataset.errorimg; | ||
| 185 | + var _errurl = e.target.dataset.url; | ||
| 186 | + var ii = _errurl.indexOf(os.imghost); | ||
| 187 | + if (ii != -1) { | ||
| 188 | + var _errObj = {}; | ||
| 189 | + _errObj[_errImg] = "/miniapp/images/default_g_img.gif"; | ||
| 190 | + this.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉 ; | ||
| 191 | + } | ||
| 192 | + }, | ||
| 193 | + | ||
| 180 | }); | 194 | }); |
| 181 | \ No newline at end of file | 195 | \ No newline at end of file |
packageF/pages/user/return_goods_info/return_goods_info.wxml
| @@ -7,9 +7,15 @@ | @@ -7,9 +7,15 @@ | ||
| 7 | </view> | 7 | </view> |
| 8 | </view> | 8 | </view> |
| 9 | <view class="goods-mes" wx:for="{{return_goods.goodslist}}"> | 9 | <view class="goods-mes" wx:for="{{return_goods.goodslist}}"> |
| 10 | + | ||
| 10 | <view class="goods-pic"> | 11 | <view class="goods-pic"> |
| 11 | - <image class="wh100" src="{{resourceUrl+item.original_img}}" lazy-load="true"></image> | 12 | + <image class="wh100" src="{{resourceUrl+item.original_img}}" |
| 13 | + binderror="bind_bnerr2" | ||
| 14 | + data-url="{{resourceUrl+item.original_img}}" | ||
| 15 | + data-errorimg="return_goods.goodslist[{{index}}].original_img" | ||
| 16 | + lazy-load="true"></image> | ||
| 12 | </view> | 17 | </view> |
| 18 | + | ||
| 13 | <view class="goods-des"> | 19 | <view class="goods-des"> |
| 14 | <view class="goods-name ellipsis-1">{{item.goods_name}}</view> | 20 | <view class="goods-name ellipsis-1">{{item.goods_name}}</view> |
| 15 | <view class="now-price co-red" wx:if="{{return_goods.goods_id}}">退款金额 : ￥{{return_goods.back_money}}</view> | 21 | <view class="now-price co-red" wx:if="{{return_goods.goods_id}}">退款金额 : ￥{{return_goods.back_money}}</view> |
packageG/pages/user/express/exp_filter.wxs
0 → 100644
| 1 | +module.exports = { | ||
| 2 | + | ||
| 3 | + state_format:function (express){ | ||
| 4 | + if(!express) return '无轨迹'; | ||
| 5 | + if(express.State==-1) return '无轨迹'; | ||
| 6 | + if(express.State==0) return '已揽件'; | ||
| 7 | + if(express.State==1) return '在途中'; | ||
| 8 | + if(express.State==2) return '正在派件'; | ||
| 9 | + if(express.State==3) return '已签收'; | ||
| 10 | + if(express.State==4) return '派送失败'; | ||
| 11 | + if(express.State==5) return '疑难件'; | ||
| 12 | + if(express.State==6) return '退件签收'; | ||
| 13 | + return '其他'; | ||
| 14 | + } | ||
| 15 | + | ||
| 16 | +} | ||
| 0 | \ No newline at end of file | 17 | \ No newline at end of file |
packageG/pages/user/express/express.js
| 1 | var e = getApp(), s = e.request,oo=e.globalData,os=oo.setting; | 1 | var e = getApp(), s = e.request,oo=e.globalData,os=oo.setting; |
| 2 | +var ut = require("../../../../utils/util.js"); | ||
| 2 | 3 | ||
| 3 | Page({ | 4 | Page({ |
| 4 | data: { | 5 | data: { |
| @@ -7,35 +8,227 @@ Page({ | @@ -7,35 +8,227 @@ Page({ | ||
| 7 | delivery: null, | 8 | delivery: null, |
| 8 | express: null, | 9 | express: null, |
| 9 | re_arr:null,//反转后的数组 | 10 | re_arr:null,//反转后的数组 |
| 10 | - error: "快递信息异常" | 11 | + error: "快递信息异常", |
| 12 | + active:0, | ||
| 13 | + has_connaect:1, | ||
| 14 | + is_get:0 | ||
| 11 | }, | 15 | }, |
| 12 | onLoad: function(e) { | 16 | onLoad: function(e) { |
| 13 | - this.requestDelivery(e.order_id); | 17 | + |
| 18 | + var th=this; | ||
| 19 | + //----获取系统参数----- | ||
| 20 | + getApp().getConfig2(function (ee) { | ||
| 21 | + var is_connaect=1; | ||
| 22 | + | ||
| 23 | + if(ee.switch_list){ | ||
| 24 | + var json_d = JSON.parse(ee.switch_list); | ||
| 25 | + if(json_d.weapp_customertype==0){ | ||
| 26 | + is_connaect=0; | ||
| 27 | + } | ||
| 28 | + th.setData({ | ||
| 29 | + store_config: ee, | ||
| 30 | + sys_switch: json_d, | ||
| 31 | + has_connaect:is_connaect | ||
| 32 | + }) | ||
| 33 | + | ||
| 34 | + }else{ | ||
| 35 | + th.setData({ | ||
| 36 | + has_connaect:0 | ||
| 37 | + }) | ||
| 38 | + } | ||
| 39 | + | ||
| 40 | + th.requestDelivery(e.order_id); | ||
| 41 | + }) | ||
| 42 | + | ||
| 43 | + | ||
| 44 | + | ||
| 14 | }, | 45 | }, |
| 15 | requestDelivery: function(e) { | 46 | requestDelivery: function(e) { |
| 16 | var r = this; | 47 | var r = this; |
| 17 | s.get("/api/order/deliverydoc/page", { | 48 | s.get("/api/order/deliverydoc/page", { |
| 18 | - data: { order_id: e,store_id:os.stoid }, | 49 | + data: { order_id: e,store_id:os.stoid,pageSize:100}, |
| 19 | success: function(e) { | 50 | success: function(e) { |
| 20 | - r.setData({ | ||
| 21 | - delivery: e.data.data.pageData[0], | ||
| 22 | - }), r.requestExpress(); | 51 | + |
| 52 | + if(ut.ajax_ok(e)){ | ||
| 53 | + var list=e.data.data.pageData; | ||
| 54 | + | ||
| 55 | + for (let i = 0; i < list.length; i++) { | ||
| 56 | + list[i].all_gd_num=0; | ||
| 57 | + var json=list[i].erp_ck_warelist; | ||
| 58 | + if(json){ | ||
| 59 | + json=JSON.parse(json); | ||
| 60 | + for (let j = 0; j < json.length; j++) { | ||
| 61 | + list[i].all_gd_num+=json[j].qty; | ||
| 62 | + } | ||
| 63 | + } | ||
| 64 | + | ||
| 65 | + list[i].erp_sender_city=r.sheng_lue(list[i].erp_sender_city,4); | ||
| 66 | + list[i].erp_receiver_city=r.sheng_lue(list[i].erp_receiver_city,4); | ||
| 67 | + } | ||
| 68 | + | ||
| 69 | + | ||
| 70 | + | ||
| 71 | + r.setData({ | ||
| 72 | + delivery: list[0], | ||
| 73 | + delivery_arr:list | ||
| 74 | + }), r.requestExpress(); | ||
| 75 | + } | ||
| 76 | + | ||
| 77 | + | ||
| 78 | + | ||
| 23 | } | 79 | } |
| 24 | }); | 80 | }); |
| 25 | }, | 81 | }, |
| 26 | requestExpress: function() { | 82 | requestExpress: function() { |
| 27 | var s = this; | 83 | var s = this; |
| 28 | - | ||
| 29 | var url="/api/weshop/order/wuliu/" + this.data.delivery.shipping_code + "/" + this.data.delivery.invoice_no + "/" + this.data.delivery.mobile; | 84 | var url="/api/weshop/order/wuliu/" + this.data.delivery.shipping_code + "/" + this.data.delivery.invoice_no + "/" + this.data.delivery.mobile; |
| 30 | - | ||
| 31 | getApp().request.promiseGet(url, {}).then(e => { | 85 | getApp().request.promiseGet(url, {}).then(e => { |
| 32 | - var re_arr = e.data.data.Traces.reverse(); | 86 | + wx.hideLoading(); |
| 87 | + s.setData({is_get:1}) | ||
| 88 | + | ||
| 89 | + if(e.data.code==0 && e.data.data){ | ||
| 90 | + var re_arr = e.data.data.Traces.reverse(); | ||
| 33 | s.setData({ | 91 | s.setData({ |
| 34 | - express: e.data.data, re_arr: re_arr, | 92 | + express: e.data.data, re_arr: re_arr, |
| 35 | }); | 93 | }); |
| 94 | + } | ||
| 36 | 95 | ||
| 37 | }).catch(function(err) { | 96 | }).catch(function(err) { |
| 97 | + wx.hideLoading(); | ||
| 38 | e.showWarning("请求失败"); | 98 | e.showWarning("请求失败"); |
| 39 | }) | 99 | }) |
| 100 | + | ||
| 101 | + }, | ||
| 102 | + | ||
| 103 | + | ||
| 104 | + click_bao_btn(e){ | ||
| 105 | + var index= parseInt(e.currentTarget.dataset.idx); | ||
| 106 | + var item=this.data.delivery_arr[index]; | ||
| 107 | + this.setData({ | ||
| 108 | + delivery: item, | ||
| 109 | + active:index, | ||
| 110 | + express:null, | ||
| 111 | + re_arr:[], | ||
| 112 | + is_get:0 | ||
| 113 | + }); | ||
| 114 | + wx.showLoading(); | ||
| 115 | + this.requestExpress(); | ||
| 116 | + }, | ||
| 117 | + | ||
| 118 | + //打开客服操作菜单 | ||
| 119 | + openCS() { | ||
| 120 | + let self=this; | ||
| 121 | + // 判断会员状态 | ||
| 122 | + let user_info = getApp().globalData.userInfo; | ||
| 123 | + if (user_info == null || user_info.mobile == undefined || user_info.mobile == '' || user_info.mobile == null) { | ||
| 124 | + wx.navigateTo({ | ||
| 125 | + url: '/packageE/pages/togoin/togoin', | ||
| 126 | + }) | ||
| 127 | + return false; | ||
| 128 | + }; | ||
| 129 | + // csType/在线客服设置： | ||
| 130 | + // 0关闭（如果有设置热线电话，则显示拨打热线电话）、 | ||
| 131 | + // 1小程序客服、 | ||
| 132 | + // 2企业微信客服 | ||
| 133 | + if (this.data.sys_switch) { | ||
| 134 | + let csType = this.data.sys_switch.weapp_customertype; | ||
| 135 | + if (csType == 0) { | ||
| 136 | + // 拨打电话号码 | ||
| 137 | + this.contactService(); | ||
| 138 | + } else { | ||
| 139 | + this.getTel() | ||
| 140 | + .then(() => { | ||
| 141 | + self.setData({ | ||
| 142 | + hiddenCS: false, | ||
| 143 | + }); | ||
| 144 | + }); | ||
| 145 | + }; | ||
| 146 | + }; | ||
| 147 | + | ||
| 148 | + }, | ||
| 149 | + | ||
| 150 | + //关闭客服操作菜单 | ||
| 151 | + closeCS() { | ||
| 152 | + this.setData({ | ||
| 153 | + hiddenCS: true, | ||
| 154 | + }); | ||
| 155 | + }, | ||
| 156 | + | ||
| 157 | + // 获取客服电话 | ||
| 158 | + getTel() { | ||
| 159 | + var self=this; | ||
| 160 | + return new Promise((resolve, reject) => { | ||
| 161 | + getApp().getConfig(function (t) { | ||
| 162 | + if (t.store_tel == undefined) { | ||
| 163 | + getApp().request.get("/api/weshop/store/get/" + os.stoid, { | ||
| 164 | + isShowLoading: 1, | ||
| 165 | + data: {}, | ||
| 166 | + success: function (rs) { | ||
| 167 | + getApp().globalData.config = rs.data.data; | ||
| 168 | + if (rs.data.data.store_tel == null && rs.data.data.store_tel == undefined) { | ||
| 169 | + getApp().my_warnning("商家未设置电话", 0, th); | ||
| 170 | + return false; | ||
| 171 | + } | ||
| 172 | + self.setData({ | ||
| 173 | + store_tel: rs.data.data.store_tel, | ||
| 174 | + }); | ||
| 175 | + // s.confirmBox("请联系客服：" + rs.data.data.store_tel); | ||
| 176 | + } | ||
| 177 | + }) | ||
| 178 | + } else { | ||
| 179 | + self.setData({ | ||
| 180 | + store_tel: t.store_tel, | ||
| 181 | + }); | ||
| 182 | + // s.confirmBox("请联系客服：" + t.store_tel); | ||
| 183 | + }; | ||
| 184 | + resolve(); | ||
| 185 | + }); | ||
| 186 | + }); | ||
| 187 | + }, | ||
| 188 | + | ||
| 189 | + | ||
| 190 | + customer_chat: function () { | ||
| 191 | + getApp().customer_chat(""); | ||
| 192 | + }, | ||
| 193 | + | ||
| 194 | + //---------联系客服------------ | ||
| 195 | + contactService: function () { | ||
| 196 | + getApp().com_call(this); | ||
| 197 | + }, | ||
| 198 | + | ||
| 199 | + //---------联系微信客服------------ | ||
| 200 | + con_weixin: function () { | ||
| 201 | + var url = this.data.sys_switch.weapp_customertype_url; | ||
| 202 | + var id = this.data.sys_switch.weapp_customertype_appid; | ||
| 203 | + wx.openCustomerServiceChat({ | ||
| 204 | + extInfo: { url: url }, | ||
| 205 | + corpId: id, | ||
| 206 | + success(res) { } | ||
| 207 | + }) | ||
| 208 | + }, | ||
| 209 | + | ||
| 210 | + // 内容复制到剪贴板 | ||
| 211 | + copy() { | ||
| 212 | + // console.log('点击了复制按钮'); | ||
| 213 | + wx.setClipboardData({ | ||
| 214 | + data: this.data.delivery.invoice_no, | ||
| 215 | + success(res) { | ||
| 216 | + wx.getClipboardData({ | ||
| 217 | + success(res) { | ||
| 218 | + console.log(res.data); | ||
| 219 | + } | ||
| 220 | + }) | ||
| 221 | + } | ||
| 222 | + }) | ||
| 223 | + }, | ||
| 224 | + | ||
| 225 | + sheng_lue(txt,maxLength){ | ||
| 226 | + if(!txt) return ''; | ||
| 227 | + if (txt.length > maxLength) { | ||
| 228 | + txt = txt.substr(0, maxLength) + '...'; | ||
| 229 | + } | ||
| 230 | + return txt | ||
| 40 | } | 231 | } |
| 232 | + | ||
| 233 | + | ||
| 41 | }); | 234 | }); |
| 42 | \ No newline at end of file | 235 | \ No newline at end of file |
packageG/pages/user/express/express.json
packageG/pages/user/express/express.wxml
| 1 | +<wxs module="util" src="exp_filter.wxs"></wxs> | ||
| 2 | +<view class="fir_top {{!delivery.erp_sender_city && !delivery.erp_receiver_city?'small':''}}"> | ||
| 3 | + <view class="f_title"> | ||
| 4 | + <view style="padding:0 32rpx"> | ||
| 5 | + <view class="flex jc_sb ai-center"> | ||
| 6 | + <view> | ||
| 7 | + <text style="margin-right: 20rpx;">{{delivery.shipping_name}}：{{delivery.invoice_no}}</text> | ||
| 8 | + <block wx:if="{{!delivery.erp_sender_city && !delivery.erp_receiver_city}}"> | ||
| 9 | + <image bindtap="copy" style="width:26rpx;" src="{{resourceUrl}}/miniapp/js_img/fuzhi_bs.png" mode="widthFix"></image> | ||
| 10 | + </block> | ||
| 11 | + </view> | ||
| 12 | + | ||
| 13 | + <block wx:if="{{!delivery.erp_sender_city && !delivery.erp_receiver_city}}"> | ||
| 14 | + <!-- <text style="font-weight:bolder;" wx:if="{{express.State==0}}" >无轨迹</text> | ||
| 15 | + <text style="font-weight:bolder;" wx:if="{{express.State==2}}" >已揽收</text> | ||
| 16 | + <text style="font-weight:bolder;" wx:if="{{express.State==2}}" >在途中</text> | ||
| 17 | + <text style="font-weight:bolder;" wx:if="{{express.State==3}}" >已签收</text> | ||
| 18 | + <text style="font-weight:bolder;" wx:if="{{express.State==4}}" >问题件</text> | ||
| 19 | + <text style="font-weight:bolder;" wx:if="{{!express}}" >无轨迹</text> --> | ||
| 20 | + <text style="font-weight:bolder;" >{{util.state_format(express)}}</text> | ||
| 21 | + </block> | ||
| 22 | + | ||
| 23 | + | ||
| 24 | + <image wx:else bindtap="copy" style="width:26rpx;" src="{{resourceUrl}}/miniapp/js_img/fuzhi_bs.png" mode="widthFix"></image> | ||
| 25 | + </view> | ||
| 26 | + </view> | ||
| 27 | + </view> | ||
| 28 | + | ||
| 29 | + | ||
| 30 | + <block wx:if="{{delivery.erp_sender_city || delivery.erp_receiver_city}}"> | ||
| 31 | + <view class="fir_top_mid flex jc_sb ai-center"> | ||
| 32 | + <view class="left_mid flex jc-center ai-center"> | ||
| 33 | + <!-- <view wx:if="{{express.State==0}}" >无轨迹</view> | ||
| 34 | + <view wx:if="{{express.State==2}}" >已揽收</view> | ||
| 35 | + <view wx:if="{{express.State==2}}" >在途中</view> | ||
| 36 | + <view wx:if="{{express.State==3}}" >已签收</view> | ||
| 37 | + <view wx:if="{{express.State==4}}" >问题件</view> | ||
| 38 | + <view wx:if="{{!express}}" >无轨迹</view> --> | ||
| 39 | + <view >{{util.state_format(express)}}</view> | ||
| 40 | + </view> | ||
| 41 | + <view class="right_mid flex jc-center ai-center"> | ||
| 42 | + <view class="right_mid_btn flex jc-center ai-center"> | ||
| 43 | + <view>{{delivery.erp_sender_city || '无'}}</view> | ||
| 44 | + <image style="width:56rpx; margin:0 28rpx" src="{{resourceUrl}}/miniapp/js_img/from_to.png" mode="widthFix"></image> | ||
| 45 | + <view>{{delivery.erp_receiver_city || '无'}}</view> | ||
| 46 | + </view> | ||
| 47 | + </view> | ||
| 48 | + </view> | ||
| 49 | + | ||
| 50 | + </block> | ||
| 51 | + <!-- <block wx:else> | ||
| 52 | + <view class="fir_top_mid flex jc-center ai-center bold_color"> | ||
| 53 | + <view wx:if="{{express.State==0}}" >无轨迹</view> | ||
| 54 | + <view wx:if="{{express.State==2}}" >已揽收</view> | ||
| 55 | + <view wx:if="{{express.State==2}}" >在途中</view> | ||
| 56 | + <view wx:if="{{express.State==3}}" >已签收</view> | ||
| 57 | + <view wx:if="{{express.State==4}}" >问题件</view> | ||
| 58 | + | ||
| 59 | + | ||
| 60 | + | ||
| 61 | + </view> | ||
| 62 | + </block> --> | ||
| 63 | + | ||
| 64 | + | ||
| 65 | + | ||
| 66 | + <view class="fir_top_third"> | ||
| 67 | + | ||
| 68 | + <view class="flex jc_sb ai-center" style="height:100%"> | ||
| 69 | + <view bindtap="contactService" class="fir_top_third_btn flex jc-center ai-center"> | ||
| 70 | + <image class="addimg3" src="{{resourceUrl}}/miniapp/js_img/jsls_callphone.png"></image>拨打电话 | ||
| 71 | + </view> | ||
| 72 | + | ||
| 73 | + <!-- 如果有联系客服的时候 --> | ||
| 74 | + <block wx:if="{{has_connaect}}"> | ||
| 75 | + <view class="fir_top_third_lin"></view> | ||
| 76 | + | ||
| 77 | + | ||
| 78 | + <!-- 小程序客服 --> | ||
| 79 | + <block wx:if="{{sys_switch.weapp_customertype == 1}}"> | ||
| 80 | + <button class="fir_top_third_btn flex jc-center ai-center" bindtap="click_contact" open-type="contact" session-from="wechat|{{userInfo.user_id}}|{{userInfo.nickname}}|{{userInfo.head_pic}}"> | ||
| 81 | + <image class="addimg3" src="{{resourceUrl}}/miniapp/js_img/jsls_icon27.png"></image><text style="position: relative;top: 2rpx;" >联系客服</text> | ||
| 82 | + </button> | ||
| 83 | + </block> | ||
| 84 | + <!-- 微信客服 --> | ||
| 85 | + <block wx:elif="{{sys_switch.weapp_customertype == 2}}"> | ||
| 86 | + <view class="fir_top_third_btn flex jc-center ai-center" bindtap="con_weixin"> | ||
| 87 | + <image class="addimg3" src="{{resourceUrl}}/miniapp/js_img/jsls_icon27.png"></image><text style="position: relative;top: 2rpx;" >联系客服</text> | ||
| 88 | + </view> | ||
| 89 | + </block> | ||
| 90 | + | ||
| 91 | + <!-- 商城客服 --> | ||
| 92 | + <block wx:elif="{{sys_switch.weapp_customertype == 3}}"> | ||
| 93 | + <view class="fir_top_third_btn flex jc-center ai-center" bindtap="customer_chat"> | ||
| 94 | + <image class="addimg3" src="{{resourceUrl}}/miniapp/js_img/jsls_icon27.png"></image><text style="position: relative;top: 2rpx;" >联系客服</text> | ||
| 95 | + </view> | ||
| 96 | + </block> | ||
| 97 | + | ||
| 98 | +<!-- <view bindtap="customer_chat" class="fir_top_third_btn flex jc-center ai-center">--> | ||
| 99 | +<!-- <image class="addimg3" src="{{resourceUrl}}/miniapp/js_img/jsls_icon27.png"></image>联系客服--> | ||
| 100 | +<!-- </view>--> | ||
| 101 | + </block> | ||
| 102 | + </view> | ||
| 103 | + </view> | ||
| 104 | +</view> | ||
| 105 | + | ||
| 106 | +<!--- | ||
| 1 | <view class="logistics-mes"> | 107 | <view class="logistics-mes"> |
| 2 | <view class="logistics-num"> | 108 | <view class="logistics-num"> |
| 3 | <view class="logistics-title">快递单号 : </view> | 109 | <view class="logistics-title">快递单号 : </view> |
| @@ -7,7 +113,7 @@ | @@ -7,7 +113,7 @@ | ||
| 7 | <view class="logistics-title">承运公司 : </view> | 113 | <view class="logistics-title">承运公司 : </view> |
| 8 | <view class="logistics-cont">{{delivery.shipping_name}}</view> | 114 | <view class="logistics-cont">{{delivery.shipping_name}}</view> |
| 9 | </view> | 115 | </view> |
| 10 | - | 116 | + |
| 11 | <view class="logistics-num"> | 117 | <view class="logistics-num"> |
| 12 | <view class="logistics-title">物流状态 : </view> | 118 | <view class="logistics-title">物流状态 : </view> |
| 13 | <view wx:if="{{express.State==0}}" class="logistics-cont">无轨迹</view> | 119 | <view wx:if="{{express.State==0}}" class="logistics-cont">无轨迹</view> |
| @@ -17,23 +123,40 @@ | @@ -17,23 +123,40 @@ | ||
| 17 | <view wx:if="{{express.State==4}}" class="logistics-cont">问题件</view> | 123 | <view wx:if="{{express.State==4}}" class="logistics-cont">问题件</view> |
| 18 | </view> | 124 | </view> |
| 19 | 125 | ||
| 20 | -</view> | ||
| 21 | -<view class="apply-state"> | ||
| 22 | - <view class="state-item"> | ||
| 23 | - <!-- <view class="item-wrap"> | ||
| 24 | - <view wx:if="{{express.State==2}}" class="state-title">在途中</view> | ||
| 25 | - <view wx:if="{{express.State==3}}" class="state-title">已签收</view> | ||
| 26 | - <view wx:if="{{express.State==4}}" class="state-title">问题件</view> | ||
| 27 | - <view class="state-time">{{' '}}</view> | ||
| 28 | - </view> --> | ||
| 29 | - | ||
| 30 | - <view class="item-wrap" wx:for="{{re_arr}}" wx:key="{{index}}"> | ||
| 31 | - <view class="state-title">{{item.AcceptStation}}</view> | ||
| 32 | - <view class="state-time">{{item.AcceptTime}}</view> | 126 | +</view>--> |
| 127 | + | ||
| 128 | +<!-- 显示物流详情 --> | ||
| 129 | +<view style="padding-bottom:20rpx"> | ||
| 130 | + <view class="apply-state"> | ||
| 131 | + <view style="padding:25rpx 25rpx 0;"> | ||
| 132 | + <view class="deli_btn_box flex" wx:if="{{delivery_arr.length>1}}" > | ||
| 133 | + <block wx:for="{{delivery_arr}}"> | ||
| 134 | + <view bindtap="click_bao_btn" data-idx="{{index}}" class="bao_btn {{index==active?'b_active':''}} ">包裹{{index+1}}<text wx:if="{{item.all_gd_num}}">(数量{{item.all_gd_num}})</text></view> | ||
| 135 | + </block> | ||
| 136 | + </view> | ||
| 137 | + <view class="xq_title {{delivery_arr.length<2?'c_top':''}} ">物流详情</view> | ||
| 33 | </view> | 138 | </view> |
| 139 | + <view style="padding:0 36rpx"> | ||
| 140 | + <view class="state-item"> | ||
| 141 | + <view class="item-wrap {{index==0?'fir':''}} " wx:for="{{re_arr}}" wx:key="{{index}}"> | ||
| 142 | + <view class="state-title">{{item.AcceptStation}}</view> | ||
| 143 | + <view class="state-time">{{item.AcceptTime}}</view> | ||
| 144 | + <view wx:if="{{index<re_arr.length-1}}" class="line"></view> | ||
| 145 | + | ||
| 146 | + </view> | ||
| 147 | + </view> | ||
| 148 | + </view> | ||
| 149 | + | ||
| 150 | + <block wx:if="{{(!re_arr || re_arr.length==0) && is_get}}"> | ||
| 151 | + <view class="flex jc-center"> | ||
| 152 | + <nodata title="{{express && express.Reason?express.Reason:'暂无轨迹'}}" ></nodata> | ||
| 153 | + </view> | ||
| 154 | + | ||
| 155 | + </block> | ||
| 156 | + | ||
| 157 | + | ||
| 158 | + | ||
| 34 | </view> | 159 | </view> |
| 35 | </view> | 160 | </view> |
| 36 | 161 | ||
| 37 | -<view class="no_msg" wx:if="{{(!re_arr || re_arr.length==0) && express}}"> | ||
| 38 | - {{express.Reason}} | ||
| 39 | -</view> | 162 | + |
packageG/pages/user/express/express.wxss
| 1 | +page{ | ||
| 2 | + background-color: #f1f1f1; color:#313131; | ||
| 3 | +} | ||
| 4 | + | ||
| 1 | .logistics-mes { | 5 | .logistics-mes { |
| 2 | padding: 20rpx 30rpx; | 6 | padding: 20rpx 30rpx; |
| 3 | background-color: #fff; | 7 | background-color: #fff; |
| @@ -12,6 +16,7 @@ | @@ -12,6 +16,7 @@ | ||
| 12 | .logistics-title { | 16 | .logistics-title { |
| 13 | color: #777; | 17 | color: #777; |
| 14 | margin-right: 20rpx; | 18 | margin-right: 20rpx; |
| 19 | + position: relative;top: 2rpx; | ||
| 15 | } | 20 | } |
| 16 | 21 | ||
| 17 | .logistics-cont { | 22 | .logistics-cont { |
| @@ -19,14 +24,12 @@ | @@ -19,14 +24,12 @@ | ||
| 19 | } | 24 | } |
| 20 | 25 | ||
| 21 | .apply-state { | 26 | .apply-state { |
| 22 | - margin-top: 20rpx; | 27 | + margin: 20rpx 17rpx 0; |
| 23 | background-color: #fff; | 28 | background-color: #fff; |
| 24 | - padding-left: 50rpx; | ||
| 25 | - padding-top: 60rpx; | 29 | + border-radius: 17rpx; |
| 26 | } | 30 | } |
| 27 | 31 | ||
| 28 | .state-item { | 32 | .state-item { |
| 29 | - border-left: 1px solid #ccc; | ||
| 30 | padding:0 40rpx; | 33 | padding:0 40rpx; |
| 31 | } | 34 | } |
| 32 | 35 | ||
| @@ -34,31 +37,124 @@ | @@ -34,31 +37,124 @@ | ||
| 34 | position: relative; | 37 | position: relative; |
| 35 | margin-bottom: 20rpx; | 38 | margin-bottom: 20rpx; |
| 36 | padding-bottom: 20rpx; | 39 | padding-bottom: 20rpx; |
| 37 | - border-bottom: 1px solid #eee; | 40 | + /* border-bottom: 1px solid #eee; */ |
| 38 | font-size: 24rpx; | 41 | font-size: 24rpx; |
| 39 | color: #aaa; | 42 | color: #aaa; |
| 40 | line-height: 1; | 43 | line-height: 1; |
| 41 | } | 44 | } |
| 42 | 45 | ||
| 46 | +.item-wrap .line{ | ||
| 47 | + height: 100%;width: 1rpx; background-color: #bfbfbf; | ||
| 48 | + position: absolute;top: 22rpx; left: -40rpx; | ||
| 49 | +} | ||
| 50 | + | ||
| 43 | .item-wrap::before { | 51 | .item-wrap::before { |
| 44 | content: ''; | 52 | content: ''; |
| 45 | position: absolute; | 53 | position: absolute; |
| 46 | - left: -61rpx; | 54 | + left: -52rpx; |
| 47 | top: 0; | 55 | top: 0; |
| 48 | - width: 26rpx; | ||
| 49 | - height: 26rpx; | 56 | + width: 22rpx; |
| 57 | + height: 22rpx; | ||
| 50 | border-radius: 50%; | 58 | border-radius: 50%; |
| 51 | - background-color: #e23435; | ||
| 52 | - border: 4px solid #ed8182; | 59 | + background-color: #fff; |
| 60 | + border: 1px solid #bfbfbf; | ||
| 61 | + z-index: 100; | ||
| 53 | } | 62 | } |
| 54 | 63 | ||
| 55 | -.state-title { | ||
| 56 | - font-size: 28rpx; | ||
| 57 | - font-weight: bold; | ||
| 58 | - color: #666; | 64 | +.item-wrap.fir::before{ |
| 65 | + background-color: #e23435; | ||
| 66 | + border: 5px solid #fdcfcd; | ||
| 67 | + left: -61rpx; | ||
| 68 | +} | ||
| 69 | +.item-wrap .state-title { | ||
| 70 | + font-size: 27rpx; | ||
| 71 | + color: #898989; | ||
| 59 | padding-bottom: 20rpx; | 72 | padding-bottom: 20rpx; |
| 60 | line-height: 40rpx | 73 | line-height: 40rpx |
| 61 | } | 74 | } |
| 75 | + | ||
| 76 | +.item-wrap.fir .state-title { | ||
| 77 | + color: #313131; | ||
| 78 | +} | ||
| 79 | +.item-wrap.fir .state-time{ | ||
| 80 | + color: #fe0002; | ||
| 81 | +} | ||
| 82 | + | ||
| 62 | .no_msg{ | 83 | .no_msg{ |
| 63 | text-align: center;color: #999; font-size: 32rpx | 84 | text-align: center;color: #999; font-size: 32rpx |
| 64 | -} | ||
| 65 | \ No newline at end of file | 85 | \ No newline at end of file |
| 86 | +} | ||
| 87 | + | ||
| 88 | +.deli_btn_box{ | ||
| 89 | + overflow-x:auto ; overflow-y:hidden ; | ||
| 90 | +} | ||
| 91 | +.bao_btn{ | ||
| 92 | + background-color: #f1f1f1; color: #313131;padding:0 34rpx; flex-shrink: 0; border-radius: 15rpx; | ||
| 93 | + font-size: 26rpx; width: auto; height: 62rpx; line-height: 62rpx; | ||
| 94 | +} | ||
| 95 | +.bao_btn~.bao_btn{ | ||
| 96 | + margin-left: 18rpx; | ||
| 97 | +} | ||
| 98 | +.xq_title{ | ||
| 99 | + font-size: 34rpx; font-weight: bolder;color: #313131; line-height: 34rpx;margin-top: 50rpx;padding-bottom: 37rpx; | ||
| 100 | +} | ||
| 101 | + | ||
| 102 | +.xq_title.c_top{ | ||
| 103 | + margin-top: 20rpx; | ||
| 104 | +} | ||
| 105 | + | ||
| 106 | +.fir_top{ | ||
| 107 | + height: 328rpx; | ||
| 108 | + margin: 20rpx 17rpx 0;overflow: hidden; | ||
| 109 | + background-color: #fff; | ||
| 110 | + border-radius: 17rpx; | ||
| 111 | +} | ||
| 112 | + | ||
| 113 | +.fir_top.small{ | ||
| 114 | + height: 145rpx; | ||
| 115 | +} | ||
| 116 | + | ||
| 117 | +.f_title{ | ||
| 118 | + height: 66rpx; line-height: 66rpx; background-color: #170a02; color: #fff; font-size: 25rpx; | ||
| 119 | +} | ||
| 120 | +.fir_top_mid{ | ||
| 121 | + height: 183rpx; border-bottom: 1rpx solid #eee; | ||
| 122 | +} | ||
| 123 | +.left_mid{ | ||
| 124 | + width:auto; flex-shrink: 0; margin-left: 24rpx; flex:1; | ||
| 125 | + color: #fe0002; font-size: 35rpx; font-weight: bolder; | ||
| 126 | +} | ||
| 127 | +.right_mid{ | ||
| 128 | + width:440; flex-shrink: 0; | ||
| 129 | +} | ||
| 130 | + | ||
| 131 | +.bold_color{ | ||
| 132 | + color: #fe0002; font-size: 35rpx; font-weight: bolder; | ||
| 133 | +} | ||
| 134 | + | ||
| 135 | +.right_mid_btn{ | ||
| 136 | + height:109rpx; background-color: #f1f1f1; border-radius: 109rpx; | ||
| 137 | + font-size: 26rpx; font-weight: bolder; color: #313131; | ||
| 138 | + margin-right: 17rpx; width: 430rpx; | ||
| 139 | +} | ||
| 140 | + | ||
| 141 | +.fir_top_third{ | ||
| 142 | + height: 79rpx; color: #313131; font-size: 26rpx; | ||
| 143 | +} | ||
| 144 | +.fir_top_third_lin { | ||
| 145 | + border-right: 1rpx solid #eee; | ||
| 146 | + margin: 15rpx 11rpx; width: 2rpx; | ||
| 147 | + height: 56rpx; | ||
| 148 | +} | ||
| 149 | +.addimg3{ | ||
| 150 | + width: 27rpx; | ||
| 151 | + height: 27rpx; | ||
| 152 | + padding: 0 12rpx; | ||
| 153 | +} | ||
| 154 | +.fir_top_third_btn{ | ||
| 155 | + width: 100%; height: 100%; | ||
| 156 | +} | ||
| 157 | + | ||
| 158 | +.bao_btn.b_active{ | ||
| 159 | + background-color:#fefbea;color: #fe0000; font-weight: bolder; border: 1rpx solid #fe0000; | ||
| 160 | +} | ||
| 161 | + |