Skip to content

G
gs1
Commit 924e39cc by Tang
Options

feat: 服务中心菜单【100%】

parent 82edc0fa
Showing with 199 additions and 194 deletions
src/components/layout/header/HeaderDropdown.vue
...@@ -139,6 +139,7 @@ export default { ...@@ -139,6 +139,7 @@ export default {
.gs-dropdown-rect { .gs-dropdown-rect {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-bottom: 20px;
.rect-title { .rect-title {
font-weight: 500; font-weight: 500;
...@@ -157,9 +158,11 @@ export default { ...@@ -157,9 +158,11 @@ export default {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-top: 35px; padding-top: 35px;
margin-bottom: 20px;
&.no-padding-top { &.no-padding-top {
padding-top: 0; padding-top: 0;
margin-bottom: 0;
} }
.gs-dropdown-item { .gs-dropdown-item {
......
src/components/layout/header/mock.js
import { uuid } from "../../../utils/utils"; import {uuid} from "../../../utils/utils";
import search from "./search.js";
import service from './service.js';
export const nav = [ export const nav = [
{ {
id: "0", id: "0",
name: "首页", name: "首页",
index: 0,
link: "/home",
children: [],
},
{
id: "1",
name: "机构概况",
index: 1,
link: "/Org",
children: [
{
id: uuid("gs_nav"),
name: "机构概况",
nameInHeaderNav: "机构概况",
index: 0, index: 0,
link: "/home",
children: [],
},
{
id: "1",
name: "机构概况",
index: 1,
link: "/Org", link: "/Org",
breadcrumb: [{ name: "机构概况", path: "/Org" }, { name: "中心简介" }],
children: [
{
id: uuid("gs_nav"),
name: "地方编码分支机构",
index: 0,
link: "/Org/Branch",
breadcrumb: [
{ name: "机构概况", path: "/service" },
{ name: "地方编码分支机构" },
],
},
],
},
],
},
{
id: "2",
name: "业务大厅",
index: 2,
link: "/Business",
children: [],
},
{
id: "3",
name: "条码查询",
index: 3,
link: "/search",
breadcrumb: [
{ name: "服务中心", path: "/service" },
{ name: "查询服务", path: "/search/tool" },
{ name: "条码信息查询" },
],
children: [
{
id: uuid("gs_nav"),
name: "条码信息查询",
nameInHeaderNav: "条码查询",
index: 0,
link: "/search/tool",
breadcrumb: [
{ name: "服务中心", path: "/service" },
{ name: "查询服务", path: "/search/tool" },
{ name: "条码信息查询" },
],
children: [ children: [
{ {
id: uuid("gs_nav"), id: uuid("gs_nav"),
name: "境内条码信息查询", name: "机构概况",
index: 0, nameInHeaderNav: "机构概况",
link: "/search/internal", index: 0,
breadcrumb: [ link: "/Org",
{ name: "服务中心", path: "/service" }, breadcrumb: [{name: "机构概况", path: "/Org"}, {name: "中心简介"}],
{ name: "查询服务", path: "/search/tool" }, children: [
{ name: "境内条码信息查询" }, {
], id: uuid("gs_nav"),
}, name: "地方编码分支机构",
{ index: 0,
id: uuid("gs_nav"), link: "/Org/Branch",
name: "境外条码信息查询", breadcrumb: [
index: 1, {name: "机构概况", path: "/service"},
link: "/search/external", {name: "地方编码分支机构"},
breadcrumb: [ ],
{ name: "服务中心", path: "/service" }, },
{ name: "查询服务", path: "/search/tool" }, ],
{ name: "境外条码信息查询" }, },
],
},
{
id: uuid("gs_nav"),
name: "缩短码查询",
index: 2,
link: "/search/shortcode",
breadcrumb: [
{ name: "服务中心", path: "/service" },
{ name: "查询服务", path: "/search/tool" },
{ name: "缩短码查询" },
],
},
{
id: uuid("gs_nav"),
name: "追溯信息查询",
index: 3,
link: "http://www.chinatrace.org/",
},
], ],
}, },
{ {
id: uuid("gs_nav"), id: "2",
name: "GLN查询", name: "业务大厅",
index: 1,
link: "/search/gln",
breadcrumb: [
{ name: "服务中心", path: "/service" },
{ name: "查询服务", path: "/search/tool" },
{ name: "GLN查询" },
],
},
{
id: uuid("gs_nav"),
name: "自行车企业代码公告查询",
index: 2, index: 2,
link: "/search/bike", link: "/Business",
breadcrumb: [ children: [],
{ name: "服务中心", path: "/service" }, },
{ name: "查询服务", path: "/search/tool" }, search,
{ name: "自行车企业代码公告查询" }, service,
], {
}, id: "5",
{ name: "资讯中心",
id: uuid("gs_nav"),
name: "条码术语查询",
index: 3,
link: "/search/glossary",
breadcrumb: [
{ name: "服务中心", path: "/service" },
{ name: "查询服务", path: "/search/tool" },
{ name: "条码术语查询" },
],
},
{
id: uuid("gs_nav"),
name: "校验码计算工具",
index: 4,
link: "/search/check",
breadcrumb: [
{ name: "服务中心", path: "/service" },
{ name: "查询服务", path: "/search/tool" },
{ name: "校验码计算工具" },
],
},
{
id: uuid("gs_nav"),
name: "国家及地区前缀码查询",
index: 5, index: 5,
link: "/search/country", link: "/News",
breadcrumb: [ children: [],
{ name: "服务中心", path: "/service" }, },
{ name: "查询服务", path: "/search/tool" }, {
{ name: "国家及地区前缀码查询" }, id: "6",
], name: "知识中心",
}, index: 6,
], link: "/Knowledge",
}, children: [],
{ },
id: "4", {
name: "服务中心", id: "7",
index: 4, name: "党建文化",
link: "/service", index: 7,
children: [], link: "/djwh",
}, children: [],
{ },
id: "5", {
name: "资讯中心", id: "8",
index: 5, name: "成员专区",
link: "/News", index: 8,
children: [], link: "/LeaguerService",
}, children: [],
{ },
id: "6",
name: "知识中心",
index: 6,
link: "/Knowledge",
children: [],
},
{
id: "7",
name: "党建文化",
index: 7,
link: "/djwh",
children: [],
},
{
id: "8",
name: "成员专区",
index: 8,
link: "/LeaguerService",
children: [],
},
]; ];
src/components/layout/header/search.js 0 → 100644
import {uuid} from "@/utils/utils";
export default {
id: "3",
name: "条码查询",
index: 3,
link: "/search/tool",
breadcrumb: [
{ name: "服务中心", path: "/service" },
{ name: "查询服务", path: "/search/tool" },
{ name: "条码信息查询" },
],
children: [
{
id: uuid("gs_nav"),
name: "条码信息查询",
nameInHeaderNav: "条码查询",
index: 0,
link: "/search/tool",
breadcrumb: [
{ name: "服务中心", path: "/service" },
{ name: "查询服务", path: "/search/tool" },
{ name: "条码信息查询" },
],
children: [
{
id: uuid("gs_nav"),
name: "境内条码信息查询",
index: 0,
link: "/search/internal",
breadcrumb: [
{ name: "服务中心", path: "/service" },
{ name: "查询服务", path: "/search/tool" },
{ name: "境内条码信息查询" },
],
},
{
id: uuid("gs_nav"),
name: "境外条码信息查询",
index: 1,
link: "/search/external",
breadcrumb: [
{ name: "服务中心", path: "/service" },
{ name: "查询服务", path: "/search/tool" },
{ name: "境外条码信息查询" },
],
},
{
id: uuid("gs_nav"),
name: "缩短码查询",
index: 2,
link: "/search/shortcode",
breadcrumb: [
{ name: "服务中心", path: "/service" },
{ name: "查询服务", path: "/search/tool" },
{ name: "缩短码查询" },
],
},
{
id: uuid("gs_nav"),
name: "追溯信息查询",
index: 3,
link: "http://www.chinatrace.org/",
},
],
},
{
id: uuid("gs_nav"),
name: "GLN查询",
index: 1,
link: "/search/gln",
breadcrumb: [
{ name: "服务中心", path: "/service" },
{ name: "查询服务", path: "/search/tool" },
{ name: "GLN查询" },
],
},
{
id: uuid("gs_nav"),
name: "自行车企业代码公告查询",
index: 2,
link: "/search/bike",
breadcrumb: [
{ name: "服务中心", path: "/service" },
{ name: "查询服务", path: "/search/tool" },
{ name: "自行车企业代码公告查询" },
],
},
{
id: uuid("gs_nav"),
name: "条码术语查询",
index: 3,
link: "/search/glossary",
breadcrumb: [
{ name: "服务中心", path: "/service" },
{ name: "查询服务", path: "/search/tool" },
{ name: "条码术语查询" },
],
},
{
id: uuid("gs_nav"),
name: "校验码计算工具",
index: 4,
link: "/search/check",
breadcrumb: [
{ name: "服务中心", path: "/service" },
{ name: "查询服务", path: "/search/tool" },
{ name: "校验码计算工具" },
],
},
{
id: uuid("gs_nav"),
name: "国家及地区前缀码查询",
index: 5,
link: "/search/country",
breadcrumb: [
{ name: "服务中心", path: "/service" },
{ name: "查询服务", path: "/search/tool" },
{ name: "国家及地区前缀码查询" },
],
},
],
}
src/views/Search/index.vue
...@@ -16,12 +16,16 @@ ...@@ -16,12 +16,16 @@
import SubNav from "../comps/SubNav.vue"; import SubNav from "../comps/SubNav.vue";
import breadcrumb from "../comps/breadcrumb.vue"; import breadcrumb from "../comps/breadcrumb.vue";
import "./style/common.scss"; import "./style/common.scss";
import search from "@/components/layout/header/search.js";
export default { export default {
components: { components: {
SubNav, SubNav,
breadcrumb, breadcrumb,
}, },
created() {
this.$store.commit("system/SET_SUB_NAV", search.children);
},
data() { data() {
return {}; return {};
}, },
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment