Skip to content

G
gs1
Commit 2979fd8c by tang
Options

feat: 首页查询跳转

parent bb5e2c13
Showing with 189 additions and 167 deletions
src/views/Home/index.vue
......@@ -13,11 +13,11 @@
{{ el.brief }}
</p>
<button
:class="['carousel-btn', el.colorMore]"
@click="learnMore(i)"
:class="['carousel-btn', el.colorMore]"
@click="learnMore(i)"
>
<span>了解更多</span
><img src="../../assets/image/home/more-arrow.png" alt="" />
><img src="../../assets/image/home/more-arrow.png" alt=""/>
</button>
</div>
</div>
......@@ -26,7 +26,7 @@
<!-- <img :src="el.picIndexPath" alt="" class="container"/>-->
<!-- </div>-->
<div class="banner-bg">
<img :src="el.picIndexPath" alt="" />
<img :src="el.picIndexPath" alt=""/>
</div>
</div>
</div>
......@@ -48,30 +48,30 @@
<div class="col-lg-6">
<div class="newsBanner">
<VueSlickCarousel
v-bind="newsBannerSettingsA"
v-if="newsBanner.length > 0"
ref="newsBannerA"
:asNavFor="$refs.newsBannerB"
v-bind="newsBannerSettingsA"
v-if="newsBanner.length > 0"
ref="newsBannerA"
:asNavFor="$refs.newsBannerB"
>
<div
class="newsBanner-item"
v-for="el in newsBanner"
:key="el.id"
class="newsBanner-item"
v-for="el in newsBanner"
:key="el.id"
>
<img :src="el.picFile" alt="..." class="newsBanner-tp" />
<img :src="el.picFile" alt="..." class="newsBanner-tp"/>
</div>
</VueSlickCarousel>
<VueSlickCarousel
v-bind="newsBannerSettingsB"
v-if="newsBanner.length > 0"
ref="newsBannerB"
class="newsBannerB"
:asNavFor="$refs.newsBannerA"
v-bind="newsBannerSettingsB"
v-if="newsBanner.length > 0"
ref="newsBannerB"
class="newsBannerB"
:asNavFor="$refs.newsBannerA"
>
<div
class="newsBanner-item"
v-for="el in newsBanner"
:key="el.id"
class="newsBanner-item"
v-for="el in newsBanner"
:key="el.id"
>
<div class="newsBanner-title" :title="el.title">
{{ el.title }}
......@@ -89,21 +89,21 @@
<div class="col-lg-6">
<ul class="nav nav-tabs tabs1" id="myTab" role="tablist">
<li
class="nav-item"
role="presentation"
v-for="(tmp, i) in news"
:key="i"
@click="handelNewsTab(i)"
class="nav-item"
role="presentation"
v-for="(tmp, i) in news"
:key="i"
@click="handelNewsTab(i)"
>
<button
:class="['nav-link', { active: i === 0 }]"
:id="tmp.type + '-tab'"
data-bs-toggle="tab"
:data-bs-target="'#' + tmp.type"
type="button"
role="tab"
:aria-controls="tmp.type"
aria-selected="true"
:class="['nav-link', { active: i === 0 }]"
:id="tmp.type + '-tab'"
data-bs-toggle="tab"
:data-bs-target="'#' + tmp.type"
type="button"
role="tab"
:aria-controls="tmp.type"
aria-selected="true"
>
<span>{{ tmp.name }}</span>
</button>
......@@ -111,11 +111,11 @@
</ul>
<div class="tab-content marginTop10">
<div
class="tab-pane fade show active"
role="tabpanel"
aria-labelledby="yaowen-tab"
class="tab-pane fade show active"
role="tabpanel"
aria-labelledby="yaowen-tab"
>
<list :list="news[0].data" />
<list :list="news[0].data"/>
</div>
</div>
</div>
......@@ -139,13 +139,13 @@
</button>
<div class="row ywdt-kj whbsxtcy-row">
<div
class="col-6"
v-for="(tmp, i) in whbsxtcy"
:key="i"
@click="whbsxtcyHandelClick(i)"
class="col-6"
v-for="(tmp, i) in whbsxtcy"
:key="i"
@click="whbsxtcyHandelClick(i)"
>
<div class="ywdt-tp">
<img :src="tmp.ico" alt="" />
<img :src="tmp.ico" alt=""/>
</div>
<div class="ywdt-bt">{{ tmp.name }}</div>
</div>
......@@ -158,13 +158,13 @@
</div>
<div class="row ywdt-kj wsxtcy-row">
<div
class="col-6"
v-for="(tmp, i) in wsxtcy"
:key="i"
@click="wsxtcyHandelClick(i)"
class="col-6"
v-for="(tmp, i) in wsxtcy"
:key="i"
@click="wsxtcyHandelClick(i)"
>
<div class="ywdt-tp">
<img :src="tmp.ico" alt="" />
<img :src="tmp.ico" alt=""/>
</div>
<div class="ywdt-bt">{{ tmp.name }}</div>
</div>
......@@ -178,13 +178,13 @@
</div>
<div class="row ywdt-kj wsylqy-row">
<div
class="col-6"
v-for="(tmp, i) in wsylqy"
:key="i"
@click="wsylqyHandelClick(i)"
class="col-6"
v-for="(tmp, i) in wsylqy"
:key="i"
@click="wsylqyHandelClick(i)"
>
<div class="ywdt-tp">
<img :src="tmp.ico" alt="" />
<img :src="tmp.ico" alt=""/>
</div>
<div class="ywdt-bt">{{ tmp.name }}</div>
</div>
......@@ -196,20 +196,20 @@
</div>
<div class="row ywdt-kj kjywblzq-row" v-if="false">
<div
class="col-6"
v-for="(tmp, i) in kjywblzq"
:key="i"
@click="kjywblzqHandelClick(i)"
class="col-6"
v-for="(tmp, i) in kjywblzq"
:key="i"
@click="kjywblzqHandelClick(i)"
>
<div class="ywdt-tp">
<img :src="tmp.ico" alt="" />
<img :src="tmp.ico" alt=""/>
</div>
<div class="ywdt-bt">{{ tmp.name }}</div>
</div>
</div>
<div class="row ywdt-kj kjywblzq-row">
<div
class="kjywblzq-col"
class="kjywblzq-col"
>
<div class="ywdt-bt">跨境业务办理（GLN/LEI/其他）</div>
</div>
......@@ -225,14 +225,14 @@
<div class="row">
<template v-for="(tmp, i) in dzfw">
<div
class="col-6 col-lg-4 dzfw-li"
:key="i"
v-if="tmp.isChecked"
@click="dzfwHandelClick(i)"
class="col-6 col-lg-4 dzfw-li"
:key="i"
v-if="tmp.isChecked"
@click="dzfwHandelClick(i)"
>
<div class="dzfw-border">
<div class="dzfw-tp">
<img :src="tmp.ico" alt="" />
<img :src="tmp.ico" alt=""/>
</div>
<div class="dzfw-bt">{{ tmp.name }}</div>
</div>
......@@ -248,28 +248,28 @@
<ul class="nav nav-tabs tabs2 row" id="myTab" role="tablist">
<li class="nav-item col-lg-2" role="presentation">
<button
class="nav-link active"
id="home-tab"
data-bs-toggle="tab"
data-bs-target="#csxx"
type="button"
role="tab"
aria-controls="home"
aria-selected="true"
class="nav-link active"
id="home-tab"
data-bs-toggle="tab"
data-bs-target="#csxx"
type="button"
role="tab"
aria-controls="home"
aria-selected="true"
>
<span>厂商信息</span>
</button>
</li>
<li class="nav-item col-lg-2" role="presentation">
<button
class="nav-link"
id="profile-tab"
data-bs-toggle="tab"
data-bs-target="#cpxx"
type="button"
role="tab"
aria-controls="profile"
aria-selected="false"
class="nav-link"
id="profile-tab"
data-bs-toggle="tab"
data-bs-target="#cpxx"
type="button"
role="tab"
aria-controls="profile"
aria-selected="false"
>
<span>产品信息</span>
</button>
......@@ -277,49 +277,49 @@
</ul>
<div class="tab-content" id="myTabContent">
<div
class="tab-pane fade show active"
id="csxx"
role="tabpanel"
aria-labelledby="home-tab"
class="tab-pane fade show active"
id="csxx"
role="tabpanel"
aria-labelledby="home-tab"
>
<div class="chaxun">
<div class="chaxun-kj">
<div class="row">
<div class="col-lg-2 chaxun-left">
<el-select
v-model="chaxun.type"
placeholder="请选择"
clearable
v-model="chaxun.type"
placeholder="请选择"
clearable
>
<el-option
v-for="(item, i) in chaxun.options"
:key="i"
:label="item.label"
:value="item.value"
v-for="(item, i) in chaxun.options"
:key="i"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</div>
<div class="col-lg-7 chaxun-middle">
<el-input
placeholder="请输入厂商名称"
v-model="chaxun.keywords"
clearable
placeholder="请输入厂商名称"
v-model="chaxun.keywords"
clearable
>
</el-input>
</div>
<div class="col-lg-3 chaxun-right">
<button>境内条码查询</button>
<button @click="toSearch(chaxun.type,chaxun.keywords,'company')">境内条码查询</button>
</div>
</div>
</div>
</div>
</div>
<div
class="tab-pane fade"
id="cpxx"
role="tabpanel"
aria-labelledby="profile-tab"
class="tab-pane fade"
id="cpxx"
role="tabpanel"
aria-labelledby="profile-tab"
>
<div class="chaxun">
<div class="chaxun-kj">
......@@ -327,24 +327,24 @@
<div class="col-lg-2 chaxun-left">
<el-select v-model="chaxun.type" placeholder="请选择">
<el-option
v-for="(item, i) in chaxun.options"
:key="i"
:label="item.label"
:value="item.value"
v-for="(item, i) in chaxun.options"
:key="i"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</div>
<div class="col-lg-7 chaxun-middle">
<el-input
placeholder="请输入厂商名称"
v-model="chaxun.keywords"
clearable
placeholder="请输入厂商名称"
v-model="chaxun.keywords"
clearable
>
</el-input>
</div>
<div class="col-lg-3 chaxun-right">
<button>境内条码查询</button>
<button @click="toSearch(chaxun.type,chaxun.keywords,'product')">境内条码查询</button>
</div>
</div>
</div>
......@@ -360,9 +360,9 @@
<div class="spqqsfz-cate">
<div class="spqqsfz-cate-left">商品全球身份证</div>
<div
class="spqqsfz-cate-right"
@click="spqqsfzHandelClick"
v-if="false"
class="spqqsfz-cate-right"
@click="spqqsfzHandelClick"
v-if="false"
>
更多>
</div>
......@@ -370,7 +370,7 @@
<div class="spqqsfz-cont row">
<div class="spqqsfz-cont-left col-lg-2">
<div class="spqqsfz-cont-left-tp">
<img :src="spqqsfz.surl" alt="" />
<img :src="spqqsfz.surl" alt=""/>
</div>
</div>
<div class="spqqsfz-cont-right col-lg-10">
......@@ -394,7 +394,7 @@
<div class="col offset-2 offset-lg-3">
<button class="spqqsfz-btn blue" @click="spqqsfzHandelClick">
<span>更多商品信息</span
><img src="../../assets/image/home/more-arrow.png" alt="" />
><img src="../../assets/image/home/more-arrow.png" alt=""/>
</button>
</div>
</div>
......@@ -413,56 +413,56 @@
<div class="home-bottom-cate">党建文化</div>
<div class="djwh-tp">
<a href="/djwh" target="blank"
><img
><img
src="../../assets/image/home/dangjianwenhua.png"
alt=""
/></a>
</div>
<list2 :list="djwh.data" />
<list2 :list="djwh.data"/>
</div>
<div class="ztjj">
<div class="home-bottom-cate">专题聚焦</div>
<div class="djwh-tp">
<a href="/News/DepthTopics" target="blank"
><img
><img
src="../../assets/image/home/zhuantijujiao.png"
alt=""
/></a>
</div>
<list2 :list="ztjj.data" />
<list2 :list="ztjj.data"/>
</div>
<div class="yyly">
<div class="home-bottom-cate">应用领域</div>
<yylyList :list="yyly.data" />
<yylyList :list="yyly.data"/>
</div>
<div class="other">
<div class="home-bottom-cate">
质检中心/协会/杂志社/标准委/其他
</div>
<otherList :list="other.data" />
<otherList :list="other.data"/>
</div>
</div>
</div>
</div>
<div class="smallPCImages pc">
<VueSlickCarousel
v-bind="smallPCImagesSettings"
v-if="smallPCImages.length > 0"
ref="smallPCImages"
v-bind="smallPCImagesSettings"
v-if="smallPCImages.length > 0"
ref="smallPCImages"
>
<div
class="smallPCImages-item"
v-for="(tmpA, i) in smallPCImages"
:key="i"
class="smallPCImages-item"
v-for="(tmpA, i) in smallPCImages"
:key="i"
>
<div class="row">
<div
class="col-lg-4"
v-for="(tmpB, ii) in tmpA"
:key="ii"
@click="handelSmallImagesClick(tmpB)"
class="col-lg-4"
v-for="(tmpB, ii) in tmpA"
:key="ii"
@click="handelSmallImagesClick(tmpB)"
>
<img :src="tmpB.picIndexPath" />
<img :src="tmpB.picIndexPath"/>
</div>
</div>
</div>
......@@ -476,18 +476,18 @@
</div>
<div class="smallPCImages H5">
<VueSlickCarousel
v-bind="smallH5ImagesSettings"
v-if="smallPCImages.length > 0"
ref="smallPCImages"
v-bind="smallH5ImagesSettings"
v-if="smallPCImages.length > 0"
ref="smallPCImages"
>
<div
class="smallPCImages-item"
v-for="(tmpA, i) in smallH5Images"
:key="i"
class="smallPCImages-item"
v-for="(tmpA, i) in smallH5Images"
:key="i"
>
<div class="row">
<div class="col" @click="handelSmallImagesClick(tmpA)">
<img :src="tmpA.picIndexPath" />
<img :src="tmpA.picIndexPath"/>
</div>
</div>
</div>
......@@ -504,11 +504,11 @@
</div>
</div>
</div>
<notice />
<notice/>
<modal
:dialogData="dzfwMoreDialog"
@toFatherClose="dzfwMoreHandel(false)"
v-if="dzfwMoreDialog.isShow"
:dialogData="dzfwMoreDialog"
@toFatherClose="dzfwMoreHandel(false)"
v-if="dzfwMoreDialog.isShow"
>
<template v-slot:body>
<div class="dzfwDialog">
......@@ -517,12 +517,12 @@
<li :key="i" v-if="tmp.name !== '更多定制'">
<div class="li-kj">
<el-checkbox
:value="tmp.isChecked"
class="dzfwDialog-checkbox"
@change="dzfwHandelChange(i)"
:value="tmp.isChecked"
class="dzfwDialog-checkbox"
@change="dzfwHandelChange(i)"
></el-checkbox>
<div class="dzfwDialog-ico">
<img :src="tmp.ico" alt="" />
<img :src="tmp.ico" alt=""/>
</div>
<div class="dzfwDialog-title">{{ tmp.name }}</div>
</div>
......@@ -625,11 +625,11 @@ export default {
},
],
chaxun: {
type: "",
type: "1",
options: [
{
label: "根据厂商名称查询",
value: "根据厂商名称查询",
value: "1",
},
],
keywords: "",
......@@ -968,6 +968,17 @@ export default {
this.getCustomServiceFromServer();
},
methods: {
toSearch(type, keyword, infoType) {
console.log(type)
this.$router.push({
path: '/search/internal',
query: {
keyword,
type,
infoType
}
})
},
getCustomService() {
let service = localStorage.getItem("gs-custom-service") || "";
console.log("getCustomService-----------", service);
......@@ -979,7 +990,7 @@ export default {
async getCustomServiceFromServer() {
const searchGlnRes = await this.$api.home.customService();
const { returnCode, data } = searchGlnRes;
const {returnCode, data} = searchGlnRes;
if (returnCode === "0") {
localStorage.setItem("gs-custom-service", JSON.stringify(data));
this.showCustomService(data);
......@@ -1032,7 +1043,7 @@ export default {
async homeBigImages() {
// console.log(this.$api, 'this.$api');
const homeBigImagesRes = await this.$api.home.homeBigImages();
const { returnCode, data } = homeBigImagesRes;
const {returnCode, data} = homeBigImagesRes;
if (returnCode === "0") {
this.banner = data;
console.log(this.banner, "this.banner");
......@@ -1046,8 +1057,8 @@ export default {
// 要闻左侧图片资讯
async homePictureImageList() {
const homePictureImageListRes =
await this.$api.home.homePictureImageList();
const { returnCode, data } = homePictureImageListRes;
await this.$api.home.homePictureImageList();
const {returnCode, data} = homePictureImageListRes;
if (returnCode === "0") {
data.forEach((el) => {
el.picFile = `http://www.gs1cn.org/news/newsimg/${el.picFile}`;
......@@ -1059,8 +1070,8 @@ export default {
// 要闻右侧标题列表
async homeImportantNewList() {
const homeImportantNewListRes =
await this.$api.home.homeImportantNewList();
const { returnCode, data } = homeImportantNewListRes;
await this.$api.home.homeImportantNewList();
const {returnCode, data} = homeImportantNewListRes;
if (returnCode === "0") {
data.forEach((el) => {
el.time = this.$moment(el.showtime).format("MM-DD");
......@@ -1079,12 +1090,12 @@ export default {
async homeNewGtin() {
console.log(process.env, "process.env");
this.$http
.get(`${process.env.VUE_APP_GDS_URL}/Data/NewGtin`)
.then((res) => {
res.body.murl = `http://data-studio.gds.org.cn/${res.body.murl}`;
res.body.surl = `http://data-studio.gds.org.cn/${res.body.surl}`;
this.spqqsfz = res.body;
});
.get(`${process.env.VUE_APP_GDS_URL}/Data/NewGtin`)
.then((res) => {
res.body.murl = `http://data-studio.gds.org.cn/${res.body.murl}`;
res.body.surl = `http://data-studio.gds.org.cn/${res.body.surl}`;
this.spqqsfz = res.body;
});
},
// 党建文化新闻列表
async homeGet4PartyTopNews() {
......@@ -1093,9 +1104,9 @@ export default {
classid: 428,
};
const homeGet4PartyTopNewsRes = await this.$api.home.homeGet4PartyTopNews(
params
params
);
const { returnCode, data } = homeGet4PartyTopNewsRes;
const {returnCode, data} = homeGet4PartyTopNewsRes;
if (returnCode === "0") {
console.log(homeGet4PartyTopNewsRes, "党建文化新闻列表");
this.djwh.data = data;
......@@ -1104,7 +1115,7 @@ export default {
// 首页小轮播图
async homeSmallImages() {
const homeSmallImagesRes = await this.$api.home.homeSmallImages();
const { returnCode, data } = homeSmallImagesRes;
const {returnCode, data} = homeSmallImagesRes;
if (returnCode === "0") {
let list = [];
data.forEach((el, i) => {
......@@ -1398,8 +1409,7 @@ export default {
&::before {
width: 24px;
height: 50px;
background: url("../../assets/image/home/prevArrow-hover2.png")
no-repeat;
background: url("../../assets/image/home/prevArrow-hover2.png") no-repeat;
background-size: 100% 100%;
}
}
......@@ -1409,8 +1419,7 @@ export default {
&::before {
width: 24px;
height: 50px;
background: url("../../assets/image/home/nextArrow-hover2.png")
no-repeat;
background: url("../../assets/image/home/nextArrow-hover2.png") no-repeat;
background-size: 100% 100%;
}
}
......@@ -1936,11 +1945,13 @@ export default {
align-items: center;
justify-content: center;
}
.kjywblzq-col{
.kjywblzq-col {
display: flex;
align-items: center;
justify-content: center;
}
.ywdt-bt {
color: #0e2c6b;
font-size: 14px;
......@@ -2019,8 +2030,7 @@ export default {
// padding: 0 10px;
cursor: pointer;
@media screen and (min-width: 992px) {
background: url("../../assets/image/home/line.png") no-repeat right
center;
background: url("../../assets/image/home/line.png") no-repeat right center;
&:nth-child(-n + 3) {
.dzfw-border {
border: 0;
......
src/views/Search/internal.vue
......@@ -212,6 +212,18 @@ export default {
components: {
Vcode,
},
created() {
if(this.$route.query.infoType){
if(this.$route.query.infoType === 'product'){
this.activeName = 'second'
this.productSearch.code = this.$route.query.keyword
}else if(this.$route.query.infoType === 'company'){
this.activeName = 'first'
this.company = NAME
this.companySearch.name = this.$route.query.keyword
}
}
},
methods: {
// 点击此处进行验证
handleVerification() {
......
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