shopxo/sourcecode/toutiao/default/pages/buy/buy.ttml

<block tt:if="{{common_site_type == 1}}">
  <import src="/pages/common/nodata.ttml" />
  <template is="nodata" data="{{status: 2, msg: '展示型不允许提交订单'}}"></template>
</block>
<block tt:else>
  <view tt:if="{{goods_list.length > 0}}" class="page">
    <!-- 销售+自提 模式选择 -->
    <view tt:if="{{common_site_type == 4}}" class="buy-header-nav oh tc">
      <block tt:for="{{buy_header_nav}}" tt:key="key">
        <view class="item fl {{site_model == item.value ? 'cr-main' : 'cr-666'}}" data-value="{{item.value}}" bindtap="buy_header_nav_event">{{item.name}}</view>
      </block>
    </view>

    <!-- 地址 -->
    <block tt:if="{{common_site_type == 0 || common_site_type == 2 || common_site_type == 4}}">
      <view class="address bg-white arrow-right" bindtap="address_event">
        <view tt:if="{{address != null}}">
          <view class="address-base oh">
            <text tt:if="{{(address.alias || null) != null}}" class="address-alias">{{address.alias}}</text>
            <text>{{address.name}}</text>
            <text class="fr">{{address.tel}}</text>
          </view>
          <view class="address-detail oh">
            <image class="icon fl" src="/images/user-address.png" mode="widthFix" />
            <view class="text fr">{{address.province_name || ''}}{{address.city_name || ''}}{{address.county_name || ''}}{{address.address || ''}}</view>
          </view>
        </view>
        <view tt:if="{{address == null}}" class="no-address cr-888">
          {{(common_site_type == 0 || (common_site_type == 4 && site_model == 0)) ? '请选择收货地址' : '请选择取货地址'}}
        </view>
      </view>
      <view class="address-divider spacing-mb"></view>
    </block>

    <!-- 商品数据 -->
    <view class="goods-group-list bg-white spacing-mb" tt:for="{{goods_list}}" tt:for-item="group" tt:key="key">
      <!-- 仓库分组 -->
      <view class="goods-group-hd oh br-b">
        <view class="fl" bindtap="warehouse_group_event" data-value="{{group.url || ''}}">
          <image tt:if="{{(group.icon || null) != null}}" class="goods-group-icon va-m margin-right-xs" src="{{group.icon}}" mode="aspectFit" />
          <text class="goods-group-title va-m">{{group.name}}</text>
          <text tt:if="{{(group.alias || null) != null}}" class="goods-group-alias va-m">{{group.alias}}</text>
        </view>
        <view tt:if="{{(group.lng || null) != null && (group.lat || null) != null && group.lng != 0 && group.lat != 0}}" class="fr">
          <view class="goods-group-map-submit br" data-index="{{index}}" bindtap="map_event">查看地图</view>
        </view>
      </view>
      <!-- 商品 -->
      <view tt:for="{{group.goods_items}}" tt:key="keys" class="goods-item oh">
        <image class="goods-image fl" src="{{item.images}}" mode="aspectFill" />
        <view class="goods-base">
          <view class="goods-title multi-text">{{item.title}}</view>
          <block tt:if="{{item.spec != null}}">
            <view class="goods-spec cr-888" tt:for="{{item.spec}}" tt:key="key" tt:for-item="spec">{{spec.type}}:{{spec.value}}
            </view>
          </block>
        </view>
        <view class="oh goods-price">
          <text class="sales-price">{{currency_symbol}}{{item.price}}
          </text>
          <text tt:if="{{item.original_price > 0}}" class="original-price">{{currency_symbol}}{{item.original_price}}
          </text>
          <text class="buy-number cr-888">x{{item.stock}}
          </text>
        </view>
      </view>
      <!-- 优惠劵 -->
      <view tt:if="{{(plugins_coupon_data || null) != null && (plugins_coupon_data[index] || null) != null && (plugins_coupon_data[index].coupon_data || null) != null && (plugins_coupon_data[index].coupon_data.coupon_list || null) != null && plugins_coupon_data[index].coupon_data.coupon_list.length > 0}}" class="plugins-coupon bg-white spacing-mb arrow-right" data-index="{{index}}" bindtap="plugins_coupon_open_event">
        <text class="cr-666">优惠劵</text>
        <text class="cr-ccc fr">{{((plugins_choice_coupon_value || null) != null && (plugins_choice_coupon_value[group.id] || null) != null) ? plugins_choice_coupon_value[group.id] : '请选择优惠券'}}</text>
      </view>
      <!-- 扩展数据展示 -->
      <view tt:if="{{group.order_base.extension_data.length > 0}}" class="extension-list spacing-mt">
        <view tt:for="{{group.order_base.extension_data}}" tt:key="key" class="item oh">
          <text class="cr-666 fl">{{item.name}}
          </text>
          <text class="text-tips fr">{{item.tips}}
          </text>
        </view>
      </view>
      <!-- 小计 -->
      <view class="oh tr goods-group-footer spacing-mt spacing-mb">
        <text tt:if="{{group.order_base.total_price != group.order_base.actual_price}}" class="original-price">{{currency_symbol}}{{group.order_base.total_price}}</text>
        <text class="sales-price">{{currency_symbol}}{{group.order_base.actual_price}}</text>
      </view>
    </view>

    <!-- 留言 -->
    <view class="content-textarea-container bg-white spacing-mb">
      <textarea tt:if="{{user_note_status}}" bindblur="bind_user_note_blur_event" bindinput="bind_user_note_event" focus="{{true}}" value="{{user_note_value}}" maxlength="60" placeholder="留言" />
      <view tt:else bindtap="bind_user_note_tap_event" class="{{(user_note_value || null) == null ? 'cr-888' : ''}}">{{user_note_value || '留言'}}</view>
    </view>

    <!-- 积分 -->
    <view tt:if="{{(plugins_points_data || null) != null && (plugins_points_data.discount_price || 0) > 0}}" class="plugins-points-buy-container bg-white spacing-mb">
      <view class="select oh">
        <text tt:if="{{plugins_points_data.discount_type == 1}}">使用{{plugins_points_data.use_integral}}个积分兑换商品</text>
        <text tt:else>使用积分{{plugins_points_data.use_integral}}个</text>
        <text class="sales-price">-{{currency_symbol}}{{plugins_points_data.discount_price}}</text>
        <view bindtap="points_event" class="fr">
          <image class="icon" src="/images/default-select{{plugins_points_status ? '-active' : ''}}-icon.png" mode="widthFix" />
        </view>
      </view>
      <view class="desc">
        <text tt:if="{{plugins_points_data.discount_type == 1}}">你有积分{{plugins_points_data.user_integral}}个</text>
        <text tt:else>你有积分{{plugins_points_data.user_integral}}个，可用{{plugins_points_data.use_integral}}个</text>
      </view>
    </view>

    <!-- 支付方式 -->
    <view tt:if="{{payment_list.length > 0 && common_order_is_booking != 1}}" class="payment-list bg-white oh">
      <view class="item tc fl" tt:for="{{payment_list}}" tt:key="key">
        <view class="item-content br {{(item.selected || '')}}" data-value="{{item.id}}" bindtap="payment_event">
          <image tt:if="{{(item.logo || null) != null}}" class="icon" src="{{item.logo}}" mode="widthFix" />
          <text>{{item.name}}</text>
        </view>
      </view>
    </view>

    <!-- 导航 -->
    <view class="buy-nav oh wh-auto">
      <view class="nav-base bg-white fl br-t single-text">
        <text>合计：</text>
        <text class="sales-price">{{currency_symbol}}{{total_price}}</text>
      </view>
      <view class="fr nav-submit">
        <button class="bg-main wh-auto" type="default" bindtap="buy_submit_event" disabled="{{buy_submit_disabled_status}}" hover-class="none">提交订单</button>
      </view>
    </view>
  </view>

  <view tt:if="{{goods_list.length == 0}}">
      <import src="/pages/common/nodata.ttml" />
      <template is="nodata" data="{{status: data_list_loding_status, msg: data_list_loding_msg}}"></template>
  </view>

  <!-- 优惠劵选择 -->
  <component-popup prop-show="{{popup_plugins_coupon_status}}" prop-position="bottom" bindonclose="plugins_coupon_close_event">
    <sjs src="../../utils/tools.sjs" module="tools" />
    <view class="plugins-coupon-popup bg-white">
      <view class="close oh">
        <view class="fr" catchtap="plugins_coupon_close_event">
          <icon type="clear" size="20" />
        </view>
      </view>
      <view tt:if="{{popup_plugins_coupon_index != null &&  (plugins_coupon_data || null) != null && (plugins_coupon_data[popup_plugins_coupon_index] || null) != null && (plugins_coupon_data[popup_plugins_coupon_index].coupon_data || null) != null && (plugins_coupon_data[popup_plugins_coupon_index].coupon_data.coupon_list || null) != null && plugins_coupon_data[popup_plugins_coupon_index].coupon_data.coupon_list.length > 0}}" class="coupon-container oh br-b">
        <view class="not-use-tips tc">
          <text data-wid="{{plugins_coupon_data[popup_plugins_coupon_index].warehouse_id}}" bindtap="plugins_coupon_not_use_event">不使用优惠劵</text>
        </view>
        <block tt:for="{{plugins_coupon_data[popup_plugins_coupon_index].coupon_data.coupon_list}}" tt:key="item">
          <view class="item spacing-mt bg-white {{tools.indexOf(plugins_use_coupon_ids, item.id) ? 'item-disabled' : ''}}" style="border:1px solid {{item.coupon.bg_color_value}};">
            <view class="v-left fl">
              <view class="base single-text" style="color:{{item.coupon.bg_color_value}};">
                <text tt:if="{{item.coupon.type == 0}}" class="symbol">{{currency_symbol}}</text>
                <text class="price">{{item.coupon.discount_value}}</text>
                <text class="unit">{{item.coupon.type_unit}}</text>
                <text tt:if="{{(item.coupon.desc || null) != null}}" class="desc cr-888">{{item.coupon.desc}}</text>
              </view>
              <view tt:if="{{(item.coupon.use_limit_type_name || null) != null}}" class="base-tips cr-666 single-text">{{item.coupon.use_limit_type_name}}</view>
              <view class="base-time cr-888 single-text">{{item.time_start_text}} 至 {{item.time_end_text}}</view>
            </view>
            <view class="v-right fr" style="background:{{item.coupon.bg_color_value}};" data-wid="{{plugins_coupon_data[popup_plugins_coupon_index].warehouse_id}}" data-value="{{item.id}}" bindtap="plugins_coupon_use_event">
              <text class="circle"></text>
              <text>{{tools.indexOf(plugins_use_coupon_ids, item.id) ? '已选' : '选择'}}</text>
            </view>
          </view>
        </block>
      </view>
    </view>
  </component-popup>
</block>

<!-- 快捷导航 -->
<component-quick-nav></component-quick-nav>