<van-nav-bar title="订单详情" left-text="" right-text="" left-arrow bind:click-left="onClickLeft" bind:click-right="onClickRight" style=" position: fixed;left: 0;top: 0;width: 100%;z-index: 10;" />

<!--pages/orderdetail/orderdetail.wxml-->
<view style=" height:328rpx;position: relative;background: #ffffff;margin-top:{{height}}px;">
  <view style="height:66rpx;padding: 0 24rpx;">
    <text class="time_msg"></text>
    <!-- 订单状态：-2：已取消 -1：拒绝接单 0：待付款 1：已付款 2：已接单（待服务）
                    3：服务中 4：已完成 5申请退款 6退款中 7已退款 8：已结算 -->
    <view wx:if="{{item.status==-2}}" class="status_msg">{{"已取消"}}</view>
    <view wx:if="{{item.status==-1}}" class="status_msg">{{"拒绝接单"}}</view>
    <view wx:if="{{item.status==0}}" class="status_msg">{{"待付款"}}</view>
    <view wx:if="{{item.status==1}}" class="status_msg">{{"已付款"}}</view>
    <view wx:if="{{item.status==2}}" class="status_msg">{{"待服务"}}</view>
    <view wx:if="{{item.status==3}}" class="status_msg">{{"服务中"}}</view>
    <view wx:if="{{item.status==4}}" class="status_msg">{{"已完成"}}</view>
    <view wx:if="{{item.status==5}}" class="status_msg">{{"申请退款"}}</view>
    <view wx:if="{{item.status==6}}" class="status_msg">{{"退款中"}}</view>
    <view wx:if="{{item.status==7}}" class="status_msg">{{"已退款"}}</view>
    <view wx:if="{{item.status==8}}" class="status_msg">{{"已结算"}}</view>
  </view>
  <view class="details_box">
    <image src="{{url+item.userbAvatar}}" style="width:230rpx;height:230rpx;"></image>
    <view style="margin-left: 31rpx;">
      <view class="title">专业陪护服务（{{item.userbName}}）</view>
      <!-- <view class="detail_number">数量x{{detail.num}}</view> -->
      <view class="money">实付款：<text style="font-size: 30rpx;color: #FF4A4A;font-family: PingFang SC;font-weight: bold;">￥{{item.yuguMoney}}</text></view>
    </view>
  </view>
</view>

<!-- 订单状态：-2：已取消 -->

<!-- 订单状态：0：待付款 -->
<view wx:if="{{item.status==0}}" class="opt_view">
  <view wx:if="{{item.status==0}}">
    <view class="detail_btn" style="padding:0 30rpx" bindtap="confirm_pay">
      付款
    </view>
    <view class="detail_btn" bindtap="cancelOrder">
      取消订单
    </view>
  </view>
  <view wx:if="{{item.status==2}}">
    <view class="detail_btn" style="padding:0 30rpx" bindtap="seeQcode">
      查看身份码
    </view>
    <view class="detail_btn" bindtap="refund">
      退款
    </view>
    <!-- <view class="detail_btn" bindtap="pintuan"
      style="right:300rpx;color:#4A4A4A;border: 1rpx solid #4A4A4A;padding:0 30rpx">
      发起拼团
    </view> -->
  </view>
</view>

<!-- 订单状态：2：待服务 -->
<view wx:if="{{item.status==2}}" class="opt_view">
  <view wx:if="{{item.status==2}}">
    <view class="detail_btn" style="padding:0 30rpx" bindtap="seeQcode">
      查看身份码
    </view>
    <view class="detail_btn" bindtap="refund">
      退款
    </view>
  </view>
</view>






































<view class="contact">
  <view class="contact_title">联系信息</view>
  <view style="display: flex;align-items: center;">
    <image src="{{url+item.usercAvatar}}" style="width:94rpx;height:94rpx;border-radius:50% ;margin-right:23rpx;">
    </image>
    <view>
      <view style="color: #333;font-size: 28rpx;font-family: PingFang SC;font-weight: bold;">{{item.usercName}}</view>
      <view style="color: #ABABAB;font-size: 24rpx;font-family: PingFang SC;font-weight: 400;width:532rpx;border-right:1rpx solid #e5e5e5">
        地址：{{item.hospitalAddress}}</view>
    </view>
    <image style="width:26rpx;height:26rpx;padding:35rpx 0 0 20rpx" src="/pages/image/phone.png" bindtap="callphone"></image>
  </view>
</view>
<view class="information">
  <view class="contact_title">
    订单信息
  </view>
  <view style="margin-bottom: 30rpx;">
    <text class="information_title">订单合计</text>
    <text class="information_title" style="color:#FF4A4A;">¥{{item.yuguMoney}}</text>
  </view>
  <!-- <view style="margin-bottom: 30rpx;">
    <text class="information_title">商品数量</text>
    <text class="information_title">{{order.num}}</text>
  </view> -->
  <view style="margin-bottom: 30rpx;">
    <text class="information_title">订单时间</text>
    <text class="information_title">{{item.startTime}}</text>
  </view>
  <view style="margin-bottom: 30rpx;">
    <text class="information_title">订单编号</text>
    <text class="information_title">{{item.orderNumber}}</text>
  </view>
  <view style="margin-bottom: 30rpx;">
    <text class="information_title">手机号码</text>
    <text class="information_title">{{123456789}}</text>
  </view>
</view>
<!-- 蒙层 -->
<view class="mengceng" wx:if="{{mengceng}}" bindtap="mengceng"></view>
<!-- 取消订单弹窗 -->
<view class="qxdd" wx:if="{{dingdan_msg}}">
  <view class="msg_title">
    商品很抢手哦，确定要取消订单吗？
  </view>
  <view style="display: flex;">
    <view class="msg_btn" style="border-right:1px solid #EBEBEB;color:#0A74B1" bindtap="nocancel">我在想想</view>
    <view class="msg_btn" bindtap="okcancel">坚持取消</view>
  </view>
</view>
<!-- 二维码弹窗 -->
<view class="erweima_tanchang" wx:if="{{ewm_msg}}">
  <image style="width:242rpx;height:242rpx;margin:67rpx 0 23rpx;" src="{{qrcode}}"></image>
  <view style="  text-align: center;font-size: 28rpx;font-family: PingFang SC;font-weight: 400;color: #8E8E8E;opacity: 1;">
    <view>
      请到地址后
    </view>
    <view style="margin:5rpx 0 0 0;">
      出示身份码给服务人员
    </view>
  </view>
</view>
<!-- 退款弹窗 -->
<view wx:if="{{refund_box}}" class="refund_box">
  <view class="gang" bindtap="gang"></view>
  <view class="refund_title">
    退款原因</view>
  <scroll-view scroll-y style="height: 500rpx;">
    <radio-group bindchange="radioChange">
      <view wx:for="{{list}}" class="list_box">
        <view>{{item.text}}</view>
        <view>
          <radio></radio>
        </view>
      </view>
    </radio-group>
    <view style="height:50rpx;"></view>
  </scroll-view>
  <button type="primary" plain="true" style="margin-bottom:20rpx" bindtap="isok">完成</button>
</view>















<van-overlay show="{{ show }}" bind:click="onClickHide">
  <view class="wrapper">
    <view class="block" catch:tap="noop">
      <!-- /////////////////////////////////////// -->

      <view style="width: 676rpx; height: 280rpx;">

        <image style="width: 676rpx; height: 280rpx;" src="/pages/image/pintuan.png"></image>

        <view class="yaotext">邀请好友拼团</view>
        <view class="yaotexttwo">拼团成功会返现哦~</view>


      </view>


      <view class="status-box">
        <view bindtap="statusTap" class="status-label {{index == currentType ? 'active' : ''}}" wx:for-items="{{statusType}}" wx:key="{{index}}" data-index="{{index}}">
          {{item}}
          <view class="{{tabClass[index]}}"></view>
        </view>
      </view>



      <view wx:if="{{nav_type==0}}">
        <!-- 步骤条 -->
        <view style="margin-left: 28rpx;margin-top: 116rpx; ">
          <text style="font-size: 30rpx;font-weight: bold;">拼团规则</text>
        </view>
        <view class="Groupone" style=" align-items: center;" data-id="{{item.id}}">

          <view class="viewone">
            <view class="textone">1
            </view>
            <view style="color: #333333;font-size: 28rpx;margin-top: 2rpx;">支付</view>
            <view style="font-size: 24rpx;font-weight: 400;color: #C2C2C2;margin-top: 2rpx;">开团/参团</view>
          </view>

          <view style="margin-left: 43rpx;">></view>
          <view class="viewone">
            <view class="textone">2
            </view>
            <view style="color: #333333;font-size: 28rpx;margin-top: 2rpx;">邀请</view>
            <view style="font-size: 24rpx;font-weight: 400;color: #C2C2C2;margin-top: 2rpx;">好友参团</view>
          </view>


          <view style="margin-left: 43rpx;">></view>
          <view class="viewone">
            <view class="textone">3
            </view>
            <view style="color: #333333;font-size: 28rpx;margin-top: 2rpx;">返现</view>
            <view style="font-size: 24rpx;font-weight: 400;color: #C2C2C2;margin-top: 2rpx;">拼团成功返现</view>
          </view>
        </view>


        <!-- 订单 -->
        <view class="Distit" style="margin-left: 28rpx;">
          <text style="font-size: 30rpx;font-weight: bold;">拼团详情</text>
        </view>
        <view class="pinGroup" bindtap="activity" data-id="{{item.id}}">

          <view class="Group-image">
            <image src="{{detail.index_img}}"></image>
          </view>
          <view class="pincontent">
            <view class="title1">{{detail.goods_name}}</view>
            <view class="title2">
              <view class="house">
                <image src="/pages/image/address.png" />
              </view>
              <view>{{detail.mechanism_name}}</view>
            </view>
            <view class="Price">
              <view class="Price1">￥{{detail.total_money}}</view>
              <!-- <view class="Price2">￥{{detail.original_price}}</view> -->
              <!-- <view class="Price3">5.0折</view> -->
            </view>
          </view>
        </view>


        <!-- 拼团头像 -->
        <view style="display: flex;flex-direction: row;position: relative;justify-content: center;">

          <view style="display: flex;flex-direction:column;align-items: center;">
            <!-- <image class="imageone" src="/images/WeChat.png"></image>  -->
            <view class="imageone" bindtap="bindViewTap">
              <open-data type="userAvatarUrl"></open-data>
            </view>
            <view class="texttwo" style="margin-top: -25rpx;">团长</view>
          </view>

          <view class="imageone" style="margin-left: 111rpx; display: flex;align-items: center;  justify-content: center;background-color: #FFEDE5;">
            <view style="font-size: 54rpx;font-family: 苹方-简;color: #FF4C00;">?
            </view>
          </view>
        </view>


        <!-- 操作按钮 -->
        <view style="display: flex;flex-direction: row;height: 80rpx;margin-top: 10rpx;">
          <view class="buttonsty" style="margin-left: 76rpx;" bindtap="tiaoguo">跳过</view>
          <view class="buttonsty" style="background: #FF4C00;margin-left: 32rpx;" bindtap="tongyifaqi">同意发起拼团</view>
        </view>

      </view>

      <!-- 8888888888888888888888888-->
      <view wx:if="{{nav_type==1}}">
        <!-- 步骤条 -->
        <view style="margin-left: 28rpx;margin-top: 116rpx; ">
          <text style="font-size: 30rpx;font-weight: bold;">砍价规则</text>
        </view>
        <view class="Groupone" style=" align-items: center;" data-id="{{item.id}}">

          <view class="viewone">
            <view class="textone">1
            </view>
            <view style="color: #333333;font-size: 28rpx;margin-top: 2rpx;">好友参团</view>
            <view style="font-size: 24rpx;font-weight: 400;color: #C2C2C2;margin-top: 2rpx;">开团/参团</view>
          </view>

          <view style="margin-left: 43rpx;">></view>
          <view class="viewone">
            <view class="textone">1
            </view>
            <view style="color: #333333;font-size: 28rpx;margin-top: 2rpx;">好友参团</view>
            <view style="font-size: 24rpx;font-weight: 400;color: #C2C2C2;margin-top: 2rpx;">开团/参团</view>
          </view>


          <view style="margin-left: 43rpx;">></view>
          <view class="viewone">
            <view class="textone">1
            </view>
            <view style="color: #333333;font-size: 28rpx;margin-top: 2rpx;">好友参团</view>
            <view style="font-size: 24rpx;font-weight: 400;color: #C2C2C2;margin-top: 2rpx;">开团/参团</view>
          </view>
        </view>


        <!-- 订单 -->
        <view class="Distit" style="margin-left: 28rpx;">
          <text style="font-size: 30rpx;font-weight: bold;">特价商品</text>
        </view>
        <view class="pinGroup" bindtap="activity" data-id="{{item.id}}">

          <view class="Group-image">
            <image src="{{item.index_img}}"></image>
          </view>
          <view class="pincontent">
            <view class="title1">除皱瘦脸 韩国进口标准装瘦咬肌速美小V脸</view>
            <view class="title2">
              <view class="house">
                <image src="/pages/image/address.png" />
              </view>
              <view>{{item.mechanism_name}}</view>
            </view>
            <view class="Price">
              <view class="Price1">￥{{item.price}}</view>
              <view class="Price2">￥{{item.original_price}}</view>
              <!-- <view class="Price3">5.0折</view> -->
            </view>
          </view>
        </view>





        <!-- 操作按钮 -->
        <view style="display: flex;flex-direction: row;height: 80rpx;margin-top: 57rpx;">
          <view class="buttonsty" style="margin-left: 76rpx; ">跳过</view>
          <view class="buttonsty" style="background: #FF4C00;margin-left: 32rpx;" bindtap="getDeposit">同意发起砍价</view>
        </view>

      </view>


      <!-- /////////////////////////////////////// -->
    </view>
  </view>
</van-overlay>