Skip to content

G
gs1
Commit 6afc2c9d by Lyan
Options

专题修改

parent 33e4daac
Showing with 4328 additions and 63 deletions
src/router/index.js
...@@ -1809,6 +1809,30 @@ const routes = [ ...@@ -1809,6 +1809,30 @@ const routes = [
}, },
component: () => import("@/views/topic/2017zly"), component: () => import("@/views/topic/2017zly"),
}, },
{
path: "/News/topic/xiangma/xm",
name: 'xm',
meta: {
name: "箱码专题",
},
component: () => import("@/views/topic/xiangma/xm"),
},
{
path: "/News/topic/xiangma/anli",
name: 'anli',
meta: {
name: "箱码案例",
},
component: () => import("@/views/topic/xiangma/anli"),
},
{
path: "/News/topic/xiangma/changyi",
name: 'changyi',
meta: {
name: "箱码倡议",
},
component: () => import("@/views/topic/xiangma/changyi"),
},
// 专题end // 专题end
]; ];
const router = new VueRouter({ const router = new VueRouter({
......
src/views/News/FoodSafety.vue
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
<p>电子邮箱：wuxm@ancc.org.cn，liwt@ancc.org.cn</p> <p>电子邮箱：wuxm@ancc.org.cn，liwt@ancc.org.cn</p>
<div class="down"> <div class="down">
<span style="margin:20px 0 10px;font-size:14px;display:inline-block">资料下载</span> <span style="margin:20px 0 10px;font-size:14px;display:inline-block">资料下载</span>
<list2 :list="listFile" @getInfo='getInfo'/> <list2 :list="listFile" @getInfo='getInfo2'/>
</div> </div>
...@@ -221,6 +221,11 @@ export default { ...@@ -221,6 +221,11 @@ export default {
window.open(link.href,'_blank') window.open(link.href,'_blank')
} }
},
getInfo2(id,directpath){
if(directpath&&directpath!==''&& directpath.length>0){
window.open(directpath,'_blank');
}
} }
}, },
}; };
......
src/views/News/Other.vue
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
</div> </div>
<div class="down"> <div class="down">
<span style="margin:0 0 10px;font-size:14px;display:inline-block">资料下载</span> <span style="margin:0 0 10px;font-size:14px;display:inline-block">资料下载</span>
<list2 :list="list2" @getInfo='getInfo' /> <list2 :list="list2" @getInfo='getInfo2' />
</div> </div>
...@@ -115,6 +115,11 @@ export default { ...@@ -115,6 +115,11 @@ export default {
// window.open(link.href,'_blank') // window.open(link.href,'_blank')
// } // }
},
getInfo2(id,directpath){
if(directpath&&directpath!==''&& directpath.length>0){
window.open(directpath,'_blank');
}
} }
} }
}; };
......
src/views/topic/2014zly.vue
...@@ -151,10 +151,10 @@ ...@@ -151,10 +151,10 @@
<img src="./img/ancc-25-years.jpg"> <img src="./img/ancc-25-years.jpg">
</div> </div>
<div class="tiaomajidi"> <div class="tiaomajidi">
<a href="http://www.gs1cn.org/2013/tiaomajidi/index.aspx" target="_blank"><img src="./img/tmjd.png" title="商品条码与编码"></a> <a href="http://www.gs1cn.org/topic/tiaomajidi" target="_blank"><img src="./img/tmjd.png" title="商品条码与编码"></a>
</div> </div>
<div class="zxtg"> <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> <a><img src="./img/zxtg2.png" title="在线投稿"></a>
</div> </div>
</div> </div>
</div> </div>
......
src/views/topic/2015315Topic.vue
...@@ -74,7 +74,7 @@ ...@@ -74,7 +74,7 @@
<div class="data_area"> <div class="data_area">
<a target="_blank"><img src="./img/315_19.jpg"></a></div> <a target="_blank"><img src="./img/315_19.jpg"></a></div>
<div class="data_area"> <div class="data_area">
<a href="http://www.gs1cn.org/Service/IoT.aspx" target="_blank"> <img src="./img/315_21.jpg"></a></div> <a href="https://www.iotroot.com/login" target="_blank"> <img src="./img/315_21.jpg"></a></div>
</div> </div>
<div class="main-middle-middle"> <div class="main-middle-middle">
<div class="title"> <div class="title">
...@@ -311,17 +311,21 @@ export default { ...@@ -311,17 +311,21 @@ export default {
color: #CC9; color: #CC9;
line-height: 25px; line-height: 25px;
margin-top: 5px; margin-top: 5px;
font-size: 10px; font-size: 12px;
} }
.news-list li{ .news-list li{
padding-left: 10px; padding-left: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} }
.more{ .more{
width: 45px; width: 45px;
height: 15px; height: 15px;
float: right; float: right;
margin-top: 8px; margin-top: 8px;
font-size: 10px; font-size: 12px;
} }
/* 图片新闻 */ /* 图片新闻 */
#picNews{ #picNews{
......
src/views/topic/syssTopic.vue
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
</td> </td>
<td> <td>
<div align="right" class="STYLE6"> <div align="right" class="STYLE6">
<a href="http://www.gs1cn.org/index.aspx" target="_blank" style="color: White;">返回编码中心首页</a></div> <a href="http://www.gs1cn.org/" target="_blank" style="color: White;">返回编码中心首页</a></div>
</td> </td>
<td width="20"> <td width="20">
&nbsp; &nbsp;
...@@ -89,7 +89,7 @@ ...@@ -89,7 +89,7 @@
<tr> <tr>
<td background="./img/left_pho_bg2.gif" width="297" height="48"> <td background="./img/left_pho_bg2.gif" width="297" height="48">
<div align="center" class="STYLE9"> <div align="center" class="STYLE9">
&nbsp;&nbsp;<a href="pdf/ANCC-lxyz.pdf" target="_blank">紧密联系党员干部思想与工作实际，编码中心认真开展“两学一做”学习教育 </a> &nbsp;&nbsp;<a href="http://www.gs1cn.org/djwh/pdf/ANCC-lxyz.pdf" target="_blank">紧密联系党员干部思想与工作实际，编码中心认真开展“两学一做”学习教育 </a>
</div> </div>
</td> </td>
</tr> </tr>
...@@ -186,25 +186,25 @@ ...@@ -186,25 +186,25 @@
<span>· <a target="_blank" href="http://www.gs1cn.org/News/msg?id=8334"> <span>· <a target="_blank" href="http://www.gs1cn.org/News/msg?id=8334">
关于2016年度党建和思想政治工作论文评选活动获奖的通报</a></span> 关于2016年度党建和思想政治工作论文评选活动获奖的通报</a></span>
<span>· <a target="_blank" href="http://www.gs1cn.org/News/News?id=8333"> <span>· <a target="_blank" href="http://www.gs1cn.org/News/msg?id=8333">
中国物品编码中心召开2016年度民主生活会征求意见座谈会</a></span> 中国物品编码中心召开2016年度民主生活会征求意见座谈会</a></span>
<span>· <a target="_blank" href="http://www.gs1cn.org/News/News?id=8332"> <span>· <a target="_blank" href="http://www.gs1cn.org/News/msg?id=8332">
中国物品编码中心召开党的十九大代表候选人预备人选推荐提名工作部署会议</a></span> 中国物品编码中心召开党的十九大代表候选人预备人选推荐提名工作部署会议</a></span>
<span>· <a target="_blank" href="http://www.gs1cn.org/News/News?id=8280"> <span>· <a target="_blank" href="http://www.gs1cn.org/News/msg?id=8280">
中国物品编码中心举办2016年入党积极分子培训班</a></span> 中国物品编码中心举办2016年入党积极分子培训班</a></span>
<span>· <a target="_blank" href="http://www.gs1cn.org/News/News?id=8279"> <span>· <a target="_blank" href="http://www.gs1cn.org/News/msg?id=8279">
中国物品编码中心举办2016年支部委员培训班</a></span> 中国物品编码中心举办2016年支部委员培训班</a></span>
<span>· <a target="_blank" href="http://www.gs1cn.org/News/News?id=8265"> <span>· <a target="_blank" href="http://www.gs1cn.org/News/msg?id=8265">
中国物品编码中心第一支部组织专题学习《榜样》学习会议简报</a></span> 中国物品编码中心第一支部组织专题学习《榜样》学习会议简报</a></span>
<span>· <a target="_blank" href="http://www.gs1cn.org/News/News?id=8260"> <span>· <a target="_blank" href="http://www.gs1cn.org/News/msg?id=8260">
中国物品编码中心党委第二支部组织全体党员集中学习党的十八届六中全会精神和收看《榜样》视频</a></span> 中国物品编码中心党委第二支部组织全体党员集中学习党的十八届六中全会精神和收看《榜样》视频</a></span>
<span>· <a target="_blank" href="http://www.gs1cn.org/News/News?id=8259"> <span>· <a target="_blank" href="http://www.gs1cn.org/News/msg?id=8259">
中国物品编码中心党委第五支部“十八大六中全会”内容学习简报</a></span> 中国物品编码中心党委第五支部“十八大六中全会”内容学习简报</a></span>
</p> </p>
...@@ -354,7 +354,7 @@ ...@@ -354,7 +354,7 @@
中国共产党第二十次全国代表大会</a> 中国共产党第二十次全国代表大会</a>
<br> <br>
·<a target="_blank" href="http://www.gs1cn.org/News/article.aspx?id=7675" style="color: blue" title="习近平：把“三严三实”贯穿改革全过程">&nbsp;习近平：把“三严三实”贯穿改革全...</a> ·<a target="_blank" href="http://www.gs1cn.org/News/msg?id=7675" style="color: blue" title="习近平：把“三严三实”贯穿改革全过程">&nbsp;习近平：把“三严三实”贯穿改革全...</a>
<br> <br>
·<a target="_blank" href="http://news.12371.cn/2015/04/19/ARTI1429443267847752.shtml" style="color: blue" title="中共中央办公厅印发《关于在县处级以上领导干部中开展“三严三实”专题教育方案》">&nbsp;中共中央办公厅印发《关于在县处级...</a> ·<a target="_blank" href="http://news.12371.cn/2015/04/19/ARTI1429443267847752.shtml" style="color: blue" title="中共中央办公厅印发《关于在县处级以上领导干部中开展“三严三实”专题教育方案》">&nbsp;中共中央办公厅印发《关于在县处级...</a>
...@@ -494,7 +494,25 @@ ...@@ -494,7 +494,25 @@
reserved 中国物品编码中心 版权所有 reserved 中国物品编码中心 版权所有
<br> <br>
全国统一咨询服务电话：400-7000-690<br> 全国统一咨询服务电话：400-7000-690<br>
<a href="http://www.miibeian.gov.cn/" target="_blank">京ICP备05012621号</a> <!-- <a href="http://www.miibeian.gov.cn/" target="_blank">京ICP备11036137号-10</a> -->
<div class="beian">
<div>
<a href="https://beian.miit.gov.cn/" target="_blank"
>京ICP备11036137号-10</a
>
</div>
<span>|</span>
<div>
<a
href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010102005499"
>
<img
src="../../assets/image/foot/beian.png"
alt=""
/>京公网安备11010102005499号</a
>
</div>
</div>
<p></p> <p></p>
</div> </div>
</td> </td>
...@@ -743,4 +761,18 @@ export default { ...@@ -743,4 +761,18 @@ export default {
a{ a{
color: blue; color: blue;
} }
.beian {
display: flex;
justify-content: center;
align-items: center;
span {
padding: 0 20px;
}
>div a{
display: flex;
img{
margin-right: 5px;
}
}
}
</style> </style>
\ No newline at end of file
src/views/topic/xiangma.vue
...@@ -9,31 +9,31 @@ ...@@ -9,31 +9,31 @@
<div class="id_left"> <div class="id_left">
<div class="left-1"> <div class="left-1">
<div class="title"> <div class="title">
<h1 class="title_txt"><a href="/2013/xiangma/xm.aspx" target="_blank" style="color:White;">箱码 Case Code</a></h1> <h1 class="title_txt"><a href="/News/topic/xiangma/xm" target="_blank" style="color:White;">箱码 Case Code</a></h1>
</div> </div>
<div id="Retail" class="article" style="margin:2px; border-color:#3A5FCD "> <div id="Retail" class="article" style="margin:2px; border-color:#3A5FCD ">
<div class="top-intro"> <div class="top-intro">
<a class="figure" href="/2013/xiangma/xm.aspx#1" target="_blank"> <a class="figure" href="/News/topic/xiangma/xm#1" target="_blank">
<img src="./img/图片1.png" width="80" height="80" alt=""></a> <img src="./img/图片1.png" width="80" height="80" alt=""></a>
<div class="top-intro-text"> <div class="top-intro-text">
<strong>使用在商品外包装箱上，用于商品分拣、仓储、批发、配送等流通过程中的全球统一标识系统的条码符号。<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <strong>使用在商品外包装箱上，用于商品分拣、仓储、批发、配送等流通过程中的全球统一标识系统的条码符号。<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
注：可以采用EAN/UPC条码、ITF-14条码和GS1-128条码三种码制。</strong></div> 注：可以采用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> <a href="/News/topic/xiangma/xm#1" target="_blank" style="float:right; font-size:small;">详情&gt;&gt;</a>
</div> </div>
</div> </div>
</div> </div>
<div class="left-2"> <div class="left-2">
<div class="title"> <div class="title">
<h1 class="title_txt"><a href="/2013/xiangma/xm.aspx" target="_blank" style="color:White;">编码方式</a></h1> <h1 class="title_txt"><a href="/News/topic/xiangma/xm" target="_blank" style="color:White;">编码方式</a></h1>
</div> </div>
<div id="Retail4" class="article" style="margin:2px; border-color:#3A5FCD"> <div id="Retail4" class="article" style="margin:2px; border-color:#3A5FCD">
<div class="top-intro"> <div class="top-intro">
<div class="top-intro-text"> <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> <strong>箱中包含多种规格的消费商品包装，依照规格从小到大代码分别为690111100001（不含校验码）和690111100002（不含校验码）；则编制储运单元代码时可取最接近的消费单元代码1690111100002（不含校验码），并在前面加包装指示符“1”，形成储运单元的箱码代码1690111100002（不含校验码）。</strong><a href="/News/topic/xiangma/xm#3" target="_blank" style="float:right; font-size:small">详情&gt;&gt;</a></div>
</div> </div>
<a class="figure" href="/2013/xiangma/xm.aspx#3" target="_blank"><img src="./img/图片2.png" width="580" height="120" alt=""></a> <a class="figure" href="/News/topic/xiangma/xm#3" target="_blank"><img src="./img/图片2.png" width="580" height="120" alt=""></a>
</div> </div>
</div> </div>
...@@ -48,15 +48,15 @@ ...@@ -48,15 +48,15 @@
<div class="top-intro"> <div class="top-intro">
<div class="top-intro-text2"> <div class="top-intro-text2">
&nbsp;&nbsp; &nbsp;&nbsp;
<strong>●&nbsp;&nbsp;<a href="http://www.gs1cn.org/News/article.aspx?Id=7019" target="_blank" style="color:#603000">商品条码应用推广交流会在南昌胜利召开</a></strong><br> <strong>●&nbsp;&nbsp;<a href="http://www.gs1cn.org/News/msg?id=7019" target="_blank" style="color:#603000">商品条码应用推广交流会在南昌胜利召开</a></strong><br>
&nbsp;&nbsp; &nbsp;&nbsp;
<strong>●&nbsp;&nbsp;<a href="http://www.gs1cn.org/News/article.aspx?Id=6857" target="_blank" style="color:#603000">零售业突围在即：倡导统一编码标准 打造协同供应链</a></strong><br> <strong>●&nbsp;&nbsp;<a href="http://www.gs1cn.org/News/msg?id=6857" target="_blank" style="color:#603000">零售业突围在即：倡导统一编码标准 打造协同供应链</a></strong><br>
&nbsp;&nbsp; &nbsp;&nbsp;
<strong>●<a href="http://www.gs1cn.org/News/article.aspx?Id=6554" target="_blank" style="color:#603000">《中国质量报》报道：数据同步提高供应链效率</a></strong><br> <strong>●<a href="http://www.gs1cn.org/News/msg?id=6554" target="_blank" style="color:#603000">《中国质量报》报道：数据同步提高供应链效率</a></strong><br>
&nbsp;&nbsp; &nbsp;&nbsp;
<strong>●<a href="http://www.gs1cn.org/News/article.aspx?Id=6409" target="_blank" style="color:#603000">《国际商报》专版：商品条码助力企业轻松玩转供应链</a></strong> <br> <strong>●<a href="http://www.gs1cn.org/News/msg?id=6409" target="_blank" style="color:#603000">《国际商报》专版：商品条码助力企业轻松玩转供应链</a></strong> <br>
&nbsp;&nbsp; &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> <strong>●&nbsp;&nbsp;<a href="http://www.gs1cn.org/News/msg?id=6909" target="_blank" style="color:#603000">箱码也是省钱密码 一箱快消品平均可减少成本0.8个百分点</a></strong>
</div> </div>
</div> </div>
</div> </div>
...@@ -69,9 +69,9 @@ ...@@ -69,9 +69,9 @@
<div class="top-intro"> <div class="top-intro">
<div class="top-intro-text"> <div class="top-intro-text">
<strong> <strong>
<li> 1、<a href="pdf/箱码单页.pdf" target="_blank" style="color:#603000">箱码单页</a> &nbsp;&nbsp;&nbsp;&nbsp; <li> 1、<a href="http://www.gs1cn.org/2013/xiangma/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; 2、<a href="http://www.gs1cn.org/2013/xiangma/pdf/箱码应用指南.pdf" target="_blank" style="color:#603000">箱码应用指南</a> &nbsp;&nbsp;&nbsp;&nbsp;
3、<a href="pdf/箱码折页.pdf" target="_blank" style="color:#603000">箱码折页</a> </li> 3、<a href="http://www.gs1cn.org/2013/xiangma/pdf/箱码折页.pdf" target="_blank" style="color:#603000">箱码折页</a> </li>
</strong></div> </strong></div>
</div> </div>
</div> </div>
...@@ -157,26 +157,26 @@ ...@@ -157,26 +157,26 @@
<div id="id2" class="id2"> <div id="id2" class="id2">
<div class="id2-left"> <div class="id2-left">
<div class="title"> <div class="title">
<h1 class="title_txt"><a href="/2013/xiangma/anli.aspx" target="_blank" style="color:White;">案例</a></h1> <h1 class="title_txt"><a href="/News/topic/xiangma/anli" target="_blank" style="color:White;">案例</a></h1>
</div> </div>
<div id="Retail6" class="article" style="margin:2px; border-color:#3A5FCD"> <div id="Retail6" class="article" style="margin:2px; border-color:#3A5FCD">
<div class="top-intro"> <div class="top-intro">
<div class="top-intro-text"> <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="/News/topic/xiangma/anli#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="/News/topic/xiangma/anli#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> <li><strong>●&nbsp;&nbsp;<a href="/News/topic/xiangma/anli#6" target="_blank" style="color:#603000">箱码在苏果超市的应用</a></strong></li>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="id2-right"> <div class="id2-right">
<div class="title"> <div class="title">
<h1 class="title_txt"><a href="/2013/xiangma/changyi.aspx" target="_blank" style="color:White;">中国零售业箱码应用倡议</a></h1> <h1 class="title_txt"><a href="/News/topic/xiangma/changyi" target="_blank" style="color:White;">中国零售业箱码应用倡议</a></h1>
</div> </div>
<div id="Retail7" class="article" style="margin:2px; border-color:#3A5FCD"> <div id="Retail7" class="article" style="margin:2px; border-color:#3A5FCD">
<div class="top-intro"> <div class="top-intro">
<div class="top-intro-text"> <div class="top-intro-text">
<li><strong>●&nbsp;&nbsp;<a href="/2013/xiangma/changyi.aspx#7" target="_blank" style="color:#603000">中国零售业箱码应用倡议</a></strong></li> <li><strong>●&nbsp;&nbsp;<a href="/News/topic/xiangma/changyi#7" target="_blank" style="color:#603000">中国零售业箱码应用倡议</a></strong></li>
</div> </div>
</div> </div>
......
src/views/topic/xiangma/anli.vue 0 → 100644
<template>
<div style="background:#fff;">
<div id="id1" class="id1">
<div class="img1"><img src="./img/bg2.jpg" width="1000px;" height="200px"></div>
<div class="style1"><a href="/News/topic/xiangma">返回首页</a></div>
</div>
<div class="id2">
<div class="id3">
<div id="sidebar1" class="sidebar1">
<!-- 侧导航 -->
<!-- 注意！这里请后台开发的同学替换成包含文件 -->
<div id="sideNav" class="article">
<h2 class="article-h">案例</h2>
<ul>
<li><a href="/News/topic/xiangma/anli#4"><b> 箱码在杭州联华华商集团有限公司的应用</b></a></li>
<li><a href="/News/topic/xiangma/anli#5"><b>箱码在联华超市股份有限公司（上海）曹杨路配送中心的应用</b></a></li>
<li><a href="/News/topic/xiangma/anli#6"><b>箱码在苏果超市的应用</b></a></li>
</ul>
</div>
</div>
</div>
<div class="id4">
<h1 class="title_txt">●&nbsp;&nbsp;案例一：<a href="javascript:void('0')" name="4" id="4" style="color:black;">箱码在杭州联华华商集团有限公司的应用</a></h1>
<div class="txt">
<p>杭州联华华商集团有限公司是一家由联华超市股份有限公司、杭州商业资产经营公司和宁波联合集
团股份有限公司参股的有限责任公司。公司注册资本金1.205亿元，现有员工1.5万余人。公司物流配送中心占地面积160亩，由高位库、多层库、办公楼三部分组成，总计建筑面积达7万平方米，设计容量为日均吞吐量36万箱，能为联华在省内的大卖场、综超、标超、便利等四种业态300多家门店以及社会上的门店提供方便快捷的商品配送服务；主要设备设施包括一套自动化仓库设备、22台前移式叉车、11台平衡重叉车、44台电动搬运车、3万个标准托盘位；现有员工的约330人。该物流配送中心于2003年8月正式启用。目前已基本实现了仓库立体化，搬运机械化，管理信息化，操作无纸化。2009年,物流配送中心不含税吞吐量达67.4亿，库存平均周转8.2天，订单满足率92.66%，费用率1.6%。目前,物流配送中心日均吞吐量近17万箱，金额达2000万元左右；高峰时达35万箱左右，金额达5000万元左右。</p>
<p class="title_txt2"><strong>应用现状:</strong></p>
<p style="text-indent:2em;">联华华商配送中心从2003年10月份开始，要求供应商必须采用箱码。为此，配送中心在中国物品编码中心浙江分中心的协助下，对所有相关供应商进行了箱码知识、条码申请和相关要求的培训。之后又经过三个月的试用。</p>
<p class="title_txt2"><strong>实施效果:</strong></p>
<p style="text-indent:2em;">运用箱码和信息技术后，配送中心的运作效率和经济效益逐年提高，分别从2003年的年吞吐量24亿元、费用率2.8%、人均劳效300万/人/年、库存平均周转17天，提高到2009年的吞吐量67.4亿、费用率1.6%、人均劳效1056万/人/年，库存平均周转8.2天，其中箱码的应用功不可没。</p>
<p class="title_txt2"><strong>使用箱码的好处主要体现在以下几个方面：</strong></p>
<p class="title_txt2"><strong>作业效率提升:</strong></p>
<p style="text-indent:2em;">收货环节效率提升100％；支持环节效率提升20％；分拣验货环节效率提升50％；盘点环节效率提升100％；
</p><p style="text-indent:2em;">退货环节效率提升30％。</p>
<p class="title_txt2"><strong>作业质量提升:</strong></p>
<p style="text-indent:2em;">分拣环节的差错率下降50％以上。</p>
<p class="title_txt2"><strong>运作成本下降:</strong></p>
<p style="text-indent:2em;">收货速度变快后，供应商的车辆、人员资源得到更高效的使用；基本实现无纸化操作，运作成本降低；效率提升带来的人员成本、管理成本的下降；质量提升带来运作成本的下降。</p>
<p></p><hr>
</div>
<h1 class="title_txt1">●&nbsp;&nbsp;案例二：<a href="javascript:void('0')" name="5" id="5" style="color:black;">箱码在联华超市股份有限公司（上海）曹杨路配送中心的应用</a></h1>
<div class="txt2">
<p class="title_txt2"><strong>背景介绍:</strong></p>
<p style="text-indent:2em;">联华超市股份有限公司（以下简称“联华”）上海曹杨路配送中心改造前，浙江联华（联华华商）新的占地面积160亩、建筑面积达7万平方米常温商品配送中心已进入规划实施阶段，考虑到其吞吐量较大，物流品种数较多，而规划的收货月台作业面相对较短，必须设法加快收货验收速度，否则收货会有瓶颈。此外，项目团队认为浙江联华在当地零售市场占有率较高，经营业绩较好，总体比较强势且部门间关系比较融洽，高层对物流又非常重视也非常支持，物流团队各方面能力均非常突出，浙江联华不但有必要而且有条件先行在当地推广使用箱码。</p>
<p style="text-indent:2em;">2004年，当联华上海曹杨路仓库改造时，浙江联华已经开始试用箱码，虽然当时绝大部分供货商还是采用打印并粘贴的方式以满足浙江联华对箱码的需要，但事实上为联华物流在上海进一步推行箱码创造了非常有利的外部环境。</p>
<p class="title_txt2"><strong>应用实施:</strong></p>
<p style="text-indent:2em;">2004年，联华超市股份有限公司（上海）曹杨路配送中心借鉴了浙江联华推行箱码的成功经验，并委托中国物品编码中心上海分中心对相关供货商分期分批进行了几十期专题培训。同时，配送中心项目改造团队精心编制并发放了大量宣传资料，阐述箱码的概念，编码规则、使用场合、优缺点、制作流程、质量要求以及联华物流对外包装的要求和建议等。这些宣传材料介绍了使用箱码的必要性及好处，例如：大幅提高物流运作效率和物流运作的准确性；减少运作环节、降低运作成本。同时指出，在外包装上印制箱码对产品生产厂家的包装印刷成本几乎没有任何影响，彻底解除了供货商的后顾之忧。</p>
<p style="text-indent:2em;">试营运前，给生产厂商（包括跨国公司）预留了半年时间进行包装改版和采购新包材。</p>
<p style="text-indent:2em;">联华要求，对于老商品，供货商限期提供条码对照表，由联华相关部门及时录入系统；对于新商品，供货商提供箱码信息并由联华相关部门录入系统后方可入库配送；仓库现场提供箱码有偿打印服务，负责解答相关问题。</p>
<p style="text-indent:2em;">正式实施时，联华又对曹杨路配送中心全部统配商品逐一梳理，确保商品主档中所有统配商品均有相应箱码。</p>
<p class="title_txt2"><strong>实施效果:</strong></p>
<p style="text-indent:2em;">进入联华曹杨路配送中心常温统配库的商品100%有箱码（直接印制或人工粘贴），但有部分商品的箱码无法用手持终端扫描识读，甚至发现读出的信息与所提交的箱码信息不符，这种情况下收货人员会强制要求供货商另行粘贴合格的箱码，使箱码的正确率基本上达到100%。</p><img src="./img/图片10.png" style="margin-left:40px;"><hr>
</div>
<h1 class="title_txt1">●&nbsp;&nbsp;案例三：<a href="javascript:void('0')" name="6" id="6" style="color:black;">箱码在苏果超市的应用</a></h1>
<div class="txt3">
<p class="title_txt2"><strong>背景介绍:</strong></p>
<p style="text-indent:2em;">苏果超市成立于1996年7月，网点覆盖江苏、安徽、山东、河北、湖北、河南等六个省份。2009年网点总数1950家，销售规模达到332亿元。苏果超市在全国连锁企业中已连续10年位列前十强，位列全国快速消费品零售企业前四强。2009年苏果的品牌价值达60.34亿。</p>
<p class="title_txt2"><strong>应用实施:</strong></p>
<p style="text-indent:2em;">苏果超市2003年开始箱码项目的调研。箱码的实施是从配送中心开始的，主要分为三个阶段：</p>
<p class="title_txt2"><strong>讨论调研阶段:</strong></p>
<p style="text-indent:2em;">2003年，配送中心统计的箱码普及率仅26%，到2006年4月上升到71.6%，推行箱码的条件已初步具备。于是配送中心制定了实施计划，优先推荐ITF-14条码，并把2007年作为试行和过渡阶段。</p>
<div class="img"><img src="./img/图片11.png"></div>
<p class="title_txt2"><strong>试行和过渡阶段:</strong></p>
<p style="text-indent:2em;">苏果超市于2007年8月10日向供应商发出《苏果超市关于加快推广应用储运单元条码的通知》，并公布了物流部门、采购部门、中国物品编码中心的电话号码，提供多渠道咨询解答服务。</p>
<p style="text-indent:2em;">考虑到供应商处理包材和制作箱码需一定的时间，配送中心购置了多台条码打印机，为供应商提供临时箱码打印服务。同时维护好系统的箱码数据库，对箱码不符合标准的供应商进行及时沟通，做好箱码的质量改进。</p>
<p class="title_txt2"><strong>正式实施阶段:</strong></p>
<p style="text-indent:2em;">2008年起，配送中心全面正式实施箱码。将箱码作为配送中心新品引进和日常验收的必备条件之一。对未使用箱码或箱码不规范的商品予以拒收。对内部非销售类物料用品编制内部箱码。</p>
<p style="text-indent:2em;">配送中心先后分批购入RF设备，并逐步扩大应用范围。目前，箱码已推广应用到收货、出货检核、装车、退货、移库、盘点、物流容器管理等方面。</p>
<p style="text-indent:2em;">箱码在苏果配送中心各作业环节的广泛应用，给公司带来的效益非常明显，其具体表现在：大大提高了配送中心作业准确率和作业效率；提升了管理效率，管理人员通过任务视窗可非常方便获悉作业进程；缩短了新进人员培训周期，降低了对员工经验的依赖性；避免或减少了开箱作业，降低商品损耗。</p>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'detail',
data() {
return {
}
},
mounted(){
},
methods: {
}
}
</script>
<style lang="scss" scoped>
/* CSS Document */
/************* 榛樿鏍峰紡閲嶇疆 *************/
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;
}
table { /*border-collapse: collapse; border-spacing: 0;*/ }
img, abbr, acronym { border: 0; }
ol, ul { list-style:none outside; }
q:before, q:after { /*content:'';*/ }
a {
color:#002C6C;
text-decoration:none;
}
a:hover {
color:#c00;
text-decoration: underline;
}
/********* 鍏ㄥ眬 *********/
html {
height:100%;
background-color:#fff;
}
body {
font-size:12px;
/*_height:100%;
min-height:100%;*/
}
body, input, select, th, td, button {
font-family: "SimSun","瀹嬩綋","Arial Narrow",HELVETICA;
font-family: "Microsoft YaHei","寰蒋闆呴粦","瀹嬩綋","SimHei","榛戜綋";
}
/* 椤靛寘瑁� */
.wrapper{
margin:auto;
width:1000px;
}
/* 椤甸 */
.header{
padding:10px 0 20px;
background:url(/img/index/barcode-bg-x.h20.png) 0 100% repeat-x;
}
.header:after, .bodyer:after{
content:"";
display:block;
clear:both;
}
#logo{
float:left;
margin:20px auto 27px;
width:324px;
height:63px;
}
#logo a{
display:block;
width:100%;
height:100%;
text-indent:-32767px;
background:url(/img/logo.gif);
}
#banner{
float:right;
}
object#banner{
visibility:visible!important;
float:right;
margin:-18px auto -10px;
}
div#banner{
margin:auto auto 10px;
border-radius:10px;
width:630px;
height:100px;
color:#fff;
background-color:#039;
background: -webkit-linear-gradient(to left,#039,#06c,#039);
background: -moz-linear-gradient(to left,#039,#06c,#039);
background: -ms-linear-gradient(to left,#039,#06c,#039);
background: -o-linear-gradient(to left,#039,#06c,#039);
background: linear-gradient(to left,#039,#06c,#039);
}
div#banner p{
margin:20px;
text-align:center;
font-size:15px;
line-height:2em;
font-weight:bold;
}
/* 椤典綋 */
.bodyer{
margin:1em auto;
zoom:1;
}
.location{
margin:1em;
}
.location .channel{
font-weight:bold;
font-size:1em;
/*color:#F46336;*/
}
.article{
margin-bottom:10px;
border-radius:10px 10px 0 0;
border:1px solid #DBDEE1;
border:1px solid #039;
}
.article-h{
margin:1px;
color:#fff;
text-indent:1em;
font-size:1.2em;
line-height:2em;
background-color:#039;
background: -webkit-linear-gradient(to top,#06c,#039);
background: -moz-linear-gradient(to top,#06c,#039);
background: -ms-linear-gradient(to top,#06c,#039);
background: -o-linear-gradient(to top,#06c,#039);
background: linear-gradient(to top,#06c,#039);
border-radius:9px 9px 0 0;
}
.article-h a{
color:#fff;
}
.article ul, .article ol{
margin:1em auto;
line-height:2em;
list-style:inside disc;
color:#CCC;
}
.article ol{
list-style:inside decimal;
}
.article li, .article li{
padding-left:12px;
}
.section{
margin:1em;
border:1px solid #B65914;
border-radius:10px 10px 0 0;
}
.section-h{
font-size:1.2em;
color:#fff;
padding:0 1em;
line-height:2em;
border-radius:9px 9px 0 0;
background-color: #B65914;
background: -webkit-linear-gradient(to top,#C29164,#B65914);
background: -moz-linear-gradient(to top,#C29164,#B65914);
background: -ms-linear-gradient(to top,#C29164,#B65914);
background: -o-linear-gradient(to top,#C29164,#B65914);
background: linear-gradient(to top,#C29164,#B65914);
}
.section-h a{
color:#fff;
}
.section-body{
margin:1px;
}
.article .inline,
.article .section-inline *{
display:inline;
margin:0;
padding:0;
}
/* 渚ф爮 */
.sidebar{
_display:inline;
float:left;
margin-right:10px;
width:200px;
}
/* 鍓晶鏍� */
.aside{
float:right;
margin-left:10px;
width:300px;
}
/* 涓讳綋 */
.main{
overflow:hidden;
}
#sideNav ul, #sideNav ol {
margin:1px;
}
#sideNav ul ul, #sideNav ol ol {
padding-left:12px;
}
#sideNav li{
list-style:none;
margin-bottom:1px;
padding:0;
}
#sideNav li a{
display:block;
padding-left:20px;
border:1px solid #ccc;
border-width:1px 1px 0;
line-height:40px;
background-color:#eee;
background:url(/img/index/nav-bg.png) repeat-x;
background: -webkit-linear-gradient(to top,#fff,#ddd);
background: -moz-linear-gradient(to top,#fff,#ddd);
background: -ms-linear-gradient(to top,#fff,#ddd);
background: -o-linear-gradient(to top,#fff,#ddd);
background: linear-gradient(to top,#fff,#ddd);
}
#sideNav li:last-child a{
/*border-bottom:1px solid #ccc;*/
}
#sideNav li a:hover{
/*border-left:3px solid #C00;*/
background: -webkit-linear-gradient(to top,#ddd,#fff);
background: -moz-linear-gradient(to top,#ddd,#fff);
background: -ms-linear-gradient(to top,#ddd,#fff);
background: -o-linear-gradient(to top,#ddd,#fff);
background: linear-gradient(to top,#ddd,#fff);
}
#sideNav li.sn-current{
border-left:3px solid #C00!important;
color:#C00!important;
}
#sideNav li.sn-current>a{
color:#C00!important;
background: -webkit-linear-gradient(to top,#ddd,#fff)!important;
background: -moz-linear-gradient(to top,#ddd,#fff)!important;
background: -ms-linear-gradient(to top,#ddd,#fff)!important;
background: -o-linear-gradient(to top,#ddd,#fff)!important;
background: linear-gradient(to top,#ddd,#fff)!important;
}
.bodyer .main-list{
padding-left:20px;
font-size:14px;
line-height:2.5em;
color:#999;
}
.main-list li{
border-bottom:1px dashed #eee;
}
ul.type-link li,
ul.type-link-date li{
list-style:none;
padding-left:0;
}
ul.type-link-date li{
line-height:2.5em;
border-bottom:1px dashed #eee;
}
.main-list li:hover,
.type-link-date li:hover{
background:url(/img/table/row-gray-2.png) repeat-x;
}
.type-link-date li:after{
content:'';
display:block;
clear:both;
}
.type-link-date .type
.type-link-date .link
.type-link-date .date{
}
.type-link-date .type{
float:left;
padding:0 0 0 12px;
}
.type-link-date .link{
float:left;
}
.type-link-date .date{
float:right;
padding:0 12px;
color:#666;
}
/* 椤佃剼 */
.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;
}
.footer address{
font-style:normal;
}
/* 鍥句緥 */
.figure{
margin:1em auto;
text-align:center;
line-height:0;
/*width:168px;
height:178px;
overflow:hidden;*/
}
.figcaption{
line-height:normal;
}
.figbody{
display:inline-block;
padding:1px;
border:1px solid #999;
background-color:#fff;
line-height:normal;
}
.figure img{
display:block;
}
/* 姝ｆ枃 */
.text{
padding:20px 40px;
text-align:left;
font-size:14px;
line-height:2em;
}
.text h3{
display:list-item;
list-style: square;
font-size:16px;
color:#900;
border-bottom:1px solid #999;
}
.text-explain{
margin:1em auto;
padding:10px 10px 10px 30px;
color: #000;
border: 1px solid #E8DBC1;
background: #FCF8F3;
}
.text ul, .text ol{
margin:1em auto;
padding-left:30px;
padding:10px 10px 10px 30px;
border: 1px solid #E8DBC1;
background: #FCF8F3;
color: #000;
}
.text ul.text-list, .text ol.text-list{
padding-left:30px;
padding:10px 10px 10px 30px;
border: 1px solid #E8DBC1;
background: #FCF8F3;
}
.text li{
padding-left:0;
}
.text .figure{
padding: 10px;
border: 1px solid #D7F0D8;
background: #EEF8ED;
border: 1px solid #D1D8ED;
background: #F2F4FB;
border: 1px solid #E8DBC1;
background: #FCF8F3;
}
.text .figcaption{
margin:.5em auto;
font-weight:bold;
}
.text .figbody img{
max-width:660px;
}
.text a{
color:#00f;
text-decoration:underline;
}
.text h3, .text h4{
margin:1em auto;
}
.text p{
margin:1em auto;
text-indent:2em;
}
.text dl{
margin:1em auto;
}
.text dt{
font-weight:bold;
}
.text dd{
padding-left:2em;
}
.text .section{
margin:1em auto;
border:1px solid #B65914;
border-radius:10px 10px 0 0;
}
.text .section-h{
margin:1px;
font-size:1em;
color:#fff;
padding:0 1em;
border-radius:9px 9px 0 0;
background-color: #B65914;
background: -webkit-linear-gradient(to top,#C29164,#B65914);
background: -moz-linear-gradient(to top,#C29164,#B65914);
background: -ms-linear-gradient(to top,#C29164,#B65914);
background: -o-linear-gradient(to top,#C29164,#B65914);
background: linear-gradient(to top,#C29164,#B65914);
}
/*.text .section li:nth-child(even){
background-color: #F9E7D9;
}
.text .section li:nth-child(odd){
background-color: #F0D4BE;
}*/
/* 鍥剧墖鍒楄〃 */
.bodyer .pic-list{
list-style:none;
height: 170px;
overflow:hidden;
width:666px;
}
ul.pic-list li{
float:left;
padding:0;
}
.pic-list .figure{
margin:auto;
}
.pic-list .figbody{
}
.pic-list img{
display:block;
margin:auto;
}
.pic-list .figcaption{
margin:auto 10px;
}
/**/
.fig-list-wrap{
text-align:center;
}
.fig-list-wrap .fig-list{
padding:3px;
/*border:none;
background:none;*/
text-align:center;
list-style: none;
}
.fig-list li {
vertical-align: top;
display:inline-block;
display:inline;
zoom:1;
}
.fig-list .figure {
margin: 3px;
padding:1px;
border: 1px solid #ccc;
background: #fff;
width: 110px;
border-radius:6px;
}
.fig-list .figbody {
display:block;
overflow:hidden;
margin:auto;
padding:0;
border:none;
width:100%;
height:80px;
border-radius:5px;
}
.fig-list .figbody img {
margin:auto;
/*width:100%;
height:auto;*/
}
.fig-list .figcaption {
margin:1px auto auto;
padding:.25em 0;
/*border-top:1px solid #ddd;*/
font-size:12px;
font-weight:normal;
}
.fig-caption-ellipsis .figcaption {
display:block;
overflow:hidden;
/* width: ; 蹇呴』璧嬪€� */
white-space:nowrap;
word-break:break-all; /* IE */
-webkit-text-overflow:ellipsis; /* Safari/chrome */
-o-text-overflow:ellipsis; /* Opera */
text-overflow:ellipsis; /* IE */
}
.fig-list-float .fig-list{
display: inline-block;
display:inline;
zoom:1;
}
.fig-list-float .fig-list li {
float:left;
}
.fig-li-float .fig-list .figure {
}
.fig-li-float .fig-list .figbody {
}
.fig-li-float .fig-list .figbody img {
}
.fig-li-float .fig-list .figcaption {
}
.sidebar .figure img{
max-width:140px;
}
.aside .figure img{
max-width:200px;
}
/* 琛ㄥ崟鍏冪礌 */
.topbar .input-text,
.header .input-text,
.topbar .input-password,
.header .input-password{
border-radius:0;
border:1px solid #999;
padding:0;
height:19px;
vertical-align:middle;
}
.button, .input-button, .input-submit{
vertical-align:middle;
}
/* 椤舵爮 */
.topbar{
position:relative;
z-index:9;
border-top: 3px solid #ff8500;
border-bottom: 1px solid #EDEEF0;
background-color: #FCFCFC;
-moz-box-shadow:2px 0 4px rgba(0, 0, 0, .1);
-webkit-box-shadow:2px 0 4px rgba(0, 0, 0, .1);
-o-box-shadow:2px 0 4px rgba(0, 0, 0, .1);
-ms-box-shadow:2px 0 4px rgba(0, 0, 0, .1);
box-shadow:2px 0 4px rgba(0, 0, 0, .1);
width:100%;
height:40px;
clear:both;
overflow:hidden;
/*
position:absolute;
top:0;
left:0;
z-index:9999;
border-top: 3px solid #F46336;
border-top: 3px solid #ff8500;
font-size:12px;
_position: absolute;
_top: expression(eval(document.documentElement.scrollTop));
*/
}
.topbar p{ display:inline; }
.topnav{
margin:auto;
padding:8px 0 0;
width:1000px;
}
/* */
.topbar .fieldset,
.header .fieldset{
padding:0;
}
#topLogin{
float:left;
}
#topLogin .fieldset,
#topLogin p.help{
float:left;
}
#topLogin .fieldset{
margin:auto 1em ;
}
#topLogin p.help{
line-height:22px;
}
.topbar label{
}
.topbar .input-text, .topbar .input-password{
width:100px;
}
.topbar .button{
border:1px solid #000;
border-color:#fff #000 #000 #fff;
background-color:#eee;
height:22px;
}
/* */
#topHelp{
float:right;
margin:4px auto auto;
}
#topHelp p.lang{
margin:auto 1em;
}
#topHelp .zh{
display:inline-block;
padding:0 3px;
border:1px solid #ccc;
background-color:#666;
color:#fff;
}
#topHelp .zh:hover{
text-decoration:none;
}
/* 椤甸鎼滅储 */
#headerSearch{
float:right;
clear:both;
width:310px;
width:262px;
padding:7px 7px 0;
width:300px;
height:30px;
border:1px solid #ccc;
border-radius:10px 10px 0;
background-color:#eee;
background:url(/img/index/nav-bg.png) repeat-x;
background: -webkit-linear-gradient(to top,#fff,#ddd);
background: -moz-linear-gradient(to top,#fff,#ddd);
background: -ms-linear-gradient(to top,#fff,#ddd);
background: -o-linear-gradient(to top,#fff,#ddd);
background: linear-gradient(to top,#fff,#ddd);
}
#headerSearch .fieldset{
display:inline;
margin:auto .5em;
}
#headerSearch .input-text,
#headerSearch .h_keyword,
#h_keyword{
float:left;
width:200px;
height:23px;
vertical-align:top;
}
#headerSearch .button,
#headerSearch .input-button,
#headerSearch .input-submit,
#headerSearch .h_btn_barcode,
#h_btn_barcode{
float:left;
margin:0;
border:1px solid #552313;
border-color:#F8997C #552313 #552313 #F8997C;
background:#F46336 url(/img/index/zoom-white.18.png) 50% 50% no-repeat;
width:25px;
height:25px;
overflow:hidden;
text-indent:-32767px;
}
#headerSearch .help{
float:right;
margin:4px .5em 0;
}
/* 瀵艰埅 */
.nav{
clear:left;
height:40px;
margin-top:-40px;
width:100%;
height:40px;
border-bottom:5px solid #002C6C;
}
.navList{
display:inline-block;
float:left;
width:680px;
white-space:nowrap;
font-size:14px;
}
.navList a{
display:block;
text-decoration:none;
cursor:pointer;
_float:left;
}
.navList a b{
display:block;
_float:left;
}
.navList li ul a,
.navList li ul a b{
_float:none;
}
.navList li{
position:relative;
}
.navList ul{
position:absolute;
padding:6px 0;
background-color:#039;
background-color:rgba(0, 51, 153, .9);
background-color:#039;
box-shadow:2px 2px 8px #000;
_top:100%;
_left:0;
_background-color:#039;
}
.navList ul,
.navList .li li,
.navList .li ul a b{
border-radius:10px 10px 0;
}
.nav .li_a,
.nav .li_a b{
border-radius:10px 10px 0 0;
}
.navList .li li ul{
top:0;
left:96%;
}
.navList .li ul a{
color:#fff;
}
.navList .li ul li{
}
.navList .li ul li:hover>a b, .navList .li ul li a:hover b{
background-color:#06C;
}
.navList .li ul a b{
padding:.5em 2em;
padding:0 2em;
height:30px;
line-height:30px;
color:#fff;
/*border-radius:10px 10px 0;*/
}
.nav .li{
float:left;
}
.nav .li:hover{
z-index:99;
}
.nav .li_a{
border:1px solid #ccc;
background:#eee;
background:url(/img/index/nav-bg.png) repeat-x;
background: -webkit-linear-gradient(to top,#fff,#ddd);
background: -moz-linear-gradient(to top,#fff,#ddd);
background: -ms-linear-gradient(to top,#fff,#ddd);
background: -o-linear-gradient(to top,#fff,#ddd);
background: linear-gradient(to top,#fff,#ddd);
}
.nav .li_a b{
padding:0 20px;
height:37px;
line-height:37px;
}
.nav .li_a:hover{
}
.nav .li:hover .li_a{
color:#fff;
background:#039;
background: -webkit-linear-gradient(to top,#06c,#039);
background: -moz-linear-gradient(to top,#06c,#039);
background: -ms-linear-gradient(to top,#06c,#039);
background: -o-linear-gradient(to top,#06c,#039);
background: linear-gradient(to top,#06c,#039);
}
.nav .li:hover .li_a b, .nav .li_a:hover b{
}
.navList ul{
display:none;
}
.nav .li:hover>ul, .nav .li li:hover>ul{
display:block;
}
.nav .li-hover{
z-index:9;
}
.nav .li-hover ul{
display:block;
}
.nav .li-hover ul ul{
display:none;
}
.nav li .li-hover ul{
display:block;
}
.navList ul li{
}
.navList ul a{
}
.navList ul a b{
}
.navList ul a:hover{
}
.navList ul a:hover b{
}
.nav_Home #nav_Home,
.nav_Org #nav_Org,
.nav_Business #nav_Business,
.nav_Service #nav_Service,
.nav_Application #nav_Application,
.nav_News #nav_News,
.nav_Knowledge #nav_Knowledge{
}
.nav_Home #nav_Home .li_a,
.nav_Org #nav_Org .li_a,
.nav_Business #nav_Business .li_a,
.nav_Service #nav_Service .li_a,
.nav_Application #nav_Application .li_a,
.nav_News #nav_News .li_a,
.nav_Knowledge #nav_Knowledge .li_a{
padding:1px;
border:none;
color:#fff;
background:#F46336;
background: -webkit-linear-gradient(to top,#F46336,#c30);
background: -moz-linear-gradient(to top,#F46336,#c30);
background: -ms-linear-gradient(to top,#F46336,#c30);
background: -o-linear-gradient(to top,#F46336,#c30);
background: linear-gradient(to top,#F46336,#c30);
/* background-color:#039;
background: -webkit-linear-gradient(to top,#06c,#039);
background: -moz-linear-gradient(to top,#06c,#039);
background: -ms-linear-gradient(to top,#06c,#039);
background: -o-linear-gradient(to top,#06c,#039);
background: linear-gradient(to top,#06c,#039);*/
}
.nav_Home #nav_Home .li_a b,
.nav_Org #nav_Org .li_a b,
.nav_Business #nav_Business .li_a b,
.nav_Service #nav_Service .li_a b,
.nav_Application #nav_Application .li_a b,
.nav_News #nav_News .li_a b,
.nav_Knowledge #nav_Knowledge .li_a b{
}
/* 渚ф爮鍒嗘敮鏈烘瀯 */
#aside_branch map div{
margin:1em;
line-height:2em;
text-align:center;
}
#aside_branch map div a{
display:inline-block;
margin:auto 3px;
white-space:nowrap;
}
/* Long description input */
.table-json .long-input { width:300px; }
input.long-input-100, .long-input-100 .long-input { width:100px; }
input.long-input-150, .long-input-150 .long-input { width:150px; }
input.long-input-200, .long-input-200 .long-input { width:200px; }
input.long-input-250, .long-input-250 .long-input { width:250px; }
input.long-input-300, .long-input-300 .long-input { width:300px; }
input.long-input-350, .long-input-350 .long-input { width:350px; }
input.long-input-400, .long-input-400 .long-input { width:400px; }
/* 椤甸潰寮瑰嚭閬僵 */
.w-mask {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:9999;
background-color:#000;
}
/* 閫傜敤榛戣壊鑳屾櫙 */
.loading, .loading-05043120{
background-image: url(/img/loading/0504314.gif);
background-position: 50% 50%;
background-repeat: no-repeat;
z-index:32767;
}
.w-mask-select-loading{
background:#000 url(/img/loading/0504314.gif) 50% 50% no-repeat;
z-index:9999;
}
/* 閫傜敤鐧借壊鑳屾櫙 */
.loading-05043120{
background-image: url(/img/loading/05043120.gif);
background-color:#fff;
}
/* 娓呴櫎娴姩 */
.clear{ clear:both; }
.clear-left{ clear:left; }
.clear-right{ clear:right; }
/* 璁剧疆瀹瑰櫒瀹藉害锛屽己鍒惰鍐呭厓绱犲湪瀹藉害鑼冨洿鍐呮姌琛� */
.pre-wrap {
display:block;
overflow: hidden;
/* width: ; */
white-space: pre; /* CSS2 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP printers */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}
/* 璁剧疆瀹瑰櫒瀹藉害锛屽己鍒惰鍐呭厓绱犲缁堝湪涓€琛屽唴鏄剧ず锛屾孩鍑洪殣钘� */
.ellipsis {
display:block;
overflow:hidden;
/* width: ; 蹇呴』璧嬪€� */
white-space:nowrap;
word-break:break-all; /* IE */
-webkit-text-overflow:ellipsis; /* Safari/chrome */
-o-text-overflow:ellipsis; /* Opera */
text-overflow:ellipsis; /* IE */
}
/* 缁熶竴鍒嗛〉鏍峰紡 */
#myPager, .pagination {
margin: 10px auto;
font-size:14px;
text-align:right;
background-color: #FEF4E7;
}
#myPager span, .pagination span { margin:auto 3px }
#myPager a, .pagination a {
text-decoration:none;
font-size:14px;
display:inline-block;
padding:0 5px;
border:1px solid #7F9DB9;
}
#myPager a:hover, .pagination a:hover {
border-color:#f60;
color:#f60;
text-decoration:underline;
}
/* 鍒嗛〉鏍峰紡鍚垎椤垫€绘暟缁熻 */
#myPager table, .pagination table {
border-top:none;
border-bottom-color:#fc0;
border:0;
background-color: #FEF4E7;
}
#myPager table tr, .pagination table tr { }
#myPager table td, .pagination table td { text-align:center }
#myPager table td.pageleft, .pagination table td.pageleft { vertical-align:middle }
#myPager table td.pageleft font, .pagination table td.pageleft font { margin-right:1em }
#shangpin{
width:736px;
/*height:677px;*/
}
#dianzi{
height:240px;
width:736px;
}
#quanqiu{
width:736px;
height:480px;
}
#weizhi{
width:736px;
height:170px;
}
#zixingche{
width:736px;
height:170px;
}
#dongwu{
width:736px;
height:185px;
}
#erwei{
width:736px;
height:280px;
}
#xiaofeizhe{
width:736px;
height:140px;
}
#ebxml{
width:736px;
height:210px;
}
#rfid{
width:736px;
height:190px;
}
#sidebar2{
float:right;
width:250px;
height:170px;
}
#KnowledgeSearch{
width:1000px;
height:140px;
}
/* 甯歌闂 閫氱敤鏍峰紡 by sam shen*/
#main .article-body h3{width:100%;height:30px;line-height:30px;background:#CCCC99;text-indent: 2em;}
#main .article-body{line-height:24px;background: #fff;}
#main .article-body dt{text-indent:8px;}
#main .date{float:right;}
li .date{float:right;margin-right:4px;}
li .author{float:left}
.console-panel{
position:fixed;
z-index:32767;
right:0;
top:0;
border:1px solid #000;
background-color:#fff;
background-color:rgba(255,255,255,.6);
filter:alpha(opacity=60);
_position:absolute;
}
.console-close, .console-clear{
overflow:hidden;
position:absolute;
top:0px;
right:0px;
z-index:9;
border:1px solid #ccc;
border-width:0 0 1px 1px;
width:16px;
height:16px;
line-height:normal;
background-color:#fff;
cursor:pointer;
text-align:center;
color:#ccc;
}
.console-close:hover, .console-clear:hover{
background-color:#f60;
color:#fff;
}
.console-clear{
right:17px;
}
.console-panel textarea{
position:relative;
overflow:auto;
width:300px;
height:300px;
background:none;
border:none;
}
.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;
}
/* CSS Document */
/* */
.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;
}
#fnav{
width:780px;
height:20px;
text-align:center;
}
#id1{
width:1000px;
height:240px;
overflow:hidden;
margin:0 auto;
margin-top:10px;
}
.style1{
font-size:large;
color:blue;
margin:0 auto;
text-align:right;
margin-top:5px;
}
.id2{
width:1000px;
height:2550px;
margin:0 auto;
margin-top:10px;
}
.id3{
width:250px;
height:200px;
float:left;
}
.sidebar1{
width:250px;
height:200px;
}
.id4{
width:740px;
height:2540px;
float:right;
border:1px solid #3A5FCD;
}
.title_txt{
font-size:medium;
color:black;
text-align:left;
text-indent:1em;
margin-top:20px;
}
.title_txt1 {
font-size:medium;
color:black;
text-align:left;
text-indent:1em;
margin-top:50px;
}
.txt{
width:700px;
height:620px;
margin:10px auto;
line-height:2em;
text-indent:2em;
font-size:small;
}
.txt2{
width:700px;
height:800px;
margin:10px auto;
line-height:2em;
text-indent:2em;
font-size:small;
}
.txt3{
width:700px;
height:880px;
margin:10px auto;
line-height:2em;
text-indent:2em;
font-size:small;
}
.img{
width:620px;
height:287px;
margin:10px auto;
}
.title_txt2{
font-size:small;
color:black;
text-align:left;
text-indent:1em;
}
</style>
\ No newline at end of file
src/views/topic/xiangma/changyi.vue 0 → 100644
<template>
<div style="background:#fff;">
<div id="id1" class="id1">
<div class="img1"><img src="./img/bg2.jpg" width="1000px;" height="200px"></div>
<div class="style1"><a href="/News/topic/xiangma">返回首页</a></div>
</div>
<div class="id2">
<h1 class="title_txt"><a href="javascript:void('0')" name="7" id="7" style="color:black;">中国零售业箱码应用倡议</a></h1>
<div class="txt">
<p>随着快速消费品行业信息化建设的逐渐推进，企业配送及仓储信息系统已初具规模。作为快速消费品领域产品物流自动化基础的箱码，是商品在流通过程中的唯一标识，是实现贸易信息化、标准化、便捷化的重要手段。箱码的使用满足了企业产品从生产到加工、运输、仓储、配送、零售、回收等供应链各环节自动化管理和信息交换的需要，同时，也是行业未来的发展方向。</p>
<p>目前，箱码在使用方面存在一些问题，如：箱码本身印制质量不合格，致使条码识读设备拒读或误读；一些生产企业未在产品外箱上印制箱码，致使下游企业人力成本居高不下等。这些问题大大降低了供应链的整体效率和企业自动化和信息化水平，增加了商品流通成本。因此，在产品外箱上采用符合相关国家标准要求的箱码已成为快速消费品行业的共识。 </p>
<p>为进一步满足我国零售业发展的需要，提升全行业供应链效率，我们发出以下<strong>倡议：</strong></p>
<div class="txt2">
<strong><p style=" text-indent:2em;">一、各生产企业要认真贯彻落实国家质量监督检验检疫总局颁布的《商品条码管理办法》，并依照国家标准《GB/T16830商品条码储运包装商品编码与条码表示》和《中国零售业箱码实施应用指南》的要求，设计、制作和使用箱码。</p>
<p style=" text-indent:2em;">二、各商业企业在商品交易、物流配送等过程中积极采用箱码，为企业实现自动化、现代化，以及发展电子商务打下良好基础。</p>
<p style="text-indent:2em;">三、各商业企业以身作则，认真把好进货环节，及时查验供货商箱码检验报告。在各省、市、地方物品编码管理机构协助和指导下，正确印制并使用箱码。</p>
<p style="text-indent:2em;">四、自倡议之日起，各商业企业鼓励供应商使用标准箱码，并优先采购有箱码的产品；对未使用箱码或箱码使用不标准、不合理的生产商、供应商，督促其改进。</p>
<p style="text-indent:2em;">五、自2015年1月1日零时起，各商业企业原则上不再采购、接收无箱码的商品。</p></strong>
</div>
<div class="imgbox">
<div class="img2"><img src="./img/tu3.jpg" width="260px;" height="190px;" style="float:left;"></div>
<div class="img2"><img src="./img/tu4.jpg" width="260px;" height="190px;" style="float:left;"></div>
<div class="img2"><img src="./img/14.jpg" width="260px;" height="190px;" style="float:left;"></div>
</div>
<div class="imgbox2">
<div class="img3"><img src="./img/图片12.jpg" width="400px;" height="320px;" style="float:left;">
<div class="txt3">
<p>左起：陆永喜（云南省玉溪市质量技术监督局 副局长）</p>
<p style="text-indent:70px;">秦家平（云南省玉溪百信集团有限公司 董事长）</p>
<p style="text-indent:70px;">郑晓斌（云南省标准化研究院 副院长）</p>
</div>
</div>
<div class="img3"><img src="./img/图片13.jpg" width="400px;" height="320px;" style="float:left;">
<div class="txt3">
<p>左起：邵文艳（云南之佳便利店有限公司 公共事务部经理）</p>
<p style="text-indent:70px;">林云付（云南省标准化研究院 院长）</p>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'detail',
data() {
return {
}
},
mounted(){
},
methods: {
}
}
</script>
<style lang="scss" scoped>
/* CSS Document */
/************* 榛樿鏍峰紡閲嶇疆 *************/
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;
}
table { /*border-collapse: collapse; border-spacing: 0;*/ }
img, abbr, acronym { border: 0; }
ol, ul { list-style:none outside; }
q:before, q:after { /*content:'';*/ }
a {
color:#002C6C;
text-decoration:none;
}
a:hover {
color:#c00;
text-decoration: underline;
}
/********* 鍏ㄥ眬 *********/
html {
height:100%;
background-color:#fff;
}
body {
font-size:12px;
/*_height:100%;
min-height:100%;*/
}
body, input, select, th, td, button {
font-family: "SimSun","瀹嬩綋","Arial Narrow",HELVETICA;
font-family: "Microsoft YaHei","寰蒋闆呴粦","瀹嬩綋","SimHei","榛戜綋";
}
/* 椤靛寘瑁� */
.wrapper{
margin:auto;
width:1000px;
}
/* 椤甸 */
.header{
padding:10px 0 20px;
background:url(/img/index/barcode-bg-x.h20.png) 0 100% repeat-x;
}
.header:after, .bodyer:after{
content:"";
display:block;
clear:both;
}
#logo{
float:left;
margin:20px auto 27px;
width:324px;
height:63px;
}
#logo a{
display:block;
width:100%;
height:100%;
text-indent:-32767px;
background:url(/img/logo.gif);
}
#banner{
float:right;
}
object#banner{
visibility:visible!important;
float:right;
margin:-18px auto -10px;
}
div#banner{
margin:auto auto 10px;
border-radius:10px;
width:630px;
height:100px;
color:#fff;
background-color:#039;
background: -webkit-linear-gradient(to left,#039,#06c,#039);
background: -moz-linear-gradient(to left,#039,#06c,#039);
background: -ms-linear-gradient(to left,#039,#06c,#039);
background: -o-linear-gradient(to left,#039,#06c,#039);
background: linear-gradient(to left,#039,#06c,#039);
}
div#banner p{
margin:20px;
text-align:center;
font-size:15px;
line-height:2em;
font-weight:bold;
}
/* 椤典綋 */
.bodyer{
margin:1em auto;
zoom:1;
}
.location{
margin:1em;
}
.location .channel{
font-weight:bold;
font-size:1em;
/*color:#F46336;*/
}
.article{
margin-bottom:10px;
border-radius:10px 10px 0 0;
border:1px solid #DBDEE1;
border:1px solid #039;
}
.article-h{
margin:1px;
color:#fff;
text-indent:1em;
font-size:1.2em;
line-height:2em;
background-color:#039;
background: -webkit-linear-gradient(to top,#06c,#039);
background: -moz-linear-gradient(to top,#06c,#039);
background: -ms-linear-gradient(to top,#06c,#039);
background: -o-linear-gradient(to top,#06c,#039);
background: linear-gradient(to top,#06c,#039);
border-radius:9px 9px 0 0;
}
.article-h a{
color:#fff;
}
.article ul, .article ol{
margin:1em auto;
line-height:2em;
list-style:inside disc;
color:#CCC;
}
.article ol{
list-style:inside decimal;
}
.article li, .article li{
padding-left:12px;
}
.section{
margin:1em;
border:1px solid #B65914;
border-radius:10px 10px 0 0;
}
.section-h{
font-size:1.2em;
color:#fff;
padding:0 1em;
line-height:2em;
border-radius:9px 9px 0 0;
background-color: #B65914;
background: -webkit-linear-gradient(to top,#C29164,#B65914);
background: -moz-linear-gradient(to top,#C29164,#B65914);
background: -ms-linear-gradient(to top,#C29164,#B65914);
background: -o-linear-gradient(to top,#C29164,#B65914);
background: linear-gradient(to top,#C29164,#B65914);
}
.section-h a{
color:#fff;
}
.section-body{
margin:1px;
}
.article .inline,
.article .section-inline *{
display:inline;
margin:0;
padding:0;
}
/* 渚ф爮 */
.sidebar{
_display:inline;
float:left;
margin-right:10px;
width:200px;
}
/* 鍓晶鏍� */
.aside{
float:right;
margin-left:10px;
width:300px;
}
/* 涓讳綋 */
.main{
overflow:hidden;
}
#sideNav ul, #sideNav ol {
margin:1px;
}
#sideNav ul ul, #sideNav ol ol {
padding-left:12px;
}
#sideNav li{
list-style:none;
margin-bottom:1px;
padding:0;
}
#sideNav li a{
display:block;
padding-left:20px;
border:1px solid #ccc;
border-width:1px 1px 0;
line-height:40px;
background-color:#eee;
background:url(/img/index/nav-bg.png) repeat-x;
background: -webkit-linear-gradient(to top,#fff,#ddd);
background: -moz-linear-gradient(to top,#fff,#ddd);
background: -ms-linear-gradient(to top,#fff,#ddd);
background: -o-linear-gradient(to top,#fff,#ddd);
background: linear-gradient(to top,#fff,#ddd);
}
#sideNav li:last-child a{
/*border-bottom:1px solid #ccc;*/
}
#sideNav li a:hover{
/*border-left:3px solid #C00;*/
background: -webkit-linear-gradient(to top,#ddd,#fff);
background: -moz-linear-gradient(to top,#ddd,#fff);
background: -ms-linear-gradient(to top,#ddd,#fff);
background: -o-linear-gradient(to top,#ddd,#fff);
background: linear-gradient(to top,#ddd,#fff);
}
#sideNav li.sn-current{
border-left:3px solid #C00!important;
color:#C00!important;
}
#sideNav li.sn-current>a{
color:#C00!important;
background: -webkit-linear-gradient(to top,#ddd,#fff)!important;
background: -moz-linear-gradient(to top,#ddd,#fff)!important;
background: -ms-linear-gradient(to top,#ddd,#fff)!important;
background: -o-linear-gradient(to top,#ddd,#fff)!important;
background: linear-gradient(to top,#ddd,#fff)!important;
}
.bodyer .main-list{
padding-left:20px;
font-size:14px;
line-height:2.5em;
color:#999;
}
.main-list li{
border-bottom:1px dashed #eee;
}
ul.type-link li,
ul.type-link-date li{
list-style:none;
padding-left:0;
}
ul.type-link-date li{
line-height:2.5em;
border-bottom:1px dashed #eee;
}
.main-list li:hover,
.type-link-date li:hover{
background:url(/img/table/row-gray-2.png) repeat-x;
}
.type-link-date li:after{
content:'';
display:block;
clear:both;
}
.type-link-date .type
.type-link-date .link
.type-link-date .date{
}
.type-link-date .type{
float:left;
padding:0 0 0 12px;
}
.type-link-date .link{
float:left;
}
.type-link-date .date{
float:right;
padding:0 12px;
color:#666;
}
/* 椤佃剼 */
.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;
}
.footer address{
font-style:normal;
}
/* 鍥句緥 */
.figure{
margin:1em auto;
text-align:center;
line-height:0;
/*width:168px;
height:178px;
overflow:hidden;*/
}
.figcaption{
line-height:normal;
}
.figbody{
display:inline-block;
padding:1px;
border:1px solid #999;
background-color:#fff;
line-height:normal;
}
.figure img{
display:block;
}
/* 姝ｆ枃 */
.text{
padding:20px 40px;
text-align:left;
font-size:14px;
line-height:2em;
}
.text h3{
display:list-item;
list-style: square;
font-size:16px;
color:#900;
border-bottom:1px solid #999;
}
.text-explain{
margin:1em auto;
padding:10px 10px 10px 30px;
color: #000;
border: 1px solid #E8DBC1;
background: #FCF8F3;
}
.text ul, .text ol{
margin:1em auto;
padding-left:30px;
padding:10px 10px 10px 30px;
border: 1px solid #E8DBC1;
background: #FCF8F3;
color: #000;
}
.text ul.text-list, .text ol.text-list{
padding-left:30px;
padding:10px 10px 10px 30px;
border: 1px solid #E8DBC1;
background: #FCF8F3;
}
.text li{
padding-left:0;
}
.text .figure{
padding: 10px;
border: 1px solid #D7F0D8;
background: #EEF8ED;
border: 1px solid #D1D8ED;
background: #F2F4FB;
border: 1px solid #E8DBC1;
background: #FCF8F3;
}
.text .figcaption{
margin:.5em auto;
font-weight:bold;
}
.text .figbody img{
max-width:660px;
}
.text a{
color:#00f;
text-decoration:underline;
}
.text h3, .text h4{
margin:1em auto;
}
.text p{
margin:1em auto;
text-indent:2em;
}
.text dl{
margin:1em auto;
}
.text dt{
font-weight:bold;
}
.text dd{
padding-left:2em;
}
.text .section{
margin:1em auto;
border:1px solid #B65914;
border-radius:10px 10px 0 0;
}
.text .section-h{
margin:1px;
font-size:1em;
color:#fff;
padding:0 1em;
border-radius:9px 9px 0 0;
background-color: #B65914;
background: -webkit-linear-gradient(to top,#C29164,#B65914);
background: -moz-linear-gradient(to top,#C29164,#B65914);
background: -ms-linear-gradient(to top,#C29164,#B65914);
background: -o-linear-gradient(to top,#C29164,#B65914);
background: linear-gradient(to top,#C29164,#B65914);
}
/*.text .section li:nth-child(even){
background-color: #F9E7D9;
}
.text .section li:nth-child(odd){
background-color: #F0D4BE;
}*/
/* 鍥剧墖鍒楄〃 */
.bodyer .pic-list{
list-style:none;
height: 170px;
overflow:hidden;
width:666px;
}
ul.pic-list li{
float:left;
padding:0;
}
.pic-list .figure{
margin:auto;
}
.pic-list .figbody{
}
.pic-list img{
display:block;
margin:auto;
}
.pic-list .figcaption{
margin:auto 10px;
}
/**/
.fig-list-wrap{
text-align:center;
}
.fig-list-wrap .fig-list{
padding:3px;
/*border:none;
background:none;*/
text-align:center;
list-style: none;
}
.fig-list li {
vertical-align: top;
display:inline-block;
display:inline;
zoom:1;
}
.fig-list .figure {
margin: 3px;
padding:1px;
border: 1px solid #ccc;
background: #fff;
width: 110px;
border-radius:6px;
}
.fig-list .figbody {
display:block;
overflow:hidden;
margin:auto;
padding:0;
border:none;
width:100%;
height:80px;
border-radius:5px;
}
.fig-list .figbody img {
margin:auto;
/*width:100%;
height:auto;*/
}
.fig-list .figcaption {
margin:1px auto auto;
padding:.25em 0;
/*border-top:1px solid #ddd;*/
font-size:12px;
font-weight:normal;
}
.fig-caption-ellipsis .figcaption {
display:block;
overflow:hidden;
/* width: ; 蹇呴』璧嬪€� */
white-space:nowrap;
word-break:break-all; /* IE */
-webkit-text-overflow:ellipsis; /* Safari/chrome */
-o-text-overflow:ellipsis; /* Opera */
text-overflow:ellipsis; /* IE */
}
.fig-list-float .fig-list{
display: inline-block;
display:inline;
zoom:1;
}
.fig-list-float .fig-list li {
float:left;
}
.fig-li-float .fig-list .figure {
}
.fig-li-float .fig-list .figbody {
}
.fig-li-float .fig-list .figbody img {
}
.fig-li-float .fig-list .figcaption {
}
.sidebar .figure img{
max-width:140px;
}
.aside .figure img{
max-width:200px;
}
/* 琛ㄥ崟鍏冪礌 */
.topbar .input-text,
.header .input-text,
.topbar .input-password,
.header .input-password{
border-radius:0;
border:1px solid #999;
padding:0;
height:19px;
vertical-align:middle;
}
.button, .input-button, .input-submit{
vertical-align:middle;
}
/* 椤舵爮 */
.topbar{
position:relative;
z-index:9;
border-top: 3px solid #ff8500;
border-bottom: 1px solid #EDEEF0;
background-color: #FCFCFC;
-moz-box-shadow:2px 0 4px rgba(0, 0, 0, .1);
-webkit-box-shadow:2px 0 4px rgba(0, 0, 0, .1);
-o-box-shadow:2px 0 4px rgba(0, 0, 0, .1);
-ms-box-shadow:2px 0 4px rgba(0, 0, 0, .1);
box-shadow:2px 0 4px rgba(0, 0, 0, .1);
width:100%;
height:40px;
clear:both;
overflow:hidden;
/*
position:absolute;
top:0;
left:0;
z-index:9999;
border-top: 3px solid #F46336;
border-top: 3px solid #ff8500;
font-size:12px;
_position: absolute;
_top: expression(eval(document.documentElement.scrollTop));
*/
}
.topbar p{ display:inline; }
.topnav{
margin:auto;
padding:8px 0 0;
width:1000px;
}
/* */
.topbar .fieldset,
.header .fieldset{
padding:0;
}
#topLogin{
float:left;
}
#topLogin .fieldset,
#topLogin p.help{
float:left;
}
#topLogin .fieldset{
margin:auto 1em ;
}
#topLogin p.help{
line-height:22px;
}
.topbar label{
}
.topbar .input-text, .topbar .input-password{
width:100px;
}
.topbar .button{
border:1px solid #000;
border-color:#fff #000 #000 #fff;
background-color:#eee;
height:22px;
}
/* */
#topHelp{
float:right;
margin:4px auto auto;
}
#topHelp p.lang{
margin:auto 1em;
}
#topHelp .zh{
display:inline-block;
padding:0 3px;
border:1px solid #ccc;
background-color:#666;
color:#fff;
}
#topHelp .zh:hover{
text-decoration:none;
}
/* 椤甸鎼滅储 */
#headerSearch{
float:right;
clear:both;
width:310px;
width:262px;
padding:7px 7px 0;
width:300px;
height:30px;
border:1px solid #ccc;
border-radius:10px 10px 0;
background-color:#eee;
background:url(/img/index/nav-bg.png) repeat-x;
background: -webkit-linear-gradient(to top,#fff,#ddd);
background: -moz-linear-gradient(to top,#fff,#ddd);
background: -ms-linear-gradient(to top,#fff,#ddd);
background: -o-linear-gradient(to top,#fff,#ddd);
background: linear-gradient(to top,#fff,#ddd);
}
#headerSearch .fieldset{
display:inline;
margin:auto .5em;
}
#headerSearch .input-text,
#headerSearch .h_keyword,
#h_keyword{
float:left;
width:200px;
height:23px;
vertical-align:top;
}
#headerSearch .button,
#headerSearch .input-button,
#headerSearch .input-submit,
#headerSearch .h_btn_barcode,
#h_btn_barcode{
float:left;
margin:0;
border:1px solid #552313;
border-color:#F8997C #552313 #552313 #F8997C;
background:#F46336 url(/img/index/zoom-white.18.png) 50% 50% no-repeat;
width:25px;
height:25px;
overflow:hidden;
text-indent:-32767px;
}
#headerSearch .help{
float:right;
margin:4px .5em 0;
}
/* 瀵艰埅 */
.nav{
clear:left;
height:40px;
margin-top:-40px;
width:100%;
height:40px;
border-bottom:5px solid #002C6C;
}
.navList{
display:inline-block;
float:left;
width:680px;
white-space:nowrap;
font-size:14px;
}
.navList a{
display:block;
text-decoration:none;
cursor:pointer;
_float:left;
}
.navList a b{
display:block;
_float:left;
}
.navList li ul a,
.navList li ul a b{
_float:none;
}
.navList li{
position:relative;
}
.navList ul{
position:absolute;
padding:6px 0;
background-color:#039;
background-color:rgba(0, 51, 153, .9);
background-color:#039;
box-shadow:2px 2px 8px #000;
_top:100%;
_left:0;
_background-color:#039;
}
.navList ul,
.navList .li li,
.navList .li ul a b{
border-radius:10px 10px 0;
}
.nav .li_a,
.nav .li_a b{
border-radius:10px 10px 0 0;
}
.navList .li li ul{
top:0;
left:96%;
}
.navList .li ul a{
color:#fff;
}
.navList .li ul li{
}
.navList .li ul li:hover>a b, .navList .li ul li a:hover b{
background-color:#06C;
}
.navList .li ul a b{
padding:.5em 2em;
padding:0 2em;
height:30px;
line-height:30px;
color:#fff;
/*border-radius:10px 10px 0;*/
}
.nav .li{
float:left;
}
.nav .li:hover{
z-index:99;
}
.nav .li_a{
border:1px solid #ccc;
background:#eee;
background:url(/img/index/nav-bg.png) repeat-x;
background: -webkit-linear-gradient(to top,#fff,#ddd);
background: -moz-linear-gradient(to top,#fff,#ddd);
background: -ms-linear-gradient(to top,#fff,#ddd);
background: -o-linear-gradient(to top,#fff,#ddd);
background: linear-gradient(to top,#fff,#ddd);
}
.nav .li_a b{
padding:0 20px;
height:37px;
line-height:37px;
}
.nav .li_a:hover{
}
.nav .li:hover .li_a{
color:#fff;
background:#039;
background: -webkit-linear-gradient(to top,#06c,#039);
background: -moz-linear-gradient(to top,#06c,#039);
background: -ms-linear-gradient(to top,#06c,#039);
background: -o-linear-gradient(to top,#06c,#039);
background: linear-gradient(to top,#06c,#039);
}
.nav .li:hover .li_a b, .nav .li_a:hover b{
}
.navList ul{
display:none;
}
.nav .li:hover>ul, .nav .li li:hover>ul{
display:block;
}
.nav .li-hover{
z-index:9;
}
.nav .li-hover ul{
display:block;
}
.nav .li-hover ul ul{
display:none;
}
.nav li .li-hover ul{
display:block;
}
.navList ul li{
}
.navList ul a{
}
.navList ul a b{
}
.navList ul a:hover{
}
.navList ul a:hover b{
}
.nav_Home #nav_Home,
.nav_Org #nav_Org,
.nav_Business #nav_Business,
.nav_Service #nav_Service,
.nav_Application #nav_Application,
.nav_News #nav_News,
.nav_Knowledge #nav_Knowledge{
}
.nav_Home #nav_Home .li_a,
.nav_Org #nav_Org .li_a,
.nav_Business #nav_Business .li_a,
.nav_Service #nav_Service .li_a,
.nav_Application #nav_Application .li_a,
.nav_News #nav_News .li_a,
.nav_Knowledge #nav_Knowledge .li_a{
padding:1px;
border:none;
color:#fff;
background:#F46336;
background: -webkit-linear-gradient(to top,#F46336,#c30);
background: -moz-linear-gradient(to top,#F46336,#c30);
background: -ms-linear-gradient(to top,#F46336,#c30);
background: -o-linear-gradient(to top,#F46336,#c30);
background: linear-gradient(to top,#F46336,#c30);
/* background-color:#039;
background: -webkit-linear-gradient(to top,#06c,#039);
background: -moz-linear-gradient(to top,#06c,#039);
background: -ms-linear-gradient(to top,#06c,#039);
background: -o-linear-gradient(to top,#06c,#039);
background: linear-gradient(to top,#06c,#039);*/
}
.nav_Home #nav_Home .li_a b,
.nav_Org #nav_Org .li_a b,
.nav_Business #nav_Business .li_a b,
.nav_Service #nav_Service .li_a b,
.nav_Application #nav_Application .li_a b,
.nav_News #nav_News .li_a b,
.nav_Knowledge #nav_Knowledge .li_a b{
}
/* 渚ф爮鍒嗘敮鏈烘瀯 */
#aside_branch map div{
margin:1em;
line-height:2em;
text-align:center;
}
#aside_branch map div a{
display:inline-block;
margin:auto 3px;
white-space:nowrap;
}
/* Long description input */
.table-json .long-input { width:300px; }
input.long-input-100, .long-input-100 .long-input { width:100px; }
input.long-input-150, .long-input-150 .long-input { width:150px; }
input.long-input-200, .long-input-200 .long-input { width:200px; }
input.long-input-250, .long-input-250 .long-input { width:250px; }
input.long-input-300, .long-input-300 .long-input { width:300px; }
input.long-input-350, .long-input-350 .long-input { width:350px; }
input.long-input-400, .long-input-400 .long-input { width:400px; }
/* 椤甸潰寮瑰嚭閬僵 */
.w-mask {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:9999;
background-color:#000;
}
/* 閫傜敤榛戣壊鑳屾櫙 */
.loading, .loading-05043120{
background-image: url(/img/loading/0504314.gif);
background-position: 50% 50%;
background-repeat: no-repeat;
z-index:32767;
}
.w-mask-select-loading{
background:#000 url(/img/loading/0504314.gif) 50% 50% no-repeat;
z-index:9999;
}
/* 閫傜敤鐧借壊鑳屾櫙 */
.loading-05043120{
background-image: url(/img/loading/05043120.gif);
background-color:#fff;
}
/* 娓呴櫎娴姩 */
.clear{ clear:both; }
.clear-left{ clear:left; }
.clear-right{ clear:right; }
/* 璁剧疆瀹瑰櫒瀹藉害锛屽己鍒惰鍐呭厓绱犲湪瀹藉害鑼冨洿鍐呮姌琛� */
.pre-wrap {
display:block;
overflow: hidden;
/* width: ; */
white-space: pre; /* CSS2 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP printers */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}
/* 璁剧疆瀹瑰櫒瀹藉害锛屽己鍒惰鍐呭厓绱犲缁堝湪涓€琛屽唴鏄剧ず锛屾孩鍑洪殣钘� */
.ellipsis {
display:block;
overflow:hidden;
/* width: ; 蹇呴』璧嬪€� */
white-space:nowrap;
word-break:break-all; /* IE */
-webkit-text-overflow:ellipsis; /* Safari/chrome */
-o-text-overflow:ellipsis; /* Opera */
text-overflow:ellipsis; /* IE */
}
/* 缁熶竴鍒嗛〉鏍峰紡 */
#myPager, .pagination {
margin: 10px auto;
font-size:14px;
text-align:right;
background-color: #FEF4E7;
}
#myPager span, .pagination span { margin:auto 3px }
#myPager a, .pagination a {
text-decoration:none;
font-size:14px;
display:inline-block;
padding:0 5px;
border:1px solid #7F9DB9;
}
#myPager a:hover, .pagination a:hover {
border-color:#f60;
color:#f60;
text-decoration:underline;
}
/* 鍒嗛〉鏍峰紡鍚垎椤垫€绘暟缁熻 */
#myPager table, .pagination table {
border-top:none;
border-bottom-color:#fc0;
border:0;
background-color: #FEF4E7;
}
#myPager table tr, .pagination table tr { }
#myPager table td, .pagination table td { text-align:center }
#myPager table td.pageto left, .pagination table td.pageleft { vertical-align:middle }
#myPager table td.pageleft font, .pagination table td.pageleft font { margin-right:1em }
#shangpin{
width:736px;
/*height:677px;*/
}
#dianzi{
height:240px;
width:736px;
}
#quanqiu{
width:736px;
height:480px;
}
#weizhi{
width:736px;
height:170px;
}
#zixingche{
width:736px;
height:170px;
}
#dongwu{
width:736px;
height:185px;
}
#erwei{
width:736px;
height:280px;
}
#xiaofeizhe{
width:736px;
height:140px;
}
#ebxml{
width:736px;
height:210px;
}
#rfid{
width:736px;
height:190px;
}
#sidebar2{
float:right;
width:250px;
height:170px;
}
#KnowledgeSearch{
width:1000px;
height:140px;
}
/* 甯歌闂 閫氱敤鏍峰紡 by sam shen*/
#main .article-body h3{width:100%;height:30px;line-height:30px;background:#CCCC99;text-indent: 2em;}
#main .article-body{line-height:24px;background: #fff;}
#main .article-body dt{text-indent:8px;}
#main .date{float:right;}
li .date{float:right;margin-right:4px;}
li .author{float:left}
.console-panel{
position:fixed;
z-index:32767;
right:0;
top:0;
border:1px solid #000;
background-color:#fff;
background-color:rgba(255,255,255,.6);
filter:alpha(opacity=60);
_position:absolute;
}
.console-close, .console-clear{
overflow:hidden;
position:absolute;
top:0px;
right:0px;
z-index:9;
border:1px solid #ccc;
border-width:0 0 1px 1px;
width:16px;
height:16px;
line-height:normal;
background-color:#fff;
cursor:pointer;
text-align:center;
color:#ccc;
}
.console-close:hover, .console-clear:hover{
background-color:#f60;
color:#fff;
}
.console-clear{
right:17px;
}
.console-panel textarea{
position:relative;
overflow:auto;
width:300px;
height:300px;
background:none;
border:none;
}
.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;
}
/* CSS Document */
/* */
.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;
}
#fnav{
width:780px;
height:20px;
text-align:center;
}
#id1{
width:1000px;
height:240px;
overflow:hidden;
margin:0 auto;
margin-top:10px;
}
.style1{
font-size:large;
color:blue;
margin:0 auto;
text-align:right;
margin-top:5px;
}
.id2{
width:1000px;
height:1240px;
margin:0 auto;
margin-top:10px;
border:1px solid #3A5FCD;
}
.title_txt{
font-size:x-large;
color:black;
text-align:center;
text-indent:2em;
margin-bottom:10px;
font-weight: bold;
margin-top:20px;
}
.txt{
width:950px;
height:1180px;
text-indent:2em;
line-height:2em;
margin:0 auto;
font-size:medium;
}
.txt2{
width:950px;
height:260px;
text-indent:2em;
line-height:2em;
margin:0 auto;
font-size:medium;
margin-top:8px;
}
.imgbox{
width:830px;
height:210px;
margin:10px auto;
border:1px solid #3A5FCD;
}
.img2{
width:260px;
height:190px;
margin:7px;
float:left;
}
.imgbox2{
width:830px;
height:430px;
margin:15px auto;
border:1px solid #3A5FCD;
}
.img3{
width:400px;
height:420px;
float:left;
margin:6px;
}
.txt3{
width:398px;
height:90px;
margin-top:2px;
float:left;
font-size:small;
}
</style>
\ No newline at end of file
src/views/topic/xiangma/xm.vue 0 → 100644
<template>
<div style="background:#fff;">
<div id="id1" class="id1">
<div class="img1"><img src="./img/bg2.jpg" width="1000px;" height="200px"></div>
<div class="style1"><a href="/News/topic/xiangma">返回首页</a></div>
</div>
<div class="id2">
<div class="id3">
<div id="sidebar" class="sidebar">
<!-- 侧导航 -->
<!-- 注意！这里请后台开发的同学替换成包含文件 -->
<div id="sideNav" class="article">
<h2 class="article-h">箱码专题</h2>
<ul>
<li><a href="/News/topic/xiangma/xm"><b>箱码 Case Code</b></a></li>
<ul>
<li><a href="/News/topic/xiangma/xm#1" style="color:#8B4513;"><b>箱码是什么</b></a></li>
<li><a href="/News/topic/xiangma/xm#2" style="color:#8B4513;"><b>办理箱码的流程</b></a></li>
</ul>
<li><a href="/News/topic/xiangma/xm"><b>编码方式</b></a></li>
<ul>
<li><a href="/News/topic/xiangma/xm#3" style="color:#8B4513;"><b>箱码怎么编</b></a></li>
</ul>
</ul>
</div>
</div>
</div>
<div class="id4">
<div class="title">
<h1 class="title_txt"><a href="javascript:void('0')" name="1" id="1" style="color:White;">箱码是什么</a></h1>
</div>
<div class="txt2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱码是商品外包装箱上使用的条码标识，是在商品订货、批发、配送及仓储等流通过程中应用的条码符号，专业术语称为储运包装商品条码（详见GB/T 16830-2008）或非零售商品条码。</div>
<div class="img">
<img src="./img/7_1.jpg" width="650px;" height="350px;" style="padding:10px;"></div>
<div class="title">
<h1 class="title_txt"><a href="javascript:void('0')" name="2" id="2" style="color:White;">办理箱码的流程</a></h1>
</div>
<div class="img2">
<img src="./img/图片8.png" width="620px;" height="500px;" style="padding:10px;"></div>
<div class="txt">企业使用箱码应遵循以下流程:<br>
&nbsp;&nbsp;&nbsp;&nbsp;(1) 条码系统成员是指已取得《中国商品条码系统成员》证书的企业；<br>
&nbsp;&nbsp;&nbsp;&nbsp;(2) 企业申请注册厂商识别代码需要在中国物品编码中心或企业所在地的中国物品编码中心分支机构办理相关手续。
</div>
<div class="title">
<h1 class="title_txt"><a href="javascript:void('0')" name="3" id="3" style="color:White;">箱码怎么编</a></h1>
</div>
<div class="img3">
<img src="./img/1.fw.png" width="620px;" height="680px;" style="margin:10px;">
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'detail',
data() {
return {
}
},
mounted(){
},
methods: {
}
}
</script>
<style lang="scss" scoped>
/* CSS Document */
/************* 榛樿鏍峰紡閲嶇疆 *************/
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;
}
table { /*border-collapse: collapse; border-spacing: 0;*/ }
img, abbr, acronym { border: 0; }
ol, ul { list-style:none outside; }
q:before, q:after { /*content:'';*/ }
a {
color:#002C6C;
text-decoration:none;
}
a:hover {
color:#c00;
text-decoration: underline;
}
/********* 鍏ㄥ眬 *********/
html {
height:100%;
background-color:#fff;
}
body {
font-size:12px;
/*_height:100%;
min-height:100%;*/
}
body, input, select, th, td, button {
font-family: "SimSun","瀹嬩綋","Arial Narrow",HELVETICA;
font-family: "Microsoft YaHei","寰蒋闆呴粦","瀹嬩綋","SimHei","榛戜綋";
}
/* 椤靛寘瑁� */
.wrapper{
margin:auto;
width:1000px;
}
/* 椤甸 */
.header{
padding:10px 0 20px;
background:url(/img/index/barcode-bg-x.h20.png) 0 100% repeat-x;
}
.header:after, .bodyer:after{
content:"";
display:block;
clear:both;
}
#logo{
float:left;
margin:20px auto 27px;
width:324px;
height:63px;
}
#logo a{
display:block;
width:100%;
height:100%;
text-indent:-32767px;
background:url(/img/logo.gif);
}
#banner{
float:right;
}
object#banner{
visibility:visible!important;
float:right;
margin:-18px auto -10px;
}
div#banner{
margin:auto auto 10px;
border-radius:10px;
width:630px;
height:100px;
color:#fff;
background-color:#039;
// background: -webkit-linear-gradient(left,#039,#06c,#039);
// background: -moz-linear-gradient(left,#039,#06c,#039);
// background: -ms-linear-gradient(left,#039,#06c,#039);
// background: -o-linear-gradient(left,#039,#06c,#039);
// background: linear-gradient(left,#039,#06c,#039);
}
div#banner p{
margin:20px;
text-align:center;
font-size:15px;
line-height:2em;
font-weight:bold;
}
/* 椤典綋 */
.bodyer{
margin:1em auto;
}
.location{
margin:1em;
}
.location .channel{
font-weight:bold;
font-size:1em;
/*color:#F46336;*/
}
.article{
margin-bottom:10px;
border-radius:10px 10px 0 0;
border:1px solid #DBDEE1;
border:1px solid #039;
}
.article-h{
margin:1px;
color:#fff;
text-indent:1em;
font-size:1.2em;
line-height:2em;
background-color:#039;
// background: -webkit-linear-gradient(to top,#06c,#039);
// background: -moz-linear-gradient(to top,#06c,#039);
// background: -ms-linear-gradient(to top,#06c,#039);
// background: -o-linear-gradient(to top,#06c,#039);
// background: linear-gradient(to top,#06c,#039);
border-radius:9px 9px 0 0;
}
.article-h a{
color:#fff;
}
.article ul, .article ol{
margin:1em auto;
line-height:2em;
list-style:inside disc;
color:#CCC;
}
.article ol{
list-style:inside decimal;
}
.article li, .article li{
padding-left:12px;
}
.section{
margin:1em;
border:1px solid #B65914;
border-radius:10px 10px 0 0;
}
.section-h{
font-size:1.2em;
color:#fff;
padding:0 1em;
line-height:2em;
border-radius:9px 9px 0 0;
background-color: #B65914;
// background: -webkit-linear-gradient(to top,#C29164,#B65914);
// background: -moz-linear-gradient(to top,#C29164,#B65914);
// background: -ms-linear-gradient(to top,#C29164,#B65914);
// background: -o-linear-gradient(to top,#C29164,#B65914);
// background: linear-gradient(to top,#C29164,#B65914);
}
.section-h a{
color:#fff;
}
.section-body{
margin:1px;
}
.article .inline,
.article .section-inline *{
display:inline;
margin:0;
padding:0;
}
/* 渚ф爮 */
.sidebar{
_display:inline;
float:left;
margin-right:10px;
width:200px;
}
/* 鍓晶鏍� */
.aside{
float:right;
margin-left:10px;
width:300px;
}
/* 涓讳綋 */
.main{
overflow:hidden;
}
#sideNav ul, #sideNav ol {
margin:1px;
}
#sideNav ul ul, #sideNav ol ol {
padding-left:12px;
}
#sideNav li{
list-style:none;
margin-bottom:1px;
padding:0;
}
#sideNav li a{
display:block;
padding-left:20px;
border:1px solid #ccc;
border-width:1px 1px 0;
line-height:40px;
background-color:#eee;
background:url(./img/nav-bg.png) repeat-x;
background: -webkit-linear-gradient(to top,#fff,#ddd);
background: -moz-linear-gradient(to top,#fff,#ddd);
background: -ms-linear-gradient(to top,#fff,#ddd);
background: -o-linear-gradient(to top,#fff,#ddd);
background: linear-gradient(to top,#fff,#ddd);
}
#sideNav li:last-child a{
/*border-bottom:1px solid #ccc;*/
}
#sideNav li a:hover{
/*border-left:3px solid #C00;*/
background: -webkit-linear-gradient(to top,#ddd,#fff);
background: -moz-linear-gradient(to top,#ddd,#fff);
background: -ms-linear-gradient(to top,#ddd,#fff);
background: -o-linear-gradient(to top,#ddd,#fff);
background: linear-gradient(to top,#ddd,#fff);
}
#sideNav li.sn-current{
border-left:3px solid #C00!important;
color:#C00!important;
}
#sideNav li.sn-current>a{
color:#C00!important;
background: -webkit-linear-gradient(to top,#ddd,#fff)!important;
background: -moz-linear-gradient(to top,#ddd,#fff)!important;
background: -ms-linear-gradient(to top,#ddd,#fff)!important;
background: -o-linear-gradient(to top,#ddd,#fff)!important;
background: linear-gradient(to top,#ddd,#fff)!important;
}
.bodyer .main-list{
padding-left:20px;
font-size:14px;
line-height:2.5em;
color:#999;
}
.main-list li{
border-bottom:1px dashed #eee;
}
ul.type-link li,
ul.type-link-date li{
list-style:none;
padding-left:0;
}
ul.type-link-date li{
line-height:2.5em;
border-bottom:1px dashed #eee;
}
.main-list li:hover,
.type-link-date li:hover{
background:url(/img/table/row-gray-2.png) repeat-x;
}
.type-link-date li:after{
content:'';
display:block;
clear:both;
}
.type-link-date .type
.type-link-date .link
.type-link-date .date{
}
.type-link-date .type{
float:left;
padding:0 0 0 12px;
}
.type-link-date .link{
float:left;
}
.type-link-date .date{
float:right;
padding:0 12px;
color:#666;
}
/* 椤佃剼 */
.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;
}
.footer address{
font-style:normal;
}
/* 鍥句緥 */
.figure{
margin:1em auto;
text-align:center;
line-height:0;
/*width:168px;
height:178px;
overflow:hidden;*/
}
.figcaption{
line-height:normal;
}
.figbody{
display:inline-block;
padding:1px;
border:1px solid #999;
background-color:#fff;
line-height:normal;
}
.figure img{
display:block;
}
/* 姝ｆ枃 */
.text{
padding:20px 40px;
text-align:left;
font-size:14px;
line-height:2em;
}
.text h3{
display:list-item;
list-style: square;
font-size:16px;
color:#900;
border-bottom:1px solid #999;
}
.text-explain{
margin:1em auto;
padding:10px 10px 10px 30px;
color: #000;
border: 1px solid #E8DBC1;
background: #FCF8F3;
}
.text ul, .text ol{
margin:1em auto;
padding-left:30px;
padding:10px 10px 10px 30px;
border: 1px solid #E8DBC1;
background: #FCF8F3;
color: #000;
}
.text ul.text-list, .text ol.text-list{
padding-left:30px;
padding:10px 10px 10px 30px;
border: 1px solid #E8DBC1;
background: #FCF8F3;
}
.text li{
padding-left:0;
}
.text .figure{
padding: 10px;
border: 1px solid #D7F0D8;
background: #EEF8ED;
border: 1px solid #D1D8ED;
background: #F2F4FB;
border: 1px solid #E8DBC1;
background: #FCF8F3;
}
.text .figcaption{
margin:.5em auto;
font-weight:bold;
}
.text .figbody img{
max-width:660px;
}
.text a{
color:#00f;
text-decoration:underline;
}
.text h3, .text h4{
margin:1em auto;
}
.text p{
margin:1em auto;
text-indent:2em;
}
.text dl{
margin:1em auto;
}
.text dt{
font-weight:bold;
}
.text dd{
padding-left:2em;
}
.text .section{
margin:1em auto;
border:1px solid #B65914;
border-radius:10px 10px 0 0;
}
.text .section-h{
margin:1px;
font-size:1em;
color:#fff;
padding:0 1em;
border-radius:9px 9px 0 0;
background-color: #B65914;
// background: -webkit-linear-gradient(to top,#C29164,#B65914);
// background: -moz-linear-gradient(to top,#C29164,#B65914);
// background: -ms-linear-gradient(to top,#C29164,#B65914);
// background: -o-linear-gradient(to top,#C29164,#B65914);
// background: linear-gradient(to top,#C29164,#B65914);
}
/*.text .section li:nth-child(even){
background-color: #F9E7D9;
}
.text .section li:nth-child(odd){
background-color: #F0D4BE;
}*/
/* 鍥剧墖鍒楄〃 */
.bodyer .pic-list{
list-style:none;
height: 170px;
overflow:hidden;
width:666px;
}
ul.pic-list li{
float:left;
padding:0;
}
.pic-list .figure{
margin:auto;
}
.pic-list .figbody{
}
.pic-list img{
display:block;
margin:auto;
}
.pic-list .figcaption{
margin:auto 10px;
}
/**/
.fig-list-wrap{
text-align:center;
}
.fig-list-wrap .fig-list{
padding:3px;
/*border:none;
background:none;*/
text-align:center;
list-style: none;
}
.fig-list li {
vertical-align: top;
display:inline-block;
}
.fig-list .figure {
margin: 3px;
padding:1px;
border: 1px solid #ccc;
background: #fff;
width: 110px;
border-radius:6px;
}
.fig-list .figbody {
display:block;
overflow:hidden;
margin:auto;
padding:0;
border:none;
width:100%;
height:80px;
border-radius:5px;
}
.fig-list .figbody img {
margin:auto;
/*width:100%;
height:auto;*/
}
.fig-list .figcaption {
margin:1px auto auto;
padding:.25em 0;
/*border-top:1px solid #ddd;*/
font-size:12px;
font-weight:normal;
}
.fig-caption-ellipsis .figcaption {
display:block;
overflow:hidden;
/* width: ; 蹇呴』璧嬪€� */
white-space:nowrap;
word-break:break-all; /* IE */
-webkit-text-overflow:ellipsis; /* Safari/chrome */
-o-text-overflow:ellipsis; /* Opera */
text-overflow:ellipsis; /* IE */
}
.fig-list-float .fig-list{
display: inline-block;
}
.fig-list-float .fig-list li {
float:left;
}
.fig-li-float .fig-list .figure {
}
.fig-li-float .fig-list .figbody {
}
.fig-li-float .fig-list .figbody img {
}
.fig-li-float .fig-list .figcaption {
}
.sidebar .figure img{
max-width:140px;
}
.aside .figure img{
max-width:200px;
}
/* 琛ㄥ崟鍏冪礌 */
.topbar .input-text,
.header .input-text,
.topbar .input-password,
.header .input-password{
border-radius:0;
border:1px solid #999;
padding:0;
height:19px;
vertical-align:middle;
}
.button, .input-button, .input-submit{
vertical-align:middle;
}
/* 椤舵爮 */
.topbar{
position:relative;
z-index:9;
border-top: 3px solid #ff8500;
border-bottom: 1px solid #EDEEF0;
background-color: #FCFCFC;
-moz-box-shadow:2px 0 4px rgba(0, 0, 0, .1);
-webkit-box-shadow:2px 0 4px rgba(0, 0, 0, .1);
-o-box-shadow:2px 0 4px rgba(0, 0, 0, .1);
-ms-box-shadow:2px 0 4px rgba(0, 0, 0, .1);
box-shadow:2px 0 4px rgba(0, 0, 0, .1);
width:100%;
height:40px;
clear:both;
overflow:hidden;
/*
position:absolute;
top:0;
left:0;
z-index:9999;
border-top: 3px solid #F46336;
border-top: 3px solid #ff8500;
font-size:12px;
_position: absolute;
_top: expression(eval(document.documentElement.scrollTop));
*/
}
.topbar p{ display:inline; }
.topnav{
margin:auto;
padding:8px 0 0;
width:1000px;
}
/* */
.topbar .fieldset,
.header .fieldset{
padding:0;
}
#topLogin{
float:left;
}
#topLogin .fieldset,
#topLogin p.help{
float:left;
}
#topLogin .fieldset{
margin:auto 1em ;
}
#topLogin p.help{
line-height:22px;
}
.topbar label{
}
.topbar .input-text, .topbar .input-password{
width:100px;
}
.topbar .button{
border:1px solid #000;
border-color:#fff #000 #000 #fff;
background-color:#eee;
height:22px;
}
/* */
#topHelp{
float:right;
margin:4px auto auto;
}
#topHelp p.lang{
margin:auto 1em;
}
#topHelp .zh{
display:inline-block;
padding:0 3px;
border:1px solid #ccc;
background-color:#666;
color:#fff;
}
#topHelp .zh:hover{
text-decoration:none;
}
/* 椤甸鎼滅储 */
#headerSearch{
float:right;
clear:both;
width:310px;
width:262px;
padding:7px 7px 0;
width:300px;
height:30px;
border:1px solid #ccc;
border-radius:10px 10px 0;
background-color:#eee;
background:url(/img/index/nav-bg.png) repeat-x;
// background: -webkit-linear-gradient(to top,#fff,#ddd);
// background: -moz-linear-gradient(to top,#fff,#ddd);
// background: -ms-linear-gradient(to top,#fff,#ddd);
// background: -o-linear-gradient(to top,#fff,#ddd);
// background: linear-gradient(to top,#fff,#ddd);
}
#headerSearch .fieldset{
display:inline;
margin:auto .5em;
}
#headerSearch .input-text,
#headerSearch .h_keyword,
#h_keyword{
float:left;
width:200px;
height:23px;
vertical-align:top;
}
#headerSearch .button,
#headerSearch .input-button,
#headerSearch .input-submit,
#headerSearch .h_btn_barcode,
#h_btn_barcode{
float:left;
margin:0;
border:1px solid #552313;
border-color:#F8997C #552313 #552313 #F8997C;
background:#F46336 url(/img/index/zoom-white.18.png) 50% 50% no-repeat;
width:25px;
height:25px;
overflow:hidden;
text-indent:-32767px;
}
#headerSearch .help{
float:right;
margin:4px .5em 0;
}
/* 瀵艰埅 */
.nav{
clear:left;
height:40px;
margin-top:-40px;
width:100%;
height:40px;
border-bottom:5px solid #002C6C;
}
.navList{
display:inline-block;
float:left;
width:680px;
white-space:nowrap;
font-size:14px;
}
.navList a{
display:block;
text-decoration:none;
cursor:pointer;
_float:left;
}
.navList a b{
display:block;
_float:left;
}
.navList li ul a,
.navList li ul a b{
_float:none;
}
.navList li{
position:relative;
}
.navList ul{
position:absolute;
padding:6px 0;
background-color:#039;
background-color:rgba(0, 51, 153, .9);
box-shadow:2px 2px 8px #000;
_top:100%;
_left:0;
_background-color:#039;
}
.navList ul,
.navList .li li,
.navList .li ul a b{
border-radius:10px 10px 0;
}
.nav .li_a,
.nav .li_a b{
border-radius:10px 10px 0 0;
}
.navList .li li ul{
top:0;
left:96%;
}
.navList .li ul a{
color:#fff;
}
.navList .li ul li{
}
.navList .li ul li:hover>a b, .navList .li ul li a:hover b{
background-color:#06C;
}
.navList .li ul a b{
padding:.5em 2em;
padding:0 2em;
height:30px;
line-height:30px;
color:#fff;
/*border-radius:10px 10px 0;*/
}
.nav .li{
float:left;
}
.nav .li:hover{
z-index:99;
}
.nav .li_a{
border:1px solid #ccc;
background:#eee;
background:url(/img/index/nav-bg.png) repeat-x;
// background: -webkit-linear-gradient(to top,#fff,#ddd);
// background: -moz-linear-gradient(to top,#fff,#ddd);
// background: -ms-linear-gradient(to top,#fff,#ddd);
// background: -o-linear-gradient(to top,#fff,#ddd);
// background: linear-gradient(to top,#fff,#ddd);
}
.nav .li_a b{
padding:0 20px;
height:37px;
line-height:37px;
}
.nav .li_a:hover{
}
.nav .li:hover .li_a{
color:#fff;
background:#039;
// background: -webkit-linear-gradient(to top,#06c,#039);
// background: -moz-linear-gradient(to top,#06c,#039);
// background: -ms-linear-gradient(to top,#06c,#039);
// background: -o-linear-gradient(to top,#06c,#039);
// background: linear-gradient(to top,#06c,#039);
}
.nav .li:hover .li_a b, .nav .li_a:hover b{
}
.navList ul{
display:none;
}
.nav .li:hover>ul, .nav .li li:hover>ul{
display:block;
}
.nav .li-hover{
z-index:9;
}
.nav .li-hover ul{
display:block;
}
.nav .li-hover ul ul{
display:none;
}
.nav li .li-hover ul{
display:block;
}
.navList ul li{
}
.navList ul a{
}
.navList ul a b{
}
.navList ul a:hover{
}
.navList ul a:hover b{
}
.nav_Home #nav_Home,
.nav_Org #nav_Org,
.nav_Business #nav_Business,
.nav_Service #nav_Service,
.nav_Application #nav_Application,
.nav_News #nav_News,
.nav_Knowledge #nav_Knowledge{
}
.nav_Home #nav_Home .li_a,
.nav_Org #nav_Org .li_a,
.nav_Business #nav_Business .li_a,
.nav_Service #nav_Service .li_a,
.nav_Application #nav_Application .li_a,
.nav_News #nav_News .li_a,
.nav_Knowledge #nav_Knowledge .li_a{
padding:1px;
border:none;
color:#fff;
background:#F46336;
// background: -webkit-linear-gradient(to top,#F46336,#c30);
// background: -moz-linear-gradient(to top,#F46336,#c30);
// background: -ms-linear-gradient(to top,#F46336,#c30);
// background: -o-linear-gradient(to top,#F46336,#c30);
// background: linear-gradient(to top,#F46336,#c30);
/* background-color:#039;
background: -webkit-linear-gradient(to top,#06c,#039);
background: -moz-linear-gradient(to top,#06c,#039);
background: -ms-linear-gradient(to top,#06c,#039);
background: -o-linear-gradient(to top,#06c,#039);
background: linear-gradient(to top,#06c,#039);*/
}
.nav_Home #nav_Home .li_a b,
.nav_Org #nav_Org .li_a b,
.nav_Business #nav_Business .li_a b,
.nav_Service #nav_Service .li_a b,
.nav_Application #nav_Application .li_a b,
.nav_News #nav_News .li_a b,
.nav_Knowledge #nav_Knowledge .li_a b{
}
/* 渚ф爮鍒嗘敮鏈烘瀯 */
#aside_branch map div{
margin:1em;
line-height:2em;
text-align:center;
}
#aside_branch map div a{
display:inline-block;
margin:auto 3px;
white-space:nowrap;
}
/* Long description input */
.table-json .long-input { width:300px; }
input.long-input-100, .long-input-100 .long-input { width:100px; }
input.long-input-150, .long-input-150 .long-input { width:150px; }
input.long-input-200, .long-input-200 .long-input { width:200px; }
input.long-input-250, .long-input-250 .long-input { width:250px; }
input.long-input-300, .long-input-300 .long-input { width:300px; }
input.long-input-350, .long-input-350 .long-input { width:350px; }
input.long-input-400, .long-input-400 .long-input { width:400px; }
/* 椤甸潰寮瑰嚭閬僵 */
.w-mask {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:9999;
background-color:#000;
// filter:alpha(opacity:60);
// -moz-opacity:0.6;
// opacity:0.6;
}
/* 閫傜敤榛戣壊鑳屾櫙 */
.loading, .loading-05043120{
background-image: url(/img/loading/0504314.gif);
background-position: 50% 50%;
background-repeat: no-repeat;
z-index:32767;
}
.w-mask-select-loading{
background:#000 url(/img/loading/0504314.gif) 50% 50% no-repeat;
z-index:9999;
}
/* 閫傜敤鐧借壊鑳屾櫙 */
.loading-05043120{
background-image: url(/img/loading/05043120.gif);
background-color:#fff;
}
/* 娓呴櫎娴姩 */
.clear{ clear:both; }
.clear-left{ clear:left; }
.clear-right{ clear:right; }
/* 璁剧疆瀹瑰櫒瀹藉害锛屽己鍒惰鍐呭厓绱犲湪瀹藉害鑼冨洿鍐呮姌琛� */
.pre-wrap {
display:block;
overflow: hidden;
/* width: ; */
white-space: pre; /* CSS2 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP printers */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}
/* 璁剧疆瀹瑰櫒瀹藉害锛屽己鍒惰鍐呭厓绱犲缁堝湪涓€琛屽唴鏄剧ず锛屾孩鍑洪殣钘� */
.ellipsis {
display:block;
overflow:hidden;
/* width: ; 蹇呴』璧嬪€� */
white-space:nowrap;
word-break:break-all; /* IE */
-webkit-text-overflow:ellipsis; /* Safari/chrome */
-o-text-overflow:ellipsis; /* Opera */
text-overflow:ellipsis; /* IE */
}
/* 缁熶竴鍒嗛〉鏍峰紡 */
#myPager, .pagination {
margin: 10px auto;
font-size:14px;
text-align:right;
background-color: #FEF4E7;
}
#myPager span, .pagination span { margin:auto 3px }
#myPager a, .pagination a {
text-decoration:none;
font-size:14px;
display:inline-block;
padding:0 5px;
border:1px solid #7F9DB9;
}
#myPager a:hover, .pagination a:hover {
border-color:#f60;
color:#f60;
text-decoration:underline;
}
/* 鍒嗛〉鏍峰紡鍚垎椤垫€绘暟缁熻 */
#myPager table, .pagination table {
border-top:none;
border-bottom-color:#fc0;
border:0;
background-color: #FEF4E7;
}
#myPager table tr, .pagination table tr { }
#myPager table td, .pagination table td { text-align:center }
#myPager table td.pageleft, .pagination table td.pageleft { vertical-align:middle }
#myPager table td.pageleft font, .pagination table td.pageleft font { margin-right:1em }
#shangpin{
width:736px;
/*height:677px;*/
}
#dianzi{
height:240px;
width:736px;
}
#quanqiu{
width:736px;
height:480px;
}
#weizhi{
width:736px;
height:170px;
}
#zixingche{
width:736px;
height:170px;
}
#dongwu{
width:736px;
height:185px;
}
#erwei{
width:736px;
height:280px;
}
#xiaofeizhe{
width:736px;
height:140px;
}
#ebxml{
width:736px;
height:210px;
}
#rfid{
width:736px;
height:190px;
}
#sidebar2{
float:right;
width:250px;
height:170px;
}
#KnowledgeSearch{
width:1000px;
height:140px;
}
/* 甯歌闂 閫氱敤鏍峰紡 by sam shen*/
#main .article-body h3{width:100%;height:30px;line-height:30px;background:#CCCC99;text-indent: 2em;}
#main .article-body{line-height:24px;background: #fff;}
#main .article-body dt{text-indent:8px;}
#main .date{float:right;}
li .date{float:right;margin-right:4px;}
li .author{float:left}
.console-panel{
position:fixed;
z-index:32767;
right:0;
top:0;
border:1px solid #000;
background-color:#fff;
background-color:rgba(255,255,255,.6);
filter:alpha(opacity=60);
_position:absolute;
}
.console-close, .console-clear{
overflow:hidden;
position:absolute;
top:0px;
right:0px;
z-index:9;
border:1px solid #ccc;
border-width:0 0 1px 1px;
width:16px;
height:16px;
line-height:normal;
background-color:#fff;
cursor:pointer;
text-align:center;
color:#ccc;
}
.console-close:hover, .console-clear:hover{
background-color:#f60;
color:#fff;
}
.console-clear{
right:17px;
}
.console-panel textarea{
position:relative;
overflow:auto;
width:300px;
height:300px;
background:none;
border:none;
}
.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;
}
/* CSS Document */
/* */
.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;
}
#fnav{
width:780px;
height:20px;
text-align:center;
}
#id1{
width:1000px;
height:240px;
overflow:hidden;
margin:0 auto;
margin-top:10px;
}
.style1{
font-size:large;
color:blue;
margin:0 auto;
text-align:right;
margin-top:5px;
}
.id2{
width:1000px;
height:1900px;
margin:0 auto;
margin-top:10px;
}
.id3{
width:200px;
height:240px;
float:left;
}
.id4{
width:775px;
height:1890px;
float:right;
border:1px solid #3A5FCD;
}
.img{
width:660px;
height:380px;
margin:0 auto;
margin-top:10px;
border:1px solid #3A5FCD;
}
.img2{
width:640px;
height:510px;
margin:0 auto;
margin-top:10px;
border:1px solid #3A5FCD;
}
.title{
background-image:url(./img/2.jpg);
height: 25px;
width:200px;
overflow: hidden;
margin-left:30px;
margin-top:10px;
}
.title_txt{
font-size:medium;
color:white;
text-align:left;
text-indent:1em;
font-weight: bold;
}
.title_txt2{
font-size:medium;
color:white;
text-align:left;
text-indent:2em;
}
.txt{
line-height:2em;
font-size:small;
width:640px;
height:100px;
margin:0 auto;
}
.txt2{
line-height:2em;
font-size:small;
width:640px;
height:50px;
margin:0 auto;
}
.img3{
width:640px;
height:700px;
margin:0 auto;
margin-top:10px;
border:1px solid #3A5FCD;
}
</style>
\ No newline at end of file
src/views/topic/zly2013.vue
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<div class="id-left-1"> <div class="id-left-1">
<div class="id-left-1-1"> <div class="id-left-1-1">
<img src="./img/zly.jpg" width="316px;" height="196px;" style="margin-top:2px; margin-left:4px;"> <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> <p style="text-align:center; font-size:13px;"><strong>中国物品编码中心2013年"质量月"宣传活动</strong></p>
</div> </div>
<div class="id-left-1-2"> <div class="id-left-1-2">
<div class="title"> <div class="title">
...@@ -17,11 +17,11 @@ ...@@ -17,11 +17,11 @@
</div> </div>
<div class="txt-box"> <div class="txt-box">
<ul> <ul>
<p><img src="./img/201333.jpg" width="10px;" height="10px;" style="margin-left:2px;">&nbsp;&nbsp;<a href="http://www.gs1cn.org/News/msg?id=7042" target="_blank" title="中国物品编码中心青海分中心开展质量月系列活动" style="font-size:small; ">中国物品编码中心青海分中心开展质量月系列活动</a></p><a href="http://www.gs1cn.org/News/msg?id=7042" target="_blank" title="中国物品编码中心青海分中心开展质量月系列活动" style="font-size:small; "> <p><img src="./img/201333.jpg" width="10px;" height="10px;" style="margin-left:2px;">&nbsp;&nbsp;<a href="http://www.gs1cn.org/News/msg?id=7042" target="_blank" title="中国物品编码中心青海分中心开展质量月系列活动" style="font-size:13px; ">中国物品编码中心青海分中心开展质量月系列活动</a></p><a href="http://www.gs1cn.org/News/msg?id=7042" target="_blank" title="中国物品编码中心青海分中心开展质量月系列活动" style="font-size:13px; ">
</a><p style="margin-top:10px;"><a href="http://www.gs1cn.org/News/msg?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/msg?id=7032" target="_blank" title="中国物品编码中心大连办事处积极参与“标准进万家”宣传活动">中国物品编码中心大连办事处积极参与“标准进万家”宣传活动</a></p><a href="http://www.gs1cn.org/News/msg?id=7032" target="_blank" title="中国物品编码中心大连办事处积极参与“标准进万家”宣传活动"> </a><p style="margin-top:10px;"><a href="http://www.gs1cn.org/News/msg?id=7042" target="_blank" title="中国物品编码中心青海分中心开展质量月系列活动" style="font-size:13px; "><img src="./img/201333.jpg" width="10px;" height="10px;" style="margin-left:2px;">&nbsp;&nbsp;</a><a href="http://www.gs1cn.org/News/msg?id=7032" target="_blank" style="font-size:13px; " title="中国物品编码中心大连办事处积极参与“标准进万家”宣传活动">中国物品编码中心大连办事处积极参与“标准进万家”宣传活动</a></p><a href="http://www.gs1cn.org/News/msg?id=7032" target="_blank" title="中国物品编码中心大连办事处积极参与“标准进万家”宣传活动" style="font-size:13px; ">
</a><p style="margin-top:10px;"><a href="http://www.gs1cn.org/News/msg?id=7032" target="_blank" title="中国物品编码中心大连办事处积极参与“标准进万家”宣传活动"><img src="./img/201333.jpg" width="10px;" height="10px;" style="margin-left:2px;">&nbsp;&nbsp;</a><a href="http://www.gs1cn.org/News/msg?id=7016" 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="http://www.gs1cn.org/News/msg?id=7032" target="_blank" title="中国物品编码中心大连办事处积极参与“标准进万家”宣传活动"><img src="./img/201333.jpg" width="10px;" height="10px;" style="margin-left:2px;">&nbsp;&nbsp;</a><a href="http://www.gs1cn.org/News/msg?id=7016" target="_blank" title="中国物品编码中心四川分中心走进社区进行条码知识宣传" style="font-size:13px; ">中国物品编码中心四川分中心走进社区进行条码知识宣传</a></p><a href="" target="_blank" title="中国物品编码中心四川分中心走进社区进行条码知识宣传" style="font-size:13px; ">
</a><p style="margin-top:10px;"><a href="http://www.gs1cn.org/News/msg?id=7016" 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/msg?id=7013" target="_blank" title="中国物品编码中心甘肃分中心积极参与2013年全国质量月甘肃宣传咨询服务活动" style="font-size:small; ">中国物品编码中心甘肃分中心积极参与2013年全国质量月...</a></p> </a><p style="margin-top:10px;"><a href="http://www.gs1cn.org/News/msg?id=7016" target="_blank" title="中国物品编码中心四川分中心走进社区进行条码知识宣传" style="font-size:13px; "><img src="./img/201333.jpg" width="10px;" height="10px;" style="margin-left:2px;">&nbsp;&nbsp;</a><a href="http://www.gs1cn.org/News/msg?id=7013" target="_blank" title="中国物品编码中心甘肃分中心积极参与2013年全国质量月甘肃宣传咨询服务活动" style="font-size:13px; ">中国物品编码中心甘肃分中心积极参与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/msg?id=7006" target="_blank" title="中国物品编码中心内蒙古分中心开展商品条码执法检查" style="font-size:small; ">中国物品编码中心内蒙古分中心开展商品条码执法检查</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/msg?id=7006" target="_blank" title="中国物品编码中心内蒙古分中心开展商品条码执法检查" style="font-size:13px; ">中国物品编码中心内蒙古分中心开展商品条码执法检查</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> <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> </ul>
...@@ -71,7 +71,7 @@ ...@@ -71,7 +71,7 @@
<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/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/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.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> <a><img src="./img/zxtg1.jpg" style="margin-top:12px;"></a>
</div> </div>
</div> </div>
...@@ -83,19 +83,19 @@ ...@@ -83,19 +83,19 @@
</div> </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> <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"> <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;"><a href="http://www.gs1cn.org/2013/dqjy/" target="_blank" style="font-size:13px;">党的群众路线教育实践活动</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/topic/tiaomajidi" target="_blank" style="font-size:13px;">商品条码与编码——全球通用的标准...</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/2011/tiaoma2011/index.html" target="_blank" style="font-size:13px;">条码加速电子商务发展</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/News/topic/xiangma" target="_blank" style="font-size:13px;">箱码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/2012zly/index.html" target="_blank" style="font-size:13px;">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/2012/315-web/index.html" target="_blank" style="font-size:13px;">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> <li style="color:#cc9; margin-top:6px;"><a href="http://www.gs1cn.org/2011/GS1Apf/index.html" target="_blank" style="font-size:13px;">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"> <p style="float:right; margin-top:4px; "><a href="http://www.gs1cn.org/News/DepthTopics" target="_blank"><strong>更多&gt;&gt;</strong></a></p><a href="http://www.gs1cn.org/News/DepthTopics" 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" 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" 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" 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" target="_blank">
...@@ -363,13 +363,13 @@ background:url(./img/201312.jpg); ...@@ -363,13 +363,13 @@ background:url(./img/201312.jpg);
.title2{ .title2{
width:696px; width:696px;
height:22px; height:25px;
background:url(./img/20137.jpg); background:url(./img/20137.jpg);
} }
.title3{ .title3{
width:696px; width:696px;
height:22px; height:25px;
background:url(./img/20137.jpg); background:url(./img/20137.jpg);
} }
...@@ -378,7 +378,7 @@ background:url(./img/201312.jpg); ...@@ -378,7 +378,7 @@ background:url(./img/201312.jpg);
text-indent:26px; text-indent:26px;
width:690px; width:690px;
height:78px; height:78px;
font-size:small; font-size:13px;
line-height:2em; line-height:2em;
margin-left:10px; margin-left:10px;
} }
...@@ -388,7 +388,7 @@ background:url(./img/201312.jpg); ...@@ -388,7 +388,7 @@ background:url(./img/201312.jpg);
text-indent:26px; text-indent:26px;
width:688px; width:688px;
height:60px; height:60px;
font-size:small; font-size:13px;
line-height:2em; line-height:2em;
margin-left:10px; margin-left:10px;
} }
...@@ -423,6 +423,11 @@ hr{border:1px #cccccc dashed} ...@@ -423,6 +423,11 @@ hr{border:1px #cccccc dashed}
margin:0 auto; margin:0 auto;
margin-top:18px; margin-top:18px;
} }
.txt-box p{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.txt-box1{ .txt-box1{
width:233px; width:233px;
......
src/views/topic/zly2015.vue
...@@ -175,11 +175,11 @@ ...@@ -175,11 +175,11 @@
<img src="./img/ancc-25-years.jpg"> <img src="./img/ancc-25-years.jpg">
</div> </div>
<div class="tiaomajidi"> <div class="tiaomajidi">
<a href="http://www.gs1cn.org/2013/tiaomajidi/index.aspx" target="_blank"> <a href="http://www.gs1cn.org/topic/tiaomajidi" target="_blank">
<img src="./img/tmjd.png" title="商品条码与编码"></a> <img src="./img/tmjd.png" title="商品条码与编码"></a>
</div> </div>
<div class="zxtg"> <div class="zxtg">
<a href="http://www.gs1cn.org/Member/login.aspx?RefUrl=http://www.gs1cn.org/News/contribute.aspx" target="_blank"> <a >
<img src="./img/zxtg2.png" title="在线投稿"></a> <img src="./img/zxtg2.png" title="在线投稿"></a>
</div> </div>
</div> </div>
......
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