<view class="detail">
  <view class="head">
    <image src="{{detail.boxStylePic}}"></image>
    <text class="weight">{{detail.wallName}}-{{detail.boxName}}</text>
    <text class="ase">NO. {{detail.boxSn}}</text>
  </view>

  <view class="base-content">
    <view class="title">預訂信息</view>
    <view class="from">
      <view>
        <text class="label">龕位方位</text>
        <view class="value address" bindtap="gotoImg" data-url="{{detail.boxPositionPic}}">
          <text>{{detail.wallName}} {{detail.position}}</text>
          <image src="/static/images/address_right.png" wx:if="{{detail.boxPositionPic}}"></image>
        </view>
      </view>
      <view>
        <text class="label">龕位狀態</text>
        <text class="value">{{statusMap[detail.status]}}</text>
      </view>
      <view>
        <text class="label">龕位價格</text>
        <text class="value">HK$ {{detail.boxPrice}}</text>
      </view>
      <view>
        <text class="label">管理費用</text>
        <text class="value">HK$ {{detail.boxManagementFee}}</text>
      </view>
    </view>
  </view>

  
  <view class="base-content">
    <view class="title">聯系方式</view>
    <view class="from">
      <view>
        <text class="label">預訂姓名</text>
        <text class="value">{{detail.boxUserName}}</text>
      </view>
      <view>
        <text class="label">手機電話</text>
        <text class="value">{{detail.phonePlaceCode ? detail.phonePlaceCode + ' ' : '' }}{{detail.boxUserPhone}}</text>
      </view>
      <view>
        <text class="label">郵箱地址</text>
        <text class="value">{{detail.boxUserEmail}}</text>
      </view>
      <view>
        <text class="label">備註</text>
        <text class="value show-asc">{{detail.boxUserRemark || ''}}</text>
      </view>
    </view>
  </view>

  <button class="bottom {{detail.isHandle ? 'disable' : ''}}"  bindtap="bindCanceHandle">取消預訂</button>
</view>
