|
@@ -1,153 +1,139 @@
|
|
<template>
|
|
<template>
|
|
- <footer class="index_foot">
|
|
|
|
- <div class="index_foot_name_box">
|
|
|
|
- <div class="index_foot_name">YOUQING</div>
|
|
|
|
- <div class="index_foot_name">友情链接</div>
|
|
|
|
- <div class="index_foot_name">LIANJIE</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="foot_img_box">
|
|
|
|
- <a :href="item.url" v-for="(item, index) in bottomLink" target="_blank" :title="item.title">
|
|
|
|
- <img :src="item.logo_url" :alt="item.title">
|
|
|
|
- </a>
|
|
|
|
- </div>
|
|
|
|
- <div class="foot_frind_box">
|
|
|
|
- <span>友情链接</span>
|
|
|
|
- <div>
|
|
|
|
- <a :href="item.url" v-for="(item, index) in bottomText" :key="index" target="_blank" :title="item.title">{{ item.title }}</a>
|
|
|
|
|
|
+ <footer class="index_foot">
|
|
|
|
+ <!-- <div class="index_foot_name_box">
|
|
|
|
+ <div class="index_foot_name">YOUQING</div>
|
|
|
|
+ <div class="index_foot_name">友情链接</div>
|
|
|
|
+ <div class="index_foot_name">LIANJIE</div>
|
|
|
|
+ </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>
|
|
- </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="call_us_box">
|
|
<div class="call_us_box">
|
|
- <span v-for="(item, index) in bottomMenu" :key="index">
|
|
|
|
- <NuxtLink :to="{ path: `/specialList/${item.id}` }" target="_blank" v-if="item.type == 1" :title="item.name">
|
|
|
|
- {{ item.name }}
|
|
|
|
- </NuxtLink>
|
|
|
|
- <NuxtLink :to="{ path: `/speciaArticle/${item.id}` }" target="_blank" v-if="item.type == 0" :title="item.name">
|
|
|
|
- {{ item.name }}
|
|
|
|
- </NuxtLink>
|
|
|
|
- </span>
|
|
|
|
- </div>
|
|
|
|
- <div class="foot_text_box">
|
|
|
|
- <!-- <p>{{ bottomBase.statistics_onetext }} <a :href="'http://' + bottomBase.statistics_twourl">中农兴业</a> {{ bottomBase.statistics_twotext }}</p> -->
|
|
|
|
- <p>{{ bottomBase.statistics_onetext }} <a :href="bottomBase.record_number_url" target="_blank" :title="中农兴业">中农兴业</a> {{ bottomBase.statistics_twotext }}</p>
|
|
|
|
- <p>{{ bottomBase.organizer }} <a :href="currentDomain" target="_blank" :title="三农资讯网">三农资讯网</a> {{ currentDomainUrl }} 版权所有。</p>
|
|
|
|
- <!-- <p><img :src="bottomBase.icp_number_img"><a :href="'http://' + bottomBase.statistics_twourl">{{ bottomBase.record_number }}</a> <a :href="'http://' + bottomBase.icp_number_url">{{ bottomBase.icp_number }}</a> </p> -->
|
|
|
|
- <p><a :href="bottomBase.record_number_url" target="_blank" title="ICP备案号">{{ bottomBase.record_number }}</a> <img :src="bottomBase.icp_number_img"><a :href="bottomBase.icp_number_url" target="_blank" title="京公网安备案号">{{ bottomBase.icp_number }}</a> </p>
|
|
|
|
- <p>{{ bottomBase.email }}</p>
|
|
|
|
- <p>{{ bottomBase.company_address }}</p>
|
|
|
|
- <p>{{ bottomBase.contact_number }}</p>
|
|
|
|
- </div>
|
|
|
|
- <div class="foot_logo_out" >
|
|
|
|
- <a :href="'http://' + bottomBase.company_url" :title="bottomBase.company_name" target="_blank">
|
|
|
|
- <img :src="bottomBase.project_logo" class="floatLogoLeft" :alt="bottomBase.company_name">
|
|
|
|
- </a>
|
|
|
|
- <a :href="'http://' + bottomBase.project_url" :title="bottomBase.project_name" target="_blank">
|
|
|
|
- <img :src="bottomBase.company_logo" class="floatLogoRight" :alt="bottomBase.project_name">
|
|
|
|
- </a>
|
|
|
|
- </div>
|
|
|
|
- <div class="foot_last_img_box">
|
|
|
|
- <a :href="item.url" v-for="(item, index) in bottomphoto" target="_blank" :title="item.title">
|
|
|
|
- <img :src="item.logo_url" :alt="item.title">
|
|
|
|
- </a>
|
|
|
|
|
|
+ <div class="inner">
|
|
|
|
+ <span v-for="(item, index) in bottomMenu" :key="index">
|
|
|
|
+ <NuxtLink :to="{ path: `/specialList/${item.id}` }" target="_blank" v-if="item.type == 1">
|
|
|
|
+ {{ item.name }}
|
|
|
|
+ </NuxtLink>
|
|
|
|
+ <NuxtLink :to="{ path: `/speciaArticle/${item.id}` }" target="_blank" v-if="item.type == 0">
|
|
|
|
+ {{ item.name }}
|
|
|
|
+ </NuxtLink>
|
|
|
|
+ </span>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
</div>
|
|
</div>
|
|
-</footer>
|
|
|
|
|
|
+ <footer class="index_foot">
|
|
|
|
+ <div class="foot_text_box">
|
|
|
|
+ <p class="top_content">
|
|
|
|
+ {{ bottomBase.statement }}
|
|
|
|
+ <a :href="bottomBase.record_number_url" target="_blank">乡村网</a>
|
|
|
|
+ {{ bottomBase.statement_two }}
|
|
|
|
+ </p>
|
|
|
|
+ <!-- <p>{{ bottomBase.statistics_onetext }} <a :href="'http://' + bottomBase.statistics_twourl">中农兴业</a> {{ bottomBase.statistics_twotext }}</p> -->
|
|
|
|
+ <p class="webSitecolor">
|
|
|
|
+ {{ bottomBase.statistics_onetext }}
|
|
|
|
+ <a :href="bottomBase.record_number_url" target="_blank" class="webSitecolor">中农兴业</a>
|
|
|
|
+ {{ bottomBase.statistics_twotext }}
|
|
|
|
+ </p>
|
|
|
|
+ <p>
|
|
|
|
+ {{ bottomBase.organizer }}
|
|
|
|
+ <a :href="bottomBase.record_number_url" target="_blank">{{ bottomBase.record_number }}</a>
|
|
|
|
+ <img :src="bottomBase.icp_number_img">
|
|
|
|
+ <a :href="bottomBase.icp_number_url" target="_blank">
|
|
|
|
+ {{ bottomBase.icp_number }}
|
|
|
|
+ </a>
|
|
|
|
+ </p>
|
|
|
|
+ <p>{{ bottomBase.company_address }}</p>
|
|
|
|
+ <p class="top_content">
|
|
|
|
+ {{ bottomBase.email }}
|
|
|
|
+ {{ bottomBase.contact_number }}
|
|
|
|
+ </p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="foot_logo_out">
|
|
|
|
+ <a :href="'http://' + bottomBase.company_url" :title="bottomBase.company_name" target="_blank">
|
|
|
|
+ <img :src="bottomBase.project_logo" class="floatLogoLeft" :alt="bottomBase.company_name">
|
|
|
|
+ </a>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="foot_last_img_box">
|
|
|
|
+ <a :href="item.url" v-for="(item, index) in bottomphoto" target="_blank">
|
|
|
|
+ <img :src="item.logo_url" alt="">
|
|
|
|
+ </a>
|
|
|
|
+ </div>
|
|
|
|
+ </footer>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
<script setup>
|
|
-//获得底部基本信息 start---------------------------------------->
|
|
|
|
|
|
+import { onMounted } from 'vue';
|
|
|
|
+const nuxtApp = useNuxtApp();
|
|
|
|
+const axios = nuxtApp.$axios;
|
|
|
|
+
|
|
|
|
+// const props = defineProps({
|
|
|
|
+// bottomLink: Array,
|
|
|
|
+// bottomMenu: Array,
|
|
|
|
+// bottomBase: Object
|
|
|
|
+// });
|
|
|
|
|
|
-//1.获得友情链接图片
|
|
|
|
|
|
+//获得友情链接 图片
|
|
const bottomLink = ref([])
|
|
const bottomLink = ref([])
|
|
-async function getModelData1() {
|
|
|
|
- const { data: mkdata, error: mkdataError } = requestData('/web/selectWebsiteLinks', {
|
|
|
|
- method: 'GET',
|
|
|
|
- query: {
|
|
|
|
- 'type':1,
|
|
|
|
- 'num':12,
|
|
|
|
- },
|
|
|
|
- });
|
|
|
|
- if (mkdataError.value) {
|
|
|
|
- //console.error('模块1数据上部分请求失败!', mkdataError.value);
|
|
|
|
- } else {
|
|
|
|
- if (mkdata.value) {
|
|
|
|
- bottomLink.value = mkdata.value.data;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+const getBottomLink = async () => {
|
|
|
|
+ const response = await axios.get(`/web/selectWebsiteLinks?&type=${1}&num=${7}`);
|
|
|
|
+ bottomLink.value = response.data;
|
|
|
|
+ console.log(bottomLink.value)
|
|
}
|
|
}
|
|
-getModelData1();
|
|
|
|
-//2.获得友情链接文字
|
|
|
|
|
|
+//文字
|
|
const bottomText = ref([])
|
|
const bottomText = ref([])
|
|
-async function getModelData2() {
|
|
|
|
- const { data: mkdata, error: mkdataError } = requestData('/web/selectWebsiteLinks', {
|
|
|
|
- method: 'GET',
|
|
|
|
- query: {
|
|
|
|
- 'type':2,
|
|
|
|
- 'num':8,
|
|
|
|
- },
|
|
|
|
- });
|
|
|
|
- if (mkdataError.value) {
|
|
|
|
- //console.error('模块1数据上部分请求失败!', mkdataError.value);
|
|
|
|
- } else {
|
|
|
|
- if (mkdata.value) {
|
|
|
|
- bottomText.value = mkdata.value.data;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+const getBottomLink2 = async () => {
|
|
|
|
+ const response = await axios.get(`/web/selectWebsiteLinks?&type=${2}&num=${8}`);
|
|
|
|
+ bottomText.value = response.data;
|
|
|
|
+ console.log(bottomLink.value)
|
|
}
|
|
}
|
|
-getModelData2();
|
|
|
|
-//3.获得底部图片
|
|
|
|
|
|
+//底部
|
|
const bottomphoto = ref([])
|
|
const bottomphoto = ref([])
|
|
-async function getModelData3() {
|
|
|
|
- const { data: mkdata, error: mkdataError } = requestData('/web/selectWebsiteLinks', {
|
|
|
|
- method: 'GET',
|
|
|
|
- query: {
|
|
|
|
- 'type':3,
|
|
|
|
- 'num':4,
|
|
|
|
- },
|
|
|
|
- });
|
|
|
|
- if (mkdataError.value) {
|
|
|
|
- //console.error('模块1数据上部分请求失败!', mkdataError.value);
|
|
|
|
- } else {
|
|
|
|
- if (mkdata.value) {
|
|
|
|
- bottomphoto.value = mkdata.value.data;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+const getBottomLink1 = async () => {
|
|
|
|
+ const response = await axios.get(`/web/selectWebsiteLinks?&type=${3}&num=${4}`);
|
|
|
|
+ bottomphoto.value = response.data;
|
|
|
|
+ console.log(bottomphoto.value)
|
|
}
|
|
}
|
|
-getModelData3();
|
|
|
|
-//4.获得底部导航
|
|
|
|
|
|
+
|
|
|
|
+//获得底部导航
|
|
const bottomMenu = ref([])
|
|
const bottomMenu = ref([])
|
|
-async function getModelData4() {
|
|
|
|
- const { data: mkdata, error: mkdataError } = requestData('/web/getWebsiteFooterCategory', {
|
|
|
|
- method: 'GET',
|
|
|
|
- query: {
|
|
|
|
- },
|
|
|
|
- });
|
|
|
|
- if (mkdataError.value) {
|
|
|
|
- //console.error('模块1数据上部分请求失败!', mkdataError.value);
|
|
|
|
- } else {
|
|
|
|
- if (mkdata.value) {
|
|
|
|
- bottomMenu.value = mkdata.value.data;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+const getBottomMenu = async () => {
|
|
|
|
+ const response = await axios.get(`/web/getWebsiteFooterCategory`);
|
|
|
|
+ bottomMenu.value = response.data;
|
|
|
|
+ console.log(bottomMenu.value)
|
|
}
|
|
}
|
|
-getModelData4();
|
|
|
|
-//5.获得底部基本信息
|
|
|
|
|
|
+
|
|
|
|
+//获得底部基本信息
|
|
const bottomBase = ref({})
|
|
const bottomBase = ref({})
|
|
-async function getModelData5() {
|
|
|
|
- const { data: mkdata, error: mkdataError } = requestData('/web/getWebsiteFootInfo', {
|
|
|
|
- method: 'GET',
|
|
|
|
- query: {
|
|
|
|
- },
|
|
|
|
- });
|
|
|
|
- if (mkdataError.value) {
|
|
|
|
- //console.error('模块1数据上部分请求失败!', mkdataError.value);
|
|
|
|
- } else {
|
|
|
|
- if (mkdata.value) {
|
|
|
|
- bottomBase.value = mkdata.value.data.website_foot;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+const getBottomBase = async () => {
|
|
|
|
+ const response = await axios.get(`/web/getWebsiteFootInfo`);
|
|
|
|
+ bottomBase.value = response.data.website_foot;
|
|
|
|
+ console.log(7777777)
|
|
|
|
+ console.log('bottomBase', bottomBase.value)
|
|
}
|
|
}
|
|
-getModelData5();
|
|
|
|
|
|
|
|
-//6.获取当前域名
|
|
|
|
|
|
+
|
|
|
|
+onMounted(() => {
|
|
|
|
+ getBottomLink();
|
|
|
|
+ getBottomLink1();
|
|
|
|
+ getBottomLink2();
|
|
|
|
+ getBottomMenu();
|
|
|
|
+ getBottomBase();
|
|
|
|
+ //获取域名
|
|
|
|
+ getDomain()
|
|
|
|
+})
|
|
|
|
+
|
|
|
|
+//获取当前域名
|
|
const currentDomain = ref('')
|
|
const currentDomain = ref('')
|
|
const currentDomainUrl = ref('')
|
|
const currentDomainUrl = ref('')
|
|
|
|
|
|
@@ -158,8 +144,6 @@ const getDomain = () => {
|
|
currentDomain.value = url.origin //协议和域名
|
|
currentDomain.value = url.origin //协议和域名
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-getDomain();
|
|
|
|
-//获得底部基本信息 end---------------------------------------->
|
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|
|
<style lang="less" scoped>
|