Skip to content

G
gs1
Commit 924e39cc by Tang
Options

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

parent 82edc0fa
Showing with 138 additions and 133 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",
...@@ -20,7 +21,7 @@ export const nav = [ ...@@ -20,7 +21,7 @@ export const nav = [
nameInHeaderNav: "机构概况", nameInHeaderNav: "机构概况",
index: 0, index: 0,
link: "/Org", link: "/Org",
breadcrumb: [{ name: "机构概况", path: "/Org" }, { name: "中心简介" }], breadcrumb: [{name: "机构概况", path: "/Org"}, {name: "中心简介"}],
children: [ children: [
{ {
id: uuid("gs_nav"), id: uuid("gs_nav"),
...@@ -28,8 +29,8 @@ export const nav = [ ...@@ -28,8 +29,8 @@ export const nav = [
index: 0, index: 0,
link: "/Org/Branch", link: "/Org/Branch",
breadcrumb: [ breadcrumb: [
{ name: "机构概况", path: "/service" }, {name: "机构概况", path: "/service"},
{ name: "地方编码分支机构" }, {name: "地方编码分支机构"},
], ],
}, },
], ],
...@@ -43,134 +44,8 @@ export const nav = [ ...@@ -43,134 +44,8 @@ export const nav = [
link: "/Business", link: "/Business",
children: [], children: [],
}, },
{ search,
id: "3", service,
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: "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: "国家及地区前缀码查询" },
],
},
],
},
{
id: "4",
name: "服务中心",
index: 4,
link: "/service",
children: [],
},
{ {
id: "5", id: "5",
name: "资讯中心", name: "资讯中心",
......
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