Skip to content

G
gs1
Commit 30218862 by Lyan
Options

专题添加

parent 8baa4f22
Showing with 6930 additions and 5 deletions
public/index.html
......@@ -13,7 +13,7 @@
<script src="/bootstrap/jquery.slim.min.js" ></script>
<script src="/bootstrap/popper.min.js" ></script>
<script src="/bootstrap/bootstrap.min.js" ></script>
<script src="libs/grayscale.js"></script>
<script src="/libs/grayscale.js"></script>
<!-- <link rel="shortcut icon" href="/favicon.ico"/> -->
<title>中国物品编码中心</title>
</head>
......
src/main.js
......@@ -84,12 +84,13 @@ import moment from 'moment';
Vue.prototype.$moment = moment;
Vue.config.productionTip = false;
const Prefix = process.env.NODE_ENV === 'development' ? '/gs1' : '';
const Prefix2 = process.env.NODE_ENV === 'development' ? '/gs1' : process.env.VUE_APP_API_URL;
router.beforeEach((to, from, next) => {
axios.post(Prefix+"/office/websitehitcountdetail/api/save", {
axios.post(Prefix2+"/office/websitehitcountdetail/api/save", {
route: to.fullPath
}).then(res => {
})
})
NProgress.start();
const whiteList = ["/404"];
if (
......
src/router/index.js
......@@ -1570,6 +1570,7 @@ const routes = [
redirect: "/404",
},
//英文版本
{
path: "/EnglishHome",
......@@ -1710,7 +1711,97 @@ const routes = [
},
}
]
}
},
// 专题start
{
path: "/News/topic/topicFive",
name: "315topic",
meta: {
name: "2016年'3·15'物品编码活动专题",
},
component: () => import("@/views/topic/topicFive"),
},
{
path: "/News/topic/xiangma",
name: "xiangma",
meta: {
name: "箱码专题",
},
component: () => import("@/views/topic/xiangma"),
},
{
path: "/News/topic/zlyTopic",
name: 'zlyTopic',
meta: {
name: "2016年全国“质量月”活动专题",
},
component: () => import("@/views/topic/zlyTopic"),
},
{
path: "/News/topic/syssTopic",
name: 'syssTopic',
meta: {
name: "开展“两学一做”专题教育",
},
component: () => import("@/views/topic/syssTopic"),
},
{
path: "/News/topic/abouttsd",
name: 'abouttsd',
meta: {
name: "可信数据源",
},
component: () => import("@/views/topic/abouttsd"),
},
{
path: "/News/topic/zly2013",
name: 'zly2013',
meta: {
name: "2013年全国“质量月”活动",
},
component: () => import("@/views/topic/zly2013"),
},
{
path: "/News/topic/zly2014315",
name: 'zly2014315',
meta: {
name: "2014年3·15活动专题",
},
component: () => import("@/views/topic/zly2014315"),
},
{
path: "/News/topic/2014zly",
name: '2014zly',
meta: {
name: "2014年“质量月”专题",
},
component: () => import("@/views/topic/2014zly"),
},
{
path: "/News/topic/2015315Topic",
name: '2015315Topic',
meta: {
name: "2015年“315”专题",
},
component: () => import("@/views/topic/2015315Topic"),
},
{
path: "/News/topic/zly2015",
name: 'zly2015',
meta: {
name: "2015年“质量月”专题",
},
component: () => import("@/views/topic/zly2015"),
},
{
path: "/News/topic/2017zly",
name: '2017zly',
meta: {
name: "2017年“质量月”专题",
},
component: () => import("@/views/topic/2017zly"),
},
// 专题end
];
const router = new VueRouter({
strict:false,
......
src/views/topic/2014zly.vue 0 → 100644
<template>
<div style="background:#fff;">
<div class="banner">
<img src="./img/2014zlybanner.jpg">
</div>
<div class="top-line"></div>
<div class="main">
<div class="main-top">
<div class="main-top-1-2">
<div class="main-top-1">
<div id="picNews" class="article tabset Slide Slide-tab-view-digit-layout-absolute Slide-page-layout-auto">
<div class="tabset-tabs-root">
<ol class="tabset-tab-list">
<li class="tabset-tab" v-for="(item,index) in 5" :key="index" @click="changeLunbo(index)" :class="{'tabset-tab-actived':idx==index}" @mouseover="stopPlay" @mouseout="continuePlay">
<a title="1" hidefocus=""><b>{{index+1}}</b></a>
</li>
</ol>
</div>
<div class="tabset-pages-root">
<div class="tabset-page-list">
<div class="tabset-page" v-for="(item,index) in lunboArr" :key="index" :class="{'tabset-page-actived':idx==index}" @mouseover="stopPlay" @mouseout="continuePlay">
<a :href="item.path" target="_blank">
<img :src="item.img" alt=""><b>{{item.title}}</b></a>
</div>
</div>
</div>
</div>
</div>
<div class="main-top-2">
<div class="centernews-title">
<span>中心要闻</span>
</div>
<ul>
<li><a href="/News/article.aspx?&amp;id=10988" target="_blank"> 中国物品编码中心召开“五四”青年座谈会</a></li>
<li><a href="/News/article.aspx?&amp;id=10987" target="_blank"> 医疗器械物流管理来了！ —GS1 UDI服务专区“系列货运包装箱代…</a></li>
<li><a href="/News/article.aspx?&amp;id=10985" target="_blank"> 基于GS1标准的医药全球追溯体系建设研讨会在上海成功举办</a></li>
<li><a href="/News/article.aspx?&amp;id=10976" target="_blank"> 食品原材料追溯及编码标准化专题座谈会在深圳召开</a></li>
<li><a href="/News/article.aspx?&amp;id=10971" target="_blank"> 基于GS1标准的医疗器械唯一标识（UDI）系统规则实施公益培训在…</a></li>
<li><a href="/News/article.aspx?&amp;id=10970" target="_blank"> 中国物品编码中心与国铁物资有限公司合作推进商品信息规范应用…</a></li>
<li><a href="/News/article.aspx?&amp;id=10966" target="_blank"> 线上线下零售生鲜统一编码2项团体标准启动会暨标准研讨会在杭…</a></li>
<li><a href="/News/article.aspx?&amp;id=10962" target="_blank"> 基于GS1标准的医疗器械唯一标识（UDI）系统规则实施公益培训在…</a></li>
<li><a href="/News/article.aspx?&amp;id=10961" target="_blank"> 中国航空运输协会赴中国物品编码中心、中国自动识别技术协会调…</a></li>
</ul>
<div class="more"><a href="http://www.gs1cn.org/News/Center.aspx" target="_blank" style="text-decoration:none;">更多&gt;&gt;</a></div>
</div>
</div>
<div class="main-top-3">
<div class="kh_title">
<span>2014年全国“质量月”活动口号</span>
</div>
<div class="gd"></div>
<div class="kh_content">
<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2">
<pre><p>1、推动“三个转变” 建设质量强国</p>
<p>2、提质增效升级 打造中国质量</p>
<p>3、提质增效升级 建设质量强国</p>
<p>4、贯彻党的十八届三中全会精神<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;推动实施《质量发展纲要》</p>
<p>5、全民重质量 共筑中国梦</p>
<p>6、增强质量意识 建设质量强国</p>
<p>7、全面提高质量 推动科学发展</p>
<p>8、恪守质量诚信 践行社会责任</p>
<p>9、提高质量效益 助推经济发展</p>
<p>10、建设质量强国 共享美好生活</p>
<p>11、推动质量发展 建设美丽中国</p>
<p>12、质量助推经济转型 安全促进<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;社会和谐</p>
<p>13、质量成就品牌 信用誉满全球</p>
<p>14、质量同行 诚信同心 未来同建</p>
<p>15、共建质量强国 同创美好生活</p>
<p>16、质量上台阶 生活上品位</p>
<p>17、共筑质量大堤 共享和谐生活</p>
<p>18、质量是民生之重 兴国之道 <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;强国之策</p>
<p>19、质量是民生之本 质量是幸福之根</p>
<p>20、提升质量 追求卓越 共建美丽中国</p>
<p>21、质量引领中国制造走向世界</p>
<p>22、认证认可 传递信任 服务发展</p>
<p>23、质量提升 标准先行</p>
<p>24、人人创造质量 人人享受质量</p>
<p>25、落实质量责任 增强消费信心</p>
<p>26、提高服务质量 追求顾客满意</p>
<p>27、赶超质量标杆 争创一流服务</p>
</pre>
</marquee>
</div>
</div>
</div>
<div class="main-middle">
<div class="main-middle-left">
<div class="main-middle-left-top">
<div class="zly-tongzhi-title">
<span>质检总局等关于开展2014年全国“质量月”活动的通知</span>
</div>
<p>为深入贯彻实施《质量发展纲要（2011-2020年）》，促进社会质量共治，推进建设质量强国，按照《贯彻实施质量发展纲要2014年行动计划》（国办发〔2014〕18号）的部署，2014年9月，质检总局联合相关部门、行业协会等共同开展全国“质量月”活动。</p>
<div class="ckxq"><a href="http://www.aqsiq.gov.cn/ztlm/2014/zly/tz/201408/t20140829_420383.htm" target="_blank" style="text-decoration:none;">查看详情&gt;&gt;</a></div>
</div>
<div class="main-middle-left-down">
<div class="application">
<div class="hx">
<a href="http://www.gs1cn.org/Service/Book.aspx?classid=3" target="_blank"><img src="./img/hx.jpg"></a>
</div>
<div class="cjfw">
<a href="http://www.aqsiq.gov.cn/cjsfw/sptm/index.htm" target="_blank"><img src="./img/cjsfw2.jpg"></a>
</div>
<div class="tmzs">
<a href="http://www.gs1cn.org/Service/Book.aspx?classid=3" target="_blank"><img src="./img/1.jpg"></a>
<div class="img-1"><a href="http://www.chinatrace.org/toIphoneDownload.html" target="_blank"><img src="./img/2.jpg"></a></div>
<div class="img-2"><a href="http://www.chinatrace.org/toAndroidDownload.html" target="_blank"><img src="./img/3.jpg"></a></div>
</div>
<div class="fwapp">
<a href="http://www.gs1cn.org/Service/Book.aspx?classid=3" target="_blank"><img src="./img/wlwapp.jpg"></a>
</div>
</div>
</div>
</div>
<div class="main-middle-right">
<div id="ppt" class="com">
<ul>
<li><a href="http://www.aqsiq.gov.cn/ztlm/2014/zly/" target="_blank"><img src="./img/2014zlyxch1.jpg"></a></li>
<li><a href="http://www.aqsiq.gov.cn/ztlm/2014/zly/" target="_blank"><img src="./img/2014zlyxch2.jpg"></a></li>
<li><a href="http://www.aqsiq.gov.cn/ztlm/2014/zly/" target="_blank"><img src="./img/2014zlyxch3.jpg"></a></li>
<li><a href="http://www.aqsiq.gov.cn/ztlm/2014/zly/" target="_blank"><img src="./img/2014zlyxch4.jpg"></a></li>
</ul>
</div>
</div>
</div>
<div class="down-line"></div>
<div class="main-down">
<div class="gs1-40-year">
<a href="http://40.gs1.org/" target="_blank"><img src="./img/gs1-40-years.jpg" title="GS1 40 周年"></a>
</div>
<div class="ancc-25-year">
<img src="./img/ancc-25-years.jpg">
</div>
<div class="tiaomajidi">
<a href="http://www.gs1cn.org/2013/tiaomajidi/index.aspx" target="_blank"><img src="./img/tmjd.png" title="商品条码与编码"></a>
</div>
<div class="zxtg">
<a href="http://www.gs1cn.org/Member/login.aspx?RefUrl=http://www.gs1cn.org/News/contribute.aspx" target="_blank"><img src="./img/zxtg2.png" title="在线投稿"></a>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'detail',
data() {
return {
idx:0,
lunboArr:[
{
img:require('./img/6f8032ae-0e03-404a-9705-298f7439f21e.jpg'),
path:'/News/article.aspx?Id=10988&amp;picid=848',
title:'中国物品编码中心召开“五四”青年座谈会'
},
{
img:require('./img/5a994d0a-2f1a-4d3a-bfac-d4d5f008320c.jpg'),
path:'/News/article.aspx?Id=10988&amp;picid=847',
title:'食品原材料追溯及编码标准化专题座谈会在深圳召开'
},
{
img:require('./img/7d818e4f-a2f5-40eb-a4e4-eff09f427ca2.jpg'),
path:'/News/article.aspx?Id=10988&amp;picid=846',
title:'线上线下零售生鲜统一编码2项团体标准启动会暨标准研讨会在杭州成功召开'
},
{
img:require('./img/79477916-43b0-4767-b169-2297467df7cf.jpg'),
path:'/News/article.aspx?Id=10988&amp;picid=845',
title:'【重生 狂飙】2023年第一届ECR联合工委会会议在上海康师傅大楼顺利召开'
},
{
img:require('./img/8ec3b29f-0327-491c-85cf-0d2510f72bfc.jpg'),
path:'/News/article.aspx?Id=10988&amp;picid=844',
title:'中国物品编码中心总工程师李建辉一行赴福建调研'
}
],
timer :null,
}
},
mounted(){
this.autoplay()
},
methods: {
changeLunbo(index){
this.idx=index
},
autoplay(){
let _this=this
this.timer =setInterval(function(){
_this.idx++;
if(_this.idx>=5){
_this.idx=0;
}
},2000)
},
continuePlay(){
this.autoplay()
},
stopPlay(){
clearInterval(this.timer);
}
}
}
</script>
<style lang="scss" scoped>
a:hover{
color: #294c7f;
}
.top_nav{
width: 115px;
height: 22px;
margin: 0 auto;
margin-bottom: 5px;
}
.banner{
width: 890px;
height: 300px;
margin: 0 auto;
}
/*.top-line
{
width:890px;
height:5px;
margin:0 auto;
margin-top:10px;
margin-bottom:2px;
background-color:#FF4500;
}*/
.down-line{
width: 890px;
height: 5px;
margin: 0 auto;
margin-top: 2px;
background-color: #FF4500;
}
.main{
width: 890px;
height: 735px;
margin: 0 auto;
margin-top: 10px;
}
/* 页脚 */
.footer{
margin: 2em auto auto;
padding: 2em 0;
border: 1px solid #039;
border: 1px solid #DBDEE1;
border-width: 1px 0 0; /*border-radius: 10px 10px 0 0; background:url(/img/horizontal-line-shadow.png) repeat-x;*/
text-align: center;
}
.fnav{
margin: auto auto 1em;
font-size: 14px;
}
.fnavList{
display: inline-block;
}
.fnavList li{
float: left;
padding: 0 2em;
}
.footer p{
line-height: 2em;
font-size: small;
}
.footer address{
font-style: normal;
font-size: small;
}
.main-top{
width: 890px;
height: 282px; /*border:1px solid;*/
}
.main-middle{
width: 890px;
height: 310px;
margin-top: 10px;
}
.main-down{
width: 890px;
height: 115px;
}
.main-top-1-2{
width: 635px;
height: 282px; /*border:1px solid #bebebe;*/
float: left; /*border-top:none; border-right:none; border-left:none;*/
}
.main-top-1{
width: 220px;
height: 282px;
float: left;
}
.main-top-2{
width: 410px;
height: 282px;
float: left;
font-size: 12px;
border: 1px solid #bebebe;
border-radius: 4px 4px 0 0; /*border-bottom:none;*/
margin-left: 3px;
}
.centernews-title{
width: 411px;
height: 25px; /*background-image:url(../img/centernews-title-bg.jpg);*/
background-color: #8bc920;
border-radius: 4px 4px 0 0;
}
.centernews-title span{
font-size: 14px;
color: #FFFFFF;
font-family: 微软雅黑;
font-weight: bold;
margin-left: 10px;
}
.main-top-2 ul{
list-style: inside disc;
color: #CC9;
line-height: 25px;
margin-top: 5px;
}
.main-top-2 li{
padding-left: 10px;
}
.more{
width: 45px;
height: 15px;
float: right;
margin-top: 8px;
}
.main-top-3{
width: 240px;
height: 282px;
float: left;
margin-left: 15px;
}
.kh_title{
width: 238px;
height: 25px; /*background-image:url(../img/centernews-title-bg.jpg);*/
background-color: #8bc920;
border-radius: 4px 4px 0 0;
}
.gd{
width: 236px;
height: 10px;
background-color: #eef3f9;
border: 1px solid #bebebe;
border-bottom: none;
border-top: none;
}
.kh_title span{
margin-left: 25px;
font-weight: bold;
font-family: 微软雅黑;
font-size: 14px;
color: #FFFFFF;
}
.kh_content{
width: 236px;
height: 246px;
border: 1px solid #bebebe; /*background-image:url(../img/kh-content-bg.jpg);*/
background-color: #eef3f9;
border-top: none;
}
marquee{
position: absolute;
width: 220px;
height: 246px;
margin-left: 12px;
line-height: 8px;
}
marquee p{
font-size: 12px;
text-align: left;
font-family: 微软雅黑;
font-weight: bold;
line-height: 2;
margin-left: 15px;
color: #294c7f;
}
*, ::after, ::before{
box-sizing: initial;
}
p{
margin: 0;
}
.main-middle-left{
width: 635px;
height: 305px;
float: left;
}
.main-middle-right{
width: 240px;
height: 305px;
float: left;
margin-left: 15px;
}
.main-middle-left-top{
width: 635px;
height: 150px;
border: 1px solid #bebebe;
border-radius: 4px 4px 0 0;
}
.zly-tongzhi-title{
width: 635px;
height: 25px; /*background-image:url(../img/centernews-title-bg.jpg);*/
background-color: #8bc920;
border-radius: 4px 4px 0 0;
}
.zly-tongzhi-title span{
margin-left: 10px;
font-weight: bold;
font-family: 微软雅黑;
font-size: 14px;
color: #FFFFFF;
}
.main-middle-left-top p{
line-height: 28px;
text-indent: 28px;
font-size: 14px;
font-family: 微软雅黑;
margin-top: 10px;
}
.ckxq{
width: 80px;
height: 18px;
float: right;
margin-top: 8px;
font-family: 微软雅黑;
font-size: 14px;
}
.main-middle-left-down{
width: 635px;
height: 150px;
border: 1px solid #bebebe;
margin-top: 4px;
border-radius: 4px 4px 0 0;
}
.application{
width: 600px;
height: 130px;
margin-top: 6px;
}
.hx{
width: 241px;
height: 51px;
float: left;
margin-top: 10px;
margin-left: 40px;
}
.cjfw{
width: 241px;
height: 51px;
float: left;
margin-top: 10px;
margin-left: 62px;
}
.tmzs{
width: 241px;
height: 51px;
float: left;
margin-top: 10px;
margin-left: 40px;
}
.img-1{
width: 74px;
height: 26px;
margin-top: -51px;
margin-left: 167px;
}
.img-2{
width: 74px;
height: 26px;
margin-top: -1px;
margin-left: 167px;
}
.fwapp{
width: 241px;
height: 51px;
float: left;
margin-top: 10px;
margin-left: 60px;
}
/* 图片新闻 */
#picNews{
position: relative;
float: left;
width: 220px;
}
#picNews .tabset-tabs-root{
position: absolute;
width: 100%;
top: 184px;
right: 0;
color: #fff;
background-color: #000;
background: -webkit-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,1));
background: -moz-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,1));
background: -ms-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,1));
background: -o-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,1));
background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1));
}
#picNews .tabset-tab-list{
float: right;
margin: 0;
}
#picNews .tabset-tab{
float: left;
padding: 0;
border-left: 1px solid rgba(255,255,255,.38);
line-height: 16px;
text-align: center;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}
#picNews .tabset-tab a{
display: block;
width: 22px;
height: 16px;
color: #fff;
text-decoration: none;
}
#picNews .tabset-tab-actived a, #picNews .tabset-tab a:hover
{
background-color: #f60;
}
#picNews .tabset-tab a b{
font-weight: normal;
}
#picNews .tabset-page{
text-align: center;
}
#picNews .tabset-page a{
display: block;
width: 220px;
height: 200px;
}
#picNews .tabset-page a img{
display: block;
width: 100%;
height: 100%;
}
#picNews .tabset-page a b{
display: block;
margin: 1px auto;
padding: 10px 0;
height: 55px;
background: url(./img/gray-bg-x.h80.png) 0 100% repeat-x;
font-size: 12px;
line-height: 2em;
}
/* 选项卡 */
.tabset-page{
display: none;
}
.tabset-page-actived{
display: block;
}
ol, ul{
list-style: none outside;
}
/* 列表根 */
#ob_body .tabset-tabs-root{
float: left;
margin-right: 10px;
border: 1px solid #DBDEE1;
background-color: #F6F4F7;
width: 120px;
height: 248px;
}
#ob_body .tabset-tab-list{
}
#ob_body .tabset-tab{
padding: 0;
height: 44px;
margin-bottom: -1px;
}
#ob_body .tabset-tab a{
position: relative;
display: block;
padding: 1px;
border: 1px solid #DBDEE1;
border-width: 1px 0;
background-color: #fff;
}
#ob_body .tabset-tab a b{
display: block;
padding-left: 18px;
height: 40px;
background: url(/img/index/gray-bg-x.h40.png) repeat-x;
font-size: 14px;
line-height: 40px;
}
#ob_body .tabset-tab-actived a{
z-index: 1px;
left: 1px;
border-left: 3px solid #F46336;
}
#ob_body .tabset-tab-actived a b{
background: none;
}
#ob_body .tabset-tab a b{
}
*{
margin: 0;
padding: 0;
border: none;
}
.com{
width: 240px;
height: 305px;
overflow: hidden;
position: relative;
background: black;
}
.com ul{
width: 3000px;
font-size: 0;
}
.com ul li{
vertical-align: bottom;
height: 100%;
overflow: hidden;
float: left;
background: white url(/jscss/demoimg/201307/loading.gif) no-repeat center center;
vertical-align: bottom;
list-style: none;
overflow: hidden;
}
.com ol{
position: absolute;
right: 0;
bottom: 5px; ;z-index:10;list-style:none;height:21px}
.com ol li{
width: 15px;
background: white;
border: 1px solid #74A8ED;
border-radius: 10px;
color: #74A8ED;
cursor: pointer;
float: left;
font: 12px Arial;
height: 15px;
margin: 2px 3px;
text-align: center;
}
.com ol li.on{
height: 19px;
width: 19px;
background: #74A8ED;
border: 1px solid #EEEEEE;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
line-height: 19px;
margin: 0 3px;
}
.gs1-40-year{
width: 160px;
height: 90px;
border: 1px solid orange;
float: left;
margin-left: 2px;
margin-top: 10px;
}
.ancc-25-year{
width: 160px;
height: 90px;
border: 1px solid orange;
float: left;
margin-left: 5px;
margin-top: 10px;
}
.tiaomajidi{
width: 380px;
height: 90px;
border: 1px solid orange;
float: left;
margin-left: 5px;
margin-top: 10px;
}
.zxtg{
width: 165px;
height: 90px;
border: 1px solid orange;
float: left;
margin-left: 5px;
margin-top: 10px;
}
a{
color: #002C6C;
text-decoration: none;
}
</style>
\ No newline at end of file
src/views/topic/2015315Topic.vue 0 → 100644
<template>
<div style="background:#fff;">
<div class="top">
<img src="./img/2015315.jpg">
</div>
<div class="main">
<div class="main-top-left">
<div id="picNews" class="article tabset Slide Slide-tab-view-digit-layout-absolute Slide-page-layout-auto">
<div class="tabset-tabs-root">
<ol class="tabset-tab-list">
<li class="tabset-tab" v-for="(item,index) in 5" :key="index" @click="changeLunbo(index)" :class="{'tabset-tab-actived':idx==index}" @mouseover="stopPlay" @mouseout="continuePlay">
<a title="1" hidefocus=""><b>{{index+1}}</b></a>
</li>
</ol>
</div>
<div class="tabset-pages-root">
<div class="tabset-page-list">
<div class="tabset-page" v-for="(item,index) in lunboArr" :key="index" :class="{'tabset-page-actived':idx==index}" @mouseover="stopPlay" @mouseout="continuePlay">
<a :href="item.path" target="_blank">
<img :src="item.img" alt=""><b>{{item.title}}</b></a>
</div>
</div>
</div>
</div>
</div>
<div class="main-top-middle">
<div class="title">
<label>
编码中心要闻</label>
</div>
<div class="news-list">
<ul>
<li><a href="/News/article.aspx?&amp;id=10988" target="_blank"> 中国物品编码中心召开“五四”青年座谈会</a></li>
<li><a href="/News/article.aspx?&amp;id=10987" target="_blank"> 医疗器械物流管理来了！ —GS1 UDI服务专区“系列货运包装箱代…</a></li>
<li><a href="/News/article.aspx?&amp;id=10985" target="_blank"> 基于GS1标准的医药全球追溯体系建设研讨会在上海成功举办</a></li>
<li><a href="/News/article.aspx?&amp;id=10976" target="_blank"> 食品原材料追溯及编码标准化专题座谈会在深圳召开</a></li>
<li><a href="/News/article.aspx?&amp;id=10971" target="_blank"> 基于GS1标准的医疗器械唯一标识（UDI）系统规则实施公益培训在…</a></li>
<li><a href="/News/article.aspx?&amp;id=10970" target="_blank"> 中国物品编码中心与国铁物资有限公司合作推进商品信息规范应用…</a></li>
<li><a href="/News/article.aspx?&amp;id=10966" target="_blank"> 线上线下零售生鲜统一编码2项团体标准启动会暨标准研讨会在杭…</a></li>
<li><a href="/News/article.aspx?&amp;id=10962" target="_blank"> 基于GS1标准的医疗器械唯一标识（UDI）系统规则实施公益培训在…</a></li>
<li><a href="/News/article.aspx?&amp;id=10961" target="_blank"> 中国航空运输协会赴中国物品编码中心、中国自动识别技术协会调…</a></li>
</ul>
<div class="more"><a href="http://www.gs1cn.org/News/Center.aspx" target="_blank" style="text-decoration:none;">更多&gt;&gt;</a></div>
</div>
</div>
<div class="main-top-right">
<div class="jbpt-title">
<label>
举报投诉平台</label>
</div>
<a href="http://www.aqsiq.gov.cn/gzcypt/12365/" target="_blank"><img src="./img/315_07.jpg"></a>
<img src="./img/315_08.jpg">
<a href="http://www.aqsiq.gov.cn/zjxw/zjxw/zjftpxw/200703/t20070315_28662.htm" target="_blank"><img src="./img/315_09.jpg"></a>
</div>
<div class="main-middle-left">
<div class="data_area">
<a href="http://www.gs1cn.org/Business/Bulletin.aspx" target="_blank"><img src="./img/315_12.jpg"></a></div>
<div class="data_area">
<a href="http://www.gds.org.cn/" target="_blank"> <img src="./img/315_15.jpg"></a></div>
<div class="data_area">
<a href="http://www.chinatrace.org/" target="_blank"><img src="./img/315_17.jpg"></a></div>
<div class="data_area">
<a href="http://www.gs1cn.org/Service/ZLXY.aspx" target="_blank"><img src="./img/315_19.jpg"></a></div>
<div class="data_area">
<a href="http://www.gs1cn.org/Service/IoT.aspx" target="_blank"> <img src="./img/315_21.jpg"></a></div>
</div>
<div class="main-middle-middle">
<div class="title">
<label>
地方新闻</label>
</div>
<div class="news-list">
<ul>
<li><a href="/News/article.aspx?&amp;id=10989" target="_blank"> 中国物品编码中心河南分中心举办2023年度新郑市第一期物品编码…</a></li>
<li><a href="/News/article.aspx?&amp;id=10986" target="_blank"> 中国物品编码中心宁夏分中心深入企业开展调研</a></li>
<li><a href="/News/article.aspx?&amp;id=10983" target="_blank"> 中国物品编码中心福建分中心在莆田开展商品条码公益培训</a></li>
<li><a href="/News/article.aspx?&amp;id=10982" target="_blank"> 中国物品编码中心江苏分中心赴无锡市食品安全检验检测中心开展…</a></li>
<li><a href="/News/article.aspx?&amp;id=10981" target="_blank"> 中国物品编码中心四川分中心开展商品条码印刷公益培训</a></li>
<li><a href="/News/article.aspx?&amp;id=10980" target="_blank"> 中国物品编码中心湖南分中心受邀参加怀化市医疗器械唯一标识（…</a></li>
<li><a href="/News/article.aspx?&amp;id=10978" target="_blank"> 中国物品编码中心河北分中心2023年第一场商品条码系统成员培训…</a></li>
<li><a href="/News/article.aspx?&amp;id=10974" target="_blank"> 中国物品编码中心成都办事处前往成都科伦医贸物流中心进行商品…</a></li>
<li><a href="/News/article.aspx?&amp;id=10972" target="_blank"> 中国物品编码中心内蒙古分中心积极开展2023年第一期商品条码系…</a></li>
</ul>
<div class="more"><a href="http://www.gs1cn.org/News/Local.aspx" target="_blank" style="text-decoration:none;">更多&gt;&gt;</a></div>
</div>
</div>
<div class="main-middle-right">
<a href="http://www.gs1cn.org/Service/Book.aspx?classid=3" target="_blank"><img src="./img/hx.jpg" style="margin-left:5px; margin-top:15px;"></a>
<a href="http://www.gs1cn.org/Service/Book.aspx?classid=3" target="_blank"><img src="./img/wlwapp.jpg" style="margin-left:5px; margin-top:20px;"></a>
<a href="http://www.aqsiq.gov.cn/cjsfw/sptm/index.htm" target="_blank"><img src="./img/cjsfw2.jpg" style="margin-left:5px; margin-top:20px;"></a>
<a href="http://www.gs1cn.org/Service/Book.aspx?classid=3" target="_blank"><img src="./img/1.jpg" style="margin-left:5px; margin-top:20px;"></a>
<div class="iphone">
<a href="http://www.chinatrace.org/toIphoneDownload.html" target="_blank"><img src="./img/2.jpg"></a>
</div>
<div class="android">
<a href="http://www.chinatrace.org/toAndroidDownload.html" target="_blank"><img src="./img/3.jpg"></a>
</div>
</div>
<div class="main-down">
<div class="title-flv">
<label>
中华人民共和国消费者权益保护法</label>
</div>
<div class="txt_box">
<span>根据2013年10月25日第十二届全国人民代表大会常务委员会第五次会议《关于修改＜中华人民共和国消费者权益保护法＞的决定》第二次修正，该决定自2014年3月15日起施行；国家主席习近平签署第7号主席令予以公布。</span>
</div>
<a href="http://www.chinatt315.org.cn/315/2013-12/14/12158.aspx" target="_blank" style="float:right; font-size:small; margin-right:20px;color:Blue; text-decoration:none;">查看详情&gt;&gt;</a>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'detail',
data() {
return {
idx:0,
lunboArr:[
{
img:require('./img/6f8032ae-0e03-404a-9705-298f7439f21e.jpg'),
path:'/News/article.aspx?Id=10988&amp;picid=848',
title:'中国物品编码中心召开“五四”青年座谈会'
},
{
img:require('./img/5a994d0a-2f1a-4d3a-bfac-d4d5f008320c.jpg'),
path:'/News/article.aspx?Id=10988&amp;picid=847',
title:'食品原材料追溯及编码标准化专题座谈会在深圳召开'
},
{
img:require('./img/7d818e4f-a2f5-40eb-a4e4-eff09f427ca2.jpg'),
path:'/News/article.aspx?Id=10988&amp;picid=846',
title:'线上线下零售生鲜统一编码2项团体标准启动会暨标准研讨会在杭州成功召开'
},
{
img:require('./img/79477916-43b0-4767-b169-2297467df7cf.jpg'),
path:'/News/article.aspx?Id=10988&amp;picid=845',
title:'【重生 狂飙】2023年第一届ECR联合工委会会议在上海康师傅大楼顺利召开'
},
{
img:require('./img/8ec3b29f-0327-491c-85cf-0d2510f72bfc.jpg'),
path:'/News/article.aspx?Id=10988&amp;picid=844',
title:'中国物品编码中心总工程师李建辉一行赴福建调研'
}
],
timer :null,
}
},
mounted(){
this.autoplay()
},
methods: {
changeLunbo(index){
this.idx=index
},
autoplay(){
let _this=this
this.timer =setInterval(function(){
_this.idx++;
if(_this.idx>=5){
_this.idx=0;
}
},2000)
},
continuePlay(){
this.autoplay()
},
stopPlay(){
clearInterval(this.timer);
}
}
}
</script>
<style lang="scss" scoped>
.top{
width: 895px;
height: 300px;
margin: 0 auto;
}
.main{
width: 895px;
height: 740px;
margin: 0 auto;
margin-top: 10px;
}
.main-top-left{
width: 220px;
height: 300px;
float: left;
}
.main-top-middle{
width: 400px;
height: 300px;
border: 1px solid #bebebe;
float: left;
margin-left: 10px;
border-radius: 6px 6px 0 0;
}
.main-top-right{
width: 250px;
height: 300px;
border: 1px solid #bebebe;
float: left;
margin-left: 10px;
border-radius: 6px 6px 0 0;
}
.main-middle-left{
width: 220px;
height: 300px;
float: left;
border: 1px solid #bebebe;
margin-top: 10px;
border-radius: 6px 6px 0 0;
}
.main-middle-middle{
width: 400px;
height: 300px;
border: 1px solid #bebebe;
float: left;
margin-left: 8px;
margin-top: 10px;
border-radius: 6px 6px 0 0;
}
.main-middle-right{
width: 250px;
height: 300px;
border: 1px solid #bebebe;
float: left;
margin-left: 10px;
margin-top: 10px;
border-radius: 6px 6px 0 0;
}
.data_area{
width: 200px;
height: 40px;
margin: 0 auto;
margin-top: 15px;
}
.main-down{
width: 895px;
min-height: 110px;
border: 1px solid #bebebe;
margin-top: 10px;
float: left;
border-radius: 6px 6px 0 0;
}
.iphone{
width: 74px;
height: 26px;
margin-left: 170px;
margin-top: -51px;
position: absolute;
}
.android{
width: 74px;
height: 26px;
margin-left: 170px;
margin-top: -26px;
position: absolute;
}
.title{
width: 400px;
height: 30px;
background-color: #007236;
border-radius: 6px 6px 0 0;
}
.title label{
color: #fff;
font-family: 微软雅黑;
font-size: 16px;
position: absolute;
margin-top: 2px;
margin-left: 10px;
font-weight: bold;
}
/*中心要闻*/
.news-list
{
width: 380px;
height: auto;
margin: 0 auto;
margin-top: 10px;
}
.news-list ul{
list-style: inside disc;
color: #CC9;
line-height: 25px;
margin-top: 5px;
font-size: 10px;
}
.news-list li{
padding-left: 10px;
}
.more{
width: 45px;
height: 15px;
float: right;
margin-top: 8px;
font-size: 10px;
}
/* 图片新闻 */
#picNews{
position: relative;
float: left;
width: 220px;
}
#picNews .tabset-tabs-root{
position: absolute;
width: 100%;
top: 184px;
right: 0;
color: #fff;
background-color: #000;
}
#picNews .tabset-tab-list{
float: right;
margin: 0;
}
#picNews .tabset-tab{
float: left;
padding: 0;
border-left: 1px solid rgba(255,255,255,.38);
line-height: 16px;
text-align: center;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}
#picNews .tabset-tab a{
display: block;
width: 22px;
height: 16px;
color: #fff;
text-decoration: none;
}
#picNews .tabset-tab-actived a, #picNews .tabset-tab a:hover{
background-color: #f60;
}
#picNews .tabset-tab a b{
font-weight: normal;
}
#picNews .tabset-page{
text-align: center;
}
#picNews .tabset-page a{
display: block;
width: 220px;
height: 200px;
}
#picNews .tabset-page a img{
display: block;
width: 100%;
height: 100%;
}
#picNews .tabset-page a b{
display: block;
margin: 1px auto;
padding: 10px 0;
height: 55px;
background: url(./img/gray-bg-x.h80.png) 0 100% repeat-x;
font-size: 12px;
line-height: 2em;
}
/* 选项卡 */
.tabset-page{
display: none;
}
.tabset-page-actived{
display: block;
}
ol, ul{
list-style: none outside;
}
/* 列表根 */
#ob_body .tabset-tabs-root{
float: left;
margin-right: 10px;
border: 1px solid #DBDEE1;
background-color: #F6F4F7;
width: 120px;
height: 248px;
}
*, ::after, ::before{
box-sizing: border-box;
}
#ob_body .tabset-tab-list{
}
#ob_body .tabset-tab{
padding: 0;
height: 44px;
margin-bottom: -1px;
}
#ob_body .tabset-tab a{
position: relative;
display: block;
padding: 1px;
border: 1px solid #DBDEE1;
border-width: 1px 0;
background-color: #fff;
}
#ob_body .tabset-tab a b{
display: block;
padding-left: 18px;
height: 40px;
background: url(/img/index/gray-bg-x.h40.png) repeat-x;
font-size: 14px;
line-height: 40px;
}
#ob_body .tabset-tab-actived a{
z-index: 1px;
left: 1px;
border-left: 3px solid #F46336;
}
#ob_body .tabset-tab-actived a b{
background: none;
}
#ob_body .tabset-tab a b{
}
*{
margin: 0;
padding: 0;
border: none;
}
.com{
width: 240px;
height: 305px;
overflow: hidden;
position: relative;
background: black;
}
.com ul{
width: 3000px;
font-size: 0;
}
.com ul li{
vertical-align: bottom;
height: 100%;
overflow: hidden;
float: left;
background: white url(/jscss/demoimg/201307/loading.gif) no-repeat center center;
vertical-align: bottom;
list-style: none;
overflow: hidden;
}
.com ol
{
position: absolute;
right: 0;
bottom: 5px; ;z-index:10;list-style:none;height:21px}
.com ol li{
width: 15px;
background: white;
border: 1px solid #74A8ED;
border-radius: 10px;
color: #74A8ED;
cursor: pointer;
float: left;
font: 12px Arial;
height: 15px;
margin: 2px 3px;
text-align: center;
}
.com ol li.on{
height: 19px;
width: 19px;
background: #74A8ED;
border: 1px solid #EEEEEE;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
line-height: 19px;
margin: 0 3px;
}
/*相关法律*/
.txt_box{
height: 50px;
margin: 0 auto;
margin-top: 10px;
text-indent: 2em;
line-height: 26px;
font-size: small;
}
.title-flv{
width: 265px;
height: 30px;
background-color: #007236;
border-radius: 6px 6px 0 0;
}
.title-flv label{
color: #fff;
font-family: 微软雅黑;
font-size: 16px;
position: absolute;
margin-top: 2px;
margin-left: 10px;
font-weight: bold;
}
/*页脚*/
.footer{
margin: 2em auto auto;
padding: 2em 0;
border: 1px solid #039;
border: 1px solid #DBDEE1;
border-width: 1px 0 0; /*border-radius: 10px 10px 0 0; background:url(/img/horizontal-line-shadow.png) repeat-x;*/
text-align: center;
}
.fnav{
margin: auto auto 1em;
font-size: 14px;
}
.fnavList{
display: inline-block;
}
.fnavList li{
float: left;
padding: 0 2em;
}
.footer p{
line-height: 2em;
font-size: small;
}
.footer address{
font-style: normal;
font-size: small;
}
.jbpt-title{
width: 250px;
height: 30px;
background-color: #007236;
border-radius: 6px 6px 0 0;
}
.jbpt-title label{
color: #fff;
font-family: 微软雅黑;
font-size: 16px;
position: absolute;
margin-top: 2px;
margin-left: 10px;
font-weight: bold;
}
a{
color: #00e;
text-decoration: underline;
}
</style>
\ No newline at end of file
src/views/topic/2017zly.vue 0 → 100644
<template>
<div style="background:#fff">
<div class="banner">
<img src="./img/banner2017.jpg" width="890px">
</div>
<div class="top-line">
</div>
<div class="main">
<div class="main-top">
<div class="main-top-1-2">
<div class="main-top-1">
<div id="picNews" class="article tabset Slide Slide-tab-view-digit-layout-absolute Slide-page-layout-auto">
<div class="tabset-tabs-root">
<ol class="tabset-tab-list">
<li class="tabset-tab" v-for="(item,index) in 3" :key="index" @click="changeLunbo(index)" :class="{'tabset-tab-actived':idx==index}" @mouseover="stopPlay" @mouseout="continuePlay">
<a title="1" hidefocus=""><b>{{index+1}}</b></a>
</li>
</ol>
</div>
<div class="tabset-pages-root">
<div class="tabset-page-list">
<div class="tabset-page" v-for="(item,index) in lunboArr" :key="index" :class="{'tabset-page-actived':idx==index}" @mouseover="stopPlay" @mouseout="continuePlay">
<a :href="item.path" target="_blank">
<img :src="item.img" alt=""><b>{{item.title}}</b></a>
</div>
</div>
</div>
</div>
</div>
<div class="main-top-2">
<div class="centernews-title">
<span>中心要闻</span>
</div>
<ul>
<li><a href="/News/article.aspx?&amp;id=10988" target="_blank">
中国物品编码中心召开“五四”青年座谈会</a></li>
<li><a href="/News/article.aspx?&amp;id=10987" target="_blank">
医疗器械物流管理来了！ —GS1 UDI服务专区“系列货运包装箱代…</a></li>
<li><a href="/News/article.aspx?&amp;id=10985" target="_blank">
基于GS1标准的医药全球追溯体系建设研讨会在上海成功举办</a></li>
<li><a href="/News/article.aspx?&amp;id=10976" target="_blank">
食品原材料追溯及编码标准化专题座谈会在深圳召开</a></li>
<li><a href="/News/article.aspx?&amp;id=10971" target="_blank">
基于GS1标准的医疗器械唯一标识（UDI）系统规则实施公益培训在…</a></li>
<li><a href="/News/article.aspx?&amp;id=10970" target="_blank">
中国物品编码中心与国铁物资有限公司合作推进商品信息规范应用…</a></li>
<li><a href="/News/article.aspx?&amp;id=10966" target="_blank">
线上线下零售生鲜统一编码2项团体标准启动会暨标准研讨会在杭…</a></li>
<li><a href="/News/article.aspx?&amp;id=10962" target="_blank">
基于GS1标准的医疗器械唯一标识（UDI）系统规则实施公益培训在…</a></li>
<li><a href="/News/article.aspx?&amp;id=10961" target="_blank">
中国航空运输协会赴中国物品编码中心、中国自动识别技术协会调…</a></li>
</ul>
<div class="more">
<a href="http://www.gs1cn.org/News/Center.aspx" target="_blank" style="text-decoration: none;">
更多&gt;&gt;</a></div>
</div>
</div>
<div class="main-top-3">
<div class="kh_title">
<a href="http://www.chinatt315.org.cn/zly/2016zlyhdkh.htm" target="_blank"><span>2017年全国“质量月”活动口号</span></a>
</div>
<div class="gd">
</div>
<div class="kh_content">
<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2">
<pre>
<p>大力提升质量 建设质量强国</p>
<p>坚持质量第一 建设质量强国</p>
<p>提升供给质量 建设质量强国</p>
<p>大力提升质量 建设质量强国</p>
<p>建设质量强国 迈向质量时代</p>
<p>开展质量提升行动 建设质量强国</p>
<p>向质量要效益 以质量求发展</p>
<p>传递质检信任 引导质量消费</p>
<p>弘扬工匠精神 推动品质革命</p>
<p>共建卓越质量 共享品质生活</p>
<p>品质引领新常态 共筑质量强国梦</p>
<p>为中国质量拼搏 为质量中国加油</p>
<p>严慎细实保质量 精益求精促发展</p>
<p>标准引领质量提升 品牌建立质量信任</p>
<p>夯实国家质量基础 加强全面质量管理</p>
<p>共行质量战略之路 共筑质量强国之基</p>
<p>凝聚质量共识共铸兴业之器 共筑强国之基</p>
</pre>
</marquee>
</div>
</div>
</div>
<div class="main-middle">
<div class="main-middle-left">
<div class="main-middle-left-top">
<div class="zly-tongzhi-title">
<span>质检总局等关于开展2017年全国“质量月”活动的通知</span>
</div>
<p>
为深入贯彻实施《质量发展纲要（2011-2020年）》，推进建设质量强国， 2017年9月质检总局联合相关部门、行业协会等单位共同开展“质量月”活动。</p>
<div class="ckxq">
<a href="http://www.chinatt315.org.cn/xhwj/2016-437-1.html" target="_blank" style="text-decoration: none;">查看详情&gt;&gt;</a></div>
</div>
<div class="main-middle-left-down">
<div class="application">
<div class="hx">
<a href="http://www.gs1cn.org/Service/Book.aspx?classid=3" target="_blank">
<img src="./img/hx2.jpg" width="160px" height="70px"></a>
</div>
<div class="cjfw">
<a href="http://www.aqsiq.gov.cn/cjsfw/sptm/index.htm" target="_blank">
<img src="./img/changjing.jpg" width="160px" height="70px"></a>
</div>
<div class="tmzs">
<a href="http://www.gs1cn.org/chinatrace.aspx" target="_blank">
<img src="./img/tiaomazhuisu.jpg" width="160px" height="70px"></a>
</div>
<div class="fwapp">
<a href="http://www.gs1cn.org/Service/Book.aspx?classid=3" target="_blank">
<img src="./img/yisaotong.jpg" width="160px" height="70px"></a>
</div>
</div>
</div>
</div>
<div class="main-middle-right">
<div id="ppt" class="com">
<ul>
<li>
<img src="./img/2017zlyhua-1.jpg" width="240px" height="305px"></li>
<li>
<img src="./img/2017zlyhua-2.jpg" width="240px" height="305px"></li>
<li>
<img src="./img/2017zlyhua-3.jpg" width="240px" height="305px"></li>
<li>
<img src="./img/2017zlyhua-4.jpg" width="240px" height="305px"></li>
<li>
<img src="./img/2017zlyhua-5.jpg" width="240px" height="305px"></li>
</ul>
</div>
</div>
</div>
<div class="down-line">
</div>
<div class="main-down">
<div class="tiaomabanli-title">
<span>商品条码办理</span>
</div>
<div class="bussiness">
<a href="http://www.gs1cn.org/Business/Barcode/Register.aspx" target="_blank"><div class="register">
注册
</div></a>
<a href="http://www.gs1cn.org/Business/Barcode/Renewal.aspx" target="_blank"><div class="renewal">
续展
</div></a>
<a href="http://www.gs1cn.org/Business/Barcode/Change.aspx" target="_blank"><div class="change">
变更
</div></a>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'zly',
data() {
return {
idx:0,
lunboArr:[
{
img:require('./img/20171.jpg'),
path:'/News/article.aspx?Id=10988&amp;picid=848',
title:'全国GS1标准供应链体系建设培训在京举办'
},
{
img:require('./img/20172.jpg'),
path:'/News/article.aspx?Id=10988&amp;picid=847',
title:'国家标准化管理委员会工业二部领导到中国物品编码中心参观调研'
},
{
img:require('./img/20173.jpg'),
path:'/News/article.aspx?Id=10988&amp;picid=846',
title:'国家质量监督检验检疫总局发展研究中心赴中国物品…'
},
],
timer :null,
}
},
mounted(){
this.autoplay()
},
methods: {
changeLunbo(index){
this.idx=index
},
autoplay(){
let _this=this
this.timer =setInterval(function(){
_this.idx++;
if(_this.idx>=_this.lunboArr.length){
_this.idx=0;
}
},2000)
},
continuePlay(){
this.autoplay()
},
stopPlay(){
clearInterval(this.timer);
}
}
}
</script>
<style lang="scss" scoped>
a:hover{
color: #294c7f;
}
.top_nav{
width: 115px;
height: 22px;
margin: 0 auto;
margin-bottom: 5px;
}
.banner{
width: 890px;
height: 245px;
margin: 0 auto;
}
/*.top-line
{
width:890px;
height:5px;
margin:0 auto;
margin-top:10px;
margin-bottom:2px;
background-color:#FF4500;
}*/
.down-line{
width: 890px;
height: 5px;
margin: 0 auto;
margin-top: 15px;
}
.main{
width: 890px;
height: 735px;
margin: 0 auto;
margin-top: 10px;
}
/* 页脚 */
.footer{
margin: 2em auto auto;
padding: 2em 0;
border: 1px solid #039;
border: 1px solid #DBDEE1;
border-width: 1px 0 0; /*border-radius: 10px 10px 0 0; background:url(/img/horizontal-line-shadow.png) repeat-x;*/
text-align: center;
}
.fnav{
margin: auto auto 1em;
font-size: 14px;
}
.fnavList{
display: inline-block;
}
.fnavList li{
float: left;
padding: 0 2em;
}
.footer p{
line-height: 2em;
font-size: small;
}
.footer address{
font-style: normal;
font-size: small;
}
.main-top{
width: 890px;
height: 282px; /*border:1px solid;*/
}
.main-middle{
width: 890px;
height: 310px;
margin-top: 10px;
}
.main-down{
width: 890px;
height: 80px;
border: 1px solid #bebebe;
margin-top: 10px;
border-radius: 4px 4px 0 0;
}
.tiaomabanli-title{
width: 100%;
height: 25px; /*background-image:url(../img/centernews-title-bg.jpg);*/
background-color: #d81616;
border-radius: 4px 4px 0 0;
}
.tiaomabanli-title span{
margin-left: 10px;
font-weight: bold;
font-family: 微软雅黑;
font-size: 14px;
color: #FFFFFF;
}
.bussiness{
width: 80%;
height: 50px;
margin: 0 auto;
}
.register{
width: 120px;
height: 30px;
border: 1px solid;
margin-left: 50px;
margin-top: 10px;
float: left;
background-color: #cc3c0d;
text-align: center;
line-height: 31px;
color:#FFF;
font-size:16px;
font-family:微软雅黑;
}
.renewal{
width: 120px;
height: 30px;
border: 1px solid;
margin-left: 120px;
float: left;
margin-top: 10px;
background-color: #cc3c0d;
text-align: center;
line-height: 31px;
color:#FFF;
font-size:16px;
font-family:微软雅黑;
}
.change{
width: 120px;
height: 30px;
border: 1px solid;
margin-left: 120px;
margin-top: 10px;
float: left;
background-color: #cc3c0d;
text-align: center;
line-height: 31px;
color:#FFF;
font-size:16px;
font-family:微软雅黑;
}
.main-top-1-2{
width: 635px;
height: 282px; /*border:1px solid #bebebe;*/
float: left; /*border-top:none; border-right:none; border-left:none;*/
}
.main-top-1{
width: 220px;
height: 282px;
float: left;
}
.main-top-2{
width: 410px;
height: 282px;
float: left;
font-size: 12px;
border: 1px solid #bebebe;
border-radius: 4px 4px 0 0; /*border-bottom:none;*/
margin-left: 3px;
}
.centernews-title{
width: 411px;
height: 25px; /*background-image:url(../img/centernews-title-bg.jpg);*/
background-color: #d81616;
border-radius: 4px 4px 0 0;
}
.centernews-title span{
font-size: 14px;
color: #FFFFFF;
font-family: 微软雅黑;
font-weight: bold;
margin-left: 10px;
}
.main-top-2 ul{
list-style: inside disc;
color: #CC9;
line-height: 25px;
margin-top: 5px;
}
.main-top-2 li{
padding-left: 10px;
}
.more{
width: 55px;
height: 15px;
float: right;
margin-top: 5px;
font-family: 微软雅黑;
font-size: 14px;
margin-right: 5px;
}
.main-top-3{
width: 240px;
height: 282px;
float: left;
margin-left: 15px;
}
.kh_title{
width: 238px;
height: 25px; /*background-image:url(../img/centernews-title-bg.jpg);*/
background-color: #d81616;
border-radius: 4px 4px 0 0;
}
.gd{
width: 236px;
height: 10px;
background-color: #eef3f9;
border: 1px solid #bebebe;
border-bottom: none;
border-top: none;
}
.kh_title span{
margin-left: 18px;
font-weight: bold;
font-family: 微软雅黑;
font-size: 14px;
color: #FFFFFF;
}
.kh_content{
width: 236px;
height: 246px;
border: 1px solid #bebebe; /*background-image:url(../img/kh-content-bg.jpg);*/
background-color: #eef3f9;
border-top: none;
}
marquee{
position: absolute;
width: 235px;
height: 246px;
line-height: 8px;
}
marquee p{
font-size: 12px;
text-align: left;
font-family: 微软雅黑;
font-weight: bold;
line-height: 2;
margin-left: 5px;
color: #294c7f;
}
.main-middle-left{
width: 635px;
height: 305px;
float: left;
}
.main-middle-right{
width: 240px;
height: 305px;
float: left;
margin-left: 15px;
}
.main-middle-left-top{
width: 635px;
height: 128px;
border: 1px solid #bebebe;
border-radius: 4px 4px 0 0;
}
.zly-tongzhi-title{
width: 635px;
height: 25px; /*background-image:url(../img/centernews-title-bg.jpg);*/
background-color: #d81616;
border-radius: 4px 4px 0 0;
}
.zly-tongzhi-title span{
margin-left: 10px;
font-weight: bold;
font-family: 微软雅黑;
font-size: 14px;
color: #FFFFFF;
}
.main-middle-left-top p{
line-height: 28px;
text-indent: 28px;
font-size: 14px;
font-family: 微软雅黑;
margin-top: 10px;
width: 610px;
padding-left: 13px;
}
.ckxq{
width: 80px;
height: 18px;
float: right;
margin-top: 5px;
font-family: 微软雅黑;
font-size: 14px;
margin-right: 5px;
}
.main-middle-left-down{
width: 635px;
height: 170px;
border: 1px solid #bebebe;
margin-top: 4px;
border-radius: 4px 4px 0 0;
}
.application{
width: 600px;
height: 130px;
margin-top: 6px;
}
.hx{
width: 241px;
height: 51px;
float: left;
margin-top: 5px;
margin-left: 40px;
text-align: center;
}
.cjfw{
width: 241px;
height: 51px;
float: left;
margin-top: 5px;
margin-left: 62px;
}
.tmzs{
width: 241px;
height: 51px;
float: left;
margin-top: 28px;
margin-left: 40px;
text-align: center;
}
.img-1{
width: 74px;
height: 26px;
margin-top: -51px;
margin-left: 167px;
}
.img-2{
width: 74px;
height: 26px;
margin-top: -1px;
margin-left: 167px;
}
.fwapp{
width: 241px;
height: 51px;
float: left;
margin-top: 28px;
margin-left: 60px;
}
/* 图片新闻 */
#picNews{
position: relative;
float: left;
width: 220px;
}
#picNews .tabset-tabs-root{
position: absolute;
width: 100%;
top: 184px;
right: 0;
color: #fff;
background-color: #000;
background: -webkit-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,1));
background: -moz-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,1));
background: -ms-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,1));
background: -o-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,1));
background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1));
}
#picNews .tabset-tab-list{
float: right;
margin: 0;
}
#picNews .tabset-tab{
float: left;
padding: 0;
border-left: 1px solid rgba(255,255,255,.38);
line-height: 16px;
text-align: center;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
cursor: pointer;
}
#picNews .tabset-tab a{
display: block;
width: 22px;
height: 16px;
color: #fff;
text-decoration: none;
}
#picNews .tabset-tab-actived a, #picNews .tabset-tab a:hover{
background-color: #f60;
}
#picNews .tabset-tab a b{
font-weight: normal;
}
#picNews .tabset-page{
text-align: center;
}
#picNews .tabset-page a{
display: block;
width: 220px;
height: 200px;
}
#picNews .tabset-page a img{
display: block;
width: 100%;
height: 100%;
}
#picNews .tabset-page a b{
display: block;
margin: 1px auto;
padding: 10px 0;
height: 55px;
background: url(./img/gray-bg-x.h80.png) 0 100% repeat-x;
font-size: 12px;
line-height: 2em;
}
/* 选项卡 */
.tabset-page{
display: none;
}
.tabset-page-actived{
display: block;
}
ol, ul{
list-style: none outside;
}
/* 列表根 */
#ob_body .tabset-tabs-root{
float: left;
margin-right: 10px;
border: 1px solid #DBDEE1;
background-color: #F6F4F7;
width: 120px;
height: 248px;
}
#ob_body .tabset-tab-list{
}
#ob_body .tabset-tab{
padding: 0;
height: 44px;
margin-bottom: -1px;
}
#ob_body .tabset-tab a{
position: relative;
display: block;
padding: 1px;
border: 1px solid #DBDEE1;
border-width: 1px 0;
background-color: #fff;
}
#ob_body .tabset-tab a b{
display: block;
padding-left: 18px;
height: 40px;
background: url(/img/index/gray-bg-x.h40.png) repeat-x;
font-size: 14px;
line-height: 40px;
}
#ob_body .tabset-tab-actived a{
z-index: 1px;
left: 1px;
border-left: 3px solid #F46336;
}
#ob_body .tabset-tab-actived a b{
background: none;
}
#ob_body .tabset-tab a b{
}
*{
margin: 0;
padding: 0;
border: none;
}
.com{
width: 240px;
height: 305px;
overflow: hidden;
position: relative;
background: black;
}
.com ul{
width: 3000px;
font-size: 0;
}
.com ul li{
vertical-align: bottom;
height: 100%;
overflow: hidden;
float: left;
background: white url(/jscss/demoimg/201307/loading.gif) no-repeat center center;
vertical-align: bottom;
list-style: none;
overflow: hidden;
}
.com ol{
position: absolute;
right: 0;
bottom: 5px; ;z-index:10;list-style:none;height:21px}
.com ol li{
width: 15px;
background: white;
border: 1px solid #74A8ED;
border-radius: 10px;
color: #74A8ED;
cursor: pointer;
float: left;
font: 12px Arial;
height: 15px;
margin: 2px 3px;
text-align: center;
}
.com ol li.on{
height: 19px;
width: 19px;
background: #74A8ED;
border: 1px solid #EEEEEE;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
line-height: 19px;
margin: 0 3px;
}
.gs1-40-year{
width: 160px;
height: 90px;
border: 1px solid #2E90DD;
float: left;
margin-left: 2px;
margin-top: 10px;
}
.ancc-25-year{
width: 160px;
height: 90px;
border: 1px solid #2E90DD;
float: left;
margin-left: 5px;
margin-top: 10px;
}
.tiaomajidi{
width: 380px;
height: 90px;
border: 1px solid #2E90DD;
float: left;
margin-left: 5px;
margin-top: 10px;
}
.zxtg{
width: 165px;
height: 90px;
border: 1px solid #2E90DD;
float: left;
margin-left: 5px;
margin-top: 10px;
}
a{
color: #002C6C;
text-decoration: none;
}
*, ::after, ::before{
box-sizing: initial;
}
pre{
overflow: hidden;
}
p{
margin: 0;
}
</style>
\ No newline at end of file
src/views/topic/abouttsd.vue 0 → 100644
<template>
<div>
<div class="top">
<div class="logo">
<img src="./img/logo.jpg">
</div>
</div>
<div class="main">
<div class="main-top">
<div class="main-top-title">
<label>
什么是可信数据源？</label>
</div>
<div class="main-top-content">
<p>
可信数据源（Trusted Source of Data），简称TSD，是指由商品数据提供方商品条码系统成员，通过中国商品信息服务平台自主填报和维护的、以商品条码为关键字的商品相关信息。因这些信息由企业自主填报并维护，具有信息来源可靠、准确及时、发布权威、全球通用的特点。在网页上呈现时，通过TSD图形进行标识，用以说明数据的来源，表明该商品条码信息经过中国物品编码中心查验。需要注意的是，TSD是中国物品编码中心专门针对商品条码系统成员及其产品推出的一项数字化标准标识服务。</p>
</div>
</div>
<div class="main-first">
<div class="main-first-title">
<img src="./img/title-1.jpg">
</div>
<div class="main-first-content">
<div class="main-content-top">
<div class="img">
<img src="./img/TDS.jpg"></div>
<div class="info">
<ul>
<li><strong>来源可靠：</strong><label>由生产企业/品牌商自主填报和维护</label></li>
<li><strong>权威专业：</strong><label>由中国商品信息服务平台发布</label></li>
<li><strong>准确及时：</strong><label>信息经企业严格审核并实时维护</label></li>
<li><strong>全球通用：</strong><label>数据遵从全球统一格式，符合国际标准</label></li>
</ul>
</div>
</div>
<div class="main-content-down">
<ul>
<strong>可信数据源LOGO可以分为亮色和灰色两种，具体说明如下：</strong>
<li>1、亮色（原色）logo为有效标识：该企业已经有商品条码，且经中国物品编码中心核实该商品条码在有效期内。</li>
<li>2、灰色logo为失效标识：该企业已经有商品条码，但且经中国物品编码中心核实该商品条码已经失效。</li>
<strong>特别说明：</strong><label>该企业已经有商品条码，但该商品条码未经中国物品编码中心查验，该企业的商品不打TSD标识。</label>
</ul>
</div>
</div>
</div>
<div class="main-second">
<div class="main-second-title">
<img src="./img/title-2.jpg">
</div>
<div class="main-second-content">
<div class="main-second-content-top">
<ul><strong>（一）商品条码成员企业</strong>
<li style="text-indent:30px; width:90%">
适用于获得中国物品编码中心批准的《中国商品条码系统成员证书》的，且相关信息通过中国商品信息服务平台获取的企业，可以在企业上打标。</li>
<li>1、亮色LOGO的商品条码成员企业</li>
<li style="text-indent:30px">
当鼠标放在企业的TSD Logo时，显示文字为“经查，该企业《中国商品条码系统成员证书》有效”。</li>
<li>2、灰色LOGO的商品条码成员企业</li>
<li style="text-indent:30px">
当鼠标放在企业的TSD Logo时，显示文字为“经查，该企业《中国商品条码系统成员证书》已过有效期”。
</li>
</ul>
</div>
<div class="main-second-content-down">
<ul><strong>（二）商品条码成员产品</strong>
<li style="text-indent:30px">
适用于根据《商品条码管理办法》正确编制商品条码的，且相关信息通过中国商品信息服务平台获取的产品，可以在产品上打标。</li>
<li>1、亮色LOGO的商品条码成员产品</li>
<li style="text-indent:30px">
当鼠标放在产品的TSD Logo时，显示文字为“经查，该商品条码有效”。</li>
<li>2、灰色LOGO的商品条码成员产品</li>
<li style="text-indent:30px">
当鼠标放在产品的TSD Logo时，显示文字为“经查，该商品条码已过有效期”。
</li>
</ul>
</div>
</div>
</div>
<div class="main-third">
<div class="main-third-title">
<img src="./img/title-3.jpg">
</div>
<div class="main-third-content">
<div class="img-third">
<div class="img-area">
<a href="http://www.gs1cn.org/2014/tiaoma/index.html" target="_blank"><img src="./img/tmdkt.jpg"></a><br>
<a href="http://www.gs1cn.org/2014/tiaoma/index.html" target="_blank">商品条码大课堂</a></div>
<div class="img-area" style="margin-left:20px">
<a href="http://www.gs1cn.org/2014/ancc/index.html" target="_blank"><img src="./img/tmts.jpg"></a><br>
<a href="http://www.gs1cn.org/2014/ancc/index.html" target="_blank">商品条码 探索之旅</a></div>
<div class="img-area-3">
<a href="http://www.ebrun.com/kh/2015ECR/" target="_blank"><img src="./img/tmqdmy.jpg"></a><br>
<a href="http://www.ebrun.com/kh/2015ECR/" target="_blank"><span style="line-height:45px"> 商品条码 全渠道战略与企业转型通关密语</span></a></div>
</div>
<div class="tel">
<strong><p>全国统一咨询服务电话：400-7000-690</p></strong>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="foot-content">
<label>关于平台</label>&nbsp;&nbsp;|&nbsp;&nbsp;<label>高端服务</label>&nbsp;&nbsp;|&nbsp;&nbsp;<label>中国物品编码中心</label>&nbsp;&nbsp;|&nbsp;&nbsp;<label>法律声明</label>&nbsp;&nbsp;|&nbsp;&nbsp;<label>服务条款</label><br>
<label>Copyright © 2013 gds.org.cn All rights reserved 中国物品编码中心 版权所有 京ICP备05012621号</label>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'detail',
data() {
return {
}
},
methods: {
}
}
</script>
<style lang="scss" scoped>
body{
background-color: #f4f7f9;
margin: 0;
padding: 0;
}
.top{
width: 100%;
height: 70px;
border-top: 2px solid #4196cd;
background-color: #FFF;
}
.logo{
width: 960px;
height: 70px;
margin: 0 auto;
}
.footer{
width: 100%;
height: 50px;
border-top: 2px solid #dadada;
background-color: #FFF;
margin-top: 50px;
}
.foot-content{
width:960px;
height:auto;
margin:0 auto;
font-size:12px;
font-family:宋体;
color:#b9b9b9;
line-height:22px;
margin-top:5px;
}
.main{
width: 960px;
min-height: 1660px;
height: auto;
margin: 0 auto;
background-color: #FFF;
margin-top: 20px;
}
.title-bg{
width: 225px;
height: 25px;
background-color: #4196cd;
font-size: 16px;
font-family: 宋体;
color: #FFF;
text-align: center;
padding-top: 10px;
}
.line{
margin-top: -20px;
min-width: 70%;
max-width: 78%;
width: auto;
float: right;
margin-right: 5%;
border: 1px solid #dadada;
}
/*头部*/
.main-top{
width: 100%;
height: auto;
margin: 0 auto;
background-color: #4196cd;
}
.main-top-title{
width: auto;
height: auto;
padding-top: 20px;
}
.main-top-title label{
color: #FFF;
font-family: 微软雅黑;
font-size: 24px;
padding-left: 40px;
}
.main-top-content{
width: 87%;
height: auto;
margin: 0 auto;
padding-bottom: 30px;
}
.main-top-content p{
color: #FFF;
font-size: 16px;
font-family: 宋体;
text-indent: 30px;
line-height: 28px;
margin: 16px 0;
}
ul{
margin: 15px 0;
}
/*第一部分*/
.main-first{
width: 100%;
height: auto;
margin-top: 30px;
float: left;
}
.main-first-title{
width: 100%;
height: auto;
}
.main-first-content{
width: 100%;
min-height: 200px;
height: auto;
margin: 0 auto;
margin-top: 20px;
float: left;
}
.main-content-top{
width: 87%;
height: auto;
margin: 0 auto;
}
.img{
width: 215px;
height: 44px;
float: left;
margin-top: 75px;
}
.info
{ width: 525px;
height: auto;
float: right;
background-color: #fffef0;
margin-top: 15px;
}
.info li{
list-style: none;
line-height: 30px;
font-family: 宋体;
font-size: 14px;
}
.main-content-down{
width: auto;
height: auto;
float: left;
margin-top: 15px;
}
.main-content-down ul{
list-style: none;
line-height: 30px;
font-family: 宋体;
font-size: 14px;
}
/*第二部分*/
.main-second{
width: 100%;
height: auto;
margin-top: 50px;
float: left;
}
.main-second-title{
width: 100%;
height: auto;
}
.main-second-content{
width: auto;
height: auto;
float: left;
}
.main-second-content-top{
width: auto;
height: auto;
float: left;
margin-top: 15px;
}
.main-second-content-top ul{
list-style: none;
line-height: 30px;
font-family: 宋体;
font-size: 14px;
}
.main-second-content-down{
width: auto;
height: auto;
float: left;
margin-top: 15px;
}
.main-second-content-down ul{
list-style: none;
line-height: 30px;
font-family: 宋体;
font-size: 14px;
}
/*第三部分*/
.main-third{
width: 100%;
height: auto;
margin-top: 50px;
float: left;
}
.main-third-title{
width: 100%;
height: auto;
}
.main-third-content{
width: auto;
height: auto;
float: left;
font-family: 宋体;
font-size: 14px;
color: #4196cd;
text-align: center;
}
.main-third-content a{
color: #4196cd;
text-decoration: none;
}
.main-third-content a:hover{
text-decoration: underline;
}
.img-third{
width: 95%;
height: auto;
margin-top: 57px;
margin-left: 40px;
float: right;
margin: 0 auto;
padding-top: 5%;
}
.img-area{
width: 235px;
height: 100px;
float: left;
margin-right: 50px;
line-height: 45px;
}
.img-area-3{
width: 265px;
height: 100px;
float: left;
margin-right: 50px;
}
.tel{
width: auto;
height: auto;
float: left;
margin-top: 70px;
margin-left: 40px;
font-family: Arial;
font-size: 14px;
color: #000;
}
label{
margin-bottom: 0;
}
*, ::after, ::before{
box-sizing: initial;
}
</style>
\ No newline at end of file
src/views/topic/syssTopic.vue 0 → 100644
<template>
<div style="background:#fff">
<div align="center">
<table width="960" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td>
<img src="./img/top_pho2015.jpg" width="960" height="158">
</td>
</tr>
<tr>
<td>
<div align="center">
<table width="100%" border="0" cellpadding="0" cellspacing="0" background="./img/dh_bg.gif" style="background-image: url('./img/dh_bg.gif')">
<tbody><tr>
<td width="20">
<img src="./img/dh_bg.gif" width="19" height="33">
</td>
<td>
<div align="right" class="STYLE6">
<a href="http://www.gs1cn.org/index.aspx" target="_blank" style="color: White;">返回编码中心首页</a></div>
</td>
<td width="20">
&nbsp;
</td>
</tr>
</tbody></table>
</div>
</td>
</tr>
<tr>
<td>
<img src="./img/kkkk.gif" width="5" height="5">
</td>
</tr>
</tbody></table>
<table width="960" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td align="left" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td width="300" align="left" valign="top">
<table width="99%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td background="./img/left_pho_bg6.gif">
<img src="./img/left_pho_bg6.gif" width="204" height="8">
</td>
</tr>
<tr>
<td>
<table width="99%" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="9">
<img src="./img/left_pho_bg5.gif" width="9" height="204">
</td>
<td>
<div id="ppt5" class="com">
<ul style="position: absolute; left: 0px; top: 0px;">
<li><a href="#">
<img src="./img/lunbo1.jpg"></a></li>
<li><a href="#">
<img src="./img/lunbo2.jpg"></a></li>
</ul>
<ol><li class="on">1</li><li class="">2</li></ol></div>
</td>
<td width="10">
<div align="right">
<img src="./img/left_pho_bg7.gif" width="10" height="204"></div>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td background="./img/left_pho_bg2.gif" width="297" height="48">
<div align="center" class="STYLE9">
&nbsp;&nbsp;<a href="pdf/ANCC-lxyz.pdf" target="_blank">紧密联系党员干部思想与工作实际，编码中心认真开展“两学一做”学习教育 </a>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
<td width="2" align="left" valign="top">
<img src="./img/kkkk.gif" width="2" height="5">
</td>
<td align="left" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr style="margin-right: 100px;">
<td>
<table width="100%" class="img1" border="0" align="center" cellpadding="0" cellspacing="2">
<tbody><tr>
<td width="20%" height="60">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td width="92">
<img src="./img/tt_pho.gif" width="92" height="60">
</td>
<td>
<div align="center" class="STYLE5">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td width="10">
&nbsp;
</td>
<td>
<div id="scrollDiv">
<ul style="margin-top: 0px;">
<li style="font-size:11px;"><a target="_blank">社会主义核心价值观：富强、民主、文明、和谐，自…</a></li><li style="font-size:11px;"><a target="_blank">自觉践行“三严三实”，认真落实党风廉政建设“两…</a></li><li style="font-size:11px;"><a target="_blank">严于修身、严于用权、严于律己，谋事要实、创业要…</a></li><li style="font-size:11px;"><a target="_blank">全员共同参与 编码中心廉政防控工作要见实效</a></li><li style="font-size:11px;"><a target="_blank">实干托举中国梦 凝聚中国力量</a></li><li style="font-size:11px;"><a target="_blank">认真贯彻《八项规定》 大兴勤俭务实之风</a></li><li style="font-size:11px;"><a target="_blank">开展“守纪律、讲规矩、严用权”纪律教育月活动，…</a></li></ul>
</div>
</td>
<td width="10">
&nbsp;
</td>
</tr>
</tbody></table>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td>
<img src="./img/kkkk.gif" width="5" height="5">
</td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td width="179">
<img src="./img/hdbd_button_bg_1.jpg" width="179" height="25" border="0" usemap="#Map">
</td>
<td background="./img/hdbd_button_bg_2.jpg">
<div align="right" class="STYLE8">
<a href="http://www.gs1cn.org/allsearch/allsearch.aspx?flag=index&amp;strkey=%e5%85%9a%e5%bb%ba" target="_blank">更多&gt;&gt;</a></div>
</td>
<td width="10">
<img src="./img/hdbd_button_bg_3.jpg" width="10" height="25">
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td>
<table width="100%" class="img1" border="0" align="center" cellpadding="0" cellspacing="2">
<tbody><tr>
<td width="20%">
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0" class="STYLE2">
<tbody><tr>
<td>
<p align="left" class="STYLE3">
· <a target="_blank" href="http://www.gs1cn.org/News/article.aspx?id=10979">
编码中心党委理论学习中心组举行2023年第三次集体学习</a>
<br>
· <a target="_blank" href="http://www.gs1cn.org/News/article.aspx?id=10977">
编码中心召开学习贯彻习近平新时代中国特色社会主义思想主题教育…</a>
<br>
· <a target="_blank" href="http://www.gs1cn.org/News/article.aspx?id=10948">
办公室党支部召开2022年度组织生活会开展民主评议党员工作</a>
<br>
· <a target="_blank" href="http://www.gs1cn.org/News/article.aspx?id=10942">
中国物品编码中心召开党风廉政建设工作会议暨警示教育大会</a>
<br>
· <a target="_blank" href="http://www.gs1cn.org/News/article.aspx?id=10941">
编码中心党委理论学习中心组举行2023年第二次集体学习</a>
<br>
· <a target="_blank" href="http://www.gs1cn.org/News/article.aspx?id=10896">
热烈祝贺信息化部党支部获评市场监管总局“四强”党支部</a>
<br>
· <a target="_blank" href="http://www.gs1cn.org/News/article.aspx?id=10888">
中国物品编码中心党委召开2022年度民主生活会</a>
<br>
· <a target="_blank" href="http://www.gs1cn.org/News/article.aspx?id=10864">
编码中心党委理论学习中心组举行2023年第一次学习</a>
<br>
</p>
</td>
</tr>
<tr>
<td class="STYLE2">
<div align="right" class="STYLE7">
<div align="right">
</div>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td>
<img src="./img/kkkk.gif" width="5" height="10">
</td>
</tr>
<tr>
<td>
<img src="./img/kkkk.gif" width="5" height="10">
</td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td width="44">
<img src="./img/pho_bg1.gif" width="44" height="13">
</td>
<td background="./img/pho_bg7.gif">
<img src="./img/pho_bg7.gif" width="17" height="13">
</td>
<td width="44">
<img src="./img/pho_bg4.gif" width="44" height="13">
</td>
</tr>
<tr>
<td align="left" valign="top">
<img src="./img/pho_bg5.gif" width="44" height="116">
</td>
<td align="center" valign="middle">
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="150">
<img src="./img/20150722.jpg" title="编码中心领导班子集体学习研讨">
</td>
<td width="150">
<img src="./img/2015072202.jpg" title="编码中心主任张成海讲党课启动三严三实专题教育">
</td>
<td width="150">
<img src="./img/2015072203.jpg" title="党课现场">
</td>
<td>
<img src="./img/2015072204.jpg" title="党委书记讲党课">
</td>
</tr>
</tbody></table>
</td>
<td align="left" valign="top">
<img src="./img/pho_bg6.gif" width="44" height="116">
</td>
</tr>
<tr>
<td>
<img src="./img/pho_bg2.gif" width="44" height="13">
</td>
<td background="./img/pho_bg8.gif">
<img src="./img/pho_bg8.gif" width="17" height="13">
</td>
<td>
<img src="./img/pho_bg3.gif" width="44" height="13">
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td>
<img src="./img/kkkk.gif" width="5" height="10">
</td>
</tr>
<tr>
<td>
&nbsp;
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr></tr>
<tr>
<td>
<img src="./img/kkkk.gif" width="5" height="5">
</td>
</tr>
<tr>
<td>
<img src="./img/kkkk.gif" width="5" height="2">
</td>
</tr>
<tr>
<td>
<img src="./img/gg_3.gif" width="710" height="91">
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
<td width="2">
<img src="./img/kkkk.gif" width="2" height="5">
</td>
<td width="235" align="left" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td>
<table width="100%" class="img1" border="0" align="center" cellpadding="0" cellspacing="2">
<tbody><tr>
<td>
<img src="./img/zyjs.jpg" width="235" height="29" border="0" usemap="#Map2">
</td>
</tr>
<tr>
<td width="20%">
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody><tr>
<td>
<div align="left">
<span class="STYLE3">· <a target="_blank" href="http://www.gs1cn.org/News/article.aspx?id=10788">
中国共产党第二十次全国代表大会</a>
<br>
</span>
<span class="STYLE3">·<a target="_blank" href="http://www.gs1cn.org/News/article.aspx?&amp;id=7675" style="color: blue" title="习近平：把“三严三实”贯穿改革全过程">&nbsp;习近平：把“三严三实”贯穿改革全...</a>
</span>
<br>
<span class="STYLE3">·<a target="_blank" href="http://news.12371.cn/2015/04/19/ARTI1429443267847752.shtml" style="color: blue" title="中共中央办公厅印发《关于在县处级以上领导干部中开展“三严三实”专题教育方案》">&nbsp;中共中央办公厅印发《关于在县处级...</a>
</span>
<br>
<span class="STYLE3">·<a target="_blank" href="http://news.12371.cn/2015/04/21/ARTI1429614144434131.shtml" style="color: blue" title="”三严三实“专题教育工作座谈会在京召开 刘云山出席会议并讲话"> "三严三实"专题教育工作座谈会在京...</a></span>
<br>
<span class="STYLE3">· <a target="_blank" href="http://syss.12371.cn/2015/05/25/ARTI1432558244723360.shtml" style="color: blue" title="李源潮在广东调研时要求群团干部践行“三严三实” 更好服务群众">李源潮在广东调研时要求群团干部践...</a></span>
<br>
<span class="STYLE3">· <a target="_blank" href="http://news.12371.cn/2014/03/09/ARTI1394363873713760.shtml" style="color: blue" title="习近平谈”三严三实“">习近平谈"三严三实"</a></span>
<br>
<span class="STYLE3">· <a target="_blank" href="http://syss.12371.cn/2015/07/13/ARTI1436788483403112.shtml" style="color: blue" title="中共中央组织部印发《关于认真学习贯彻习近平总书记重要指示精神 扎实推进“三严三实”专题教育的通知》">
中共中央组织部印发《关于认真学习...</a></span>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td>
<img src="./img/kkkk.gif" width="5" height="5">
</td>
</tr>
<tr>
<td>
<table width="100%" class="img1" border="0" align="center" cellpadding="0" cellspacing="2">
<tbody><tr>
<td>
<img src="./img/zjhd.jpg" width="235" height="29" border="0" usemap="#Map3">
</td>
</tr>
<tr>
<td width="20%">
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody><tr>
<td>
<div align="left" class="STYLE3">
· <a target="_blank" href="http://www.aqsiq.gov.cn/ztlm/2015/syss/zjhd/201505/t20150506_438197.htm" style="color: blue" title="质检总局举办“三严三实”专题党课 搞好“三严三实”专题教育 树好“党旗下质检人”形象">
质检总局举办"三严三实"专题党课...</a><br>
· <a target="_blank" href="http://www.aqsiq.gov.cn/ztlm/2015/syss/zjhd/201505/t20150506_438235.htm" style="color: blue" title="中共质检总局党组印发“三严三实”专题教育方案 　　把“三严三实”落实到抓质量、保安全、促发展、强质检的具体实践中">
中共质检总局党组印发"三严三实"...</a><br>
· <a target="_blank" href="http://www.aqsiq.gov.cn/ztlm/2015/syss/zjhd/201507/t20150716_445008.htm" style="color: blue" title="全国先进工作者事迹报告会发言选登">全国先进工作者事迹报告会发言选登</a><br>
·
<a target="_blank" href="http://www.gs1cn.org/djwh/download/RenWuFaZhi.pdf" style="color: blue" title="关于质检系统“法治人物”和“法制故事”评选情况的通报">关于质检系统"法治人物"和"法制...</a><br>
· <a target="_blank" href="http://www.aqsiq.gov.cn/ztlm/2015/syss/zjhd/201506/t20150608_441600.htm" style="color: blue" title="质检总局举办2015年第三期“质检大讲堂”">质检总局举办2015年第三期“质检大...</a><br>
· <a target="_blank" href="http://www.aqsiq.gov.cn/ztlm/2015/syss/zjhd/201505/t20150506_438233.htm" style="color: blue" title="“践行三严三实 质检青春飞扬——读书•事业•人生”全国质检系统青年演讲比赛获奖作品汇报展演在京举行">
“践行三严三实 质检青春飞扬——...</a><br>
· <a target="_blank" href="http://www.aqsiq.gov.cn/ztlm/2015/syss/llysj/" style="color: blue" title="质检总局开设“理论与实践专栏”搭建“三严三实”干部教育交流平台 ">质检总局开设“理论与实践专栏”搭...
</a>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td>
<img src="./img/kkkk.gif" width="5" height="5">
</td>
</tr>
<tr>
<td>
<table width="100%" class="img1" border="0" align="center" cellpadding="0" cellspacing="2">
<tbody><tr>
<td>
<img src="./img/xgzt.gif" width="235" height="29">
</td>
</tr>
<tr>
<td width="20%">
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody><tr>
<td>
<div align="left" class="STYLE3">
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody><tr>
<td>
<img src="./img/kkkk.gif" width="5" height="10">
</td>
</tr>
<tr>
<td>
<a href="http://lxyz.12371.cn" target="_blank">
<img src="./img/lxyz_xxjyw.png" width="205" height="65" border="0"></a>
</td>
</tr>
<tr>
<td>
<img src="./img/kkkk.gif" width="5" height="10">
</td>
</tr>
<tr>
<td>
<a href="http://lxyz.people.cn/GB/index.html" target="_blank">
<img src="./img/lxyz_rmw.png" width="205" height="85" border="0"></a>
</td>
</tr>
</tbody></table>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<table width="960" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td background="./img/ht.gif">
<img src="./img/ht.gif" width="38" height="9">
</td>
</tr>
</tbody></table>
<table width="960" border="0" cellpadding="0" cellspacing="0" bgcolor="#E4E4E4">
<tbody><tr>
<td width="20%" align="left" valign="top">
&nbsp;
</td>
<td class="STYLE3">
<div align="center">
Copyright <span style="font-family: Arial;">© </span>2013 gs1cn.org All rights
reserved 中国物品编码中心 版权所有
<br>
全国统一咨询服务电话：400-7000-690<br>
<a href="http://www.miibeian.gov.cn/" target="_blank">京ICP备05012621号</a>
<p></p>
</div>
</td>
<td width="20%" align="left" valign="top">
&nbsp;
</td>
</tr>
</tbody></table>
</div>
</div>
</template>
<script type="text/javascript">
//滚动插件
(function($) {
$.fn.extend({
Scroll: function(opt, callback) {
//参数初始化
if (!opt) var opt = {};
var _this = this.eq(0).find("ul:first");
var lineH = _this.find("li:first").height(), //获取行高
line = opt.line ? parseInt(opt.line, 10) : parseInt(this.height() / lineH, 10), //每次滚动的行数，默认为一屏，即父容器高度
speed = opt.speed ? parseInt(opt.speed, 10) : 500, //卷动速度，数值越大，速度越慢（毫秒）
timer = opt.timer ? parseInt(opt.timer, 10) : 3000; //滚动的时间间隔（毫秒）
if (line == 0) line = 1;
var upHeight = 0 - line * lineH;
//滚动函数
scrollUp = function() {
_this.animate({
marginTop: upHeight
}, speed, function() {
for (i = 1; i <= line; i++) {
_this.find("li:first").appendTo(_this);
}
_this.css({ marginTop: 0 });
});
}
//鼠标事件绑定
_this.hover(function() {
clearInterval(timerID);
}, function() {
timerID = setInterval("scrollUp()", timer);
}).mouseout();
}
})
})(jQuery);
$(document).ready(function() {
$("#scrollDiv").Scroll({ line: 2, speed: 500, timer: 3000 });
});
</script>
<script>
export default {
name: 'detail',
data() {
return {
}
},
methods: {
}
}
</script>
<style lang="scss" scoped>
.com{
width: 280px;
height: 204px;
overflow: hidden;
position: relative;
background: black;
}
.com ul{
width: 3000px;
font-size: 0;
}
.com ul li{
vertical-align: bottom;
height: 100%;
overflow: hidden;
float: left;
vertical-align: bottom;
list-style: none;
overflow: hidden;
}
.STYLE2{
font-size: 12px;
font-weight: normal;
color: #07046d;
text-align: left;
vertical-align: text-top;
line-height: 20px;
}
.STYLE5{
font-family: "宋体";
font-size: 10px;
color: #000066;
}
.img{
padding: 1px;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
line-height: 25px; /*border: 1px solid a3a3a3;*/
}
.img1{
padding: 1px;
font-size: 14px;
color: #FFFFFF;
line-height: 25px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #badff2;
border-right-color: #badff2;
border-bottom-color: #badff2;
border-left-color: #badff2;
}
.STYLE3{
font-size: 12px;
font-weight: normal;
color: #000066;
text-align: left;
vertical-align: text-top;
line-height: 20px;
}
.STYLE4{
font-size: 12px;
color: #000066;
text-align: left;
line-height: 16px;
}
.STYLE6{
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
}
.STYLE7{
font-size: 12px;
color: #000066;
text-align: left;
}
.STYLE8{
color: #000066;
font-size: 12px;
}
.STYLE9{
font-size: 12px;
font-weight: normal;
color: #000066;
text-align: center;
vertical-align: text-top;
line-height: 18px;
}
.STYLE10{
font-size: 12px;
color: #000066;
text-align: center;
line-height: 16px;
}
ul, li{
margin: 0;
padding: 0;
}
#scrollDiv{
width: 300px;
height: 50px;
min-height: 25px;
line-height: 25px;
border: #ccc 1px solid;
overflow: hidden;
}
#scrollDiv li{
height: 25px;
padding-left: 5px;
}
</style>
\ No newline at end of file
src/views/topic/topicFive.vue 0 → 100644
<template>
<div id="appCont">
<div class="top">
<img src="./img/2016315.jpg">
</div>
<div class="main">
<div class="main-top-left">
<div id="picNews" class="article tabset Slide Slide-tab-view-digit-layout-absolute Slide-page-layout-auto">
<div class="tabset-tabs-root">
<ol class="tabset-tab-list">
<li class="tabset-tab" v-for="(item,index) in 5" :key="index" @click="changeLunbo(index)" :class="{'tabset-tab-actived':idx==index}" @mouseover="stopPlay" @mouseout="continuePlay">
<a title="1" hidefocus=""><b>{{index+1}}</b></a>
</li>
</ol>
</div>
<div class="tabset-pages-root">
<div class="tabset-page-list">
<div class="tabset-page" v-for="(item,index) in lunboArr" :key="index" :class="{'tabset-page-actived':idx==index}" @mouseover="stopPlay" @mouseout="continuePlay">
<a :href="item.path" target="_blank">
<img :src="item.img" alt=""><b>{{item.title}}</b></a>
</div>
<!-- <div id="zCool_2" class="tabset-page">
<a href="/News/article.aspx?Id=10976&amp;picid=847" target="_blank">
<img src="./img/5a994d0a-2f1a-4d3a-bfac-d4d5f008320c.jpg" alt=""><b>食品原材料追溯及编码标准化专题座谈会在深圳召开</b></a>
</div>
<div id="zCool_3" class="tabset-page">
<a href="/News/article.aspx?Id=10966&amp;picid=846" target="_blank">
<img src="./img/7d818e4f-a2f5-40eb-a4e4-eff09f427ca2.jpg" alt=""><b>线上线下零售生鲜统一编码2项团体标准启动会暨标准研讨会在杭州成功召开</b></a>
</div>
<div id="zCool_4" class="tabset-page">
<a href="/News/article.aspx?Id=10929&amp;picid=845" target="_blank">
<img src="./img/79477916-43b0-4767-b169-2297467df7cf.jpg" alt=""><b>【重生 狂飙】2023年第一届ECR联合工委会会议在上海康师傅大楼顺利召开</b></a>
</div>
<div id="zCool_5" class="tabset-page tabset-page-actived">
<a href="/News/article.aspx?Id=10903&amp;picid=844" target="_blank">
<img src="./img/8ec3b29f-0327-491c-85cf-0d2510f72bfc.jpg" alt=""><b>中国物品编码中心总工程师李建辉一行赴福建调研</b></a>
</div> -->
</div>
</div>
</div>
</div>
<div class="main-top-middle">
<div class="title">
<label>
编码中心要闻</label>
</div>
<div class="news-list">
<ul>
<li><a href="/News/article.aspx?&amp;id=10988" target="_blank"> 中国物品编码中心召开“五四”青年座谈会</a></li>
<li><a href="/News/article.aspx?&amp;id=10987" target="_blank"> 医疗器械物流管理来了！ —GS1 UDI服务专区“系列货</a></li>
<li><a href="/News/article.aspx?&amp;id=10985" target="_blank"> 基于GS1标准的医药全球追溯体系建设研讨会在上海成</a></li>
<li><a href="/News/article.aspx?&amp;id=10976" target="_blank"> 食品原材料追溯及编码标准化专题座谈会在深圳召开</a></li>
<li><a href="/News/article.aspx?&amp;id=10971" target="_blank"> 基于GS1标准的医疗器械唯一标识（UDI）系统规则实施</a></li>
<li><a href="/News/article.aspx?&amp;id=10970" target="_blank"> 中国物品编码中心与国铁物资有限公司合作推进商品信</a></li>
<li><a href="/News/article.aspx?&amp;id=10966" target="_blank"> 线上线下零售生鲜统一编码2项团体标准启动会暨标准</a></li>
<li><a href="/News/article.aspx?&amp;id=10962" target="_blank"> 基于GS1标准的医疗器械唯一标识（UDI）系统规则实施</a></li>
<li><a href="/News/article.aspx?&amp;id=10961" target="_blank"> 中国航空运输协会赴中国物品编码中心、中国自动识别</a></li>
</ul>
<div class="more"><a href="/News/Center" target="_blank" style="text-decoration:none;">更多&gt;&gt;</a></div>
</div>
</div>
<div class="main-top-right">
<div class="jbpt-title">
<label>
举报投诉平台</label>
</div>
<a href="http://www.aqsiq.gov.cn/gzcypt/12365/" target="_blank"><img src="./img/315_07.jpg"></a>
<img src="./img/315_08.jpg">
<a href="http://www.aqsiq.gov.cn/zjxw/zjxw/zjftpxw/200703/t20070315_28662.htm" target="_blank"><img src="./img/315_09.jpg"></a>
</div>
<div class="main-middle-left">
<div class="data_area">
<a href="http://www.gs1cn.org/Business/Bulletin.aspx" target="_blank"><img src="./img/315_12.jpg"></a></div>
<div class="data_area">
<a href="http://www.gds.org.cn/" target="_blank"> <img src="./img/315_15.jpg"></a></div>
<div class="data_area">
<a href="http://www.chinatrace.org/" target="_blank"><img src="./img/315_17.jpg"></a></div>
<div class="data_area">
<a href="http://www.gs1cn.org/Service/ZLXY.aspx" target="_blank"><img src="./img/315_19.jpg"></a></div>
<div class="data_area">
<a href="http://www.gs1cn.org/Service/IoT.aspx" target="_blank"> <img src="./img/315_21.jpg"></a></div>
</div>
<div class="main-middle-middle">
<div class="title">
<label>
地方新闻</label>
</div>
<div class="news-list">
<ul>
<li><a href="/News/article.aspx?&amp;id=10989" target="_blank"> 中国物品编码中心河南分中心举办2023年度新郑市第一</a></li>
<li><a href="/News/article.aspx?&amp;id=10986" target="_blank"> 中国物品编码中心宁夏分中心深入企业开展调研</a></li>
<li><a href="/News/article.aspx?&amp;id=10983" target="_blank"> 中国物品编码中心福建分中心在莆田开展商品条码公益</a></li>
<li><a href="/News/article.aspx?&amp;id=10982" target="_blank"> 中国物品编码中心江苏分中心赴无锡市食品安全检验检</a></li>
<li><a href="/News/article.aspx?&amp;id=10981" target="_blank"> 中国物品编码中心四川分中心开展商品条码印刷公益培</a></li>
<li><a href="/News/article.aspx?&amp;id=10980" target="_blank"> 中国物品编码中心湖南分中心受邀参加怀化市医疗器械</a></li>
<li><a href="/News/article.aspx?&amp;id=10978" target="_blank"> 中国物品编码中心河北分中心2023年第一场商品条码系</a></li>
<li><a href="/News/article.aspx?&amp;id=10974" target="_blank"> 中国物品编码中心成都办事处前往成都科伦医贸物流中</a></li>
<li><a href="/News/article.aspx?&amp;id=10972" target="_blank"> 中国物品编码中心内蒙古分中心积极开展2023年第一期</a></li>
</ul>
<div class="more"><a href="News/Local" target="_blank" style="text-decoration:none;">更多&gt;&gt;</a></div>
</div>
</div>
<div class="main-middle-right">
<a href="http://www.gs1cn.org/Service/Book.aspx?classid=3" target="_blank"><img src="./img/hx.jpg" style="margin-left:5px; margin-top:15px;"></a>
<a href="http://www.gs1cn.org/Service/Book.aspx?classid=3" target="_blank"><img src="./img/wlwapp.jpg" style="margin-left:5px; margin-top:20px;"></a>
<a href="http://www.aqsiq.gov.cn/cjsfw/sptm/index.htm" target="_blank"><img src="./img/cjsfw2.jpg" style="margin-left:5px; margin-top:20px;"></a>
<a href="http://www.gs1cn.org/Service/Book.aspx?classid=3" target="_blank"><img src="./img/1.jpg" style="margin-left:5px; margin-top:20px;"></a>
<div class="iphone">
<a href="http://www.chinatrace.org/toIphoneDownload.html" target="_blank"><img src="./img/2.jpg"></a>
</div>
<div class="android">
<a href="http://www.chinatrace.org/toAndroidDownload.html" target="_blank"><img src="./img/3.jpg"></a>
</div>
</div>
<div class="main-down">
<div class="title-flv">
<label>
中华人民共和国消费者权益保护法</label>
</div>
<div class="txt_box">
<span>根据2013年10月25日第十二届全国人民代表大会常务委员会第五次会议《关于修改＜中华人民共和国消费者权益保护法＞的决定》第二次修正，该决定自2014年3月15日起施行；国家主席习近平签署第7号主席令予以公布。</span>
</div>
<a href="http://www.chinatt315.org.cn/315/2013-12/14/12158.aspx" target="_blank" style="float:right; font-size:small; margin-right:20px;color:Blue; text-decoration:none;">查看详情&gt;&gt;</a>
</div>
<div class="bottom">
<div class="bottom-title">
<label>商品条码助力产品质量安全</label></div>
<div class="bottom-content">
<ul>
<li><a href="http://www.gs1cn.org/News/Retail" target="_blank" style="text-decoration:none;"><strong>零售</strong></a><label>&nbsp;|&nbsp;</label></li>
<li><a href="http://www.gs1cn.org/News/Logistics" target="_blank" style="text-decoration:none;"><strong>物流</strong></a><label>&nbsp;|&nbsp;</label></li>
<li><a href="#" target="_blank" style="text-decoration:none;"><strong>医疗卫生</strong></a><label>&nbsp;|&nbsp;</label></li>
<li><a href="http://www.gs1cn.org/News/FoodSafety" target="_blank" style="text-decoration:none;"><strong>食品安全追溯</strong></a><label>&nbsp;|&nbsp;</label></li>
<li><a href="http://www.gs1cn.org/News/ECommerce" target="_blank" style="text-decoration:none;"><strong>电子商务</strong></a><label>&nbsp;|&nbsp;</label></li>
<li><a href="http://www.gs1cn.org/News/MCommerce" target="_blank" style="text-decoration:none;"><strong>移动商务</strong></a><label>&nbsp;|&nbsp;</label></li>
<li><a href="http://www.gs1cn.org/News/IoT" target="_blank" style="text-decoration:none;"><strong>物联网</strong></a><label>&nbsp;|&nbsp;</label></li>
<li><a href="http://www.gs1cn.org/News/Other" target="_blank" style="text-decoration:none;"><strong>其他</strong></a></li>
</ul>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'detail',
data() {
return {
idx:0,
lunboArr:[
{
img:require('./img/6f8032ae-0e03-404a-9705-298f7439f21e.jpg'),
path:'/News/article.aspx?Id=10988&amp;picid=848',
title:'中国物品编码中心召开“五四”青年座谈会'
},
{
img:require('./img/5a994d0a-2f1a-4d3a-bfac-d4d5f008320c.jpg'),
path:'/News/article.aspx?Id=10988&amp;picid=847',
title:'食品原材料追溯及编码标准化专题座谈会在深圳召开'
},
{
img:require('./img/7d818e4f-a2f5-40eb-a4e4-eff09f427ca2.jpg'),
path:'/News/article.aspx?Id=10988&amp;picid=846',
title:'线上线下零售生鲜统一编码2项团体标准启动会暨标准研讨会在杭州成功召开'
},
{
img:require('./img/79477916-43b0-4767-b169-2297467df7cf.jpg'),
path:'/News/article.aspx?Id=10988&amp;picid=845',
title:'【重生 狂飙】2023年第一届ECR联合工委会会议在上海康师傅大楼顺利召开'
},
{
img:require('./img/8ec3b29f-0327-491c-85cf-0d2510f72bfc.jpg'),
path:'/News/article.aspx?Id=10988&amp;picid=844',
title:'中国物品编码中心总工程师李建辉一行赴福建调研'
}
],
timer :null,
}
},
mounted(){
this.autoplay()
},
methods: {
changeLunbo(index){
this.idx=index
},
autoplay(){
let _this=this
this.timer =setInterval(function(){
_this.idx++;
if(_this.idx>=5){
_this.idx=0;
}
},2000)
},
continuePlay(){
this.autoplay()
},
stopPlay(){
clearInterval(this.timer);
}
}
}
</script>
<style scoped>
.top{
width: 895px;
height: 245px;
margin: 0 auto;
}
.main{
width: 895px;
height: 785px;
margin: 0 auto;
margin-top: 10px;
}
.main-top-left{
width: 220px;
height: 300px;
float: left;
}
.main-top-middle{
width: 400px;
height: 300px;
border: 1px solid #bebebe;
float: left;
margin-left: 10px;
border-radius: 6px 6px 0 0;
}
.main-top-right{
width: 250px;
height: 300px;
border: 1px solid #bebebe;
float: left;
margin-left: 10px;
border-radius: 6px 6px 0 0;
}
.main-middle-left{
width: 220px;
height: 300px;
float: left;
border: 1px solid #bebebe;
margin-top: 10px;
border-radius: 6px 6px 0 0;
}
.main-middle-middle{
width: 400px;
height: 300px;
border: 1px solid #bebebe;
float: left;
margin-left: 8px;
margin-top: 10px;
border-radius: 6px 6px 0 0;
}
.main-middle-right{
width: 250px;
height: 300px;
border: 1px solid #bebebe;
float: left;
margin-left: 10px;
margin-top: 10px;
border-radius: 6px 6px 0 0;
}
.data_area{
width: 200px;
height: 40px;
margin: 0 auto;
margin-top: 15px;
}
.main-down{
width: 895px;
height: 110px;
border: 1px solid #bebebe;
margin-top: 10px;
float: left;
border-radius: 6px 6px 0 0;
}
.iphone{
width: 74px;
height: 26px;
margin-left: 170px;
margin-top: -51px;
position: absolute;
}
.android{
width: 74px;
height: 26px;
margin-left: 170px;
margin-top: -26px;
position: absolute;
}
.title{
width: 400px;
height: 30px;
background-color: #E43535;
border-radius: 6px 6px 0 0;
}
.title label{
color: #fff;
font-family: 微软雅黑;
font-size: 16px;
position: absolute;
margin-top: 2px;
margin-left: 10px;
font-weight: bold;
}
/*中心要闻*/
.news-list{
width: 380px;
height: auto;
margin: 0 auto;
margin-top: 10px;
}
.news-list ul{
list-style: inside disc;
color: #CC9;
line-height: 25px;
margin-top: 5px;
font-size: 14px;
}
.news-list li{
padding-left: 10px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.more{
width: 45px;
height: 15px;
float: right;
margin-top: 8px;
font-size: 10px;
}
/* 图片新闻 */
#picNews{
position: relative;
float: left;
width: 220px;
}
#picNews .tabset-tabs-root{
position: absolute;
width: 100%;
top: 184px;
right: 0;
color: #fff;
background-color: #000;
background: -webkit-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,1));
background: -moz-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,1));
background: -ms-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,1));
background: -o-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,1));
background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1));
}
#picNews .tabset-tab-list{
float: right;
margin: 0;
}
#picNews .tabset-tab{
float: left;
padding: 0;
border-left: 1px solid rgba(255,255,255,.38);
line-height: 16px;
text-align: center;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
cursor: pointer;
}
#picNews .tabset-tab a{
display: block;
width: 22px;
height: 16px;
color: #fff;
text-decoration: none;
cursor: pointer;
}
#picNews .tabset-tab-actived a, #picNews .tabset-tab a:hover{
background-color: #f60;
}
#picNews .tabset-tab a b{
font-weight: normal;
}
#picNews .tabset-page{
text-align: center;
}
#picNews .tabset-page a{
display: block;
width: 220px;
height: 200px;
}
#picNews .tabset-page a img{
display: block;
width: 100%;
height: 100%;
}
#picNews .tabset-page a b{
display: block;
margin: 1px auto;
padding: 10px 0;
height: 55px;
background: url(./img/gray-bg-x.h80.png) 0 100% repeat-x;
font-size: 12px;
line-height: 2em;
}
/* 选项卡 */
.tabset-page{
display: none;
}
.tabset-page-actived{
display: block;
}
ol, ul{
list-style: none outside;
}
/* 列表根 */
#ob_body .tabset-tabs-root{
float: left;
margin-right: 10px;
border: 1px solid #DBDEE1;
background-color: #F6F4F7;
width: 120px;
height: 248px;
}
#ob_body .tabset-tab-list{
}
#ob_body .tabset-tab{
padding: 0;
height: 44px;
margin-bottom: -1px;
}
#ob_body .tabset-tab a{
position: relative;
display: block;
padding: 1px;
border: 1px solid #DBDEE1;
border-width: 1px 0;
background-color: #fff; +zoom:1;
}
#ob_body .tabset-tab a b{
display: block;
padding-left: 18px;
height: 40px;
background: url(/img/index/gray-bg-x.h40.png) repeat-x;
font-size: 14px;
line-height: 40px;
}
#ob_body .tabset-tab-actived a{
z-index: 1px;
left: 1px;
border-left: 3px solid #F46336;
}
#ob_body .tabset-tab-actived a b{
background: none;
}
#ob_body .tabset-tab a b{
}
*{
margin: 0;
padding: 0;
border: none;
}
.com{
width: 240px;
height: 305px;
overflow: hidden;
position: relative;
background: black;
}
.com ul{
width: 3000px;
font-size: 0;
}
.com ul li{
vertical-align: bottom;
height: 100%;
overflow: hidden;
float: left;
background: white url(/jscss/demoimg/201307/loading.gif) no-repeat center center;
vertical-align: bottom;
list-style: none;
overflow: hidden;
}
.com ol{
position: absolute;
right: 0;
bottom: 5px; ;z-index:10;list-style:none;height:21px}
.com ol li{
width: 15px;
background: white;
border: 1px solid #74A8ED;
border-radius: 10px;
color: #74A8ED;
cursor: pointer;
float: left;
font: 12px Arial;
height: 15px;
margin: 2px 3px;
text-align: center;
}
.com ol li.on{
height: 19px;
width: 19px;
background: #74A8ED;
border: 1px solid #EEEEEE;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
line-height: 19px;
margin: 0 3px;
}
/*相关法律*/
.txt_box{
height: 50px;
margin: 0 auto;
margin-top: 10px;
text-indent: 2em;
line-height: 26px;
font-size: 14px;
padding-left:10px;
padding-right:5px;
}
.title-flv{
width: 265px;
height: 30px;
background-color:#E43535;
border-radius: 6px 6px 0 0;
}
.title-flv label{
color: #fff;
font-family: 微软雅黑;
font-size: 16px;
position: absolute;
margin-top: 2px;
margin-left: 10px;
font-weight: bold;
}
/*页脚*/
.footer{
margin: 2em auto auto;
padding: 2em 0;
border: 1px solid #039;
border: 1px solid #DBDEE1;
border-width: 1px 0 0; /*border-radius: 10px 10px 0 0; background:url(/img/horizontal-line-shadow.png) repeat-x;*/
text-align: center;
}
.fnav{
margin: auto auto 1em;
font-size: 14px;
}
.fnavList{
display: inline-block;
}
.fnavList li{
float: left;
padding: 0 2em;
}
.footer p{
line-height: 2em;
font-size: small;
}
.footer address{
font-style: normal;
font-size: small;
}
.jbpt-title{
width: 250px;
height: 30px;
background-color: #E43535;
border-radius: 6px 6px 0 0;
}
.jbpt-title label{
color: #fff;
font-family: 微软雅黑;
font-size: 16px;
position: absolute;
margin-top: 2px;
margin-left: 10px;
font-weight: bold;
}
.bottom{
width: 895px;
height: 35px;
border: 1px solid #bebebe;
margin-top: 10px;
float: left;
}
.bottom-title{
width:220px;
height:35px;
background-color:#E43535;
float:left;
}
.bottom-title labe{
line-height:35px;
padding-left:15px;
color:#FFF;
font-size:16px;
font-family:微软雅黑;
font-weight:bold;
}
.bottom-content{
width:675px;
height:35px;
background-color:#E43535;
float:left;
}
.bottom-content ul{
padding-top:6px;
padding-left:60px;
}
.bottom-content li{
float:left;
}
.bottom-content li label{
color:#FFF;
font-size:16px;
font-family:微软雅黑;
font-weight:bold;
}
.bottom-content li a{
color:#FFF;
font-size:16px;
font-family:微软雅黑;
}
.bottom-content li a :hover{
text-decoration:underline;
}
a{
text-decoration: underline;
}
*, ::after, ::before{
box-sizing: initial;
}
.bottom-title label{
line-height: 35px;
padding-left: 15px;
color: #FFF;
font-size: 16px;
font-family: '微软雅黑';
font-weight: bold;
}
#appCont{
background: #fff;
}
</style>
\ No newline at end of file
src/views/topic/xiangma.vue 0 → 100644
<template>
<div style="background-color:#fff">
<div id="bodyer" class="bodyer">
<div class="img1"><img src="./img/bg2.jpg" width="1000px;" height="200px"></div>
</div>
<div id="id1" class="id1">
<div class="id_left">
<div class="left-1">
<div class="title">
<h1 class="title_txt"><a href="/2013/xiangma/xm.aspx" target="_blank" style="color:White;">箱码 Case Code</a></h1>
</div>
<div id="Retail" class="article" style="margin:2px; border-color:#3A5FCD ">
<div class="top-intro">
<a class="figure" href="/2013/xiangma/xm.aspx#1" target="_blank">
<img src="./img/图片1.png" width="80" height="80" alt=""></a>
<div class="top-intro-text">
<strong>使用在商品外包装箱上，用于商品分拣、仓储、批发、配送等流通过程中的全球统一标识系统的条码符号。<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
注：可以采用EAN/UPC条码、ITF-14条码和GS1-128条码三种码制。</strong></div>
<a href="/2013/xiangma/xm.aspx#1" target="_blank" style="float:right; font-size:small;">详情&gt;&gt;</a>
</div>
</div>
</div>
<div class="left-2">
<div class="title">
<h1 class="title_txt"><a href="/2013/xiangma/xm.aspx" target="_blank" style="color:White;">编码方式</a></h1>
</div>
<div id="Retail4" class="article" style="margin:2px; border-color:#3A5FCD">
<div class="top-intro">
<div class="top-intro-text">
<strong>箱中包含多种规格的消费商品包装，依照规格从小到大代码分别为690111100001（不含校验码）和690111100002（不含校验码）；则编制储运单元代码时可取最接近的消费单元代码1690111100002（不含校验码），并在前面加包装指示符“1”，形成储运单元的箱码代码1690111100002（不含校验码）。</strong><a href="/2013/xiangma/xm.aspx#3" target="_blank" style="float:right; font-size:small">详情&gt;&gt;</a></div>
</div>
<a class="figure" href="/2013/xiangma/xm.aspx#3" target="_blank"><img src="./img/图片2.png" width="580" height="120" alt=""></a>
</div>
</div>
</div>
<div class="id_right">
<div class="right-1">
<div class="title">
<h1 class="title_txt">最新资讯</h1>
</div>
<div id="Retail3" class="article" style="margin:2px; border-color:#3A5FCD">
<div class="top-intro">
<div class="top-intro-text2">
&nbsp;&nbsp;
<strong>●&nbsp;&nbsp;<a href="http://www.gs1cn.org/News/article.aspx?Id=7019" target="_blank" style="color:#603000">商品条码应用推广交流会在南昌胜利召开</a></strong><br>
&nbsp;&nbsp;
<strong>●&nbsp;&nbsp;<a href="http://www.gs1cn.org/News/article.aspx?Id=6857" target="_blank" style="color:#603000">零售业突围在即：倡导统一编码标准 打造协同供应链</a></strong><br>
&nbsp;&nbsp;
<strong>●<a href="http://www.gs1cn.org/News/article.aspx?Id=6554" target="_blank" style="color:#603000">《中国质量报》报道：数据同步提高供应链效率</a></strong><br>
&nbsp;&nbsp;
<strong>●<a href="http://www.gs1cn.org/News/article.aspx?Id=6409" target="_blank" style="color:#603000">《国际商报》专版：商品条码助力企业轻松玩转供应链</a></strong> <br>
&nbsp;&nbsp;
<strong>●&nbsp;&nbsp;<a href="http://www.gs1cn.org/News/article.aspx?Id=6909" target="_blank" style="color:#603000">箱码也是省钱密码 一箱快消品平均可减少成本0.8个百分点</a></strong>
</div>
</div>
</div>
</div>
<div class="right-2">
<div class="title">
<h1 class="title_txt">资料下载</h1>
</div>
<div id="Retail1" class="article" style="margin:2px; border-color:#3A5FCD">
<div class="top-intro">
<div class="top-intro-text">
<strong>
<li> 1、<a href="pdf/箱码单页.pdf" target="_blank" style="color:#603000">箱码单页</a> &nbsp;&nbsp;&nbsp;&nbsp;
2、<a href="pdf/箱码应用指南.pdf" target="_blank" style="color:#603000">箱码应用指南</a> &nbsp;&nbsp;&nbsp;&nbsp;
3、<a href="pdf/箱码折页.pdf" target="_blank" style="color:#603000">箱码折页</a> </li>
</strong></div>
</div>
</div>
</div>
<div class="right-3">
<div class="title">
<h1 class="title_txt">箱码倡议企业名单</h1>
</div>
<div id="Retail2" class="article" style="margin:2px; border-color:#3A5FCD">
<div class="top-intro">
<div class="top-intro-text">
<div class="gd">
<marquee direction="up" behavior="scroll" loop="-1" width="280px;" height="90px;" scrollamount="2" onmouseover=stop() onmouseout=start()>
<strong>
<li>●&nbsp;&nbsp;康成投资（中国）有限公司</li>
<li>●&nbsp;&nbsp;上海莲源物流有限公司</li>
<li>●&nbsp;&nbsp;上海迪亚零售有限公司</li>
<li>●&nbsp;&nbsp;上海华联超市物流有限公司</li>
<li>●&nbsp;&nbsp;上海联华超市配销有限公司</li>
<li>●&nbsp;&nbsp;上海好德物流有限公司</li>
<li>●&nbsp;&nbsp;锦江麦德龙现购自运有限公司</li>
<li>●&nbsp;&nbsp;家乐福</li>
<li>●&nbsp;&nbsp;SPAR中国</li>
<li>●&nbsp;&nbsp;特易购乐购（中国）投资有限公司</li>
<li>●&nbsp;&nbsp;法国欧尚超市集团中国区采购中心</li>
<li>●&nbsp;&nbsp;华润万家有限公司</li>
<li>●&nbsp;&nbsp;保定市惠友万家福超级市场有限公司</li>
<li>●&nbsp;&nbsp;邯郸市阳光超市有限公司</li>
<li>●&nbsp;&nbsp;河北国人连锁商业有限公司</li>
<li>●&nbsp;&nbsp;秦皇岛家惠商贸集团有限公司</li>
<li>●&nbsp;&nbsp;石家庄北国人百集团有限责任公司</li>
<li>●&nbsp;&nbsp;唐山瑞莎实业集团有限公司</li>
<li>●&nbsp;&nbsp;唐山华盛超市有限公司</li>
<li>●&nbsp;&nbsp;唐山家万佳超市有限公司</li>
<li>●&nbsp;&nbsp;唐山市金客隆超市有限公司</li>
<li>●&nbsp;&nbsp;华润万家生活超市（浙江）有限公司</li>
<li>●&nbsp;&nbsp;杭州联华华商集团有限公司</li>
<li>●&nbsp;&nbsp;浙江人本超市有限公司</li>
<li>●&nbsp;&nbsp;北京物美商业集团股份有限公司</li>
<li>●&nbsp;&nbsp;北京京客隆商业集团股份有限公司</li>
<li>●&nbsp;&nbsp;北京超市发连锁股份有限公司</li>
<li>●&nbsp;&nbsp;北京首航国力商贸有限公司</li>
<li>●&nbsp;&nbsp;北京华冠商贸有限公司</li>
<li>●&nbsp;&nbsp;北京华联综合超市股份有限公司</li>
<li>●&nbsp;&nbsp;亚马逊（中国）</li>
<li>●&nbsp;&nbsp;陕西民生家乐商业连锁有限责任公司</li>
<li>●&nbsp;&nbsp;三棵树超市商贸有限责任公司</li>
<li>●&nbsp;&nbsp;陕西华润万家生活超市有限公司</li>
<li>●&nbsp;&nbsp;西安松林超级市场有限公司</li>
<li>●&nbsp;&nbsp;麦凯乐（青岛）百货总店有限公司</li>
<li>●&nbsp;&nbsp;青岛家乐福商业有限公司新兴店</li>
<li>●&nbsp;&nbsp;利群集团股份有限公司</li>
<li>●&nbsp;&nbsp;青岛美特好连锁超市有限公司</li>
<li>●&nbsp;&nbsp;青岛海信东海商贸有限公司海信广场</li>
<li>●&nbsp;&nbsp;苏果超市股份有限公司</li>
<li>●&nbsp;&nbsp;江苏欢乐买商贸股份有限公司</li>
<li>●&nbsp;&nbsp;江苏雅家乐集团有限公司</li>
<li>●&nbsp;&nbsp;江苏新合作常客隆连锁超市有限公司</li>
<li>●&nbsp;&nbsp;山西美特好连锁超市股份有限公司 </li>
<li>●&nbsp;&nbsp;步步高商业连锁股份有限公司</li>
<li>●&nbsp;&nbsp;山东家家悦集团有限公司</li>
<li>●&nbsp;&nbsp;胜利油田胜大超市</li>
<li>●&nbsp;&nbsp;东莞市糖酒集团美宜佳便利店有限公司</li>
<li>●&nbsp;&nbsp;东莞市嘉荣超市有限公司</li>
<li>●&nbsp;&nbsp;云南之佳便利店有限公司</li>
<li>●&nbsp;&nbsp;云南玉溪百信商贸集团有限公司</li>
<li>●&nbsp;&nbsp;大连金玛超市连锁有限公司</li>
<li>●&nbsp;&nbsp;新一佳超市有限公司</li>
<li>●&nbsp;&nbsp;广州屈臣氏个人用品商店有限公司</li>
<li>●&nbsp;&nbsp;四川德惠商业股份有限公司</li>
<li>●&nbsp;&nbsp;重庆商社新世纪百货连锁经营有限公司</li></strong>
</marquee>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="id2" class="id2">
<div class="id2-left">
<div class="title">
<h1 class="title_txt"><a href="/2013/xiangma/anli.aspx" target="_blank" style="color:White;">案例</a></h1>
</div>
<div id="Retail6" class="article" style="margin:2px; border-color:#3A5FCD">
<div class="top-intro">
<div class="top-intro-text">
<li><strong>●&nbsp;&nbsp;<a href="/2013/xiangma/anli.aspx#4" target="_blank" style="color:#603000">箱码在杭州联华华商集团有限公司的应用</a></strong></li>
<li><strong>●&nbsp;&nbsp;<a href="/2013/xiangma/anli.aspx#5" target="_blank" style="color:#603000">箱码在联华超市股份有限公司（上海）曹杨路配送中心的应用</a></strong></li>
<li><strong>●&nbsp;&nbsp;<a href="/2013/xiangma/anli.aspx#6" target="_blank" style="color:#603000">箱码在苏果超市的应用</a></strong></li>
</div>
</div>
</div>
</div>
<div class="id2-right">
<div class="title">
<h1 class="title_txt"><a href="/2013/xiangma/changyi.aspx" target="_blank" style="color:White;">中国零售业箱码应用倡议</a></h1>
</div>
<div id="Retail7" class="article" style="margin:2px; border-color:#3A5FCD">
<div class="top-intro">
<div class="top-intro-text">
<li><strong>●&nbsp;&nbsp;<a href="/2013/xiangma/changyi.aspx#7" target="_blank" style="color:#603000">中国零售业箱码应用倡议</a></strong></li>
</div>
</div>
</div>
</div>
</div>
<div id="id3" class="id3">
<div class="title">
<h1 class="title_txt">活动照片</h1>
</div>
<div id="Retail5" class="article" style="margin:2px; border-color:#3A5FCD">
<div id="imgbox">
<div class="img"><img src="./img/图片3.jpg" width="220px" height="150px"></div>
<div class="img"><img src="./img/图片4.jpg" width="220px" height="150px"></div>
<div class="img"><img src="./img/图片5.jpg" width="220px" height="150px"></div>
<div class="img"><img src="./img/图片6.jpg" width="220px" height="150px"></div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'detail',
data() {
return {
}
},
methods: {
}
}
</script>
<style scoped>
#bodyer
{
width:1000px;
height:200px;
overflow:hidden;
margin: 1em auto;
}
#id1
{
width:1000px;
height:430px;
overflow:hidden;
margin:0 auto;
}
#id2
{
width:1000px;
height:130px;
overflow:hidden;
margin:0 auto;
}
#id3
{
width:1000px;
height:230px;
overflow:hidden;
margin:0 auto;
}
.id_left
{
width:600px;
height:420px;
overflow:hidden;
float:left;
}
.id_right
{
width:390px;
height:420px;
overflow:hidden;
float:right;
}
.left-1
{
width:590px;
height:160px;
}
.left-2
{
width:590px;
height:250px;
}
.right-1
{
height:150px;
border:1px;
}
.right-2
{
height:86px;
margin-top:40px;
}
.right-3
{
height:160px;
margin-top:6px;
}
.id2-left
{
width:600px;
height:110px;
float:left;
}
.id2-right
{
width:390px;
height:110px;
float:right;
}
.style1
{
font-size:large;
color:blue;
margin:0 auto;
text-align:center;
}
.title
{
background-image:url(./img/xm2.jpg);
height: 25px;
width:200px;
overflow: hidden;
margin-bottom:8px;
}
.title_txt
{
font-size:medium;
color:white;
text-align:left;
text-indent:1em;
}
.top-intro{
margin: 10px;
height: 80px;
}
.top-intro-text{
font-size:small;
text-indent:2em;
}
#imgbox{
width:980px;
height:170px;
margin:8px;
}
.img{
width:220px;
height:150px;
float:left;
margin-left:18px;
margin-top:10px;
}
#Retail{
height:110px;
}
#Retail1{
height:40px;
}
#Retail2{
height:99px;
}
#Retail3{
height:135px;
}
#Retail4{
height:220px;
}
#Retail5{
height:190px;
}
#Retail6{
height:80px;
}
#Retail7{
height:80px;
}
.gd{
width:300px;
height:90px;
margin-left:-30px;
}
#fnav{
width:780px;
height:20px;
text-align:center;
}
li{
list-style:none;
}
.top-intro-text2{
font-size:small;
line-height:24px;
}
.main{
border:none;
}
.main .article{
position:relative;
margin-bottom:10px;
width:322px;
height:280px;
/*overflow:hidden;*/
border:1px solid #DBDEE1;
border:1px solid #039;
}
.main .article-body{
}
.top-intro{
margin:10px;
height:80px;
}
.top-intro .figure{
float:left;
margin:auto 10px auto auto;
padding:1px;
border:1px solid #ccc;
}
.top-intro .figure img{
display:block;
}
.top-intro-text{
line-height:1.7em;
text-indent:2em;
color:#603000;
}
.download{
position:absolute;
top:5px;
right:20px;
}
.download a{
color:#fe0;
}
/* */
#TopPic{
float:left;
border-color:#F46336;
width:656px;
height:260px;
}
#TopPic img{
display:block;
margin:10px auto auto;
width:652px;
}
#NewsReport{
float:right;
width:330px;
height:260px;
}
#Retail{
clear:both;
float:left;
margin-right:10px;
}
#Logistics{
float:left;
}
#Health{
float:right;
width:330px;
}
#FoodSafety{
clear:both;
float:left;
margin-right:10px;
}
#ECommerce{
float:left;
}
#MCommerce{
float:right;
width:330px;
}
#IoT{
clear:both;
float:left;
width:492px;
}
#Other{
float:right;
width:492px;
}
.main{
}
.article{
margin-bottom: 10px;
border-radius: 10px 10px 0 0;
border: 1px solid #DBDEE1;
border: 1px solid #039;
}
.article ul, .article ol{
list-style:inside disc;
color:#CCC;
}
.article ol{
list-style:inside decimal;
color:#CCC;
}
.main .article-body p{
margin:1em auto;
text-indent:2em;
}
*, ::after, ::before{
box-sizing: initial;
}
</style>
\ No newline at end of file
src/views/topic/zly2013.vue 0 → 100644
<template>
<div style="background:#fff">
<div class="border">
<div class="img"><img src="./img/bg.jpg" width="950px" height="300px;"></div>
</div>
<div class="id0">
<div class="id-left">
<div class="id-left-1">
<div class="id-left-1-1">
<img src="./img/zly.jpg" width="316px;" height="196px;" style="margin-top:2px; margin-left:4px;">
<p style="text-align:center; font-size:small;"><strong>中国物品编码中心2013年"质量月"宣传活动</strong></p>
</div>
<div class="id-left-1-2">
<div class="title">
<h1 style="text-align:center; font-size:medium; color: #0000AA;"><strong>"质&nbsp;量&nbsp;月"&nbsp;要&nbsp;闻</strong></h1><hr>
</div>
<div class="txt-box">
<ul>
<p><img src="./img/201333.jpg" width="10px;" height="10px;" style="margin-left:2px;">&nbsp;&nbsp;<a href="http://www.gs1cn.org/News/article.aspx?id=7042" target="_blank" title="中国物品编码中心青海分中心开展质量月系列活动" style="font-size:small; ">中国物品编码中心青海分中心开展质量月系列活动</a></p><a href="http://www.gs1cn.org/News/article.aspx?id=7042" target="_blank" title="中国物品编码中心青海分中心开展质量月系列活动" style="font-size:small; ">
</a><p style="margin-top:10px;"><a href="http://www.gs1cn.org/News/article.aspx?id=7042" target="_blank" title="中国物品编码中心青海分中心开展质量月系列活动" style="font-size:small; "><img src="./img/201333.jpg" width="10px;" height="10px;" style="margin-left:2px;">&nbsp;&nbsp;</a><a href="http://www.gs1cn.org/News/article.aspx?id=7032" target="_blank" title="中国物品编码中心大连办事处积极参与“标准进万家”宣传活动">中国物品编码中心大连办事处积极参与“标准进万家”宣传活动</a></p><a href="http://www.gs1cn.org/News/article.aspx?id=7032" target="_blank" title="中国物品编码中心大连办事处积极参与“标准进万家”宣传活动">
</a><p style="margin-top:10px;"><a href="http://www.gs1cn.org/News/article.aspx?id=7032" target="_blank" title="中国物品编码中心大连办事处积极参与“标准进万家”宣传活动"><img src="./img/201333.jpg" width="10px;" height="10px;" style="margin-left:2px;">&nbsp;&nbsp;</a><a href="" target="_blank" title="中国物品编码中心四川分中心走进社区进行条码知识宣传" style="font-size:small; ">中国物品编码中心四川分中心走进社区进行条码知识宣传</a></p><a href="" target="_blank" title="中国物品编码中心四川分中心走进社区进行条码知识宣传" style="font-size:small; ">
</a><p style="margin-top:10px;"><a href="" target="_blank" title="中国物品编码中心四川分中心走进社区进行条码知识宣传" style="font-size:small; "><img src="./img/201333.jpg" width="10px;" height="10px;" style="margin-left:2px;">&nbsp;&nbsp;</a><a href="http://www.gs1cn.org/News/article.aspx?id=7013" target="_blank" title="中国物品编码中心甘肃分中心积极参与2013年全国质量月甘肃宣传咨询服务活动" style="font-size:small; ">中国物品编码中心甘肃分中心积极参与2013年全国质量月...</a></p>
<p style="margin-top:10px;"><img src="./img/201333.jpg" width="10px;" height="10px;" style="margin-left:2px;">&nbsp;&nbsp;<a href="http://www.gs1cn.org/News/article.aspx?id=7006" target="_blank" title="中国物品编码中心内蒙古分中心开展商品条码执法检查" style="font-size:small; ">中国物品编码中心内蒙古分中心开展商品条码执法检查</a></p>
<p style="float:right; margin-top:10px; margin-right:10px;"><a href="http://www.gs1cn.org/News/Local" target="_blank"><strong>更多&gt;&gt;</strong></a></p>
</ul>
</div>
</div>
</div>
<div class="id-left-2">
<div class="txt1">
<div class="title2">
<img src="./img/jj.jpg" style="float:left; margin-left:4px;">
<p style="font-size:medium; text-align:left; margin-top:4px; margin-left:20px"><strong><a href="http://www.aqsiq.gov.cn/xxgk_13386/ywxx/cpzl/201308/t20130808_371489.htm" target="_blank" style="color:#0000AA; margin-left:10px;">关于开展2013年全国“质量月”活动的通知</a></strong></p><hr>
<div class="title_txt"><img src="./img/201333.jpg" width="10px;" height="10px;">
为深入贯彻党的十八大精神，推动实施《质量发展纲要（2011-2020年）》，按照《国务院办公厅关于印发贯彻实施质量发展纲要2013年行动计划的通知》（国办发〔2013〕18号）的部署，质检总局与有关部门、行业协会等共同研究决定，在2013年9月开展全国“质量月”活动。
</div>
</div>
<p><a href="http://www.aqsiq.gov.cn/xxgk_13386/ywxx/cpzl/201308/t20130808_371489.htm" target="_blank" style="color:#191970; float:right; margin-top:80px; margin-right:10px;"><strong>详细查看&gt;&gt;</strong></a></p>
</div>
<div class="txt2">
<div class="title3">
<img src="./img/jj.jpg" style="float:left; margin-left:4px;">
<p style="font-size:medium; text-align:left; margin-top:4px; margin-left:20px;"><strong><a href="http://www.gov.cn/gzdt/2013-08/08/content_2463364.htm" target="_blank" style="color:#0000AA; margin-left:10px;">质检总局就2013年全国“质量月”活动答记者问</a></strong></p><hr>
<div class="title_txt2">
<img src="./img/201333.jpg" width="10px;" height="10px;">
全国“质量月”活动是在国家质量工作主管部门的倡导和部署下，发动全社会尤其是广大企业积极参与，旨在提高广大人民群众质量意识、提高我国质量总体水平，推动建设质量强国的一年一度、为期一个月的全国性质量专题活动。
</div>
</div>
<p><a href="http://www.gov.cn/gzdt/2013-08/08/content_2463364.htm" target="_blank" style="color:#191970; float:right; margin-top:76px; margin-right:10px;"><strong>详细查看&gt;&gt;</strong></a></p>
</div>
</div>
<div class="id-left-3">
<div class="img-box2">
<a href="http://www.gs1cn.org/index.aspx" target="_blank"><img src="./img/8.jpg" style="margin-left:110px;"></a>
</div>
</div>
</div>
<div class="id-right">
<div class="id-right-1">
<div class="title5">
<img src="./img/jj.jpg" style="float:left; margin-left:4px;">
<strong><h1 style=" font-size:medium ; color:#0000AA; margin-left:50px;">其它服务</h1></strong><hr>
</div>
<div class="img-box">
<a href="http://www.aqsiq.gov.cn/gzcypt/12365/" target="_blank"><img src="./img/bj111.jpg"></a>
<a href="http://www.aqsiq.gov.cn/gzcypt/cpzlsszx/" target="_blank"><img src="./img/bj122.jpg"></a>
<a href="http://www.aqsiq.gov.cn/zjxw/zjxw/zjftpxw/200703/t20070315_28662.htm" target="_blank"><img src="./img/bj133.jpg"></a><hr>
<a href="http://www.gs1cn.org/News/contribute.aspx" target="_blank"><img src="./img/zxtg1.jpg" style="margin-top:12px;"></a>
</div>
</div>
<div class="id-right-2">
<div class="title5">
<img src="./img/jj.jpg" style="float:left; margin-left:4px;">
<strong><h1 style=" font-size:medium ; color:#0000AA; margin-left:50px;">专题聚焦</h1></strong><hr>
</div>
<a href="http://www.gs1cn.org/2012/MobileCom/index.html" target="_blank"><img src="./img/MBusiness.png" style="margin-top:10px; margin-left:4px;"></a>
<div class="txt-box1">
<li style="color:#cc9;"><a href="http://www.gs1cn.org/2013/dqjy/" target="_blank" style="font-size:small;">党的群众路线教育实践活动</a></li>
<li style="color:#cc9; margin-top:6px;"><a href="http://www.gs1cn.org/2013/tiaomajidi/index.aspx" target="_blank" style="font-size:small;">商品条码与编码——全球通用的标准...</a></li>
<li style="color:#cc9; margin-top:6px;"><a href="http://www.gs1cn.org/2011/tiaoma2011/index.html" target="_blank" style="font-size:small;">条码加速电子商务发展</a></li>
<li style="color:#cc9; margin-top:6px;"><a href="http://www.gs1cn.org/2013/xiangma/index.aspx" target="_blank" style="font-size:small;">箱码Case Code</a></li>
<li style="color:#cc9; margin-top:6px;"><a href="http://www.gs1cn.org/2012/2012zly/index.html" target="_blank" style="font-size:small;">2012年全国“质量月”活动</a></li>
<li style="color:#cc9; margin-top:6px;"><a href="http://www.gs1cn.org/2012/315-web/index.html" target="_blank" style="font-size:small;">315专题：落实《质量发展纲要》 提...</a></li>
<li style="color:#cc9; margin-top:6px;"><a href="http://www.gs1cn.org/2011/GS1Apf/index.html" target="_blank" style="font-size:small;">2011年亚太区GS1会议专题</a></li>
<p style="float:right; margin-top:4px; "><a href="http://www.gs1cn.org/News/Local" target="_blank"><strong>更多&gt;&gt;</strong></a></p><a href="http://www.gs1cn.org/News/DepthTopics.aspx" target="_blank">
</a></div><a href="http://www.gs1cn.org/News/DepthTopics.aspx" target="_blank">
</a></div><a href="http://www.gs1cn.org/News/DepthTopics.aspx" target="_blank">
</a></div><a href="http://www.gs1cn.org/News/DepthTopics.aspx" target="_blank">
</a></div><a href="http://www.gs1cn.org/News/DepthTopics.aspx" target="_blank">
</a>
</div>
</template>
<script>
export default {
name: 'detail',
data() {
return {
}
},
methods: {
}
}
</script>
<style lang="scss" scoped>
.main{}
.aside{}
.article ul, .article ol{
list-style:inside disc;
color:#CCC;
}
.article ol{
list-style:inside decimal;
color:#CCC;
}
.main .article-body p{
margin:1em auto;
text-indent:2em;
}
.main{
border:none;
}
.main .article{
position:relative;
margin-bottom:10px;
width:322px;
height:280px;
/*overflow:hidden;*/
border:1px solid #DBDEE1;
border:1px solid #039;
}
.main .article-body{
}
.top-intro{
margin:10px;
height:80px;
}
.top-intro .figure{
float:left;
margin:auto 10px auto auto;
padding:1px;
border:1px solid #ccc;
}
.top-intro .figure img{
display:block;
}
.top-intro-text{
line-height:1.7em;
text-indent:2em;
color:#603000;
}
.download{
position:absolute;
top:5px;
right:20px;
}
.download a{
color:#fe0;
}
/* */
#TopPic{
float:left;
border-color:#F46336;
width:656px;
height:260px;
}
#TopPic img{
display:block;
margin:10px auto auto;
width:652px;
}
#NewsReport{
float:right;
width:330px;
height:260px;
}
#Retail{
clear:both;
float:left;
margin-right:10px;
}
#Logistics{
float:left;
}
#Health{
float:right;
width:330px;
}
#FoodSafety{
clear:both;
float:left;
margin-right:10px;
}
#ECommerce{
float:left;
}
#MCommerce{
float:right;
width:330px;
}
#IoT{
clear:both;
float:left;
width:492px;
}
#Other{
float:right;
width:492px;
}
.border{
width:950px;
height:300px;
overflow:hidden;
margin:0 auto;
margin-top:5px;
}
.style1{
font-size:large;
color:blue;
margin:0 auto;
text-align:center;
margin-top:5px;
}
.img{
width:950px;
height:300px;
margin:0 auto;
}
.id0{
width:950px;
height:800px;
overflow:hidden;
margin:0 auto;
margin-top:5px;
}
.id-left{
width:698px;
height:798px;
float:left;
overflow:hidden;
margin:0 auto;
}
.id-right{
width:248px;
height:798px;
float:right;
overflow:hidden;
margin:0 auto;
}
.id-left-1{
width:696px;
height:220px;
float:left;
overflow:hidden;
margin:0 auto;
}
.id-left-1-1{
width:326px;
height:218px;
float:left;
overflow:hidden;
margin:0 auto;
border:1px solid #B0E0E6;
background-color:#C9C9C9;
}
.id-left-1-2{
width:364px;
height:218px;
float:right;
overflow:hidden;
margin:0 auto;
background:url(./img/20132.jpg);
border:1px solid #B0E0E6;
}
.id-left-2{
width:698px;
height:268px;
float:left;
overflow:hidden;
margin:0 auto;
margin-top:2px;
}
.id-left-3{
width:696px;
height:298px;
float:left;
overflow:hidden;
margin:0 auto;
margin-top:4px;
border:1px solid #B0E0E6;
background:url(./img/201311.jpg);
}
.id-right-1{
width:246px;
height:490px;
float:right;
overflow:hidden;
margin:0 auto;
border:1px solid #B0E0E6;
background-image:url(./img/20132.jpg);
background-size: cover;
}
.id-right-2{
width:246px;
height:296px;
float:right;
overflow:hidden;
margin:0 auto;
border:1px solid #B0E0E6;
margin-top:4px;
background:url(./img/201312.jpg);
}
.title{
width:364px;
height:24px;
margin-top:2px;
background:url(./img/20131.jpg);
}
.txt1{
width:696px;
height:134px;
border:1px solid #B0E0E6;
background:url(./img/20134.jpg);
}
.txt2{
width:696px;
height:129px;
border:1px solid #B0E0E6;
margin-top:1px;
background:url(./img/20134.jpg);
}
.title2{
width:696px;
height:22px;
background:url(./img/20137.jpg);
}
.title3{
width:696px;
height:22px;
background:url(./img/20137.jpg);
}
.title_txt{
text-align:left;
text-indent:26px;
width:690px;
height:78px;
font-size:small;
line-height:2em;
margin-left:10px;
}
.title_txt2{
text-align:left;
text-indent:26px;
width:688px;
height:60px;
font-size:small;
line-height:2em;
margin-left:10px;
}
.img-box{
width:220px;
height:440px;
margin:10px;
margin-top:14px;
text-align:center;
margin-left: 14px;
}
.title5{
width:248px;
height:24px;
margin-top:2px;
background:url(./img/20136.jpg);
}
.img-box2{
width:30px;
height:294px;
background:url(./img/201310.jpg);
}
hr{border:1px #cccccc dashed}
.txt-box{
width:360px;
height:140px;
margin:0 auto;
margin-top:18px;
}
.txt-box1{
width:233px;
height:194px;
overflow:hidden;
margin-left:6px;
margin-top:10px;
}
*, ::after, ::before{
box-sizing: initial;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
margin-bottom: 0;
}
hr{
margin: 6px 0;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
padding: 0;
margin: 0;
}
a{
color: #002C6C;
}
a:hover {
color:#c00;
text-decoration: underline;
}
p{
line-height: 1.25em;
}
ul p{
line-height: 1.65em;
}
h1{
font-weight: 800!important;
}
</style>
\ No newline at end of file
src/views/topic/zly2014315.vue 0 → 100644
<template>
<div style="background:#fff;padding:8px">
<div class="banner">
<img src="./img/banner2014.jpg">
</div>
<div class="bg">
</div>
<div class="main">
<div class="top">
<div class="pic">
<div class="img">
<a href="http://www.gs1cn.org/news/article.aspx?Id=7116&amp;picid=365" target="_blank" title="中国条码技术与应用协会2013年常务理事会圆满结束"><img src="./img/bd50b303-335b-44a6-9b1e-c95f90569f0b.jpg"></a>
</div>
<div class="text">
<a href="http://www.gs1cn.org/news/article.aspx?Id=7116&amp;picid=365" target="_blank" title="中国条码技术与应用协会2013年常务理事会圆满结束" style="color:White;"><strong>中国条码技术与应用协会2013年常务理事会</strong></a>
</div>
<div class="text2">
<a href="http://www.gs1cn.org/news/article.aspx?Id=7116&amp;picid=365" target="_blank" title="中国条码技术与应用协会2013年常务理事会圆满结束" style="color:White;"><strong>圆满结束</strong></a>
</div>
</div>
<div class="zxnews">
<div class="title"><a href="http://www.gs1cn.org/News/Center.aspx" target="_blank" title="编码中心新闻"><img src="./img/titlezx2.jpg"></a>
<div class="pin"></div>
</div>
<ul>
<li><a href="/News/article.aspx?&amp;id=10988" target="_blank"> 中国物品编码中心召开“五四”青年座谈会</a></li>
<li><a href="/News/article.aspx?&amp;id=10987" target="_blank"> 医疗器械物流管理来了！ —GS1 UDI服务专区“系列…</a></li>
<li><a href="/News/article.aspx?&amp;id=10985" target="_blank"> 基于GS1标准的医药全球追溯体系建设研讨会在上海…</a></li>
<li><a href="/News/article.aspx?&amp;id=10976" target="_blank"> 食品原材料追溯及编码标准化专题座谈会在深圳召开…</a></li>
<li><a href="/News/article.aspx?&amp;id=10971" target="_blank"> 基于GS1标准的医疗器械唯一标识（UDI）系统规则实…</a></li>
<li><a href="/News/article.aspx?&amp;id=10970" target="_blank"> 中国物品编码中心与国铁物资有限公司合作推进商品…</a></li>
<li><a href="/News/article.aspx?&amp;id=10966" target="_blank"> 线上线下零售生鲜统一编码2项团体标准启动会暨标…</a></li>
<li><a href="/News/article.aspx?&amp;id=10962" target="_blank"> 基于GS1标准的医疗器械唯一标识（UDI）系统规则实…</a></li>
<li><a href="/News/article.aspx?&amp;id=10961" target="_blank"> 中国航空运输协会赴中国物品编码中心、中国自动识…</a></li>
<a href="http://www.gs1cn.org/News/Center.aspx" target="_blank" style="float:right; font-size:small; margin-right:4px;">更多&gt;&gt;</a>
</ul>
</div>
<div class="tspt">
<div class="title2"><img src="./img/jbpt.jpg"></div>
<div class="ts_area"><a href="http://www.aqsiq.gov.cn/gzcypt/12365/" target="_blank" title="12365投诉举报平台"><img src="./img/315_07.jpg"></a></div>
<div class="ts_area"><a href="http://interview.aqsiq.gov.cn:9080/pub/InfoView2/cpzlss/index_32.htm" target="_blank" title="产品质量申诉中心"><img src="./img/315_08.jpg"></a></div>
<div class="ts_area"><a href="http://www.aqsiq.gov.cn/zjxw/zjxw/zjftpxw/200703/t20070315_28662.htm" target="_blank" title="91600短信投诉举报平台"><img src="./img/315_09.jpg"></a></div>
</div>
</div>
<div class="middle">
<div class="law">
<div class="title3"><img src="./img/xgflv.jpg"></div>
<div class="title4">
<a href="http://www.chinatt315.org.cn/315/2013-12/14/12158.aspx" target="_blank" title="中华人民共和国消费者权益保护法" style="color:Black; ">中华人民共和国消费者权益保护法</a>
</div>
<div class="txt_box">
<span>根据2013年10月25日第十二届全国人民代表大会常务委员会第五次会议《关于修改＜中华人民共和国消费者权益保护法＞的决定》第二次修正，该决定自2014年3月15日起施行；国家主席习近平签署第7号主席令予以公布。</span>
</div>
<a href="http://www.chinatt315.org.cn/315/2013-12/14/12158.aspx" target="_blank" style="float:right; font-size:small; margin-right:4px; margin-top:25px; color:Blue;">查看详情&gt;&gt;</a>
</div>
<div class="dfnews">
<div class="title"><a href="http://www.gs1cn.org/News/Local.aspx" target="_blank" title="地方新闻"><img src="./img/titledf2.jpg"></a></div>
<ul>
<li><a href="/News/article.aspx?&amp;id=10989" target="_blank"> 中国物品编码中心河南分中心举办2023年度新郑市第…</a></li>
<li><a href="/News/article.aspx?&amp;id=10986" target="_blank"> 中国物品编码中心宁夏分中心深入企业开展调研</a></li>
<li><a href="/News/article.aspx?&amp;id=10983" target="_blank"> 中国物品编码中心福建分中心在莆田开展商品条码公…</a></li>
<li><a href="/News/article.aspx?&amp;id=10982" target="_blank"> 中国物品编码中心江苏分中心赴无锡市食品安全检验…</a></li>
<li><a href="/News/article.aspx?&amp;id=10981" target="_blank"> 中国物品编码中心四川分中心开展商品条码印刷公益…</a></li>
<li><a href="/News/article.aspx?&amp;id=10980" target="_blank"> 中国物品编码中心湖南分中心受邀参加怀化市医疗器…</a></li>
<li><a href="/News/article.aspx?&amp;id=10978" target="_blank"> 中国物品编码中心河北分中心2023年第一场商品条码…</a></li>
<li><a href="/News/article.aspx?&amp;id=10974" target="_blank"> 中国物品编码中心成都办事处前往成都科伦医贸物流…</a></li>
<li><a href="/News/article.aspx?&amp;id=10972" target="_blank"> 中国物品编码中心内蒙古分中心积极开展2023年第一…</a></li>
<a href="http://www.gs1cn.org/News/Local.aspx" target="_blank" style="float:right; font-size:small; margin-right:4px;">更多&gt;&gt;</a>
</ul>
</div>
<div class="data_pt">
<div class="data_area"><a href="http://www.gs1cn.org/Business/Bulletin.aspx" target="_blank" title="产品基础数据库"><img src="./img/315_12.jpg"></a></div>
<div class="data_area"><a href="http://www.gds.org.cn/" target="_blank" title="中国商品信息服务平台"><img src="./img/315_15.jpg"></a></div>
<div class="data_area"><a href="http://www.chinatrace.org/" target="_blank" title="国家食品安全追溯平台"><img src="./img/315_17.jpg"></a></div>
<div class="data_area"><a href="http://zlxy.ancc.org.cn/" target="_blank" title="国家产品质量信用平台"><img src="./img/315_19.jpg"></a></div>
<div class="data_area"><a href="http://www.iotroot.com/" target="_blank" title="物联网标识管理平台"><img src="./img/315_21.jpg"></a></div>
</div>
</div>
<div class="bottom">
<div class="bottom_title"><a href="http://gs1cn.org/Application/index.aspx" target="_blank" title="商品条码助力产品质量安全"><img src="./img/bottom_title.jpg"></a></div>
<div class="bottom_nav">
<div class="option"><a href="http://www.gs1cn.org/News/Retail" target="_blank" style="color:#ffeeb9; text-decoration:none;"><strong>零售 |</strong></a></div>
<div class="option2"><a href="http://www.gs1cn.org/News/Logistics" target="_blank" style="color:#ffeeb9; text-decoration:none;"><strong>物流 |</strong></a></div>
<div class="option3"><a href="#" target="_blank" style="color:#ffeeb9; text-decoration:none;"><strong>医疗卫生&nbsp;|</strong></a></div>
<div class="option4"><a href="http://www.gs1cn.org/News/FoodSafety" target="_blank" style="color:#ffeeb9; text-decoration:none;"><strong>食品安全追溯 |</strong></a></div>
<div class="option3"><a href="http://www.gs1cn.org/News/ECommerce" target="_blank" style="color:#ffeeb9; text-decoration:none;"><strong>电子商务 |</strong></a></div>
<div class="option3"><a href="http://www.gs1cn.org/News/MCommerce" target="_blank" style="color:#ffeeb9; text-decoration:none;"><strong>移动商务 |</strong></a></div>
<div class="option6 "><a href="http://www.gs1cn.org/News/IoT" target="_blank" style="color:#ffeeb9; text-decoration:none;"><strong>物联网 |</strong></a></div>
<div class="option5"><a href="http://www.gs1cn.org/News/Other" target="_blank" style="color:#ffeeb9; text-decoration:none;"><strong>其他</strong></a></div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'detail',
data() {
return {
}
},
methods: {
}
}
</script>
<style lang="scss" scoped>
.bg{
width: 1002px;
height: 30px; /*border:1px solid;*/
margin: 0 auto;
overflow: hidden;
margin-top: 10px;
background-color: #FF4500;
}
/* .bottom_bg
{
width:997px;
height:30px;
border:1px solid;
margin:0 auto;
overflow:hidden;
background-color:#C5C1AA;
margin-top:1px;
margin-bottom:1px;
}*/
.top_nav{
width: 115px;
height: 22px;
margin: 0 auto;
margin-bottom: 5px;
}
.banne{
width: 1000px;
height: 200px;
overflow: hidden;
margin: 0 auto;
}
.main{
width: 1000px;
height: 645px;
border: 1px solid #CDC5BF;
margin: 0 auto;
overflow: hidden;
background-color: #FFFFFF;
}
.top{
width: 998px;
height: 300px; /*border:1px solid;*/
margin: 0 auto;
margin-top: 2px;
}
.pic{
width: 330px;
height: 300px;
border: 1px solid #CDC5BF;
float: left;
background-image: url(./img/picbg.jpg);
}
.img{
width: 220px;
height: 200px; /*border:1px solid;*/
margin: 0 auto;
margin-top: 30px;
}
.zxnews{
width: 400px;
height: 300px;
border: 1px solid #CDC5BF;
float: left;
margin-left: 6px;
}
.zxnews ul{
margin-top: 10px;
}
.zxnews li{
line-height: 26px;
font-size: small;
}
.tspt{
width: 250px;
height: 300px;
border: 1px solid #CDC5BF;
float: left;
margin-left: 6px;
}
.middle{
width: 998px;
height: 300px; /*border:1px solid;*/
margin: 0 auto;
margin-top: 4px;
}
.law{
width: 330px;
height: 300px;
border: 1px solid #CDC5BF;
float: left;
}
.dfnews{
width: 400px;
height: 300px;
border: 1px solid #CDC5BF;
float: left;
margin-left: 6px;
}
.dfnews li{
line-height: 26px;
font-size: small;
}
.data_pt{
width: 250px;
height: 300px;
border: 1px solid #CDC5BF;
float: left;
margin-left: 6px;
}
.bottom{
width: 996px;
height: 32px;
border: 1px solid #CDC5BF;
margin: 0 auto;
margin-top: 4px;
background-image: url(./img/bottom_bg.jpg);
}
.bottom_title{
width: 330px;
height: 30px; /*border:1px solid;*/
float: left;
}
.title{
width: 400px;
height: 30px; /*border:1px solid;*/
}
.title2{
width: 250px;
height: 30px; /*border:1px solid;*/
}
.title3{
width: 330px;
height: 30px; /*border:1px solid;*/
}
.text{
width: 270px;
height: 15px; /*border:1px solid;*/
margin: 0 auto;
font-size: small;
color: White;
margin-top: 18px;
}
.text{
width: 56px;
height: 15px; /*border:1px solid;*/
margin: 0 auto;
font-size: small;
color: White;
margin-top: 4px;
}
.title4{
width: 290px;
height: 20px; /*border:1px solid;*/
margin-top: 20px;
font-size: larger;
margin-left: 6px;
}
.txt_box{
width: 300px;
height: 160px; /*border:1px solid;*/
margin: 0 auto;
margin-top: 25px;
text-indent: 2em;
line-height: 30px;
font-size: small;
}
.bottom ul li{
float: left;
padding: 10px 2em;
list-style-type: none;
}
.ts_area{
width: 250px;
height: 90px;
margin: 0 auto;
}
.data_area{
width: 200px;
height: 40px;
margin: 0 auto;
margin-top: 15px;
}
.bottom_nav{
width: 650px;
height: 30px; /*border:1px solid;*/
float: left;
margin-left: 5px;
margin-top: 2px;
}
.option{
height: 18px; /*border:1px solid;*/
margin-left: 10px;
font-size: 15px;
color: #ffeeb9;
text-align: center;
margin-top: 5px;
font-family: 宋体;
float: left;
}
.option2{
height: 18px; /*border:1px solid;*/
margin-left: 5px;
font-size: 15px;
color: #ffeeb9;
text-align: center;
margin-top: 5px;
font-family: 宋体;
float: left;
}
.option3{
height: 18px; /*border:1px solid;*/
margin-left: 7px;
font-size: 15px;
color: #ffeeb9;
text-align: center;
margin-top: 5px;
font-family: 宋体;
float: left;
}
.option4{
height: 18px; /*border:1px solid;*/
margin-left: 7px;
font-size: 15px;
color: #ffeeb9;
text-align: center;
margin-top: 5px;
font-family: 宋体;
float: left;
}
.option5{
height: 18px; /*border:1px solid;*/
margin-left: 5px;
font-size: 15px;
color: #ffeeb9;
text-align: center;
margin-top: 5px;
font-family: 宋体;
float: left;
}
.option6{
height: 18px; /*border:1px solid;*/
margin-left: 4px;
font-size: 15px;
color: #ffeeb9;
text-align: center;
margin-top: 5px;
font-family: 宋体;
float: left;
}
.footer{
margin:2em auto auto;
padding:2em 0;
border:1px solid #039;
border:1px solid #DBDEE1;
border-width:1px 0 0;
text-align:center;
}
.fnav{
margin:auto auto 1em;
font-size:14px;
}
.fnavList{
display:inline-block;
}
.fnavList li{
float:left;
padding:0 2em;
list-style-type:none;
}
.footer p{
line-height:1em;
}
.footer address{
font-style:normal;
}
.banner {
width: 1000px;
height: 200px;
overflow: hidden;
margin: 0 auto;
}
*, ::after, ::before{
box-sizing: initial;
}
.text
{
width: 270px;
height: 15px; /*border:1px solid;*/
margin: 0 auto;
font-size: small;
color: White;
margin-top: 18px;
}
.text2
{
width: 56px;
height: 15px; /*border:1px solid;*/
margin: 0 auto;
font-size: small;
color: White;
margin-top: 4px;
}
a{
text-decoration: underline;
color: #0000ee;
}
.title4{
width: 290px;
height: 20px; /*border:1px solid;*/
margin-top: 20px;
font-size: 19px;
margin-left: 6px;
}
.dfnews ul{
margin: 16px 0;
}
</style>
\ No newline at end of file
src/views/topic/zly2015.vue 0 → 100644
<template>
<div style="background:#fff;">
<div class="banner">
<img src="./img/Banner.png" width="890px">
</div>
<div class="top-line">
</div>
<div class="main">
<div class="main-top">
<div class="main-top-1-2">
<div class="main-top-1">
<div id="picNews" class="article tabset Slide Slide-tab-view-digit-layout-absolute Slide-page-layout-auto">
<div class="tabset-tabs-root">
<ol class="tabset-tab-list">
<li class="tabset-tab" v-for="(item,index) in 5" :key="index" @click="changeLunbo(index)" :class="{'tabset-tab-actived':idx==index}" @mouseover="stopPlay" @mouseout="continuePlay">
<a title="1" hidefocus=""><b>{{index+1}}</b></a>
</li>
</ol>
</div>
<div class="tabset-pages-root">
<div class="tabset-page-list">
<div class="tabset-page" v-for="(item,index) in lunboArr" :key="index" :class="{'tabset-page-actived':idx==index}" @mouseover="stopPlay" @mouseout="continuePlay">
<a :href="item.path" target="_blank">
<img :src="item.img" alt=""><b>{{item.title}}</b></a>
</div>
</div>
</div>
</div>
</div>
<div class="main-top-2">
<div class="centernews-title">
<span>中心要闻</span>
</div>
<ul>
<li><a href="/News/article.aspx?&amp;id=10988" target="_blank">
中国物品编码中心召开“五四”青年座谈会</a></li>
<li><a href="/News/article.aspx?&amp;id=10987" target="_blank">
医疗器械物流管理来了！ —GS1 UDI服务专区“系列货运包装箱代…</a></li>
<li><a href="/News/article.aspx?&amp;id=10985" target="_blank">
基于GS1标准的医药全球追溯体系建设研讨会在上海成功举办</a></li>
<li><a href="/News/article.aspx?&amp;id=10976" target="_blank">
食品原材料追溯及编码标准化专题座谈会在深圳召开</a></li>
<li><a href="/News/article.aspx?&amp;id=10971" target="_blank">
基于GS1标准的医疗器械唯一标识（UDI）系统规则实施公益培训在…</a></li>
<li><a href="/News/article.aspx?&amp;id=10970" target="_blank">
中国物品编码中心与国铁物资有限公司合作推进商品信息规范应用…</a></li>
<li><a href="/News/article.aspx?&amp;id=10966" target="_blank">
线上线下零售生鲜统一编码2项团体标准启动会暨标准研讨会在杭…</a></li>
<li><a href="/News/article.aspx?&amp;id=10962" target="_blank">
基于GS1标准的医疗器械唯一标识（UDI）系统规则实施公益培训在…</a></li>
<li><a href="/News/article.aspx?&amp;id=10961" target="_blank">
中国航空运输协会赴中国物品编码中心、中国自动识别技术协会调…</a></li>
</ul>
<div class="more">
<a href="http://www.gs1cn.org/News/Center.aspx" target="_blank" style="text-decoration: none;">
更多&gt;&gt;</a></div>
</div>
</div>
<div class="main-top-3">
<div class="kh_title">
<span>2015年全国“质量月”活动口号</span>
</div>
<div class="gd">
</div>
<div class="kh_content">
<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2">
<pre><p>1、迈向质量时代 建设质量强国</p>
<p>2、推动“三个转变” 建设质量强国</p>
<p>3、打造经济升级版 实现质量强国梦</p>
<p>4、增强质量意识 培养职业精神 <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;践行核心价值</p>
<p>5、强化质量效益 服务转型升级</p>
<p>6、质量提升 标准引领</p>
<p>7、传递质检信任 引导质量消费</p>
<p>8、夯实质量基础 共建质量强国</p>
<p>9、共建质量大业 共享发展成果</p>
<p>10、坚持以质取胜 打造中国质量</p>
<p>11、提升质量调结构 增长效益促转变</p>
<p>12、推进质量共治 开创质量时代</p>
<p>13、更高质量的发展 更高品质的生活</p>
<p>14、质量检验 客观公正 服务企业 <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;引导消费</p>
<p>15、重视质量安全 促进社会和谐</p>
<p>16、适应经济新常态 实现质量新跨越</p>
<p>17、建设质量强国 共创美好生活</p>
<p>18、履行质量安全主体责任 <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;推进质量诚信社会共治</p>
<p>19、品质引领新常态 共筑质量强国梦</p>
<p>20、推进质量发展 助力产业升级</p>
</pre>
</marquee>
</div>
</div>
</div>
<div class="main-middle">
<div class="main-middle-left">
<div class="main-middle-left-top">
<div class="zly-tongzhi-title">
<span>质检总局等关于开展2015年全国“质量月”活动的通知</span>
</div>
<p>
为深入贯彻实施《质量发展纲要（2011-2020年）》，促进社会质量共治，推进建设质量强国，按照《贯彻实施质量发展纲要2015年行动计划》（国办发〔2015〕19号）的部署，2015年9月质检总局联合相关部门、行业协会等单位共同开展“质量月”活动。</p>
<div class="ckxq">
<a href="http://www.aqsiq.gov.cn/xxgk_13386/jlgg_12538/qtwj/201508/t20150818_447158.htm" target="_blank" style="text-decoration: none;">查看详情&gt;&gt;</a></div>
</div>
<div class="main-middle-left-down">
<div class="application">
<div class="hx">
<a href="http://www.gs1cn.org/Service/Book.aspx?classid=3" target="_blank">
<img src="./img/hx.jpg"></a>
</div>
<div class="cjfw">
<a href="http://www.aqsiq.gov.cn/cjsfw/sptm/index.htm" target="_blank">
<img src="./img/cjsfw2.jpg"></a>
</div>
<div class="tmzs">
<a href="http://www.gs1cn.org/Service/Book.aspx?classid=3" target="_blank">
<img src="./img/1.jpg"></a>
<div class="img-1">
<a href="http://www.chinatrace.org/toIphoneDownload.html" target="_blank">
<img src="./img/2.jpg"></a></div>
<div class="img-2">
<a href="http://www.chinatrace.org/toAndroidDownload.html" target="_blank">
<img src="./img/3.jpg"></a></div>
</div>
<div class="fwapp">
<a href="http://www.gs1cn.org/Service/Book.aspx?classid=3" target="_blank">
<img src="./img/wlwapp.jpg"></a>
</div>
</div>
</div>
</div>
<div class="main-middle-right">
<div id="ppt" class="com">
<ul>
<li>
<img src="./img/20151.jpg" width="240px" height="305px"></li>
<li>
<img src="./img/2.jpg" width="240px" height="305px"></li>
<li>
<img src="./img/3.jpg" width="240px" height="305px"></li>
<li>
<img src="./img/4.jpg" width="240px" height="305px"></li>
<li>
<img src="./img/5.jpg" width="240px" height="305px"></li>
<li>
<img src="./img/6.jpg" width="240px" height="305px"></li>
</ul>
</div>
</div>
</div>
<div class="down-line">
</div>
<div class="main-down">
<div class="gs1-40-year">
<a href="http://40.gs1.org/" target="_blank">
<img src="./img/gs1-40-years.jpg" title="GS1 40 周年"></a>
</div>
<div class="ancc-25-year">
<img src="./img/ancc-25-years.jpg">
</div>
<div class="tiaomajidi">
<a href="http://www.gs1cn.org/2013/tiaomajidi/index.aspx" target="_blank">
<img src="./img/tmjd.png" title="商品条码与编码"></a>
</div>
<div class="zxtg">
<a href="http://www.gs1cn.org/Member/login.aspx?RefUrl=http://www.gs1cn.org/News/contribute.aspx" target="_blank">
<img src="./img/zxtg2.png" title="在线投稿"></a>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'detail',
data() {
return {
idx:0,
lunboArr:[
{
img:require('./img/6f8032ae-0e03-404a-9705-298f7439f21e.jpg'),
path:'/News/article.aspx?Id=10988&amp;picid=848',
title:'中国物品编码中心召开“五四”青年座谈会'
},
{
img:require('./img/5a994d0a-2f1a-4d3a-bfac-d4d5f008320c.jpg'),
path:'/News/article.aspx?Id=10988&amp;picid=847',
title:'食品原材料追溯及编码标准化专题座谈会在深圳召开'
},
{
img:require('./img/7d818e4f-a2f5-40eb-a4e4-eff09f427ca2.jpg'),
path:'/News/article.aspx?Id=10988&amp;picid=846',
title:'线上线下零售生鲜统一编码2项团体标准启动会暨标准研讨会在杭州成功召开'
},
{
img:require('./img/79477916-43b0-4767-b169-2297467df7cf.jpg'),
path:'/News/article.aspx?Id=10988&amp;picid=845',
title:'【重生 狂飙】2023年第一届ECR联合工委会会议在上海康师傅大楼顺利召开'
},
{
img:require('./img/8ec3b29f-0327-491c-85cf-0d2510f72bfc.jpg'),
path:'/News/article.aspx?Id=10988&amp;picid=844',
title:'中国物品编码中心总工程师李建辉一行赴福建调研'
}
],
timer :null,
}
},
mounted(){
this.autoplay()
},
methods: {
changeLunbo(index){
this.idx=index
},
autoplay(){
let _this=this
this.timer =setInterval(function(){
_this.idx++;
if(_this.idx>=5){
_this.idx=0;
}
},2000)
},
continuePlay(){
this.autoplay()
},
stopPlay(){
clearInterval(this.timer);
}
}
}
</script>
<style lang="scss" scoped>
a:hover{
color: #294c7f;
}
.top_nav{
width: 115px;
height: 22px;
margin: 0 auto;
margin-bottom: 5px;
}
.banner{
width: 890px;
height: 245px;
margin: 0 auto;
}
/*.top-line
{
width:890px;
height:5px;
margin:0 auto;
margin-top:10px;
margin-bottom:2px;
background-color:#FF4500;
}*/
.down-line{
width: 890px;
height: 5px;
margin: 0 auto;
margin-top: 15px;
}
.main{
width: 890px;
height: 735px;
margin: 0 auto;
margin-top: 10px;
}
/* 页脚 */
.footer{
margin: 2em auto auto;
padding: 2em 0;
border: 1px solid #039;
border: 1px solid #DBDEE1;
border-width: 1px 0 0; /*border-radius: 10px 10px 0 0; background:url(/img/horizontal-line-shadow.png) repeat-x;*/
text-align: center;
}
.fnav{
margin: auto auto 1em;
font-size: 14px;
}
.fnavList{
display: inline-block;
}
.fnavList li{
float: left;
padding: 0 2em;
}
.footer p{
line-height: 2em;
font-size: small;
}
.footer address{
font-style: normal;
font-size: small;
}
.main-top{
width: 890px;
height: 282px; /*border:1px solid;*/
}
.main-middle{
width: 890px;
height: 310px;
margin-top: 10px;
}
.main-dow{
width: 890px;
height: 115px;
}
.main-top-1-2{
width: 635px;
height: 282px; /*border:1px solid #bebebe;*/
float: left; /*border-top:none; border-right:none; border-left:none;*/
}
.main-top-1{
width: 220px;
height: 282px;
float: left;
}
.main-top-2{
width: 410px;
height: 282px;
float: left;
font-size: 12px;
border: 1px solid #bebebe;
border-radius: 4px 4px 0 0; /*border-bottom:none;*/
margin-left: 3px;
}
.centernews-title{
width: 411px;
height: 25px; /*background-image:url(../img/centernews-title-bg.jpg);*/
background-color: #2E90DD;
border-radius: 4px 4px 0 0;
}
.centernews-title span{
font-size: 14px;
color: #FFFFFF;
font-family: 微软雅黑;
font-weight: bold;
margin-left: 10px;
}
.main-top-2 ul{
list-style: inside disc;
color: #CC9;
line-height: 25px;
margin-top: 5px;
}
.main-top-2 li{
padding-left: 10px;
}
.more{
width: 55px;
height: 15px;
float: right;
margin-top: 5px;
font-family:微软雅黑;
font-size:14px;
margin-right:5px;
}
.main-top-3{
width: 240px;
height: 282px;
float: left;
margin-left: 15px;
}
.kh_title{
width: 238px;
height: 25px; /*background-image:url(../img/centernews-title-bg.jpg);*/
background-color: #2E90DD;
border-radius: 4px 4px 0 0;
}
.gd{
width: 236px;
height: 10px;
background-color: #eef3f9;
border: 1px solid #bebebe;
border-bottom: none;
border-top: none;
}
.kh_title span{
margin-left: 18px;
font-weight: bold;
font-family: 微软雅黑;
font-size: 14px;
color: #FFFFFF;
}
.kh_content{
width: 236px;
height: 246px;
border: 1px solid #bebebe; /*background-image:url(../img/kh-content-bg.jpg);*/
background-color: #eef3f9;
border-top: none;
}
marquee{
position: absolute;
width: 220px;
height: 246px;
margin-left: 12px;
line-height: 8px;
}
marquee p{
font-size: 12px;
text-align: left;
font-family: 微软雅黑;
font-weight: bold;
line-height: 2;
margin-left: 5px;
color: #294c7f;
}
.main-middle-left{
width: 635px;
height: 305px;
float: left;
}
.main-middle-right{
width: 240px;
height: 305px;
float: left;
margin-left: 15px;
}
.main-middle-left-top{
width: 635px;
height: 150px;
border: 1px solid #bebebe;
border-radius: 4px 4px 0 0;
}
.zly-tongzhi-title{
width: 635px;
height: 25px; /*background-image:url(../img/centernews-title-bg.jpg);*/
background-color: #2E90DD;
border-radius: 4px 4px 0 0;
}
.zly-tongzhi-title span{
margin-left: 10px;
font-weight: bold;
font-family: 微软雅黑;
font-size: 14px;
color: #FFFFFF;
}
.main-middle-left-top p{
line-height: 28px;
text-indent: 28px;
font-size: 14px;
font-family: 微软雅黑;
margin-top: 10px;
width: 610px;
padding-left: 13px;
}
.ckxq{
width: 80px;
height: 18px;
float: right;
margin-top: 5px;
font-family: 微软雅黑;
font-size: 14px;
margin-right:5px;
}
.main-middle-left-down{
width: 635px;
height: 150px;
border: 1px solid #bebebe;
margin-top: 4px;
border-radius: 4px 4px 0 0;
}
.application{
width: 600px;
height: 130px;
margin-top: 6px;
}
.hx{
width: 241px;
height: 51px;
float: left;
margin-top: 10px;
margin-left: 40px;
}
.cjfw{
width: 241px;
height: 51px;
float: left;
margin-top: 10px;
margin-left: 62px;
}
.tmzs{
width: 241px;
height: 51px;
float: left;
margin-top: 10px;
margin-left: 40px;
}
.img-1{
width: 74px;
height: 26px;
margin-top: -51px;
margin-left: 167px;
}
.img-2{
width: 74px;
height: 26px;
margin-top: -1px;
margin-left: 167px;
}
.fwapp{
width: 241px;
height: 51px;
float: left;
margin-top: 10px;
margin-left: 60px;
}
/* 图片新闻 */
#picNews{
position: relative;
float: left;
width: 220px;
}
#picNews .tabset-tabs-root{
position: absolute;
width: 100%;
top: 184px;
right: 0;
color: #fff;
background-color: #000;
background: -webkit-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,1));
background: -moz-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,1));
background: -ms-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,1));
background: -o-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,1));
background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1));
}
#picNews .tabset-tab-list{
float: right;
margin: 0;
}
#picNews .tabset-tab{
float: left;
padding: 0;
border-left: 1px solid rgba(255,255,255,.38);
line-height: 16px;
text-align: center;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
cursor: pointer;
}
#picNews .tabset-tab a{
display: block;
width: 22px;
height: 16px;
color: #fff;
text-decoration: none;
}
#picNews .tabset-tab-actived a, #picNews .tabset-tab a:hover{
background-color: #f60;
}
#picNews .tabset-tab a b{
font-weight: normal;
}
#picNews .tabset-page{
text-align: center;
}
#picNews .tabset-page a{
display: block;
width: 220px;
height: 200px;
}
#picNews .tabset-page a img{
display: block;
width: 100%;
height: 100%;
}
#picNews .tabset-page a b{
display: block;
margin: 1px auto;
padding: 10px 0;
height: 55px;
background: url(./img/gray-bg-x.h80.png) 0 100% repeat-x;
font-size: 12px;
line-height: 2em;
}
/* 选项卡 */
.tabset-page{
display: none;
}
.tabset-page-actived{
display: block;
}
ol, ul{
list-style: none outside;
}
/* 列表根 */
#ob_body .tabset-tabs-root{
float: left;
margin-right: 10px;
border: 1px solid #DBDEE1;
background-color: #F6F4F7;
width: 120px;
height: 248px;
}
#ob_body .tabset-tab-list{
}
#ob_body .tabset-tab{
padding: 0;
height: 44px;
margin-bottom: -1px;
}
#ob_body .tabset-tab a{
position: relative;
display: block;
padding: 1px;
border: 1px solid #DBDEE1;
border-width: 1px 0;
background-color: #fff;
}
#ob_body .tabset-tab a b{
display: block;
padding-left: 18px;
height: 40px;
// background: url(./img/gray-bg-x.h40.png) repeat-x;
font-size: 14px;
line-height: 40px;
}
#ob_body .tabset-tab-actived a{
z-index: 1px;
left: 1px;
border-left: 3px solid #F46336;
}
#ob_body .tabset-tab-actived a b{
background: none;
}
#ob_body .tabset-tab a b{
}
*{
margin: 0;
padding: 0;
border: none;
}
.com{
width: 240px;
height: 305px;
overflow: hidden;
position: relative;
background: black;
}
.com ul{
width: 3000px;
font-size: 0;
}
.com ul li{
vertical-align: bottom;
height: 100%;
overflow: hidden;
float: left;
background: white url(/jscss/demoimg/201307/loading.gif) no-repeat center center;
vertical-align: bottom;
list-style: none;
overflow: hidden;
}
.com ol{
position: absolute;
right: 0;
bottom: 5px; ;z-index:10;list-style:none;height:21px}
.com ol li{
width: 15px;
background: white;
border: 1px solid #74A8ED;
border-radius: 10px;
color: #74A8ED;
cursor: pointer;
float: left;
font: 12px Arial;
height: 15px;
margin: 2px 3px;
text-align: center;
}
.com ol li.on{
height: 19px;
width: 19px;
background: #74A8ED;
border: 1px solid #EEEEEE;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
line-height: 19px;
margin: 0 3px;
}
.gs1-40-year{
width: 160px;
height: 90px;
border: 1px solid #2E90DD;
float: left;
margin-left: 2px;
margin-top: 10px;
}
.ancc-25-year{
width: 160px;
height: 90px;
border: 1px solid #2E90DD;
float: left;
margin-left: 5px;
margin-top: 10px;
}
.tiaomajidi{
width: 380px;
height: 90px;
border: 1px solid #2E90DD;
float: left;
margin-left: 5px;
margin-top: 10px;
}
.zxtg{
width: 165px;
height: 90px;
border: 1px solid #2E90DD;
float: left;
margin-left: 5px;
margin-top: 10px;
}
a{
color: #002C6C;
text-decoration: none;
}
*, ::after, ::before{
box-sizing: initial;
}
P{
margin: 0;
}
</style>
\ No newline at end of file
src/views/topic/zlyTopic.vue 0 → 100644
<template>
<div style="background:#fff">
<div class="banner">
<img src="./img/Banner.jpg" width="890px">
</div>
<div class="top-line">
</div>
<div class="main">
<div class="main-top">
<div class="main-top-1-2">
<div class="main-top-1">
<div id="picNews" class="article tabset Slide Slide-tab-view-digit-layout-absolute Slide-page-layout-auto">
<div class="tabset-tabs-root">
<ol class="tabset-tab-list">
<li class="tabset-tab" v-for="(item,index) in 5" :key="index" @click="changeLunbo(index)" :class="{'tabset-tab-actived':idx==index}" @mouseover="stopPlay" @mouseout="continuePlay">
<a title="1" hidefocus=""><b>{{index+1}}</b></a>
</li>
</ol>
</div>
<div class="tabset-pages-root">
<div class="tabset-page-list">
<div class="tabset-page" v-for="(item,index) in lunboArr" :key="index" :class="{'tabset-page-actived':idx==index}" @mouseover="stopPlay" @mouseout="continuePlay">
<a :href="item.path" target="_blank">
<img :src="item.img" alt=""><b>{{item.title}}</b></a>
</div>
</div>
</div>
</div>
</div>
<div class="main-top-2">
<div class="centernews-title">
<span>中心要闻</span>
</div>
<ul>
<li><a href="/News/article.aspx?&amp;id=10988" target="_blank">
中国物品编码中心召开“五四”青年座谈会</a></li>
<li><a href="/News/article.aspx?&amp;id=10987" target="_blank">
医疗器械物流管理来了！ —GS1 UDI服务专区“系列货运包装箱代…</a></li>
<li><a href="/News/article.aspx?&amp;id=10985" target="_blank">
基于GS1标准的医药全球追溯体系建设研讨会在上海成功举办</a></li>
<li><a href="/News/article.aspx?&amp;id=10976" target="_blank">
食品原材料追溯及编码标准化专题座谈会在深圳召开</a></li>
<li><a href="/News/article.aspx?&amp;id=10971" target="_blank">
基于GS1标准的医疗器械唯一标识（UDI）系统规则实施公益培训在…</a></li>
<li><a href="/News/article.aspx?&amp;id=10970" target="_blank">
中国物品编码中心与国铁物资有限公司合作推进商品信息规范应用…</a></li>
<li><a href="/News/article.aspx?&amp;id=10966" target="_blank">
线上线下零售生鲜统一编码2项团体标准启动会暨标准研讨会在杭…</a></li>
<li><a href="/News/article.aspx?&amp;id=10962" target="_blank">
基于GS1标准的医疗器械唯一标识（UDI）系统规则实施公益培训在…</a></li>
<li><a href="/News/article.aspx?&amp;id=10961" target="_blank">
中国航空运输协会赴中国物品编码中心、中国自动识别技术协会调…</a></li>
</ul>
<div class="more">
<a href="http://www.gs1cn.org/News/Center.aspx" target="_blank" style="text-decoration: none;">
更多&gt;&gt;</a></div>
</div>
</div>
<div class="main-top-3">
<div class="kh_title">
<a href="http://www.chinatt315.org.cn/zly/2016zlyhdkh.htm" target="_blank"><span>2016年全国“质量月”活动口号</span></a>
</div>
<div class="gd">
</div>
<div class="kh_content">
<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2">
<pre><p>1、提升供给质量 建设质量强国</p>
<p>2、建设质量强国 迈向质量时代</p>
<p>3、追求卓越 崇尚质量</p>
<p>4、适应新常态发展要求 提升供给质量水平
</p><p>5、提质量 创品牌 加快建设质量强国</p>
<p>6、严慎细实保质量 精益求精促发展</p>
<p>7、增强质量素养 建设质量强国</p>
<p>8、向质量要效益 以质量求发展</p>
<p>9、提升发展质量效益 推进全面改革创新</p>
<p>10、优质服务 铸就品牌 提高质量 促进发展</p>
<p>11、质量检验 客观公正 服务企业 引导消费</p>
<p>12、强化质量意识 提升服务质量</p>
<p>13、全员全方位全过程提升质量</p>
<p>14、提升供给质量 享受品质生活</p>
<p>15、传递质检信任 引导质量消费</p>
<p>16、大力弘扬工匠精神 持续推动质量提升</p>
<p>17、量值定义世界 精准改变未来</p>
<p>18、共行质量战略之路 共筑质量强国之基</p>
<p>19、以“互联网+”提升质量 建设质量强国</p>
</pre>
</marquee>
</div>
</div>
</div>
<div class="main-middle">
<div class="main-middle-left">
<div class="main-middle-left-top">
<div class="zly-tongzhi-title">
<span>质检总局等关于开展2016年全国“质量月”活动的通知</span>
</div>
<p>
为深入贯彻实施《质量发展纲要（2011-2020年）》，推进建设质量强国，按照《贯彻实施质量发展纲要2016年行动计划》（国办发〔2016〕18号）的部署，2016年9月质检总局联合相关部门、行业协会等单位共同开展“质量月”活动。</p>
<div class="ckxq">
<a href="http://www.chinatt315.org.cn/xhwj/2016-437-1.html" target="_blank" style="text-decoration: none;">查看详情&gt;&gt;</a></div>
</div>
<div class="main-middle-left-down">
<div class="application">
<div class="hx">
<a href="http://www.gs1cn.org/Service/Book.aspx?classid=3" target="_blank">
<img src="./img/hx2.jpg" width="160px" height="70px"></a>
</div>
<div class="cjfw">
<a href="http://www.aqsiq.gov.cn/cjsfw/sptm/index.htm" target="_blank">
<img src="./img/changjing.jpg" width="160px" height="70px"></a>
</div>
<div class="tmzs">
<a href="http://www.gs1cn.org/chinatrace.aspx" target="_blank">
<img src="./img/tiaomazhuisu.jpg" width="160px" height="70px"></a>
</div>
<div class="fwapp">
<a href="http://www.gs1cn.org/Service/Book.aspx?classid=3" target="_blank">
<img src="./img/yisaotong.jpg" width="160px" height="70px"></a>
</div>
</div>
</div>
</div>
<div class="main-middle-right">
<div id="ppt" class="com">
<ul>
<li>
<img src="./img/2016zlyhua-1.jpg" width="240px" height="305px"></li>
<li>
<img src="./img/2016zlyhua-2.jpg" width="240px" height="305px"></li>
<li>
<img src="./img/2016zlyhua-3.jpg" width="240px" height="305px"></li>
<li>
<img src="./img/2016zlyhua-4.jpg" width="240px" height="305px"></li>
</ul>
</div>
</div>
</div>
<div class="down-line">
</div>
<div class="main-down">
<div class="tiaomabanli-title">
<span>商品条码办理</span>
</div>
<div class="bussiness">
<a href="http://www.gs1cn.org/Business/Barcode/Register.aspx" target="_blank"><div class="register">
注册
</div></a>
<a href="http://www.gs1cn.org/Business/Barcode/Renewal.aspx" target="_blank"><div class="renewal">
续展
</div></a>
<a href="http://www.gs1cn.org/Business/Barcode/Change.aspx" target="_blank"><div class="change">
变更
</div></a>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'zly',
data() {
return {
idx:0,
lunboArr:[
{
img:require('./img/6f8032ae-0e03-404a-9705-298f7439f21e.jpg'),
path:'/News/article.aspx?Id=10988&amp;picid=848',
title:'中国物品编码中心召开“五四”青年座谈会'
},
{
img:require('./img/5a994d0a-2f1a-4d3a-bfac-d4d5f008320c.jpg'),
path:'/News/article.aspx?Id=10988&amp;picid=847',
title:'食品原材料追溯及编码标准化专题座谈会在深圳召开'
},
{
img:require('./img/7d818e4f-a2f5-40eb-a4e4-eff09f427ca2.jpg'),
path:'/News/article.aspx?Id=10988&amp;picid=846',
title:'线上线下零售生鲜统一编码2项团体标准启动会暨标准研讨会在杭州成功召开'
},
{
img:require('./img/79477916-43b0-4767-b169-2297467df7cf.jpg'),
path:'/News/article.aspx?Id=10988&amp;picid=845',
title:'【重生 狂飙】2023年第一届ECR联合工委会会议在上海康师傅大楼顺利召开'
},
{
img:require('./img/8ec3b29f-0327-491c-85cf-0d2510f72bfc.jpg'),
path:'/News/article.aspx?Id=10988&amp;picid=844',
title:'中国物品编码中心总工程师李建辉一行赴福建调研'
}
],
timer :null,
}
},
mounted(){
this.autoplay()
},
methods: {
changeLunbo(index){
this.idx=index
},
autoplay(){
let _this=this
this.timer =setInterval(function(){
_this.idx++;
if(_this.idx>=5){
_this.idx=0;
}
},2000)
},
continuePlay(){
this.autoplay()
},
stopPlay(){
clearInterval(this.timer);
}
}
}
</script>
<style lang="scss" scoped>
a:hover{
color: #294c7f;
}
.top_nav{
width: 115px;
height: 22px;
margin: 0 auto;
margin-bottom: 5px;
}
.banner{
width: 890px;
height: 245px;
margin: 0 auto;
}
/*.top-line
{
width:890px;
height:5px;
margin:0 auto;
margin-top:10px;
margin-bottom:2px;
background-color:#FF4500;
}*/
.down-line{
width: 890px;
height: 5px;
margin: 0 auto;
margin-top: 15px;
}
.main{
width: 890px;
height: 735px;
margin: 0 auto;
margin-top: 10px;
}
/* 页脚 */
.footer{
margin: 2em auto auto;
padding: 2em 0;
border: 1px solid #039;
border: 1px solid #DBDEE1;
border-width: 1px 0 0; /*border-radius: 10px 10px 0 0; background:url(/img/horizontal-line-shadow.png) repeat-x;*/
text-align: center;
}
.fnav{
margin: auto auto 1em;
font-size: 14px;
}
.fnavList{
display: inline-block;
}
.fnavList li{
float: left;
padding: 0 2em;
}
.footer p{
line-height: 2em;
font-size: small;
}
.footer address{
font-style: normal;
font-size: small;
}
.main-top{
width: 890px;
height: 282px; /*border:1px solid;*/
}
.main-middle{
width: 890px;
height: 310px;
margin-top: 10px;
}
.main-down{
width: 890px;
height: 80px;
border: 1px solid #bebebe;
margin-top: 10px;
border-radius: 4px 4px 0 0;
}
.tiaomabanli-title{
width: 100%;
height: 25px; /*background-image:url(../img/centernews-title-bg.jpg);*/
background-color: #d81616;
border-radius: 4px 4px 0 0;
}
.tiaomabanli-title span{
margin-left: 10px;
font-weight: bold;
font-family: 微软雅黑;
font-size: 14px;
color: #FFFFFF;
}
.bussiness{
width: 80%;
height: 50px;
margin: 0 auto;
}
.register{
width: 120px;
height: 30px;
border: 1px solid;
margin-left: 50px;
margin-top: 10px;
float: left;
background-color: #cc3c0d;
text-align: center;
line-height: 31px;
color:#FFF;
font-size:16px;
font-family:微软雅黑;
}
.renewal{
width: 120px;
height: 30px;
border: 1px solid;
margin-left: 120px;
float: left;
margin-top: 10px;
background-color: #cc3c0d;
text-align: center;
line-height: 31px;
color:#FFF;
font-size:16px;
font-family:微软雅黑;
}
.change{
width: 120px;
height: 30px;
border: 1px solid;
margin-left: 120px;
margin-top: 10px;
float: left;
background-color: #cc3c0d;
text-align: center;
line-height: 31px;
color:#FFF;
font-size:16px;
font-family:微软雅黑;
}
.main-top-1-2{
width: 635px;
height: 282px; /*border:1px solid #bebebe;*/
float: left; /*border-top:none; border-right:none; border-left:none;*/
}
.main-top-1{
width: 220px;
height: 282px;
float: left;
}
.main-top-2{
width: 410px;
height: 282px;
float: left;
font-size: 12px;
border: 1px solid #bebebe;
border-radius: 4px 4px 0 0; /*border-bottom:none;*/
margin-left: 3px;
}
.centernews-title{
width: 411px;
height: 25px; /*background-image:url(../img/centernews-title-bg.jpg);*/
background-color: #d81616;
border-radius: 4px 4px 0 0;
}
.centernews-title span{
font-size: 14px;
color: #FFFFFF;
font-family: 微软雅黑;
font-weight: bold;
margin-left: 10px;
}
.main-top-2 ul{
list-style: inside disc;
color: #CC9;
line-height: 25px;
margin-top: 5px;
}
.main-top-2 li{
padding-left: 10px;
}
.more{
width: 55px;
height: 15px;
float: right;
margin-top: 5px;
font-family: 微软雅黑;
font-size: 14px;
margin-right: 5px;
}
.main-top-3{
width: 240px;
height: 282px;
float: left;
margin-left: 15px;
}
.kh_title{
width: 238px;
height: 25px; /*background-image:url(../img/centernews-title-bg.jpg);*/
background-color: #d81616;
border-radius: 4px 4px 0 0;
}
.gd{
width: 236px;
height: 10px;
background-color: #eef3f9;
border: 1px solid #bebebe;
border-bottom: none;
border-top: none;
}
.kh_title span{
margin-left: 18px;
font-weight: bold;
font-family: 微软雅黑;
font-size: 14px;
color: #FFFFFF;
}
.kh_content{
width: 236px;
height: 246px;
border: 1px solid #bebebe; /*background-image:url(../img/kh-content-bg.jpg);*/
background-color: #eef3f9;
border-top: none;
}
marquee{
position: absolute;
width: 235px;
height: 246px;
line-height: 8px;
}
marquee p{
font-size: 12px;
text-align: left;
font-family: 微软雅黑;
font-weight: bold;
line-height: 2;
margin-left: 5px;
color: #294c7f;
}
.main-middle-left{
width: 635px;
height: 305px;
float: left;
}
.main-middle-right{
width: 240px;
height: 305px;
float: left;
margin-left: 15px;
}
.main-middle-left-top{
width: 635px;
height: 150px;
border: 1px solid #bebebe;
border-radius: 4px 4px 0 0;
}
.zly-tongzhi-title{
width: 635px;
height: 25px; /*background-image:url(../img/centernews-title-bg.jpg);*/
background-color: #d81616;
border-radius: 4px 4px 0 0;
}
.zly-tongzhi-title span{
margin-left: 10px;
font-weight: bold;
font-family: 微软雅黑;
font-size: 14px;
color: #FFFFFF;
}
.main-middle-left-top p{
line-height: 28px;
text-indent: 28px;
font-size: 14px;
font-family: 微软雅黑;
margin-top: 10px;
width: 610px;
padding-left: 13px;
}
.ckxq{
width: 80px;
height: 18px;
float: right;
margin-top: 5px;
font-family: 微软雅黑;
font-size: 14px;
margin-right: 5px;
}
.main-middle-left-down{
width: 635px;
height: 170px;
border: 1px solid #bebebe;
margin-top: 4px;
border-radius: 4px 4px 0 0;
}
.application{
width: 600px;
height: 130px;
margin-top: 6px;
}
.hx{
width: 241px;
height: 51px;
float: left;
margin-top: 5px;
margin-left: 40px;
text-align: center;
}
.cjfw{
width: 241px;
height: 51px;
float: left;
margin-top: 5px;
margin-left: 62px;
}
.tmzs{
width: 241px;
height: 51px;
float: left;
margin-top: 28px;
margin-left: 40px;
text-align: center;
}
.img-1{
width: 74px;
height: 26px;
margin-top: -51px;
margin-left: 167px;
}
.img-2{
width: 74px;
height: 26px;
margin-top: -1px;
margin-left: 167px;
}
.fwapp{
width: 241px;
height: 51px;
float: left;
margin-top: 28px;
margin-left: 60px;
}
/* 图片新闻 */
#picNews{
position: relative;
float: left;
width: 220px;
}
#picNews .tabset-tabs-root{
position: absolute;
width: 100%;
top: 184px;
right: 0;
color: #fff;
background-color: #000;
background: -webkit-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,1));
background: -moz-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,1));
background: -ms-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,1));
background: -o-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,1));
background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1));
}
#picNews .tabset-tab-list{
float: right;
margin: 0;
}
#picNews .tabset-tab{
float: left;
padding: 0;
border-left: 1px solid rgba(255,255,255,.38);
line-height: 16px;
text-align: center;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
cursor: pointer;
}
#picNews .tabset-tab a{
display: block;
width: 22px;
height: 16px;
color: #fff;
text-decoration: none;
}
#picNews .tabset-tab-actived a, #picNews .tabset-tab a:hover{
background-color: #f60;
}
#picNews .tabset-tab a b{
font-weight: normal;
}
#picNews .tabset-page{
text-align: center;
}
#picNews .tabset-page a{
display: block;
width: 220px;
height: 200px;
}
#picNews .tabset-page a img{
display: block;
width: 100%;
height: 100%;
}
#picNews .tabset-page a b{
display: block;
margin: 1px auto;
padding: 10px 0;
height: 55px;
background: url(./img/gray-bg-x.h80.png) 0 100% repeat-x;
font-size: 12px;
line-height: 2em;
}
/* 选项卡 */
.tabset-page{
display: none;
}
.tabset-page-actived{
display: block;
}
ol, ul{
list-style: none outside;
}
/* 列表根 */
#ob_body .tabset-tabs-root{
float: left;
margin-right: 10px;
border: 1px solid #DBDEE1;
background-color: #F6F4F7;
width: 120px;
height: 248px;
}
#ob_body .tabset-tab-list{
}
#ob_body .tabset-tab{
padding: 0;
height: 44px;
margin-bottom: -1px;
}
#ob_body .tabset-tab a{
position: relative;
display: block;
padding: 1px;
border: 1px solid #DBDEE1;
border-width: 1px 0;
background-color: #fff;
}
#ob_body .tabset-tab a b{
display: block;
padding-left: 18px;
height: 40px;
background: url(/img/index/gray-bg-x.h40.png) repeat-x;
font-size: 14px;
line-height: 40px;
}
#ob_body .tabset-tab-actived a{
z-index: 1px;
left: 1px;
border-left: 3px solid #F46336;
}
#ob_body .tabset-tab-actived a b{
background: none;
}
#ob_body .tabset-tab a b{
}
*{
margin: 0;
padding: 0;
border: none;
}
.com{
width: 240px;
height: 305px;
overflow: hidden;
position: relative;
background: black;
}
.com ul{
width: 3000px;
font-size: 0;
}
.com ul li{
vertical-align: bottom;
height: 100%;
overflow: hidden;
float: left;
background: white url(/jscss/demoimg/201307/loading.gif) no-repeat center center;
vertical-align: bottom;
list-style: none;
overflow: hidden;
}
.com ol{
position: absolute;
right: 0;
bottom: 5px; ;z-index:10;list-style:none;height:21px}
.com ol li{
width: 15px;
background: white;
border: 1px solid #74A8ED;
border-radius: 10px;
color: #74A8ED;
cursor: pointer;
float: left;
font: 12px Arial;
height: 15px;
margin: 2px 3px;
text-align: center;
}
.com ol li.on{
height: 19px;
width: 19px;
background: #74A8ED;
border: 1px solid #EEEEEE;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
line-height: 19px;
margin: 0 3px;
}
.gs1-40-year{
width: 160px;
height: 90px;
border: 1px solid #2E90DD;
float: left;
margin-left: 2px;
margin-top: 10px;
}
.ancc-25-year{
width: 160px;
height: 90px;
border: 1px solid #2E90DD;
float: left;
margin-left: 5px;
margin-top: 10px;
}
.tiaomajidi{
width: 380px;
height: 90px;
border: 1px solid #2E90DD;
float: left;
margin-left: 5px;
margin-top: 10px;
}
.zxtg{
width: 165px;
height: 90px;
border: 1px solid #2E90DD;
float: left;
margin-left: 5px;
margin-top: 10px;
}
a{
color: #002C6C;
text-decoration: none;
}
*, ::after, ::before{
box-sizing: initial;
}
pre{
overflow: hidden;
}
</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