<view class="components">
    <view class="header">
        <view class='applyshop'>{{"适用门店（"+mallNum+"家）"}}</view>
        <!-- <image src="../../assets/itemImg/chevron.png" mode="widthFix" class="rightArrow">
        </image> -->
        <!-- <view class="goShop">{{'共'+mallNum+'家门店适用'}}</view> -->
    </view>
    <view tt:for="{{list}}" tt:for-index="index" tt:key="index" class="body">
        <view class="mall">
            <view>
                <image class="img" src="../../assets/itemImg/merchantImgCover.png"></image>
                <view class="mallItem">
                    <view class="title">{{item.mallName}}</view>
                </view>
            </view>
            <!-- 当商户数量不大于三个时 -->
            <view class="goExpand" catchtap="expandList" data-index="{{index}}">
                <view>
                    <text class="text">{{item.merchantVoList.length+'家门店适用'}}</text>
                    <image tt:if="{{!item.expand}}" src="../../assets/itemImg/chevron.png" mode="widthFix"
                        class="rightArrowDown">
                    </image>
                    <image tt:else src="../../assets/itemImg/chevron.png" mode="widthFix" class="rightArrowUp"></image>
                </view>
            </view>
        </view>

        <!-- 当item.expand为true且商户数量不大于三个时 -->
        <view class="shop" tt:if="{{item.expand}}">
            <view class='posi' tt:for="{{item.merchantVoList}}" tt:for-index="itemIndex" tt:key="{{itemIndex}}">
                <view class='posi_logo'>
                    <view bindtap='gotoDetail' data-id='{{item.id}}' data-tenantId='{{item.tenantId}}'>
                        <image src='{{item.merchantImgUrl}}'></image>
                    </view>
                    <view bindtap='gotoDetail' data-id='{{item.id}}' data-tenantId='{{item.tenantId}}'>
                        <view class='name'>{{item.merchantName}}</view>
                        <view class='shopVoList'>
                            <view tt:for="{{item.shopVoList}}" tt:key="{{index}}" tt:for-item="itemName">
                                <text>{{itemName.buildingName}}{{itemName.floorName}}--{{itemName.shopNumber}}</text>
                                <text class='douhao' tt:if="{{item.shopVoList.length>1}}">,</text>
                            </view>
                        </view>
                    </view>
                    <view class="telBox" tt:if="{{item.linkLinePhone}}">
                        <image bindtap='phone' data-merchantLinkPhone='{{item.linkLinePhone}}' class="telImg"
                            src="{{telJpgUrl}}" mode="widthFix" />
                        <view class="telText">电话</view>
                    </view>
                    <view class="certificationBox" tt:if="{{item.latitude&&item.longitude}}" bindtap="goCertification"
                        data-id="{{item.id}}">
                        <image class="certificationImg" src="../../assets/imgData/certification.png" mode="widthFix" />
                        <view class="telText">资质</view>
                    </view>
                </view>
                <view class="siteBox" tt:if="{{item.latitude&&item.longitude}}" bindtap="goMap" data-item="{{item}}">
                    <view class="siteText">{{item.addr}}</view>
                    <image class="siteImg" src="../../assets/imgData/siteImg.png" mode="widthFix" />
                </view>
                <view class="dividerInside" tt:if="{{(itemIndex+1)<list[index].merchantVoList.length}}"></view>
            </view>
        </view>
        <view class="divider" tt:if="{{(index+1)<list.length}}"></view>
    </view>
</view>