<!-- pages/orderdetail/orderdetail.wxml -->
<view wx:if="{{orderType != 'ysSystem'}}" class="goodsinfo {{showDiyForm?'noscroll':''}}">
  <view class="addr" wx:if="{{order_data.dispatch_type_id == 15}}" >
    <icon class="iconfont icon-dingwei"></icon>
    <view class="ul addr-info">
      <view class="li li_1">提货人：{{ package_deliver.buyer_name }}（{{ package_deliver.buyer_mobile }}）</view>
      <view class="li li_1">提货点：{{ receiver }}（{{ mobile }}）</view>
      <view class="li li_1">{{ address }}</view>
    </view>
    <view class="map-navigation" catchtap="goToAdress" wx:if="{{package_deliver.lng!=''&&package_deliver.lat!=''}}">
      <icon class="iconfont icon-all_daohang"></icon>
    </view>
  </view>
  <view class="addr" wx:elif="{{order_data.dispatch_type_id != 8}}" style="display: block;">
    <view style="display: flex;align-items: center;">
      <icon class="iconfont icon-dingwei"></icon>

      <view class="ul addr-info" wx:if="{{jurisdiction_set != 1}}">
        <block wx:if="{{order_data.dispatch_type_id == 11 && order_data.city_delivery}}">
          <view style="margin-bottom: 10rpx; font-size: 28rpx;" wx:if="{{order_data.city_delivery.is_expect==1}}">送达时间：{{order_data.city_delivery.expect_start_time}} - {{order_data.city_delivery.expect_end_time}}</view>
          <view style="margin-bottom: 10rpx; font-size: 28rpx;" wx:if="{{order_data.city_delivery.community_name}}">送达社区：{{order_data.city_delivery.community_name}}</view>
        </block>
        <view class="li li_1"  wx:if="{{!receiver && !address}}">无需收货地址 如信息出错请联系客服！</view>
        <view class="li li_1" wx:if="{{receiver}}">收件人：{{ receiver }}（{{ mobile }}）</view>
        <view class="li li_2" wx:if="{{order_data.plugin_id == 130}}">
          预约时间 {{order_data.reserve_simple.begin_time}}
        </view>
        <view class="li li_2" wx:else >
          <text wx:if="{{orderType == 'hotel'}}">{{ hotel_name }}</text> {{ address }}
        </view>
      </view>
    </view>
    <view class="copy-box" wx:if="{{(receiver || address) && orderType=='storeMang'}}">
      <view catchtap="phoneClick" data-phone="{{mobile}}" class="contact-recipient">
        <icon class="iconfont icon-fontclass-rengezhongxin" catchtap="phoneClick" data-phone="{{mobile}}"></icon>
        <text catchtap="phoneClick" data-phone="{{mobile}}">联系收件人</text>
      </view>
      <view catchtap="copyMsg" data-msg="{{receiver}} {{mobile}} {{address}}" class="copy-address">
        <icon class="iconfont icon-fontclass-rengezhongxin" catchtap="copyMsg" data-msg="{{receiver}} {{mobile}} {{address}}"></icon>
        <text catchtap="copyMsg" data-msg="{{receiver}} {{mobile}} {{address}}">复制地址</text>
      </view>
    </view>
  </view>
  <view class="addr" wx:elif="{{order_data.dispatch_type_id == 8}}">
    <icon class="iconfont icon-dingwei"></icon>
    <view class="ul addr-info">
      <view class="li li_1">提货人：{{ receiver }}（{{ mobile }}）</view>
      <view class="li li_1" style="padding-right:{{package_deliver.lng!=''&&package_deliver.lat!=''?'padding-right: 70rpx;':''}}">提货点：{{ package_deliver.deliver_name }}（{{ package_deliver.deliver_mobile }}）</view>
      <view class="li li_2">{{ package_deliver.full_address }}</view>
    </view>
    <view class="map-navigation" catchtap="goToAdress" wx:if="{{package_deliver.lng!=''&&package_deliver.lat!=''}}">
      <icon class="iconfont icon-all_daohang"></icon>
    </view>
  </view>

  <view class="addr" style="justify-content: space-between" wx:if="{{phone_bill.mobile}}">
    <view>充值手机号</view>
    <view style="color: #ff2424">{{phone_bill.mobile}}</view>
  </view>

  <view class="addr" style="justify-content: space-between" wx:if="{{electricity_bill_pro.has_one_account}}">
    <view>充值户号</view>
    <view style="color: #ff2424">{{electricity_bill_pro.has_one_account.account_number}}</view>
  </view>

<block wx:if="{{order_data.camilo_resources_coupon_type == 1 && order_data.camilo_resources_recharge_number}}">
  <!-- 直冲订单 -->
  <view class="addr" style="justify-content: space-between">
    <view>充值账号</view>
    <view style="color: #ff2424">{{order_data.camilo_resources_recharge_number}}</view>
  </view>

</block>

<!-- 油卡充值 -->
<block wx:if="{{oil_recharge}}">
  <view class="addr" style="flex-direction:column;" wx:if="{{oil_recharge.account}}">
    <view style="display:flex;">
      <view>充值油卡号</view>
      <view style="padding-left: 16rpx;">{{ oil_recharge.account }}</view>
    </view>
    <view style="display:flex;margin-top:0.5rem;">
      <view>充值手机号</view>
      <view style="padding-left: 16rpx;">{{ oil_recharge.mobile }}</view>
    </view>
  </view>
</block>

  <view class="goods-box">
    <view class="goods" wx:for-item="good" wx:key="index" wx:for="{{order_data.has_many_order_goods}}" catchtap="toGoodsDetail" data-good="{{good}}" data-isvirtual="{{order_data.is_virtual}}" data-iscourse="{{good.is_course}}">
      <view style="display: flex;">
        <view class="img">
          <image src="{{good.thumb}}" mode='widthFix'/>
          <view class="diy-from" wx:if="{{good.diyform_data}}" data-from="{{good.diyform_data}}" catchtap="showDiy">查看表单</view>
        </view>
        <view class="container">
          <view class="ul inner">
            <view class="name li" wx:if="{{!order_data.deposit_ladder}}">{{good.title}}</view>
            <view class="name li" wx:if="{{order_data.deposit_ladder}}"><!--判断定金活动尾款-->{{ order.deposit_ladder.activity_name }}</view>
            <view class="li option">
              <text wx:if="{{order_data.is_virtual == 0 && good.goods_option_title}}">规格: {{ good.goods_option_title }}
              </text>
              <text class="num" wx:if="!(orderType == 'hotel')">×{{ good.total }}</text>
              <text class="num" wx:if="{{orderType == 'hotel'}}">
                {{ night_day }}晚{{ order_data.goods_total }}间
              </text>
            </view>
          </view>
          <view style="text-align: left; color: rgb(232, 78, 64);" wx:if="{{reserveDate}}">预约日期：{{ reserveDate }}</view>
          <view class="ul price" style="padding-top:0;">
            <view class="li money">
              <text class="deposit-tips" wx:if="{{order_data.plugin_id == 108}}"><!--判断定金活动-->定金</text>
              <text class="deposit-tips" wx:if="{{order_data.deposit_ladder }}"><!--判断定金活动尾款-->尾款</text>
              <text class="small">{{language['money']}}</text>
              {{ good.price }}
              <view class="vipPirce" wx:if="{{vip_show}}">
                会员价:
                <text class="small">{{language['money']}}</text>
                {{ good.vip_price }}
              </view>
            </view>
            <view class="li money" wx:if="{{order_data.plugin_id == 40}}">
              押金:
              <text class="small">{{language['money']}}</text>
              {{ good.lease_toy_goods.deposit }}
            </view>
          </view>

          <view class="give_integral_wrapper" style="padding-left:0;" wx:if="{{good.points}}">
            <view class="give_integral_text">送</view>
            <view class="give_integral_num">{{good.points}} {{integral}}</view>
          </view>

        </view>

      </view>

      <view class="comment-box">
        <view
          wx:for="{{good.buttons}}" wx:for-item="btn"
          class="{{btn.value==2?'view-comment-btn':'comment-btn'}}"
          catchtap="evaluateOpration"  data-order="{{order_data}}" data-goods="{{good}}" data-btn="{{btn}}">
        {{btn.name}}</view>
      </view>
    </view>
  </view>

  <view class="addr" style="justify-content: space-between" wx:if="{{aggregation_cps_recharge_bill}}">
    <view>充值手机号</view>
    <view style="color: #ff2424">{{aggregation_cps_recharge_bill}}</view>
  </view>
  <view class="tbs">
    <view class="tbs-number-tra">
      <view class="ul number">
        <view class="li left">订单编号:</view>
        <view class="right li">{{ order_data.order_sn }}</view>
      </view>
      <view class="ul tra" wx:if="{{order_data.plugin_id == 40}}">
        <view class="li left">租期:</view>
        <view class="li right">{{ order_data.lease_toy.return_days }}天</view>
      </view>
      <view class="ul tra" wx:if="{{order_data.plugin_id == 40}}">
        <view class="li left">租赁到期日期:</view>
        <view class="li right">{{ order_data.lease_toy.end_time }}</view>
      </view>
      <view class="ul tra">
        <view class="li left">交易状态:</view>
        <view class="li right" wx:if="{{order_data.plugin_id == 130 && order_data.status==2}}">待核销</view>
        <view class="li right" wx:else >{{ phone_bill.status ? phone_bill.phone_bill_state_name : order_data.status_name }}</view>
      </view>
      <view class="ul tra" wx:if="{{order_data.note}}">
        <view class="li left">买家留言:</view>
        <view class="li right">{{ order_data.note }}</view>
      </view>
      <view class="ul tra" wx:if="{{order_data.plugin_id == 40}}">
        <view class="li left">租金总金额:</view>
        <view class="li right">{{language['money']}}{{ order_data.order_goods_price }}</view>
      </view>
    </view>
    <view class="tbs-number-tra" wx:if="{{orderType == 'hotel'}}">
      <view class="ul number">
        <view class="li left">入住日期:</view>
        <view class="li right">{{ hotel_start }}</view>
      </view>
      <view class="ul number">
        <view class="li left">离店日期:</view>
        <view class="li right">{{ hotel_end }}</view>
      </view>
      <view class="ul number">
        <view class="li left">天数:</view>
        <view class="li right">{{ night_day }}天</view>
      </view>
      <view class="ul number">
        <view class="li left">房间数量:</view>
        <view class="li right">{{ order_data.goods_total }}间</view>
      </view>
    </view>
    <block wx:if="{{order_data.cashier_order}}">
      <view class="info">
        <view class="ul time">
          <view class="li left">下单时间:</view>
          <view class="li right">{{ order_data.cashier_order.created_at }}</view>
        </view>
        <view class="ul name">
          <view class="li left">姓名:</view>
          <view class="li right">{{ order_data.cashier_order.realname }}</view>
        </view>
        <view class="ul member">
          <view class="li left">电话:</view>
          <view class="li right">{{ order_data.cashier_order.mobile }}</view>
        </view>
      </view>
    </block>
    <block wx:if="{{order_data.pay_type_name}}">
      <view class="ul Pay-method">
        <view class="li left">支付方式:</view>
        <view class="li right" style="color: #f15353;">{{order_data.pay_type_name }}</view>
      </view>
    </block>
    <view class="discount">
      <block wx:for-item="info" wx:for="{{order_data.order_discount}}" wx:key="index">
        <view class="ul Discount" wx:if="{{!info.no_show}}">
          <view class="li left">{{ info.name }}:</view>
          <view class="li right">{{language['money']}}{{ info.amount }}</view>
        </view>
      </block>
      <block wx:for="{{order_data.order_fees}}" wx:key="index">
        <view class=" ul Discount">
          <view class=" li left">{{ item.name }}:</view>
          <view class=" li right">{{language['money']}}{{ item.amount }}</view>
        </view>
      </block>
      <block wx:for="{{order_data.order_deduction}}" wx:key="index">
        <view class=" ul Discount">
          <view class=" li left">{{ item.name }}:</view>
          <view class=" li right">{{language['money']}}{{ item.amount }}</view>
        </view>
      </block>
    </view>
    <block wx:if="{{order_data.dispatch_price}}">
      <view class="ul Fre">
        <view class="li left">{{order_data.dispatch_type_id=="11" ? '配送费' : '运费'}}:</view>
        <view class="li right">{{language['money']}}{{ order_data.dispatch_price }}</view>
      </view>
    </block>
    <view class="ul Sub">
      <view class="li left">商品小计:</view>
      <view class="li right" wx:if="{{!(order_data.plugin_id == 40)}}">
        {{language['money']}}{{ order_data.order_goods_price }}
      </view>
      <view class="li right" wx:if="{{order_data.plugin_id == 40}}">
        {{language['money']}}{{ order_data.order_goods_price }}
      </view>
    </view>
    <view class="ul Sub" wx:if="{{order_data.plugin_id == 40}}">
      <view class="li left">押金:</view>
      <view class="li right">{{language['money']}}{{ order_data.lease_toy.deposit_total }}</view>
    </view>
    <view class="ul Real-pay">
      <view class="li left" wx:if="{{!(order_data.plugin_id == 40)}}">实付款:</view>
      <view class="li left" wx:if="{{order_data.plugin_id == 40}}">
        合计:（押金{{language['money']}}{{ order_data.lease_toy.deposit_total }}可退）:
      </view>
      <view class="li right" style="margin-left: 5px">
        <text class="small">{{language['money']}}</text> {{ order_data.price }}
      </view>
    </view>

      <view class="order_times">
        <view class="ul Sub" >
        <view class="li left">创建时间:</view>
        <view class="li right">{{order_data.create_time  }}</view>
      </view>
      <view class="ul Sub" wx:if="{{order_data.status >= 1}}">
        <view class="li left">付款时间:</view>
        <view class="li right">{{ order_data.pay_time  }}</view>
      </view>
       <!--话费慢充-->
       <view class="ul Sub" wx:if="{{phone_bill.has_one_pre_order && phone_bill.has_one_pre_order.created_at}}">
        <view class="li left">提交时间:</view>
        <view class="li right">{{ phone_bill.has_one_pre_order.created_at }}</view>
      </view>
      <!--话费慢充-->

      <view class="ul Sub" wx:if="{{order_data.status >= 2}}">
        <view class="li left">发货时间:</view>
        <view class="li right">{{ order_data.send_time  }}</view>
      </view>
      <view class="ul Sub" wx:if="{{order_data.status >= 3}}">
        <view class="li left">成交时间:</view>
        <view class="li right">{{ order_data.finish_time }}</view>
      </view>
      <!--话费慢充-->
      <view class="ul Sub" wx:if="{{phone_bill.has_one_pre_order && phone_bill.has_one_pre_order.has_one_call_back && phone_bill.has_one_pre_order.created_at}}">
        <view class="li left">状态通知时间:</view>
        <view class="li right">{{ phone_bill.has_one_pre_order.has_one_call_back.created_at }}</view>
      </view>
      <view class="ul Sub" wx:if="{{(phone_bill.status == 4 || phone_bill.status == 5) && phone_bill.has_one_pre_order}}">
        <view class="li left">交易错误:</view>
        <view class="li right">{{ phone_bill.has_one_pre_order.return_msg }}</view>
      </view>
      <!--话费慢充-->
    </view>

    <view class="kefu" catchtap="getKefu">
      <icon class="iconfont icon-kefu"></icon><text style="align-self: center;">联系客服</text>
    </view>
  </view>

  <!-- 自定义信息 -->
  <view style="margin: -80rpx 20rpx 80rpx 20rpx;">
    <custom-message listMap="{{customForm}}" ></custom-message>
  </view>

  <view style="height:100rpx"></view>
  <view class="detail_pay">
    <view class="order_delete red-button" wx:if="{{(order_data.status == 2 || order_data.status == 3) && order_data.camilo_resources_coupon_type == 2}}" data-item="{{ {value:140,api:1} }}" data-orderdata="{{order_data}}">卡券信息</view>
    <block wx:for="{{order_data.button_models}}" wx:key="index">
      <!--只有一个的情况-->
      <view wx:if="{{index < 1}}" catchtap="operation" data-item="{{item}}" data-orderdata="{{order_data}}" class="order_delete {{!item.api ? 'noClickBG' : ''}} {{item.value == 1 ? 'red-button' : ''}}">
        {{ item.name }}
        <button wx:if="{{item.value==41 && !item.api}}" style="position:absolute;width:100%;height:100%;opacity:0;top: 0;right: 0;" open-type="contact" session-from="weapp"></button>
      </view>
      <!--只有两个的情况-->
      <view wx:if="{{index == 1 && order_data.button_models.length == 2}}" catchtap="operation" data-item="{{item}}" data-orderdata="{{order_data}}" class="order_delete {{!item.api ? 'noClickBG' : ''}} {{item.value == 1 ? 'red-button' : ''}}">
        {{ item.name }}
        <button wx:if="{{item.value==41}}" style="position:absolute;width:100%;height:100%;opacity:0;top: 0;right: 0;" open-type="contact" session-from="weapp"></button>
      </view>
      <!--两个以上的情况-->
      <view wx:if="{{index == 1 && order_data.button_models.length > 2}}" data-order="{{order_data}}" catchtap="showMore" style="position: relative;" class="order_delete red-button">
        更多
      </view>
      <view class="trans" wx:if="{{index == 1 && showID == order_data.order_sn}}"></view>
      <view class="more-button" wx:if="{{index == 1 && showID == order_data.order_sn}}">
        <view wx:for="{{order_data.button_models}}" wx:for-item="btn" wx:if="{{i >= 1}}" wx:for-index="i" wx:key="i" data-item="{{btn}}" data-orderdata="{{order_data}}" catchtap="operation"  class="p {{!item.api ? 'noClickBG' : ''}}" style="position: relative;">
          {{btn.name}}
          <button wx:if="{{btn.value==41 && !item.api}}" style="position:absolute;width:100%;height:100%;opacity:0;top: 0;right: 0;" open-type="contact" session-from="weapp"></button>
        </view>
      </view>

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

<!-- 线下订单-详情页 -->
<offline-order-detail wx:if="{{orderType == 'ysSystem'}}" order_data="{{order_data}}"></offline-order-detail>

<van-dialog use-slot async-close show="{{dialogVisible}}" show-cancel-button bind:close="sendGoogs">
  <view catchtouchmove="noop" class="sendgood">
    <view class="h4">确认发货</view>
    <view class="addmessage" wx:if="{{addresseeInfo&&jurisdiction_set != 1}}">
      <view class="title">收件人信息:</view>
      <view class="content">
        <view class="top">
          <text class="span">收件人:{{addresseeInfo.realname}}</text>
          <text class="span">({{addresseeInfo.mobile}})</text>
        </view>
        <view class="bottom">收货地址:{{addresseeInfo.address}}</view>
      </view>
    </view>
    <view class="delivery">
      <view class="left">快递公司:</view>
      <view class="right">
        <view class="button" catchtap="seleRegional">{{regional}}</view>
      </view>
    </view>
    <view class="deliveryinp">
      <view class="left">快递单号:</view>
      <view class="right">
        <van-field value="{{numberName}}" placeholder="请输入快递单号" border="{{false}}" bind:blur="numberNamebtn" />
      </view>
    </view>
  </view>
</van-dialog>

<!-- 客服弹框 -->
  <connect-customer-service show="{{ showKefu }}" customer_open="{{customer_open}}" online="{{ cservice }}" tel="{{ service_mobile }}" qrcode="{{ service_QRcode }}"></connect-customer-service>

<van-popup show="{{showQrcode}}" position="bottom" z-index='{{2000}}' bind:click-overlay="onClose">
  <view class="qrcodeClass">
    <image src="{{qrcode_url}}" mode='widthFix'></image>
    <text>请核销员扫码核销</text>
  </view>
</van-popup>

<van-popup show="{{ showDiyForm }}" position="bottom" custom-style="height: 75%" close-on-click-overlay="true" bind:close="onDiyFormClose">
  <view class="popup-form">
    <van-cell-group>
      <block wx:for="{{diyform}}" wx:for-index="idx" wx:key="{{idx}}">
        <van-cell wx:if="{{item.type == 'diyduoxing' || item.type == 'diyduoxingwenben'}}" title="{{item.title}}" value="{{item.content.value.value}}" />
        <view  wx:elif="{{item.type == 'diytupian'}}">
          <text class="img-title">{{item.title}}</text>
          <view class="wrap">
            <view wx:for="{{item.content}}" wx:key="{{index}}" wx:index="{{index}}" class="photo">
              <image src="{{item}}"></image>
            </view>
          </view>
        </view>
        <van-cell wx:else title="{{item.title}}" value="{{item.content}}" />
      </block>
    </van-cell-group>
  </view>
</van-popup>

  <van-dialog use-slot title="易货兑换" show="{{ showBarter }}" show-cancel-button  bind:confirm='confirmBarter' bind:close="cancelBarter" confirm-button-text='兑换' class="barter_dialog">
    <view class="barter_dialog_1">是否确认易货兑换</view>
    <view class="barter_dialog_2">该商品可兑换易货值为{{ showBarter_value }}</view>
  </van-dialog>

 <van-popup show="{{dateshow_1}}" position="bottom" z-index='{{2000}}'>
  <van-picker show-toolbar="{{true}}" columns="{{columns}}" bind:cancel="onCancelbtn" bind:confirm="onConfirmbtn" />
</van-popup>

  <!--消费红包-->
<van-popup show="{{ showPacket }}" bind:close="onClickHide">
  <view class="wrapper">
    <view class="block">
      <image catchtap="toPacket" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/consume_packet.png"/>
    </view>
  </view>
</van-popup>

<view class="fixed-box" wx:if="{{!showPacket && hasPacket}}">
  <image catchtap="onClickShow" class="rotate  {{ shrinkPacket ? 'r1' : 'r2' }}" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/consume_packet.png"/>
</view>
  <!--消费红包end-->

<!-- <shopfoot></shopfoot> -->
<!-- 盲盒 -->
<van-overlay show="{{blindBoxInfo.show}}" bind:click="blindBoxInfoTap">
  <view style="display: flex; align-items: center; justify-content: center; height: 100%;">
      <view class="blindBoxInfo" wx:if="{{blindBoxInfo.show}}">
        <view class="multipleWrapper">
          <view class="desc">盲盒商品</view>
          <view class="goodsWrapper">
            <block wx:for="{{blindBoxInfo.goods}}" wx:key="index" >
              <view class="goodsItem">
                <view class="goodInfo">
                  <view class="c1">{{item.order_sn}}</view>
                  <view class="c2">{{item.status_name}}</view>
                </view>
                <view class="goodContent" wx:for="{{item.has_many_order_goods}}" wx:key="ind" wx:for-item='item1' catchtap="goOrderList" data-item="{{item}}">
                  <view class="goods_img">
                    <image src="{{item1.thumb}}" alt="" />
                  </view>
                  <view class="content">
                    <view class="name">{{item1.title}}</view>
                    <view class="price">{{item1.goods_option_title}}</view>
                  </view>
                </view>
              </view>
            </block>
          </view>
        </view>

        <view class="close" catchtap="blindBoxInfoTap">
          <icon class="iconfont icon-adsystem_icon_cancle" ></icon>
        </view>
      </view>
  </view>
</van-overlay>
<!-- 盲盒end -->
<van-popup show="{{refundShow}}" position="bottom" custom-style="height: 50%;" round closeable bind:close="onCloseRefundShow">
  <view class="refundShow-box">
    <view class="popup-title">关闭原因</view>
    <view class="popup-context">{{ refundText }}</view>
  </view>
</van-popup>


<van-dialog
  use-slot
  title="{{custom_receipt_confirmation_btn.name}}"
  show="{{ custom_receipt_confirmation_show }}"
  show-cancel-button
  bind:confirm="CustomReceiptConfirmationSend"
  bind:close="onClose">
<view class="custom_receipt_confirmation_html"><mp-html content="{{custom_receipt_confirmation_html}}"></mp-html></view>
</van-dialog>

<!--S 申请存货的dialog -->
<van-dialog use-slot  title="请选择" show="{{inventoryApplyPopup}}" show-cancel-button bind:confirm="confirmInventoryApply" class="inventory-apply-popup">
  <view class="content">
    <van-radio-group value="{{inventoryApplyRadio}}" bind:change="onChangeInventoryApplyRadio">
      <van-radio custom-class='inventory-apply-radio' name="{{item.id}}" wx:for="{{inventoryApplyList}}" wx:key="{{item.id}}" checked-color="#ee0a24">{{ item.name }}</van-radio>
    </van-radio-group>
  </view>
</van-dialog>
<!--E 申请存货的dialog -->