Skip to content

G
gs1
Commit 5e74f315 by Lyan
Options

资讯中心页面联调

parent bf443424
Showing with 434 additions and 293 deletions
src/axios/module/news.js
...@@ -10,7 +10,7 @@ const Prefix = process.env.NODE_ENV === 'development' ? '/gs1' : ''; ...@@ -10,7 +10,7 @@ const Prefix = process.env.NODE_ENV === 'development' ? '/gs1' : '';
const pictureList = (params = {}) => { const pictureList = (params = {}) => {
return POST(`${Prefix}/office/picture/api/pictureList`, params) return POST(`${Prefix}/office/picture/api/pictureList`, params)
} }
// 政图片资讯详情 // 图片资讯详情
const pictureInfo = (params = {}) => { const pictureInfo = (params = {}) => {
return GET(`${Prefix}/office/picture/api/info/${params.id}`) return GET(`${Prefix}/office/picture/api/info/${params.id}`)
} }
...@@ -44,6 +44,19 @@ const otherList = (params = {}) => { ...@@ -44,6 +44,19 @@ const otherList = (params = {}) => {
return POST(`${Prefix}/office/news/api/otherList`, params) return POST(`${Prefix}/office/news/api/otherList`, params)
} }
// 资讯中心列表
const newsList = (params = {}) => {
return POST(`${Prefix}/office/news/api/realTimeInfo`, params)
}
// 资讯中心详情
const newsInfo = (params = {}) => {
return GET(`${Prefix}/office/news/api/info/${params.id}`)
}
//物联网列表
const iotList = (params = {}) => {
return POST(`${Prefix}/office/news/api/iotList`, params)
}
export default { export default {
pictureList, pictureList,
pictureInfo, pictureInfo,
...@@ -53,5 +66,8 @@ export default { ...@@ -53,5 +66,8 @@ export default {
spList, spList,
announceList, announceList,
announInfo, announInfo,
otherList otherList,
newsList,
newsInfo,
iotList
} }
src/views/News/Application.vue
...@@ -67,9 +67,10 @@ export default { ...@@ -67,9 +67,10 @@ export default {
}, },
getInfo(id){ getInfo(id){
console.log(id,'id') console.log(id,'id')
this.$router.push({ let link = this.$router.resolve({
path: `/Knowledge/Statuteinfo?id=${id}`, path: `/Knowledge/Statuteinfo?id=${id}`,
}); });
window.open(link.href,'_blank')
} }
} }
}; };
......
src/views/News/Center.vue
...@@ -18,8 +18,8 @@ ...@@ -18,8 +18,8 @@
</div> </div>
<div class="picNews-bottom"> <div class="picNews-bottom">
<div class="container"> <div class="container">
<list :list="list" /> <list :list="tableResult.list" @getInfo='getInfo' />
<pages /> <pages :total="tableResult.totalCount" :currPage="tableResult.currPage" @getLimit='initListFn' />
</div> </div>
</div> </div>
</div> </div>
...@@ -40,23 +40,46 @@ export default { ...@@ -40,23 +40,46 @@ export default {
name: "中心活动 ", name: "中心活动 ",
ico: "", ico: "",
}, },
list: [ tableResult:{
{ list:[],
name: "【精彩推荐】企业可通过国家食品（产品）安全追溯平台自动生成物流标签 提升供应链效率", currPage:1,
time: "2020-10-20", pageSize:15,
totalCount:0
}, },
{
name: "全国质量监督检验检疫工作会议在京召开 提高供给质量 严守安全底线 以优异成绩迎接党的十九大胜利召开",
time: "2020-10-20",
},
],
}; };
}, },
created() {
this.initListFn(this.tableResult.currPage);
},
methods: { methods: {
// 查看更多 // 查看更多
lookMore() { lookMore() {
window.open('/News/PicNews', '_target'); window.open('/News/PicNews', '_target');
}, },
// 列表
async initListFn(page,limit) {
const params = {
page: page,
limit: 15,
classId:6
};
const listRes =
await this.$api.news.newsList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.tableResult = data
}
},
// 详情
getInfo(id){
console.log(id,'id')
let link = this.$router.resolve({
path: `/News/msg?id=${id}`,
});
window.open(link.href,'_blank')
}
}, },
}; };
</script> </script>
......
src/views/News/Composite.vue
<template> <template>
<div class="composite"> <div class="composite">
<cate :father="zhbdCate"></cate> <cate :father="bzkydtCate"></cate>
<div class="container"> <div class="container">
<list :list="list" /> <list :list="tableResult.list" @getInfo='getInfo' />
<pages /> <pages :total="tableResult.totalCount" :currPage="tableResult.currPage" @getLimit='initListFn' />
</div> </div>
</div> </div>
</template> </template>
...@@ -20,23 +20,48 @@ export default { ...@@ -20,23 +20,48 @@ export default {
}, },
data() { data() {
return { return {
zhbdCate: { bzkydtCate: {
name: "综合报道", name: "综合报道",
ico: "", ico: "",
}, },
list: [ tableResult:{
{ list:[],
name: "【精彩推荐】企业可通过国家食品（产品）安全追溯平台自动生成物流标签 提升供应链效率", currPage:1,
time: "2020-10-20", pageSize:15,
totalCount:0
}, },
{ };
name: "全国质量监督检验检疫工作会议在京召开 提高供给质量 严守安全底线 以优异成绩迎接党的十九大胜利召开", },
time: "2020-10-20", created() {
this.initListFn(this.tableResult.currPage);
}, },
], methods:{
// 列表
async initListFn(page,limit) {
const params = {
page: page,
limit: 15,
classId:5
}; };
const listRes =
await this.$api.news.newsList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.tableResult = data
}
}, },
methods: {},
// 详情
getInfo(id){
console.log(id,'id')
let link = this.$router.resolve({
path: `/News/msg?id=${id}`,
});
window.open(link.href,'_blank')
}
}
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
......
src/views/News/DepthTopics.vue
...@@ -2,8 +2,8 @@ ...@@ -2,8 +2,8 @@
<div class="composite"> <div class="composite">
<cate :father="bzkydtCate"></cate> <cate :father="bzkydtCate"></cate>
<div class="container"> <div class="container">
<list :list="list" /> <list :list="tableResult.list" @getInfo='getInfo' />
<pages /> <pages :total="tableResult.totalCount" :currPage="tableResult.currPage" @getLimit='initListFn' />
</div> </div>
</div> </div>
</template> </template>
...@@ -24,23 +24,44 @@ export default { ...@@ -24,23 +24,44 @@ export default {
name: "深度专题", name: "深度专题",
ico: "", ico: "",
}, },
list: [ tableResult:{
{ list:[],
name: "“扫”遍双十一 “码”上确定性", currPage:1,
time: "2008-12-30", pageSize:15,
totalCount:0
}, },
{ };
name: "“码上”陪你笑傲电商江湖",
time: "2007-11-05",
}, },
{ created() {
name: "进口商品如何发布全网，拿好这个跨境进口数据法宝", this.initListFn(this.tableResult.currPage);
time: "2007-09-13",
}, },
], methods:{
// 列表
async initListFn(page,limit) {
const params = {
page: page,
limit: 15,
classId:9
}; };
const listRes =
await this.$api.news.newsList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.tableResult = data
}
}, },
methods: {},
// 详情
getInfo(id){
console.log(id,'id')
let link = this.$router.resolve({
path: `/News/msg?id=${id}`,
});
window.open(link.href,'_blank')
}
}
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
......
src/views/News/International.vue
<template> <template>
<div class="composite"> <div class="composite">
<cate :father="gjzzCate"></cate> <cate :father="bzkydtCate"></cate>
<div class="container"> <div class="container">
<list :list="list" /> <list :list="tableResult.list" @getInfo='getInfo' />
<pages /> <pages :total="tableResult.totalCount" :currPage="tableResult.currPage" @getLimit='initListFn' />
</div> </div>
</div> </div>
</template> </template>
...@@ -20,27 +20,48 @@ export default { ...@@ -20,27 +20,48 @@ export default {
}, },
data() { data() {
return { return {
gjzzCate: { bzkydtCate: {
name: "国际追踪", name: "国际追踪",
ico: "", ico: "",
}, },
list: [ tableResult:{
{ list:[],
name: "阿里巴巴（法国）与GS1法国签署合作备忘录 鼓励企业使用GS1标准并提供优质产品数据", currPage:1,
time: "2017-07-10", pageSize:15,
totalCount:0
}, },
{ };
name: "意大利物品编码协会与阿里巴巴集团意大利办事处开展合作",
time: "2017-03-29",
}, },
{ created() {
name: "GS1澳大利亚与阿里巴巴集团签约 天猫澳大利亚进口商品今起可追溯", this.initListFn(this.tableResult.currPage);
time: "2017-01-06",
}, },
], methods:{
// 列表
async initListFn(page,limit) {
const params = {
page: page,
limit: 15,
classId:8
}; };
const listRes =
await this.$api.news.newsList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.tableResult = data
}
}, },
methods: {},
// 详情
getInfo(id){
console.log(id,'id')
let link = this.$router.resolve({
path: `/News/msg?id=${id}`,
});
window.open(link.href,'_blank')
}
}
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
......
src/views/News/IoT.vue
...@@ -8,9 +8,8 @@ ...@@ -8,9 +8,8 @@
</div> </div>
<list :list="list" /> <list :list="tableResult.list" @getInfo='getInfo' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" @getLimit='initListFn' />
<pages />
</div> </div>
</div> </div>
</template> </template>
...@@ -31,25 +30,47 @@ export default { ...@@ -31,25 +30,47 @@ export default {
name: "物联网", name: "物联网",
ico: "", ico: "",
}, },
tableResult:{
list:[],
currPage:1,
pageSize:15,
totalCount:0
},
list: [
{
name: "物联网标识行业GS1标准应用工作座谈会在合肥召开",
},
{
name: "中国物品编码中心河北分中心参加“我国物联网标识Ecode体系建设”",
};
}, },
{ created() {
name: "国家特种设备安全监管物联网应用示范工程项目顺利通过验收并获得专家组高度评价", this.initListFn(this.tableResult.currPage);
}, },
], methods:{
// 列表
async initListFn(page,limit) {
const params = {
page: page,
limit: 15,
classId:30
}; };
const listRes =
await this.$api.news.iotList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.tableResult = data
}
}, },
methods: {},
// 详情
// getInfo(id){
// console.log(id,'id')
// let link = this.$router.resolve({
// path: `/News/msg?id=${id}`,
// });
// window.open(link.href,'_blank')
// }
}
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
......
src/views/News/Local.vue
<template> <template>
<div class="composite"> <div class="composite">
<cate :father="dfdtCate"></cate> <cate :father="bzkydtCate"></cate>
<div class="container"> <div class="container">
<list :list="list" /> <list :list="tableResult.list" @getInfo='getInfo' />
<pages /> <pages :total="tableResult.totalCount" :currPage="tableResult.currPage" @getLimit='initListFn' />
</div> </div>
</div> </div>
</template> </template>
...@@ -20,27 +20,48 @@ export default { ...@@ -20,27 +20,48 @@ export default {
}, },
data() { data() {
return { return {
dfdtCate: { bzkydtCate: {
name: "地方动态", name: "地方动态",
ico: "", ico: "",
}, },
list: [ tableResult:{
{ list:[],
name: "中国物品编码中心北京分中心组织召开医疗器械唯一标识 （UDI）主题座谈会", currPage:1,
time: "2020-10-15", pageSize:15,
totalCount:0
}, },
{ };
name: "中国物品编码中心陕西分中心2021年“世界标准日”宣传活动",
time: "2020-10-15",
}, },
{ created() {
name: "中国物品编码中心深圳分中心协办第二届“医疗器械唯一标识（UDI）实施与合规论坛”", this.initListFn(this.tableResult.currPage);
time: "2020-10-15",
}, },
], methods:{
// 列表
async initListFn(page,limit) {
const params = {
page: page,
limit: 15,
classId:7
}; };
const listRes =
await this.$api.news.newsList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.tableResult = data
}
}, },
methods: {},
// 详情
getInfo(id){
console.log(id,'id')
let link = this.$router.resolve({
path: `/News/msg?id=${id}`,
});
window.open(link.href,'_blank')
}
}
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
......
src/views/News/Notice.vue
...@@ -55,9 +55,10 @@ export default { ...@@ -55,9 +55,10 @@ export default {
getInfo(id){ getInfo(id){
console.log(id,'id') console.log(id,'id')
this.$router.push({ let link = this.$router.resolve({
path: `/News/NoticeArticle?id=${id}`, path: `/News/NoticeArticle?id=${id}`,
}); });
window.open(link.href,'_blank')
} }
} }
}; };
......
src/views/News/NoticeArticle.vue
...@@ -47,7 +47,7 @@ export default { ...@@ -47,7 +47,7 @@ export default {
}, },
methods:{ methods:{
// 政策法规列表 // 详情
async InfoFn() { async InfoFn() {
const params = { const params = {
id:this.id, id:this.id,
......
src/views/News/PicNews.vue
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
<div class="picNews-bottom"> <div class="picNews-bottom">
<div class="container"> <div class="container">
<ul class="picNews-ul"> <ul class="picNews-ul">
<li v-for="(tmp, i) in tableResult.list" :key="i"> <li v-for="(tmp, i) in tableResult.list" :key="i" @click="goInfo(tmp.pictureid)">
<div class="picNews-li-tp"> <div class="picNews-li-tp">
<img :src="tmp.picFile" alt="" /> <img :src="tmp.picFile" alt="" />
</div> </div>
...@@ -90,6 +90,13 @@ export default { ...@@ -90,6 +90,13 @@ export default {
} }
}, },
// 详情
goInfo(id){
let link = this.$router.resolve({
path: `/News/msg?id=${id}`,
});
window.open(link.href,'_blank')
}
}, },
}; };
</script> </script>
......
src/views/News/Research.vue
...@@ -2,8 +2,8 @@ ...@@ -2,8 +2,8 @@
<div class="composite"> <div class="composite">
<cate :father="bzkydtCate"></cate> <cate :father="bzkydtCate"></cate>
<div class="container"> <div class="container">
<list :list="list" /> <list :list="tableResult.list" @getInfo='getInfo' />
<pages /> <pages :total="tableResult.totalCount" :currPage="tableResult.currPage" @getLimit='initListFn' />
</div> </div>
</div> </div>
</template> </template>
...@@ -24,23 +24,44 @@ export default { ...@@ -24,23 +24,44 @@ export default {
name: "标准科研动态", name: "标准科研动态",
ico: "", ico: "",
}, },
list: [ tableResult:{
{ list:[],
name: "取得多项专利和技术创新成果 获得多项技术产品和科技成果奖", currPage:1,
time: "2008-12-30", pageSize:15,
totalCount:0
}, },
{ };
name: "汉字编码技术有了自主国标——解读汉信码及《汉信码》国家标准",
time: "2007-11-05",
}, },
{ created() {
name: "我国自主知识产权二维码国家标准《汉信码》正式发布", this.initListFn(this.tableResult.currPage);
time: "2007-09-13",
}, },
], methods:{
// 列表
async initListFn(page,limit) {
const params = {
page: page,
limit: 15,
classId:30
}; };
const listRes =
await this.$api.news.newsList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.tableResult = data
}
}, },
methods: {},
// 详情
getInfo(id){
console.log(id,'id')
let link = this.$router.resolve({
path: `/News/msg?id=${id}`,
});
window.open(link.href,'_blank')
}
}
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
......
src/views/News/Video.vue
...@@ -2,8 +2,8 @@ ...@@ -2,8 +2,8 @@
<div class="composite"> <div class="composite">
<cate :father="bzkydtCate"></cate> <cate :father="bzkydtCate"></cate>
<div class="container"> <div class="container">
<list :list="list" /> <list :list="tableResult.list" @getInfo='getInfo' />
<pages /> <pages :total="tableResult.totalCount" :currPage="tableResult.currPage" @getLimit='initListFn' />
</div> </div>
</div> </div>
</template> </template>
...@@ -24,23 +24,44 @@ export default { ...@@ -24,23 +24,44 @@ export default {
name: "精彩视频", name: "精彩视频",
ico: "", ico: "",
}, },
list: [ tableResult:{
{ list:[],
name: "抗击疫情 中国物品编码中心在行动！", currPage:1,
time: "2020/01/31", pageSize:15,
totalCount:0
}, },
{ };
name: "《新闻联播》：制度集成创新让博鳌乐城初步实现医疗技术、设备、药品“三同步” ——GS",
time: "2021/04/14",
}, },
{ created() {
name: "GS1总部最新追溯视频——GS1追溯标准助力供应链可视化和效率提升", this.initListFn(this.tableResult.currPage);
time: "2020/08/26",
}, },
], methods:{
// 列表
async initListFn(page,limit) {
const params = {
page: page,
limit: 15,
classId:10
}; };
const listRes =
await this.$api.news.newsList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.tableResult = data
}
}, },
methods: {},
// 详情
getInfo(id){
console.log(id,'id')
let link = this.$router.resolve({
path: `/News/msg?id=${id}`,
});
window.open(link.href,'_blank')
}
}
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
......
src/views/News/index.vue
...@@ -9,11 +9,11 @@ ...@@ -9,11 +9,11 @@
<span @click="goNewPic">查看更多>></span> <span @click="goNewPic">查看更多>></span>
</div> </div>
<div class="tpzx-ul"> <div class="tpzx-ul">
<div class="tpzx-li" v-for="(tmp, i) in 3" :key="i"> <div class="tpzx-li" v-for="(tmp, i) in picList" :key="i" @click="goInfo(tmp.pictureId)">
<div class="tpzx-li-tp"> <div class="tpzx-li-tp">
<img src="../../assets/image/news/tpzx-tp1.jpg" alt="" /> <img :src="tmp.picFile" alt="" />
</div> </div>
<div class="tpzx-li-bt">中国代表团成功参加第27次IS12111</div> <div class="tpzx-li-bt">{{tmp.title}}</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -46,11 +46,8 @@ ...@@ -46,11 +46,8 @@
</div> </div>
<div class="two-kj"> <div class="two-kj">
<ul class="two-ul"> <ul class="two-ul">
<li v-for="(tmp, i) in 6" :key="i"> <li v-for="(tmp, i) in centerList" :key="i" @click="goInfo(tmp.id)">
<span></span <span></span><span>{{tmp.title}}</span>
><span
>编码分支机构医疗器械唯一标识（UDI）专项培训班在烟台成功举办</span
>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -62,11 +59,8 @@ ...@@ -62,11 +59,8 @@
</div> </div>
<div class="two-kj"> <div class="two-kj">
<ul class="two-ul"> <ul class="two-ul">
<li v-for="(tmp, i) in 6" :key="i"> <li v-for="(tmp, i) in localList" :key="i" @click="goInfo(tmp.id)">
<span></span <span></span><span>{{tmp.title}}</span>
><span
>编码分支机构医疗器械唯一标识（UDI）专项培训班在烟台成功举办</span
>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -87,9 +81,8 @@ ...@@ -87,9 +81,8 @@
</div> </div>
<div class="col-lg-4"> <div class="col-lg-4">
<ul> <ul>
<li v-for="(tmp, i) in 7" :key="i"> <li v-for="(tmp, i) in depthList" :key="i" @click="goInfo(tmp.id)">
<span></span <span></span><span>{{tmp.title}}</span>
><span>进口商品如何发布全网，拿好这个跨境进口数据法宝</span>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -103,9 +96,8 @@ ...@@ -103,9 +96,8 @@
<div class="row"> <div class="row">
<div class="col-lg-4"> <div class="col-lg-4">
<ul> <ul>
<li v-for="(tmp, i) in 7" :key="i"> <li v-for="(tmp, i) in videoList" :key="i" @click="goInfo(tmp.id)">
<span></span <span></span><span>{{tmp.title}}</span>
><span>进口商品如何发布全网，拿好这个跨境进口数据法宝</span>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -269,8 +261,35 @@ export default { ...@@ -269,8 +261,35 @@ export default {
], ],
}, },
], ],
picList:[],
centerList:[],
videoList:[],
localList:[],
depthList:[]
}; };
}, },
created(){
let that =this
// 图片资讯
this.picListFn()
// 中心活动
this.initListFn(6,6).then(function(result) {
that.centerList = result
})
// 精彩视频
this.initListFn(7,10).then(function(result) {
that.videoList = result
})
//地方动态
this.initListFn(6,7).then(function(result) {
that.localList = result
})
//深度专题
this.initListFn(7,9).then(function(result) {
that.depthList = result
})
},
methods:{ methods:{
goNewPic(){ goNewPic(){
this.$router.push({ this.$router.push({
...@@ -288,6 +307,44 @@ export default { ...@@ -288,6 +307,44 @@ export default {
}); });
}, },
async initListFn(limit,classId) {
const params = {
page: 1,
limit: limit,
classId:classId
};
const listRes =
await this.$api.news.newsList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
return data.list
}
},
async picListFn() {
const params = {
page: 1,
limit: 3,
};
const listRes =
await this.$api.news.pictureList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.picList = data.list
}
},
// 详情
goInfo(id){
console.log(id,'id')
let link = this.$router.resolve({
path: `/News/msg?id=${id}`,
});
window.open(link.href,'_blank')
}
} }
}; };
</script> </script>
...@@ -381,6 +438,8 @@ export default { ...@@ -381,6 +438,8 @@ export default {
} }
img { img {
width: 100%; width: 100%;
height: 140px;
background: url('../../assets/image/news/tpzx-tp1.jpg') 100% 100%;
} }
.tpzx-li-bt { .tpzx-li-bt {
width: 90%; width: 90%;
......
src/views/News/msg.vue
...@@ -6,14 +6,14 @@ ...@@ -6,14 +6,14 @@
<div class="msg-cont"> <div class="msg-cont">
<div class="container"> <div class="container">
<div class="msg-title"> <div class="msg-title">
中国主导的首个二维码码制国际标准正式发布 {{title}}
</div> </div>
<div class="msg-head"> <div class="msg-head">
<div class="msg-head-left"> <div class="msg-head-left">
<span>作者：董晓文 邓惠朋 王琳</span> <span>作者：{{author}}</span>
<span>日期：2021/08/31</span> <span>日期：{{showtime}}</span>
<span>编辑：黄雪松</span> <span>编辑：{{editor}}</span>
<span>来源：中国物品编码中心应用推广部</span> <span>来源：{{source}}</span>
</div> </div>
<div class="msg-head-right"> <div class="msg-head-right">
<span>分享至：</span> <span>分享至：</span>
...@@ -21,43 +21,8 @@ ...@@ -21,43 +21,8 @@
<img src="../../assets/image/news/icon_weixin.png" alt="" /> <img src="../../assets/image/news/icon_weixin.png" alt="" />
</div> </div>
</div> </div>
<div class="msg-text"> <div class="msg-text" v-html="content">
<p>
2021年8月27日，国际标准化组织（ISO）和国际电工协会（IEC）正式发布汉信码ISO/IEC国际标准——ISO/IEC
20830:2021《信息技术 自动识别与数据采集技术
汉信码条码符号规范》。该国际标准是中国提出并主导制订的第一个二维码码制国际标准，是我国自动识别与数据采集技术发展的重大突破，填补了我国国际标准制修订领域的空白，彻底解决了我国二维码技术“卡脖子”的难题。
</p>
<p>
汉信码由中国物品编码中心牵头自主研制，是拥有完全自主知识产权的二维码码制，具有知识产权免费、支持任意语言编码、汉字信息编码能力超强、极强抗污损、抗畸变识读能力、识读速度快、信息密度高、信息容量大、纠错能力强等突出特点，达到国际领先水平。汉信码实现了我国二维码底层技术的后来居上，可在我国多个领域行业实现规模化应用，为我国应用二维码技术提供了可靠的核心技术支撑。
</p>
<p>
汉信码ISO/IEC国际标准的发布，是我国自动识别与数据采集技术领域自主创新的重要里程碑，是“国家标准走出去”战略的成功典范，大大提升了中国在国际二维码技术领域中的话语权,为我国二维码技术发展谱写了辉煌的篇章。
</p>
<p class="strong">延伸阅读：</p>
<p>
2003年，中国物品编码中心为了解决国际二维码垄断问题，申请国家“十五”重要技术标准研究课题，立志要做出中国人自己的二维码。2007年，由中国物品编码中心牵头研发的我国第一个拥有完全自主知识产权的国家二维码标准——《汉信码》（GB/T
21049-2007）正式发布。从我国国家标准到国际标准，汉信码的研发历程浓缩了我国技术崛起的历史。
</p>
<p class="strong">从国标到AIM标准，走向国际的第一步</p>
<p>
2011年，汉信码更进一步，成为国际自动识别制造商协会（AIM
Global）正式的码制标准。汉信码AIM国际标准的制定和发布，标志着汉信码（Han
Xin
code）正式获得了国际自动识别技术产业界和主要自动识别技术企业的认可和支持，成为国际主流码制之一。AIM
Global盛赞汉信码技术，并鼓励中国尽快将汉信码上升成为ISO标准。
</p>
<p class="strong">成为ISO/IEC国际标准，确立国际权威地位</p>
<p>
国际标准化组织（ISO）和国际电工协会（IEC）是全球公认的国际标准化组织。2015年，汉信码标准在ISO/IEC
JTC1/SC31（ISO/IEC信息技术委员会自动识别与数据采集技术分技术委员会）成功立项。
</p>
<p>
随后的几年中，汉信码ISO国际标准项目共经历了四个阶段的意见征集与修订。2021年7月28日，汉信码ISO国际标准项目获全票通过。8月27日，汉信码ISO国际标准
ISO/IEC 20830《信息技术 自动识别与数据采集技术
汉信码条码符号规范》（Information technology — Automatic
identification and data capture techniques — Han Xin Code bar
code symbology specification）正式出版。
</p>
</div> </div>
</div> </div>
</div> </div>
...@@ -131,117 +96,14 @@ export default { ...@@ -131,117 +96,14 @@ export default {
}, },
data() { data() {
return { return {
routeList: [ id:this.$route.query.id,
{ content:'',
name: "资讯中心", title:'',
path: "", showtime:'',
active: "", author:'',
children: [ source:'',
{ editor:'',
name: "图片资讯",
path: "/News/PicNews",
active: "PicNews",
},
{
name: "综合报道",
path: "/News/Composite",
active: "Composite",
},
{
name: "中心活动",
path: "/News/Center",
active: "Center",
},
{
name: "地方动态",
path: "/News/Local",
active: "Local",
},
{
name: "国际追踪",
path: "/News/International",
active: "International",
},
{
name: "标准科研动态",
path: "/News/Research",
active: "Research",
},
{
name: "行业应用",
path: "",
active: "",
},
{
name: "深度专题",
path: "",
active: "",
},
{
name: "精彩视频",
path: "",
active: "",
},
{
name: "公告通知",
path: "",
active: "",
},
],
},
{
name: "应用领域",
path: "",
active: "",
children: [
{
name: "零售",
path: "",
active: "",
},
{
name: "物流",
path: "",
active: "",
},
{
name: "医疗卫生",
path: "/News/Health",
active: "Health",
},
{
name: "食品安全追溯",
path: "",
active: "",
},
{
name: "电子商务",
path: "",
active: "",
},
{
name: "移动商务",
path: "",
active: "",
},
{
name: "物联网",
path: "",
active: "",
},
{
name: "其他",
path: "",
active: "",
},
],
},
],
breadcrumb: [{ name: "资讯中心", path: "/News/index" }], breadcrumb: [{ name: "资讯中心", path: "/News/index" }],
msg: {
title: "中国石油物资采购中心赴中国物品编码中心交流座谈",
},
xglj: { xglj: {
data: [ data: [
{ {
...@@ -276,14 +138,34 @@ export default { ...@@ -276,14 +138,34 @@ export default {
}; };
}, },
created() { created() {
this.InfoFn()
},
methods: {
async InfoFn() {
const params = {
id:this.id,
};
const listRes =
await this.$api.news.newsInfo(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.content=data.content;
this.title=data.title
this.showtime = data.showtime
this.author=data.author
this.source=data.source
this.editor=data.editor
this.breadcrumb = this.breadcrumb.concat(this.matche); this.breadcrumb = this.breadcrumb.concat(this.matche);
this.breadcrumb.push({ this.breadcrumb.push({
name: this.msg.title, name: this.title,
}); });
console.log(this.breadcrumb, this.matche, "this.$route");
this.$store.commit("system/SET_BREADCRUMB", this.breadcrumb); this.$store.commit("system/SET_BREADCRUMB", this.breadcrumb);
}
},
}, },
methods: {},
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
...@@ -323,6 +205,7 @@ export default { ...@@ -323,6 +205,7 @@ export default {
.msg-title { .msg-title {
color: #454545; color: #454545;
font-size: 26px; font-size: 26px;
text-align: center;
} }
.msg-head { .msg-head {
border-bottom: 1px dashed #c5d8ee; border-bottom: 1px dashed #c5d8ee;
......
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