Skip to content

G
gs1
Commit 2de5862c by Jianli Ou
Options

境外码查询问题处理

parent 30218862
Showing with 366 additions and 255 deletions
src/views/Search/external.vue
...@@ -98,7 +98,11 @@ ...@@ -98,7 +98,11 @@
<p v-else><span>品牌：</span><span>未知</span></p> <p v-else><span>品牌：</span><span>未知</span></p>
<p v-if="GtinResultData.productDescription"><span>产品描述：</span><span>({{GtinResultData.productDescription[0].language}}){{GtinResultData.productDescription[0].value}}</span></p> <p v-if="GtinResultData.productDescription"><span>产品描述：</span><span>({{GtinResultData.productDescription[0].language}}){{GtinResultData.productDescription[0].value}}</span></p>
<p v-else><span>产品描述：</span><span>未知</span></p> <p v-else><span>产品描述：</span><span>未知</span></p>
<p v-if="GtinResultData.productImageUrl"><span>图片URL：</span><span @click="openUrl(GtinResultData.productImageUrl[0].value)" style="cursor: pointer;">({{GtinResultData.productImageUrl[0].language}}){{GtinResultData.productImageUrl[0].value}}</span></p> <p v-if="GtinResultData.productImageUrl"><span>图片URL：</span><span @click="openUrl(GtinResultData.productImageUrl[0].value)">
<a :href="GtinResultData.productImageUrl[0].value" target="_blank">
({{GtinResultData.productImageUrl[0].language}}){{GtinResultData.productImageUrl[0].value}}
</a>
</span></p>
<p v-else><span>图片URL：</span><span>未知</span></p> <p v-else><span>图片URL：</span><span>未知</span></p>
<p><span>产品类别：</span><span>{{GtinResultData.gpcCategoryCode || '未知'}}<br/>{{GtinResultData.gpcCategoryCodeEnName || '未知'}}</span></p> <p><span>产品类别：</span><span>{{GtinResultData.gpcCategoryCode || '未知'}}<br/>{{GtinResultData.gpcCategoryCodeEnName || '未知'}}</span></p>
<p v-if="GtinResultData.netContent"><span>净含量：</span><span>{{GtinResultData.netContent[0].value}}（{{GtinResultData.netContent[0].unitCode}}）</span></p> <p v-if="GtinResultData.netContent"><span>净含量：</span><span>{{GtinResultData.netContent[0].value}}（{{GtinResultData.netContent[0].unitCode}}）</span></p>
...@@ -115,14 +119,18 @@ ...@@ -115,14 +119,18 @@
<div v-if="GtinResultData.links.homepage" class="hrefInfoList"> <div v-if="GtinResultData.links.homepage" class="hrefInfoList">
<p>企业网站</p> <p>企业网站</p>
<div v-for="(link, index) in GtinResultData.links.homepage" :key="index" class="hrefInfoList-list"> <div v-for="(link, index) in GtinResultData.links.homepage" :key="index" class="hrefInfoList-list">
<p><span @click="openHref(link.href)">{{link.title}}</span><span>{{link.type}}</span></p> <p><span>
<a :href="link.href" target="_blank">{{link.title}}</a>
</span><span>{{link.type}}</span></p>
<P>语言：{{link.hreflang}}</P> <P>语言：{{link.hreflang}}</P>
</div> </div>
</div> </div>
<div v-if="GtinResultData.links.hasRetailers" class="hrefInfoList"> <div v-if="GtinResultData.links.hasRetailers" class="hrefInfoList">
<p>有零售商</p> <p>有零售商</p>
<div v-for="(link, index) in GtinResultData.links.hasRetailers" :key="index" class="hrefInfoList-list"> <div v-for="(link, index) in GtinResultData.links.hasRetailers" :key="index" class="hrefInfoList-list">
<p><span @click="openHref(link.href)">{{link.title}}</span><span>{{link.type}}</span></p> <p><span>
<a :href="link.href" target="_blank">{{link.title}}</a>
</span><span>{{link.type}}</span></p>
<P>语言：{{link.hreflang}}</P> <P>语言：{{link.hreflang}}</P>
</div> </div>
<!-- <div class="hrefInfoList-list">--> <!-- <div class="hrefInfoList-list">-->
...@@ -141,7 +149,9 @@ ...@@ -141,7 +149,9 @@
<div v-if="GtinResultData.links.sustainabilityInfo" class="hrefInfoList"> <div v-if="GtinResultData.links.sustainabilityInfo" class="hrefInfoList">
<p>产品信息页</p> <p>产品信息页</p>
<div v-for="(link, index) in GtinResultData.links.sustainabilityInfo" :key="index" class="hrefInfoList-list"> <div v-for="(link, index) in GtinResultData.links.sustainabilityInfo" :key="index" class="hrefInfoList-list">
<p><span @click="openHref(link.href)">{{link.title}}</span><span>{{link.type}}</span></p> <p><span>
<a :href="link.href" target="_blank">{{link.title}}</a>
</span><span>{{link.type}}</span></p>
<P>语言：{{link.hreflang}}</P> <P>语言：{{link.hreflang}}</P>
</div> </div>
<!-- <div class="hrefInfoList-list">--> <!-- <div class="hrefInfoList-list">-->
...@@ -160,14 +170,18 @@ ...@@ -160,14 +170,18 @@
<div v-if="GtinResultData.links.productSustainabilityInfo" class="hrefInfoList"> <div v-if="GtinResultData.links.productSustainabilityInfo" class="hrefInfoList">
<p>可持续性和回收（不建议使用）</p> <p>可持续性和回收（不建议使用）</p>
<div v-for="(link, index) in GtinResultData.links.productSustainabilityInfo" :key="index" class="hrefInfoList-list"> <div v-for="(link, index) in GtinResultData.links.productSustainabilityInfo" :key="index" class="hrefInfoList-list">
<p><span @click="openHref(link.href)">{{link.title}}</span><span>{{link.type}}</span></p> <p><span>
<a :href="link.href" target="_blank">{{link.title}}</a>
</span><span>{{link.type}}</span></p>
<P>语言：{{link.hreflang}}</P> <P>语言：{{link.hreflang}}</P>
</div> </div>
</div> </div>
<div v-if="GtinResultData.links.recipeInfo" class="hrefInfoList"> <div v-if="GtinResultData.links.recipeInfo" class="hrefInfoList">
<p>食谱网站</p> <p>食谱网站</p>
<div v-for="(link, index) in GtinResultData.links.recipeInfo" :key="index" class="hrefInfoList-list"> <div v-for="(link, index) in GtinResultData.links.recipeInfo" :key="index" class="hrefInfoList-list">
<p><span @click="openHref(link.href)">{{link.title}}</span><span>{{link.type}}</span></p> <p><span>
<a :href="link.href" target="_blank">{{link.title}}</a>
</span><span>{{link.type}}</span></p>
<P>语言：{{link.hreflang}}</P> <P>语言：{{link.hreflang}}</P>
</div> </div>
</div> </div>
...@@ -179,7 +193,11 @@ ...@@ -179,7 +193,11 @@
<div class="col-lg-12 result-info hrefInfo2"> <div class="col-lg-12 result-info hrefInfo2">
<p><span>企业名称：</span><span>{{GtinResultData.gs1Licence.licenseeName}}</span></p> <p><span>企业名称：</span><span>{{GtinResultData.gs1Licence.licenseeName}}</span></p>
<p><span>地址：</span><span v-html="addressInfo(GtinResultData.gs1Licence.address)"></span></p> <p><span>地址：</span><span v-html="addressInfo(GtinResultData.gs1Licence.address)"></span></p>
<p v-if="GtinResultData.gs1Licence.contactPoint"><span>网址：</span><span @click="openUrl(GtinResultData.gs1Licence.contactPoint[0].website)" style="cursor: pointer;">{{GtinResultData.gs1Licence.contactPoint[0].website}}</span></p> <p v-if="GtinResultData.gs1Licence.contactPoint"><span>网址：</span><span>
<a :href="GtinResultData.gs1Licence.contactPoint[0].website" target="_blank">
{{GtinResultData.gs1Licence.contactPoint[0].website}}
</a>
</span></p>
<p v-else><span>网址：</span><span>未知</span></p> <p v-else><span>网址：</span><span>未知</span></p>
<p><span>License类型：</span><span>{{GtinResultData.gs1Licence.licenceType}}</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>License Key：</span><span>{{GtinResultData.gs1Licence.licenceKey}}</span></p>
...@@ -198,7 +216,7 @@ ...@@ -198,7 +216,7 @@
<div class="gtin-cnt"> <div class="gtin-cnt">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<el-input v-model.number="glnInputValue" 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>
<!-- <div class="col-lg-1">--> <!-- <div class="col-lg-1">-->
<!-- <el-button class="gtin-btn">查询</el-button>--> <!-- <el-button class="gtin-btn">查询</el-button>-->
...@@ -228,253 +246,309 @@ ...@@ -228,253 +246,309 @@
</div> </div>
</div> </div>
<el-tabs v-model="gtinActiveName2" @tab-click="handleClick"> <el-tabs v-model="gtinActiveName2" @tab-click="handleClick">
<el-tab-pane label="GLN信息" name="first"> <template v-if="glnResultData.LEGAL_ENTITY || glnResultData.FIXED_PHYSICAL_LOCATION || glnResultData.DIGITAL_LOCATION || glnResultData.links.homepage || glnResultData.links.hasRetailers || glnResultData.links.sustainabilityInfo || glnResultData.links.productSustainabilityInfo || glnResultData.links.recipeInfo">
<div class="gin-cnt-info"> <el-tab-pane label="GLN信息" name="first">
<p>此GLN数据包含以下内容：</p> <div class="gin-cnt-info">
<el-collapse v-model="collapseActiveName" accordion> <p>此GLN数据包含以下内容：</p>
<el-collapse-item v-if="glnResultData.LEGAL_ENTITY" title="法人实体" name="1"> <el-collapse v-model="collapseActiveName" accordion>
<p style="font-size:16px;color:#002C6C;">{{glnResultData.LEGAL_ENTITY.organizationName[0].value}}</p> <el-collapse-item v-if="glnResultData.LEGAL_ENTITY" title="法人实体" name="1">
<p style="font-size:14px;color:#454545;">法人实体有效</p> <p style="font-size:16px;color:#002C6C;">{{glnResultData.LEGAL_ENTITY.organizationName[0].value}}</p>
<ul> <p style="font-size:14px;color:#454545;">法人实体有效</p>
<li> <ul>
<p><span>GLN</span><span>{{glnResultData.LEGAL_ENTITY.gln}}</span></p> <li>
</li> <p><span>GLN</span><span>{{glnResultData.LEGAL_ENTITY.gln}}</span></p>
<li> </li>
<p><span>GLN类型</span><span>{{glnResultData.LEGAL_ENTITY.glnType}}</span></p> <li>
</li> <p><span>GLN类型</span><span>{{glnResultData.LEGAL_ENTITY.glnType}}</span></p>
<li> </li>
<p><span>名称</span><span>({{glnResultData.LEGAL_ENTITY.organizationName[0].language}}){{glnResultData.LEGAL_ENTITY.organizationName[0].value}}</span></p> <li>
</li> <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>--> <li>
<p><span>组织角色</span><span>未知</span></p> <!-- <p><span>组织角色</span><span>(en)GS1 AISBL</span></p>-->
</li> <p><span>组织角色</span><span>未知</span></p>
<li> </li>
<!-- <p><span>父级位置</span><span>9506000140445</span></p>--> <li>
<p><span>父级位置</span><span>未知</span></p> <!-- <p><span>父级位置</span><span>9506000140445</span></p>-->
</li> <p><span>父级位置</span><span>未知</span></p>
<li> </li>
<!-- <p><span>相关地址</span><span>9506000140445</span></p>--> <li>
<p><span>相关地址</span><span>未知</span></p> <!-- <p><span>相关地址</span><span>9506000140445</span></p>-->
</li> <p><span>相关地址</span><span>未知</span></p>
<li> </li>
<!-- <p><span>其他标识</span><span>9506000140445</span></p>--> <li>
<p><span>其他标识</span><span>未知</span></p> <!-- <p><span>其他标识</span><span>9506000140445</span></p>-->
</li> <p><span>其他标识</span><span>未知</span></p>
</ul> </li>
<p style="font-size:16px;color:#002C6C;margin-top:15px">联系方式</p> </ul>
<ul> <p style="font-size:16px;color:#002C6C;margin-top:15px">联系方式</p>
<li> <ul>
<p v-if="glnResultData.LEGAL_ENTITY.contactPoint[0].email"><span>邮箱</span><span> <li>
<a :href="`mailto:${glnResultData.LEGAL_ENTITY.contactPoint[0].email}`"> <p v-if="glnResultData.LEGAL_ENTITY.contactPoint[0].email"><span>邮箱</span><span>
{{glnResultData.LEGAL_ENTITY.contactPoint[0].email}} <a :href="`mailto:${glnResultData.LEGAL_ENTITY.contactPoint[0].email}`">
</a> {{glnResultData.LEGAL_ENTITY.contactPoint[0].email}}
</span></p> </a>
<p v-else><span>邮箱</span><span>未知</span></p> </span></p>
</li> <p v-else><span>邮箱</span><span>未知</span></p>
<li> </li>
<p><span>电话</span><span>{{glnResultData.LEGAL_ENTITY.contactPoint[0].telephone}}</span></p> <li>
</li> <p><span>电话</span><span>{{glnResultData.LEGAL_ENTITY.contactPoint[0].telephone}}</span></p>
<li> </li>
<p v-if="glnResultData.LEGAL_ENTITY.contactPoint"><span>网址</span><span @click="openUrl(glnResultData.LEGAL_ENTITY.contactPoint[0].website)">{{glnResultData.LEGAL_ENTITY.contactPoint[0].website}}</span></p> <li>
<p v-else><span>网址</span><span>未知</span></p> <p v-if="glnResultData.LEGAL_ENTITY.contactPoint"><span>网址</span><span>
</li> <a :href="glnResultData.LEGAL_ENTITY.contactPoint[0].website" target="_blank">
<li> {{glnResultData.LEGAL_ENTITY.contactPoint[0].website}}
<!-- <p><span>可获取语言</span><span>Unknown</span></p>--> </a>
<p><span>可获取语言</span><span>未知</span></p> </span></p>
</li> <p v-else><span>网址</span><span>未知</span></p>
</ul> </li>
<p style="font-size:13px;color:#696D73;margin-top:15px">该数据由{{glnResultData.gs1Licence.licenseeName}}企业提供，并于{{dateFormat(glnResultData.gs1Licence.dateUpdated)}}最新更新</p> <li>
</el-collapse-item> <!-- <p><span>可获取语言</span><span>Unknown</span></p>-->
<el-collapse-item v-if="glnResultData.FIXED_PHYSICAL_LOCATION" title="固定物理位置" name="2"> <p><span>可获取语言</span><span>未知</span></p>
<p style="font-size:16px;color:#002C6C;">{{glnResultData.FIXED_PHYSICAL_LOCATION.physicalLocationName[0].value}}</p> </li>
<p style="font-size:14px;color:#454545;">固定物理位置有效</p> </ul>
<ul>
<li>
<p><span>GLN</span><span>{{glnResultData.FIXED_PHYSICAL_LOCATION.gln}}</span></p>
</li>
<li>
<p><span>GLN类型</span><span>{{glnResultData.FIXED_PHYSICAL_LOCATION.glnType}}</span></p>
</li>
<li>
<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>未知</span></p>
</li>
<li>
<!-- <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>未知</span></p>
</li>
<li>
<!-- <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>{{glnResultData.FIXED_PHYSICAL_LOCATION.address[0].postalName.value}}</span></p>
</li>
<li>
<p><span>国家代码</span><span>{{glnResultData.FIXED_PHYSICAL_LOCATION.address[0].countryCode}}</span></p>
</li>
<li>
<p><span>城市</span><span>{{glnResultData.FIXED_PHYSICAL_LOCATION.address[0].addressLocality.value}}</span></p>
</li>
<li>
<p><span>街道地址</span><span>{{glnResultData.FIXED_PHYSICAL_LOCATION.address[0].streetAddress.value}}</span></p>
</li>
<li>
<p><span>邮政编码</span><span>{{glnResultData.FIXED_PHYSICAL_LOCATION.address[0].postalCode}}</span></p>
</li>
</ul>
<p style="font-size:16px;color:#002C6C;margin-top:15px">联系方式</p>
<ul>
<li>
<p><span>邮箱</span><span>
<a :href="`mailto:${glnResultData.FIXED_PHYSICAL_LOCATION.contactPoint[0].email}`">
{{glnResultData.FIXED_PHYSICAL_LOCATION.contactPoint[0].email}}
</a>
</span></p>
</li>
<li>
<p><span>电话</span><span>{{glnResultData.FIXED_PHYSICAL_LOCATION.contactPoint[0].telephone}}</span></p>
</li>
<li>
<p><span>网址</span><span @click="openUrl(glnResultData.FIXED_PHYSICAL_LOCATION.contactPoint[0].website)">{{glnResultData.FIXED_PHYSICAL_LOCATION.contactPoint[0].website}}</span></p>
</li>
<li>
<!-- <p><span>可获取语言</span><span>Unknown</span></p>-->
<p><span>可获取语言</span><span>未知</span></p>
</li>
</ul>
<p style="font-size:13px;color:#696D73;margin-top:15px">该数据由{{glnResultData.gs1Licence.licenseeName}}企业提供，并于{{dateFormat(glnResultData.gs1Licence.dateUpdated)}}最新更新</p>
</el-collapse-item>
<el-collapse-item v-if="glnResultData.DIGITAL_LOCATION" title="数字位置" name="3">
<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>{{glnResultData.FIXED_PHYSICAL_LOCATION.gln}}</span></p>
</li>
<li>
<p><span>GLN类型</span><span>{{glnResultData.FIXED_PHYSICAL_LOCATION.glnType}}</span></p>
</li>
<li>
<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>未知</span></p>
</li>
<li>
<!-- <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>未知</span></p>
</li>
<li>
<!-- <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>{{glnResultData.DIGITAL_LOCATION.digitalAddress}}</span></p>
</li>
</ul>
<p style="font-size:16px;color:#002C6C;margin-top:15px">联系方式</p>
<ul>
<li>
<p v-if="glnResultData.DIGITAL_LOCATION.contactPoint"><span>邮箱</span><span>
<a :href="`mailto:${glnResultData.DIGITAL_LOCATION.contactPoint[0].email}`">
{{glnResultData.DIGITAL_LOCATION.contactPoint[0].email || '未知'}}
</a>
</span></p>
<p v-else><span>邮箱</span><span>未知</span></p>
</li>
<li>
<p v-if="glnResultData.DIGITAL_LOCATION.contactPoint"><span>电话</span><span>{{glnResultData.DIGITAL_LOCATION.contactPoint[0].telephone || '未知'}}</span></p>
<p v-else><span>电话</span><span>未知</span></p>
</li>
<li>
<p v-if="glnResultData.DIGITAL_LOCATION.contactPoint"><span>网址</span><span @click="openUrl(glnResultData.DIGITAL_LOCATION.contactPoint[0].website)">{{glnResultData.DIGITAL_LOCATION.contactPoint[0].website || '未知'}}</span></p>
<p v-else><span>网址</span><span>未知</span></p>
</li>
<li>
<!-- <p><span>可获取语言</span><span>Unknown</span></p>-->
<p><span>可获取语言</span><span>未知</span></p>
</li>
<p style="font-size:13px;color:#696D73;margin-top:15px">该数据由{{glnResultData.gs1Licence.licenseeName}}企业提供，并于{{dateFormat(glnResultData.gs1Licence.dateUpdated)}}最新更新</p> <p style="font-size:13px;color:#696D73;margin-top:15px">该数据由{{glnResultData.gs1Licence.licenseeName}}企业提供，并于{{dateFormat(glnResultData.gs1Licence.dateUpdated)}}最新更新</p>
</ul> </el-collapse-item>
</el-collapse-item> <el-collapse-item v-if="glnResultData.FIXED_PHYSICAL_LOCATION" title="固定物理位置" name="2">
<el-collapse-item v-if="glnResultData.links.homepage || glnResultData.links.hasRetailers || glnResultData.links.sustainabilityInfo || glnResultData.links.productSustainabilityInfo || glnResultData.links.recipeInfo" title="链接至其他信息" name="4"> <p style="font-size:16px;color:#002C6C;">{{glnResultData.FIXED_PHYSICAL_LOCATION.physicalLocationName[0].value}}</p>
<p v-if="glnResultData.links.homepage">企业网站</p> <p style="font-size:14px;color:#454545;">固定物理位置有效</p>
<div v-for="(link, index) in glnResultData.links.homepage" :key="index" class="hrefInfoList-list"> <ul>
<p><span @click="openHref(link.href)">{{link.title}}</span><span>{{link.type}}</span></p> <li>
<P>语言：{{link.hreflang}}</P> <p><span>GLN</span><span>{{glnResultData.FIXED_PHYSICAL_LOCATION.gln}}</span></p>
</div> </li>
<p style="font-size:16px;color:#002C6C;">有零售商</p> <li>
<div v-for="(link, index) in glnResultData.links.hasRetailers" :key="index"> <p><span>GLN类型</span><span>{{glnResultData.FIXED_PHYSICAL_LOCATION.glnType}}</span></p>
<p><span @click="openHref(link.href)" style="color:#00799E; cursor: pointer;">{{link.title}}</span><span style="color:#F26335;margin-left:8px">{{link.type}}</span></p> </li>
<P><span>语言：{{link.hreflang}}</span></P> <li>
</div> <p><span>名称</span><span>({{glnResultData.FIXED_PHYSICAL_LOCATION.physicalLocationName[0].language}}){{glnResultData.FIXED_PHYSICAL_LOCATION.physicalLocationName[0].value}}</span></p>
<!-- <div>--> </li>
<!-- <p><span style="color:#00799E">GS1 MOs</span><span style="color:#F26335;margin-left:8px">HTML</span></p>--> <li>
<!-- <p><span>语言：en</span></p>--> <!-- <p><span>组织角色</span><span>(en)GS1 AISBL</span></p>-->
<!-- </div>--> <p><span>组织角色</span><span>未知</span></p>
<p v-if="glnResultData.links.sustainabilityInfo" style="font-size:16px;color:#002C6C;">产品信息页</p> </li>
<div v-for="(link, index) in glnResultData.links.sustainabilityInfo" :key="index"> <li>
<p><span @click="openHref(link.href)" style="color:#00799E; cursor: pointer;">{{link.title}}</span><span style="color:#F26335;margin-left:8px">{{link.type}}</span></p> <!-- <p><span>父级位置</span><span>9506000140445</span></p>-->
<P><span>语言：{{link.hreflang}}</span></P> <p><span>父级位置</span><span>未知</span></p>
</div> </li>
<p v-if="glnResultData.links.productSustainabilityInfo" style="font-size:16px;color:#002C6C;">可持续性和回收（不建议使用）</p> <li>
<div v-for="(link, index) in glnResultData.links.productSustainabilityInfo" :key="index"> <!-- <p><span>相关地址</span><span>9506000140445</span></p>-->
<p><span @click="openHref(link.href)" style="color:#00799E; cursor: pointer;">{{link.title}}</span><span style="color:#F26335;margin-left:8px">{{link.type}}</span></p> <p><span>相关地址</span><span>未知</span></p>
<P><span>语言：{{link.hreflang}}</span></P> </li>
<li>
<!-- <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>{{glnResultData.FIXED_PHYSICAL_LOCATION.address[0].postalName.value}}</span></p>
</li>
<li>
<p><span>国家代码</span><span>{{glnResultData.FIXED_PHYSICAL_LOCATION.address[0].countryCode}}</span></p>
</li>
<li>
<p><span>城市</span><span>{{glnResultData.FIXED_PHYSICAL_LOCATION.address[0].addressLocality.value}}</span></p>
</li>
<li>
<p><span>街道地址</span><span>{{glnResultData.FIXED_PHYSICAL_LOCATION.address[0].streetAddress.value}}</span></p>
</li>
<li>
<p><span>邮政编码</span><span>{{glnResultData.FIXED_PHYSICAL_LOCATION.address[0].postalCode}}</span></p>
</li>
</ul>
<p style="font-size:16px;color:#002C6C;margin-top:15px">联系方式</p>
<ul>
<li>
<p><span>邮箱</span><span>
<a :href="`mailto:${glnResultData.FIXED_PHYSICAL_LOCATION.contactPoint[0].email}`">
{{glnResultData.FIXED_PHYSICAL_LOCATION.contactPoint[0].email}}
</a>
</span></p>
</li>
<li>
<p><span>电话</span><span>{{glnResultData.FIXED_PHYSICAL_LOCATION.contactPoint[0].telephone}}</span></p>
</li>
<li>
<p><span>网址</span><span>
<a :href="glnResultData.FIXED_PHYSICAL_LOCATION.contactPoint[0].website" target="_blank">
{{glnResultData.FIXED_PHYSICAL_LOCATION.contactPoint[0].website}}
</a>
</span></p>
</li>
<li>
<!-- <p><span>可获取语言</span><span>Unknown</span></p>-->
<p><span>可获取语言</span><span>未知</span></p>
</li>
</ul>
<p style="font-size:13px;color:#696D73;margin-top:15px">该数据由{{glnResultData.gs1Licence.licenseeName}}企业提供，并于{{dateFormat(glnResultData.gs1Licence.dateUpdated)}}最新更新</p>
</el-collapse-item>
<el-collapse-item v-if="glnResultData.DIGITAL_LOCATION" title="数字位置" name="3">
<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>{{glnResultData.FIXED_PHYSICAL_LOCATION.gln}}</span></p>
</li>
<li>
<p><span>GLN类型</span><span>{{glnResultData.FIXED_PHYSICAL_LOCATION.glnType}}</span></p>
</li>
<li>
<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>未知</span></p>
</li>
<li>
<!-- <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>未知</span></p>
</li>
<li>
<!-- <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>{{glnResultData.DIGITAL_LOCATION.digitalAddress}}</span></p>
</li>
</ul>
<p style="font-size:16px;color:#002C6C;margin-top:15px">联系方式</p>
<ul>
<li>
<p v-if="glnResultData.DIGITAL_LOCATION.contactPoint"><span>邮箱</span><span>
<a :href="`mailto:${glnResultData.DIGITAL_LOCATION.contactPoint[0].email}`">
{{glnResultData.DIGITAL_LOCATION.contactPoint[0].email || '未知'}}
</a>
</span></p>
<p v-else><span>邮箱</span><span>未知</span></p>
</li>
<li>
<p v-if="glnResultData.DIGITAL_LOCATION.contactPoint"><span>电话</span><span>{{glnResultData.DIGITAL_LOCATION.contactPoint[0].telephone || '未知'}}</span></p>
<p v-else><span>电话</span><span>未知</span></p>
</li>
<li>
<p v-if="glnResultData.DIGITAL_LOCATION.contactPoint"><span>网址</span><span>
<a :href="glnResultData.DIGITAL_LOCATION.contactPoint[0].website" target="_blank">
{{glnResultData.DIGITAL_LOCATION.contactPoint[0].website || '未知'}}
</a>
</span></p>
<p v-else><span>网址</span><span>未知</span></p>
</li>
<li>
<!-- <p><span>可获取语言</span><span>Unknown</span></p>-->
<p><span>可获取语言</span><span>未知</span></p>
</li>
<p style="font-size:13px;color:#696D73;margin-top:15px">该数据由{{glnResultData.gs1Licence.licenseeName}}企业提供，并于{{dateFormat(glnResultData.gs1Licence.dateUpdated)}}最新更新</p>
</ul>
</el-collapse-item>
<el-collapse-item v-if="glnResultData.links.homepage || glnResultData.links.hasRetailers || glnResultData.links.sustainabilityInfo || glnResultData.links.productSustainabilityInfo || glnResultData.links.recipeInfo" title="链接至其他信息" name="4">
<p v-if="glnResultData.links.homepage">企业网站</p>
<div v-for="(link, index) in glnResultData.links.homepage" :key="index" class="hrefInfoList-list">
<p><span>
<a :href="link.href" target="_blank">{{link.title}}</a>
</span><span>{{link.type}}</span></p>
<P>语言：{{link.hreflang}}</P>
</div>
<p style="font-size:16px;color:#002C6C;">有零售商</p>
<div v-for="(link, index) in glnResultData.links.hasRetailers" :key="index">
<p><span>
<a :href="link.href" target="_blank">{{link.title}}</a>
</span><span style="color:#F26335;margin-left:8px">{{link.type}}</span></p>
<p><span>语言：{{link.hreflang}}</span></p>
</div>
<!-- <div>-->
<!-- <p><span style="color:#00799E">GS1 MOs</span><span style="color:#F26335;margin-left:8px">HTML</span></p>-->
<!-- <p><span>语言：en</span></p>-->
<!-- </div>-->
<p v-if="glnResultData.links.sustainabilityInfo" style="font-size:16px;color:#002C6C;">产品信息页</p>
<div v-for="(link, index) in glnResultData.links.sustainabilityInfo" :key="index">
<p><span>
<a :href="link.href" target="_blank">{{link.title}}</a>
</span><span style="color:#F26335;margin-left:8px">{{link.type}}</span></p>
<P><span>语言：{{link.hreflang}}</span></P>
</div>
<p v-if="glnResultData.links.productSustainabilityInfo" style="font-size:16px;color:#002C6C;">可持续性和回收（不建议使用）</p>
<div v-for="(link, index) in glnResultData.links.productSustainabilityInfo" :key="index">
<p><span>
<a :href="link.href" target="_blank">{{link.title}}</a>
</span><span style="color:#F26335;margin-left:8px">{{link.type}}</span></p>
<P><span>语言：{{link.hreflang}}</span></P>
</div>
<p v-if="glnResultData.links.recipeInfo" style="font-size:16px;color:#002C6C;">食谱网站</p>
<div v-for="(link, index) in glnResultData.links.recipeInfo" :key="index">
<p><span>
<a :href="link.href" target="_blank">{{link.title}}</a>
</span><span style="color:#F26335;margin-left:8px">{{link.type}}</span></p>
<P><span>语言：{{link.hreflang}}</span></P>
</div>
</el-collapse-item>
</el-collapse>
</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>-->
<!-- <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 v-html="addressInfo(glnResultData.gs1Licence.address)"></span></p>
<p v-if="glnResultData.gs1Licence.contactPoint"><span>网址：</span><span>
<a :href="glnResultData.gs1Licence.contactPoint[0].website" target="_blank">
{{glnResultData.gs1Licence.contactPoint[0].website}}
</a>
</span></p>
<p v-else><span>网址：</span><span>未知</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 v-if="glnResultData.links.recipeInfo" style="font-size:16px;color:#002C6C;">食谱网站</p> </div>
<div v-for="(link, index) in glnResultData.links.recipeInfo" :key="index"> <p style="font-size:13px;margin:15px 0 0 0 ;">该License数据由{{glnResultData.gs1Licence.licensingMO.moName}}提供，并于{{dateFormat(glnResultData.gs1Licence.dateUpdated)}}最新更新</p>
<p><span @click="openHref(link.href)" style="color:#00799E; cursor: pointer;">{{link.title}}</span><span style="color:#F26335;margin-left:8px">{{link.type}}</span></p> </div>
<P><span>语言：{{link.hreflang}}</span></P> </el-tab-pane>
</template>
<template v-else>
<el-tab-pane label="企业信息" name="first">
<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>{{glnResultData.gs1Licence.licenseeName}}</span></p>
<p><span>地址：</span><span v-html="addressInfo(glnResultData.gs1Licence.address)"></span></p>
<p v-if="glnResultData.gs1Licence.contactPoint"><span>网址：</span><span>
<a :href="glnResultData.gs1Licence.contactPoint[0].website" target="_blank">
{{glnResultData.gs1Licence.contactPoint[0].website}}
</a>
</span></p>
<p v-else><span>网址：</span><span>未知</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>
</el-collapse-item>
</el-collapse>
</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>-->
<!-- <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 v-html="addressInfo(glnResultData.gs1Licence.address)"></span></p>
<p v-if="glnResultData.gs1Licence.contactPoint"><span>网址：</span><span @click="openUrl(glnResultData.gs1Licence.contactPoint[0].website)" style="cursor: pointer;">{{glnResultData.gs1Licence.contactPoint[0].website}}</span></p>
<p v-else><span>网址：</span><span>未知</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数据由{{glnResultData.gs1Licence.licensingMO.moName}}提供，并于{{dateFormat(glnResultData.gs1Licence.dateUpdated)}}最新更新</p>
</div> </div>
<p style="font-size:13px;margin:15px 0 0 0 ;">该License数据由{{glnResultData.gs1Licence.licensingMO.moName}}提供，并于{{dateFormat(glnResultData.gs1Licence.dateUpdated)}}最新更新</p> </el-tab-pane>
</div> </template>
</el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
<span style="color: rgb(255, 59, 48)" v-else>{{ errorMsg }}</span> <span style="color: rgb(255, 59, 48)" v-else>{{ errorMsg }}</span>
...@@ -537,7 +611,11 @@ ...@@ -537,7 +611,11 @@
<!-- <p><span>发码MO：</span><span>500（Gram）</span></p>--> <!-- <p><span>发码MO：</span><span>500（Gram）</span></p>-->
<p><span>企业名称：</span><span>{{gs1ResultData.gs1Licence.licenseeName}}</span></p> <p><span>企业名称：</span><span>{{gs1ResultData.gs1Licence.licenseeName}}</span></p>
<p><span>地址：</span><span v-html="addressInfo(gs1ResultData.gs1Licence.address)"></span></p> <p><span>地址：</span><span v-html="addressInfo(gs1ResultData.gs1Licence.address)"></span></p>
<p v-if="gs1ResultData.gs1Licence.contactPoint"><span>网址：</span><span @click="openUrl(gs1ResultData.gs1Licence.contactPoint[0].website)" style="cursor: pointer;">{{gs1ResultData.gs1Licence.contactPoint[0].website}}</span></p> <p v-if="gs1ResultData.gs1Licence.contactPoint"><span>网址：</span><span>
<a :href="glnResultData.gs1Licence.contactPoint[0].website" target="_blank">
{{gs1ResultData.gs1Licence.contactPoint[0].website}}
</a>
</span></p>
<p v-else><span>网址：</span><span>未知</span></p> <p v-else><span>网址：</span><span>未知</span></p>
<p><span>License类型：</span><span>{{gs1ResultData.gs1Licence.licenceType}}</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>License Key：</span><span>{{gs1ResultData.gs1Licence.licenceKey}}</span></p>
...@@ -676,11 +754,15 @@ ...@@ -676,11 +754,15 @@
<el-tabs class="tab3"> <el-tabs class="tab3">
<el-tab-pane label="企业信息" > <el-tab-pane label="企业信息" >
<div class="commodityInfo"> <div class="commodityInfo">
<div class="commodityInfo-cnt row"> <div class="commodityInfo-cnt">
<div class="col-lg-12 result-info hrefInfo2"> <div class="col-lg-12 result-info hrefInfo2">
<p><span>企业名称：</span><span>{{licenseeDetail.licenseeName || '未知'}}</span></p> <p><span>企业名称：</span><span>{{licenseeDetail.licenseeName || '未知'}}</span></p>
<p><span>地址：</span><span v-html="addressInfo(licenseeDetail.address)"></span></p> <p><span>地址：</span><span v-html="addressInfo(licenseeDetail.address)"></span></p>
<p v-if="licenseeDetail.contactPoint"><span>网址：</span><span @click="openUrl(licenseeDetail.contactPoint[0].website)" style="cursor: pointer;">{{licenseeDetail.contactPoint[0].website}}</span></p> <p v-if="licenseeDetail.contactPoint"><span>网址：</span><span>
<a :href="licenseeDetail.contactPoint[0].website" target="_blank">
{{licenseeDetail.contactPoint[0].website}}
</a>
</span></p>
<p v-else><span>网址：</span><span>未知</span></p> <p v-else><span>网址：</span><span>未知</span></p>
<p><span>License类型：</span><span>{{licenseeDetail.licenceType || '未知'}}</span></p> <p><span>License类型：</span><span>{{licenseeDetail.licenceType || '未知'}}</span></p>
<p><span>License Key：</span><span>{{licenseeDetail.licenceKey || '未知'}}</span></p> <p><span>License Key：</span><span>{{licenseeDetail.licenceKey || '未知'}}</span></p>
...@@ -775,7 +857,7 @@ export default { ...@@ -775,7 +857,7 @@ export default {
const language = addressLocality.language || addressRegion.language || addressSuburb.language || streetAddress.language const language = addressLocality.language || addressRegion.language || addressSuburb.language || streetAddress.language
if (postalName.value || language || streetAddress.value || addressLocality.value || addressRegion.value || postalCode) { if (postalName.value || language || streetAddress.value || addressLocality.value || addressRegion.value || postalCode) {
// return `${postalName.value ? postalName.value+'<br/>' : ''}(${language || ''}) ${streetAddress.value || ''} ${addressLocality.value || ''} ${addressRegion.value || ''}<br/>${postalCode || ''}<br/>${countryCode || ''}` // return `${postalName.value ? postalName.value+'<br/>' : ''}(${language || ''}) ${streetAddress.value || ''} ${addressLocality.value || ''} ${addressRegion.value || ''}<br/>${postalCode || ''}<br/>${countryCode || ''}`
return `${postalName.value ? postalName.value+'<br/>' : ''}${streetAddress.value || ''} ${streetAddressLine2.value || ''}<br/> ${addressLocality.value || ''} ${addressRegion.value || ''}<br/>${postalCode || ''}<br/>${countryCode || ''}` return `${postalName.value ? postalName.value+'<br/>' : ''}${streetAddress.value || ''} ${streetAddressLine2.value || ''}<br/> ${addressLocality.value || ''} ${addressRegion.value || ''}<br/>${postalCode ? postalCode+'<br/>' : ''}${countryCode || ''}`
} else { } else {
return '未知' return '未知'
} }
...@@ -1124,6 +1206,11 @@ export default { ...@@ -1124,6 +1206,11 @@ export default {
.right { .right {
} }
} }
@media screen and (max-width: 992px) {
.body {
padding: 10px 15px !important;
}
}
.body1{ .body1{
padding-top: 0!important; padding-top: 0!important;
} }
...@@ -1276,6 +1363,9 @@ export default { ...@@ -1276,6 +1363,9 @@ export default {
} }
.commodityInfo{ .commodityInfo{
padding: 30px; padding: 30px;
@media screen and (max-width: 992px) {
padding: 10px;
}
border-bottom: 1px solid #C5D8EE; border-bottom: 1px solid #C5D8EE;
.result-info{ .result-info{
font-size: 14px; font-size: 14px;
...@@ -1292,7 +1382,7 @@ export default { ...@@ -1292,7 +1382,7 @@ export default {
text-align: right; text-align: right;
} }
span:last-child{ span:last-child{
word-break: break-all; word-break: break-word;
color: #002C6C; color: #002C6C;
margin-left: 12px; margin-left: 12px;
} }
...@@ -1354,6 +1444,9 @@ export default { ...@@ -1354,6 +1444,9 @@ export default {
} }
.gin-cnt-info{ .gin-cnt-info{
padding: 32px 30px; padding: 32px 30px;
@media screen and (max-width: 992px) {
padding: 26px 10px;
}
>p{ >p{
font-size: 22px; font-size: 22px;
font-weight: 600; font-weight: 600;
...@@ -1394,6 +1487,11 @@ export default { ...@@ -1394,6 +1487,11 @@ export default {
width: 50%; width: 50%;
padding-left: 12px; padding-left: 12px;
} }
@media screen and (max-width: 992px) {
span:first-child{
width: 38%;
}
}
span:last-child{ span:last-child{
color: #002C6C; color: #002C6C;
} }
...@@ -1477,4 +1575,17 @@ export default { ...@@ -1477,4 +1575,17 @@ export default {
.el-collapse-item__arrow.is-active { .el-collapse-item__arrow.is-active {
transform: rotate(270deg); transform: rotate(270deg);
} }
.el-tabs__active-bar {
height: 0px;
}
.el-dialog {
@media screen and (max-width: 992px) {
top: 100px !important;
width: 95% !important;
margin-top: 0 !important;
.el-dialog__body {
padding: 5px 10px;
}
}
}
</style> </style>
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