Skip to content

G
gs1
Commit 924e39cc by Tang
Options

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

parent 82edc0fa
Showing with 448 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/components/layout/header/service.js 0 → 100644
import {uuid} from "@/utils/utils";
import search from "./search.js";
export default {
id: "4",
name: "服务中心",
index: 4,
link: "/Service/BarcodeV",
breadcrumb: [
{ name: "服务中心", path: "/Service/BarcodeV" },
{ name: "产品服务", path: "/Service/BarcodeV" },
{ name: "条码微站" },
],
children: [
{
id: uuid("gs_nav"),
name: "产品服务",
index: 0,
link: "/Service/BarcodeV",
breadcrumb: [
{ name: "服务中心", path: "/Service/BarcodeV" },
{ name: "产品服务", path: "/Service/BarcodeV" },
{ name: "条码微站" },
],
children:[
{
id: uuid("gs_nav"),
name: "条码微站",
index: 0,
link: "/Service/BarcodeV",
breadcrumb: [
{ name: "服务中心", path: "/Service/BarcodeV" },
{ name: "产品服务", path: "/Service/BarcodeV" },
{ name: "条码微站" },
],
},
{
id: uuid("gs_nav"),
name: "条码商桥",
index: 1,
link: "http://so.anccnet.com/Home/Login",
},
{
id: uuid("gs_nav"),
name: "商品二维码",
index: 2,
link: "http://www.2dcode.org/",
},
{
id: uuid("gs_nav"),
name: "食品安全追溯",
index: 3,
link: "/Application/FoodSafety",
breadcrumb: [
{ name: "应用领域", path: "/News" },
{ name: "食品安全追溯" },
],
},
{
id: uuid("gs_nav"),
name: "医疗器械唯一标识（UDI）",
index: 4,
link: "http://healthcare.ancc.org.cn/webhug/UDI/page1.html",
},
{
id: uuid("gs_nav"),
name: "全球商品数据共享平台",
index: 5,
link: "http://b2b.gds.org.cn/",
},
{
id: uuid("gs_nav"),
name: "进口商品数据通报",
index: 6,
link: "https://www.ebrun.com/kh/2019gs1crossborder/index-pc.html",
},
],
},
{
id: uuid("gs_nav"),
name: "软件下载",
index: 1,
link: "/Service/Book",
breadcrumb: [
{ name: "服务中心", path: "/Service/Book" },
{ name: "软件下载" },
],
children:[
{
id: uuid("gs_nav"),
name: "中国编码",
index: 0,
link: "/Service/Book",
breadcrumb: [
{ name: "服务中心", path: "/Service/Book" },
{ name: "软件下载" },
],
},
{
id: uuid("gs_nav"),
name: "条码追溯",
index: 1,
link: "/Service/Book",
breadcrumb: [
{ name: "服务中心", path: "/Service/Book" },
{ name: "软件下载" },
],
},
{
id: uuid("gs_nav"),
name: "汉信码生成与识读工具",
index: 2,
link: "/Service/Book",
breadcrumb: [
{ name: "服务中心", path: "/Service/Book" },
{ name: "软件下载" },
],
},
{
id: uuid("gs_nav"),
name: "中国编码",
index: 3,
link: "/Service/Book",
breadcrumb: [
{ name: "服务中心", path: "/Service/Book" },
{ name: "软件下载" },
],
},
]
},
{
id: uuid("gs_nav"),
name: "条码/RFID/软件检测服务",
index: 2,
link: "/Service/jcyxz/Barcode",
breadcrumb: [
{ name: "服务中心", path: "/Service/BarcodeV" },
{ name: "条码/RFID/软件检测服务" },
],
children: [
{
id: uuid("gs_nav"),
name: "一维和二维条码符号检测",
index: 0,
link: "/Service/jcyxz/Barcode",
breadcrumb: [
{ name: "服务中心", path: "/Service/BarcodeV" },
{ name: "条码/RFID/软件检测服务", path: "/Service/jcyxz/Barcode" },
{ name: "一维和二维条码符号检测" },
],
},
{
id: uuid("gs_nav"),
name: "条码设备检测",
index: 1,
link: "/Service/jcyxz/Facility",
breadcrumb: [
{ name: "服务中心", path: "/Service/BarcodeV" },
{ name: "条码/RFID/软件检测服务", path: "/Service/jcyxz/Barcode" },
{ name: "条码设备检测" },
],
},
{
id: uuid("gs_nav"),
name: "条码检测仪校准与检定",
index: 2,
link: "/Service/jcyxz/Instrument",
breadcrumb: [
{ name: "服务中心", path: "/Service/BarcodeV" },
{ name: "条码/RFID/软件检测服务", path: "/Service/jcyxz/Barcode" },
{ name: "条码检测仪校准与检定" },
],
},
{
id: uuid("gs_nav"),
name: "频识别（RFID)测试与认证",
index: 3,
link: "/Service/jcyxz/RFID",
breadcrumb: [
{ name: "服务中心", path: "/Service/BarcodeV" },
{ name: "条码/RFID/软件检测服务", path: "/Service/jcyxz/Barcode" },
{ name: "频识别（RFID)测试与认证" },
],
},
{
id: uuid("gs_nav"),
name: "软件产品检测",
index: 4,
link: "/Service/jcyxz/Software",
breadcrumb: [
{ name: "服务中心", path: "/Service/BarcodeV" },
{ name: "条码/RFID/软件检测服务", path: "/Service/jcyxz/Barcode" },
{ name: "软件产品检测" },
],
},
{
id: uuid("gs_nav"),
name: "质检中心",
index: 5,
link: "/Service/jcyxz/QC",
breadcrumb: [
{ name: "服务中心", path: "/Service/BarcodeV" },
{ name: "条码/RFID/软件检测服务", path: "/Service/jcyxz/Barcode" },
{ name: "质检中心" },
],
},
]
},
{
id: uuid("gs_nav"),
name: "GS1标准服务提供商",
index: 3,
link: "/Service/Partners/index",
breadcrumb: [
{ name: "服务中心", path: "/Service/BarcodeV" },
{ name: "标准服务提供商", path: "/Service/Partners/index" },
{ name: "关于我们" },
],
children: [
{
id: uuid("gs_nav"),
name: "关于我们",
index: 0,
link: "/Service/Partners/index",
breadcrumb: [
{ name: "服务中心", path: "/Service/BarcodeV" },
{ name: "标准服务提供商", path: "/Service/Partners/index" },
{ name: "关于我们" },
],
},
{
id: uuid("gs_nav"),
name: "服务商列表",
index: 1,
link: "/Service/jcyxz/List",
breadcrumb: [
{ name: "服务中心", path: "/Service/BarcodeV" },
{ name: "标准服务提供商", path: "/Service/Partners/index" },
{ name: "我要查找GS1标准服务提供商" },
],
},
{
id: uuid("gs_nav"),
name: "案例介绍",
index: 2,
link: "/Service/jcyxz/CaseList",
breadcrumb: [
{ name: "服务中心", path: "/Service/BarcodeV" },
{ name: "标准服务提供商", path: "/Service/Partners/index" },
{ name: "GS1标准服务提供商案例" },
],
},
{
id: uuid("gs_nav"),
name: "申请与咨询",
index: 3,
link: "/Service/jcyxz/Join",
breadcrumb: [
{ name: "服务中心", path: "/Service/BarcodeV" },
{ name: "条码/RFID/软件检测服务", path: "/Service/jcyxz/Barcode" },
{ name: "我要成为GS1标准服务提供商" },
],
},
]
},
{...JSON.parse(JSON.stringify(search)),index:4,},
{
id: uuid("gs_nav"),
name: "平台服务",
index: 5,
link: "/Service/GDS",
breadcrumb: [
{ name: "服务中心", path: "/Service/BarcodeV" },
{ name: "平台服务", path: "/Service/GDS" },
{ name: "中国商品信息服务平台" },
],
children: [
{
id: uuid("gs_nav"),
name: "中国商品信息服务平台",
index: 0,
link: "/Service/GDS",
breadcrumb: [
{ name: "服务中心", path: "/Service/BarcodeV" },
{ name: "平台服务", path: "/Service/GDS" },
{ name: "中国商品信息服务平台" },
],
},
{
id: uuid("gs_nav"),
name: "国家食品（产品）安全追溯平台",
index: 1,
link: "/Service/Chinatrace",
breadcrumb: [
{ name: "服务中心", path: "/Service/BarcodeV" },
{ name: "平台服务", path: "/Service/GDS" },
{ name: "国家食品（产品）安全追溯平台" },
],
},
{
id: uuid("gs_nav"),
name: "物联网标识管理平台",
index: 2,
link: "https://www.iotroot.com/",
},
]
},
],
}
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