zizhujianzhan_web/pages/index.vue

<template>
    <div>
        <HomePageHead></HomePageHead>
        <HomePageNavigation></HomePageNavigation>
        <div>当前皮肤：{{ skinId }}</div>
        <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
        <!--头条-->
        <!-- <HomePageMessage></HomePageMessage> -->
        <!-- 第一部分 -->
        <!-- <div class="part1">
            <div class="inner">
                <div class="part1_left">
                    <div class="hengxian">
                        <em></em>
                    </div>
                    <div class="part1_left_title">
                        <img src="../public/index/nav01.png" alt="">
                        <NuxtLink class="active" v-if="pageData[0].cid" :href="getLinkPath(pageData[0])"
                            :title="pageData[0].alias">
                            {{ pageData[0].alias }}
                        </NuxtLink>
                    </div>
                    <div class="part1_left_content">
                        <div class="part1_left_content1">
                            <div class="part1_left_photo">
                                <div class="part1_left_photo11" v-for="item in boxData1" :key="index">
                                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        <img :src="item.imgurl" :alt="item.title">
                                        <div class="left_content">
                                            {{ item.title }}
                                        </div>
                                    </NuxtLink>
                                </div>
                            </div>
                            <ul class="part1_left_context">
                                <li class="part1_left_contextList" v-for="item in boxData1data2" :key="index">
                                    {{ item.title }}
                                </li>
                            </ul>
                        </div>
                        <div class="part1_left_content2">
                            <ul class="part1_left_context222">
                                <li class="part1_left_contextList222" v-for="item in boxData1data3" :key="index">
                                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        {{ item.title }}
                                    </NuxtLink>
                                </li>
                            </ul>
                            <ul class="part1_left_context222">
                                <li class="part1_left_contextList222" v-for="item in boxData1data4" :key="index">
                                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        {{ item.title }}
                                    </NuxtLink>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="part1_right">
                    <div class="part1_right_title">
                        <NuxtLink :class="{ 'part1_right_titlelist': true, 'active': hoverStatus == 1 }"
                            @mouseenter="qhPic(1)" v-if="pageData[1].cid" :href="getLinkPath(pageData[1])"
                            :title="pageData[1].alias">
                            {{ pageData[1].alias }}
                        </NuxtLink>
                        <NuxtLink :class="{ 'part1_right_titlelist': true, 'active': hoverStatus == 2 }"
                            @mouseenter="qhPic(2)" v-if="pageData[2].cid" :href="getLinkPath(pageData[2])"
                            :title="pageData[2].alias">
                            {{ pageData[2].alias }}
                        </NuxtLink>
                    </div>
                    <div v-if="hoverStatus == 1">
                        <div class="part1_right_photo_text">
                            <div v-for="item in boxData2" :key="index">
                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <img :src="item.imgurl" :alt="item.title">
                                    <div class="part1_right_text">
                                        {{ item.title }}
                                    </div>
                                </NuxtLink>
                            </div>
                        </div>
                        <ul class="part1_right_content">
                            <li class="part1_right_contentList" v-for="item in boxData2data2" :key="index">
                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <em></em>
                                    {{ item.title }}
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>
                    <div v-if="hoverStatus == 2">
                        <div class="part1_right_photo_text">
                            <div v-for="item in boxData3" :key="index">
                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <img :src="item.imgurl" :alt="item.title">
                                    <div class="part1_right_text">
                                        {{ item.title }}
                                    </div>
                                </NuxtLink>
                            </div>
                        </div>
                        <ul class="part1_right_content">
                            <li class="part1_right_contentList" v-for="item in boxData3data2" :key="index">
                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <em></em>
                                    {{ item.title }}
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div> -->

        <!-- 广告位 2 -->
        <!-- <HomeAdvertising :imgurl="adImg2"></HomeAdvertising> -->

        <!-- 第二部分 -->
        <!-- <div class="part2">
            <div class="inner">
                <div class="part2_left">
                    <div class="part2_hengxian">
                        <em></em>
                    </div>
                    <div class="part2_left_title">
                        <img src="../public/index/nav02.png" alt="">
                        <NuxtLink class="active" v-if="pageData[3].cid" :href="getLinkPath(pageData[3])"
                            :title="pageData[3].alias">
                            {{ pageData[3].alias }}
                        </NuxtLink>
                    </div>
                    <div class="part2_left_content1">
                        <ul class="part2_left_content111">
                            <li class="part2_left_content1_list" v-for="item in boxData4" :key="index">
                                <NuxtLink :href="getLinkPath1(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <span class="nav2_title">{{ item.alias }}</span>
                                </NuxtLink>
                                <NuxtLink :href="getLinkPathDetail1(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <span class="nav2_title_content">
                                        {{ item.title }}
                                    </span>
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>
                    <ul class="part2_left_content2">
                        <li class="part2_left_content2list" v-for="item in boxData4data2" :key="index">
                            <NuxtLink :href="getLinkPathDetail1(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <img :src="item.imgurl" :alt="item.title" class="part2_left_content222img">
                                <div class="content2_text">
                                    <span class="content2_text_content">
                                        {{ item.title }}
                                    </span>
                                    <NuxtLink :href="getLinkPath1(item)" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        <span class="content2_text_title">{{ item.alias }}</span>
                                    </NuxtLink>
                                </div>
                            </NuxtLink>
                        </li>
                        <div class="adlogo3" v-if="adImg3">
                            <a href="http://sannongdy.org.cn/" v-if="adImg3.image_url == null" target="_blank"
                                :title="adImg3.place_name">
                                <img :src="adImg3.thumb" :alt="adImg3.place_name" data-tag="imgurl.ad_tag">
                            </a>
                            <a :href="adImg3.image_url" v-else :title="adImg3.ad_name">
                                <img :src="adImg3.image_src" :alt="adImg3.ad_name" data-tag="imgurl.ad_tag">
                            </a>
                        </div>
                    </ul>
                </div>
                <div class="part2_right">
                    <div class="part2_right_title">
                        <NuxtLink v-if="pageData[4].cid" :href="getLinkPath(pageData[4])" :title="pageData[4].alias">
                            {{ pageData[4].alias }}
                        </NuxtLink>
                    </div>
                    <ul class="part2_right_content">
                        <li class="part2_right_contentList" v-for="(item, index) in boxData5" :key="index">
                            <span class="listNumber">{{ index + 1 }}</span>
                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                {{ item.title }}
                            </NuxtLink>
                        </li>
                    </ul>
                </div>
            </div>
        </div> -->

        <!-- 第三部分 -->
        <!-- <div class="part3">
            <div class="inner">
                <div class="part3_left">
                    <div class="part3_hengxian">
                        <em></em>
                    </div>
                    <div class="part3_left_title">
                        <img src="../public/index/nav03.png" alt="">
                        <NuxtLink class="active" v-if="pageData[5].cid" :href="getLinkPath(pageData[5])"
                            :title="pageData[5].alias">
                            {{ pageData[5].alias }}
                        </NuxtLink>
                    </div>
                    <div class="part3_left_content">
                        <div class="part3_left_content1">
                            <div class="part3_left_content1_photo1">
                                <div v-for="item in boxData6" :key="index">
                                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        <img :src="item.imgurl" :alt="item.title">
                                        <div class="part3_left_content1_text">
                                            {{ item.title }}
                                        </div>
                                    </NuxtLink>
                                </div>
                            </div>
                            <div class="part3_left_content1_photo2">
                                <div class="part3_left_content1_photo2list" v-for="item in boxData6data2" :key="index">
                                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        <img :src="item.imgurl" :alt="item.title">
                                        <div class="part3_left_content1_text">
                                            {{ item.title }}
                                        </div>
                                    </NuxtLink>
                                </div>
                            </div>
                        </div>
                        <div class="part3_left_content2">
                            <ul class="part3_left_content2_text">
                                <li class="part3_left_content2_list" v-for="item in boxData6data3" :key="index">
                                    <NuxtLink :href="getLinkPath1(item)" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        <span class="nav3_title">{{ item.alias }}</span>
                                    </NuxtLink>
                                    <NuxtLink :href="getLinkPathDetail1(item)" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        <span class="nav3_title_content">
                                            {{ item.title }}
                                        </span>
                                    </NuxtLink>
                                </li>
                            </ul>
                            <ul class="part3_left_content2_text">
                                <li class="part3_left_content2_list" v-for="item in boxData6data4" :key="index">
                                    <NuxtLink :href="getLinkPath1(item)" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        <span class="nav3_title">{{ item.alias }}</span>
                                    </NuxtLink>
                                    <NuxtLink :href="getLinkPathDetail1(item)" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        <span class="nav3_title_content">
                                            {{ item.title }}
                                        </span>
                                    </NuxtLink>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="part3_right">
                    <div class="part3_right_title">
                        <NuxtLink class="active" v-if="pageData[6].cid" :href="getLinkPath(pageData[6])"
                            :title="pageData[6].alias">
                            {{ pageData[6].alias }}
                        </NuxtLink>
                    </div>
                    <div class="part3_right_content">
                        <div class="right_photo_text" v-for="item in boxData7" :key="index">
                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <img :src="item.imgurl" :alt="item.title">
                                <div class="right_text">
                                    {{ item.title }}
                                </div>
                            </NuxtLink>
                        </div>
                        <ul class="rightcontent_text">
                            <li class="rightcontent_textlist" v-for="item in boxData7data3" :key="index">
                                <em></em>
                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    {{ item.title }}
                                </NuxtLink>
                            </li>
                        </ul>
                        <div class="right_photo_text" v-for="item in boxData7data2" :key="index">
                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <img :src="item.imgurl" :alt="item.title">
                                <div class="right_text">
                                    {{ item.title }}
                                </div>
                            </NuxtLink>
                        </div>
                        <ul class="rightcontent_text">
                            <li class="rightcontent_textlist" v-for="item in boxData7data4" :key="index">
                                <em></em>
                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    {{ item.title }}
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div> -->
        <!-- <HomeAdvertising :imgurl="adImg4"></HomeAdvertising> -->
        <!-- 第四部分 -->
        <!-- <div class="part4">
            <div class="inner">
                <div class="part4_one">
                    <div class="part4_title">
                        <div class="part4_hengxian">
                            <em></em>
                        </div>
                        <div class="part4_left_title">
                            <img src="../public/index/nav03.png" alt="">
                            <NuxtLink class="active" v-if="pageData[7].cid" :href="getLinkPath(pageData[7])"
                                :title="pageData[7].alias">
                                {{ pageData[7].alias }}
                            </NuxtLink>
                        </div>
                    </div>
                    <div class="part4_photo_text">
                        <div v-for="item in boxData8" :key="index">
                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <img :src="item.imgurl" :alt="item.title">
                                <span class="text">{{ item.title }}</span>
                            </NuxtLink>
                        </div>
                    </div>
                    <ul class="part4_photo_content">
                        <li class="part4_photo_contentlist" v-for="item in boxData8data2" :key="index">
                            <NuxtLink :href="getLinkPath1(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <span class="nav11_title">{{ item.alias }}</span>
                            </NuxtLink>
                            <NuxtLink :href="getLinkPathDetail1(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <span class="nav11_title_content">
                                    {{ item.title }}
                                </span>
                            </NuxtLink>
                        </li>
                    </ul>
                </div>
                <div class="part4_one">
                    <div class="part4_title">
                        <div class="part4_hengxian">
                            <em></em>
                        </div>
                        <div class="part4_left_title">
                            <img src="../public/index/nav03.png" alt="">
                            <NuxtLink class="active" v-if="pageData[8].cid" :href="getLinkPath(pageData[8])"
                                :title="pageData[8].alias">
                                {{ pageData[8].alias }}
                            </NuxtLink>
                        </div>
                    </div>
                    <div class="part4_photo_text">
                        <div v-for="item in boxData9" :key="index">
                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <img :src="item.imgurl" :alt="item.title">
                                <span class="text">{{ item.title }}</span>
                            </NuxtLink>
                        </div>
                    </div>
                    <ul class="part4_photo_content">
                        <li class="part4_photo_contentlist" v-for="item in boxData9data2" :key="index">
                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <span class="nav11_title_content2">
                                    {{ item.title }}
                                </span>
                            </NuxtLink>
                        </li>
                    </ul>
                </div>
                <div class="part4_one">
                    <div class="part4_title">
                        <div class="part4_hengxian">
                            <em></em>
                        </div>
                        <div class="part4_left_title">
                            <img src="../public/index/nav03.png" alt="">
                            <NuxtLink class="active" v-if="pageData[9].cid" :href="getLinkPath(pageData[9])"
                                :title="pageData[9].alias">
                                {{ pageData[9].alias }}
                            </NuxtLink>
                        </div>
                    </div>
                    <div class="part4_photo_text">
                        <div v-for="item in boxData10" :key="index">
                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <img :src="item.imgurl" :alt="item.title">
                                <span class="text">{{ item.title }}</span>
                            </NuxtLink>
                        </div>
                    </div>
                    <ul class="part4_photo_content">
                        <li class="part4_photo_contentlist" v-for="item in boxData10data2" :key="index">
                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <span class="nav11_title_content2">
                                    {{ item.title }}
                                </span>
                            </NuxtLink>
                        </li>
                    </ul>
                </div>
            </div>
        </div> -->

        <HomeFoot></HomeFoot>
    </div>
</template>

<script setup>
//0.pinia单基本信息 start---------------------------------------->
//0.1获得pinia源
import { useTemplateBaseStore } from '@/stores/templateBase'
const templateBaseStore = useTemplateBaseStore()
//0.2获得该页的皮肤id - 在每个组件中也是同样的获得方法
const skinId = ref("")
//0.3获得站点基本信息
let getTemplateBaseInfo = async () => {
    const responseStatus = await requestDataPromise('/web/getWebsiteAllinfo', {
        method: 'GET',
        query: {
            'link_textnum':24,
            'link_imgnum':18,
            'link_footnum':4
        },
    });
    if (responseStatus.code == 200) {
        templateBaseStore.setWebSiteInfo(responseStatus.data)
        skinId.value = templateBaseStore.webSiteInfo.website_foot.foot_info.template_id;
    }
}
getTemplateBaseInfo();
//0.4获得广告池
let getAdList = async (adKey) => {
    const responseStatus = await requestDataPromise('/web/getWebsiteAdvertisement', {
        method: 'GET',
        query: {
            
        },
    });
    if (responseStatus.code == 200) {
        //console.log(responseStatus.data)
        templateBaseStore.setAdList(responseStatus.data)
        //获取广告
        //adImg.value = requestAd(templateBaseStore.webAdList,templateBaseStore.webSiteInfo.website_head.ad_key + "_" + "top")
    }
}
getAdList();
//0.5设置seo信息


//0.pinia单基本信息 end---------------------------------------->

//1.加载页面必备组件 start---------------------------------------->
import { ref, onMounted } from 'vue';
import { ElMessage } from 'element-plus';
//1.加载页面必备组件 end---------------------------------------->

//2.页面数据 start---------------------------------------->
//2.页面数据 end---------------------------------------->

//5.设置seo数据 start---------------------------------------->
//获取seo数据
const setData = await requestDataPromise('/web/getWebsiteFootInfo', {
    method: 'GET',
    query: {},
});
if (setData.code == 200) {
    let seoTitle = setData.data.website_head.title;
    let seoDescription = setData.data.website_head.description;
    let seoKeywords = setData.data.website_head.keywords;
    let seoSuffix = setData.data.website_head.suffix;
    let seoName = setData.data.website_head.website_name;

    useSeoMeta({
        title: seoTitle + "_" + seoSuffix,
        meta: [
            { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
            { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix, tagPriority: 10 }
        ]
    });
} else {
    //console.log("设置首页SEO出错！", setData.message)
}
//5.设置seo数据 start---------------------------------------->
</script>

<style lang="less" scoped>
@import url('@/assets/css/index.less');
</style>