Skip to content

G
gs1
Commit c9b5f982 by 林家欣
Options

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

parents 7039e358 1e431ac8
Showing with 1109 additions and 78 deletions
src/assets/css/_base.scss
......@@ -500,6 +500,12 @@
justify-content: center;
}
.center{
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 992px) {
.marginTopLg20 {
margin-top: 20px;
......
src/components/layout/header/index.vue
......@@ -225,6 +225,7 @@ export default {
}
> a {
display: inline-block;
position: relative;
font-size: 14px;
font-weight: bold;
......
src/components/layout/header/service.js
......@@ -233,7 +233,7 @@ export default {
id: uuid("gs_nav"),
name: "服务商列表",
index: 1,
link: "/Service/jcyxz/List",
link: "/Service/Partners/List",
breadcrumb: [
{ name: "服务中心", path: "/Service/BarcodeV" },
{ name: "标准服务提供商", path: "/Service/Partners/index" },
......@@ -244,7 +244,7 @@ export default {
id: uuid("gs_nav"),
name: "案例介绍",
index: 2,
link: "/Service/jcyxz/CaseList",
link: "/Service/Partners/CaseList",
breadcrumb: [
{ name: "服务中心", path: "/Service/BarcodeV" },
{ name: "标准服务提供商", path: "/Service/Partners/index" },
......@@ -255,7 +255,7 @@ export default {
id: uuid("gs_nav"),
name: "申请与咨询",
index: 3,
link: "/Service/jcyxz/Join",
link: "/Service/Partners/Join",
breadcrumb: [
{ name: "服务中心", path: "/Service/BarcodeV" },
{ name: "条码/RFID/软件检测服务", path: "/Service/jcyxz/Barcode" },
......
src/router/index.js
import Vue from "vue";
import VueRouter from "vue-router";
import main from "@/components/main.vue";
import {service} from "@/router/service";
Vue.use(VueRouter);
......@@ -701,7 +702,6 @@ const routes = [
],
},
{
// 查询中心
path: "/search",
......@@ -759,80 +759,7 @@ const routes = [
},
],
},
{
// 查询中心
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: "软件下载",
},
},
{
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",
name: "login",
......
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: "关于我们",
},
},
{
path: "Partners/List",
component: () => import("@/views/Service/Partners/list"),
meta: {
name: "我要查找GS1标准服务提供商",
},
},
{
path: "Partners/CaseList",
component: () => import("@/views/Service/Partners/caseList"),
meta: {
name: "GS1标准服务提供商案例",
},
},
{
path: "Partners/Join",
component: () => import("@/views/Service/Partners/join"),
meta: {
name: "我要成为GS1标准服务提供商",
},
},
// 标准服务提供商 End
{
path: "GDS",
component: () => import("@/views/Service/GDS"),
meta: {
name: "中国商品信息服务平台",
},
},
{
path: "Chinatrace",
component: () => import("@/views/Service/ChinaTrace"),
meta: {
name: "国家食品（产品）安全追溯平台",
},
},
],
},
],
};
src/views/Service/ChinaTrace.vue 0 → 100644
<template>
<div class="search-content n-service gds">
<div class="title">国家食品（产品）安全追溯平台</div>
<div class="body" style="padding-top: 9px">
<p>
国家食品（产品）安全追溯平台（<a target="_blank" href="http://www.chinatrace.org">http://www.chinatrace.org</a>）是国家发改委确定的重点食品质量安全追溯物联网应用示范工程，主要面向全国生产企业，实现产品追溯、防伪及监管，由中国物品编码中心建设及运行维护，由政府、企业、消费者、第三方机构使用。
</p>
<div class="barcodev-title">
服务企业：为企业提供溯源信息的集中化管理
</div>
<p>
服务于企业的“企业内部追溯系统”，主要通过制定不同行业内部追溯标准，帮助企业定制开发符合自己的业务流程追溯系统。
</p>
<div class="barcodev-title">
服务政府：为政府监管提供基础数据支持
</div>
<p>
为政府监管服务的“政府监管系统”，可以提供追溯报告查询、发送召回通知、自检要求报告、信用评级。
</p>
<div class="barcodev-title">
服务公众：为公众提供查询溯源信息的窗口
</div>
<p>
向公众提供查询服务的“公众查询系统”，提供公共追溯查询入口，消费者和食品质量监管部门可通过该入口查询产品的追溯信息。实现方式应方便、快捷和实时，同时提供可视化查询界面效果。公众消费者查询系统主要功能包括：商品信息查询、追溯报告查询、追溯地图查询、意见反馈、预警信息。
</p>
<div class="barcodev-title">
追溯平台具有以下特点：
</div>
<div class="notice">
<ul style="font-size: 14px">
<li style="padding-top: 15px">权威性：国家级平台，国家物联网建设示范工程；</li>
<li>唯一性：追溯码全球唯一；</li>
<li>开放性：可兼容不同行业追溯子系统；</li>
<li>国际性：与世界上200多个国家实现追溯信息链接；</li>
<li>标准性：使用GS1 XML 和EDI 实现数据统一格式；</li>
<li>灵活性：自定义追溯模板，实现对不同行业不同产品的追溯；</li>
<li>易用性：操作简单，易学易用。</li>
</ul>
</div>
<div class="barcodev-title">
国家食品（产品）安全追溯平台加入流程说明
</div>
<p>
国家食品（产品）安全追溯平台（以下简称平台）接收31个省级平台上传的质量监管与追溯数据；完善并整合条码基础数据库、QS、监督抽查数据库等质检系统内部现有资源（分散存储、互联互通）；通过对食品企业质量安全数据的分析与处理，实现信息公示、公众查询、诊断预警、质量投诉等功能。加入流程如下：
</p>
<div class="barcodev-title">
一、 登录平台
</div>
<p>
在浏览器中输入平台的网址：http://www.chinatrace.org/，如下图所示：
</p>
<div class="notice text-center">
<img src="./img/1.jpg" alt="">
</div>
<div class="barcodev-title">
二、 用户注册及登录
</div>
<p>
平台为生产企业、流通企业提供产品追溯通道，方便上述企业建立自己的产品追溯系统。
</p>
<p>
用户注册界面如下所示：
</p>
<div class="notice text-center">
<img src="./img/2.jpg" alt="">
</div>
<p>
用户完成注册后就可以进入用户登录界面，如下图：
</p>
<div class="notice text-center">
<img src="./img/3.jpg" alt="">
</div>
<p>
用户根据其注册时企业的性质，登录各自的追溯通道，可以对相关产品进行追溯数据的填报和管理。
</p>
<div class="barcodev-title">
三、 公众查询
</div>
<p>
在平台网站的首页，公众可以通过输入相关产品的商品条码信息、商品条码+批次号、追溯码等信息实现对应产品的追溯信息的查询。如下图所示：
</p>
<div class="notice text-center">
<img src="./img/4.jpg" alt="">
</div>
</div>
</div>
</template>
<script>
export default {};
</script>
<style lang="scss">
.n-service.gds {
.notice {
margin: 10px 0 30px;
ul li {
list-style-type: disc;
}
img {
max-width: 100%;
}
}
a {
color: #008dbd;
text-decoration: none;
font-weight: 500;
word-break: break-word;
}
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;
}
}
</style>
src/views/Service/GDS.vue 0 → 100644
<template>
<div class="search-content n-service gds">
<div class="title">中国商品信息服务平台</div>
<div class="body" style="padding-top: 9px">
<p>
<a href="http://www.gds.org.cn/" target="_blank">中国商品信息服务平台</a>（以下简称“平台”）是由中国物品编码中心（以下简称“编码中心”）依照GS1数据池国际标准构建的，集产品管理与服务于一体的商品信息公共服务平台。
</p>
<div class="notice text-center">
<img src="./img/5.jpg" alt="">
<h6 style="margin-top: 15px">中国商品信息服务平台首页</h6>
</div>
<p>
平台遵循产品标识、产品属性、产品分类、数据交换等全球统一标准，以商品条码为基础，直接由中国商品条码系统成员填报商品信息，有效保证了信息的准确性、时效性与持续性。
</p>
<p>
平台在编码中心及全国46家物品编码分支机构的统一维护下，安全、稳定、快速地运行与发展，现已拥有超过19万家企业会员的1800万条商品信息，并以每天3万条的速度快速增长，覆盖了我国食品饮料、日用百货、家具建材、医疗卫生、文教用品等数百个行业，为我国商品信息查询、商品贸易流通、产品质量监管等领域提供着高效的商品信息数据支持服务，在服务消费者、服务企业、服务政府方面发挥着重要作用。
</p>
<p>
服务消费者&mdash;&mdash;真实、准确的数据是消费者享受信息服务的基础条件，在商品极其丰富的今天，各种流通渠道蕴含着海量的商品信息，平台以其自身及专业的电子商务网站、手机查询软件等多种形式开放商品基础信息，有效地帮助消费者获取生产企业的第一手资料。
</p>
<p>
服务企业&mdash;&mdash;标准化的商品信息是平台为企业提供产品信息管理、数据同步、电子数据交换等服务的独特优势，其全球通用的数据标准和架构，最大程度统一了数据的管理与共享规则，使企业既能科学管理产品，又能与合作伙伴在同一通道交流对话。平台商品信息数据同步服务是零供企业间实现商品数据无缝共享的重要手段，至今实现了美国劳氏、家乐福、麦德龙、新华都、华润万家、乐天玛特、北京华联与宝洁（中国）、强生、联合利华等知名企业的数千家门店的国际、国内商品数据同步，简化的信息沟通过程、高效的数据传输效率，令企业供应链不断优化升级，为我国广大&ldquo;零供&rdquo;企业带来显著收益。
</p>
<p>
服务政府&mdash;&mdash;平台拥有高效的技术支持力量与培训服务机制，为政府管理部门与企业之间建立起畅通的信息沟通渠道，方便管理部门有效整合商品信息，推动产品质量监管工作的执行，也在很大程度上了帮助企业提升了信誉和市场竞争力。2012年，编码中心承担了质检总局专项任务，以平台为基础开发产品质量信用信息平台，实现了产品质量的跟踪与追溯，为我国产品质量诚信体系建设提供了有效的服务。
</p>
<div class="notice text-center">
<h6 style="margin-bottom: 15px">中国商品信息服务平台首页</h6>
<img src="./img/2015-GDS-join-flow.jpg" alt="">
</div>
</div>
</div>
</template>
<script>
export default {};
</script>
<style lang="scss">
.n-service.gds {
.notice {
margin: 10px 0 30px;
ul li {
list-style-type: disc;
}
img {
max-width: 80%;
}
}
a{
color: #008dbd;
text-decoration: none;
font-weight: 500;
word-break: break-word;
}
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;
}
}
</style>
src/views/Service/Partners/caseList.vue 0 → 100644
<template>
<div class="search-content n-service partners-case-list">
<div class="title">GS1标准服务提供商案例</div>
<div class="body" style="padding-top: 9px;position: relative;">
<div class="search row" style="margin: 15px 0;">
<div class="col-lg-4">
<el-select style="width: 100%" size="small" v-model="service" placeholder="请选择">
<el-option
v-for="item in serviceList"
:key="item.value"
:label="item.value"
:value="item.value">
</el-option>
</el-select>
</div>
<div class="col-lg-4 text-left">
<el-button type="primary" size="small">搜索</el-button>
</div>
<ul class="main-list">
<!-- 注意！这里请后台开发的同学替换成循环输出 top 20 -->
<li><a target="_blank" href="/Service/Partners/Case?id=5">
宁波天益医疗GS1-UDI项目案例介绍-上海路歌信息技术有限公司</a></li>
<li><a target="_blank" href="/Service/Partners/Case?id=4">
北京爱康医疗GS1-UDI项目案例介绍-上海敖维计算机科技发展有限公司</a></li>
<li><a target="_blank" href="/Service/Partners/Case?id=3">
利用GS1编码规则实施UDI满足中国法规要求，实现内部追溯</a></li>
<li><a target="_blank" href="/Service/Partners/Case?id=2">
多米诺集团在医疗领域的GS1标准应用案例</a></li>
<li><a target="_blank" href="/Service/Partners/Case?id=1">
北京爱创科技股份有限公司进口药品GS1应用案例</a></li>
</ul>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
service: '全部服务行业',
serviceList: [{value: '全部服务行业'}, {value: '医疗'}, {value: '零售'}, {value: '电子商务'}, {value: '食品烟酒'}, {value: '物流'}, {value: '服装'}, {value: '快速消费品'}, {value: '消费电子产品'}, {value: '制造和零部件'}, {value: '建材'}, {value: '其他'},]
}
},
methods: {},
};
</script>
<style lang="scss">
.n-service.partners-case-list {
.notice {
margin: 10px 0;
}
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;
}
.search {
.col-lg-4 {
margin-bottom: 15px;
}
}
.main-list{
padding-left: 40px;
}
.main-list li {
color: #ccc;
/*height: 40px;*/
line-height: 40px;
list-style: disc;
border-bottom: 1px dashed #eee;
font-size: 14px;
}
.main-list li a {
width: 100%;
display: inline-block;
line-height: 28px;
vertical-align: top;
padding: 8px 0;
color: #008dbd;
text-decoration: none;
font-weight: 500;
word-break: break-word;
}
.main-list li:hover {
background-color: #eee;
}
}
</style>
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>
src/views/Service/Partners/join.vue 0 → 100644
<template>
<div class="search-content n-service partners-join">
<svg aria-hidden="true" style="position: absolute; width: 0px; height: 0px; overflow: hidden;">
<symbol id="icon-jiarubanji" viewBox="0 0 1084 1024">
<path
d="M707.764706 514.228706a255.337412 255.337412 0 1 1 0-510.674824 255.337412 255.337412 0 0 1 0 510.674824z m0-60.235294a195.102118 195.102118 0 1 0 0-390.204236 195.102118 195.102118 0 0 0 0 390.204236z"
fill=""></path>
<path
d="M566.633412 54.633412l-25.901177 54.39247a177.272471 177.272471 0 1 0 35.418353 298.164706l37.948236 46.742588a237.507765 237.507765 0 1 1-47.465412-399.36z"
fill=""></path>
<path
d="M921.238588 503.928471a30.117647 30.117647 0 1 1-26.804706 53.910588 420.321882 420.321882 0 0 0-606.991058 376.711529 30.117647 30.117647 0 0 1-60.235295 0 480.557176 480.557176 0 0 1 694.031059-430.682353z"
fill=""></path>
<path
d="M545.852235 464.956235a30.117647 30.117647 0 0 1-14.095059 58.548706 334.607059 334.607059 0 0 0-413.214117 325.330824 30.117647 30.117647 0 1 1-60.235294 0A394.842353 394.842353 0 0 1 545.792 465.016471z"
fill=""></path>
<path
d="M996.773647 785.347765a30.117647 30.117647 0 0 1 0 60.235294h-241.302588a30.117647 30.117647 0 1 1 0-60.235294h241.302588z"
fill=""></path>
<path
d="M906.24 936.056471a30.117647 30.117647 0 1 1-60.235294 0v-241.242353a30.117647 30.117647 0 1 1 60.235294 0v241.302588z"
fill=""></path>
</symbol>
<symbol id="icon-gonggao" viewBox="0 0 1024 1024">
<path
d="M627.648 716.064a17.935 17.935 0 0 1-10.688-3.552C450.048 587.776 273.504 581.44 239.808 581.44c-4.32 0-6.72 0.096-6.944 0.096-7.52 0.256-14.816-4.32-17.536-11.584-52.352-140.096-1.824-259.264 0.352-264.256a17.962 17.962 0 0 1 16.128-10.752c213.088-3.072 329.088-87.648 384.864-128.32 5.472-3.968 12.64-4.512 18.624-1.472s9.76 9.184 9.76 15.904c0 31.296 0.128 155.328 0.256 274.688 0.128 110.72 0.224 217.472 0.224 242.464a17.87 17.87 0 0 1-9.856 15.968 18.127 18.127 0 0 1-8 1.888zM244.64 545.76c42.848 0.64 204.864 10.56 365.12 117.888-0.064-46.016-0.128-125.856-0.192-207.872-0.096-92.16-0.192-187.136-0.224-240-65.024 44.768-178.912 109.312-364.736 114.656-9.792 29.312-32.704 116.48 0.064 215.36z m-12.928 35.808l-33.568-0.608c-49.28 0-88.16-62.848-88.16-143.072s38.88-143.104 88.512-143.104h37.824v35.744h-37.824c-24.96 0-52.768 44.096-52.768 107.36s27.808 107.36 52.768 107.36l33.888 0.64-0.672 35.712zM836 193.696l-29.536 23.584c43.04 57.824 69.472 135.488 69.472 220.864 0 85.408-26.432 163.04-69.472 220.864L836 682.624c48.288-64.48 78.016-150.208 78.016-244.48 0-94.208-29.728-179.968-78.016-244.416z m-126.272 113.12c18.464 39.328 29.024 84 29.024 131.36 0 47.424-10.528 92.032-29.024 131.392l30.464 24.384c23.296-46.24 36.64-99.264 36.64-155.744 0-56.448-13.344-109.472-36.64-155.744l-30.464 24.352zM319.392 773.568c-28.576 0-51.808-23.232-51.808-51.808V548.864l103.584 13.088V721.76c0 28.544-23.232 51.776-51.808 51.776z m-16.064-184.16v132.384c0 8.864 7.2 16.064 16.064 16.064s16.064-7.2 16.064-16.064v-128.32l-32.128-4.032z"></path>
</symbol>
<symbol id="icon-zizhizhengshu" viewBox="0 0 1024 1024">
<path
d="M1006.269149 937.530428a13.996705 13.996705 0 0 1-14.515101 5.287644l-99.179618-23.03754-34.131225 94.596992a14.950555 14.950555 0 0 1-12.628138 9.621439h-1.513718a14.162592 14.162592 0 0 1-12.628139-7.547853l-100.506712-185.399322c-16.961933 1.700341-27.14324 1.513718-44.872401-0.373245l-99.926108 184.818718a14.307743 14.307743 0 0 1-13.001384 7.568589h-1.140472a14.556574 14.556574 0 0 1-12.254893-9.642175l-33.737244-94.949502-99.386976 22.456936a14.743196 14.743196 0 0 1-14.701725-5.474267 14.701725 14.701725 0 0 1-1.119736-15.862933l113.694719-205.969295-0.95385-2.073586a202.900388 202.900388 0 0 1-17.915782-84.021704c0.186623-112.699398 91.6525-203.874973 204.206747-203.874973h0.933113c113.134851 0.373245 204.39337 92.316048 203.833502 205.388691 0 29.652279-6.594003 57.210237-18.662274 84.208327l111.621133 208.416126c2.446831 5.101022 2.073586 11.342515-1.513718 15.862933z m-442.710606-172.356466l-58.081143 104.405053 45.266382-10.202043a4.997342 4.997342 0 0 1 5.826777 3.214059l15.282328 43.026909 52.980122-96.649843c-25.069654-13.789347-41.098474-23.224163-61.274466-43.794135z m146.872095-275.641784h-0.559868a137.851996 137.851996 0 0 0-137.83126 137.437278c-0.373245 76.07987 61.274466 138.391128 137.271392 138.764374a138.266713 138.266713 0 0 0 138.391128-137.623902 137.976411 137.976411 0 0 0-137.271392-138.57775z m146.519585 275.455161c-23.39005 23.410786-42.425569 34.732565-71.103263 50.595498l60.714597 111.745548 17.542538-49.08178a6.946513 6.946513 0 0 1 7.921098-4.333795l51.466404 11.695025-66.541374-120.620496zM192.863578 711.551028h246.259071v64.384845H192.863578v-64.384845z m0-113.653247v-64.198222h246.259071v64.198222H192.863578z m0-420.046312h505.49879v64.364109H192.863578V177.851469z m0 177.830734h360.140413v64.384844H192.863578v-64.384844zM849.40237 63.990863H78.608991V889.402497h276.035765v64.177486H83.129408c-37.697793 0-68.635696-31.70513-68.635696-70.978848V70.978848c0-39.06636 30.75128-70.978848 68.635696-70.978848H844.861217c37.718529 0 68.635696 31.70513 68.635696 70.978848v303.386364h-64.094543V63.990863z"></path>
</symbol>
<symbol id="icon-huabanfuben" viewBox="0 0 1024 1024">
<path
d="M909.339166 945.319692H131.711846a45.445283 45.445283 0 0 1-43.350031-59.895293L198.470895 556.325407a45.517533 45.517533 0 0 1 43.350032-31.067522h557.698159a45.517533 45.517533 0 0 1 43.350031 31.067522l109.892331 329.460242a45.445283 45.445283 0 0 1-43.422282 59.534043z"
fill="#FFFFFF"></path>
<path
d="M909.339166 962.876455H131.711846A63.002046 63.002046 0 0 1 72.250053 879.861144l109.60333-329.387991a63.002046 63.002046 0 0 1 59.823044-43.350032h74.706555v35.113526H241.676427a27.81627 27.81627 0 0 0-26.515769 19.074014l-109.964581 329.460241a27.88852 27.88852 0 0 0 26.515769 36.775277h777.62732a27.88852 27.88852 0 0 0 26.515769-36.775277l-109.96458-329.460241a27.81627 27.81627 0 0 0-26.51577-19.074014h-57.077541v-34.896775h57.077541a63.002046 63.002046 0 0 1 59.823044 43.350031l109.964581 329.387992a63.074296 63.074296 0 0 1-59.823044 83.01531z"
fill=""></path>
<path
d="M68.5653 524.896634a28.900021 28.900021 0 1 1-28.900021-28.900021 28.900021 28.900021 0 0 1 28.900021 28.900021z"
fill=""></path>
<path
d="M972.485712 593.606435m-38.870528 0a38.870528 38.870528 0 1 0 77.741057 0 38.870528 38.870528 0 1 0-77.741057 0Z"
fill=""></path>
<path
d="M526.847386 92.696818a242.109927 242.109927 0 0 0-242.109927 242.109927c0 133.662598 242.109927 406.695548 242.109927 406.695548s242.037677-273.03295 242.037677-406.695548a242.037677 242.037677 0 0 0-242.037677-242.109927z m0 358.649263A140.454103 140.454103 0 1 1 667.229239 310.675228a140.381853 140.381853 0 0 1-140.381853 140.670853z"
fill=""></path>
<path
d="M526.847386 768.018063l-13.14951-14.883511c-10.042757-11.343258-246.37268-279.607705-246.37268-418.327807a259.08869 259.08869 0 0 1 39.087278-137.2751l29.767022 18.568263a223.975164 223.975164 0 0 0-33.813025 118.562337c0 108.375079 174.700628 321.295985 224.553165 379.890778C576.699922 656.03048 751.40055 442.892824 751.40055 334.806745a224.769915 224.769915 0 0 0-305.545473-209.525153L433.500318 92.552318a260.100191 260.100191 0 0 1 353.302758 242.254427c0 138.720102-236.402173 406.984548-246.51718 418.327807z m0-299.11522A158.010866 158.010866 0 1 1 684.786002 310.675228a158.083116 158.083116 0 0 1-157.938616 158.227615z m0-280.835955a122.82509 122.82509 0 1 0 122.82509 122.82509 122.82509 122.82509 0 0 0-122.82509-123.04184zM368.47527 176.001129l-24.854018-24.781768a232.64517 232.64517 0 0 1 21.241515-19.001764l21.675016 27.31052a218.70091 218.70091 0 0 0-18.062513 16.473012z"
fill=""></path>
<path
d="M857.824878 440.075072a11.271008 11.271008 0 1 1-11.271008-11.271008 11.271008 11.271008 0 0 1 11.271008 11.271008z"
fill=""></path>
<path
d="M221.807662 440.075072a11.271008 11.271008 0 1 1-11.271008-11.271008 11.271008 11.271008 0 0 1 11.271008 11.271008z"
fill=""></path>
<path
d="M149.77436 203.745149A20.013265 20.013265 0 1 1 130.050095 183.731885a20.013265 20.013265 0 0 1 19.724265 20.013264z"
fill=""></path>
<path
d="M893.371904 185.971636a17.773513 17.773513 0 1 1-17.773513-17.773513 17.773513 17.773513 0 0 1 17.773513 17.773513z"
fill=""></path>
<path
d="M288.133211 855.007126H109.74783v-35.041275h143.344105V717.587526h280.330206v35.041275H288.133211v102.378325z"
fill=""></path>
</symbol>
<symbol id="icon-shenhe" viewBox="0 0 1024 1024">
<path
d="M153.6 102.4h614.4v307.2h102.4V102.4a102.4 102.4 0 0 0-102.4-102.4H153.6a102.4 102.4 0 0 0-102.4 102.4v716.8a102.4 102.4 0 0 0 102.4 102.4h307.2v-102.4H153.6z"></path>
<path
d="M256 307.2h409.6a51.2 51.2 0 0 0 0-102.4H256a51.2 51.2 0 0 0 0 102.4zM256 512h307.2a51.2 51.2 0 0 0 0-102.4H256a51.2 51.2 0 0 0 0 102.4zM460.8 614.4H256a51.2 51.2 0 0 0 0 102.4h204.8a51.2 51.2 0 0 0 0-102.4zM921.6 921.6h-307.2a51.2 51.2 0 0 0 0 102.4h307.2a51.2 51.2 0 0 0 0-102.4zM819.2 651.264A102.4 102.4 0 0 0 870.4 563.2a102.4 102.4 0 0 0-204.8 0 102.4 102.4 0 0 0 51.2 88.064V716.8h-76.8a76.8 76.8 0 0 0 0 153.6h256a76.8 76.8 0 0 0 0-153.6H819.2z"></path>
</symbol>
</svg>
<div class="title">我要成为GS1标准服务提供商</div>
<div class="body" style="padding-top: 9px;position: relative;">
<p>
GS1标准服务提供商由标识打印、制作和识别，系统集成、信息服务、咨询等领域的解决方案提供商组成，服务于医疗、零售、物流、电子商务、快消、服装、建材等行业。中国物品编码中心为服务商开展技术培训、行业会议等活动，使解决方案提供商能够及时了解行业标准，掌握行业动态，挖掘潜在客户，扩大市场范围。
</p>
<ul class="mainTxt">
<li>
<p>服务商的选择标准：</p>
<div>
<p>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-gonggao"></use>
</svg>
已有GS1相关的技术或服务
</p>
<p>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-gonggao"></use>
</svg>
与GS1相关的技术或服务已经广泛应用于各行各业
</p>
<p>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-gonggao"></use>
</svg>
可配合中心积极推动GS1标准的进一步应用
</p>
</div>
</li>
<li>
<p>申请机构需要填写以下材料：</p>
<div>
<p>
1.&nbsp;&nbsp;公司营业执照
</p>
<p>
2.《GS1标准服务提供商准入审核标准》及对应的证明材料（请下载如下附件三）
</p>
<p>
3.《GS1标准服务提供商注册登记表》（请下载如下附件四）
</p>
<p>
请将以上材料邮件发送至spp@ancc.org.cn，并将原件寄送至中国物品编码中心。
</p>
</div>
</li>
</ul>
<h6 class="text-center">申请流程</h6>
<div class="join-step">
<div style="width: 25%;" class="text-center">
<p class="stepIcon">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-jiarubanji"></use>
</svg>
</p>
<p>申请加入</p>
</div>
<div style="width: 12%;font-size: 50px;" class="text-center join_arrow-icon">
⇢
</div>
<div style="width: 25%" class="text-center">
<p class="stepIcon">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shenhe"></use>
</svg>
</p>
<p>材料审核</p>
</div>
<div style="width: 12%;font-size: 50px;" class="text-center join_arrow-icon">
⇢
</div>
<div style="width: 25%" class="text-center">
<p class="stepIcon">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-zizhizhengshu"></use>
</svg>
</p>
<p>签订协议</p>
</div>
</div>
<div class="fileDownload">
<p><i class="bi bi-cloud-download" style="color: #008dbd;margin-right: 4px;"></i>附件：</p>
<ul style="list-style: none;">
<li><p><a href="download/关于开展GS1标准服务提供商项目的通知.pdf">一、关于开展GS1标准服务提供商项目的通知</a></p></li>
<li><p><a href="download/GS1标准服务提供商项目规则.pdf">二、GS1标准服务提供商项目规则</a></p></li>
<li><p><a href="download/GS1标准服务提供商准入审核标准.pdf">三、GS1标准服务提供商准入审核标准</a></p></li>
<li><p><a href="download/GS1标准服务提供商注册登记表.pdf">四、GS1标准服务提供商注册登记表</a></p></li>
<li><p><a href="download/GS1标准服务提供商续期审核标准.pdf">五、GS1标准服务提供商续期审核标准</a></p></li>
<li><p><a href="download/GS1标准服务提供商信息变更登记表.pdf">六、GS1标准服务提供商信息变更登记表</a></p></li>
</ul>
</div>
<div class="partners-join-contact">
<p>
<svg class="icon" aria-hidden="true" style="fill: #008dbd">
<use xlink:href="#icon-huabanfuben"></use>
</svg>
联系我们
</p>
<ul style="list-style: none;">
<li><p>联系人：胡女士</p></li>
<li><p>邮 箱：<a href="mailto:spp@ancc.org.cn">spp@ancc.org.cn </a></p></li>
<li><p>注：如需申请服务商，请直接邮件咨询！ </p></li>
</ul>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
service: '全部服务行业',
serviceList: [{value: '全部服务行业'}, {value: '医疗'}, {value: '零售'}, {value: '电子商务'}, {value: '食品烟酒'}, {value: '物流'}, {value: '服装'}, {value: '快速消费品'}, {value: '消费电子产品'}, {value: '制造和零部件'}, {value: '建材'}, {value: '其他'},]
}
},
methods: {},
};
</script>
<style lang="scss">
.n-service.partners-join {
.notice {
margin: 10px 0;
}
.partners-join-contact {
p {
text-indent: 0;
}
.icon {
width: 1.2em;
height: 1.2em;
vertical-align: -0.05em;
fill: currentColor;
}
a {
color: #008dbd;
text-decoration: none;
font-weight: 500;
word-break: break-word;
}
}
.mainTxt {
margin: 20px 0;
}
ul {
list-style: disc;
.icon {
width: 1.2em;
height: 1.2em;
vertical-align: -0.05em;
fill: currentColor;
}
p {
text-indent: 0;
}
}
.join-step {
display: flex;
align-items: center;
justify-content: space-between;
.join_arrow-icon {
margin-bottom: 27px;
}
p {
text-indent: 0;
}
}
.stepIcon {
display: block;
width: 80px;
height: 80px;
line-height: 80px;
border-radius: 100%;
background: #012d6a;
text-align: center;
margin-left: auto;
margin-right: auto;
.icon {
width: 1.2em;
height: 1.2em;
font-size: 40px;
fill: #fff;
}
}
.fileDownload {
p {
text-indent: 0;
}
a {
color: #008dbd;
text-decoration: none;
font-weight: 500;
word-break: break-word;
}
}
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;
}
}
</style>
src/views/Service/Partners/list.vue 0 → 100644
<template>
<div class="search-content n-service partners-list">
<div class="title">我要查找GS1标准服务提供商</div>
<div class="body" style="padding-top: 9px;position: relative;">
<div class="notice">
<p>
GS1标准服务提供商由标识打印、制作和识别，系统集成、信息服务、咨询等领域的解决方案提供商组成，服务于医疗、物流、零售、电子商务、快消、服装等行业。GS1标准服务提供商能够支持GS1标准的推广和使用。
</p>
</div>
<div class="search row" style="margin: 15px 0;">
<div class="col-lg-4">
<el-select style="width: 100%" size="small" v-model="technology" placeholder="请选择">
<el-option
v-for="item in technologyList"
:key="item.value"
:label="item.value"
:value="item.value">
</el-option>
</el-select>
</div>
<div class="col-lg-4">
<el-select style="width: 100%" size="small" v-model="service" placeholder="请选择">
<el-option
v-for="item in serviceList"
:key="item.value"
:label="item.value"
:value="item.value">
</el-option>
</el-select>
</div>
<div class="col-lg-4 text-left">
<el-button type="primary" size="small">搜索</el-button>
</div>
<ul class="main-list">
<!-- 注意！这里请后台开发的同学替换成循环输出 top 20 -->
<li><a target="_blank" href="/Service/Partners/content?id=7">
上海路歌信息技术有限公司</a></li>
<li><a target="_blank" href="/Service/Partners/content?id=6">
上海悦孜企业信息咨询有限公司</a></li>
<li><a target="_blank" href="/Service/Partners/content?id=5">
上海敖维计算机科技发展有限公司</a></li>
<li><a target="_blank" href="/Service/Partners/content?id=4">
北京东方捷码科技开发中心</a></li>
<li><a target="_blank" href="/Service/Partners/content?id=3">
北京爱创科技股份有限公司</a></li>
<li><a target="_blank" href="/Service/Partners/content?id=2">
多米诺标识科技有限公司</a></li>
<li><a target="_blank" href="/Service/Partners/content?id=1">
北京嘉华汇诚科技股份有限公司</a></li>
</ul>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
technology: '全部技术领域',
technologyList: [
{value: '全部技术领域'}, {value: '标识的打印和制作'}, {value: '系统集成'}, {value: '信息服务'}, {value: '咨询服务'}, {value: '其他'},
],
service: '全部服务行业',
serviceList: [{value: '全部服务行业'}, {value: '医疗'}, {value: '零售'}, {value: '电子商务'}, {value: '食品烟酒'}, {value: '物流'}, {value: '服装'}, {value: '快速消费品'}, {value: '消费电子产品'}, {value: '制造和零部件'}, {value: '建材'}, {value: '其他'},]
}
},
methods: {},
};
</script>
<style lang="scss">
.n-service.partners-list {
.notice {
margin: 10px 0;
}
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;
}
.search {
.col-lg-4 {
margin-bottom: 15px;
}
}
.main-list{
padding-left: 40px;
}
.main-list li {
color: #ccc;
/*height: 40px;*/
line-height: 40px;
list-style: disc;
border-bottom: 1px dashed #eee;
font-size: 14px;
}
.main-list li a {
width: 100%;
display: inline-block;
line-height: 28px;
vertical-align: top;
padding: 8px 0;
color: #008dbd;
text-decoration: none;
font-weight: 500;
word-break: break-word;
}
.main-list li:hover {
background-color: #eee;
}
}
</style>
src/views/Service/index.vue
......@@ -31,3 +31,8 @@ export default {
},
};
</script>
<style>
.nav-service p {
line-height: 24px;
}
</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