Skip to content

G
gs1
Commit b20db053 by Tang
Options

feat: 路由优化，添加关于我们板块页面

parent 5c6f8df1
Showing with 976 additions and 780 deletions
src/assets/css/_base.scss
...@@ -500,6 +500,12 @@ ...@@ -500,6 +500,12 @@
justify-content: center; justify-content: center;
} }
.center{
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 992px) { @media screen and (max-width: 992px) {
.marginTopLg20 { .marginTopLg20 {
margin-top: 20px; margin-top: 20px;
......
src/components/layout/header/index.vue
...@@ -225,6 +225,7 @@ export default { ...@@ -225,6 +225,7 @@ export default {
} }
> a { > a {
display: inline-block;
position: relative; position: relative;
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
......
src/router/index.js
import Vue from "vue"; import Vue from "vue";
import VueRouter from "vue-router"; import VueRouter from "vue-router";
import main from "@/components/main.vue"; import main from "@/components/main.vue";
import {service} from "@/router/service";
Vue.use(VueRouter); Vue.use(VueRouter);
// 解决首页路由跳转的时候同一个路由多次添加，未跳转完成就重复跳转 // 解决首页路由跳转的时候同一个路由多次添加，未跳转完成就重复跳转
const routerPush = VueRouter.prototype.push; const routerPush = VueRouter.prototype.push;
VueRouter.prototype.push = function push(to) { VueRouter.prototype.push = function push(to) {
return routerPush.call(this, to).catch((err) => err); return routerPush.call(this, to).catch((err) => err);
}; };
const routes = [ const routes = [
{ {
path: "/",
redirect: "/Home",
},
{
path: "/Home",
name: "Home",
component: main,
meta: {
name: "首页",
},
children: [
{
path: "/", path: "/",
component: () => import("@/views/Home/index"), redirect: "/Home",
}, },
{ {
path: "/Home/sousuo", path: "/Home",
name: "sousuo", name: "Home",
component: () => import("@/views/Home/sousuo"), component: main,
},
{
path: "/Org",
name: "Org",
meta: {
name: "机构概况",
},
component: () => import("@/views/Org/index"),
redirect: '/Org/Intro',
children: [
{
path: "/Org/Intro",
name: "Intro",
meta: {
name: "中心简介",
},
component: () => import("@/views/Org/Intro.vue"),
},
{
path: "/Org/Leadership",
name: "Leadership",
meta: {
name: "中心领导",
},
component: () => import("@/views/Org/Leadership.vue"),
},
{
path: "/Org/Departments",
name: "Departments",
meta: {
name: "内设机构",
},
component: () => import("@/views/Org/Departments.vue"),
},
{
path: "/Org/Sites",
name: "Sites",
meta: {
name: "质检中心/协会/杂志社/标委会/其他",
},
component: () => import("@/views/Org/Sites.vue"),
},
{
path: "/Org/Branch",
name: "Branch",
meta: {
name: "地方编码分支机构",
},
component: () => import("@/views/Org/Branch.vue"),
},
{
path: "/Org/BranchMsg",
name: "Branch",
meta: {
name: "地方编码分支机构",
hidden: true,
},
component: () => import("@/views/Org/BranchMsg.vue"),
},
{
path: "https://www.gs1.org/",
name: "GS1",
meta: {
name: "国际物品编码组织(GS1)",
type: 'link'
},
},
{
path: "/Org/GS1Members",
name: "GS1Members",
meta: {
name: "国际物品编码组织（GS1）成员网站",
},
component: () => import("@/views/Org/GS1Members.vue"),
},
{
path: "/Org/ISO",
name: "ISO",
meta: {
name: "质量管理体系",
},
redirect: '/Org/ISO/Ideology',
},
{
path: "/Org/ISO/Ideology",
name: "Ideology",
meta: {
name: "指导思想",
},
component: () => import("@/views/Org/ISO/Ideology.vue"),
},
{
path: "/Org/ISO/Policy",
name: "Policy",
meta: {
name: "质量方针",
},
component: () => import("@/views/Org/ISO/Policy.vue"),
},
{
path: "/Org/ISO/Goal",
name: "Goal",
meta: {
name: "质量目标",
},
component: () => import("@/views/Org/ISO/Goal.vue"),
},
{
path: "/Org/ISO/Manual",
name: "Manual",
meta: {
name: "质量管理手册",
},
component: () => import("@/views/Org/ISO/Manual.vue"),
},
{
path: "/Org/ISO/Files",
name: "Files",
meta: {
name: "程序文件",
},
component: () => import("@/views/Org/ISO/Files.vue"),
},
],
},
{
path: "/Business",
name: "Business",
meta: { meta: {
name: "业务大厅", name: "首页",
}, },
component: () => import("@/views/Business/index"),
redirect: '/Business/Register',
children: [ children: [
{ {
path: "/Business/Register", path: "/",
name: "Register", component: () => import("@/views/Home/index"),
meta: { },
name: "我要申请商品条码", {
}, path: "/Home/sousuo",
component: () => import("@/views/Business/Register.vue"), name: "sousuo",
}, component: () => import("@/views/Home/sousuo"),
{ },
path: "/Business/Guide", {
name: "Guide", path: "/Org",
meta: { name: "Org",
name: "操作指南", meta: {
}, name: "机构概况",
redirect: { },
path: '/Business/Guide1', component: () => import("@/views/Org/index"),
query: { redirect: '/Org/Intro',
id: '1-1' children: [
} {
}, path: "/Org/Intro",
}, name: "Intro",
meta: {
name: "中心简介",
},
component: () => import("@/views/Org/Intro.vue"),
},
{
path: "/Org/Leadership",
name: "Leadership",
meta: {
name: "中心领导",
},
component: () => import("@/views/Org/Leadership.vue"),
},
{
path: "/Org/Departments",
name: "Departments",
meta: {
name: "内设机构",
},
component: () => import("@/views/Org/Departments.vue"),
},
{
path: "/Org/Sites",
name: "Sites",
meta: {
name: "质检中心/协会/杂志社/标委会/其他",
},
component: () => import("@/views/Org/Sites.vue"),
},
{
path: "/Org/Branch",
name: "Branch",
meta: {
name: "地方编码分支机构",
},
component: () => import("@/views/Org/Branch.vue"),
},
{
path: "/Org/BranchMsg",
name: "Branch",
meta: {
name: "地方编码分支机构",
hidden: true,
},
component: () => import("@/views/Org/BranchMsg.vue"),
},
{
path: "https://www.gs1.org/",
name: "GS1",
meta: {
name: "国际物品编码组织(GS1)",
type: 'link'
},
},
{
path: "/Org/GS1Members",
name: "GS1Members",
meta: {
name: "国际物品编码组织（GS1）成员网站",
},
component: () => import("@/views/Org/GS1Members.vue"),
},
{
path: "/Org/ISO",
name: "ISO",
meta: {
name: "质量管理体系",
},
redirect: '/Org/ISO/Ideology',
},
{
path: "/Org/ISO/Ideology",
name: "Ideology",
meta: {
name: "指导思想",
},
component: () => import("@/views/Org/ISO/Ideology.vue"),
},
{
path: "/Org/ISO/Policy",
name: "Policy",
meta: {
name: "质量方针",
},
component: () => import("@/views/Org/ISO/Policy.vue"),
},
{
path: "/Org/ISO/Goal",
name: "Goal",
meta: {
name: "质量目标",
},
component: () => import("@/views/Org/ISO/Goal.vue"),
},
{
path: "/Org/ISO/Manual",
name: "Manual",
meta: {
name: "质量管理手册",
},
component: () => import("@/views/Org/ISO/Manual.vue"),
},
{
path: "/Org/ISO/Files",
name: "Files",
meta: {
name: "程序文件",
},
component: () => import("@/views/Org/ISO/Files.vue"),
},
],
},
{
path: "/Business",
name: "Business",
meta: {
name: "业务大厅",
},
component: () => import("@/views/Business/index"),
redirect: '/Business/Register',
children: [
{
path: "/Business/Register",
name: "Register",
meta: {
name: "我要申请商品条码",
},
component: () => import("@/views/Business/Register.vue"),
},
{
path: "/Business/Guide",
name: "Guide",
meta: {
name: "操作指南",
},
redirect: {
path: '/Business/Guide1',
query: {
id: '1-1'
}
},
},
{ {
path: "/Business/Guide1", path: "/Business/Guide1",
name: "Guide3", name: "Guide3",
meta: { meta: {
name: "我要申请商品条码", name: "我要申请商品条码",
fatherPath: '/Business/Guide', fatherPath: '/Business/Guide',
}, },
component: () => import("@/views/Business/Guide1.vue"), component: () => import("@/views/Business/Guide1.vue"),
}, },
{ {
path: "/Business/Guide2", path: "/Business/Guide2",
name: "Guide2", name: "Guide2",
meta: { meta: {
name: "我要编码", name: "我要编码",
fatherPath: '/Business/Guide', fatherPath: '/Business/Guide',
}, },
component: () => import("@/views/Business/Guide2.vue"), component: () => import("@/views/Business/Guide2.vue"),
}, },
{ {
path: "/Business/Guide3", path: "/Business/Guide3",
name: "Guide3", name: "Guide3",
meta: { meta: {
name: "我要通报编码信息", name: "我要通报编码信息",
fatherPath: '/Business/Guide', fatherPath: '/Business/Guide',
}, },
component: () => import("@/views/Business/Guide3.vue"), component: () => import("@/views/Business/Guide3.vue"),
}, },
{ {
path: "/Business/Guide4", path: "/Business/Guide4",
name: "Guide4", name: "Guide4",
meta: { meta: {
name: "微信共享", name: "微信共享",
fatherPath: '/Business/Guide', fatherPath: '/Business/Guide',
}, },
component: () => import("@/views/Business/Guide4.vue"), component: () => import("@/views/Business/Guide4.vue"),
}, },
{ {
path: "/Business/Guide5", path: "/Business/Guide5",
name: "Guide5", name: "Guide5",
meta: { meta: {
name: "我要培训", name: "我要培训",
fatherPath: '/Business/Guide', fatherPath: '/Business/Guide',
}, },
component: () => import("@/views/Business/Guide5.vue"), component: () => import("@/views/Business/Guide5.vue"),
}, },
{ {
path: "/Business/Guide6", path: "/Business/Guide6",
name: "Guide6", name: "Guide6",
meta: { meta: {
name: "我要续展", name: "我要续展",
fatherPath: '/Business/Guide', fatherPath: '/Business/Guide',
}, },
component: () => import("@/views/Business/Guide6.vue"), component: () => import("@/views/Business/Guide6.vue"),
}, },
{ {
path: "/Business/Code2", path: "/Business/Code2",
name: "Code2", name: "Code2",
meta: { meta: {
name: "非零售商品", name: "非零售商品",
fatherPath: '/Business/Code', fatherPath: '/Business/Code',
}, },
component: () => import("@/views/Business/Code2.vue"), component: () => import("@/views/Business/Code2.vue"),
}, },
{ {
path: "/Business/Code3", path: "/Business/Code3",
name: "Code3", name: "Code3",
meta: { meta: {
name: "物流单元", name: "物流单元",
fatherPath: '/Business/Code', fatherPath: '/Business/Code',
}, },
component: () => import("@/views/Business/Code3.vue"), component: () => import("@/views/Business/Code3.vue"),
}, },
{ {
path: "/Business/Guide7", path: "/Business/Guide7",
name: "Guide7", name: "Guide7",
meta: { meta: {
name: "我要咨询", name: "我要咨询",
fatherPath: '/Business/Guide', fatherPath: '/Business/Guide',
}, },
component: () => import("@/views/Business/Guide7.vue"), component: () => import("@/views/Business/Guide7.vue"),
}, },
{ {
path: "/Business/Code1", path: "/Business/Code1",
name: "Code1", name: "Code1",
meta: { meta: {
name: "零售商品", name: "零售商品",
fatherPath: '/Business/Code', fatherPath: '/Business/Code',
}, },
component: () => import("@/views/Business/Code1.vue"), component: () => import("@/views/Business/Code1.vue"),
}, },
{ {
path: "/Business/Guide8", path: "/Business/Guide8",
name: "Guide8", name: "Guide8",
meta: { meta: {
name: "常见问题", name: "常见问题",
fatherPath: '/Business/Guide', fatherPath: '/Business/Guide',
}, },
component: () => import("@/views/Business/Fap.vue"), component: () => import("@/views/Business/Fap.vue"),
}, },
{ {
path: "/Business/Corppaynew", path: "/Business/Corppaynew",
name: "Corppaynew", name: "Corppaynew",
meta: { meta: {
name: "收费公示", name: "收费公示",
}, },
component: () => import("@/views/Business/Corppaynew.vue"), component: () => import("@/views/Business/Corppaynew.vue"),
}, },
{ {
path: "/Business/Corppay", path: "/Business/Corppay",
name: "Corppay", name: "Corppay",
meta: { meta: {
name: "收费目录清单", name: "收费目录清单",
}, },
component: () => import("@/views/Business/Corppay.vue"), component: () => import("@/views/Business/Corppay.vue"),
}, },
{ {
path: "/Business/serviceFee", path: "/Business/serviceFee",
name: "serviceFee", name: "serviceFee",
meta: { meta: {
name: "其他增值服务费", name: "其他增值服务费",
}, },
component: () => import("@/views/Business/serviceFee.vue"), component: () => import("@/views/Business/serviceFee.vue"),
}, },
{ {
path: "/Business/Notice", path: "/Business/Notice",
name: "Notice", name: "Notice",
meta: { meta: {
name: "条码公告", name: "条码公告",
}, },
component: () => import("@/views/Business/Notice.vue"), component: () => import("@/views/Business/Notice.vue"),
}, },
{ {
path: "/Business/Training", path: "/Business/Training",
name: "", name: "",
meta: { meta: {
name: "我要培训——现场培训/线上培训", name: "我要培训——现场培训/线上培训",
}, },
redirect: '/Service/Training', redirect: '/Service/Training',
}, },
{ {
path: "/Business/Renewal", path: "/Business/Renewal",
name: "Renewal", name: "Renewal",
meta: { meta: {
name: "我要续展", name: "我要续展",
}, },
component: () => import("@/views/Business/Renewal.vue"), component: () => import("@/views/Business/Renewal.vue"),
}, },
{ {
path: "/Business/Code", path: "/Business/Code",
name: "Code", name: "Code",
meta: { meta: {
name: "我要编码", name: "我要编码",
}, },
redirect: { redirect: {
path: '/Business/Code1', path: '/Business/Code1',
query: { query: {
id: '1-1' id: '1-1'
} }
}, },
}, },
{ {
path: "/Business/2dcode", path: "/Business/2dcode",
name: "2dcode", name: "2dcode",
meta: { meta: {
name: "我要生成商品二维码", name: "我要生成商品二维码",
}, },
component: () => import("@/views/Business/2dcode.vue"), component: () => import("@/views/Business/2dcode.vue"),
}, },
{ {
path: "/Business/FoodSafety", path: "/Business/FoodSafety",
name: "FoodSafety", name: "FoodSafety",
meta: { meta: {
name: "我要追溯", name: "我要追溯",
}, },
component: () => import("@/views/Business/FoodSafety.vue"), component: () => import("@/views/Business/FoodSafety.vue"),
}, },
{ {
path: "/Business/BarcodeV", path: "/Business/BarcodeV",
name: "BarcodeV", name: "BarcodeV",
meta: { meta: {
name: "条码微站", name: "条码微站",
}, },
component: () => import("@/views/Business/BarcodeV.vue"), component: () => import("@/views/Business/BarcodeV.vue"),
}, },
{ {
path: "/Business/GLN", path: "/Business/GLN",
name: "GLN", name: "GLN",
meta: { meta: {
name: "办理全球位置码(GLN)", name: "办理全球位置码(GLN)",
}, },
component: () => import("@/views/Business/GLN.vue"), component: () => import("@/views/Business/GLN.vue"),
}, },
{ {
path: "/Business/cpdzdm", path: "/Business/cpdzdm",
name: "cpdzdm", name: "cpdzdm",
meta: { meta: {
name: "办理产品电子代码（EPC）", name: "办理产品电子代码（EPC）",
}, },
component: () => import("@/views/Business/cpdzdm.vue"), component: () => import("@/views/Business/cpdzdm.vue"),
}, },
{ {
path: "/Business/GIAI", path: "/Business/GIAI",
name: "GIAI", name: "GIAI",
meta: { meta: {
name: "办理资产标识代码", name: "办理资产标识代码",
}, },
component: () => import("@/views/Business/GIAI.vue"), component: () => import("@/views/Business/GIAI.vue"),
}, },
{ {
path: "/Business/GSRN", path: "/Business/GSRN",
name: "GSRN", name: "GSRN",
meta: { meta: {
name: "办理全球服务关系代码", name: "办理全球服务关系代码",
}, },
component: () => import("@/views/Business/GSRN.vue"), component: () => import("@/views/Business/GSRN.vue"),
}, },
{ {
path: "/Business/Animalcode", path: "/Business/Animalcode",
name: "Animalcode", name: "Animalcode",
meta: { meta: {
name: "办理动物管理者代码", name: "办理动物管理者代码",
}, },
component: () => import("@/views/Business/Animalcode.vue"), component: () => import("@/views/Business/Animalcode.vue"),
}, },
], ],
}, },
{ {
path: "/Service/Training", path: "/Service/Training",
name: "Training", name: "Training",
meta: { meta: {
name: "培训计划", name: "培训计划",
}, },
component: () => import("@/views/Business/Training.vue"), component: () => import("@/views/Business/Training.vue"),
}, },
{ {
path: "/News", path: "/News",
name: "News", name: "News",
meta: { meta: {
name: "资讯中心", name: "资讯中心",
}, },
component: () => import("@/views/News/index.vue"), component: () => import("@/views/News/index.vue"),
}, },
{ {
path: "/Knowledge", path: "/Knowledge",
name: "Knowledge", name: "Knowledge",
meta: { meta: {
name: "知识中心", name: "知识中心",
}, },
component: () => import("@/views/Knowledge/index"), component: () => import("@/views/Knowledge/index"),
children: [ children: []
},
] {
}, path: "/Knowledge/TeKIndex",
{ name: "TeKIndex",
path: "/Knowledge/TeKIndex", meta: {
name: "TeKIndex", name: "技术标准",
meta: { },
name: "技术标准", component: () => import("@/views/Knowledge/TeKIndex.vue"),
}, children: [
component: () => import("@/views/Knowledge/TeKIndex.vue"), {
children:[ path: "/Knowledge/ANCCSystem",
{ name: "ANCCSystem",
path: "/Knowledge/ANCCSystem", meta: {
name: "ANCCSystem", name: "国家物品编码体系",
meta: { },
name: "国家物品编码体系", component: () => import("@/views/Knowledge/ANCCSystem.vue"),
}, },
component: () => import("@/views/Knowledge/ANCCSystem.vue"), {
}, path: "/Knowledge/GS1System2",
{ name: "GS1System",
path: "/Knowledge/GS1System2", meta: {
name: "GS1System", name: "GS1系统",
meta: { },
name: "GS1系统", component: () => import("@/views/Knowledge/GS1System2.vue"),
},
component: () => import("@/views/Knowledge/GS1System2.vue"),
},
{
path: "/Knowledge/GS1System/GS1System",
name: "GS1System",
meta: {
name: "概述",
},
component: () => import("@/views/Knowledge/GS1System/GS1System.vue"),
},
{
path: "/Knowledge/GS1System/bmtx",
name: "bmtx",
meta: {
name: "编码体系",
},
component: () => import("@/views/Knowledge/GS1System/bmtx.vue"),
},
{
path: "/Knowledge/GS1System/sjzttx",
name: "sjzttx",
meta: {
name: "数据载体体系",
},
component: () => import("@/views/Knowledge/GS1System/sjzttx.vue"),
},
{
path: "/Knowledge/GS1System/sjjhtx",
name: "sjjhtx",
meta: {
name: "数据交换体系",
},
component: () => import("@/views/Knowledge/GS1System/sjjhtx.vue"),
},
{
path: "/Knowledge/Standard",
name: "Standard",
meta: {
name: "标准文献",
},
component: () => import("@/views/Knowledge/Standard.vue"),
},
{
path: "/Knowledge/Glossary",
name: "Glossary",
meta: {
name: "专业术语",
},
component: () => import("@/views/Knowledge/Glossary.vue"),
},
{
path: "/Knowledge/xts",
name: "xts",
meta: {
name: "小贴士",
},
component: () => import("@/views/Knowledge/xts.vue"),
},
{
path: "/Knowledge/xts",
name: "xts",
meta: {
name: "常见问题",
},
component: () => import("@/views/Knowledge/xts.vue"),
},
]
},
{
path: "/Knowledge/GSBMindex",
name: "GSBMindex",
meta: {
name: "知识导航",
},
component: () => import("@/views/Knowledge/GSBMindex.vue"),
children:[
{
path: "/Knowledge/ANCCSystem",
name: "ANCCSystem",
meta: {
name: "国家物品编码体系",
},
component: () => import("@/views/Knowledge/ANCCSystem.vue"),
},
{
path: "/Knowledge/GS1System2",
name: "GS1System",
meta: {
name: "GS1系统",
},
component: () => import("@/views/Knowledge/GS1System2.vue"),
},
{
path: "/Knowledge/GS1System/goodsGln",
name: "goodsGln",
meta: {
name: "商品条码",
},
component: () => import("@/views/Knowledge/GS1System/goodsGln.vue"),
},
{
path: "/Knowledge/GS1System/goodsEpc",
name: "goodsEpc",
meta: {
name: "产品电子代码（EPC）",
},
component: () => import("@/views/Knowledge/GS1System/goodsEpc.vue"),
},
{
path: "/Knowledge/GS1System/goodsGDS",
name: "goodsGDS",
meta: {
name: "全球数据同步（GDS）",
},
component: () => import("@/views/Knowledge/GS1System/goodsGDS.vue"),
},
{
path: "/Knowledge/GS1System/goodsPosition",
name: "goodsPosition",
meta: {
name: "全球位置编码（GLN）",
},
component: () => import("@/views/Knowledge/GS1System/goodsPosition.vue"),
},
{
path: "/Knowledge/GS1System/zxcbm",
name: "zxcbm",
meta: {
name: "自行车编码",
},
component: () => import("@/views/Knowledge/GS1System/zxcbm.vue"),
},
{
path: "/Knowledge/GS1System/dwbm",
name: "dwbm",
meta: {
name: "动物编码",
},
component: () => import("@/views/Knowledge/GS1System/dwbm.vue"),
},
{
path: "/Knowledge/GS1System/ewbm",
name: "ewbm",
meta: {
name: "二维条码",
},
component: () => import("@/views/Knowledge/GS1System/ewbm.vue"),
},
{
path: "/Knowledge/GS1System/gxfECR",
name: "gxfECR",
meta: {
name: "高效消费者响应（ECR）",
},
component: () => import("@/views/Knowledge/GS1System/gxfECR.vue"),
},
{
path: "/Knowledge/GS1System/ebxml",
name: "ebXML",
meta: {
name: "ebXML",
},
component: () => import("@/views/Knowledge/GS1System/ebxml.vue"),
},
]
},
{
path: "/Knowledge/Statute",
name: "Statute",
meta: {
name: "法律法规",
},
component: () => import("@/views/Knowledge/Statute.vue"),
}
], },
}, {
path: "/Knowledge/GS1System/GS1System",
name: "GS1System",
meta: {
name: "概述",
},
component: () => import("@/views/Knowledge/GS1System/GS1System.vue"),
},
{
path: "/Knowledge/GS1System/bmtx",
name: "bmtx",
meta: {
name: "编码体系",
},
component: () => import("@/views/Knowledge/GS1System/bmtx.vue"),
},
{
path: "/Knowledge/GS1System/sjzttx",
name: "sjzttx",
meta: {
name: "数据载体体系",
},
component: () => import("@/views/Knowledge/GS1System/sjzttx.vue"),
},
{
path: "/Knowledge/GS1System/sjjhtx",
name: "sjjhtx",
meta: {
name: "数据交换体系",
},
component: () => import("@/views/Knowledge/GS1System/sjjhtx.vue"),
},
{
path: "/Knowledge/Standard",
name: "Standard",
meta: {
name: "标准文献",
},
component: () => import("@/views/Knowledge/Standard.vue"),
},
{
path: "/Knowledge/Glossary",
name: "Glossary",
meta: {
name: "专业术语",
},
component: () => import("@/views/Knowledge/Glossary.vue"),
},
{
path: "/Knowledge/xts",
name: "xts",
meta: {
name: "小贴士",
},
component: () => import("@/views/Knowledge/xts.vue"),
},
{
path: "/Knowledge/xts",
name: "xts",
meta: {
name: "常见问题",
},
component: () => import("@/views/Knowledge/xts.vue"),
},
]
},
{
path: "/Knowledge/GSBMindex",
name: "GSBMindex",
meta: {
name: "知识导航",
},
component: () => import("@/views/Knowledge/GSBMindex.vue"),
children: [
{
path: "/Knowledge/ANCCSystem",
name: "ANCCSystem",
meta: {
name: "国家物品编码体系",
},
component: () => import("@/views/Knowledge/ANCCSystem.vue"),
},
{
path: "/Knowledge/GS1System2",
name: "GS1System",
meta: {
name: "GS1系统",
},
component: () => import("@/views/Knowledge/GS1System2.vue"),
},
{
path: "/Knowledge/GS1System/goodsGln",
name: "goodsGln",
meta: {
name: "商品条码",
},
component: () => import("@/views/Knowledge/GS1System/goodsGln.vue"),
},
{
path: "/Knowledge/GS1System/goodsEpc",
name: "goodsEpc",
meta: {
name: "产品电子代码（EPC）",
},
component: () => import("@/views/Knowledge/GS1System/goodsEpc.vue"),
},
{
path: "/Knowledge/GS1System/goodsGDS",
name: "goodsGDS",
meta: {
name: "全球数据同步（GDS）",
},
component: () => import("@/views/Knowledge/GS1System/goodsGDS.vue"),
},
{
path: "/Knowledge/GS1System/goodsPosition",
name: "goodsPosition",
meta: {
name: "全球位置编码（GLN）",
},
component: () => import("@/views/Knowledge/GS1System/goodsPosition.vue"),
},
{
path: "/Knowledge/GS1System/zxcbm",
name: "zxcbm",
meta: {
name: "自行车编码",
},
component: () => import("@/views/Knowledge/GS1System/zxcbm.vue"),
},
{
path: "/Knowledge/GS1System/dwbm",
name: "dwbm",
meta: {
name: "动物编码",
},
component: () => import("@/views/Knowledge/GS1System/dwbm.vue"),
},
{
path: "/Knowledge/GS1System/ewbm",
name: "ewbm",
meta: {
name: "二维条码",
},
component: () => import("@/views/Knowledge/GS1System/ewbm.vue"),
},
{
path: "/Knowledge/GS1System/gxfECR",
name: "gxfECR",
meta: {
name: "高效消费者响应（ECR）",
},
component: () => import("@/views/Knowledge/GS1System/gxfECR.vue"),
},
{
path: "/Knowledge/GS1System/ebxml",
name: "ebXML",
meta: {
name: "ebXML",
},
component: () => import("@/views/Knowledge/GS1System/ebxml.vue"),
},
]
},
{
path: "/Knowledge/Statute",
name: "Statute",
meta: {
name: "法律法规",
},
component: () => import("@/views/Knowledge/Statute.vue"),
}
{
// 查询中心
path: "/search",
name: "search",
component: main,
redirect: "/search/tool",
meta: {
name: "首页",
},
children: [
{
path: "/",
component: () => import("@/views/Search/index"),
children: [
{
path: "tool",
component: () => import("@/views/Search/tools"),
},
// 境内条码查询
{
path: "internal",
component: () => import("@/views/Search/internal"),
},
// 境外条码信息查询
{
path: "external",
component: () => import("@/views/Search/external"),
},
// 缩短码查询
{
path: "shortcode",
component: () => import("@/views/Search/shortcode"),
},
{
path: "gln",
component: () => import("@/views/Search/gln"),
},
{
path: "bike",
component: () => import("@/views/Search/bike"),
},
{
path: "glossary",
component: () => import("@/views/Search/glossary"),
},
{
path: "check",
component: () => import("@/views/Search/check"),
},
{
path: "country",
component: () => import("@/views/Search/country"),
},
], ],
},
],
},
{
// 查询中心
path: "/Service",
name: "Service",
component: main,
redirect: "/Service/BarcodeV",
meta: {
name: "查询中心",
}, },
children: [ {
{ // 查询中心
path: "/", path: "/search",
component: () => import("@/views/Service/index"), name: "search",
component: main,
redirect: "/search/tool",
meta: {
name: "首页",
},
children: [ children: [
{ {
path: "BarcodeV", path: "/",
component: () => import("@/views/Service/barcodeV"), component: () => import("@/views/Search/index"),
meta: { children: [
name: "条码微站", {
path: "tool",
component: () => import("@/views/Search/tools"),
},
// 境内条码查询
{
path: "internal",
component: () => import("@/views/Search/internal"),
},
// 境外条码信息查询
{
path: "external",
component: () => import("@/views/Search/external"),
},
// 缩短码查询
{
path: "shortcode",
component: () => import("@/views/Search/shortcode"),
},
{
path: "gln",
component: () => import("@/views/Search/gln"),
},
{
path: "bike",
component: () => import("@/views/Search/bike"),
},
{
path: "glossary",
component: () => import("@/views/Search/glossary"),
},
{
path: "check",
component: () => import("@/views/Search/check"),
},
{
path: "country",
component: () => import("@/views/Search/country"),
},
],
}, },
},
{
path: "Book",
component: () => import("@/views/Service/book"),
meta: {
name: "软件下载",
},
},
{
path: "jcyxz/Barcode",
component: () => import("@/views/Service/barcode"),
meta: {
name: "一维和二维条码符号检测",
},
},
{
path: "jcyxz/facility",
component: () => import("@/views/Service/facility"),
meta: {
name: "条码设备检测",
},
},
{
path: "jcyxz/instrument",
component: () => import("@/views/Service/instrument"),
meta: {
name: "条码检测仪校准与检定",
},
},
{
path: "jcyxz/RFID",
component: () => import("@/views/Service/RFID"),
meta: {
name: "射频识别（RFID）测试与认证",
},
},
{
path: "jcyxz/Software",
component: () => import("@/views/Service/software"),
meta: {
name: "软件产品检测",
},
},
{
path: "jcyxz/QC",
component: () => import("@/views/Service/QC"),
meta: {
name: "质检中心",
},
},
], ],
}, },
], service,
}, {
{ path: "/login",
path: "/login", name: "login",
name: "login", component: () => import("@/views/User/index"),
component: () => import("@/views/User/index"), },
}, {
{ path: "/register",
path: "/register", name: "register",
name: "register", component: () => import("@/views/User/index"),
component: () => import("@/views/User/index"), },
}, {
{ path: "/reset-pass",
path: "/reset-pass", name: "reset-pass",
name: "reset-pass", component: () => import("@/views/User/index"),
component: () => import("@/views/User/index"), },
}, {
{ path: "/404",
path: "/404", name: "404",
name: "404", component: () => import("@/views/User/404"),
component: () => import("@/views/User/404"), },
}, {
{ path: "*",
path: "*", redirect: "/404",
redirect: "/404", },
},
]; ];
const router = new VueRouter({ const router = new VueRouter({
mode: "history", mode: "history",
base: process.env.BASE_URL, base: process.env.BASE_URL,
routes, routes,
}); });
export default router; export default router;
src/router/service.js 0 → 100644
import main from "_c/main";
export const service = {
// 查询中心
path: "/Service",
name: "Service",
component: main,
redirect: "/Service/BarcodeV",
meta: {
name: "服务中心",
},
children: [
{
path: "/",
component: () => import("@/views/Service/index"),
children: [
{
path: "BarcodeV",
component: () => import("@/views/Service/barcodeV"),
meta: {
name: "条码微站",
},
},
{
path: "Book",
component: () => import("@/views/Service/book"),
meta: {
name: "软件下载",
},
},
// 条码/RFID/软件检测服务 Start
{
path: "jcyxz/Barcode",
component: () => import("@/views/Service/barcode"),
meta: {
name: "一维和二维条码符号检测",
},
},
{
path: "jcyxz/facility",
component: () => import("@/views/Service/facility"),
meta: {
name: "条码设备检测",
},
},
{
path: "jcyxz/instrument",
component: () => import("@/views/Service/instrument"),
meta: {
name: "条码检测仪校准与检定",
},
},
{
path: "jcyxz/RFID",
component: () => import("@/views/Service/RFID"),
meta: {
name: "射频识别（RFID）测试与认证",
},
},
{
path: "jcyxz/Software",
component: () => import("@/views/Service/software"),
meta: {
name: "软件产品检测",
},
},
{
path: "jcyxz/QC",
component: () => import("@/views/Service/QC"),
meta: {
name: "质检中心",
},
},
// 条码/RFID/软件检测服务 End
// 标准服务提供商 Start
{
path: "Partners/index",
component: () => import("@/views/Service/Partners/index"),
meta: {
name: "关于我们",
},
},
// 标准服务提供商 End
],
},
],
};
src/views/Service/Partners/index.vue 0 → 100644
<template>
<div class="search-content n-service partners-index">
<div class="title">关于我们</div>
<div class="body" style="padding-top: 9px;position: relative;">
<img class="img-1_" src="../img/GS1ChinaLogo.jpeg" align="left" alt=""/>
<p>
GS1标准服务提供商项目（GS1 Solution Provider)
,旨在吸纳各个领域的优质服务机构成为GS1标准的解决方案提供商。本项目致力于构建“GS1标准服务提供商”、商品条码系统成员和GS1用户为一体的生态圈。通过解决方案提供商，帮助系统成员用好GS1标准，打通GS1标准应用的“最后一公里”。
</p>
<div class="row link-notice">
<div class="col-lg-6">
<div class="pointer notice " @click="handleToBe">
<img src="../img/online1.jpeg" alt="">
<p>我要成为GS1标准服务提供商</p>
</div>
</div>
<div class="col-lg-6">
<div class="pointer notice" @click="handleToFind">
<img src="../img/online2.jpeg" alt="">
<p>我要查找GS1标准服务提供商</p>
</div>
</div>
</div>
<h5 style="text-align: center;margin: 40px 0 10px">解决方案服务商案例</h5>
<div id="partners-index-carousel" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#partners-index-carousel" data-bs-slide-to="0" class="active"
aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#partners-index-carousel" data-bs-slide-to="1"
aria-label="Slide 2"></button>
<button type="button" data-bs-target="#partners-index-carousel" data-bs-slide-to="2"
aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
<div class="col-lg-6 center">
<img src="../img/case2.jpeg" alt="">
</div>
<div class="col-lg-6" style="padding-top: 15px;padding-bottom: 15px;color:#248ece;">
<div style="font-size: 18px;padding: 8px 0;border-bottom: 1px solid #248ece;">医疗</div>
<div style="margin-top: 15px;margin-bottom: 15px;"><span style="">汇集医疗领域的优质解决方案服务商，以优质的技术和服务，为用户解决GS1编码的“最后一公里”问题。</span>
</div>
<div class="text-right"><a href="/Service/Partners/CaseHealthcare.aspx">更多»</a></div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-lg-6 center">
<img src="../img/case1.jpeg" alt="">
</div>
<div class="col-lg-6" style="padding-top: 15px;padding-bottom: 15px;color:#248ece;">
<div style="font-size: 18px;padding: 8px 0;border-bottom: 1px solid #248ece;">食品安全追溯</div>
<div style="margin-top: 15px;margin-bottom: 15px;text-align: center;"><span style="line-height: 40px;">正在建设中...</span>
</div>
<div class="text-right"><a href="/Service/Partners/Case">更多»</a></div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-lg-6 center">
<img src="../img/case3.jpeg" alt="">
</div>
<div class="col-lg-6" style="padding-top: 15px;padding-bottom: 15px;color:#248ece;">
<div style="font-size: 18px;padding: 8px 0;border-bottom: 1px solid #248ece;">物流</div>
<div style="margin-top: 15px;margin-bottom: 15px;text-align: center;"><span style="line-height: 40px;">正在建设中...</span>
</div>
<div class="text-right"><a href="/Service/Partners/Case">更多»</a></div>
</div>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#partners-index-carousel"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#partners-index-carousel"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
</div>
</template>
<script>
export default {
methods: {
handleToBe() {
this.$router.push({path: '/Service/Partners/Join'})
},
handleToFind() {
this.$router.push({path: '/Service/Partners/List'})
},
},
};
</script>
<style lang="scss">
.n-service.partners-index {
.img-1_ {
width: 300px;
margin: 0 10px 10px 0;
}
.link-notice {
padding-top: 20px;
margin: 50px 0 0;
border-top: 1px solid #ccc;
width: 100%;
.notice {
text-align: center;
margin: 0 0 15px;
padding: 0 0 10px;
img {
max-width: 90%;
max-height: 100%;
}
p {
font-weight: bold;
font-size: 14px;
color: #454545;
}
}
}
p {
font-family: PingFangSC-Regular, PingFang SC;
margin: 10px 0;
font-size: 14px;
font-weight: 400;
color: #414345;
text-indent: 2em;
}
.barcodev-title {
display: inline-block;
font-size: 16px;
font-weight: 500;
color: #F26335;
margin: 10px 0;
}
}
#partners-index-carousel {
.carousel-control-prev, .carousel-control-next {
width: 50px;
}
.text-right {
text-align: right;
}
.row {
min-height: 280px;
padding: 20px 50px;
background-color: #ef9fba;
img {
max-width: 90%;
text-align: center;
}
}
}
</style>
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