{#layout name="public/layout" /#}
{#load href="__ROOT__/assets/css/mobile/m_subsitelist.css" /#}
{#load href="__ROOT__/assets/js/mobile/swiper/swiper-bundle.min.js" /#}
{#load href="__ROOT__/assets/js/mobile/swiper/swiper-bundle.min.css" /#}
<div id="subsiteList">
<!--顶部菜单-->
    <div class="topMeny"></div>
<!--顶部菜单-->
    <div class="d3">
        <div class="search-input">
            <input type="text" @change="search" v-model="searchVal" placeholder="请输入搜索的分站名称" />
        </div>
    </div>
    <div class="d1">
        当前选择地区
        <span class="s_name">{#$subsite.sitename|default="总站"#}</span>
    </div>
    <div class="addr-list">
        <div class="all-subsite" @click="setSubsite(0,sitedomain)">总站</div>
        <div class="mui-content">
            <div class="item" v-for="item in subsite_list" v-if="searchVal == ''">
                <div class="line">{{item.initial}}</div>
                <div v-for="items in item.items">
                    <div class="area" v-if="subsiteid == items.id" style="color:#1989fa" @click="setSubsite(items.id,items.site_url)">{{items.district_text}}</div>
                    <div class="area" v-if="subsiteid != items.id" @click="setSubsite(items.id,items.site_url)">{{items.district_text}}</div>
                </div>
            </div>
            <div class="item" v-for="item in subsite_search_list" v-if="searchVal != ''">
                <div class="line">{{item.initial}}</div>
                <div v-for="items in item.items">
                    <div class="area" v-if="subsiteid == items.id" style="color:#1989fa" @click="setSubsite(items.id,items.site_url)">{{items.district_text}}</div>
                    <div class="area" v-if="subsiteid != items.id" @click="setSubsite(items.id,items.site_url)">{{items.district_text}}</div>
                </div>
            </div>
        </div>
    </div>

    <div class="shortcut">
        <div class="shortcut_wapper">
            <div class="item" v-for="item in subsite_list">{{item.initial}}</div>
        </div>
    </div>
</div>
<script type="text/javascript">
    var subsiteid = "{#$subsiteid#}"
    var subsite_open = "{#$global_config.subsite_open#}"
    var subsite_domain = "{#$global_config.subsite_domain#}"
    var sitedomain = "{#$global_config.sitedomain#}"
    var guide_qrcode = "{#$global_config.guide_qrcode#}"
    var mobile_domain = "{#$global_config.mobile_domain#}"
</script>
{#load href="__ROOT__/assets/js/mobile/m_subsitelist.js" /#}
<style>
    body{
        padding-top: 0;
        background-color: #fff;
    }
</style>