<wxs module="util" src="exp_filter.wxs"></wxs>
<view class="fir_top {{!delivery.erp_sender_city && !delivery.erp_receiver_city?'small':''}}">
    <view class="f_title">
        <view style="padding:0 32rpx">
            <view class="flex jc_sb ai-center">
                <view>
                <text style="margin-right: 20rpx;">{{delivery.shipping_name}}：{{delivery.invoice_no}}</text>
                <block wx:if="{{!delivery.erp_sender_city && !delivery.erp_receiver_city}}">
                <image bindtap="copy" style="width:26rpx;" src="{{resourceUrl}}/miniapp/js_img/fuzhi_bs.png" mode="widthFix"></image>
                </block>
                </view>

                <block wx:if="{{!delivery.erp_sender_city && !delivery.erp_receiver_city}}">
                <!-- <text style="font-weight:bolder;"   wx:if="{{express.State==0}}" >无轨迹</text>
                <text style="font-weight:bolder;"   wx:if="{{express.State==2}}" >已揽收</text>
                <text style="font-weight:bolder;"   wx:if="{{express.State==2}}" >在途中</text>
                <text style="font-weight:bolder;"   wx:if="{{express.State==3}}" >已签收</text>
                <text style="font-weight:bolder;"   wx:if="{{express.State==4}}" >问题件</text>
                <text style="font-weight:bolder;"   wx:if="{{!express}}" >无轨迹</text> -->
                <text style="font-weight:bolder;"  >{{util.state_format(express)}}</text>
                </block>
               
            
                <image wx:else bindtap="copy" style="width:26rpx;" src="{{resourceUrl}}/miniapp/js_img/fuzhi_bs.png" mode="widthFix"></image>
            </view>
        </view>
    </view>


    <block wx:if="{{delivery.erp_sender_city || delivery.erp_receiver_city}}">
        <view class="fir_top_mid flex jc_sb ai-center">
            <view class="left_mid flex jc-center ai-center">
                <!-- <view  wx:if="{{express.State==0}}" >无轨迹</view>
                <view  wx:if="{{express.State==2}}" >已揽收</view>
                <view  wx:if="{{express.State==2}}" >在途中</view>
                <view  wx:if="{{express.State==3}}" >已签收</view>
                <view  wx:if="{{express.State==4}}" >问题件</view>
                <view  wx:if="{{!express}}" >无轨迹</view> -->
                <view >{{util.state_format(express)}}</view>
            </view>
            <view class="right_mid flex jc-center ai-center">
                <view class="right_mid_btn flex jc-center ai-center">
                    <view>{{delivery.erp_sender_city || '无'}}</view>
                    <image style="width:56rpx; margin:0 28rpx" src="{{resourceUrl}}/miniapp/js_img/from_to.png" mode="widthFix"></image>
                    <view>{{delivery.erp_receiver_city || '无'}}</view>
                </view>
            </view>
        </view>

    </block>
    <!-- <block wx:else>
        <view class="fir_top_mid flex jc-center ai-center bold_color">
                <view  wx:if="{{express.State==0}}" >无轨迹</view>
                <view  wx:if="{{express.State==2}}" >已揽收</view>
                <view  wx:if="{{express.State==2}}" >在途中</view>
                <view  wx:if="{{express.State==3}}" >已签收</view>
                <view  wx:if="{{express.State==4}}" >问题件</view>



        </view>
    </block> -->



    <view class="fir_top_third">

        <view class="flex jc_sb ai-center" style="height:100%">
            <view bindtap="contactService" class="fir_top_third_btn flex jc-center ai-center">
                <image class="addimg3" src="{{resourceUrl}}/miniapp/js_img/jsls_callphone.png"></image>拨打电话
            </view>

            <!-- 如果有联系客服的时候 -->
            <block wx:if="{{has_connaect}}">
                <view class="fir_top_third_lin"></view>


                <!-- 小程序客服 -->
                <block wx:if="{{sys_switch.weapp_customertype == 1}}">
                    <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}}">
                        <image class="addimg3" src="{{resourceUrl}}/miniapp/js_img/jsls_icon27.png"></image><text style="position: relative;top: 2rpx;" >联系客服</text>
                    </button>
                </block>
                <!-- 微信客服 -->
                <block wx:elif="{{sys_switch.weapp_customertype == 2}}">
                    <view class="fir_top_third_btn flex jc-center ai-center" bindtap="con_weixin">
                        <image class="addimg3" src="{{resourceUrl}}/miniapp/js_img/jsls_icon27.png"></image><text style="position: relative;top: 2rpx;" >联系客服</text>
                    </view>
                </block>

                <!-- 商城客服 -->
                <block wx:elif="{{sys_switch.weapp_customertype == 3}}">
                    <view class="fir_top_third_btn flex jc-center ai-center" bindtap="customer_chat">
                        <image class="addimg3" src="{{resourceUrl}}/miniapp/js_img/jsls_icon27.png"></image><text style="position: relative;top: 2rpx;" >联系客服</text>
                    </view>
                </block>

<!--                <view bindtap="customer_chat" class="fir_top_third_btn flex jc-center ai-center">-->
<!--                    <image class="addimg3" src="{{resourceUrl}}/miniapp/js_img/jsls_icon27.png"></image>联系客服-->
<!--                </view>-->
            </block>
        </view>
    </view>
</view>

<!---
<view class="logistics-mes">
    <view class="logistics-num">
        <view class="logistics-title">快递单号 : </view>
        <view class="logistics-cont">{{delivery.invoice_no}}</view>
    </view>
    <view class="logistics-num">
        <view class="logistics-title">承运公司 : </view>
        <view class="logistics-cont">{{delivery.shipping_name}}</view>
    </view>

     <view class="logistics-num">
        <view  class="logistics-title">物流状态 : </view>
        <view  wx:if="{{express.State==0}}" class="logistics-cont">无轨迹</view>
        <view  wx:if="{{express.State==2}}" class="logistics-cont">已揽收</view>
        <view  wx:if="{{express.State==2}}" class="logistics-cont">在途中</view>
        <view  wx:if="{{express.State==3}}" class="logistics-cont">签收</view>
        <view  wx:if="{{express.State==4}}" class="logistics-cont">问题件</view>
    </view>

</view>-->

<!-- 显示物流详情 -->
<view style="padding-bottom:20rpx">
    <view class="apply-state">
        <view style="padding:25rpx 25rpx 0;">
            <view class="deli_btn_box flex" wx:if="{{delivery_arr.length>1}}" >
                <block wx:for="{{delivery_arr}}">
                    <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>
                </block>
            </view>
            <view class="xq_title {{delivery_arr.length<2?'c_top':''}}  ">物流详情</view>
        </view>
        <view style="padding:0 36rpx">
            <view class="state-item">
                <view class="item-wrap {{index==0?'fir':''}}  " wx:for="{{re_arr}}" wx:key="{{index}}">
                    <view class="state-title">{{item.AcceptStation}}</view>
                    <view class="state-time">{{item.AcceptTime}}</view>
                    <view wx:if="{{index<re_arr.length-1}}" class="line"></view>

                </view>
            </view>
        </view>

        <block  wx:if="{{(!re_arr || re_arr.length==0) && is_get}}">
           <view class="flex jc-center">
              <nodata title="{{express && express.Reason?express.Reason:'暂无轨迹'}}" ></nodata>  
           </view>
            
        </block>



    </view>
</view>


