对接境外条码查询gln查询接口

src/axios/module/search.js

@@ -48,7 +48,23 @@ const searchGlossary = (params = {}) => {
 
 // 条码查询—境外码查询-通过GTIN查询验证产品
 const searchGtin = (params = {}) => {
-	return GET(`${Prefix}/office/vbgOutSearch/api/verified`, params)
+	return POST(`${Prefix}/office/vbgOutSearch/api/verified`, params)
+}
+// 条码查询—境外码查询-通过GLN查询
+const searchGLN = (params = {}) => {
+	return POST(`${Prefix}/office/vbgOutSearch/api/searchGLN`, params)
+}
+// 条码查询—境外码查询-验证其他GS1标识
+const searchGs1 = (params = {}) => {
+	return POST(`${Prefix}/office/vbgOutSearch/api/otherKey`, params)
+}
+// 条码查询—境外码查询-验证企业
+const searchQy = (params = {}) => {
+	return POST(`${Prefix}/office/vbgOutSearch/api/firmSearch`, params)
+}
+// 国家列表
+const searchCountry = (params = {}) => {
+	return GET(`${Prefix}/office/vbgOutSearch/api/searchCountry`, params)
 }
 
 export default {
@@ -60,5 +76,9 @@ export default {
 	searchBike,
 	searchGlossary,
 	searchCodeGln,
-	searchGtin
+	searchGtin,
+	searchGLN,
+	searchGs1,
+	searchQy,
+	searchCountry
 }

src/views/Search/external.vue

@@ -145,7 +145,7 @@
                     <div class="col-lg-12 result-info hrefInfo2">
                       <p><span>企业名称：</span><span>{{GtinResultData.gs1Licence.licenseeName}}</span></p>
                       <p><span>地址：</span><span>{{addressInfo(GtinResultData.gs1Licence.address)}}</span></p>
-                      <p><span>网址：</span><span>{{GtinResultData.gs1Licence.website || '--'}}</span></p>
+                      <p><span>网址：</span><span>{{GtinResultData.gs1Licence.contactPoint ? GtinResultData.gs1Licence.contactPoint[0].website : '--'}}</span></p>
                       <p><span>License类型：</span><span>{{GtinResultData.gs1Licence.licenceType}}</span></p>
                       <p><span>License Key：</span><span>{{GtinResultData.gs1Licence.licenceKey}}</span></p>
                       <p><span>发码MO：</span><span>{{GtinResultData.gs1Licence.licensingMO.moName}}</span></p>
@@ -163,7 +163,7 @@
           <div class="gtin-cnt">
             <div class="row">
               <div class="col-lg-12">
-                <el-input placeholder="请输入GLN" style="margin-top:5px"><i slot="prefix" class="el-input__icon el-icon-search"></i></el-input>
+                <el-input v-model="glnInputValue" placeholder="请输入GLN" style="margin-top:5px"><i slot="prefix" class="el-input__icon el-icon-search"></i></el-input>
               </div>
 <!--              <div class="col-lg-1">-->
 <!--                <el-button class="gtin-btn">查询</el-button>-->
@@ -184,11 +184,11 @@
             </div>
             <p class="search-num">搜索样例：<span>9506000140445</span></p>
           </div>
-          <div class="gtin-result">
+          <div v-if="glnResultData" class="gtin-result">
             <div class="gtin-result-tip">
               <img src="../../assets/image/search/gtinIcon.png" />
               <div>
-                <p>此商品条码已经由“Activate Test Account”公司注册</p>
+                <p>此商品条码已经由“{{glnResultData.gs1Licence.licenseeName}}”公司注册</p>
               </div>
             </div>
             <el-tabs v-model="gtinActiveName2" @tab-click="handleClick">
@@ -197,161 +197,175 @@
                   <p>此GLN数据包含以下内容：</p>
                   <el-collapse v-model="collapseActiveName" accordion>
                     <el-collapse-item title="法人实体" name="1">
-                      <p style="font-size:16px;color:#002C6C;">GS1 AISBL</p>
+                      <p style="font-size:16px;color:#002C6C;">{{glnResultData.LEGAL_ENTITY.organizationName[0].value}}</p>
                       <p style="font-size:14px;color:#454545;">法人实体有效</p>
                       <ul>
                         <li>
-                          <p><span>GLN</span><span>9506000140445</span></p>
+                          <p><span>GLN</span><span>{{glnResultData.LEGAL_ENTITY.gln}}</span></p>
                         </li>
                         <li>
-                          <p><span>GLN类型</span><span>Legal entity</span></p>
+                          <p><span>GLN类型</span><span>{{glnResultData.LEGAL_ENTITY.glnType}}</span></p>
                         </li>
                         <li>
-                          <p><span>名称</span><span>(en)GS1 AISBL</span></p>
+                          <p><span>名称</span><span>({{glnResultData.LEGAL_ENTITY.organizationName[0].language}}){{glnResultData.LEGAL_ENTITY.organizationName[0].value}}</span></p>
                         </li>
                         <li>
-                          <p><span>组织角色</span><span>(en)GS1 AISBL</span></p>
+<!--                          <p><span>组织角色</span><span>(en)GS1 AISBL</span></p>-->
+                          <p><span>组织角色</span><span>--</span></p>
                         </li>
                         <li>
-                          <p><span>父级位置</span><span>9506000140445</span></p>
+<!--                          <p><span>父级位置</span><span>9506000140445</span></p>-->
+                          <p><span>父级位置</span><span>--</span></p>
                         </li>
                         <li>
-                          <p><span>相关地址</span><span>9506000140445</span></p>
+<!--                          <p><span>相关地址</span><span>9506000140445</span></p>-->
+                          <p><span>相关地址</span><span>--</span></p>
                         </li>
                         <li>
-                          <p><span>其他标识</span><span>9506000140445</span></p>
+<!--                          <p><span>其他标识</span><span>9506000140445</span></p>-->
+                          <p><span>其他标识</span><span>--</span></p>
                         </li>
                       </ul>
                       <p style="font-size:16px;color:#002C6C;margin-top:15px">联系方式</p>
                       <ul>
                         <li>
-                          <p><span>邮箱</span><span>info@gs1.org</span></p>
+                          <p><span>邮箱</span><span>{{glnResultData.LEGAL_ENTITY.contactPoint[0].email}}</span></p>
                         </li>
                         <li>
-                          <p><span>电话</span><span>3227887800</span></p>
+                          <p><span>电话</span><span>{{glnResultData.LEGAL_ENTITY.contactPoint[0].telephone}}</span></p>
                         </li>
                         <li>
-                          <p><span>网址</span><span>https://www.gs1.org</span></p>
+                          <p><span>网址</span><span>{{glnResultData.LEGAL_ENTITY.contactPoint[0].website}}</span></p>
                         </li>
                         <li>
-                          <p><span>可获取语言</span><span>Unknown</span></p>
+<!--                          <p><span>可获取语言</span><span>Unknown</span></p>-->
+                          <p><span>可获取语言</span><span>--</span></p>
                         </li>
-                        <p style="font-size:13px;color:#696D73;margin-top:15px">该数据由Active Test Account企业提供，并于2023年5月2日最新更新</p>
                       </ul>
+                      <p style="font-size:13px;color:#696D73;margin-top:15px">该数据由Active Test Account企业提供，并于2023年5月2日最新更新</p>
                     </el-collapse-item>
                     <el-collapse-item title="固定物理位置" name="2">
-                      <p style="font-size:16px;color:#002C6C;">布鲁塞尔办公室</p>
+                      <p style="font-size:16px;color:#002C6C;">{{glnResultData.FIXED_PHYSICAL_LOCATION.physicalLocationName[0].value}}</p>
                       <p style="font-size:14px;color:#454545;">固定物理位置有效</p>
                       <ul>
                         <li>
-                          <p><span>GLN</span><span>9506000140445</span></p>
+                          <p><span>GLN</span><span>{{glnResultData.FIXED_PHYSICAL_LOCATION.gln}}</span></p>
                         </li>
                         <li>
-                          <p><span>GLN类型</span><span>Legal entity</span></p>
+                          <p><span>GLN类型</span><span>{{glnResultData.FIXED_PHYSICAL_LOCATION.glnType}}</span></p>
                         </li>
                         <li>
-                          <p><span>名称</span><span>(en)GS1 AISBL</span></p>
+                          <p><span>名称</span><span>({{glnResultData.FIXED_PHYSICAL_LOCATION.physicalLocationName[0].language}}){{glnResultData.FIXED_PHYSICAL_LOCATION.physicalLocationName[0].value}}</span></p>
                         </li>
                         <li>
-                          <p><span>组织角色</span><span>(en)GS1 AISBL</span></p>
+<!--                          <p><span>组织角色</span><span>(en)GS1 AISBL</span></p>-->
+                          <p><span>组织角色</span><span>--</span></p>
                         </li>
                         <li>
-                          <p><span>父级位置</span><span>9506000140445</span></p>
+<!--                          <p><span>父级位置</span><span>9506000140445</span></p>-->
+                          <p><span>父级位置</span><span>--</span></p>
                         </li>
                         <li>
-                          <p><span>相关地址</span><span>9506000140445</span></p>
+<!--                          <p><span>相关地址</span><span>9506000140445</span></p>-->
+                          <p><span>相关地址</span><span>--</span></p>
                         </li>
                         <li>
-                          <p><span>其他标识</span><span>9506000140445</span></p>
+<!--                          <p><span>其他标识</span><span>9506000140445</span></p>-->
+                          <p><span>其他标识</span><span>--</span></p>
                         </li>
                       </ul>
                       <p style="font-size:16px;color:#002C6C;margin-top:15px">企业位置</p>
                       <p style="font-size:14px;color:#454545;">地址</p>
                       <ul>
                         <li>
-                          <p><span>邮政名称</span><span>info@gs1.org</span></p>
+                          <p><span>邮政名称</span><span>{{glnResultData.FIXED_PHYSICAL_LOCATION.address[0].postalName.value}}</span></p>
                         </li>
                         <li>
-                          <p><span>国家代码</span><span>3227887800</span></p>
+                          <p><span>国家代码</span><span>{{glnResultData.FIXED_PHYSICAL_LOCATION.address[0].countryCode}}</span></p>
                         </li>
                         <li>
-                          <p><span>城市</span><span>https://www.gs1.org</span></p>
+                          <p><span>城市</span><span>{{glnResultData.FIXED_PHYSICAL_LOCATION.address[0].addressLocality.value}}</span></p>
                         </li>
                         <li>
-                          <p><span>街道地址</span><span>Unknown</span></p>
+                          <p><span>街道地址</span><span>{{glnResultData.FIXED_PHYSICAL_LOCATION.address[0].streetAddress.value}}</span></p>
                         </li>
                         <li>
-                          <p><span>邮政编码</span><span>Unknown</span></p>
+                          <p><span>邮政编码</span><span>{{glnResultData.FIXED_PHYSICAL_LOCATION.address[0].postalCode}}</span></p>
                         </li>
-                        <p style="font-size:13px;color:#696D73;margin-top:15px">该数据由Active Test Account企业提供，并于2023年5月2日最新更新</p>
                       </ul>
                       <p style="font-size:16px;color:#002C6C;margin-top:15px">联系方式</p>
                       <ul>
                         <li>
-                          <p><span>邮箱</span><span>info@gs1.org</span></p>
+                          <p><span>邮箱</span><span>{{glnResultData.FIXED_PHYSICAL_LOCATION.contactPoint[0].email}}</span></p>
                         </li>
                         <li>
-                          <p><span>电话</span><span>3227887800</span></p>
+                          <p><span>电话</span><span>{{glnResultData.FIXED_PHYSICAL_LOCATION.contactPoint[0].telephone}}</span></p>
                         </li>
                         <li>
-                          <p><span>网址</span><span>https://www.gs1.org</span></p>
+                          <p><span>网址</span><span>{{glnResultData.FIXED_PHYSICAL_LOCATION.contactPoint[0].website}}</span></p>
                         </li>
                         <li>
-                          <p><span>可获取语言</span><span>Unknown</span></p>
+<!--                          <p><span>可获取语言</span><span>Unknown</span></p>-->
+                          <p><span>可获取语言</span><span>--</span></p>
                         </li>
-                        <p style="font-size:13px;color:#696D73;margin-top:15px">该数据由GS1 Demo Account企业提供，并于2023年5月2日最新更新</p>
                       </ul>
-
+                      <p style="font-size:13px;color:#696D73;margin-top:15px">该数据由GS1 Demo Account企业提供，并于2023年5月2日最新更新</p>
                     </el-collapse-item>
                     <el-collapse-item title="数字位置" name="3">
-                      <p style="font-size:16px;color:#002C6C;">EDI 网关</p>
+                      <p style="font-size:16px;color:#002C6C;">{{glnResultData.DIGITAL_LOCATION.digitalLocationName[0].value}}</p>
                       <p style="font-size:14px;color:#454545;">数字位置有关</p>
                       <ul>
                         <li>
-                          <p><span>GLN</span><span>9506000140445</span></p>
+                          <p><span>GLN</span><span>{{glnResultData.FIXED_PHYSICAL_LOCATION.gln}}</span></p>
                         </li>
                         <li>
-                          <p><span>GLN类型</span><span>Legal entity</span></p>
+                          <p><span>GLN类型</span><span>{{glnResultData.FIXED_PHYSICAL_LOCATION.glnType}}</span></p>
                         </li>
                         <li>
-                          <p><span>名称</span><span>(en)GS1 AISBL</span></p>
+                          <p><span>名称</span><span>({{glnResultData.DIGITAL_LOCATION.digitalLocationName[0].language}}){{glnResultData.DIGITAL_LOCATION.digitalLocationName[0].value}}</span></p>
                         </li>
                         <li>
-                          <p><span>组织角色</span><span>(en)GS1 AISBL</span></p>
+<!--                          <p><span>组织角色</span><span>(en)GS1 AISBL</span></p>-->
+                          <p><span>组织角色</span><span>--</span></p>
                         </li>
                         <li>
-                          <p><span>父级位置</span><span>9506000140445</span></p>
+<!--                          <p><span>父级位置</span><span>9506000140445</span></p>-->
+                          <p><span>父级位置</span><span>--</span></p>
                         </li>
                         <li>
-                          <p><span>相关地址</span><span>9506000140445</span></p>
+<!--                          <p><span>相关地址</span><span>9506000140445</span></p>-->
+                          <p><span>相关地址</span><span>--</span></p>
                         </li>
                         <li>
-                          <p><span>其他标识</span><span>9506000140445</span></p>
+<!--                          <p><span>其他标识</span><span>9506000140445</span></p>-->
+                          <p><span>其他标识</span><span>--</span></p>
                         </li>
                       </ul>
                       <p style="font-size:16px;color:#002C6C;margin-top:15px">企业位置</p>
                       <p style="font-size:14px;color:#454545;">数字位置</p>
                       <ul>
                         <li>
-                          <p><span>数字地址</span><span>info@gs1.org</span></p>
+                          <p><span>数字地址</span><span>{{glnResultData.DIGITAL_LOCATION.digitalAddress}}</span></p>
                         </li>
                       </ul>
-                      <p style="font-size:16px;color:#002C6C;margin-top:15px">联系方式</p>
-                      <ul>
+                      <p v-if="glnResultData.DIGITAL_LOCATION.contactPoint" style="font-size:16px;color:#002C6C;margin-top:15px">联系方式</p>
+                      <ul v-if="glnResultData.DIGITAL_LOCATION.contactPoint">
                         <li>
-                          <p><span>邮箱</span><span>info@gs1.org</span></p>
+                          <p><span>邮箱</span><span>{{glnResultData.DIGITAL_LOCATION.contactPoint[0].email}}</span></p>
                         </li>
                         <li>
-                          <p><span>电话</span><span>3227887800</span></p>
+                          <p><span>电话</span><span>{{glnResultData.DIGITAL_LOCATION.contactPoint[0].telephone}}</span></p>
                         </li>
                         <li>
-                          <p><span>网址</span><span>https://www.gs1.org</span></p>
+                          <p><span>网址</span><span>{{glnResultData.DIGITAL_LOCATION.contactPoint[0].website}}</span></p>
                         </li>
                         <li>
-                          <p><span>可获取语言</span><span>Unknown</span></p>
+<!--                          <p><span>可获取语言</span><span>Unknown</span></p>-->
+                          <p><span>可获取语言</span><span>--</span></p>
                         </li>
                         <p style="font-size:13px;color:#696D73;margin-top:15px">该数据由GS1 Demo Account企业提供，并于2023年5月2日最新更新</p>
                       </ul>
+                      <p style="font-size:13px;color:#696D73;margin-top:15px">该数据由GS1 Demo Account企业提供，并于2023年5月2日最新更新</p>
                     </el-collapse-item>
                     <el-collapse-item title="链接至其他信息" name="4">
                       <p style="font-size:16px;color:#002C6C;">有零售商</p>
@@ -367,12 +381,18 @@
                 <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>
-                      <p><span>网址：</span><span>(en)Sticky's Traditional Strawberry Jam Low Sugar 500 Gram</span></p>
-                      <p><span>License类型：</span><span>(en)http://www.gs1.org/docs/09506000140445_A1C1.jpg</span></p>
-                      <p><span>License Key：</span><span>10000217（Jams/Marmalades(Shelf Stable))</span></p>
-                      <p><span>发码MO：</span><span>500（Gram）</span></p>
+<!--                      <p><span>企业名称：</span><span>09506000140445</span></p>-->
+<!--                      <p><span>地址：</span><span>(en)Sticky's</span></p>-->
+<!--                      <p><span>网址：</span><span>(en)Sticky's Traditional Strawberry Jam Low Sugar 500 Gram</span></p>-->
+<!--                      <p><span>License类型：</span><span>(en)http://www.gs1.org/docs/09506000140445_A1C1.jpg</span></p>-->
+<!--                      <p><span>License Key：</span><span>10000217（Jams/Marmalades(Shelf Stable))</span></p>-->
+<!--                      <p><span>发码MO：</span><span>500（Gram）</span></p>-->
+                      <p><span>企业名称：</span><span>{{glnResultData.gs1Licence.licenseeName}}</span></p>
+                      <p><span>地址：</span><span>{{addressInfo(glnResultData.gs1Licence.address)}}</span></p>
+                      <p><span>网址：</span><span>{{glnResultData.gs1Licence.contactPoint ? glnResultData.gs1Licence.contactPoint[0].website : '--'}}</span></p>
+                      <p><span>License类型：</span><span>{{glnResultData.gs1Licence.licenceType}}</span></p>
+                      <p><span>License Key：</span><span>{{glnResultData.gs1Licence.licenceKey}}</span></p>
+                      <p><span>发码MO：</span><span>{{glnResultData.gs1Licence.licensingMO.moName}}</span></p>
                     </div>
                   </div>
                   <p style="font-size:13px;margin:15px 0 0 0 ;">该License数据由于2021年5月2日由GS1 Global Office提供，并于2023年6月1日最新更新</p>
@@ -380,6 +400,7 @@
               </el-tab-pane>
             </el-tabs>
           </div>
+          <span style="color: rgb(255, 59, 48)" v-else>{{ errorMsg }}</span>
         </div>
         <div v-if="active=='third'">
           <p class="tab-cnt-title">输入GS1标识</p>
@@ -388,12 +409,12 @@
               <div class="col-lg-12">
                 <div class="row">
                   <div class="col-lg-6" >
-                    <el-select placeholder="请选择GS1标识" filterable style="width:100%;margin-top:5px">
+                    <el-select v-model="gs1Type" placeholder="请选择GS1标识" 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">
-                    <el-input placeholder="请输入GS1标识" style="margin-top:5px"><i slot="prefix" class="el-input__icon el-icon-search"></i></el-input>
+                    <el-input v-model="gs1InputValue" placeholder="请输入GS1标识" style="margin-top:5px"><i slot="prefix" class="el-input__icon el-icon-search"></i></el-input>
 <!--                    <p class="search-num">搜索样例：<span>9506000140445</span></p>-->
                   </div>
                 </div>
@@ -417,12 +438,12 @@
             </div>
             <p class="search-num">搜索样例：<span>9506000140445</span></p>
           </div>
-          <div class="gtin-result">
+          <div v-if="gs1ResultData" class="gtin-result">
             <div class="gtin-result-tip" style="margin-top:20px">
               <img src="../../assets/image/search/gtinIcon.png" />
               <div>
-                <p>9506000140445</p>
-                <p>此商品条码已经由“Activate Test Account”公司注册</p>
+                <p>{{gs1ResultData.gtin}}</p>
+                <p>此商品条码已经由“{{gs1ResultData.licenseeName}}”公司注册</p>
               </div>
             </div>
             <el-tabs v-model="gtinActiveName3"  @tab-click="handleClick" class="tab3">
@@ -430,12 +451,18 @@
                 <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>
-                      <p><span>网址：</span><span>(en)Sticky's Traditional Strawberry Jam Low Sugar 500 Gram</span></p>
-                      <p><span>License类型：</span><span>(en)http://www.gs1.org/docs/09506000140445_A1C1.jpg</span></p>
-                      <p><span>License Key：</span><span>10000217（Jams/Marmalades(Shelf Stable))</span></p>
-                      <p><span>发码MO：</span><span>500（Gram）</span></p>
+<!--                      <p><span>企业名称：</span><span>09506000140445</span></p>-->
+<!--                      <p><span>地址：</span><span>(en)Sticky's</span></p>-->
+<!--                      <p><span>网址：</span><span>(en)Sticky's Traditional Strawberry Jam Low Sugar 500 Gram</span></p>-->
+<!--                      <p><span>License类型：</span><span>(en)http://www.gs1.org/docs/09506000140445_A1C1.jpg</span></p>-->
+<!--                      <p><span>License Key：</span><span>10000217（Jams/Marmalades(Shelf Stable))</span></p>-->
+<!--                      <p><span>发码MO：</span><span>500（Gram）</span></p>-->
+                      <p><span>企业名称：</span><span>{{gs1ResultData.gs1Licence.licenseeName}}</span></p>
+                      <p><span>地址：</span><span>{{addressInfo(gs1ResultData.gs1Licence.address)}}</span></p>
+                      <p><span>网址：</span><span>{{gs1ResultData.gs1Licence.contactPoint ? gs1ResultData.gs1Licence.contactPoint[0].website : '--'}}</span></p>
+                      <p><span>License类型：</span><span>{{gs1ResultData.gs1Licence.licenceType}}</span></p>
+                      <p><span>License Key：</span><span>{{gs1ResultData.gs1Licence.licenceKey}}</span></p>
+                      <p><span>发码MO：</span><span>{{gs1ResultData.gs1Licence.licensingMO.moName}}</span></p>
                     </div>
                   </div>
                   <p style="font-size:13px;margin:15px 0 0 0 ;">该License数据由于2021年5月2日由GS1 Global Office提供，并于2023年6月1日最新更新</p>
@@ -443,20 +470,27 @@
               </el-tab-pane>
             </el-tabs>
           </div>
+          <span style="color: rgb(255, 59, 48)" v-else>{{ errorMsg }}</span>
         </div>
         <div v-if="active=='four'">
+          <div class="y-center" style="justify-content: space-between;">
             <p class="tab-cnt-title">选择国家并填写企业名称</p>
+            <div @click="otherFiled = !otherFiled" class="tab-cnt-title" style="display: flex; align-items: center; margin-bottom: 10px; font-size: 14px; cursor: pointer;">
+              <img src="../../assets/image/search/expand.png" style="width: 18px; height: 18px; margin-right: 5px;"/>
+              {{otherFiled ? '收起' : '展开'}}可选字段
+            </div>
+          </div>
           <div class="gtin-cnt">
             <div class="row">
               <div class="col-lg-12">
                 <div class="row">
                   <div class="col-lg-6" >
-                    <el-select placeholder="请选择国家" filterable style="width:100%;margin-top:5px">
+                    <el-select v-model="countryCode" placeholder="请选择国家" filterable clearable 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">
-                    <el-input placeholder="请输入企业名称" style="margin-top:5px"><i slot="prefix" class="el-input__icon el-icon-search"></i></el-input>
+                    <el-input v-model="licenseeName" placeholder="请输入企业名称" style="margin-top:5px"><i slot="prefix" class="el-input__icon el-icon-search"></i></el-input>
 <!--                    <p class="search-num">搜索样例：<span>9506000140445</span></p>-->
                   </div>
                 </div>
@@ -465,6 +499,33 @@
 <!--                <el-button class="gtin-btn">查询</el-button>-->
 <!--              </div>-->
             </div>
+            <div v-if="otherFiled" class="row" style="margin-top: 15px;">
+              <div class="col-lg-12">
+                <div class="row">
+                  <div class="col-lg-6" >
+                    <el-input v-model="streetAddress" placeholder="请输入街道地址（选填）" style="margin-top:5px"><i slot="prefix" class="el-input__icon el-icon-search"></i></el-input>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div v-if="otherFiled" class="row" style="margin-top: 15px;">
+              <div class="col-lg-12">
+                <div class="row">
+                  <div class="col-lg-6" >
+                    <el-input v-model="postalCode" placeholder="请输入邮编（选填）" style="margin-top:5px"><i slot="prefix" class="el-input__icon el-icon-search"></i></el-input>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div v-if="otherFiled" class="row" style="margin-top: 15px;">
+              <div class="col-lg-12">
+                <div class="row">
+                  <div class="col-lg-6" >
+                    <el-input v-model="addressLocality" placeholder="请输入城市名称（选填）" style="margin-top:5px"><i slot="prefix" class="el-input__icon el-icon-search"></i></el-input>
+                  </div>
+                </div>
+              </div>
+            </div>
             <div class="row y-center" style="margin-top: 15px;">
               <div class="col-lg-6">
                 <el-input v-model="captcha" placeholder="请输入验证码"></el-input>
@@ -478,14 +539,14 @@
                 <el-button class="gtin-btn" @click="searchQY">查询</el-button>
               </div>
             </div>
-            <p class="search-num">搜索样例：<span>9506000140445</span></p>
+            <p class="search-num">搜索样例：<span>企业名称</span></p>
           </div>
-          <div class="gtin-result">
+          <div v-if="qyResultData" class="gtin-result">
             <div class="gtin-result-tip" style="margin-top:20px">
               <img src="../../assets/image/search/gtinIcon.png" />
               <div>
-                <p>9506000140445</p>
-                <p>此商品条码已经由“Activate Test Account”公司注册</p>
+                <p>与GS1相关的搜索查询到{{total}}个结果</p>
+                <p>本服务显示匹配搜索条件的前20条记录</p>
               </div>
             </div>
             <p class="tab-cnt-title" style="margin-top:25px">搜索结果</p>
@@ -493,34 +554,23 @@
             <el-table
               :data="tableData"
               style="width: 100%">
-              <el-table-column
-                prop="date"
-                label="License标识"
-                width="180">
-              </el-table-column>
-              <el-table-column
-                prop="name"
-                label="企业名称"
-                width="180">
-              </el-table-column>
-              <el-table-column
-                prop="city"
-                label="城市">
-              </el-table-column>
-              <el-table-column
-                prop="address"
-                label="国家">
+              <el-table-column prop="licenceKey" label="License标识"/>
+              <el-table-column prop="licenseeName" label="企业名称"/>
+              <el-table-column prop="" label="城市">
+                <template v-slot="scope">{{scope.row.address.addressLocality.value}}</template>
               </el-table-column>
+              <el-table-column prop="countrytitle" label="国家"/>
             </el-table>
             <el-pagination
               background
               layout="prev, pager, next"
-              :total="1000">
+              :page-size="pageSize"
+              :current-page="currPage"
+              :total="totalMaxShowNum">
             </el-pagination>
           </div>
+          <span style="color: rgb(255, 59, 48)" v-else>{{ errorMsg }}</span>
         </div>
-
-
       </div>
     </div>
     <div class="notice">
@@ -557,27 +607,11 @@ export default {
       gtinActiveName2:'first',
       gtinActiveName3:'first',
       collapseActiveName:1,
-      tableData: [{
-          date: '2016-05-02',
-          name: '王小虎',
-          city:'江苏',
-          address: 'Belgium'
-        }, {
-          date: '2016-05-04',
-          name: '王小虎',
-          city:'江苏',
-          address: 'Belgium'
-        }, {
-          date: '2016-05-01',
-          name: '王小虎',
-          city:'江苏',
-          address: 'Belgium'
-        }, {
-          date: '2016-05-03',
-          name: '王小虎',
-          city:'江苏',
-          address: 'Belgium'
-        }],
+      currPage: 1,
+      pageSize: 10,
+      total: 0,
+      totalMaxShowNum: 0,
+      tableData: [],
       search: {code: ""},
       searchCodeShow: "",
       showResult: false,
@@ -586,8 +620,21 @@ export default {
       errorMsg: '',
       GtinInputValue: '09506000134352',
       GtinResultData: '',
+      glnInputValue: '9506000140445',
+      glnResultData: '',
+      gs1Type: '',
+      gs1InputValue: '',
       GS1_Mark_List: GS1_Mark_List,
-      countryList: countryListFunc()
+      gs1ResultData: '',
+      countryCode: '',
+      licenseeName: 'GS1 Demo Account',
+      streetAddress: '', // 街道地址
+      postalCode: '',	// 邮政编码
+      addressLocality: '',	// 城市名称
+      otherFiled: false,
+      qyResultData: '',
+      // countryList: countryListFunc()
+      countryList: []
     };
   },
   created() {
@@ -599,19 +646,27 @@ export default {
     ...mapState(["urls"]),
     addressInfo: () => {
       return (address) => {
-        const {addressLocality, addressRegion, addressSuburb, streetAddress} = address
+        const {addressLocality, addressRegion, addressSuburb, streetAddress} = {
+          addressLocality: {language: '', value: ''},
+          addressRegion: {language: '', value: ''},
+          addressSuburb: {language: '', value: ''},
+          streetAddress: {language: '', value: ''},
+          ...address
+        }
         const language = addressLocality.language || addressRegion.language || addressSuburb.language || streetAddress.language
-        return `(${language}) ${addressLocality.value} ${addressRegion.value} ${addressSuburb.value} ${streetAddress.value}`
+        return `(${language}) ${ addressLocality.value} ${addressRegion.value} ${addressSuburb.value} ${streetAddress.value}`
       }
     }
   },
   mounted(){
     this.file = window.location.protocol + '//' + window.location.hostname + ':9091/office/uploadFileResource/'
+    this.searchCountry()
   },
   methods: {
     // tab切换
     changeTab(active){
       this.active=active
+      this.errorMsg = ''
       this.captcha = ''
       this.getCaptcha();
     },
@@ -634,7 +689,6 @@ export default {
       const searchResult = await this.$api.search.searchGtin(params);
       const {returnCode, returnMsg, data} = searchResult;
       if (returnCode === "0") {
-        console.log('请求成功了')
         this.GtinResultData = data ? data[0] : ''
         !data && (this.errorMsg = '没有查询到相关信息！')
       } else {
@@ -643,58 +697,93 @@ export default {
       }
       this.getCaptcha();
     },
+    async searchCountry() {
+      const searchResult = await this.$api.search.searchCountry();
+      searchResult.data = [{countrytitle: '全部', twocode: null}, ...searchResult.data]
+      const {data} = searchResult;
+      this.countryList = data.map(item => {
+        return {...item, label: item.countrytitle, value: item.twocode }
+      })
+    },
     async searchGLN() {
-      // this.errorMsg ='正在查询……'
-      // const params = {
-      //   uuid: this.uuid,
-      //   captcha: this.captcha
-      // };
-      // const searchResult = await this.$api.search.searchGtin(params);
-      // const {returnCode, returnMsg, data} = searchResult;
-      // if (returnCode === "0") {
-      //   console.log('请求成功了')
-      //   this.GtinResultData = data ? data[0] : ''
-      //   !data && (this.errorMsg = '没有查询到相关信息！')
-      // } else {
-      //   this.showResult = true;
-      //   this.errorMsg = returnMsg || '您输入的商品条码格式不正确，请确认后重试。';
-      // }
+      this.glnResultData = ''
+      this.errorMsg ='正在查询……'
+      const params = {
+        gln: this.glnInputValue,
+        uuid: this.uuid,
+        captcha: this.captcha
+      };
+      const searchResult = await this.$api.search.searchGLN(params);
+      const {returnCode, returnMsg, data} = searchResult;
+      if (returnCode === "0") {
+        if (data && data[0].glnRecords) {
+           data[0].glnRecords.forEach(item => {
+             if (item.glnType === 'LEGAL_ENTITY') data[0].LEGAL_ENTITY = item
+             if (item.glnType === 'FIXED_PHYSICAL_LOCATION') data[0].FIXED_PHYSICAL_LOCATION = item
+             if (item.glnType === 'DIGITAL_LOCATION') data[0].DIGITAL_LOCATION = item
+           })
+        }
+        this.glnResultData = data ? data[0] : ''
+        console.log(this.glnResultData)
+        !data && (this.errorMsg = '没有查询到相关信息！')
+      } else {
+        this.showResult = true;
+        this.errorMsg = returnMsg || '没有查询到相关信息！';
+      }
       this.getCaptcha();
     },
     async searchGS1() {
-      // this.errorMsg ='正在查询……'
-      // const params = {
-      //   uuid: this.uuid,
-      //   captcha: this.captcha
-      // };
-      // const searchResult = await this.$api.search.searchGtin(params);
-      // const {returnCode, returnMsg, data} = searchResult;
-      // if (returnCode === "0") {
-      //   console.log('请求成功了')
-      //   this.GtinResultData = data ? data[0] : ''
-      //   !data && (this.errorMsg = '没有查询到相关信息！')
-      // } else {
-      //   this.showResult = true;
-      //   this.errorMsg = returnMsg || '您输入的商品条码格式不正确，请确认后重试。';
-      // }
+      this.gs1ResultData = ''
+      this.errorMsg ='正在查询……'
+      const params = {
+        keyType: this.gs1Type,
+        keyValue: this.gs1InputValue,
+        uuid: this.uuid,
+        captcha: this.captcha
+      };
+      const searchResult = await this.$api.search.searchGs1(params);
+      const {returnCode, returnMsg, data} = searchResult;
+      if (returnCode === "0") {
+        // if (data && this.gs1Type === 'GTIN') data[0] = {...data[0], gs1Licence: data[0]}
+        this.gs1ResultData = data ? data[0] : ''
+        !data && (this.errorMsg = '没有查询到相关信息！')
+      } else {
+        this.showResult = true;
+        this.errorMsg = returnMsg || '您输入的GS1标识不正确，请确认后重试。';
+      }
       this.getCaptcha();
     },
-    searchQY() {
-      // this.errorMsg ='正在查询……'
-      // const params = {
-      //   uuid: this.uuid,
-      //   captcha: this.captcha
-      // };
-      // const searchResult = await this.$api.search.searchGtin(params);
-      // const {returnCode, returnMsg, data} = searchResult;
-      // if (returnCode === "0") {
-      //   console.log('请求成功了')
-      //   this.GtinResultData = data ? data[0] : ''
-      //   !data && (this.errorMsg = '没有查询到相关信息！')
-      // } else {
-      //   this.showResult = true;
-      //   this.errorMsg = returnMsg || '您输入的商品条码格式不正确，请确认后重试。';
-      // }
+    async searchQY() {
+      this.qyResultData = ''
+      this.errorMsg ='正在查询……'
+      const params = {
+        countryCode: this.countryCode,
+        licenseeName: this.licenseeName,
+        streetAddress: this.otherFiled ? this.streetAddress : '',
+        postalCode: this.otherFiled ? this.postalCode : '',
+        addressLocality: this.otherFiled ? this.addressLocality : '',
+        uuid: this.uuid,
+        captcha: this.captcha,
+        pageindex: this.currPage,
+        pagesize: this.pageSize
+      };
+      const searchResult = await this.$api.search.searchQy(params);
+      const {returnCode, returnMsg, data} = searchResult;
+      if (returnCode === "0") {
+        data.list = data.list.map(item => {
+          item.address = item.address || {addressLocality: {language: '', value: ''}, countryCode: ''}
+          return {...item, countrytitle: (this.countryList.find(country => country.twocode === item.address.countryCode) || {countrytitle: ''}).countrytitle}
+        })
+        console.log(data.list)
+        this.qyResultData = data.list
+        this.tableData = data.list
+        this.total = data.totalCount
+        this.totalMaxShowNum = Math.min(data.totalCount, 20)
+        !data && (this.errorMsg = '没有查询到相关信息！')
+      } else {
+        this.showResult = true;
+        this.errorMsg = returnMsg || '没有查询到相关信息！';
+      }
       this.getCaptcha();
     },
     async handleSearch() {