Skip to content

G
gs1
Commit ec7d4c0d by 林家欣
Options

机构概况下成员网站切图完成

parent ff02318f
Showing with 627 additions and 1 deletions
src/components/layout/header/mock.js
......@@ -69,12 +69,22 @@ export const nav = [
index: 0,
link: "/Org/Branch",
breadcrumb: [
{name: "机构概况", path: "/service"},
{name: "机构概况", path: "/Org"},
{name: "地方编码分支机构"},
],
},
{
id: uuid("gs_nav"),
name: "国际物品编码组织（GS1）成员网站",
index: 0,
link: "/Org/GS1Members",
breadcrumb: [
{name: "机构概况", path: "/Org"},
{name: "国际物品编码组织（GS1）成员网站"},
],
},
{
id: uuid("gs_nav"),
name: "质量管理体系",
index: 2,
link: "/Org/ISO",
......
src/router/index.js
......@@ -82,6 +82,14 @@ const routes = [
component: () => import("@/views/Org/Branch.vue"),
},
{
path: "/Org/GS1Members",
name: "GS1Members",
meta: {
name: "国际物品编码组织（GS1）成员网站",
},
component: () => import("@/views/Org/GS1Members.vue"),
},
{
path: "/Org/ISO",
name: "ISO",
meta: {
......
src/views/Org/GS1Members.vue 0 → 100644
<template>
<div class="branch">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li
class="nav-item"
role="presentation"
v-for="(tmp, i) in tabs"
:key="i"
>
<button
:class="['nav-link', { active: i === 0 }]"
:id="tmp.id"
data-bs-toggle="tab"
data-bs-target="#home"
type="button"
role="tab"
aria-controls="home"
aria-selected="true"
@click="handelTab(i)"
>
{{ tmp.name }}
</button>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div
:class="['tab-pane', 'fade', {'show': i===0}, {'active': i===0}]"
id="home"
role="tabpanel"
:aria-labelledby="tmp.id"
v-for="(tmp, i) in tabs"
:key="i"
>
<cywz :list="currentList" :key="updateKey"/>
</div>
</div>
</div>
</template>
<script>
import cywz from "./comps/cywz.vue";
export default {
components: {
cywz,
},
data() {
return {
currentList: [],
updateKey: new Date().getTime(),
tabs: [
{
id: "ouzhou",
name: "欧洲(39)",
list: [
{
name: '阿尔巴尼亚',
url: 'http://www.gs1al.org/'
},
{
name: '德国',
url: 'http://www.gs1-germany.de'
},
{
name: '波兰',
url: 'http://www.gs1pl.org'
},
{
name: '奥地利',
url: 'http://www.gs1.at/'
},
{
name: '希腊',
url: 'http://www.gs1gr.org'
},
{
name: '葡萄牙',
url: 'http://www.gs1pt.org/'
},
{
name: '白俄罗斯',
url: 'http://www.ean.by'
},
{
name: '匈牙利',
url: 'http://www.gs1hu.org/'
},
{
name: '罗马尼亚',
url: 'http://www.gs1.ro'
},
{
name: '比利时',
url: 'http://www.gs1belu.org'
},
{
name: '冰岛',
url: 'http://www.gs1.is'
},
{
name: '俄国',
url: 'http://www.gs1ru.org'
},
{
name: '波黑',
url: 'http://www.gs1.ba'
},
{
name: '爱尔兰',
url: 'http://www.gs1.ie/'
},
{
name: '塞尔维亚和黑山',
url: 'http://www.gs1yu.org'
},
{
name: '保加利亚',
url: 'http://www.gs1bg.org'
},
{
name: '意大利',
url: 'http://gs1it.org/'
},
{
name: '斯洛伐克',
url: 'http://www.gs1sk.org'
},
{
name: '克罗地亚',
url: 'http://www.gs1hr.org'
},
{
name: '拉脱维亚',
url: 'http://www.gs1lv.org'
},
{
name: '斯洛文尼亚',
url: 'http://www.gs1si.org'
},
{
name: '塞浦路斯',
url: 'http://www.gs1cy.org'
},
{
name: '立陶宛',
url: 'http://www.chambers.lt'
},
{
name: '西班牙',
url: 'http://www.aecoc.es/'
},
{
name: '捷克共和国',
url: 'http://www.gs1cz.org/'
},
{
name: '马其顿',
url: 'http://www.mchamber.org.mk'
},
{
name: '瑞典',
url: 'http://www.gs1.se'
},
{
name: '丹麦',
url: 'http://www.gs1.dk'
},
{
name: '马耳他',
url: 'http://www.gs1mt.org'
},
{
name: '瑞士',
url: 'http://www.gs1.ch'
},
{
name: '爱沙尼亚',
url: 'http://www.gs1.ee'
},
{
name: '摩尔多瓦',
url: 'http://www.gs1md.org'
},
{
name: '土耳其',
url: 'http://www.gs1tr.org'
},
{
name: '芬兰',
url: 'http://www.gs1.fi'
},
{
name: '荷兰',
url: 'http://www.gs1.nl'
},
{
name: '乌克兰',
url: 'http://www.gs1ua.org'
},
{
name: '法国',
url: 'http://www.gs1.fr'
},
{
name: '挪威',
url: 'http://www.gs1.no'
},
{
name: '英国',
url: 'http://www.gs1uk.org'
},
],
},
{
id: "yatai",
name: "亚太(27)",
list: [
{
name: '亚美尼亚',
url: 'http://www.gs1am.org'
},
{
name: '日本',
url: 'http://www.gs1jp.org/'
},
{
name: '巴基斯坦',
url: 'http://www.gs1.org/'
},
{
name: '澳洲',
url: 'http://www.gs1au.org/'
},
{
name: '哈萨克斯坦',
url: 'http://www.gs1.kz'
},
{
name: '菲律宾',
url: 'http://www.gs1ph.org'
},
{
name: '阿塞拜疆',
url: 'http://www.gs1az.org/'
},
{
name: '朝鲜',
url: ''
},
{
name: '新加坡',
url: 'http://www.gs1.org.sg'
},
{
name: '柬埔寨',
url: 'http://www.gs1.org'
},
{
name: '韩国',
url: 'http://www.gs1kr.org/'
},
{
name: '斯里兰卡',
url: 'http://www.gs1.org'
},
{
name: '中国',
url: 'http://www.gs1cn.org'
},
{
name: '吉尔吉斯斯坦',
url: 'http://www.gs1kg.org/'
},
{
name: '中华台北',
url: 'http://www.gs1tw.org'
},
{
name: '佐治亚',
url: 'http://www.gs1ge.org'
},
{
name: '中国澳门',
url: 'http://www.gs1mo.org'
},
{
name: '塔吉克斯坦',
url: 'http://www.gs1.org/'
},
{
name: '中国香港',
url: 'http://www.gs1hk.org'
},
{
name: '马来西亚',
url: 'http://www.gs1my.org'
},
{
name: '泰国',
url: 'http://www.gs1thailand.org/'
},
{
name: '印度',
url: 'http://www.gs1india.org'
},
{
name: '蒙古',
url: 'http://www.gs1.org'
},
{
name: '乌兹别克斯坦',
url: 'http://www.gs1uz.org/'
},
{
name: '印度尼西亚',
url: 'http://www.gs1.or.id/'
},
{
name: '新西兰',
url: 'http://www.gs1nz.org'
},
{
name: '越南',
url: 'http://gs1vn.org.vn/'
},
{
name: '缅甸',
url: ''
},
],
},
{
id: "zhongdongfeizhou",
name: "中东&非洲(20)",
list: [
{
name: '阿尔及利亚',
url: 'http://www.gs1.org'
},
{
name: '乔丹',
url: 'http://www.gs1jo.org.jo'
},
{
name: '尼日利亚',
url: 'http://www.gs1-nigeria.org/'
},
{
name: '巴林',
url: 'http://www.gs1.org/'
},
{
name: '肯尼亚',
url: 'http://www.gs1kenya.org'
},
{
name: '沙特阿拉伯',
url: 'http://www.saudichambers.org.sa'
},
{
name: '埃及',
url: 'http://www.gs1eg.org/'
},
{
name: '科威特',
url: 'http://www.gs1.org/'
},
{
name: '南非',
url: 'http://www.gs1za.org'
},
{
name: '加纳',
url: 'http://www.gs1.org'
},
{
name: '黎巴嫩',
url: 'http://www.gs1lb.org'
},
{
name: '叙利亚',
url: 'http://www.gs1.org'
},
{
name: '伊朗',
url: 'http://www.gs1ir.org'
},
{
name: '利比亚',
url: 'http://www.gs1ly.org'
},
{
name: '突尼斯',
url: 'http://www.gs1tn.org'
},
{
name: '以色列',
url: 'http://www.gs1.org'
},
{
name: '毛里求斯',
url: 'http://www.mcci.org'
},
{
name: '阿拉伯联合酋长国',
url: 'http://www.gs1-uae.org/main.asp'
},
{
name: '象牙海岸',
url: 'http://www.gs1.org/'
},
{
name: '摩洛哥',
url: 'http://www.gs1ma.org'
},
{
name: '喀麦隆',
url: 'http://www.gs1ma.org'
},
],
},
{
id: "xibei",
name: "美洲(21)",
list: [
{
name: '阿根廷',
url: 'http://www.gs1.org.ar'
},
{
name: '古巴',
url: 'http://www.camaracuba.cu'
},
{
name: '尼加拉瓜',
url: 'http://www.gs1ni.org'
},
{
name: '玻利维亚',
url: 'http://www.cainco.org.bo/GS1'
},
{
name: '多米尼加',
url: 'http://www.gs1rd.org.do'
},
{
name: '巴拿马',
url: 'http://www.gs1pa.org/'
},
{
name: '巴西',
url: 'http://www.gs1br.org/'
},
{
name: '厄瓜多尔',
url: 'http://www.gs1ec.org'
},
{
name: '巴拉圭',
url: 'http://www.gs1py.org'
},
{
name: '加拿大',
url: 'http://www.gs1ca.org'
},
{
name: '萨尔瓦多',
url: 'http://www.gs1sv.org/'
},
{
name: '秘鲁',
url: 'http://www.gs1pe.org'
},
{
name: '智利',
url: 'http://www.gs1chile.org'
},
{
name: '危地马拉',
url: 'http://www.gs1gt.org/'
},
{
name: '美国',
url: 'http://www.gs1us.org'
},
{
name: '哥伦比亚',
url: 'http://www.gs1co.org/'
},
{
name: '洪都拉斯',
url: 'http://www.gs1hn.org'
},
{
name: '乌拉圭',
url: 'http://www.gs1uy.org'
},
{
name: '哥斯达黎加',
url: 'http://www.gs1cr.org/index.php/gs1-costa-rica'
},
{
name: '墨西哥',
url: 'http://www.gs1mexico.org/site/'
},
{
name: '委内瑞拉',
url: 'http://www.gs1ve.org'
},
],
},
],
};
},
created() {
console.log(this.$route, "this.$route");
this.handelTab(0);
},
methods: {
handelTab(i){
console.log(i, 'handelTab');
this.currentList = this.tabs[i].list;
this.updateKey = new Date().getTime();
}
},
};
</script>
<style lang="scss" scoped>
.branch {
.cate-name {
color: #454545;
font-size: 18px;
}
.alert {
margin: 30px 0 20px 0;
font-size: 14px;
justify-content: center;
}
.alert-danger {
@include alert-variant(#fef1ec, none, #f26335);
}
.nav-tabs {
background: #ffffff;
box-shadow: 0px 3px 10px 0px rgba(4, 64, 141, 0.1);
border-radius: 2px;
.nav-link {
border: 0;
color: #454545;
padding-left: 30px;
padding-right: 30px;
&.active,
&:hover {
border-bottom: 3px solid #f26335;
color: #04408d;
}
}
}
.tab-pane {
background: #ffffff;
border-radius: 4px;
margin-top: 20px;
}
}
</style>
\ No newline at end of file
src/views/Org/comps/cywz.vue 0 → 100644
<template>
<div class="fzzx">
<div class="fzzx-list">
<div class="row" v-for="(tmp, i) in list" :key="i">
<div class="col-6">{{tmp.name}}</div>
<div class="col-6"><a :href="tmp.url" target="_blank">{{tmp.url}}</a></div>
</div>
</div>
</div>
</template>
<script>
export default {
props: ["list"],
created() {
console.log(this.list, "list");
},
};
</script>
<style lang="scss">
.fzzx {
width: 90%;
margin: 0 auto;
padding: 20px 0;
font-size: 14px;
.cate-name {
color: #454545;
}
.fzzx-list {
margin-top: 20px;
.row {
line-height: 40px;
margin: 0;
&:nth-child(odd) {
background: rgba(242, 99, 53, 0.04);
}
}
}
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment