尾部导航
This commit is contained in:
@ -1,11 +1,17 @@
|
||||
<template>
|
||||
<div class="webFooter">
|
||||
<div class="wrap">
|
||||
<el-row>
|
||||
<el-col :span="4" v-for="(item, index) in state.list" :key="index">
|
||||
<el-row type="flex" justify="center" :gutter="100">
|
||||
<el-col :span="6" v-for="item in state.list" :key="item.id">
|
||||
<div class="tit">{{ item.title }}</div>
|
||||
<p v-for="(item2, index2) in item.children" :key="index2">
|
||||
<a :href="item2.link" target="_black">{{ item2.title }}</a>
|
||||
<p v-for="subItem in item.children" :key="subItem.id">
|
||||
<a :href="`${subItem.link}`" target="_black">{{ subItem.title }}</a>
|
||||
</p>
|
||||
</el-col>
|
||||
<!-- <el-col :span="4">
|
||||
<div class="tit">创新服务</div>
|
||||
<p v-for="(item, index2) in state.list[1].children" :key="index2">
|
||||
<a :href="item.link" target="_black">{{ item.title }}</a>
|
||||
</p>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
@ -19,7 +25,7 @@
|
||||
<p>
|
||||
<a href="">地址：{{ state.address }}</a>
|
||||
</p>
|
||||
</el-col>
|
||||
</el-col> -->
|
||||
<!-- <el-col :span="4" style="text-align: center;">
|
||||
<div class="tit">二维码</div>
|
||||
<p><img class="qrcode" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F01%2F39%2F53%2F71573cc4a35de96.jpg&refer=http%3A%2F%2Fbpic.588ku.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1643849770&t=80c12feeca42dad377bbdde1d6e78f33" alt=""></p>
|
||||
@ -41,6 +47,7 @@
|
||||
<script setup>
|
||||
import request from "@/utils/request";
|
||||
import { onMounted, reactive, watch } from "vue";
|
||||
import { getCategory } from "@/api/website/solution";
|
||||
|
||||
function navigation() {
|
||||
return request({
|
||||
@ -66,57 +73,164 @@ function getNavigation() {
|
||||
// }
|
||||
// });
|
||||
const res = {
|
||||
msg: "操作成功",
|
||||
code: 200,
|
||||
message: "ok",
|
||||
data: [
|
||||
{
|
||||
title: "解决方案",
|
||||
id: 21,
|
||||
tenantId: 3,
|
||||
parentId: 0,
|
||||
title: "创新服务",
|
||||
link: "/",
|
||||
is_target: false,
|
||||
targetFlag: "0",
|
||||
sort: 0,
|
||||
status: "1",
|
||||
createTime: "2022-02-21 14:03:28",
|
||||
updateTime: "2022-02-21 14:03:28",
|
||||
children: [
|
||||
{
|
||||
title: "大型企业方服务",
|
||||
link: "/",
|
||||
is_target: false,
|
||||
id: 22,
|
||||
tenantId: 1,
|
||||
parentId: 21,
|
||||
title: "中科院设备共享平台",
|
||||
link: "http://samp.cas.cn",
|
||||
targetFlag: "0",
|
||||
sort: 0,
|
||||
status: "1",
|
||||
createTime: "2022-02-21 14:03:47",
|
||||
updateTime: "2022-02-21 14:03:47",
|
||||
children: [],
|
||||
},
|
||||
{
|
||||
id: 23,
|
||||
tenantId: 1,
|
||||
parentId: 21,
|
||||
title: "中科院文献情报中心",
|
||||
link: "https://www.las.ac.cn",
|
||||
targetFlag: "0",
|
||||
sort: 0,
|
||||
status: "1",
|
||||
createTime: "2022-02-21 14:04:52",
|
||||
updateTime: "2022-02-21 14:04:52",
|
||||
children: [],
|
||||
},
|
||||
{
|
||||
id: 25,
|
||||
tenantId: 1,
|
||||
parentId: 21,
|
||||
title: "中国科学院",
|
||||
link: "https://www.cas.cn",
|
||||
targetFlag: "0",
|
||||
sort: 0,
|
||||
status: "1",
|
||||
createTime: "2022-02-21 14:05:59",
|
||||
updateTime: "2022-02-21 14:05:59",
|
||||
children: [],
|
||||
},
|
||||
{
|
||||
id: 26,
|
||||
tenantId: 1,
|
||||
parentId: 21,
|
||||
title: "中科院重庆院合肥分院",
|
||||
link: "http://www.caszl.cn",
|
||||
targetFlag: "0",
|
||||
sort: 0,
|
||||
status: "1",
|
||||
createTime: "2022-02-21 14:06:29",
|
||||
updateTime: "2022-02-21 14:06:29",
|
||||
children: [],
|
||||
},
|
||||
{ title: "科研院所服务", link: "/", is_target: false, children: [] },
|
||||
{ title: "政府区域服务", link: "/", is_target: false, children: [] },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "创新服务",
|
||||
id: 29,
|
||||
tenantId: 3,
|
||||
parentId: 0,
|
||||
title: "联系我们",
|
||||
link: "/",
|
||||
is_target: false,
|
||||
targetFlag: "0",
|
||||
sort: 0,
|
||||
status: "1",
|
||||
createTime: "2022-11-15 16:20:19",
|
||||
updateTime: null,
|
||||
children: [
|
||||
{
|
||||
title: "中科院设备共享平台",
|
||||
link: "http://samp.cas.cn",
|
||||
is_target: false,
|
||||
id: 30,
|
||||
tenantId: 3,
|
||||
parentId: 29,
|
||||
title: "客服电话：18156053255",
|
||||
link: "/",
|
||||
targetFlag: "0",
|
||||
sort: 0,
|
||||
status: "1",
|
||||
createTime: "2022-11-15 16:20:39",
|
||||
updateTime: null,
|
||||
children: [],
|
||||
},
|
||||
{
|
||||
title: "中科院文献情报中心",
|
||||
link: "https://www.las.ac.cn",
|
||||
is_target: false,
|
||||
id: 31,
|
||||
tenantId: 3,
|
||||
parentId: 29,
|
||||
title: "邮箱：zky@gmail.com",
|
||||
link: "/",
|
||||
targetFlag: "0",
|
||||
sort: 0,
|
||||
status: "1",
|
||||
createTime: "2022-11-15 16:20:56",
|
||||
updateTime: null,
|
||||
children: [],
|
||||
},
|
||||
{
|
||||
title: "中科院重庆院",
|
||||
link: "http://www.cigit.cas.cn/loading",
|
||||
is_target: false,
|
||||
id: 32,
|
||||
tenantId: 3,
|
||||
parentId: 29,
|
||||
title: "地址：安徽省合肥市高新区创新产业园D1南楼",
|
||||
link: "/",
|
||||
targetFlag: "0",
|
||||
sort: 0,
|
||||
status: "1",
|
||||
createTime: "2022-11-15 16:21:43",
|
||||
updateTime: null,
|
||||
children: [],
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: 33,
|
||||
tenantId: 3,
|
||||
parentId: 0,
|
||||
title: "解决方案",
|
||||
link: "/",
|
||||
targetFlag: "0",
|
||||
sort: 0,
|
||||
status: "1",
|
||||
createTime: "2022-11-15 16:22:41",
|
||||
updateTime: null,
|
||||
children: [
|
||||
{
|
||||
id: 34,
|
||||
tenantId: 3,
|
||||
parentId: 33,
|
||||
title: "企业创新升级",
|
||||
link: "/",
|
||||
targetFlag: "0",
|
||||
sort: 0,
|
||||
status: "1",
|
||||
createTime: "2022-11-15 16:22:58",
|
||||
updateTime: null,
|
||||
children: [],
|
||||
},
|
||||
{
|
||||
title: "中国科学院",
|
||||
link: "https://www.cas.cn",
|
||||
is_target: false,
|
||||
children: [],
|
||||
},
|
||||
{
|
||||
title: "中科院重庆院合肥分院",
|
||||
link: "http://www.caszl.cn",
|
||||
is_target: false,
|
||||
id: 35,
|
||||
tenantId: 3,
|
||||
parentId: 33,
|
||||
title: "成果转化",
|
||||
link: "/",
|
||||
targetFlag: "0",
|
||||
sort: 0,
|
||||
status: "1",
|
||||
createTime: "2022-11-15 16:23:21",
|
||||
updateTime: null,
|
||||
children: [],
|
||||
},
|
||||
],
|
||||
@ -162,6 +276,13 @@ async function getConfig() {
|
||||
}
|
||||
getNavigation();
|
||||
getConfig();
|
||||
|
||||
const solutionCategoryList = ref([]);
|
||||
const loadsolutionCategoryList = async () => {
|
||||
const { data } = await getCategory();
|
||||
solutionCategoryList.value = data;
|
||||
};
|
||||
loadsolutionCategoryList();
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
Reference in New Issue
Block a user