Commit f69bd572 by Jianli Ou

1、新的境外条码查询页面pdf服务条款的跳转

2、新的境外条码查询页面的GS1下拉项和国家下拉项常量处理
parent 453bf5ec
/**
* GS1_Mark_List 境外条码信息查询 —— 验证其它GS1标识 —— 选择GS1标识 的下拉选择常量列表
*/
export const GS1_Mark_List = [
{ label: 'SSCC-系列货运包装箱代码', value: 'SSCC-系列货运包装箱代码' },
{ label: 'GRAI-全球可回收资产标识符', value: 'GRAI-全球可回收资产标识符' },
{ label: 'GIAI-单个资产标识代码', value: 'GIAI-单个资产标识代码' },
{ label: 'GSRN-全球服务关系代码', value: 'GSRN-全球服务关系代码' },
{ label: 'GDTI-全球文件类型标识符', value: 'GDTI-全球文件类型标识符' },
{ label: 'GINC-全球寄售识别号', value: 'GINC-全球寄售识别号' },
{ label: 'GSIN-全球货件识别号', value: 'GSIN-全球货件识别号' },
{ label: 'GCN-全球优惠券号码', value: 'GCN-全球优惠券号码' },
{ label: 'CPID-组件/零件标识符', value: 'CPID-组件/零件标识符' },
{ label: 'GMN-全球型号', value: 'GMN-全球型号' },
{ label: 'GTIN-商品条码', value: 'GTIN-商品条码' },
{ label: 'GLN-全球位置码', value: 'GLN-全球位置码' }
]
/**
* countryList 境外条码信息查询 —— 验证其它GS1标识 —— 验证企业 —— 选择国家 的下拉选择常量列表
*/
const countryListString = '全部,阿富汗,非洲地区,阿尔巴尼亚,阿尔及利亚,美属萨摩亚,美洲,安道尔,安哥拉,安圭拉,南极洲,安提瓜和巴布达,阿根廷,亚美尼亚,阿鲁巴,亚洲地区,澳大利亚,澳大利亚和新西兰,奥地利,阿塞拜疆,巴哈马,巴林,孟加拉国,巴巴多斯,白俄罗斯,比利时,伯利兹,贝宁,百慕大,不丹,玻利维亚(多民族国),博奈尔、圣尤斯特歇斯和萨巴,波斯尼亚和黑塞哥维那,博茨瓦纳,布韦岛,巴西,英属印度洋领土,文莱达鲁萨兰国,保加利亚,布基纳法索,布隆迪,佛得角,柬埔寨,喀麦隆,加拿大,加勒比,开曼群岛,中非共和国,中美洲地区,中亚,乍得,海峡群岛,智利,中国,中华台北,圣诞岛,科科斯群岛,哥伦比亚,科摩罗,刚果(民主共和国),刚果,库克群岛,哥斯达黎加,克罗地亚,古巴,库拉索,塞浦路斯,捷克,科特迪瓦,丹麦,吉布提,多米尼克,多米尼加共和国,东非,东亚,东欧,厄瓜多尔,埃及,萨尔瓦多,赤道几内亚,厄立特里亚,爱沙尼亚,斯威士兰,埃塞俄比亚,欧洲,欧盟,福克兰群岛(马尔维纳斯群岛),法罗群岛,斐济,芬兰,法国,法属圭亚那,法属波利尼西亚,法属南部领土,加蓬,冈比亚,乔治亚,德国,加纳,直布罗陀,希腊,格陵兰,格林纳达,瓜德罗普,关岛,危地马拉,根西岛,几尼,几内亚比绍,圭亚那,海地,希尔德岛和麦克唐纳群岛,罗马教廷,洪都拉斯,中国香港,匈牙利,冰岛,印度,印度尼西亚,伊朗(伊斯兰共和国),伊拉克,爱尔兰,马恩岛,以色列,意大利,牙买加,日本,运动衫,约旦,哈萨克斯坦,肯尼亚,基里巴斯,朝鲜民主主义人民共和国,韩国,科索沃共和国,科威特,吉尔吉斯斯坦,老挝人民民主共和国,拉丁美洲和加勒比地区,拉脱维亚,黎巴嫩,莱索托,利比里亚,利比亚,列支敦士登,立陶宛,卢森堡,中国澳门,马达加斯加,马拉维,马来西亚,马尔代夫,马里,马耳他,马绍尔群岛,马提尼克,毛里塔尼亚,毛里求斯,马约特,美拉尼西亚,墨西哥,密克罗尼西亚,密克罗尼西亚联邦,中非,中东地区,摩尔多瓦(共和国),摩纳哥,蒙古,黑山,蒙特塞拉特,摩洛哥,莫桑比克,缅甸,纳米比亚,瑙鲁,尼泊尔,荷兰,荷属安的列斯群岛,新喀里多尼亚,新西兰,尼加拉瓜,尼日尔,尼日利亚,纽埃,诺福克岛,北非地区,北美地区,北欧,北马其顿,北马里亚纳群岛,挪威,阿曼,太平洋地区,巴基斯坦,帕劳,巴勒斯坦国,巴拿马,巴布亚新几内亚,巴拉圭,秘鲁,菲律宾,皮特凯恩,波兰,波利尼西亚,葡萄牙,波多黎各,卡塔尔,罗马尼亚,俄罗斯联邦,卢旺达,留尼汪,圣巴塞勒米,圣赫勒拿、阿森松岛和特里斯坦达库尼亚,圣基茨和尼维斯,圣卢西亚,圣马丁(法语部分),圣皮埃尔和密克隆,圣文森特和格林纳丁斯,萨摩亚,圣马力诺,圣多美和普林西比,沙特阿拉伯,塞内加尔,塞尔维亚,塞舌尔,塞拉利昂,新加坡,圣马丁岛(荷兰语部分),斯洛伐克,斯洛文尼亚,所罗门群岛,索马里,南非,南美地区,南乔治亚和南桑威奇群岛,南苏丹,东南亚,南部非洲,南亚,南欧,西班牙,斯里兰卡,撒哈拉以南非洲地区,苏丹,苏里南,斯瓦尔巴和扬马延,瑞典,瑞士,阿拉伯叙利亚共和国,塔吉克斯坦,坦桑尼亚联合共和国,泰国,东帝汶,多哥,托克劳,汤加,特立尼达和多巴哥,突尼斯,土库曼斯坦,特克斯和凯科斯群岛,图瓦卢,土耳其,乌干达,乌克兰,阿拉伯联合酋长国,大不列颠及北爱尔兰联合王国,美国外岛,美利坚合众国,乌拉圭,乌兹别克斯坦,瓦努阿图,委内瑞拉(玻利瓦尔共和国),越南,维尔京群岛(英国),维尔京群岛(美国),瓦利斯和富图纳,西非,西欧,西撒哈拉* ,全世界,也门,赞比亚,津巴布韦,阿兰群岛'
export const countryListFunc = () => {
return countryListString.split(',').map(item => {
return { label: item, value: item }
})
}
<template>
<div class="search-content">
<div class="banner-box">
<img src="./img/query_external_banner.jpeg"
@click="openUrl(`https://import.gds.org.cn/#/home/index`)"/>
<img src="./img/query_external_banner2.png"
@click="openUrl(`http://static.gds.org.cn/staticPage/GRPVbg/index.html`)"/>
<!-- https://import.gds.org.cn/#/home/index 中国进口商品信息服务平台-->
<!-- http://static.gds.org.cn/staticPage/GRPVbg/index.html 中文版VbG宣传页面-->
</div>
<div class="title">境外条码信息查询</div>
<div class="row body gln-panel" style="padding-bottom:0px!important">
......@@ -59,7 +61,7 @@
</div>
<p class="search-num">搜索样例:<span>9506000140445</span></p>
<p class="agreeCheck">
<el-checkbox></el-checkbox>我已阅读并同意<span>《VbG用户使用条款》</span>
<el-checkbox></el-checkbox>我已阅读并同意<span @click="openPdf">《VbG用户使用条款》</span>
</p>
</div>
<div class="gtin-result">
......@@ -106,7 +108,7 @@
<p><span>Información del Prod</span><span>HTML</span></p>
<P>语言:de</P>
</div>
</div>
<div class="hrefInfoList">
<p>企业网站</p>
......@@ -122,14 +124,14 @@
<p><span>GS1</span><span>HTML</span></p>
<P>语言:de</P>
</div>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="企业信息" name="second">
<div class="commodityInfo">
<div class="commodityInfo-cnt row">
<div class="col-lg-12 result-info hrefInfo2">
<p><span>企业名称:</span><span>09506000140445</span></p>
<p><span>地址:</span><span>(en)Sticky's</span></p>
......@@ -275,7 +277,7 @@
</li>
<p style="font-size:13px;color:#696D73;margin-top:15px">该数据由GS1 Demo Account企业提供,并于2023年5月2日最新更新</p>
</ul>
</el-collapse-item>
<el-collapse-item title="数字位置" name="3">
<p style="font-size:16px;color:#002C6C;">EDI 网关</p>
......@@ -340,7 +342,7 @@
<el-tab-pane label="企业信息" name="second">
<div class="commodityInfo">
<div class="commodityInfo-cnt row">
<div class="col-lg-12 result-info hrefInfo2">
<p><span>企业名称:</span><span>09506000140445</span></p>
<p><span>地址:</span><span>(en)Sticky's</span></p>
......@@ -363,8 +365,8 @@
<div class="col-lg-11">
<div class="row">
<div class="col-lg-6" >
<el-select placeholder="请选择" style="width:100%;margin-top:5px">
<el-option label="国家1" value="国家1"> </el-option>
<el-select placeholder="请选择" filterable style="width:100%;margin-top:5px">
<el-option v-for="(item, index) in GS1_Mark_List" :label="item.label" :value="item.value" :key="`GS1_Mark_${index}`"></el-option>
</el-select>
</div>
<div class="col-lg-6">
......@@ -372,15 +374,15 @@
<p class="search-num">搜索样例:<span>9506000140445</span></p>
</div>
</div>
</div>
<div class="col-lg-1">
<el-button class="gtin-btn">查询</el-button>
</div>
</div>
</div>
<div class="gtin-result">
<div class="gtin-result-tip" style="margin-top:20px">
......@@ -416,8 +418,8 @@
<div class="col-lg-11">
<div class="row">
<div class="col-lg-6" >
<el-select placeholder="请选择" style="width:100%;margin-top:5px">
<el-option label="国家1" value="国家1"> </el-option>
<el-select placeholder="请选择" filterable style="width:100%;margin-top:5px">
<el-option v-for="(item, index) in countryList" :label="item.label" :value="item.value" :key="`Country_${index}`"> </el-option>
</el-select>
</div>
<div class="col-lg-6">
......@@ -425,15 +427,15 @@
<p class="search-num">搜索样例:<span>9506000140445</span></p>
</div>
</div>
</div>
<div class="col-lg-1">
<el-button class="gtin-btn">查询</el-button>
</div>
</div>
</div>
<div class="gtin-result">
<div class="gtin-result-tip" style="margin-top:20px">
......@@ -475,7 +477,7 @@
</div>
</div>
</div>
</div>
<div class="notice">
......@@ -495,6 +497,7 @@
<script>
import validation from "@/views/Search/validation";
import {mapState} from "vuex";
import { GS1_Mark_List, countryListFunc } from "@/utils/constant";
const errorText = {
"1": '没有符合条件的记录!',
......@@ -537,6 +540,8 @@ export default {
showResult: false,
result: null,
file: '',
GS1_Mark_List: GS1_Mark_List,
countryList: countryListFunc()
};
},
created() {
......@@ -556,19 +561,19 @@ export default {
this.active=active
},
openUrl(url) {
window.open(url, '_blank')
},
openPdf() {
window.open('/全球商品条码查询服务条款.pdf', '_blank')
},
async handleSearch() {
this.errorMsg ='正在查询……'
this.searchCodeShow = this.search.code;
if(this.hasSpecialString(this.searchCodeShow)){
return true
}
const params = {
"code": this.search.code,
"type": "GTIN",
......@@ -583,7 +588,7 @@ export default {
if (returnCode === "0") {
let redirectUrl='https://www.gds.org.cn/#/importList/index?type=importProduct&keyword='+this.search.code
window.open(redirectUrl, '_blank')
} else {
this.showResult = true;
this.errorMsg =
......@@ -668,7 +673,7 @@ export default {
color: #002C6C;
line-height: 24px;
font-weight: 600;
}
.gln-tab-p2{
font-size: 14px;
......@@ -688,7 +693,7 @@ export default {
p{
color: #fff;
}
}
}
.tab-cnt-title{
......@@ -696,12 +701,12 @@ export default {
color: #002C6C;
line-height: 30px;
font-weight: 600;
}
.gtin-cnt{
.gtin-btn{
margin-top:5px;
background:#CD3C0D;
color:#fff;
@media (min-width: 996px) {
......@@ -710,7 +715,7 @@ export default {
@media (max-width: 996px) {
width: 100%;
}
}
.search-num{
margin-top: 16px;
......@@ -744,11 +749,11 @@ export default {
cursor: pointer;
}
}
}
.gtin-result{
.gtin-result-tip{
padding: 13px 24px;
background: #CCF1DC;
......@@ -804,7 +809,7 @@ export default {
margin-left: 12px;
}
}
}
.hrefInfo2{
p{
......@@ -812,7 +817,7 @@ export default {
width: 102px!important;
}
}
}
.hrefInfo{
padding: 23px 30px;
......@@ -822,7 +827,7 @@ export default {
color: #002C6C;
line-height: 30px;
font-weight: 600;
}
.hrefInfoList{
>p{
......@@ -832,7 +837,7 @@ export default {
line-height: 24px;
font-weight: 600;
margin-top: 24px;
}
.hrefInfoList-list{
margin-top: 16px;
......@@ -852,7 +857,7 @@ export default {
line-height: 19px;
}
}
}
}
......@@ -906,7 +911,7 @@ export default {
}
}
}
}
.tab3{
.el-tabs__active-bar{
......@@ -928,7 +933,7 @@ export default {
border-right: 1px solid #696D73!important;
}
}
td{
font-size: 14px;
color: #454545;
......
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