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

2、新的境外条码查询页面的GS1下拉项和国家下拉项常量处理

src/utils/constant.js

+/**
+ * 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 }
+  })
+}

src/views/Search/externalcopy1.vue

 <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;