<template>
    <!-- <div>当前皮肤：{{ skinId }}</div> -->
    <footer class="index_foot" v-if="routeName == 'index'">
        <div class="foot_yqlj" v-if="skinId==5">
            <img src="https://img.bjzxtw.org.cn/pre/image/png/20251103/17621617605502.png" alt="">
        </div>
        <div class="foot_yqlj" v-if="skinId==6">
            <img src="https://img.bjzxtw.org.cn/pre/image/png/20251103/17621617605502.png" alt="">
        </div>
        <div class="foot_img_box">
            <a :href="item.url" v-for="(item, index) in bottomLink" target="_blank">
                <img :src="item.logo_url" alt="">
            </a>
        </div>
        <div class="foot_frind_box">
            <span>友情链接</span>
            <div>
                <a :href="item.url" v-for="(item, index) in bottomText" :key="index" target="_blank">{{ item.title }}</a>
            </div>
        </div>
    </footer>
    <div :class="'index_foot_bg' + skinId">
        <div :class="'foot_menu_box_style' + skinId">
            <div class="foot_menu_box" v-if="bottomMenu.length < 7">
                <div v-for="(item, index) in bottomMenu" :key="index">
                    <NuxtLink :to="{ path: `/about/${item.name_pinyin}/list-1.html` }" v-if="item.type == 1"
                        :title="item.name">
                        {{ item.name }}
                    </NuxtLink>
                    <NuxtLink :to="{ path: `/about/${item.name_pinyin}/index.html` }" v-if="item.type == 0"
                        :title="item.name">
                        {{ item.name }}
                    </NuxtLink>
                </div>
            </div>
            <div class="foot_menu_box foot_menu_box_left" v-else>
                <div v-for="(item, index) in bottomMenu" :key="index">
                    <NuxtLink :to="{ path: `/about/${item.name_pinyin}/list-1.html` }" v-if="item.type == 1"
                        :title="item.name">
                        {{ item.name }}
                    </NuxtLink>
                    <NuxtLink :to="{ path: `/about/${item.name_pinyin}/index.html` }" v-if="item.type == 0"
                        :title="item.name">
                        {{ item.name }}
                    </NuxtLink>
                </div>
            </div>
        </div>
        <footer class="index_foot">
            <div class="foot_text_box">
                <p v-html="bottomBase.statement" class="foot_text_html_css"></p>
                <p v-html="bottomBase.organizer" class="foot_text_html_css"></p>
                <p v-html="bottomBase.copyright_information" class="foot_text_html_css"></p>
                <p><span v-html="bottomBase.icp_number" class="foot_text_html_css"></span><span
                        v-html="bottomBase.record_number" class="foot_text_html_css"></span></p>
                <p v-html="bottomBase.email" class="foot_text_html_css"></p>
                <p v-html="bottomBase.company_address" class="foot_text_html_css"></p>
                <p v-html="bottomBase.contact_number" class="foot_text_html_css"></p>
            </div>
            <div class="foot_logo_out" v-if="bottomBase">
                <a :href="'http://' + bottomBase.project_url" :title="bottomBase.project_name"
                    v-if="bottomBase.project_logo != '' && bottomBase.project_url != ''">
                    <img :src="bottomBase.project_logo" class="floatLogoRight" :alt="bottomBase.project_name">
                </a>
                <span v-else-if="bottomBase.project_logo != '' && bottomBase.project_url == ''">
                    <img :src="bottomBase.project_logo" class="floatLogoRight" :alt="bottomBase.project_name">
                </span>
                <a :href="'http://' + bottomBase.company_url" :title="bottomBase.company_name"
                    v-if="bottomBase.company_logo != '' && bottomBase.company_url != ''">
                    <img :src="bottomBase.company_logo" class="floatLogoLeft" :alt="bottomBase.company_name">
                </a>
                <span v-else-if="bottomBase.company_logo != '' && bottomBase.company_url == ''">
                    <img :src="bottomBase.company_logo" class="floatLogoLeft" :alt="bottomBase.company_name">
                </span>
            </div>
            <div class="foot_last_img_box">
                <a :href="item.url" v-for="(item, index) in bottomphoto" :title="item.title">
                    <img :src="item.logo_url" :alt="item.title">
                </a>
            </div>
            <!--在线客服-->
            <HomeKefu :bottomBase="bottomBase" />
        </footer>
    </div>

</template>

<script setup>
//获得route
const route = useRoute()
const routeName = route.name;

import { useTemplateBaseStore } from '@/stores/templateBase'
const templateBaseStore = useTemplateBaseStore()
//获得底部基本信息 start---------------------------------------->
//1.获得全部友情链接与底部图片
const bottomLink = ref([])
const bottomText = ref([])
const bottomphoto = ref([])
const bottomMenu = ref([])
const bottomBase = ref({})
const skinId = ref("")//皮肤id
if (templateBaseStore.webSiteInfo.website_foot) {
    bottomLink.value = templateBaseStore.webSiteInfo.website_foot.link_img;
    bottomText.value = templateBaseStore.webSiteInfo.website_foot.link_text;
    bottomphoto.value = templateBaseStore.webSiteInfo.website_foot.link_foot;
    bottomMenu.value = templateBaseStore.webSiteInfo.website_foot.foot_cate;
    bottomBase.value = templateBaseStore.webSiteInfo.website_foot.foot_info;

    //获得皮肤id
    skinId.value = templateBaseStore.webSiteInfo.website_foot.foot_info.template_id;
}
</script>
<style lang="less" scoped>
@import '@/assets/css/public/template/footer.less';
@import '@/assets/css/public/template/kefu.less';
</style>