Skip to content

G
gs1
Commit bf2437a0 by 林家欣
Options

Merge branch 'master' of https://gitee.com/gs1-office-web-sit/gs1

parents 9d771e62 bd1808ab
Showing with 3164 additions and 948 deletions
src/router/index.js
......@@ -8,867 +8,955 @@ Vue.use(VueRouter);
// 解决首页路由跳转的时候同一个路由多次添加，未跳转完成就重复跳转
const routerPush = VueRouter.prototype.push;
VueRouter.prototype.push = function push(to) {
return routerPush.call(this, to).catch((err) => err);
return routerPush.call(this, to).catch((err) => err);
};
const routes = [
{
path: "/",
redirect: "/Home",
},
{
path: "/Home",
name: "Home",
component: main,
meta: {
name: "首页",
},
children: [
{
{
path: "/",
component: () => import("@/views/Home/index"),
},
{
path: "/Home/sousuo",
name: "sousuo",
component: () => import("@/views/Home/sousuo"),
},
{
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",
redirect: "/Home",
},
{
path: "/Home",
name: "Home",
component: main,
meta: {
name: "业务大厅",
name: "首页",
},
component: () => import("@/views/Business/index"),
redirect: '/Business/Register',
children: [
{
path: "/Business/Register",
name: "Register",
meta: {
name: "我要申请商品条码",
{
path: "/",
component: () => import("@/views/Home/index"),
},
component: () => import("@/views/Business/Register.vue"),
},
{
path: "/Business/Guide",
name: "Guide",
meta: {
name: "操作指南",
{
path: "/Home/sousuo",
name: "sousuo",
component: () => import("@/views/Home/sousuo"),
},
redirect: {
path: '/Business/Guide1',
query: {
id: '1-1'
}
{
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: {
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",
name: "Guide3",
meta: {
name: "我要申请商品条码",
fatherPath: '/Business/Guide',
},
component: () => import("@/views/Business/Guide1.vue"),
},
{
path: "/Business/Guide2",
name: "Guide2",
meta: {
name: "我要编码",
fatherPath: '/Business/Guide',
},
component: () => import("@/views/Business/Guide2.vue"),
},
{
path: "/Business/Guide3",
name: "Guide3",
meta: {
name: "我要通报编码信息",
fatherPath: '/Business/Guide',
},
component: () => import("@/views/Business/Guide3.vue"),
},
{
path: "/Business/Guide4",
name: "Guide4",
meta: {
name: "微信共享",
fatherPath: '/Business/Guide',
},
component: () => import("@/views/Business/Guide4.vue"),
},
{
path: "/Business/Guide5",
name: "Guide5",
meta: {
name: "我要培训",
fatherPath: '/Business/Guide',
},
component: () => import("@/views/Business/Guide5.vue"),
},
{
path: "/Business/Guide6",
name: "Guide6",
meta: {
name: "我要续展",
fatherPath: '/Business/Guide',
},
component: () => import("@/views/Business/Guide6.vue"),
},
{
path: "/Business/Code2",
name: "Code2",
meta: {
name: "非零售商品",
fatherPath: '/Business/Code',
},
component: () => import("@/views/Business/Code2.vue"),
},
{
path: "/Business/Code3",
name: "Code3",
meta: {
name: "物流单元",
fatherPath: '/Business/Code',
},
component: () => import("@/views/Business/Code3.vue"),
},
{
path: "/Business/Guide7",
name: "Guide7",
meta: {
name: "我要咨询",
fatherPath: '/Business/Guide',
},
component: () => import("@/views/Business/Guide7.vue"),
},
{
path: "/Business/Code1",
name: "Code1",
meta: {
name: "零售商品",
fatherPath: '/Business/Code',
},
component: () => import("@/views/Business/Code1.vue"),
},
{
path: "/Business/Guide8",
name: "Guide8",
meta: {
name: "常见问题",
fatherPath: '/Business/Guide',
},
component: () => import("@/views/Business/Fap.vue"),
},
{
path: "/Business/Corppaynew",
name: "Corppaynew",
meta: {
name: "收费公示",
},
component: () => import("@/views/Business/Corppaynew.vue"),
},
{
path: "/Business/Corppay",
name: "Corppay",
meta: {
name: "收费目录清单",
},
component: () => import("@/views/Business/Corppay.vue"),
},
{
path: "/Business/serviceFee",
name: "serviceFee",
meta: {
name: "其他增值服务费",
},
component: () => import("@/views/Business/serviceFee.vue"),
},
{
path: "/Business/Notice",
name: "Notice",
meta: {
name: "条码公告",
},
component: () => import("@/views/Business/Notice.vue"),
},
{
path: "/Business/Training",
name: "",
meta: {
name: "我要培训——现场培训/线上培训",
},
redirect: '/Service/Training',
},
{
path: "/Business/Renewal",
name: "Renewal",
meta: {
name: "我要续展",
},
component: () => import("@/views/Business/Renewal.vue"),
},
{
path: "/Business/Code",
name: "Code",
meta: {
name: "我要编码",
},
redirect: {
path: '/Business/Code1',
query: {
id: '1-1'
}
},
},
{
path: "/Business/2dcode",
name: "2dcode",
meta: {
name: "我要生成商品二维码",
},
component: () => import("@/views/Business/2dcode.vue"),
},
{
path: "/Business/FoodSafety",
name: "FoodSafety",
meta: {
name: "我要追溯",
},
component: () => import("@/views/Business/FoodSafety.vue"),
},
{
path: "/Business/BarcodeV",
name: "BarcodeV",
meta: {
name: "条码微站",
},
component: () => import("@/views/Business/BarcodeV.vue"),
},
{
path: "/Business/UDI",
name: "UDI",
meta: {
name: "我要申请医疗器械唯一标识（UDI）",
},
component: () => import("@/views/Business/UDI.vue"),
},
{
path: "/Business/ypzs",
name: "ypzs",
meta: {
name: "我要申请药品追溯码",
},
component: () => import("@/views/Business/ypzs.vue"),
},
{
path: "/Business/GLN",
name: "GLN",
meta: {
name: "办理全球位置码(GLN)",
},
component: () => import("@/views/Business/GLN.vue"),
},
{
path: "/Business/cpdzdm",
name: "cpdzdm",
meta: {
name: "办理产品电子代码（EPC）",
},
component: () => import("@/views/Business/cpdzdm.vue"),
},
{
path: "/Business/GIAI",
name: "GIAI",
meta: {
name: "办理资产标识代码",
},
component: () => import("@/views/Business/GIAI.vue"),
},
{
path: "/Business/GSRN",
name: "GSRN",
meta: {
name: "办理全球服务关系代码",
},
component: () => import("@/views/Business/GSRN.vue"),
},
{
path: "/Business/Animalcode",
name: "Animalcode",
meta: {
name: "办理动物管理者代码",
},
component: () => import("@/views/Business/Animalcode.vue"),
},
],
},
{
path: "/Service/Training",
name: "Training",
meta: {
name: "培训计划",
},
component: () => import("@/views/Business/Training.vue"),
},
{
path: "/News/index",
name: "newsIndex",
meta: {
name: "资讯中心",
},
component: () => import("@/views/News/index.vue"),
},
{
path: "/News",
name: "News",
meta: {
name: "资讯中心",
},
component: () => import("@/views/News/main.vue"),
children: [
{
path: "/News/PicNews",
name: "PicNews",
meta: {
name: "图片资讯",
},
component: () => import("@/views/News/PicNews.vue"),
},
{
path: "/News/Composite",
name: "Composite",
meta: {
name: "综合报道",
},
component: () => import("@/views/News/Composite.vue"),
},
{
path: "/News/Center",
name: "Center",
meta: {
name: "中心活动",
},
component: () => import("@/views/News/Center.vue"),
},
{
path: "/News/Local",
name: "Local",
meta: {
name: "地方动态",
},
component: () => import("@/views/News/Local.vue"),
},
{
path: "/News/International",
name: "International",
meta: {
name: "国际追踪",
},
component: () => import("@/views/News/International.vue"),
},
{
path: "/News/Research",
name: "Research",
meta: {
name: "标准科研动态",
{
path: "/Business/Guide1",
name: "Guide3",
meta: {
name: "我要申请商品条码",
fatherPath: '/Business/Guide',
},
component: () => import("@/views/Business/Guide1.vue"),
},
{
path: "/Business/Guide2",
name: "Guide2",
meta: {
name: "我要编码",
fatherPath: '/Business/Guide',
},
component: () => import("@/views/Business/Guide2.vue"),
},
{
path: "/Business/Guide3",
name: "Guide3",
meta: {
name: "我要通报编码信息",
fatherPath: '/Business/Guide',
},
component: () => import("@/views/Business/Guide3.vue"),
},
{
path: "/Business/Guide4",
name: "Guide4",
meta: {
name: "微信共享",
fatherPath: '/Business/Guide',
},
component: () => import("@/views/Business/Guide4.vue"),
},
{
path: "/Business/Guide5",
name: "Guide5",
meta: {
name: "我要培训",
fatherPath: '/Business/Guide',
},
component: () => import("@/views/Business/Guide5.vue"),
},
{
path: "/Business/Guide6",
name: "Guide6",
meta: {
name: "我要续展",
fatherPath: '/Business/Guide',
},
component: () => import("@/views/Business/Guide6.vue"),
},
{
path: "/Business/Code2",
name: "Code2",
meta: {
name: "非零售商品",
fatherPath: '/Business/Code',
},
component: () => import("@/views/Business/Code2.vue"),
},
{
path: "/Business/Code3",
name: "Code3",
meta: {
name: "物流单元",
fatherPath: '/Business/Code',
},
component: () => import("@/views/Business/Code3.vue"),
},
{
path: "/Business/Guide7",
name: "Guide7",
meta: {
name: "我要咨询",
fatherPath: '/Business/Guide',
},
component: () => import("@/views/Business/Guide7.vue"),
},
{
path: "/Business/Code1",
name: "Code1",
meta: {
name: "零售商品",
fatherPath: '/Business/Code',
},
component: () => import("@/views/Business/Code1.vue"),
},
{
path: "/Business/Guide8",
name: "Guide8",
meta: {
name: "常见问题",
fatherPath: '/Business/Guide',
},
component: () => import("@/views/Business/Fap.vue"),
},
{
path: "/Business/Corppaynew",
name: "Corppaynew",
meta: {
name: "收费公示",
},
component: () => import("@/views/Business/Corppaynew.vue"),
},
{
path: "/Business/Corppay",
name: "Corppay",
meta: {
name: "收费目录清单",
},
component: () => import("@/views/Business/Corppay.vue"),
},
{
path: "/Business/serviceFee",
name: "serviceFee",
meta: {
name: "其他增值服务费",
},
component: () => import("@/views/Business/serviceFee.vue"),
},
{
path: "/Business/Notice",
name: "Notice",
meta: {
name: "条码公告",
},
component: () => import("@/views/Business/Notice.vue"),
},
{
path: "/Business/Training",
name: "",
meta: {
name: "我要培训——现场培训/线上培训",
},
redirect: '/Service/Training',
},
{
path: "/Business/Renewal",
name: "Renewal",
meta: {
name: "我要续展",
},
component: () => import("@/views/Business/Renewal.vue"),
},
{
path: "/Business/Code",
name: "Code",
meta: {
name: "我要编码",
},
redirect: {
path: '/Business/Code1',
query: {
id: '1-1'
}
},
},
{
path: "/Business/2dcode",
name: "2dcode",
meta: {
name: "我要生成商品二维码",
},
component: () => import("@/views/Business/2dcode.vue"),
},
{
path: "/Business/FoodSafety",
name: "FoodSafety",
meta: {
name: "我要追溯",
},
component: () => import("@/views/Business/FoodSafety.vue"),
},
{
path: "/Business/BarcodeV",
name: "BarcodeV",
meta: {
name: "条码微站",
},
component: () => import("@/views/Business/BarcodeV.vue"),
},
{
path: "/Business/UDI",
name: "UDI",
meta: {
name: "我要申请医疗器械唯一标识（UDI）",
},
component: () => import("@/views/Business/UDI.vue"),
},
{
path: "/Business/ypzs",
name: "ypzs",
meta: {
name: "我要申请药品追溯码",
},
component: () => import("@/views/Business/ypzs.vue"),
},
{
path: "/Business/GLN",
name: "GLN",
meta: {
name: "办理全球位置码(GLN)",
},
component: () => import("@/views/Business/GLN.vue"),
},
{
path: "/Business/cpdzdm",
name: "cpdzdm",
meta: {
name: "办理产品电子代码（EPC）",
},
component: () => import("@/views/Business/cpdzdm.vue"),
},
{
path: "/Business/GIAI",
name: "GIAI",
meta: {
name: "办理资产标识代码",
},
component: () => import("@/views/Business/GIAI.vue"),
},
{
path: "/Business/GSRN",
name: "GSRN",
meta: {
name: "办理全球服务关系代码",
},
component: () => import("@/views/Business/GSRN.vue"),
},
{
path: "/Business/Animalcode",
name: "Animalcode",
meta: {
name: "办理动物管理者代码",
},
component: () => import("@/views/Business/Animalcode.vue"),
},
],
},
component: () => import("@/views/News/Research.vue"),
},
{
path: "/News/Research",
name: "Research",
meta: {
name: "标准科研动态",
{
path: "/Service/Training",
name: "Training",
meta: {
name: "培训计划",
},
component: () => import("@/views/Business/Training.vue"),
},
component: () => import("@/views/News/Research.vue"),
},
{
path: "/News/Application",
name: "Application",
meta: {
name: "行业应用",
{
path: "/News/index",
name: "newsIndex",
meta: {
name: "资讯中心",
},
component: () => import("@/views/News/index.vue"),
},
component: () => import("@/views/News/Application.vue"),
},
{
path: "/News/DepthTopics",
name: "DepthTopics",
meta: {
name: "深度专题",
{
path: "/News",
name: "News",
meta: {
name: "资讯中心",
},
component: () => import("@/views/News/main.vue"),
children: [
{
path: "/News/PicNews",
name: "PicNews",
meta: {
name: "图片资讯",
},
component: () => import("@/views/News/PicNews.vue"),
},
{
path: "/News/Composite",
name: "Composite",
meta: {
name: "综合报道",
},
component: () => import("@/views/News/Composite.vue"),
},
{
path: "/News/Center",
name: "Center",
meta: {
name: "中心活动",
},
component: () => import("@/views/News/Center.vue"),
},
{
path: "/News/Local",
name: "Local",
meta: {
name: "地方动态",
},
component: () => import("@/views/News/Local.vue"),
},
{
path: "/News/International",
name: "International",
meta: {
name: "国际追踪",
},
component: () => import("@/views/News/International.vue"),
},
{
path: "/News/Research",
name: "Research",
meta: {
name: "标准科研动态",
},
component: () => import("@/views/News/Research.vue"),
},
{
path: "/News/Research",
name: "Research",
meta: {
name: "标准科研动态",
},
component: () => import("@/views/News/Research.vue"),
},
{
path: "/News/Application",
name: "Application",
meta: {
name: "行业应用",
},
component: () => import("@/views/News/Application.vue"),
},
{
path: "/News/DepthTopics",
name: "DepthTopics",
meta: {
name: "深度专题",
},
component: () => import("@/views/News/DepthTopics.vue"),
},
{
path: "/News/Video",
name: "Video",
meta: {
name: "精彩视频",
},
component: () => import("@/views/News/Video.vue"),
},
{
path: "/News/Notice",
name: "Notice",
meta: {
name: "公告通知",
},
component: () => import("@/views/News/Notice.vue"),
},
{
path: "/News/FoodSafety",
name: "FoodSafety",
meta: {
name: "食品安全追溯",
},
component: () => import("@/views/News/FoodSafety.vue"),
},
{
path: "/News/MCommerce",
name: "MCommerce",
meta: {
name: "移动商务",
},
component: () => import("@/views/News/MCommerce.vue"),
},
{
path: "/News/IoT",
name: "IoT",
meta: {
name: "物联网",
},
component: () => import("@/views/News/IoT.vue"),
},
{
path: "/News/Other",
name: "Other",
meta: {
name: "其他",
},
component: () => import("@/views/News/Other.vue"),
},
]
},
component: () => import("@/views/News/DepthTopics.vue"),
},
{
path: "/News/Video",
name: "Video",
meta: {
name: "精彩视频",
{
path: "/News/msg",
name: "msg",
meta: {
name: "资讯中心详情",
},
component: () => import("@/views/News/msg.vue"),
},
component: () => import("@/views/News/Video.vue"),
},
{
path: "/News/Notice",
name: "Notice",
meta: {
name: "公告通知",
{
path: "/News/Health",
name: "Health",
meta: {
name: "医疗卫生",
},
component: () => import("@/views/News/Health.vue"),
},
component: () => import("@/views/News/Notice.vue"),
},
{
path: "/News/FoodSafety",
name: "FoodSafety",
meta: {
name: "食品安全追溯",
{
path: "/News/StatuteDes",
name: "StatuteDes",
meta: {
name: "药品",
},
component: () => import("@/views/News/StatuteDes.vue"),
},
component: () => import("@/views/News/FoodSafety.vue"),
},
{
path: "/News/MCommerce",
name: "MCommerce",
meta: {
name: "移动商务",
{
path: "/News/Retail",
name: "Retail",
meta: {
name: "零售",
},
component: () => import("@/views/News/Retail.vue"),
},
component: () => import("@/views/News/MCommerce.vue"),
},
{
path: "/News/IoT",
name: "IoT",
meta: {
name: "物联网",
{
path: "/News/Logistics",
name: "Logistics",
meta: {
name: "物流",
},
component: () => import("@/views/News/Logistics.vue"),
},
component: () => import("@/views/News/IoT.vue"),
},
{
path: "/News/Other",
name: "Other",
meta: {
name: "其他",
{
path: "/News/ECommerce",
name: "ECommerce",
meta: {
name: "电子商务",
},
component: () => import("@/views/News/ECommerce.vue"),
},
component: () => import("@/views/News/Other.vue"),
},
]
},
{
path: "/News/msg",
name: "msg",
meta: {
name: "资讯中心详情",
},
component: () => import("@/views/News/msg.vue"),
},
{
path: "/News/Health",
name: "Health",
meta: {
name: "医疗卫生",
},
component: () => import("@/views/News/Health.vue"),
},
{
path: "/News/StatuteDes",
name: "StatuteDes",
meta: {
name: "药品",
},
component: () => import("@/views/News/StatuteDes.vue"),
},
{
path: "/News/Retail",
name: "Retail",
meta: {
name: "零售",
},
component: () => import("@/views/News/Retail.vue"),
},
{
path: "/News/Logistics",
name: "Logistics",
meta: {
name: "物流",
},
component: () => import("@/views/News/Logistics.vue"),
},
{
path: "/News/ECommerce",
name: "ECommerce",
meta: {
name: "电子商务",
},
component: () => import("@/views/News/ECommerce.vue"),
},
{
path: "/Knowledge",
name: "Knowledge",
meta: {
name: "知识中心",
},
component: () => import("@/views/Knowledge/index"),
children: [
]
},
{
path: "/Knowledge/TeKIndex",
name: "TeKIndex",
meta: {
name: "技术标准",
},
component: () => import("@/views/Knowledge/TeKIndex.vue"),
children:[
{
path: "/Knowledge/ANCCSystem",
name: "ANCCSystem",
meta: {
name: "国家物品编码体系",
},
component: () => import("@/views/Knowledge/ANCCSystem.vue"),
},
{
path: "/Knowledge/GS1System2",
name: "GS1System",
meta: {
name: "GS1系统",
{
path: "/Knowledge",
name: "Knowledge",
meta: {
name: "知识中心",
},
component: () => import("@/views/Knowledge/index"),
children: []
},
component: () => import("@/views/Knowledge/GS1System2.vue"),
{
path: "/Knowledge/TeKIndex",
name: "TeKIndex",
meta: {
name: "技术标准",
},
component: () => import("@/views/Knowledge/TeKIndex.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/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/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系统",
{
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"),
},
]
},
component: () => import("@/views/Knowledge/GS1System2.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/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: "二维条码",
{
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"),
},
]
},
component: () => import("@/views/Knowledge/GS1System/ewbm.vue"),
},
{
path: "/Knowledge/GS1System/gxfECR",
name: "gxfECR",
meta: {
name: "高效消费者响应（ECR）",
{
path: "/Knowledge/Statute",
name: "Statute",
meta: {
name: "政策法规",
},
component: () => import("@/views/Knowledge/Statute.vue"),
},
//成员专区
{
path: "/Member",
name: "Member",
meta: {
name: "成员专区",
},
component: () => import("@/views/Member/index.vue"),
},
component: () => import("@/views/Knowledge/GS1System/gxfECR.vue"),
},
{
path: "/Knowledge/GS1System/ebxml",
name: "ebXML",
meta: {
name: "ebXML",
{
path: "/djwhlist",
name: "djwhlist",
component: () => import("@/views/Djwh/djwhlist"),
},
component: () => import("@/views/Knowledge/GS1System/ebxml.vue"),
},
]
},
{
path: "/Knowledge/Statute",
name: "Statute",
meta: {
name: "政策法规",
},
component: () => import("@/views/Knowledge/Statute.vue"),
},
//成员专区
{
path: "/Member",
name: "Member",
meta: {
name: "成员专区",
},
component: () => import("@/views/Member/index.vue"),
},
{
path: "/djwhlist",
name: "djwhlist",
component: () => import("@/views/Djwh/djwhlist"),
},
//个人中心
{
path: "/MyManage",
name: "MyManage",
component: () => import("@/views/MyManage/index"),
children:[
{
path: "/MyManage/UnVerify/index",
name: "UnVerify",
meta: {
name: "首页",
},
component: () => import("@/views/MyManage/UnVerify/index.vue"),
},
//个人中心
{
path: "/MyManage",
name: "MyManage",
component: () => import("@/views/MyManage/index"),
children: [
// 未注册用户
{
path: "/MyManage/UnVerify/index",
name: "UnVerify",
meta: {
name: "首页",
},
component: () => import("@/views/MyManage/UnVerify/index.vue"),
},
{
path: "/MyManage/UnVerify/vendor",
name: "vendor",
meta: {
name: "厂商实名认证",
},
component: () => import("@/views/MyManage/UnVerify/vendor.vue"),
},
{
path: "/MyManage/UnVerify/calibration",
name: "calibration",
meta: {
name: "检测校验申请",
},
component: () => import("@/views/MyManage/UnVerify/calibration.vue"),
},
{
path: "/MyManage/UnVerify/personalInfo",
name: "personalInfo",
meta: {
name: "个人资料",
},
component: () => import("@/views/MyManage/UnVerify/personalInfo.vue"),
},
{
path: "/MyManage/UnVerify/changePass",
name: "changePass",
meta: {
name: "修改登录密码",
},
component: () => import("@/views/MyManage/UnVerify/changePass.vue"),
},
{
path: "/MyManage/UnVerify/changePhone",
name: "changePhone",
meta: {
name: "修改手机号码",
},
component: () => import("@/views/MyManage/UnVerify/changePhone.vue"),
},
// 系统成员
{
path: "/MyManage/SystemMember/index",
name: "SystemMember",
meta: {
name: "首页",
},
component: () => import("@/views/MyManage/SystemMember/index.vue"),
},
// 管理员 START
{
path: "/MyManage/admin/check",
name: "MyManage/admin/check",
meta: {
name: "业务审核",
},
component: () => import("@/views/MyManage/Admin/check.vue"),
},
{
path: "/MyManage/admin/code",
name: "MyManage/admin/code",
meta: {
name: "统一产品编码",
},
component: () => import("@/views/MyManage/Admin/code.vue"),
},
{
path: "/MyManage/admin/status_change",
name: "MyManage/admin/status_change",
meta: {
name: "审核状态修改",
},
component: () => import("@/views/MyManage/Admin/statusChange.vue"),
},
{
path: "/MyManage/admin/ent_info",
name: "MyManage/admin/ent_info",
meta: {
name: "企业信息修改",
},
component: () => import("@/views/MyManage/Admin/entInfo.vue"),
},
{
path: "/MyManage/admin/log",
name: "MyManage/admin/log",
meta: {
name: "日志查看",
},
component: () => import("@/views/MyManage/Admin/log.vue"),
},
]
},
]
},
],
},
......@@ -929,20 +1017,19 @@ const routes = [
},
],
},
{
},
{
path: "/djwh",
name: "djwh",
component: () => import("@/views/Djwh/index"),
},
},
service,
{
path: "/login",
name: "login",
......@@ -967,15 +1054,14 @@ const routes = [
path: "*",
redirect: "/404",
},
];
const router = new VueRouter({
mode: "history",
base: process.env.BASE_URL,
routes,
mode: "history",
base: process.env.BASE_URL,
routes,
});
export default router;
src/views/MyManage/Admin/check.vue 0 → 100644
<template>
<div class="gs_admin_check">
<div class="dashboard" v-show="!showUnCheck&&!showCheckDetail">
<div class="card_wrapper">
<div class="title">企业实名认证</div>
<div class="body">
<div class="card"
@click="handleClick(item)"
:style="{borderLeftColor:item.color}"
:key="item.key"
v-for="item in realNameCertification">
<div class="content">
<div class="card_title">{{ item.label }}</div>
<div class="nums">{{ item.amount }}</div>
</div>
</div>
</div>
</div>
<div class="card_wrapper">
<div class="title">企业实名认证(变更)</div>
<div class="body">
<div class="card"
@click="handleClick(item)"
:style="{borderLeftColor:item.color}"
:key="item.key"
v-for="item in realNameCertificationChange">
<div class="content">
<div class="card_title">{{ item.label }}</div>
<div class="nums">{{ item.amount }}</div>
</div>
</div>
</div>
</div>
</div>
<div class="card_wrapper uncheck-table" v-if="showUnCheck">
<div class="title">等待审核
<span class="back_btn" @click="showUnCheck=false">返回</span>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
showUnCheck: false,
showCheckDetail: false,
realNameCertification: [
{
key: '1',
label: '等待审核',
amount: '641',
color: '#2F7CF1'
},
{
key: '2',
label: '已通过审核',
amount: '10,388',
color: '#3ABD79'
},
{
key: '3',
label: '未通过审核',
amount: '385',
color: '#F8A702'
},
{
key: '4',
label: '申请总数',
amount: '11,414',
color: '#F26335'
}
],
realNameCertificationChange: [
{
key: '1',
label: '等待审核',
amount: '17',
color: '#2F7CF1'
},
{
key: '2',
label: '已通过审核',
amount: '77',
color: '#3ABD79'
},
{
key: '3',
label: '未通过审核',
amount: '1',
color: '#F8A702'
},
{
key: '4',
label: '申请总数',
amount: '95',
color: '#F26335'
}
],
}
},
methods: {
handleClick(item) {
console.log(item)
if (item.label === "等待审核") {
this.showUnCheck = true;
}
}
},
}
</script>
<style lang="scss" scoped>
.gs_admin_check {
.dashboard {
}
.card_wrapper {
height: 217px;
background: #FFFFFF;
border-radius: 2px;
margin-bottom: 14px;
.title {
padding-left: 40px;
padding-right: 30px;
height: 57px;
line-height: 56px;
font-size: 16px;
font-weight: 500;
color: #F26335;
border-bottom: 1px solid #F3F3F3;
.back_btn {
float: right;
cursor: pointer;
font-size: 13px;
font-weight: 400;
color: #F26335;
}
}
.body {
padding: 30px 0 30px 40px;
}
.card {
cursor: pointer;
float: left;
width: 190px;
height: 100px;
background: #FFFFFF;
box-shadow: 0px 4px 15px 2px rgba(4, 64, 141, 0.08);
border-radius: 4px;
overflow: hidden;
margin-right: 34px;
border-left: 3px solid transparent;
transition: .2s;
&:hover {
box-shadow: 0px 6px 20px 4px rgba(4, 64, 141, 0.12);
}
.content {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
padding-left: 27px;
padding-top: 18px;
.card_title {
font-size: 12px;
font-weight: 400;
color: #999999;
margin-bottom: 10px;
}
.nums {
height: 37px;
font-size: 32px;
font-family: ArialRoundedMTBold;
color: #F26335;
line-height: 37px;
}
}
}
}
}
</style>
src/views/MyManage/Admin/entInfo.vue 0 → 100644
<template>
</template>
<script>
export default {
name: "index"
}
</script>
<style scoped>
</style>
src/views/MyManage/Admin/log.vue 0 → 100644
<template>
</template>
<script>
export default {
name: "index"
}
</script>
<style scoped>
</style>
src/views/MyManage/Admin/statusChange.vue 0 → 100644
<template>
</template>
<script>
export default {
name: "index"
}
</script>
<style scoped>
</style>
src/views/MyManage/SystemMember/index.vue
<template>
<div class="container2">
<div class="header">
<p>网站最新推出<a href="#">在线注册</a> &nbsp;&nbsp;<a href="#">在线续展</a>&nbsp;&nbsp;<a href="#"> 产品信息通报</a>等业务</p>
</div>
<div class="content">
<div class="title">业务提醒专区</div>
<div class="content-list">
<ul>
<li>
<p class="content-title">商品条码相关业务</p>
<p><i class="bi bi-check-circle-fill"></i>您已成为中国物品编码中心系统成员！</p>
<p style="padding-left:24px">您可以——前往<a href="#">网上业务大厅</a> 办理商品条码续展，变更，子公司备案等业务！</p>
<p style="padding-left:24px">您可以——前往<a href="#">中国商品信息服务平台 </a> 办理以下业务：</p>
<div class="p-list">
<p style="padding-left:24px">产品信息通报——一键获取商品条码，无需自行编制；满足信息通报的法规要求，建立条码档案。</p>
<p style="padding-left:24px">微信共享——共享产品信息至微信，实现对外扫码查询。</p>
<p style="padding-left:24px">易码追溯——进行产品质量安全追溯，提升产品信誉度。</p>
<p style="padding-left:24px">条码商桥——建立标准化产品数字档案，支持深度供应链应用。</p>
<p style="padding-left:24px">GS1全球注册平台——发布产品至GS1全球数据平台，促进跨境贸易。</p>
<p style="padding-left:24px">条码微站——深度应用二维码，连接您与消费者。</p>
<p style="padding-left:24px">条码胶片——自动生成符合国家标准的条码图片，可快速应用到产品包装。</p>
</div>
</li>
<!-- 未完成企业信息 -->
<li>
<p class="content-title">检测校准申请（办理“条码印制品检测”、“条码检测仪校准”等业务需先完成此申请）</p>
<p><i class="bi bi-check-circle-fill"></i>您已成为中国物品编码中心系统成员，请点击<a href="#">导入企业信息</a> 后，申请办理以下业务！</p>
<p>1、条码印制品检测</p>
<p class="list-cnt">对商品条码、商品二维码、GS1通用规范（GS1 General Specifications）、医疗UDI、汽车零部件标识、追溯码、服装条码、名片二维码、物流编码等提供检验检测服务，出具检验检测报告。</p>
<p>2、条码检测仪校准</p>
<p class="list-cnt">对条码检测仪的最高反射率、最低反射率、可译码度、缺陷度、轴向不一致性、网格不一致性、反差一致性等测量参数进行校准，出具校准证书。</p>
</li>
<!-- 已完成企业信息 -->
<li>
<p class="content-title">检测校准申请（办理“条码印制品检测”、“条码检测仪校准”等业务需先完成此申请）</p>
<p><i class="bi bi-check-circle-fill"></i>您已成为中国物品编码中心检验检测/校准客户！</p>
<p style="padding-left:24px">您可以——办理条码印制品检测</p>
<p style="padding-left:24px">您可以——办理条码检测仪校准</p>
<p style="padding-left:24px">若想申请办理上述业务，请您联系：</p>
<p style="padding-left:24px">王工<i class="bi bi-telephone-fill color-grey"></i>010-84295493 <i class="bi bi-envelope-fill color-grey"></i>wanghy@ancc.org.cn <i class="qe color-grey"></i>2308350380</p>
<p style="padding-left:24px">胡工<i class="bi bi-telephone-fill color-grey"></i>010-84295499 <i class="bi bi-envelope-fill color-grey"></i>hum@ancc.org.cn&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="qe color-grey"></i>1246978728</p>
</li>
</ul>
</div>
</div>
</div>
</template>
......@@ -8,6 +57,119 @@ export default {
}
</script>
<style scoped>
<style lang="scss" scoped>
.container2{
.header{
min-height: 50px;
background: #FEF1EC;
text-align: center;
color: #F26335;
font-size: 16px;
p{
margin: 0;
line-height: 50px;
font-weight: 500;
a{
text-decoration: none;
color: #00799E;
}
}
}
.content{
@include module-box;
margin-top: 14px;
.title{
color: #F26335;
font-size: 16px;
padding: 20px 40px;
border: 1px solid #F3F3F3;
}
.content-list{
font-size: 14px;
line-height: 20px;
ul{
li{
margin-top: 19px;
border-bottom: 1px dashed #B4CDEB;
padding-bottom: 6px;
>p:first-child{
color: #414345;
font-weight:600;
}
>p:first-child::before{
content: "●";
color: #F26335;
margin-right: 5px;
}
p{
margin-bottom: 14px;
i{
color: #50C96B;
margin-right: 10px;
}
.color-grey{
color: #666666;
margin:0 5px 0 20px;
}
.qe{
display: inline-block;
width: 14px;
height: 14px;
background: url("../../../assets/image/mymanage/qe.png") no-repeat;
background-size: cover;
}
}
.list-cnt{
font-size: 13px;
color: #666666
}
.list-img{
margin-top: 31px;
text-align: center;
img{
width: 46px;
height: 46px;
margin-bottom: 16px;
}
}
.p-list{
p{
font-size: 13px;
line-height: 18px;
color: #666666;
}
p::before{
content: "*";
color: #F26335;
}
}
}
li:last-child{
border:none;
margin-bottom: 40px;
}
}
a{
text-decoration: none;
color: #00799E;
margin: 0 5px;
}
}
}
}
</style>
<style lang="scss" scoped>
.content{
@media screen and (max-width: 992px) {
ul {
padding: 0 10px;
}
}
}
</style>
\ No newline at end of file
src/views/MyManage/UnVerify/calibration.vue 0 → 100644
<template>
<div class="container2">
<div class="header">
<p><i class="bi bi-exclamation-triangle-fill"></i>办理“条码印制品检测、条码检测仪校准”等业务需先完成此申请</p>
</div>
<div class="content">
<div class="title">检测校准申请——填写实名信息 <a href="/MyManage/UnVerify">返回我的首页</a></div>
<div class="content-list">
<p >
<span>1.填写实名信息</span>
<span>2.提交书面材料</span>
<span>3.审核状态</span>
</p>
</div>
<div class="content-from">
<el-form ref='ruleForm'
label-position='right'
label-width='160px'
:model='form'>
<p class="content-from-title">企业信息填报</p>
<el-form-item label='企业名称(中文)：'
prop='chineseName'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input v-model='form.chineseName' autocomplete='off' placeholder="请输入企业中文名称"></el-input>
</el-form-item>
<el-form-item label='企业名称(英文)：'
prop='englishName'
>
<el-input v-model='form.englishName' autocomplete='off' placeholder="请输入企业英文名称"></el-input>
</el-form-item>
<el-form-item label='注册地址：'
prop='registeredAddress'
:rules="[{
required: true,
message: '不能为空',
}]"
>
<el-input placeholder="请输入注册地址" v-model="form.registeredAddress" class="input-with-select">
<el-select v-model="form.city" slot="prepend" placeholder="请选择" class="smallselect">
<el-option label="黑龙江" value="1" ></el-option>
</el-select>
</el-input>
</el-form-item>
<el-form-item label='注册地址(英文)：'
prop='englishRegisterAddr'
>
<el-input v-model='form.englishRegisterAddr' autocomplete='off' placeholder="请输入英文注册地址"></el-input>
</el-form-item>
<el-form-item label='注册地址邮政编码：'
prop='registerAddrCode'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input v-model='form.registerAddrCode' autocomplete='off' placeholder="请输入注册地址邮政编码"></el-input>
</el-form-item>
<el-form-item label='办公地址：'
prop='officeAddr'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input v-model='form.officeAddr' autocomplete='off' placeholder="请输入办公地址"></el-input>
</el-form-item>
<el-form-item label='办公地址(英文)：'
prop='englishOfficeAddr'
>
<el-input v-model='form.englishOfficeAddr' autocomplete='off' placeholder="请输入英文办公地址"></el-input>
</el-form-item>
<p class="content-from-title">行政区域信息填报</p>
<el-form-item label='统一社会信用代码：'
prop='creditCode'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input v-model='form.creditCode' autocomplete='off' placeholder="请输入统一社会信用代码"></el-input>
</el-form-item>
<el-form-item label='注册资金(万元)：'
prop='registeredCapital'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input v-model='form.registeredCapital' autocomplete='off' placeholder="请输入注册资金(万元)"></el-input>
</el-form-item>
<el-form-item label='货币种类：'
prop='currency'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-select v-model="form.currency" placeholder="请选择货币种类" >
<el-option label="" value="1" ></el-option>
</el-select>
</el-form-item>
<el-form-item label='企业类别：'
prop='enterpriseCategory'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-select v-model="form.enterpriseCategory" placeholder="请选择企业类别" >
<el-option label="" value="1" ></el-option>
</el-select>
</el-form-item>
<el-form-item label='经济类型代码：'
prop='economicTypeCode'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-select v-model="form.economicTypeCode" placeholder="请选择经济类型代码" >
<el-option label="" value="1" ></el-option>
</el-select>
</el-form-item>
<el-form-item label='国民经济行业分类代码：'
prop='nationalEconomyCode'
class="moreLong"
:rules="[{
required: true,
message: '不能为空',
}]">
<el-select v-model="form.branch" placeholder="请选择国民经济行业分类代码" >
<el-option label="" value="1" ></el-option>
</el-select>
</el-form-item>
<p class="content-from-title">法定人信息填报</p>
<el-form-item label='法定代表人：'
prop='legalRepresentative'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input v-model='form.legalRepresentative' autocomplete='off' placeholder="请输入法定代表人"></el-input>
</el-form-item>
<el-form-item label='法定代表人电话：'
prop='legalRepresentativeTel'
>
<el-input v-model='form.legalRepresentativeTel' autocomplete='off' placeholder="请输入法定代表人电话"></el-input>
</el-form-item>
<el-form-item label='上传已年检企业营业执照扫描件'
prop='uploadImg'
class="moreLong"
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input v-model='form.uploadImg' autocomplete='off' type="file" style="display:none"></el-input>
<el-button type="primary" style="width: 110px">上传</el-button>
</el-form-item>
<p class="content-from-title">经办人信息填报</p>
<el-form-item label='经办人姓名：'
prop='name'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input v-model='form.name' autocomplete='off' placeholder="请输入经办人姓名"></el-input>
</el-form-item>
<el-form-item label='电话：'
prop='tel'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input v-model='form.tel' autocomplete='off' placeholder="请输入电话"></el-input>
</el-form-item>
<el-form-item label='手机：'
prop='mobile'
:rules="[{
required: true,
message: '不能为空',
},
{ validator:checkMobileReg },
{ validator:checkMobile, trigger:'blur' },]">
<el-input v-model='form.mobile' autocomplete='off' placeholder="请输入手机"></el-input>
</el-form-item>
<el-form-item label='传真：'
prop='fax'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input v-model='form.email' autocomplete='off' placeholder="请输入传真"></el-input>
</el-form-item>
<el-form-item label='E-mail：'
prop='email'
:rules="[{
required: true,
message: '不能为空',
},
{ type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change']
}]">
<el-input v-model='form.email' autocomplete='off' placeholder="请输入E-mail"></el-input>
</el-form-item>
<p class="content-from-title">办理业务</p>
<el-form-item label='办理业务：'
prop='business'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-select v-model="form.business" placeholder="请选择办理业务" >
<el-option label="" value="1" ></el-option>
</el-select>
</el-form-item>
</el-form>
</div>
<div class="btn-div">
<el-button type="primary" @click="register" style="width: 110px">保 存</el-button>
<el-button style="width: 110px">取 消</el-button>
</div>
</div>
</div>
</template>
<script>
export default {
name: "index",
data() {
return {
hasSent: false,
timer: null,
time: 60,
form: {
chineseName:'',
englishName:'',
registeredAddress:'',
city:'1',
englishRegisterAddr:'',
registerAddrCode:'',
officeAddr:'',
englishOfficeAddr:'',
creditCode:'',
registeredCapital:'',
currency:'',
enterpriseCategory:'',
economicTypeCode:'',
nationalEconomyCode:'',
legalRepresentative:'',
legalRepresentativeTel:'',
name:'',
tel:'',
mobile:'',
fax:'',
email:'',
business:''
},
mobilePattern: /^((13[0-9])|(15[^4])|(18[0-9])|(17[0-8])|(147))\d{8}$/,
}
},
methods: {
register() {
},
checkMobileReg(rule, value, callback) {
if (value !== '') {
if (this.mobilePattern.test(value)) {
callback();
} else {
callback(new Error('手机号码格式不正确'));
}
}
},
checkMobile() {
console.log('checkMobile');
return new Promise((resolve) => {
resolve(true);
});
},
},
}
</script>
<style lang="scss" scoped>
.container2{
.header{
min-height: 50px;
background: #FEF1EC;
text-align: center;
color: #F26335;
font-size: 16px;
p{
margin: 0;
line-height: 50px;
font-weight: 500;
}
i{
margin-right: 11px;
}
}
.content{
@include module-box;
margin-top: 14px;
.title{
color: #F26335;
font-size: 16px;
padding: 20px 40px;
border: 1px solid #F3F3F3;
a{
text-decoration: none;
font-size: 13px;
line-height: 18px;
float:right;
color: #F26335;
}
}
.content-list{
font-size: 14px;
line-height: 20px;
text-align: center;
padding-top: 20px;
p{
font-size: 13px;
line-height: 18px;
display: flex;
text-align: center;
justify-content: center;
align-items: center;
span{
margin-top: 9px;
display: inline-block;
height: 41px;
width: 273px;
line-height: 41px;
}
span:first-child{
color: #fff;
background: url('../../../assets/image/mymanage/jcjy.png') no-repeat ;
background-size: 100% 100%;
}
span:nth-child(2){
background: url('../../../assets/image/mymanage/center.png') no-repeat ;
background-size: 100% 100%;
}
span:last-child{
background: url('../../../assets/image/mymanage/right.png') no-repeat ;
background-size: 100% 100%;
}
}
}
.content-from{
padding:0 40px;
width: 70%;
.content-from-title{
font-size: 14px;
line-height: 20px;
font-weight: 800;
color: #414345;
margin: 40px 0;
}
.content-from-title::before{
content: "◆";
color: #F26335;
margin-right: 5px;
}
.el-form {
/deep/.el-input{
font-size: 13px;
}
.smallselect{
width: 100px!important;
}
.el-button{
padding: 0;
border-radius: 4px;
}
.el-select{
width: 100%;
}
.moreLong{
/deep/.el-form-item__label{
line-height: 20px;
}
}
.el-input-group__append {
border-color: transparent;
border: none;
button.el-button--primary {
background-color: $theme-color1;
border-color: $theme-color1;
color: white;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.el-button--primary:hover, .el-button--primary:focus {
background: #f5825d;
border-color: #f5825d;
}
}
.bottom-btn .el-form-item__content {
display: flex;
justify-content: flex-end;
align-items: center;
color: #999999;
font-size: 13px;
.el-button {
font-size: 13px;
}
}
}
}
.btn-div{
border-top: 1px solid #F3F3F3;
margin-top: 30px;
text-align: center;
.el-button{
margin-top: 30px;
padding: 0;
height: 41px;
border-radius: 4px;
margin-bottom: 40px;
}
.el-button:last-child{
margin-left: 30px;
}
}
}
}
</style>
<style lang="scss" scoped>
@media (max-width: 768px) {
//<=768的设备
.container2 .content .content-from {
width: 100%;
margin: 0;
padding:0 10px;
}
.container2 .content .content-from .el-form .btn-div .el-button:last-child{
margin-left: 0px;
}
}
</style>
\ No newline at end of file
src/views/MyManage/UnVerify/changePass.vue 0 → 100644
<template>
<div class="container2">
<div class="content">
<div class="title">个人资料</div>
<div class="content-from">
<el-form ref='ruleForm'
label-position='right'
label-width='160px'
:model='form'>
<el-form-item label='原密码'
prop='rePassword'
type='password'
:rules="[{required: true,message: '不能为空',},
{ pattern: pwdPattern, message: '密码需要6～16位数字+字母组合',},
{ validator:validatePass,}]">
<el-input type='password' placeholder="请输入原密码" v-model='form.rePassword'></el-input>
</el-form-item>
<el-form-item label='新密码'
prop='password'
type='password'
:rules="[{required: true,message: '不能为空',},
{ pattern: pwdPattern, message: '密码需要6～16位数字+字母组合',},
{ validator:validatePass,}]">
<el-input type='password' placeholder="请输入新密码" v-model='form.password'></el-input>
</el-form-item>
<el-form-item label='验证密码'
prop='checkPassword'
:rules="[
{ required: true,message: '不能为空',},
{ validator: validatePass2 }
]">
<el-input type='password' placeholder="请再次输入密码" v-model='form.checkPassword'
></el-input>
</el-form-item>
</el-form>
</div>
<div class="btn-div">
<el-button type="primary" style="width: 110px">保 存</el-button>
</div>
</div>
</div>
</template>
<script>
export default {
name: "index",
data() {
return {
hasSent: false,
timer: null,
time: 60,
form: {
rePassword:'',
password:'',
checkPassword:'',
},
pwdPattern: /^(?=.*[a-zA-Z])(?=.*[0-9])[A-Za-z0-9]{6,16}$/,
}
},
methods: {
validatePass(rule, value, callback) {
if (this.form.checkPassword !== '') {
this.$refs.ruleForm.validateField('checkPassword');
}
callback();
},
validatePass2(rule, value, callback) {
if (value !== this.form.password) {
callback(new Error('两次输入密码不一致!'));
} else {
callback();
}
},
},
}
</script>
<style lang="scss" scoped>
.container2{
.content{
@include module-box;
margin-top: 14px;
.title{
color: #F26335;
font-size: 16px;
padding: 20px 40px;
border: 1px solid #F3F3F3;
a{
text-decoration: none;
font-size: 13px;
line-height: 18px;
float:right;
color: #F26335;
}
}
.content-from{
padding:0 40px;
width: 70%;
.content-from-title{
font-size: 14px;
line-height: 20px;
font-weight: 800;
color: #414345;
margin: 40px 0;
}
.content-from-title::before{
content: "◆";
color: #F26335;
margin-right: 5px;
}
.el-form {
margin-top: 36px;
.el-form-item{
margin-bottom: 20px;
}
/deep/.el-input{
font-size: 13px;
}
.smallselect{
width: 100px!important;
}
p{
color: #F31F1F;
font-size: 12px;
line-height: 20px;
margin-top: 10px;
margin-bottom: 0;
}
.el-button{
padding: 0;
border-radius: 4px;
}
.el-select{
width: 100%;
}
.moreLong{
/deep/.el-form-item__label{
line-height: 20px;
}
}
.el-input-group__append {
border-color: transparent;
border: none;
button.el-button--primary {
background-color: $theme-color1;
border-color: $theme-color1;
color: white;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.el-button--primary:hover, .el-button--primary:focus {
background: #f5825d;
border-color: #f5825d;
}
}
.bottom-btn .el-form-item__content {
display: flex;
justify-content: flex-end;
align-items: center;
color: #999999;
font-size: 13px;
.el-button {
font-size: 13px;
}
}
}
}
.btn-div{
text-align: center;
overflow: hidden;
.el-button{
float: right;
padding: 0;
height: 41px;
border-radius: 4px;
margin: 30px 40px 40px 0;
}
}
}
}
</style>
<style lang="scss" scoped>
@media (max-width: 768px) {
//<=768的设备
.container2 .content .content-from {
width: 100%;
margin: 0;
padding:0 10px;
}
}
</style>
\ No newline at end of file
src/views/MyManage/UnVerify/changePhone.vue 0 → 100644
<template>
<div class="container2">
<div class="content">
<div class="title">个人资料</div>
<div class="content-from">
<el-form ref='ruleForm'
label-position='right'
label-width='160px'
:model='form'>
<el-form-item label='手机号码'
prop='mobile'
:rules="[{
required: true,
message: '不能为空',
},
{ validator:checkMobileReg },
{ validator:checkMobile, trigger:'blur' },]">
<el-input v-model='form.mobile' autocomplete='off'></el-input>
</el-form-item>
<el-form-item label='手机验证码'
prop='validate'
:rules="[{
required: true,
message: '不能为空',
},{ validator: checkValidate, trigger:'blur' }]"
>
<el-input
v-model="form.validate"
placeholder="请输入短信验证码"
>
<template slot="append">
<el-button v-if="!hasSent" type="primary" @click.stop="sendValidateCode">发送验证码</el-button>
<el-button disabled v-else>
发送验证码({{ time }}S)
</el-button>
</template>
</el-input>
</el-form-item>
</el-form>
</div>
<div class="btn-div">
<el-button type="primary" style="width: 110px">保 存</el-button>
</div>
</div>
</div>
</template>
<script>
export default {
name: "index",
data() {
return {
hasSent: false,
timer: null,
time: 60,
form: {
mobile:'',
validate:''
},
mobilePattern: /^((13[0-9])|(15[^4])|(18[0-9])|(17[0-8])|(147))\d{8}$/,
}
},
methods: {
sendValidateCode() {
if (this.form.mobile === '') {
this.$message({type: 'error', message: '请输入手机号码'});
} else {
this.hasSent = true;
this.timer = setInterval(() => {
this.time -= 1;
if (this.time === 0) {
clearInterval(this.timer);
this.time = 60;
this.hasSent = false;
}
}, 1000);
}
},
checkMobileReg(rule, value, callback) {
if (value !== '') {
if (this.mobilePattern.test(value)) {
callback();
} else {
callback(new Error('手机号码格式不正确'));
}
}
},
checkMobile() {
console.log('checkMobile');
return new Promise((resolve) => {
resolve(true);
});
},
checkValidate() {
return new Promise((resolve) => {
resolve(true);
});
},
},
}
</script>
<style lang="scss" scoped>
.container2{
.content{
@include module-box;
margin-top: 14px;
.title{
color: #F26335;
font-size: 16px;
padding: 20px 40px;
border: 1px solid #F3F3F3;
a{
text-decoration: none;
font-size: 13px;
line-height: 18px;
float:right;
color: #F26335;
}
}
.content-from{
padding:0 40px;
width: 70%;
.el-form {
margin-top: 36px;
.smallselect{
width: 100px!important;
}
.el-select{
width: 100%;
}
.el-input-group__append {
border-color: transparent;
border: none;
button.el-button--primary {
background-color: $theme-color1;
border-color: $theme-color1;
color: white;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.el-button--primary:hover, .el-button--primary:focus {
background: #f5825d;
border-color: #f5825d;
}
}
.bottom-btn .el-form-item__content {
display: flex;
justify-content: flex-end;
align-items: center;
color: #999999;
font-size: 13px;
.el-button {
font-size: 13px;
}
}
}
}
.btn-div{
text-align: center;
overflow: hidden;
.el-button{
float: right;
padding: 0;
height: 41px;
border-radius: 4px;
margin: 30px 40px 40px 0;
}
}
}
}
</style>
<style lang="scss" scoped>
@media (max-width: 768px) {
//<=768的设备
.container2 .content .content-from {
width: 100%;
margin: 0;
padding:0 10px;
}
}
</style>
\ No newline at end of file
src/views/MyManage/UnVerify/index.vue
<template>
<div class="container">
<div class="container2">
<div class="header">
<p>网站最新推出<a href="#">在线注册</a> &nbsp;&nbsp;<a href="#">在线续展</a>&nbsp;&nbsp;<a href="#"> 产品信息通报</a>等业务</p>
</div>
......@@ -66,11 +66,11 @@
<li>
<p class="content-title">检测校准申请（办理“条码印制品检测”、“条码检测仪校准”等业务需先完成此申请）</p>
<p><i class="bi bi-check-circle-fill"></i>您已成为中国物品编码中心检验检测/校准客户！</p>
<p style="padding-left:24px">您已成为中国物品编码中心检验检测/校准客户！</p>
<p style="padding-left:24px">您可以——办理条码印制品检测</p>
<p style="padding-left:24px">您可以——办理条码检测仪校准</p>
<p style="padding-left:24px">若想申请办理上述业务，请您联系：</p>
<p style="padding-left:24px">王工：<i class="bi bi-telephone-fill color-grey"></i>010-84295493 <i class="bi bi-envelope-fill color-grey"></i>wanghy@ancc.org.cn <span class="qe"></span>2308350380</p>
<p style="padding-left:24px">胡工：<i class="bi bi-telephone-fill color-grey"></i>010-84295499 <i class="bi bi-envelope-fill color-grey"></i>hum@ancc.org.cn <span class="qe"></span>1246978728</p>
<p style="padding-left:24px">王工<i class="bi bi-telephone-fill color-grey"></i>010-84295493 <i class="bi bi-envelope-fill color-grey"></i>wanghy@ancc.org.cn <i class="qe color-grey"></i>2308350380</p>
<p style="padding-left:24px">胡工<i class="bi bi-telephone-fill color-grey"></i>010-84295499 <i class="bi bi-envelope-fill color-grey"></i>hum@ancc.org.cn&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="qe color-grey"></i>1246978728</p>
</li>
</ul>
</div>
......@@ -86,11 +86,9 @@ export default {
</script>
<style lang="scss" scoped>
.container{
.container2{
.header{
height: 50px;
min-height: 50px;
background: #FEF1EC;
text-align: center;
color: #F26335;
......@@ -141,13 +139,15 @@ export default {
}
.color-grey{
color: #666666;
margin-left: 5px;
margin:0 5px 0 20px;
}
.qe{
display: inline-block;
width: 13px;
height: 13px;
background: url("../../../assets/image/mymanage/qe.png") no-repeat 100% 100%;
width: 14px;
height: 14px;
background: url("../../../assets/image/mymanage/qe.png") no-repeat;
background-size: cover;
}
}
.list-cnt{
......@@ -179,3 +179,13 @@ export default {
}
}
</style>
<style lang="scss" scoped>
.content{
@media screen and (max-width: 992px) {
ul {
padding: 0 10px;
}
}
}
</style>
\ No newline at end of file
src/views/MyManage/UnVerify/personalInfo.vue 0 → 100644
<template>
<div class="container2">
<div class="content">
<div class="title">个人资料</div>
<div class="content-from">
<el-form ref='ruleForm'
label-position='right'
label-width='160px'
:model='form'>
<el-form-item label='E-mail：'
prop='email'
:rules="[{
required: true,
message: '不能为空',
},
{ type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change']
}]">
<el-input v-model='form.email' autocomplete='off' placeholder="请输入E-mail"></el-input>
</el-form-item>
<el-form-item label='手机：'
prop='mobile'
:rules="[{
required: true,
message: '不能为空',
},
{ validator:checkMobileReg },
{ validator:checkMobile, trigger:'blur' },]">
<el-input v-model='form.mobile' autocomplete='off' placeholder="请输入手机"></el-input>
<p>请在[用户信息管理]-[修改手机号码]中修改正确的手机号码，便于找回密码</p>
</el-form-item>
<el-form-item label='真实姓名：'
prop='name'
>
<el-input v-model='form.name' autocomplete='off' placeholder="请输入真实姓名："></el-input>
</el-form-item>
<el-form-item label='证件号码：'
prop='IDNumber'
:rules="[{
required: true,
message: '不能为空',
}]"
>
<el-input placeholder="请输入证件号码" v-model="form.IDNumber" class="input-with-select">
<el-select v-model="form.IDType" slot="prepend" placeholder="请选择" class="smallselect">
<el-option label="身份证" value="1" ></el-option>
</el-select>
</el-input>
</el-form-item>
<el-form-item label='联系地址：'
prop='address'
>
<el-input v-model='form.email' autocomplete='off' placeholder="请输入联系地址"></el-input>
</el-form-item>
<el-form-item label='工作单位：'
prop='oficeAddr'
>
<el-input v-model='form.oficeAddr' autocomplete='off' placeholder="请输入工作单位"></el-input>
</el-form-item>
</el-form>
</div>
<div class="btn-div">
<el-button type="primary" style="width: 110px">保 存</el-button>
</div>
</div>
</div>
</template>
<script>
export default {
name: "index",
data() {
return {
hasSent: false,
timer: null,
time: 60,
form: {
email:'',
mobile:'',
IDType:'1',
IDNumber:'',
name:'',
address:'',
officeAddr:''
},
mobilePattern: /^((13[0-9])|(15[^4])|(18[0-9])|(17[0-8])|(147))\d{8}$/,
}
},
methods: {
register() {
},
checkMobileReg(rule, value, callback) {
if (value !== '') {
if (this.mobilePattern.test(value)) {
callback();
} else {
callback(new Error('手机号码格式不正确'));
}
}
},
checkMobile() {
console.log('checkMobile');
return new Promise((resolve) => {
resolve(true);
});
},
},
}
</script>
<style lang="scss" scoped>
.container2{
.content{
@include module-box;
margin-top: 14px;
.title{
color: #F26335;
font-size: 16px;
padding: 20px 40px;
border: 1px solid #F3F3F3;
a{
text-decoration: none;
font-size: 13px;
line-height: 18px;
float:right;
color: #F26335;
}
}
.content-from{
padding:0 40px;
width: 70%;
.content-from-title{
font-size: 14px;
line-height: 20px;
font-weight: 800;
color: #414345;
margin: 40px 0;
}
.content-from-title::before{
content: "◆";
color: #F26335;
margin-right: 5px;
}
.el-form {
margin-top: 36px;
.el-form-item{
margin-bottom: 20px;
}
/deep/.el-input{
font-size: 13px;
}
.smallselect{
width: 100px!important;
}
p{
color: #F31F1F;
font-size: 12px;
line-height: 20px;
margin-top: 10px;
margin-bottom: 0;
}
.el-button{
padding: 0;
border-radius: 4px;
}
.el-select{
width: 100%;
}
.moreLong{
/deep/.el-form-item__label{
line-height: 20px;
}
}
.el-input-group__append {
border-color: transparent;
border: none;
button.el-button--primary {
background-color: $theme-color1;
border-color: $theme-color1;
color: white;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.el-button--primary:hover, .el-button--primary:focus {
background: #f5825d;
border-color: #f5825d;
}
}
.bottom-btn .el-form-item__content {
display: flex;
justify-content: flex-end;
align-items: center;
color: #999999;
font-size: 13px;
.el-button {
font-size: 13px;
}
}
}
}
.btn-div{
text-align: center;
overflow: hidden;
.el-button{
float: right;
padding: 0;
height: 41px;
border-radius: 4px;
margin: 30px 40px 40px 0;
}
}
}
}
</style>
<style lang="scss" scoped>
@media (max-width: 768px) {
//<=768的设备
.container2 .content .content-from {
width: 100%;
margin: 0;
padding:0 10px;
}
}
</style>
\ No newline at end of file
src/views/MyManage/UnVerify/vendor.vue 0 → 100644
<template>
<div class="container2">
<div class="header">
<p><i class="bi bi-exclamation-triangle-fill"></i>厂商实名认证（办理“进口商品信息通报、GLN”等业务需先完成此认证）</p>
</div>
<div class="content">
<div class="title">厂商实名认证——填写实名信息 <a href="/MyManage/UnVerify">返回我的首页</a></div>
<div class="content-list">
<p >
<span>1.填写实名信息</span>
<span>2.提交书面材料</span>
<span>3.审核状态</span>
</p>
</div>
<div class="content-from">
<el-form ref='ruleForm'
label-position='right'
label-width='160px'
:model='form'>
<p class="content-from-title">企业信息填报</p>
<el-form-item label='企业名称(中文)：'
prop='chineseName'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input v-model='form.chineseName' autocomplete='off' placeholder="请输入企业中文名称"></el-input>
</el-form-item>
<el-form-item label='企业名称(英文)：'
prop='englishName'
>
<el-input v-model='form.englishName' autocomplete='off' placeholder="请输入企业英文名称"></el-input>
</el-form-item>
<el-form-item label='注册地址：'
prop='registeredAddress'
:rules="[{
required: true,
message: '不能为空',
}]"
>
<el-input placeholder="请输入注册地址" v-model="form.registeredAddress" class="input-with-select">
<el-select v-model="form.city" slot="prepend" placeholder="请选择" class="smallselect">
<el-option label="黑龙江" value="1" ></el-option>
</el-select>
</el-input>
</el-form-item>
<el-form-item label='所属分支机构：'
prop='branch'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-select v-model="form.branch" placeholder="请选择所属分支机构" >
<el-option label="" value="1" ></el-option>
</el-select>
</el-form-item>
<el-form-item label='注册地址(英文)：'
prop='englishRegisterAddr'
>
<el-input v-model='form.englishRegisterAddr' autocomplete='off' placeholder="请输入英文注册地址"></el-input>
</el-form-item>
<el-form-item label='注册地址邮政编码：'
prop='registerAddrCode'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input v-model='form.registerAddrCode' autocomplete='off' placeholder="请输入注册地址邮政编码"></el-input>
</el-form-item>
<el-form-item label='办公地址：'
prop='officeAddr'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input v-model='form.officeAddr' autocomplete='off' placeholder="请输入办公地址"></el-input>
</el-form-item>
<el-form-item label='办公地址(英文)：'
prop='englishOfficeAddr'
>
<el-input v-model='form.englishOfficeAddr' autocomplete='off' placeholder="请输入英文办公地址"></el-input>
</el-form-item>
<el-form-item label='办公地址邮政编码：'
prop='officeAddrCode'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input v-model='form.officeAddrCode' autocomplete='off' placeholder="请输入办公地址邮政编码"></el-input>
</el-form-item>
<p class="content-from-title">行政区域信息填报</p>
<el-form-item label='统一社会信用代码：'
prop='creditCode'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input v-model='form.creditCode' autocomplete='off' placeholder="请输入统一社会信用代码"></el-input>
</el-form-item>
<el-form-item label='注册资金(万元)：'
prop='registeredCapital'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input v-model='form.registeredCapital' autocomplete='off' placeholder="请输入注册资金(万元)"></el-input>
</el-form-item>
<el-form-item label='货币种类：'
prop='currency'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-select v-model="form.currency" placeholder="请选择货币种类" >
<el-option label="" value="1" ></el-option>
</el-select>
</el-form-item>
<el-form-item label='企业类别：'
prop='enterpriseCategory'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-select v-model="form.enterpriseCategory" placeholder="请选择企业类别" >
<el-option label="" value="1" ></el-option>
</el-select>
</el-form-item>
<el-form-item label='经济类型代码：'
prop='economicTypeCode'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-select v-model="form.economicTypeCode" placeholder="请选择经济类型代码" >
<el-option label="" value="1" ></el-option>
</el-select>
</el-form-item>
<el-form-item label='国民经济行业分类代码：'
prop='nationalEconomyCode'
class="moreLong"
:rules="[{
required: true,
message: '不能为空',
}]">
<el-select v-model="form.branch" placeholder="请选择国民经济行业分类代码" >
<el-option label="" value="1" ></el-option>
</el-select>
</el-form-item>
<el-form-item label='组织机构代码：'
prop='organizationCode'
>
<el-input v-model='form.organizationCode' autocomplete='off' placeholder="请输入组织机构代码"></el-input>
</el-form-item>
<p class="content-from-title">法定人信息填报</p>
<el-form-item label='法定代表人：'
prop='legalRepresentative'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input v-model='form.legalRepresentative' autocomplete='off' placeholder="请输入法定代表人"></el-input>
</el-form-item>
<el-form-item label='法定代表人电话：'
prop='legalRepresentativeTel'
>
<el-input v-model='form.legalRepresentativeTel' autocomplete='off' placeholder="请输入法定代表人电话"></el-input>
</el-form-item>
<el-form-item label='法定代表人手机：'
prop='legalRepresentativePhone'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input v-model='form.legalRepresentativePhone' autocomplete='off' placeholder="请输入法定代表人手机"></el-input>
</el-form-item>
<el-form-item label='企业网址：'
prop='website'
>
<el-input v-model='form.website' autocomplete='off' placeholder="请输入企业网址："></el-input>
</el-form-item>
<el-form-item label='上传已年检企业营业执照扫描件'
prop='uploadImg'
class="moreLong"
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input v-model='form.uploadImg' autocomplete='off' type="file" style="display:none"></el-input>
<el-button type="primary" style="width: 110px">上传</el-button>
</el-form-item>
<p class="content-from-title">经办人信息填报</p>
<el-form-item label='经办人姓名：'
prop='name'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input v-model='form.name' autocomplete='off' placeholder="请输入经办人姓名"></el-input>
</el-form-item>
<el-form-item label='电话：'
prop='tel'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input v-model='form.tel' autocomplete='off' placeholder="请输入电话"></el-input>
</el-form-item>
<el-form-item label='手机：'
prop='mobile'
:rules="[{
required: true,
message: '不能为空',
},
{ validator:checkMobileReg },
{ validator:checkMobile, trigger:'blur' },]">
<el-input v-model='form.mobile' autocomplete='off' placeholder="请输入手机"></el-input>
</el-form-item>
<el-form-item label='传真：'
prop='fax'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input v-model='form.email' autocomplete='off' placeholder="请输入传真"></el-input>
</el-form-item>
<el-form-item label='E-mail：'
prop='email'
:rules="[{
required: true,
message: '不能为空',
},
{ type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change']
}]">
<el-input v-model='form.email' autocomplete='off' placeholder="请输入E-mail"></el-input>
</el-form-item>
<p class="content-from-title">办理业务</p>
<el-form-item label='办理业务：'
prop='business'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-select v-model="form.business" placeholder="请选择办理业务" >
<el-option label="" value="1" ></el-option>
</el-select>
</el-form-item>
</el-form>
</div>
<div class="btn-div">
<el-button type="primary" style="width: 110px">保 存</el-button>
</div>
</div>
</div>
</template>
<script>
export default {
name: "index",
data() {
return {
hasSent: false,
timer: null,
time: 60,
form: {
chineseName:'',
englishName:'',
registeredAddress:'',
city:'1',
branch:'',
englishRegisterAddr:'',
registerAddrCode:'',
officeAddr:'',
englishOfficeAddr:'',
officeAddrCode:'',
creditCode:'',
registeredCapital:'',
currency:'',
enterpriseCategory:'',
economicTypeCode:'',
nationalEconomyCode:'',
organizationCode:'',
legalRepresentative:'',
legalRepresentativeTel:'',
legalRepresentativePhone:'',
website:'',
name:'',
tel:'',
mobile:'',
fax:'',
email:'',
business:''
},
mobilePattern: /^((13[0-9])|(15[^4])|(18[0-9])|(17[0-8])|(147))\d{8}$/,
}
},
methods: {
register() {
},
checkMobileReg(rule, value, callback) {
if (value !== '') {
if (this.mobilePattern.test(value)) {
callback();
} else {
callback(new Error('手机号码格式不正确'));
}
}
},
checkMobile() {
console.log('checkMobile');
return new Promise((resolve) => {
resolve(true);
});
},
},
}
</script>
<style lang="scss" scoped>
.container2{
.header{
min-height: 50px;
background: #FEF1EC;
text-align: center;
color: #F26335;
font-size: 16px;
p{
margin: 0;
line-height: 50px;
font-weight: 500;
}
i{
margin-right: 11px;
}
}
.content{
@include module-box;
margin-top: 14px;
.title{
color: #F26335;
font-size: 16px;
padding: 20px 40px;
border: 1px solid #F3F3F3;
a{
text-decoration: none;
font-size: 13px;
line-height: 18px;
float:right;
color: #F26335;
}
}
.content-list{
font-size: 14px;
line-height: 20px;
text-align: center;
padding-top: 20px;
p{
font-size: 13px;
line-height: 18px;
display: flex;
text-align: center;
justify-content: center;
align-items: center;
span{
margin-top: 9px;
display: inline-block;
height: 41px;
width: 273px;
line-height: 41px;
}
span:first-child{
color: #fff;
background: url('../../../assets/image/mymanage/csrz.png') no-repeat ;
background-size: 100% 100%;
}
span:nth-child(2){
background: url('../../../assets/image/mymanage/center.png') no-repeat ;
background-size: 100% 100%;
}
span:last-child{
background: url('../../../assets/image/mymanage/right.png') no-repeat ;
background-size: 100% 100%;
}
}
}
.content-from{
padding:0 40px;
width: 70%;
.content-from-title{
font-size: 14px;
line-height: 20px;
font-weight: 800;
color: #414345;
margin: 40px 0;
}
.content-from-title::before{
content: "◆";
color: #F26335;
margin-right: 5px;
}
.el-form {
/deep/.el-input{
font-size: 13px;
}
.smallselect{
width: 100px!important;
}
.el-button{
padding: 0;
border-radius: 4px;
}
.el-select{
width: 100%;
}
.moreLong{
/deep/.el-form-item__label{
line-height: 20px;
}
}
.el-input-group__append {
border-color: transparent;
border: none;
button.el-button--primary {
background-color: $theme-color1;
border-color: $theme-color1;
color: white;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.el-button--primary:hover, .el-button--primary:focus {
background: #f5825d;
border-color: #f5825d;
}
}
.bottom-btn .el-form-item__content {
display: flex;
justify-content: flex-end;
align-items: center;
color: #999999;
font-size: 13px;
.el-button {
font-size: 13px;
}
}
}
}
.btn-div{
border-top: 1px solid #F3F3F3;
margin-top: 30px;
text-align: center;
.el-button{
margin-top: 30px;
padding: 0;
height: 41px;
border-radius: 4px;
margin-bottom: 40px;
}
}
}
}
</style>
<style lang="scss" scoped>
@media (max-width: 768px) {
//<=768的设备
.container2 .content .content-from {
width: 100%;
margin: 0;
padding:0 10px;
}
.container2 .content .content-from .el-form .btn-div .el-button:last-child{
margin-left: 0px;
}
}
</style>
\ No newline at end of file
src/views/MyManage/comps/userInfo.vue
......@@ -2,61 +2,83 @@
<div class="userInfo">
<div class="cnt">
<img src="../../../assets/image/mymanage/headImg.png" alt="">
<p>{{userNamr}}/{{phone}}/{{cardNo}}</p>
<p>{{userType}} | {{nocardNo}}</p>
<template v-if="type === UN_VERIFY">
<p>{{ userName }}/{{ phone }}/{{ cardNo }}</p>
<p>{{ userType }} | {{ nocardNo }}</p>
</template>
<template v-else-if="type === ADMIN">
<p class="admin_name">{{ userName }}</p>
<p>- - - | 中心管理员</p>
</template>
</div>
</div>
</template>
<script>
const UN_VERIFY = 0;
const SYSTEM_MEMBER = 1;
const ADMIN = 2;
export default {
data() {
props: {
type: Number
},
data() {
return {
userNamr:'用户名',
phone:'手机号',
cardNo:'条码卡号',
userType:'用户类别',
nocardNo:'未申请条码卡'
UN_VERIFY,
SYSTEM_MEMBER,
ADMIN,
userName: '用户名',
phone: '手机号',
cardNo: '条码卡号',
userType: '用户类别',
nocardNo: '未申请条码卡'
};
},
created() {
},
};
</script>
<style lang="scss" scoped>
.userInfo{
.userInfo {
background: #fff;
min-height: 224px;
margin-bottom: 14px;
.cnt{
.cnt {
text-align: center;
img{
img {
width: 80px;
height: 80px;
margin-top: 40px;
margin-bottom: 20px;
}
p{
margin-bottom: 0!important;
p {
margin-bottom: 0;
}
p:first-child{
p:first-child {
font-size: 16px;
line-height: 24px;
color: #414345;
}
p:last-child{
p:last-child {
font-size: 13px;
line-height: 18px;
color: #999999;
}
.admin_name{
margin-bottom: 6px;
}
}
}
</style>
\ No newline at end of file
</style>
src/views/MyManage/index.vue
......@@ -2,11 +2,11 @@
<div class="nav-me container marginTop20 mb-5" style="position: relative">
<div class="row">
<div class="col-lg-3">
<UserInfo/>
<UserInfo :type="userType"/>
<SubNav/>
</div>
<div class="col-lg-9">
<router-view ></router-view>
<router-view></router-view>
</div>
</div>
</div>
......@@ -15,8 +15,7 @@
<script>
import SubNav from "../comps/SubNav.vue";
import UserInfo from "./comps/userInfo.vue";
import {uuid} from "../../utils/utils";
const UN_VERIFY = 0;
const SYSTEM_MEMBER = 1;
......@@ -27,82 +26,120 @@ export default {
SubNav,
UserInfo
},
created() {
// TODO 判断用户状态 处理一下左侧的 sub_nav 和用户panel
// 1. 未申请条码
// 2.系统成员
// 3.管理员
this.userType = ADMIN;
},
data() {
return {
routerList:[
routerList: [
{
id: uuid("gs_nav"),
name: "首页",
index: 0,
link: "/MyManage/UnVerify/index",
},
{
name: "首页",
index: 0,
link: "/MyManage/UnVerify/index",
id: uuid("gs_nav"),
name: "业务管理",
index: 1,
link: "",
children: [
{
id: uuid("gs_nav"),
name: "商品条码在线注册",
index: 0,
link: "/Business",
},
{
id: uuid("gs_nav"),
name: "厂商实名认证",
index: 1,
link: "/MyManage/UnVerify/vendor",
},
{
id: uuid("gs_nav"),
name: "检测校准申请",
index: 2,
link: "/MyManage/UnVerify/calibration",
},
],
},
{
name: "业务管理",
index: 1,
link: "",
children: [
{
name: "商品条码在线注册",
index: 0,
link: "",
},
{
name: "厂商实名认证",
index: 1,
link: "",
},
{
name: "检测校准申请",
index: 2,
link: "",
},
],
id: uuid("gs_nav"),
name: "用户信息管理",
index: 2,
link: "",
children: [
{
id: uuid("gs_nav"),
name: "个人资料",
index: 0,
link: "/MyManage/UnVerify/personalInfo",
},
{
id: uuid("gs_nav"),
name: "修改登录密码",
index: 1,
link: "/MyManage/UnVerify/changePass",
},
{
id: uuid("gs_nav"),
name: "修改手机号码",
index: 2,
link: "/MyManage/UnVerify/changePhone",
},
],
},
],
adminRouterList: [
{
name: "用户信息管理",
index: 2,
link: "",
children: [
{
name: "个人资料",
index: 0,
link: "",
},
{
name: "修改密码",
index: 1,
link: "",
},
{
name: "修改手机号码",
index: 2,
link: "",
},
],
id: uuid("gs_nav"),
name: "业务审核",
index: 0,
link: "/MyManage/admin/check",
},
],
{
id: uuid("gs_nav"),
name: "统一产品编码",
index: 1,
link: "/MyManage/admin/code",
},
{
id: uuid("gs_nav"),
name: "审核状态修改",
index: 2,
link: "/MyManage/admin/status_change",
},
{
id: uuid("gs_nav"),
name: "企业信息修改",
index: 3,
link: "/MyManage/admin/ent_info",
},
{
id: uuid("gs_nav"),
name: "日志查看",
index: 4,
link: "/MyManage/admin/log",
},
],
userType: ADMIN,
};
},
created() {
this.$store.commit("system/SET_SUB_NAV",this.routerList);
},
methods: {
// TODO 判断用户状态 处理一下左侧的 sub_nav 和用户panel
// 1. 未申请条码
// 2.系统成员
// 3.管理员
this.userType = UN_VERIFY;
if (this.userType === UN_VERIFY) {
this.$store.commit("system/SET_SUB_NAV", this.routerList);
} else if (this.userType === SYSTEM_MEMBER) {
this.$store.commit("system/SET_SUB_NAV", this.routerList);
} else if (this.userType === ADMIN) {
this.$store.commit("system/SET_SUB_NAV", this.adminRouterList);
}
},
methods: {},
};
</script>
<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