Skip to content

G
gs1
Commit 924e39cc by Tang
Options

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

parent 82edc0fa
Showing with 509 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/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 @@
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