Skip to content

G
gs1
Commit ff02318f by 林家欣
Options

中心领导切图完成

parent 4cee833e
Showing with 481 additions and 215 deletions
src/components/layout/header/mock.js
......@@ -20,7 +20,7 @@ export const nav = [
name: "机构概况",
nameInHeaderNav: "机构概况",
index: 0,
link: "/Org/Intro",
link: "/Org",
breadcrumb: [{name: "机构概况", path: "/Org"}, {name: "中心简介"}],
children: [
{
......@@ -35,6 +35,16 @@ export const nav = [
},
{
id: uuid("gs_nav"),
name: "中心简介",
index: 0,
link: "/Org/Leadership",
breadcrumb: [
{name: "机构概况", path: "/Org"},
{name: "中心领导"},
],
},
{
id: uuid("gs_nav"),
name: "机构概况",
index: 0,
link: "/Org/Departments",
......
src/router/index.js
......@@ -50,6 +50,14 @@ const routes = [
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: {
......
src/utils/utils.js
......@@ -35,3 +35,17 @@ export function uuid(prefix) {
return prefix + '_' + random + unique + String(time);
}
// 一维数组转换成二维数组
export const groupList = (list, length) => {
const pages = [];
list.forEach((item, index) => {
const page = Math.floor(index / length);
if (!pages[page]) {
pages[page] = [];
}
pages[page].push(item);
});
return pages;
};
\ No newline at end of file
src/views/Org/Branch.vue
......@@ -22,74 +22,39 @@
</div>
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<li
class="nav-item"
role="presentation"
v-for="(tmp, i) in tabs"
:key="i"
>
<button
class="nav-link active"
id="home-tab"
:class="['nav-link', { active: i === 0 }]"
:id="tmp.id"
data-bs-toggle="tab"
data-bs-target="#home"
type="button"
role="tab"
aria-controls="home"
aria-selected="true"
@click="handelTab(i)"
>
华北
</button>
</li>
<li class="nav-item" role="presentation">
<button
class="nav-link"
id="profile-tab"
data-bs-toggle="tab"
data-bs-target="#profile"
type="button"
role="tab"
aria-controls="profile"
aria-selected="false"
>
东北
</button>
</li>
<li class="nav-item" role="presentation">
<button
class="nav-link"
id="contact-tab"
data-bs-toggle="tab"
data-bs-target="#contact"
type="button"
role="tab"
aria-controls="contact"
aria-selected="false"
>
华东
{{ tmp.name }}
</button>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div
class="tab-pane fade show active"
:class="['tab-pane', 'fade', {'show': i===0}, {'active': i===0}]"
id="home"
role="tabpanel"
aria-labelledby="home-tab"
>
<fzzx />
</div>
<div
class="tab-pane fade"
id="profile"
role="tabpanel"
aria-labelledby="profile-tab"
:aria-labelledby="tmp.id"
v-for="(tmp, i) in tabs"
:key="i"
>
<fzzx />
</div>
<div
class="tab-pane fade"
id="contact"
role="tabpanel"
aria-labelledby="contact-tab"
>
<fzzx />
<fzzx :list="currentList" :key="updateKey"/>
</div>
</div>
</div>
</template>
......@@ -101,10 +66,105 @@ export default {
fzzx,
},
data() {
return {};
return {
currentList: [],
updateKey: new Date().getTime(),
tabs: [
{
id: "huabei",
name: "华北",
list: [
"北京分中心",
"天津分中心",
"河北分中心",
"山西分中心",
"内蒙古分中心",
],
},
{
id: "dongbei",
name: "东北",
list: [
"辽宁分中心",
"沈阳分中心",
"大连分中心",
"吉林分中心",
"长春分中心",
"黑龙江分中心",
],
},
{
id: "huadong",
name: "华东",
list: [
"上海分中心",
"江苏分中心",
"南京办事处",
"浙江分中心",
"杭州分中心",
"宁波分中心",
"安徽分中心",
"福建分中心",
"厦门办事处",
"江西分中心",
"山东分中心",
"青岛办事处",
"烟台办事处",
],
},
{
id: "huazhongnan",
name: "华中、华南",
list: [
"河南分中心",
"湖北分中心",
"武汉分中心",
"湖南分中心",
"广东分中心",
"深圳分中心",
"广州分中心",
"珠海分中心",
"广西分中心",
"海南分中心",
],
},
{
id: "xinan",
name: "西南",
list: [
"四川分中心",
"成都办事处",
"重庆分中心",
"贵州分中心",
"云南分中心",
"西藏分中心",
],
},
{
id: "xibei",
name: "西北",
list: [
"陕西分中心",
"西安分中心",
"甘肃分中心",
"青海分中心",
"宁夏分中心",
"新疆分中心",
],
},
],
};
},
created() {
console.log(this.$route, "this.$route");
this.handelTab(0);
},
methods: {
handelTab(i){
console.log(i, 'handelTab');
this.currentList = this.tabs[i].list;
this.updateKey = new Date().getTime();
}
},
};
</script>
......@@ -129,6 +189,8 @@ export default {
.nav-link {
border: 0;
color: #454545;
padding-left: 30px;
padding-right: 30px;
&.active,
&:hover {
border-bottom: 3px solid #f26335;
......
src/views/Org/Departments.vue
......@@ -3,47 +3,47 @@
<div class="guide-msg container">
<div class="msg-cont">
<div class="nsjg">
<Title :father="bgsTitle"></Title>
<Title :father="departments.title1"></Title>
<p>承担编码中心日常运行管理、政策研究、相关法律事务等工作，承担文秘、档案、保密、督办、安保及后勤工作。</p>
</div>
<div class="nsjg">
<Title :father="bmglbTitle"></Title>
<Title :father="departments.title2"></Title>
<p>承担对全国商品条码系统成员的注册、续展、注销等业务管理工作，开展对地方分中心（办事处）业务方面的指导、管理及考核相关工作，开展编码管理规章制度研究和制修订等工作。</p>
</div>
<div class="nsjg">
<Title :father="jsyjbTitle"></Title>
<Title :father="departments.title3"></Title>
<p>承担支撑物品编码事业发展的基础性、前瞻性技术研究，开展全球统一标识系统技术体系、物品编码技术、物联网技术、二维码技术、物流与电子商务等方面标准化及应用研究工作，承担编码中心科研管理工作，承担全国物品编码标准化技术委员会秘书处工作和全国物流信息管理标准化技术委员会秘书处工作。</p>
</div>
<div class="nsjg">
<Title :father="yjtgbTitle"></Title>
<Title :father="departments.title4"></Title>
<p>负责对物品编码相关工作的宣传和应用推广，承担与政府部门、行业组织及企业的沟通联络工作，负责全球统一标识系统在各行业、领域的推广应用，负责编码中心国际交流合作与外事工作。</p>
</div>
<div class="nsjg">
<Title :father="xxhbTitle"></Title>
<Title :father="departments.title5"></Title>
<p>负责编码中心信息化工作的统一管理；负责信息化相关的采购工作；负责编码中心网站、公共信息系统、基础数据库、数据中心等公共基础设施的建设、管理与维护工作；负责编码中心网络安全保障与网络保密管理工作；负责信息化领域的技术跟踪与研究工作。</p>
</div>
<div class="nsjg">
<Title :father="cpkfyybTitle"></Title>
<Title :father="departments.title6"></Title>
<p>承担物品编码与自动识别技术研究成果转化，搭建零售商与供应商沟通合作平台，承担商品信息服务产品的开发与市场化运营工作，开展商品相关信息服务和增值服务工作。</p>
</div>
<div class="nsjg">
<Title :father="cyfwbTitle"></Title>
<Title :father="departments.title7"></Title>
<p>承担商品条码工作服务体系建立与维护工作，指导和监督地方分中心（办事处）服务清单执行情况，开展条码及自动识别技术教育培训和咨询工作。</p>
</div>
<div class="nsjg">
<Title :father="zljcbTitle"></Title>
<Title :father="departments.title8"></Title>
<p>统一组织管理全国商品条码质量服务工作，实施服务性检验及市场调查，负责条码、射频识别等检测技术研究及标准化工作，开展条码、射频识别相关检验服务及技术培训。</p>
</div>
<div class="nsjg">
<Title :father="rlzybTitle"></Title>
<Title :father="departments.title9"></Title>
<p>承担编码中心人力资源规划、管理与人才队伍建设工作，承担干部任免、岗位设置、工资管理、教育培训、职称管理及退休人员管理等工作。</p>
</div>
<div class="nsjg">
<Title :father="cwbTitle"></Title>
<Title :father="departments.title10"></Title>
<p>承担条码收费、财务核算、预决算、内部审计、国有资产管理、分支机构条码经营管理等工作，承担科研项目经费管理工作。</p>
</div>
<div class="nsjg">
<Title :father="dwbgsTitle"></Title>
<Title :father="departments.title11"></Title>
<p>承担党委日常工作，负责党务、纪检监察、工青妇等工作。</p>
</div>
</div>
......@@ -59,55 +59,49 @@ export default {
},
data() {
return {
bgsTitle: {
name: "办公室",
ico: "",
},
bmglbTitle: {
name: "编码管理部",
ico: "",
},
jsyjbTitle: {
name: "技术研究部",
ico: "",
},
yjtgbTitle: {
name: "应用推广部",
ico: "",
},
xxhbTitle: {
name: "信息化部",
ico: "",
},
cpkfyybTitle: {
name: "产品开发运营部",
ico: "",
},
cyfwbTitle: {
name: "成员服务部",
ico: "",
},
zljcbTitle: {
name: "质量检测部",
ico: "",
},
rlzybTitle: {
name: "人力资源部",
ico: "",
},
cwbTitle: {
name: "产品开发运营部",
ico: "",
},
dwbgsTitle: {
name: "党委办公室（纪委办公室）",
ico: "",
departments: {
title1: {
name: '办公室',
},
title2: {
name: '编码管理部',
},
title3: {
name: '技术研究部',
},
title4: {
name: '应用推广部',
},
title5: {
name: '信息化部',
},
title6: {
name: '产品开发运营部',
},
title7: {
name: '成员服务部',
},
title8: {
name: '质量检测部',
},
title9: {
name: '人力资源部',
},
title10: {
name: '产品开发运营部',
},
title11: {
name: '党委办公室（纪委办公室）',
},
title12: {
name: '办公室',
},
},
};
},
};
</script>
<style lang="scss">
<style lang="scss" scoped>
.guide {
@include module-box;
.guide-msg {
......
src/views/Org/Intro.vue
......@@ -35,15 +35,15 @@
</p>
<p>（九）承办国家市场监督管理总局交办的其他工作。</p>
<div class="zzjg">
<Title :father="zzjgTitle"></Title>
<Title :father="intro.title1"></Title>
<img src="../../assets/image/home/zzjg-tp.jpg" alt="" />
</div>
<div class="zzjg">
<Title :father="lxdzTitle"></Title>
<Title :father="intro.title2"></Title>
<p>北京东城区安外大街东侧138号皇城国际中心B座3-6层 （邮编：100011)</p>
</div>
<div class="map">
<Title :father="mapTitle"></Title>
<Title :father="intro.title3"></Title>
<baidu-map class="bm-view" :center="map.center" :zoom="map.zoom" :scroll-wheel-zoom="true" >
<bm-overview-map
anchor="BMAP_ANCHOR_BOTTOM_RIGHT"
......@@ -81,14 +81,16 @@ export default {
},
data() {
return {
zzjgTitle: {
name: "组织架构：",
},
lxdzTitle: {
name: "联系地址：",
},
mapTitle: {
name: "乘车及驾车路线图：",
intro: {
title1: {
name: '组织架构：'
},
title2: {
name: '联系地址：'
},
title3: {
name: '乘车及驾车路线图：'
},
},
map: {
label: '中国物品编码中心',
......
src/views/Org/Leadership.vue 0 → 100644
<template>
<div class="leadership">
<cate :father="zxldCate"></cate>
<div class="container leadership-ul">
<div class="row" v-for="(tmp, i) in list" :key="i">
<div class="col-lg-3 leadership-left">
<img :src="tmp.photo" alt="" />
</div>
<div class="col-lg-9 leadership-right">
<div class="leadership-right-nr">
<div class="name">{{tmp.name}}：</div>
<div class="note">{{tmp.position}}</div>
</div>
<div class="leadership-right-nr">
<div class="name">工作分工：</div>
<div class="note">{{tmp.work}}。</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import cate from "../comps/cate.vue";
export default {
components: {
cate,
},
data() {
return {
zxldCate: {
name: "中心领导",
ico: "",
},
list: [
{
photo: require('../../assets/image/org/ZhangChengHai.jpg'),
name: '张成海',
position: '主任、党委副书记',
work: '负责中国物品编码中心全面工作'
},
{
photo: require('../../assets/image/org/luoqiuke.jpg'),
name: '罗秋科',
position: '副主任',
work: '分管办公室、技术研究部、质量检测部、人力资源部、财务部'
},
{
photo: require('../../assets/image/org/LiJianHui.jpg'),
name: '李建辉',
position: '总工程师',
work: '分管编码管理部、应用推广部、信息化部、产品开发运营部、成员服务部'
},
{
photo: require('../../assets/image/org/YueShanYong.jpg'),
name: '岳善勇',
position: '纪委书记',
work: '主持中国物品编码中心纪委工作。分管党委办公室（纪委办公室）'
},
]
};
},
};
</script>
<style lang="scss">
.leadership {
@include module-box;
.leadership-ul {
> .row {
border: 1px dashed #ccc;
border-radius: 10px 10px 0;
background-color: #ffd;
margin: 20px 0;
.leadership-left{
display: flex;
align-items: center;
justify-content: center;
}
.leadership-right{
display: flex;
flex-direction: column;
justify-content: center;
padding: 20px 0 20px 15px;
font-size: 14px;
.note{
text-indent: 24px;
padding: 10px 0;
}
}
}
}
}
</style>
\ No newline at end of file
src/views/Org/Sites.vue
......@@ -3,48 +3,114 @@
<div class="guide-msg container">
<div class="msg-cont">
<div class="nsjg">
<Title :father="bgsTitle"></Title>
<p>承担编码中心日常运行管理、政策研究、相关法律事务等工作，承担文秘、档案、保密、督办、安保及后勤工作。</p>
<Title :father="site.title1"></Title>
<p>
依托于中国物品编码中心的国家条码质量监督检验中心，是原国家质量监督检验检疫总局授权的国家级产品质量监督检验中心（国认监认字225号）。质检中心筹建于1991年，并于1997年首次通过评审。2003年通过了中国实验室国家认可委员会认可（CNAL
No.
L0719），2008年和2011年通过国家合格评定实验室认可委员会的复评审（No.CNAS
L0719）。2004年，中心还取得了专项计量授权评审，2009年通过专项计量授权的复评审，获得原国家质量监督检验检疫总局专项计量授权（（国）法计（2009）0123号）。
</p>
<p>
国家条码质量监督检验中心向社会各界提供条码符号、条码胶片、条码识读器/条码扫描器、条码打印机/条码生成器、条码设计软件/条码生成软件、以及其他条码相关产品的检验服务与条码检测仪的检定/校准服务。同时还接受国家质量监督部门的委托，开展条码质量国家监督抽查工作。
</p>
</div>
<div class="nsjg">
<Title :father="bmglbTitle"></Title>
<p>承担对全国商品条码系统成员的注册、续展、注销等业务管理工作，开展对地方分中心（办事处）业务方面的指导、管理及考核相关工作，开展编码管理规章制度研究和制修订等工作。</p>
<Title :father="site.title2"></Title>
<p>
国家射频识别产品质量监督检验中心是国家级的专业射频识别相关产品检验机构，是我国射频识别领域的权威检测机构，是目前亚太地区唯一获得ARTC（Approved
RFID Test
Center）国际射频识别硬件产品认证测试资质的认证测试机构。拥有国家认证认可监督管理委员会的CMA和CAL资质，同时拥有中国合格评定国家实验室认可委的CNAS资质，在我国射频识别技术检测领域具有国内领先、国际一流地位。测试的硬件产品包括射频识别芯片、标签、读写器模块、读写器、打印机等硬件产品，覆盖低频（动物标签）、高频、超高频、微波等频段；测试的软件产品包括读写器软件、RFID中间件以及信息服务等射频识别专用软件产品；测试各种应用软件产品，覆盖软件功能、性能、可靠性、易用性、维修性、可移植性等多方面；测试RFID应用系统以及闸门入口、传送带以及卖场货架、书架等多种动态性能。国家射频识别产品质量监督检验中心还具有IC卡生产许可证发证检验机构资质，能够为IC卡研发和生产单位提供检测服务并提供许可证相关检测服务。
</p>
<p>
国家射频识别产品质量监督检验中心为芯片研发、标签制造、设备制造
、软件开发以及系统集成等各类型厂商以及国家政府机关、事业单位、大型国企等社会各界提供委托检验、硬件认证测试、
研发测试、软件登记测试、软件确认测试、软件验收测试、科技项目技术鉴定测试以及IC卡生产许可证检测等服务。
同时还接受国家质量监督部门的委托，开展射频识别相关产品质量的国家监督抽查工作。
</p>
</div>
<div class="nsjg">
<Title :father="jsyjbTitle"></Title>
<p>承担支撑物品编码事业发展的基础性、前瞻性技术研究，开展全球统一标识系统技术体系、物品编码技术、物联网技术、二维码技术、物流与电子商务等方面标准化及应用研究工作，承担编码中心科研管理工作，承担全国物品编码标准化技术委员会秘书处工作和全国物流信息管理标准化技术委员会秘书处工作。</p>
<Title :father="site.title3"></Title>
<p>
中国自动识别技术协会（<a
href=" http://www.aimchina.org.cn"
target="_blank"
class="red"
>
http://www.aimchina.org.cn</a
>）是国家一级协会，英文名称：Automatic Identification Manufacture
Association of China（缩写AIM
China）。业务主管部门是中国国家市场监督管理总局，接受中华人民共和国民政部的监督
管理，具有独立法人地位。中国自动识别技术协会是国际自动识别与移动技术协会（AIM
Global）的国家级会员。
</p>
<p>
中国自动识别技术协会是由从事自动识别及相关IT技术研究、生产、销售和使用的企事业单位及个人自愿结成的全国性、行业性、非营利性的社会团体。业务领域涉及：条码识别技术、射频识别技术、生物特征识别技术、智能卡识别技术、光字符识别技术、语音识别技术、视觉识别技术、图像识别技术和其它自动识别技术。
</p>
</div>
<div class="nsjg">
<Title :father="yjtgbTitle"></Title>
<p>负责对物品编码相关工作的宣传和应用推广，承担与政府部门、行业组织及企业的沟通联络工作，负责全球统一标识系统在各行业、领域的推广应用，负责编码中心国际交流合作与外事工作。</p>
<Title :father="site.title4"></Title>
<p>
<a href="http://www.cabc.net.cn/" target="_blank"
>中国条码技术与应用协会</a
>（以下简称“协会”；英文译名：China Association for Bar Code
Technology and Application，缩写：CABC；网址：<a
href="http://www.cabc.net.cn/"
target="_blank"
class="red"
>http://www.cabc.net.cn</a
>）是经国家民政部批准，在全国范围内由从事条码技术研究、设计、生产、使用和管理的单位、团体和个人自愿组织成立的全国范围的专业性、技术性、非营利性的社会组织，属国家一级协会，具有独立法人资格。
</p>
<p>
协会主要业务：宣传贯彻国家有关条码法律、法规、方针、政策，向政府相关部门提供条码技术和政策咨询；积极参与我国条码标准化工作；开展技术宣传、咨询服务和行业培训；组织开展业内交流及合作；开发条码技术信息资源，推广条码应用系统，促进信息共享；开展国际交流活动，发展同国外团体、企业和技术工作者友好往来、技术交流，促进协作；编辑出版本专业范围内的书刊、资料等。
</p>
</div>
<div class="nsjg">
<Title :father="xxhbTitle"></Title>
<p>负责编码中心信息化工作的统一管理；负责信息化相关的采购工作；负责编码中心网站、公共信息系统、基础数据库、数据中心等公共基础设施的建设、管理与维护工作；负责编码中心网络安全保障与网络保密管理工作；负责信息化领域的技术跟踪与研究工作。</p>
<Title :father="site.title5"></Title>
<p>
2001年，中国物品编码中心发起成立了中国ECR委员会（<a
href="http://www.ecrchina.org/"
target="_blank"
style="color: red"
>http://www.ecrchina.org/</a
>），并于同年7月正式加入亚洲ECR委员会（ECR
Asia）。中国ECR委员会是中国物品编码中心的用户工作委员会，以创造消费者价值为核心指导，以持续提高供应链效率、促进消费品行业的快速健康发展为最终目标，向国内企业引进世界最新的供应链管理运作理念，推广供应链管理新技术与成功的供应链管理经验，协调、制定相关标准并促进其应用。
</p>
<p>
中国ECR委员会定期组织和召开中国ECR会议，向企业发布国际国内最新行业资讯及ECR最佳案例实践，不仅是连接政府与行业的重要纽带，更是行业沟通合作的重要平台。
</p>
</div>
<div class="nsjg">
<Title :father="cpkfyybTitle"></Title>
<p>承担物品编码与自动识别技术研究成果转化，搭建零售商与供应商沟通合作平台，承担商品信息服务产品的开发与市场化运营工作，开展商品相关信息服务和增值服务工作。</p>
<Title :father="site.title6"></Title>
<p>全国物品编码标准化技术委员会成立于2006年，其主要范围是负责商品、产品、服务、资产、屋子等物品的分类编码、标识编码和属性编 码，物品品种编码，单件物品编码的国家标准制修订工作；全国物品编码的管理与服务及物品编码相关载体技术等方面的国家标准制修订工作。秘书处设在中国物品编码中心，受国家标准化管理委员会直接领导。</p>
</div>
<div class="nsjg">
<Title :father="cyfwbTitle"></Title>
<p>承担商品条码工作服务体系建立与维护工作，指导和监督地方分中心（办事处）服务清单执行情况，开展条码及自动识别技术教育培训和咨询工作。</p>
<Title :father="site.title7"></Title>
<p>全国物流信息管理标准化技术委员会（China Logistics Information Standardization Committee, 简称CLISC）主要负责物流信息基础、物流信息系统、物流信息安全、物流信息管理、物流信息应用等领域的标准化工作。其宗旨是：向国内企业引进世界最新的现代物流管理运作理念，推广现代物流管理新技术与成功的物流管理经验；协调、制定并推广相应的标准。秘书处设在中国物品编码中心，受国家标准化管理委员会的直接领导。</p>
</div>
<div class="nsjg">
<Title :father="zljcbTitle"></Title>
<p>统一组织管理全国商品条码质量服务工作，实施服务性检验及市场调查，负责条码、射频识别等检测技术研究及标准化工作，开展条码、射频识别相关检验服务及技术培训。</p>
<Title :father="site.title8"></Title>
<p>全国信息技术标准化技术委员会自动识别与数据采集技术分技术委员会（ISO/IEC JTC1/SC31）是自动识别和数据采集技术及应用的标准化组织。主要职责是：为国家建立自动识别与数据采集技术标准化体系提供技术支持；负责自动识别与数据采集技术和应用领域相关国家标准组织制定、技术审查；为自动识别与数据采集技术在各领域中的应用提供技术支持；向国际标准组织提出本专业国际标准；对口国际ISO/IEC JTC1/SC31工作；协调与其它相关分技术委员会的关系。秘书处设在中国物品编码中心。</p>
</div>
<div class="nsjg">
<Title :father="rlzybTitle"></Title>
<p>承担编码中心人力资源规划、管理与人才队伍建设工作，承担干部任免、岗位设置、工资管理、教育培训、职称管理及退休人员管理等工作。</p>
<Title :father="site.title9"></Title>
<p>物联网编码标识技术作为是物联网最为基础的关键技术，编码标识技术体系由编码（代码）、数据载体、数据协议、信息系统、网络解析、发现服务、应用等共同构成的完整技术体系。物联网中的编码标识已成为当前的焦点和热点问题，各个国家和国际组织都在尝试提出一种适合于物联网应用的编码。“国家物联网编码标识项目组”将重点致力于我国物联网编码标识的基础技术标准制订、物联网在各个行业领域的编码标识体系制订，以及推广应用等工作…</p>
</div>
<div class="nsjg">
<Title :father="cwbTitle"></Title>
<p>承担条码收费、财务核算、预决算、内部审计、国有资产管理、分支机构条码经营管理等工作，承担科研项目经费管理工作。</p>
<Title :father="site.title10"></Title>
<p>中国自动识别技术杂志社是由国家质检总局主管，中国物品编码中心和中国自动识别技术协会联合主办的出版机构。按照国家新闻出版总署关于中央新闻出版业文化体制改革精神的要求，经国家质检总局同意，2013年3月，中国物品编码中心主办的《条码与信息系统》编辑部与中国自动识别技术协会主办的《中国自动识别技术》杂志社进行了改革重组，重组后的《中国自动识别技术》杂志社2013年3月15日正式运营，统筹开展两份期刊的出版发行工作…</p>
</div>
<div class="nsjg">
<Title :father="dwbgsTitle"></Title>
<p>承担党委日常工作，负责党务、纪检监察、工青妇等工作。</p>
<Title :father="site.title11"></Title>
<p>全球产品电子代码中国管理中心（EPCglobal China）作为EPCglobal在中国大陆地区的唯一组织成员，负责中国范围内产品电子代码的注册、管理和标准化工作，推广EPC系统，提供技术支持和培训产品电子代码系统用户。EPCglobal China由中国物品编码中心负责组织和管理。</p>
</div>
<div class="nsjg">
<Title :father="site.title12"></Title>
<p>中国UNSPSC动态维护管理中心（UNSPSC China）是由联合国开发计划署委托开发的全球产品与服务分类体系，主要适用于电子商务和政府间采购，并由美国统一代码委员会（UCC）全权实时维护和管理。2004年，UCC正式授权中国物品编码中心独家负责UNSPSC中文版本的全部工作。中国UNSPSC动态维护管理中心成立，负责UNSPSC的本地化工作。</p>
</div>
<div class="nsjg">
<Title :father="site.title13"></Title>
<p>中国物品编码中心技术服务公司隶属于中国物品编码中心，成立于1992年。北京东方捷码科技开发中心（<a href="http://www.anccweb.com/" target="_blank" style="color: red">http://www.anccweb.com/</a>）成立于2000年，是中国物品编码中心技术服务公司的子公司。公司成立以后，研发和技术人员参与编制和审查自动识别技术与信息标准化相关的国家标准、行业标准、武警标准；承担国家科研项目和科研课题，将科研成果转化为应用产品；开发条码技术和射频技术的管理系统应用在国家管理部门、军队、武警、工业生产、物流仓储、农业养殖、商业、印刷业等领域。</p>
<p>北京东方捷码科技开发中心（<a href="http://www.anccweb.com/" target="_blank" style="color: red">http://www.anccweb.com/</a>）产品开发大部分涉及条码技术和RFID等自动识别技术，公司的研发和技术人员对条码等相关技术进行深入探究和追求，研发人员在条码技术和自动信息处理技术方面有较深的造诣。是国内专业开发和生产条码检测设备的企业，建立了拥有专利技术和自主知识产权的条码检测仪器的研发和生产基地，台式和便携式条码检测仪系列产品打破了国外技术的垄断，替代进口产品；C42A台式条码检测仪成为我国条码质检中心（国家级检测机构）和全部省级条码检测机构的基础检测仪器，便携式条码检测仪也已经应用到国家和地方的条码检测机构，大专院校，各类生产、物流、印刷、商业企业。</p>
</div>
</div>
</div>
......@@ -59,55 +125,52 @@ export default {
},
data() {
return {
bgsTitle: {
name: "办公室",
ico: "",
},
bmglbTitle: {
name: "编码管理部",
ico: "",
},
jsyjbTitle: {
name: "技术研究部",
ico: "",
},
yjtgbTitle: {
name: "应用推广部",
ico: "",
},
xxhbTitle: {
name: "信息化部",
ico: "",
},
cpkfyybTitle: {
name: "产品开发运营部",
ico: "",
},
cyfwbTitle: {
name: "成员服务部",
ico: "",
},
zljcbTitle: {
name: "质量检测部",
ico: "",
},
rlzybTitle: {
name: "人力资源部",
ico: "",
},
cwbTitle: {
name: "产品开发运营部",
ico: "",
},
dwbgsTitle: {
name: "党委办公室（纪委办公室）",
ico: "",
site: {
title1: {
name: "国家条码质量监督检验中心",
},
title2: {
name: "国家射频识别产品质量监督检验中心",
},
title3: {
name: "中国自动识别技术协会",
},
title4: {
name: "中国条码技术与应用协会",
},
title5: {
name: "中国ECR委员会",
},
title6: {
name: "全国物品编码标准化技术委员会",
},
title7: {
name: "全国物流信息管理标准化技术委员会",
},
title8: {
name: "全国自动识别与数据采集分委员会",
},
title9: {
name: "物联网标识工作组",
},
title10: {
name: "《中国自动识别技术》杂志社",
},
title11: {
name: "全球产品电子代码中国管理中心",
},
title12: {
name: "中国UNSPSC动态维护管理中心",
},
title13: {
name: "北京东方捷码科技开发中心",
},
},
};
},
};
</script>
<style lang="scss">
<style lang="scss" scoped>
.guide {
@include module-box;
.guide-msg {
......@@ -125,6 +188,12 @@ export default {
margin-left: 15px;
text-indent: 32px;
line-height: 28px;
a {
text-decoration: none;
&.red {
color: #f00;
}
}
}
}
}
......
src/views/Org/comps/fzzx.vue
<template>
<div class="fzzx">
<div class="cate-name">分中心名称</div>
<div class="fzzx-list">
<div class="row">
<div class="col-6">北京分中心</div>
<div class="col-6">天津分中心</div>
</div>
<div class="row">
<div class="col-6">河北分中心</div>
<div class="col-6">山西分中心</div>
</div>
</div>
<div class="fzzx">
<div class="cate-name">分中心名称</div>
<div class="fzzx-list">
<div class="row" v-for="(tmpA, i) in newList" :key="i">
<div class="col-6" v-for="(tmpB, ii) in tmpA" :key="ii">{{tmpB}}</div>
</div>
</div>
</div>
</template>
<script>
import { groupList } from "../../../utils/utils";
export default {
props: ["list"],
created() {
console.log(this.newList, "list");
},
computed: {
newList() {
return groupList(this.list, 2);
},
},
};
</script>
<style lang="scss">
.fzzx{
width: 90%;
margin: 0 auto;
padding: 20px 0;
font-size: 14px;
.cate-name{
color: #454545;
.fzzx {
width: 90%;
margin: 0 auto;
padding: 20px 0;
font-size: 14px;
.cate-name {
color: #454545;
}
.fzzx-list {
margin-top: 20px;
.row {
line-height: 40px;
margin: 0;
&:nth-child(odd) {
background: rgba(242, 99, 53, 0.04);
}
}
.fzzx-list{
margin-top: 20px;
.row{
line-height: 40px;
margin: 0;
&:nth-child(odd) {
background: rgba(242, 99, 53, 0.04);
}
}
}
}
}
}
</style>
\ No newline at end of file
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