Skip to content

G
gs1
Commit 372f3003 by 林家欣
Options

修改导航被放出条码查询图形验证但未逻辑联调

parent a83e4985
Showing with 241 additions and 245 deletions
src/components/layout/header/mock.js
...@@ -550,20 +550,32 @@ export const nav = [ ...@@ -550,20 +550,32 @@ export const nav = [
children: [ children: [
{ {
id: uuid("gs_nav"), id: uuid("gs_nav"),
name: "全球法人机构识别编码（LEI）业务办理", name: "跨境业务办理（GLN/LEI/其他）",
index: 2, index: 2,
link: "/Business/GLN", link: "",
breadcrumb: [ breadcrumb: [
{ name: "业务大厅", path: "/Business" }, { name: "业务大厅", path: "/Business" },
{ name: "办理其他业务", path: "/Business/GLN" }, { name: "办理其他业务", path: "/Business/GLN" },
{ name: "全球参与方位置代码（GLN）业务办理" }, { name: "跨境业务办理（GLN/LEI/其他）" },
], ],
}, },
// {
// id: uuid("gs_nav"),
// name: "全球法人机构识别编码（LEI）业务办理",
// index: 2,
// link: "/Business/GLN",
// breadcrumb: [
// { name: "业务大厅", path: "/Business" },
// { name: "办理其他业务", path: "/Business/GLN" },
// { name: "全球参与方位置代码（GLN）业务办理" },
// ],
// },
{ {
id: uuid("gs_nav"), id: uuid("gs_nav"),
name: "全球参与方位置代码（GLN）业务办理", name: "全球参与方位置代码（GLN）业务办理",
index: 2, index: 2,
link: "/Business/GLN", link: "/Business/GLN",
isHiddenMenu: true,
breadcrumb: [ breadcrumb: [
{ name: "业务大厅", path: "/Business" }, { name: "业务大厅", path: "/Business" },
{ name: "办理其他业务", path: "/Business/GLN" }, { name: "办理其他业务", path: "/Business/GLN" },
...@@ -575,6 +587,7 @@ export const nav = [ ...@@ -575,6 +587,7 @@ export const nav = [
name: "办理产品电子代码（EPC）", name: "办理产品电子代码（EPC）",
index: 2, index: 2,
link: "/Business/cpdzdm", link: "/Business/cpdzdm",
isHiddenMenu: true,
breadcrumb: [ breadcrumb: [
{ name: "业务大厅", path: "/Business" }, { name: "业务大厅", path: "/Business" },
{ name: "办理其他业务", path: "/Business/GLN" }, { name: "办理其他业务", path: "/Business/GLN" },
...@@ -586,6 +599,7 @@ export const nav = [ ...@@ -586,6 +599,7 @@ export const nav = [
name: "办理资产标识代码", name: "办理资产标识代码",
index: 2, index: 2,
link: "/Business/GIAI", link: "/Business/GIAI",
isHiddenMenu: true,
breadcrumb: [ breadcrumb: [
{ name: "业务大厅", path: "/Business" }, { name: "业务大厅", path: "/Business" },
{ name: "办理其他业务", path: "/Business/GLN" }, { name: "办理其他业务", path: "/Business/GLN" },
...@@ -597,6 +611,7 @@ export const nav = [ ...@@ -597,6 +611,7 @@ export const nav = [
name: "办理全球服务关系代码", name: "办理全球服务关系代码",
index: 2, index: 2,
link: "/Business/GSRN", link: "/Business/GSRN",
isHiddenMenu: true,
breadcrumb: [ breadcrumb: [
{ name: "业务大厅", path: "/Business" }, { name: "业务大厅", path: "/Business" },
{ name: "办理其他业务", path: "/Business/GSRN" }, { name: "办理其他业务", path: "/Business/GSRN" },
...@@ -608,6 +623,7 @@ export const nav = [ ...@@ -608,6 +623,7 @@ export const nav = [
name: "办理动物管理者代码", name: "办理动物管理者代码",
index: 2, index: 2,
link: "/Business/Animalcode", link: "/Business/Animalcode",
isHiddenMenu: true,
breadcrumb: [ breadcrumb: [
{ name: "业务大厅", path: "/Business" }, { name: "业务大厅", path: "/Business" },
{ name: "办理其他业务", path: "/Business/Animalcode" }, { name: "办理其他业务", path: "/Business/Animalcode" },
......
src/views/Home/index.vue
...@@ -13,11 +13,11 @@ ...@@ -13,11 +13,11 @@
{{ el.brief }} {{ el.brief }}
</p> </p>
<button <button
:class="['carousel-btn', el.colorMore]" :class="['carousel-btn', el.colorMore]"
@click="learnMore(i)" @click="learnMore(i)"
> >
<span>了解更多</span <span>了解更多</span
><img src="../../assets/image/home/more-arrow.png" alt=""/> ><img src="../../assets/image/home/more-arrow.png" alt="" />
</button> </button>
</div> </div>
</div> </div>
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
<!-- <img :src="el.picIndexPath" alt="" class="container"/>--> <!-- <img :src="el.picIndexPath" alt="" class="container"/>-->
<!-- </div>--> <!-- </div>-->
<div class="banner-bg"> <div class="banner-bg">
<img :src="el.picIndexPath" alt=""/> <img :src="el.picIndexPath" alt="" />
</div> </div>
</div> </div>
</div> </div>
...@@ -48,30 +48,30 @@ ...@@ -48,30 +48,30 @@
<div class="col-lg-6"> <div class="col-lg-6">
<div class="newsBanner"> <div class="newsBanner">
<VueSlickCarousel <VueSlickCarousel
v-bind="newsBannerSettingsA" v-bind="newsBannerSettingsA"
v-if="newsBanner.length > 0" v-if="newsBanner.length > 0"
ref="newsBannerA" ref="newsBannerA"
:asNavFor="$refs.newsBannerB" :asNavFor="$refs.newsBannerB"
> >
<div <div
class="newsBanner-item" class="newsBanner-item"
v-for="el in newsBanner" v-for="el in newsBanner"
:key="el.id" :key="el.id"
> >
<img :src="el.picFile" alt="..." class="newsBanner-tp"/> <img :src="el.picFile" alt="..." class="newsBanner-tp" />
</div> </div>
</VueSlickCarousel> </VueSlickCarousel>
<VueSlickCarousel <VueSlickCarousel
v-bind="newsBannerSettingsB" v-bind="newsBannerSettingsB"
v-if="newsBanner.length > 0" v-if="newsBanner.length > 0"
ref="newsBannerB" ref="newsBannerB"
class="newsBannerB" class="newsBannerB"
:asNavFor="$refs.newsBannerA" :asNavFor="$refs.newsBannerA"
> >
<div <div
class="newsBanner-item" class="newsBanner-item"
v-for="el in newsBanner" v-for="el in newsBanner"
:key="el.id" :key="el.id"
> >
<div class="newsBanner-title" :title="el.title"> <div class="newsBanner-title" :title="el.title">
{{ el.title }} {{ el.title }}
...@@ -89,21 +89,21 @@ ...@@ -89,21 +89,21 @@
<div class="col-lg-6"> <div class="col-lg-6">
<ul class="nav nav-tabs tabs1" id="myTab" role="tablist"> <ul class="nav nav-tabs tabs1" id="myTab" role="tablist">
<li <li
class="nav-item" class="nav-item"
role="presentation" role="presentation"
v-for="(tmp, i) in news" v-for="(tmp, i) in news"
:key="i" :key="i"
@click="handelNewsTab(i)" @click="handelNewsTab(i)"
> >
<button <button
:class="['nav-link', { active: i === 0 }]" :class="['nav-link', { active: i === 0 }]"
:id="tmp.type + '-tab'" :id="tmp.type + '-tab'"
data-bs-toggle="tab" data-bs-toggle="tab"
:data-bs-target="'#' + tmp.type" :data-bs-target="'#' + tmp.type"
type="button" type="button"
role="tab" role="tab"
:aria-controls="tmp.type" :aria-controls="tmp.type"
aria-selected="true" aria-selected="true"
> >
<span>{{ tmp.name }}</span> <span>{{ tmp.name }}</span>
</button> </button>
...@@ -111,11 +111,11 @@ ...@@ -111,11 +111,11 @@
</ul> </ul>
<div class="tab-content marginTop10"> <div class="tab-content marginTop10">
<div <div
class="tab-pane fade show active" class="tab-pane fade show active"
role="tabpanel" role="tabpanel"
aria-labelledby="yaowen-tab" aria-labelledby="yaowen-tab"
> >
<list :list="news[0].data"/> <list :list="news[0].data" />
</div> </div>
</div> </div>
</div> </div>
...@@ -139,13 +139,13 @@ ...@@ -139,13 +139,13 @@
</button> </button>
<div class="row ywdt-kj whbsxtcy-row"> <div class="row ywdt-kj whbsxtcy-row">
<div <div
class="col-6" class="col-6"
v-for="(tmp, i) in whbsxtcy" v-for="(tmp, i) in whbsxtcy"
:key="i" :key="i"
@click="whbsxtcyHandelClick(i)" @click="whbsxtcyHandelClick(i)"
> >
<div class="ywdt-tp"> <div class="ywdt-tp">
<img :src="tmp.ico" alt=""/> <img :src="tmp.ico" alt="" />
</div> </div>
<div class="ywdt-bt">{{ tmp.name }}</div> <div class="ywdt-bt">{{ tmp.name }}</div>
</div> </div>
...@@ -158,13 +158,13 @@ ...@@ -158,13 +158,13 @@
</div> </div>
<div class="row ywdt-kj wsxtcy-row"> <div class="row ywdt-kj wsxtcy-row">
<div <div
class="col-6" class="col-6"
v-for="(tmp, i) in wsxtcy" v-for="(tmp, i) in wsxtcy"
:key="i" :key="i"
@click="wsxtcyHandelClick(i)" @click="wsxtcyHandelClick(i)"
> >
<div class="ywdt-tp"> <div class="ywdt-tp">
<img :src="tmp.ico" alt=""/> <img :src="tmp.ico" alt="" />
</div> </div>
<div class="ywdt-bt">{{ tmp.name }}</div> <div class="ywdt-bt">{{ tmp.name }}</div>
</div> </div>
...@@ -178,13 +178,13 @@ ...@@ -178,13 +178,13 @@
</div> </div>
<div class="row ywdt-kj wsylqy-row"> <div class="row ywdt-kj wsylqy-row">
<div <div
class="col-6" class="col-6"
v-for="(tmp, i) in wsylqy" v-for="(tmp, i) in wsylqy"
:key="i" :key="i"
@click="wsylqyHandelClick(i)" @click="wsylqyHandelClick(i)"
> >
<div class="ywdt-tp"> <div class="ywdt-tp">
<img :src="tmp.ico" alt=""/> <img :src="tmp.ico" alt="" />
</div> </div>
<div class="ywdt-bt">{{ tmp.name }}</div> <div class="ywdt-bt">{{ tmp.name }}</div>
</div> </div>
...@@ -194,19 +194,26 @@ ...@@ -194,19 +194,26 @@
<div class="ywdt-cate ywdt-cate-bj2"> <div class="ywdt-cate ywdt-cate-bj2">
<span>跨境业务办理专区</span> <span>跨境业务办理专区</span>
</div> </div>
<div class="row ywdt-kj kjywblzq-row"> <div class="row ywdt-kj kjywblzq-row" v-if="false">
<div <div
class="col-6" class="col-6"
v-for="(tmp, i) in kjywblzq" v-for="(tmp, i) in kjywblzq"
:key="i" :key="i"
@click="kjywblzqHandelClick(i)" @click="kjywblzqHandelClick(i)"
> >
<div class="ywdt-tp"> <div class="ywdt-tp">
<img :src="tmp.ico" alt=""/> <img :src="tmp.ico" alt="" />
</div> </div>
<div class="ywdt-bt">{{ tmp.name }}</div> <div class="ywdt-bt">{{ tmp.name }}</div>
</div> </div>
</div> </div>
<div class="row ywdt-kj kjywblzq-row">
<div
class="kjywblzq-col"
>
<div class="ywdt-bt">跨境业务办理（GLN/LEI/其他）</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -218,14 +225,14 @@ ...@@ -218,14 +225,14 @@
<div class="row"> <div class="row">
<template v-for="(tmp, i) in dzfw"> <template v-for="(tmp, i) in dzfw">
<div <div
class="col-6 col-lg-4 dzfw-li" class="col-6 col-lg-4 dzfw-li"
:key="i" :key="i"
v-if="tmp.isChecked" v-if="tmp.isChecked"
@click="dzfwHandelClick(i)" @click="dzfwHandelClick(i)"
> >
<div class="dzfw-border"> <div class="dzfw-border">
<div class="dzfw-tp"> <div class="dzfw-tp">
<img :src="tmp.ico" alt=""/> <img :src="tmp.ico" alt="" />
</div> </div>
<div class="dzfw-bt">{{ tmp.name }}</div> <div class="dzfw-bt">{{ tmp.name }}</div>
</div> </div>
...@@ -241,28 +248,28 @@ ...@@ -241,28 +248,28 @@
<ul class="nav nav-tabs tabs2 row" id="myTab" role="tablist"> <ul class="nav nav-tabs tabs2 row" id="myTab" role="tablist">
<li class="nav-item col-lg-2" role="presentation"> <li class="nav-item col-lg-2" role="presentation">
<button <button
class="nav-link active" class="nav-link active"
id="home-tab" id="home-tab"
data-bs-toggle="tab" data-bs-toggle="tab"
data-bs-target="#csxx" data-bs-target="#csxx"
type="button" type="button"
role="tab" role="tab"
aria-controls="home" aria-controls="home"
aria-selected="true" aria-selected="true"
> >
<span>厂商信息</span> <span>厂商信息</span>
</button> </button>
</li> </li>
<li class="nav-item col-lg-2" role="presentation"> <li class="nav-item col-lg-2" role="presentation">
<button <button
class="nav-link" class="nav-link"
id="profile-tab" id="profile-tab"
data-bs-toggle="tab" data-bs-toggle="tab"
data-bs-target="#cpxx" data-bs-target="#cpxx"
type="button" type="button"
role="tab" role="tab"
aria-controls="profile" aria-controls="profile"
aria-selected="false" aria-selected="false"
> >
<span>产品信息</span> <span>产品信息</span>
</button> </button>
...@@ -270,34 +277,34 @@ ...@@ -270,34 +277,34 @@
</ul> </ul>
<div class="tab-content" id="myTabContent"> <div class="tab-content" id="myTabContent">
<div <div
class="tab-pane fade show active" class="tab-pane fade show active"
id="csxx" id="csxx"
role="tabpanel" role="tabpanel"
aria-labelledby="home-tab" aria-labelledby="home-tab"
> >
<div class="chaxun"> <div class="chaxun">
<div class="chaxun-kj"> <div class="chaxun-kj">
<div class="row"> <div class="row">
<div class="col-lg-2 chaxun-left"> <div class="col-lg-2 chaxun-left">
<el-select <el-select
v-model="chaxun.type" v-model="chaxun.type"
placeholder="请选择" placeholder="请选择"
clearable clearable
> >
<el-option <el-option
v-for="(item, i) in chaxun.options" v-for="(item, i) in chaxun.options"
:key="i" :key="i"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
> >
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
<div class="col-lg-7 chaxun-middle"> <div class="col-lg-7 chaxun-middle">
<el-input <el-input
placeholder="请输入厂商名称" placeholder="请输入厂商名称"
v-model="chaxun.keywords" v-model="chaxun.keywords"
clearable clearable
> >
</el-input> </el-input>
</div> </div>
...@@ -309,10 +316,10 @@ ...@@ -309,10 +316,10 @@
</div> </div>
</div> </div>
<div <div
class="tab-pane fade" class="tab-pane fade"
id="cpxx" id="cpxx"
role="tabpanel" role="tabpanel"
aria-labelledby="profile-tab" aria-labelledby="profile-tab"
> >
<div class="chaxun"> <div class="chaxun">
<div class="chaxun-kj"> <div class="chaxun-kj">
...@@ -320,19 +327,19 @@ ...@@ -320,19 +327,19 @@
<div class="col-lg-2 chaxun-left"> <div class="col-lg-2 chaxun-left">
<el-select v-model="chaxun.type" placeholder="请选择"> <el-select v-model="chaxun.type" placeholder="请选择">
<el-option <el-option
v-for="(item, i) in chaxun.options" v-for="(item, i) in chaxun.options"
:key="i" :key="i"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
> >
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
<div class="col-lg-7 chaxun-middle"> <div class="col-lg-7 chaxun-middle">
<el-input <el-input
placeholder="请输入厂商名称" placeholder="请输入厂商名称"
v-model="chaxun.keywords" v-model="chaxun.keywords"
clearable clearable
> >
</el-input> </el-input>
</div> </div>
...@@ -353,9 +360,9 @@ ...@@ -353,9 +360,9 @@
<div class="spqqsfz-cate"> <div class="spqqsfz-cate">
<div class="spqqsfz-cate-left">商品全球身份证</div> <div class="spqqsfz-cate-left">商品全球身份证</div>
<div <div
class="spqqsfz-cate-right" class="spqqsfz-cate-right"
@click="spqqsfzHandelClick" @click="spqqsfzHandelClick"
v-if="false" v-if="false"
> >
更多> 更多>
</div> </div>
...@@ -363,7 +370,7 @@ ...@@ -363,7 +370,7 @@
<div class="spqqsfz-cont row"> <div class="spqqsfz-cont row">
<div class="spqqsfz-cont-left col-lg-2"> <div class="spqqsfz-cont-left col-lg-2">
<div class="spqqsfz-cont-left-tp"> <div class="spqqsfz-cont-left-tp">
<img :src="spqqsfz.surl" alt=""/> <img :src="spqqsfz.surl" alt="" />
</div> </div>
</div> </div>
<div class="spqqsfz-cont-right col-lg-10"> <div class="spqqsfz-cont-right col-lg-10">
...@@ -387,7 +394,7 @@ ...@@ -387,7 +394,7 @@
<div class="col offset-2 offset-lg-3"> <div class="col offset-2 offset-lg-3">
<button class="spqqsfz-btn blue" @click="spqqsfzHandelClick"> <button class="spqqsfz-btn blue" @click="spqqsfzHandelClick">
<span>更多商品信息</span <span>更多商品信息</span
><img src="../../assets/image/home/more-arrow.png" alt=""/> ><img src="../../assets/image/home/more-arrow.png" alt="" />
</button> </button>
</div> </div>
</div> </div>
...@@ -405,52 +412,57 @@ ...@@ -405,52 +412,57 @@
<div class="djwh"> <div class="djwh">
<div class="home-bottom-cate">党建文化</div> <div class="home-bottom-cate">党建文化</div>
<div class="djwh-tp"> <div class="djwh-tp">
<img <a href="/djwh" target="blank"
><img
src="../../assets/image/home/dangjianwenhua.png" src="../../assets/image/home/dangjianwenhua.png"
alt="" alt=""
/> /></a>
</div> </div>
<list2 :list="djwh.data"/> <list2 :list="djwh.data" />
</div> </div>
<div class="ztjj"> <div class="ztjj">
<div class="home-bottom-cate">专题聚焦</div> <div class="home-bottom-cate">专题聚焦</div>
<div class="djwh-tp"> <div class="djwh-tp">
<img src="../../assets/image/home/zhuantijujiao.png" alt=""/> <a href="/News/DepthTopics" target="blank"
><img
src="../../assets/image/home/zhuantijujiao.png"
alt=""
/></a>
</div> </div>
<list2 :list="ztjj.data"/> <list2 :list="ztjj.data" />
</div> </div>
<div class="yyly"> <div class="yyly">
<div class="home-bottom-cate">应用领域</div> <div class="home-bottom-cate">应用领域</div>
<yylyList :list="yyly.data"/> <yylyList :list="yyly.data" />
</div> </div>
<div class="other"> <div class="other">
<div class="home-bottom-cate"> <div class="home-bottom-cate">
质检中心/协会/杂志社/标准委/其他 质检中心/协会/杂志社/标准委/其他
</div> </div>
<otherList :list="other.data"/> <otherList :list="other.data" />
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="smallPCImages pc"> <div class="smallPCImages pc">
<VueSlickCarousel <VueSlickCarousel
v-bind="smallPCImagesSettings" v-bind="smallPCImagesSettings"
v-if="smallPCImages.length > 0" v-if="smallPCImages.length > 0"
ref="smallPCImages" ref="smallPCImages"
> >
<div <div
class="smallPCImages-item" class="smallPCImages-item"
v-for="(tmpA, i) in smallPCImages" v-for="(tmpA, i) in smallPCImages"
:key="i" :key="i"
> >
<div class="row"> <div class="row">
<div <div
class="col-lg-4" class="col-lg-4"
v-for="(tmpB, ii) in tmpA" v-for="(tmpB, ii) in tmpA"
:key="ii" :key="ii"
@click="handelSmallImagesClick(tmpB)" @click="handelSmallImagesClick(tmpB)"
> >
<img :src="tmpB.picIndexPath"/> <img :src="tmpB.picIndexPath" />
</div> </div>
</div> </div>
</div> </div>
...@@ -461,63 +473,21 @@ ...@@ -461,63 +473,21 @@
<div class="custom-arrow"></div> <div class="custom-arrow"></div>
</template> </template>
</VueSlickCarousel> </VueSlickCarousel>
<div
id="advert"
class="carousel slide"
data-bs-ride="carousel"
data-bs-interval="false"
v-if="false"
>
<div class="carousel-inner">
<div
:class="['carousel-item', { active: i === 0 }]"
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)"
>
<img :src="tmpB.picIndexPath"/>
</div>
</div>
</div>
</div>
<button
class="carousel-control-prev"
type="button"
data-bs-target="#advert"
data-bs-slide="prev"
>
<img src="../../assets/image/home/advert-zuo.png" alt=""/>
</button>
<button
class="carousel-control-next"
type="button"
data-bs-target="#advert"
data-bs-slide="next"
>
<img src="../../assets/image/home/advert-you.png" alt=""/>
</button>
</div>
</div> </div>
<div class="smallPCImages H5"> <div class="smallPCImages H5">
<VueSlickCarousel <VueSlickCarousel
v-bind="smallH5ImagesSettings" v-bind="smallH5ImagesSettings"
v-if="smallPCImages.length > 0" v-if="smallPCImages.length > 0"
ref="smallPCImages" ref="smallPCImages"
> >
<div <div
class="smallPCImages-item" class="smallPCImages-item"
v-for="(tmpA, i) in smallH5Images" v-for="(tmpA, i) in smallH5Images"
:key="i" :key="i"
> >
<div class="row"> <div class="row">
<div class="col"> <div class="col" @click="handelSmallImagesClick(tmpA)">
<img :src="tmpA.picIndexPath"/> <img :src="tmpA.picIndexPath" />
</div> </div>
</div> </div>
</div> </div>
...@@ -534,11 +504,11 @@ ...@@ -534,11 +504,11 @@
</div> </div>
</div> </div>
</div> </div>
<notice/> <notice />
<modal <modal
:dialogData="dzfwMoreDialog" :dialogData="dzfwMoreDialog"
@toFatherClose="dzfwMoreHandel(false)" @toFatherClose="dzfwMoreHandel(false)"
v-if="dzfwMoreDialog.isShow" v-if="dzfwMoreDialog.isShow"
> >
<template v-slot:body> <template v-slot:body>
<div class="dzfwDialog"> <div class="dzfwDialog">
...@@ -547,12 +517,12 @@ ...@@ -547,12 +517,12 @@
<li :key="i" v-if="tmp.name !== '更多定制'"> <li :key="i" v-if="tmp.name !== '更多定制'">
<div class="li-kj"> <div class="li-kj">
<el-checkbox <el-checkbox
:value="tmp.isChecked" :value="tmp.isChecked"
class="dzfwDialog-checkbox" class="dzfwDialog-checkbox"
@change="dzfwHandelChange(i)" @change="dzfwHandelChange(i)"
></el-checkbox> ></el-checkbox>
<div class="dzfwDialog-ico"> <div class="dzfwDialog-ico">
<img :src="tmp.ico" alt=""/> <img :src="tmp.ico" alt="" />
</div> </div>
<div class="dzfwDialog-title">{{ tmp.name }}</div> <div class="dzfwDialog-title">{{ tmp.name }}</div>
</div> </div>
...@@ -746,6 +716,7 @@ export default { ...@@ -746,6 +716,7 @@ export default {
{ {
ico: require("../../assets/image/home/kjywblzq-ico1.png"), ico: require("../../assets/image/home/kjywblzq-ico1.png"),
name: "LEI业务办理", name: "LEI业务办理",
url: '/Business/GLN',
}, },
{ {
ico: require("../../assets/image/home/kjywblzq-ico2.png"), ico: require("../../assets/image/home/kjywblzq-ico2.png"),
...@@ -755,20 +726,20 @@ export default { ...@@ -755,20 +726,20 @@ export default {
], ],
dzfw: [ dzfw: [
{ {
id: '0', id: "0",
ico: require("../../assets/image/home/dzfw-ico1.png"), ico: require("../../assets/image/home/dzfw-ico1.png"),
name: "商品信息服务平台", name: "商品信息服务平台",
isChecked: true, isChecked: true,
url: "/Service/GDS", url: "/Service/GDS",
}, },
{ {
id: '1', id: "1",
ico: require("../../assets/image/home/dzfw-ico13.png"), ico: require("../../assets/image/home/dzfw-ico13.png"),
name: "教育培训平台", name: "教育培训平台",
isChecked: true, isChecked: true,
}, },
{ {
id: '2', id: "2",
ico: require("../../assets/image/home/dzfw-ico2.png"), ico: require("../../assets/image/home/dzfw-ico2.png"),
name: "进口商品数据通报", name: "进口商品数据通报",
isChecked: true, isChecked: true,
...@@ -776,7 +747,7 @@ export default { ...@@ -776,7 +747,7 @@ export default {
type: "link", type: "link",
}, },
{ {
id: '3', id: "3",
ico: require("../../assets/image/home/dzfw-ico3.png"), ico: require("../../assets/image/home/dzfw-ico3.png"),
name: "条码微站", name: "条码微站",
isChecked: true, isChecked: true,
...@@ -784,14 +755,14 @@ export default { ...@@ -784,14 +755,14 @@ export default {
type: "link", type: "link",
}, },
{ {
id: '4', id: "4",
ico: require("../../assets/image/home/dzfw-ico12.png"), ico: require("../../assets/image/home/dzfw-ico12.png"),
name: "追溯平台", name: "追溯平台",
isChecked: true, isChecked: true,
url: "/Service/Chinatrace", url: "/Service/Chinatrace",
}, },
{ {
id: '5', id: "5",
ico: require("../../assets/image/home/dzfw-ico7.png"), ico: require("../../assets/image/home/dzfw-ico7.png"),
name: "条码商桥", name: "条码商桥",
isChecked: true, isChecked: true,
...@@ -799,7 +770,7 @@ export default { ...@@ -799,7 +770,7 @@ export default {
type: "link", type: "link",
}, },
{ {
id: '6', id: "6",
ico: require("../../assets/image/home/dzfw-ico4.png"), ico: require("../../assets/image/home/dzfw-ico4.png"),
name: "商品二维码", name: "商品二维码",
isChecked: true, isChecked: true,
...@@ -807,7 +778,7 @@ export default { ...@@ -807,7 +778,7 @@ export default {
type: "link", type: "link",
}, },
{ {
id: '7', id: "7",
ico: require("../../assets/image/home/dzfw-ico5.png"), ico: require("../../assets/image/home/dzfw-ico5.png"),
name: "GDSN", name: "GDSN",
isChecked: true, isChecked: true,
...@@ -815,34 +786,34 @@ export default { ...@@ -815,34 +786,34 @@ export default {
type: "link", type: "link",
}, },
{ {
id: '8', id: "8",
ico: require("../../assets/image/home/dzfw-ico11.png"), ico: require("../../assets/image/home/dzfw-ico11.png"),
name: "条码/射频(RFID)/软件检测服务", name: "条码/射频(RFID)/软件检测服务",
isChecked: true, isChecked: true,
url: "/Service/jcyxz/Barcode", url: "/Service/jcyxz/Barcode",
}, },
{ {
id: '9', id: "9",
ico: require("../../assets/image/home/dzfw-ico9.png"), ico: require("../../assets/image/home/dzfw-ico9.png"),
name: "ECODE", name: "ECODE",
isChecked: true, isChecked: true,
}, },
{ {
id: '10', id: "10",
ico: require("../../assets/image/home/dzfw-ico6.png"), ico: require("../../assets/image/home/dzfw-ico6.png"),
name: "条码信息查询", name: "条码信息查询",
isChecked: true, isChecked: true,
}, },
{ {
id: '11', id: "11",
ico: require("../../assets/image/home/dzfw-ico8.png"), ico: require("../../assets/image/home/dzfw-ico8.png"),
name: "产品服务", name: "产品服务",
isChecked: false, isChecked: false,
url: "/Service/BarcodeV", url: "/Service/BarcodeV",
}, },
{ {
id: '12', id: "12",
ico: require("../../assets/image/home/dzfw-ico10.png"), ico: require("../../assets/image/home/dzfw-ico10.png"),
name: "平台服务", name: "平台服务",
isChecked: false, isChecked: false,
...@@ -992,53 +963,55 @@ export default { ...@@ -992,53 +963,55 @@ export default {
this.init(); this.init();
}, },
mounted() { mounted() {
this.getCustomService() this.getCustomService();
// 从后端获取最新的定制服务 // 从后端获取最新的定制服务
this.getCustomServiceFromServer() this.getCustomServiceFromServer();
}, },
methods: { methods: {
getCustomService() { getCustomService() {
let service = localStorage.getItem('gs-custom-service') || '' let service = localStorage.getItem("gs-custom-service") || "";
console.log('getCustomService-----------', service) console.log("getCustomService-----------", service);
if (service) { if (service) {
service = JSON.parse(service) service = JSON.parse(service);
this.showCustomService(service) this.showCustomService(service);
} }
}, },
async getCustomServiceFromServer() { async getCustomServiceFromServer() {
const searchGlnRes = await this.$api.home.customService(); const searchGlnRes = await this.$api.home.customService();
const {returnCode, data} = searchGlnRes; const { returnCode, data } = searchGlnRes;
if (returnCode === "0") { if (returnCode === "0") {
localStorage.setItem('gs-custom-service', JSON.stringify(data)) localStorage.setItem("gs-custom-service", JSON.stringify(data));
this.showCustomService(data) this.showCustomService(data);
} }
}, },
showCustomService(list) { showCustomService(list) {
this.dzfw.forEach(item => { this.dzfw.forEach((item) => {
item.isChecked = item.name === "更多定制" item.isChecked = item.name === "更多定制";
list.forEach(_item => { list.forEach((_item) => {
if (_item == item.id) { if (_item == item.id) {
item.isChecked = true item.isChecked = true;
} }
}) });
}) });
}, },
setCustomService() { setCustomService() {
const service = [] const service = [];
this.dzfw.forEach(item => { this.dzfw.forEach((item) => {
if (item.isChecked && item.name !== "更多定制") { if (item.isChecked && item.name !== "更多定制") {
service.push(parseInt(item.id, 10)) service.push(parseInt(item.id, 10));
} }
}) });
localStorage.setItem('gs-custom-service', JSON.stringify(service)) localStorage.setItem("gs-custom-service", JSON.stringify(service));
this.updateCustomService(service) this.updateCustomService(service);
}, },
async updateCustomService(service) { async updateCustomService(service) {
const searchGlnRes = await this.$api.home.updateCustomService({service}); const searchGlnRes = await this.$api.home.updateCustomService({
service,
});
}, },
// 初始化 // 初始化
init() { init() {
...@@ -1059,7 +1032,7 @@ export default { ...@@ -1059,7 +1032,7 @@ export default {
async homeBigImages() { async homeBigImages() {
// console.log(this.$api, 'this.$api'); // console.log(this.$api, 'this.$api');
const homeBigImagesRes = await this.$api.home.homeBigImages(); const homeBigImagesRes = await this.$api.home.homeBigImages();
const {returnCode, data} = homeBigImagesRes; const { returnCode, data } = homeBigImagesRes;
if (returnCode === "0") { if (returnCode === "0") {
this.banner = data; this.banner = data;
console.log(this.banner, "this.banner"); console.log(this.banner, "this.banner");
...@@ -1073,8 +1046,8 @@ export default { ...@@ -1073,8 +1046,8 @@ export default {
// 要闻左侧图片资讯 // 要闻左侧图片资讯
async homePictureImageList() { async homePictureImageList() {
const homePictureImageListRes = const homePictureImageListRes =
await this.$api.home.homePictureImageList(); await this.$api.home.homePictureImageList();
const {returnCode, data} = homePictureImageListRes; const { returnCode, data } = homePictureImageListRes;
if (returnCode === "0") { if (returnCode === "0") {
data.forEach((el) => { data.forEach((el) => {
el.picFile = `http://www.gs1cn.org/news/newsimg/${el.picFile}`; el.picFile = `http://www.gs1cn.org/news/newsimg/${el.picFile}`;
...@@ -1086,8 +1059,8 @@ export default { ...@@ -1086,8 +1059,8 @@ export default {
// 要闻右侧标题列表 // 要闻右侧标题列表
async homeImportantNewList() { async homeImportantNewList() {
const homeImportantNewListRes = const homeImportantNewListRes =
await this.$api.home.homeImportantNewList(); await this.$api.home.homeImportantNewList();
const {returnCode, data} = homeImportantNewListRes; const { returnCode, data } = homeImportantNewListRes;
if (returnCode === "0") { if (returnCode === "0") {
data.forEach((el) => { data.forEach((el) => {
el.time = this.$moment(el.showtime).format("MM-DD"); el.time = this.$moment(el.showtime).format("MM-DD");
...@@ -1106,12 +1079,12 @@ export default { ...@@ -1106,12 +1079,12 @@ export default {
async homeNewGtin() { async homeNewGtin() {
console.log(process.env, "process.env"); console.log(process.env, "process.env");
this.$http this.$http
.get(`${process.env.VUE_APP_GDS_URL}/Data/NewGtin`) .get(`${process.env.VUE_APP_GDS_URL}/Data/NewGtin`)
.then((res) => { .then((res) => {
res.body.murl = `http://data-studio.gds.org.cn/${res.body.murl}`; res.body.murl = `http://data-studio.gds.org.cn/${res.body.murl}`;
res.body.surl = `http://data-studio.gds.org.cn/${res.body.surl}`; res.body.surl = `http://data-studio.gds.org.cn/${res.body.surl}`;
this.spqqsfz = res.body; this.spqqsfz = res.body;
}); });
}, },
// 党建文化新闻列表 // 党建文化新闻列表
async homeGet4PartyTopNews() { async homeGet4PartyTopNews() {
...@@ -1120,9 +1093,9 @@ export default { ...@@ -1120,9 +1093,9 @@ export default {
classid: 428, classid: 428,
}; };
const homeGet4PartyTopNewsRes = await this.$api.home.homeGet4PartyTopNews( const homeGet4PartyTopNewsRes = await this.$api.home.homeGet4PartyTopNews(
params params
); );
const {returnCode, data} = homeGet4PartyTopNewsRes; const { returnCode, data } = homeGet4PartyTopNewsRes;
if (returnCode === "0") { if (returnCode === "0") {
console.log(homeGet4PartyTopNewsRes, "党建文化新闻列表"); console.log(homeGet4PartyTopNewsRes, "党建文化新闻列表");
this.djwh.data = data; this.djwh.data = data;
...@@ -1131,7 +1104,7 @@ export default { ...@@ -1131,7 +1104,7 @@ export default {
// 首页小轮播图 // 首页小轮播图
async homeSmallImages() { async homeSmallImages() {
const homeSmallImagesRes = await this.$api.home.homeSmallImages(); const homeSmallImagesRes = await this.$api.home.homeSmallImages();
const {returnCode, data} = homeSmallImagesRes; const { returnCode, data } = homeSmallImagesRes;
if (returnCode === "0") { if (returnCode === "0") {
let list = []; let list = [];
data.forEach((el, i) => { data.forEach((el, i) => {
...@@ -1206,7 +1179,7 @@ export default { ...@@ -1206,7 +1179,7 @@ export default {
this.messageDialog.isShow = false; this.messageDialog.isShow = false;
}, 2000); }, 2000);
} else { } else {
this.setCustomService() this.setCustomService();
} }
console.log(this.dzfw[i], "newValue"); console.log(this.dzfw[i], "newValue");
}, },
...@@ -1425,7 +1398,8 @@ export default { ...@@ -1425,7 +1398,8 @@ export default {
&::before { &::before {
width: 24px; width: 24px;
height: 50px; 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%; background-size: 100% 100%;
} }
} }
...@@ -1435,7 +1409,8 @@ export default { ...@@ -1435,7 +1409,8 @@ export default {
&::before { &::before {
width: 24px; width: 24px;
height: 50px; 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%; background-size: 100% 100%;
} }
} }
...@@ -1683,7 +1658,7 @@ export default { ...@@ -1683,7 +1658,7 @@ export default {
height: 100%; height: 100%;
z-index: 8; z-index: 8;
@media screen and (max-width: 992px) { @media screen and (max-width: 992px) {
z-index: -1 z-index: -1;
} }
img { img {
...@@ -1961,7 +1936,11 @@ export default { ...@@ -1961,7 +1936,11 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.kjywblzq-col{
display: flex;
align-items: center;
justify-content: center;
}
.ywdt-bt { .ywdt-bt {
color: #0e2c6b; color: #0e2c6b;
font-size: 14px; font-size: 14px;
...@@ -2040,7 +2019,8 @@ export default { ...@@ -2040,7 +2019,8 @@ export default {
// padding: 0 10px; // padding: 0 10px;
cursor: pointer; cursor: pointer;
@media screen and (min-width: 992px) { @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) { &:nth-child(-n + 3) {
.dzfw-border { .dzfw-border {
border: 0; border: 0;
......
src/views/Search/internal.vue
...@@ -77,9 +77,9 @@ ...@@ -77,9 +77,9 @@
</el-form-item> </el-form-item>
<el-form-item label="验证码："> <el-form-item label="验证码：">
<el-button type="primary" class="w240"> <el-button type="primary" class="w240" @click="handleVerification">
<div style="diplay: flex; align-item: center"> <div style="diplay: flex; align-item: center">
<img style="height: 14px" src="./img/guard.png" alt=""/> <img style="height: 14px" src="./img/guard.png" alt="" />
点击此处进行验证 点击此处进行验证
</div> </div>
</el-button> </el-button>
......
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