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 {
.gs-dropdown-rect {
display: flex;
flex-direction: column;
margin-bottom: 20px;
.rect-title {
font-weight: 500;
......@@ -157,9 +158,11 @@ export default {
display: flex;
flex-direction: column;
padding-top: 35px;
margin-bottom: 20px;
&.no-padding-top {
padding-top: 0;
margin-bottom: 0;
}
.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 = [
{
id: "0",
name: "首页",
index: 0,
link: "/home",
children: [],
},
{
id: "1",
name: "机构概况",
index: 1,
link: "/Org",
children: [
{
id: uuid("gs_nav"),
name: "机构概况",
nameInHeaderNav: "机构概况",
{
id: "0",
name: "首页",
index: 0,
link: "/home",
children: [],
},
{
id: "1",
name: "机构概况",
index: 1,
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: [
{
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: "机构概况",
nameInHeaderNav: "机构概况",
index: 0,
link: "/Org",
breadcrumb: [{name: "机构概况", path: "/Org"}, {name: "中心简介"}],
children: [
{
id: uuid("gs_nav"),
name: "地方编码分支机构",
index: 0,
link: "/Org/Branch",
breadcrumb: [
{name: "机构概况", path: "/service"},
{name: "地方编码分支机构"},
],
},
],
},
],
},
{
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: "自行车企业代码公告查询",
},
{
id: "2",
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: "国家及地区前缀码查询",
link: "/Business",
children: [],
},
search,
service,
{
id: "5",
name: "资讯中心",
index: 5,
link: "/search/country",
breadcrumb: [
{ name: "服务中心", path: "/service" },
{ name: "查询服务", path: "/search/tool" },
{ name: "国家及地区前缀码查询" },
],
},
],
},
{
id: "4",
name: "服务中心",
index: 4,
link: "/service",
children: [],
},
{
id: "5",
name: "资讯中心",
index: 5,
link: "/News",
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: [],
},
link: "/News",
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 @@
import SubNav from "../comps/SubNav.vue";
import breadcrumb from "../comps/breadcrumb.vue";
import "./style/common.scss";
import search from "@/components/layout/header/search.js";
export default {
components: {
SubNav,
breadcrumb,
},
created() {
this.$store.commit("system/SET_SUB_NAV", search.children);
},
data() {
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