<!--packageG/independent_store/index/index.wxml-->
<view wx:if="{{store_components && store_components.length>0}}">
  <!--开启了门店装修-->
  <template name="backup">
    <backup datas="{{remote_data}}"  component_id="{{id}}"></backup>
  </template>
  <template name="blank">
    <blank datas="{{remote_data}}"  component_id="{{id}}"></blank>
  </template>
  <template name="buttons">
    <buttons datas="{{remote_data}}"  component_id="{{id}}"></buttons>
  </template>
  <template name="community">
    <community datas="{{remote_data}}" component_id="{{id}}" store_id="{{store_id}}"></community>
  </template>
  <template name="cube">
    <cube datas="{{remote_data}}" component_id="{{id}}"></cube>
  </template>
  <template name="goods">
    <goods datas="{{remote_data}}"  component_id="{{id}}" page_id="{{page_id}}" index="{{index}}" bottomShowBolIndex="{{bottomShowBolIndex}}" bottomShowBol="{{bottomShowBol}}"></goods>
  </template>
  <template name="line">
    <line datas="{{remote_data}}"  component_id="{{id}}"></line>
  </template>
  <template name="location">
    <location datas="{{remote_data}}"  component_id="{{id}}" page_id="{{page_id}}"></location>
  </template>
  <template name="maps">
    <maps datas="{{remote_data}}"  component_id="{{id}}"></maps>
  </template>
  <template name="notice">
    <notice datas="{{remote_data}}"  component_id="{{id}}"></notice>
  </template>
  <template name="richtext">
    <richtext datas="{{remote_data}}" component_id="{{id}}"></richtext>
  </template>
  <template name="simplegraph">
    <simplegraph datas="{{remote_data}}"  component_id="{{id}}"></simplegraph>
  </template>
  <template name="slideshow">
    <slideshow datas="{{remote_data}}"  component_id="{{id}}"></slideshow>
  </template>
  <template name="suspendbutton">
    <suspendbutton datas="{{remote_data}}"  component_id="{{id}}"></suspendbutton>
  </template>
  <template name="title">
    <title datas="{{remote_data}}"  component_id="{{id}}"></title>
  </template>
  <template name="videos">
    <videos datas="{{remote_data}}"  component_id="{{id}}"></videos>
  </template>

  <view>
      <block wx:for="{{store_components}}" wx:key="index">
        <template wx:if="{{item.component_key =='U_backup' &&  btnFlag}}" is="backup" data="{{...item}}" />
        <template wx:if="{{item.component_key =='U_blank'}}" is="blank" data="{{...item}}" />
        <template wx:if="{{item.component_key =='U_button'}}" is="buttons" data="{{...item}}" />
        <template wx:if="{{item.component_key =='U_community'}}" is="community" data="{{...item,store_id}}" />
        <template wx:if="{{item.component_key =='U_cube'}}" is="cube" data="{{...item}}" />
        <template wx:if="{{item.component_key =='U_goods'}}" is="goods" data="{{...item,page_id,bottomShowBolIndex,bottomShowBol,index}}" />
        <template wx:if="{{item.component_key =='U_line'}}" is="line" data="{{...item}}" />
        <template wx:if="{{item.component_key =='U_location'}}" is="location" data="{{...item,page_id}}" />
        <template wx:if="{{item.component_key =='U_maps'}}" is="maps" data="{{...item}}" />
        <template wx:if="{{item.component_key =='U_notice'}}" is="notice" data="{{...item}}" />
        <template wx:if="{{item.component_key =='U_richtext'}}" is="richtext" data="{{...item}}" />
        <template wx:if="{{item.component_key =='U_simplegraph'}}" is="simplegraph" data="{{...item}}" />
        <template wx:if="{{item.component_key =='U_slideshow'}}" is="slideshow" data="{{...item}}" />
        <template wx:if="{{item.component_key =='U_suspendbutton'}}" is="suspendbutton" data="{{...item}}" />
        <template wx:if="{{item.component_key =='U_title'}}" is="title" data="{{...item}}" />
        <template wx:if="{{item.component_key =='U_video'}}" is="videos" data="{{...item}}" />
      </block>

  </view>

  <U_foot isDiy="{{true}}" foot_type="{{foot_type}}" datas="{{bottom_info}}" wx:if="{{foot_type}}"></U_foot>

</view>

<view wx:elif="{{storeInfo}}">
<!--默认独立门店页面-->
  <view class="top-containe">
    <block wx:if="{{albumList.length > 0}}">
      <swiper class="top-swiper" current="{{swiperIndex}}" previous-margin="80rpx" next-margin="50rpx" snap-to-edge="{{false}}"
        bindchange="swiperChange">
        <swiper-item wx:for="{{albumList}}" wx:key="index" class="swiper-item" data-index="{{index}}">
          <view class="swiper-items-box {{swiperIndex === index ? 'active-swiper-item' : ''}}" wx:if="{{item.label_data_count}}">
              <block wx:if="{{item.data_type == 0}}">
                <image class="img" mode="widthFix" src="{{item.image_src}}"></image>
              </block>
              <block wx:else>
                <video
                  controls="{{true}}"
                  src="{{item.video_src}}"
                  object-fit="contain"
                  show-mute-btn="{{true}}"
                  poster="{{item.video_img_src}}"
                ></video>
              </block>
          </view>
          <view wx:if="{{index == 5}}" class="right-load-moer {{showMoreAlbum ? 'featIn' : ''}}">查看更多<van-icon name="arrow" /></view>
        </swiper-item>
      </swiper>
      <view class="albums-icon">
        <view class="icon-imgs" catchtap="goStoreAlbums">
          <van-icon class="icon-img" name="photo-o" wx:if="{{albumList[0].image_count > 0}}"></van-icon>
          <van-icon class="icon-img" name="video-o" wx:if="{{albumList[0].video_count > 0}}"/>
          <text>{{albumList[0].label_data_count}}</text>
        </view>
      </view>
    </block>
    <view class="notice-box" wx:if="{{storeInfo.affiche}}">
      <van-notice-bar left-icon="volume-o" text="{{storeInfo.affiche}}" custom-class="notice-bar">
      </van-notice-bar>
    </view>
  </view>

  <view class="center-containe">
    <!-- 商品信息 -->
    <view class="store-box" catchtap="goO2oStore" data-type="store">
      <view class="store-img">
        <image src="{{storeInfo.store_thumb}}"></image>
      </view>
      <view class="store-info">
        <view class="store-title line-2">{{storeInfo.store_name}}</view>
        <view class="bottom">
          <view class="time" wx:if="{{storeInfo.business_hours}}">
            <van-icon class="iconfont icon-qhm_record"></van-icon>
            <view class="text">{{storeInfo.business_hours}}</view>
          </view>
          <view class="distribution-type" wx:if="{{storeInfo.dispatch}}">
            <van-icon class="iconfont icon-fontclass-daishouhuo"></van-icon>
            <view class="text">{{storeInfo.dispatch}}</view>
          </view>
        </view>
      </view>
    </view>

    <!-- 联系地址 -->
    <view class="addr-box">
      <view class="addr" catchtap="goToAdress">
        <van-icon name="location" color="#333" size='32rpx' />
        <view class="address">
          <view class="store-address">{{storeInfo.store_address}}</view>
          <view class="store-area">{{storeInfo.store_area}}</view>
        </view>
      </view>
      <view class="contact">
        <view class="service" bindtap="showServicePopup" wx:if="{{storeInfo.cservice}}">
          <van-icon class="iconfont icon-member_kefu" style="font-size: 30px"></van-icon>
        </view>
        <view class="col" wx:if="{{storeInfo.cservice && storeInfo.mobile}}">|</view>
        <view class="iphone" bindtap="showContactPopup" wx:if="{{storeInfo.mobile}}" data-mobile="{{storeInfo.mobile}}" data-name="{{storeInfo.hasOneMember ? storeInfo.hasOneMember.nickname : ''}}">
          <van-icon class="iconfont icon-zx_map_tel" style="font-size: 22px"></van-icon>
        </view>
      </view>
    </view>
    <view class="br"></view>

    <!-- 优惠活动 -->
    <view class="discount" wx:if="{{storeInfo.store_discount.length > 0}}">
      <text style="margin-right: 20rpx;font-size: 16px">优惠</text>
      <view class="discount-tag" wx:for="{{storeInfo.store_discount}}" wx:key="index">{{item}}</view>
    </view>
    <view class="br"></view>

    <!-- 门店优惠券 -->
    <view class="store-coupons" wx:if="{{coupons.length > 0}}">
      <view class="coupons-top">
        <view class="title">店铺优惠券</view>
        <view class="more" wx:if="{{coupons.length > 2}}" bindtap="goCouponStore">查看更多<van-icon name="arrow" /></view>
      </view>
      <scroll-view scroll-x="true" class="scrollX" style="width: 100%;height: 143rpx;white-space: nowrap;">
        <block >
          <view class="coupon size-cov" wx:if="{{item.available}}" wx:for="{{coupons}}" wx:key="index" bindtap="collectCoupons" data-item="{{item}}">
            <view class="left-text" wx:if="{{item.api_availability==1}}">立即领取</view>
            <view class="left-text" wx:if="{{item.api_availability==2}}">已领取</view>
            <view class="left-text" wx:if="{{item.api_availability==3}}">已抢光</view>
            <view class="right-text">
              <view class="coupon-amount" wx:if="{{item.coupon_method === 1}}">￥{{item.discount}}</view>
              <view class="coupon-amount" wx:else>{{item.discount}}折</view>
              <view class="message">满{{item.name}}</view>
            </view>
          </view>
        </block>

      </scroll-view>
    </view>

    <!-- 精选口碑 -->
    <view class="store-evaluate" wx:if="{{storeInfo.comment}}">
      <view class="top-title">
        <view class="title">
          <text style="font-size:16px;">精选口碑</text> <text style="color: #6f6f6f;font-size:12px">好评率 <text style="color: #f64747;">{{storeInfo.comment.average_score}}</text></text>
        </view>
        <view class="more" bindtap="goO2oStore" data-type="comment">查看全部({{storeInfo.comment.comment_total}})<van-icon name="arrow" /></view>
      </view>
      <scroll-view scroll-x="true" style="width: 100%;height: 200rpx;white-space: nowrap; margin-top: 30rpx;">
        <view class="evaluate-box" wx:for="{{storeInfo.comment.new_comment}}" wx:key="index">
          <view class="user-info">
            <image class="left-avatar" src="{{item.head_img_url}}"></image>
            <view class="right">
              <view class="username">{{item.nick_name}}</view>
              <view class="icon-link">
                <van-icon wx:for="{{item.level}}" wx:key="index" class="iconfont icon-fontclass-pingfen"/>
              </view>
            </view>
          </view>
          <view class="message line-2">{{item.content}}</view>
        </view>
      </scroll-view>

    </view>
  </view>

  <view class="bottom-containe" wx:if="{{tabList.length > 0}}">
    <van-tabs id="tabs" active="{{active}}" sticky nav-class="tabs" tab-class="tab" tab-active-class="tab-active"   bind:change="changeTab">
      <van-tab wx:for="{{tabList}}" wx:key="index" title="{{item.name}}" name="{{item.code}}">
        <sotreInfo wx:if="{{active === 'store_info'}}" datas="{{storeInfo}}" bind:contactPopup="contactStaff"></sotreInfo>
        <goods id="recommend_goods" wx:if="{{active==='recommend_goods' && goodsData.list}}" bind:setLoadMore="setLoadMore" datas="{{goodsData}}" component_id="{{'1'}}" U_tabcontrol="{{U_tabcontrol}}" plugin_active="{{active}}" store_alone_temp="{{2}}"></goods>

        <!--<goodsrush id="limitBuy_goods" wx:if="{{active==='limitBuy_goods' && limitData.list}}" bind:setLoadMore="setLoadMore" datas="{{limitData}}" component_id="{{'1'}}" U_tabcontrol="{{U_tabcontrol}}" plugin_active="{{plugin_active}}" store_alone_temp="{{store_alone_temp}}"></goodsrush>-->
        <!--<fight_group wx:if="{{active==='fight-groups'}}" list="{{groupList}}" store_alone_temp="{{store_alone_temp}}"></fight_group>-->
        <!--<shortvideo id="video_share"  wx:if="{{active==='video-share' && videoData.list}}" bind:setLoadMore="setLoadMore" datas="{{videoData}}"  component_id="{{'1'}}" plugin_active="{{plugin_active}}" store_alone_temp="{{store_alone_temp}}"></shortvideo>-->
        <!--<community id="micro_communities" wx:if="{{active==='micro-communities' && communityData.list}}" bind:setLoadMore="setLoadMore" datas="{{communityData}}" U_tabcontrol="{{U_tabcontrol}}" component_id="{{'1'}}" plugin_active="{{plugin_active}}" store_alone_temp="{{store_alone_temp}}"></community>-->
      </van-tab>
    </van-tabs>

  </view>

<!-- 客服弹框 -->
  <block wx:if="{{storeInfo.cservice}}">
    <connect-customer-service show="{{ showServicePopup }}" customer_open="{{storeInfo.cservice.customer_open}}" online="{{ storeInfo.cservice.cservice }}" tel="{{ storeInfo.cservice.service_mobile }}" qrcode="{{ storeInfo.cservice.service_QRcode }}"></connect-customer-service>
  </block>

  <!-- 通讯录弹框 -->
  <van-popup show="{{ showContactPopup }}"  bind:close="closeContactPopup" round custom-class="contact-popup">
    <view class="phone-call cell" catchtap="callPhone">呼叫</view>
    <view class="phone-copy cell" catchtap="copyPhone">复制</view>
    <view class="phone-add cell" catchtap="addPhone">添加到手机通讯录</view>
  </van-popup>
  <shopfoot></shopfoot>
</view>

