1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189 |
- <template>
- <div>
- <HomePageHead></HomePageHead>
- <HomePageNavigation></HomePageNavigation>
- <!-- 农资供销 nzgx -->
- <main class="index_main">
- <div class="index_head_out clearfix">
- <h3 class="index_head_h3" v-if="headline">
- <NuxtLink class="index_head_h3_a dot1" :href="getLinkPathDetail(headline)" :title="headline.title"
- :target="headline.islink == 1 ? '_blank' : '_self'">
- <div class="index_head_h3_tag">头条</div>
- {{ headline.title }}
- </NuxtLink>
- </h3>
- <div class="index_head_a_box clearfix" v-if="headlineData2">
- <NuxtLink :href="getLinkPathDetail(item)" class="index_head_a dot1" :title="item.title"
- v-for="item in headlineData2" :target="headline.islink == 1 ? '_blank' : '_self'">
- {{ item.title }}
- </NuxtLink>
- </div>
- </div>
- <section class="index_1 clearfix">
- <div class="index_1_box">
- <div class="roll_1_box">
- <HomeBigSwiper></HomeBigSwiper>
- </div>
- </div>
- <div class="index_2_box">
- <div class="index_1_ul clearfix">
- <NuxtLink :href="getLinkPathDetail(item)" class="index_1_ul_a dot1" :title="item.title"
- v-for="item in hotNewsList" :target="headline.islink == 1 ? '_blank' : '_self'">
- {{ item.title }}
- </NuxtLink>
- </div>
- </div>
- </section>
- <section class="index_2 clearfix">
- <div class="index_head_box clearfix">
- <div class="index_head_box_left">
- <div class="index_head_left_a_btn ">
- <span class="index_head_left_a index_head_left_a_only" title="企业推荐">企业推荐</span>
- </div>
- </div>
- </div>
- <!--企业推荐open-->
- <div class="index_2_color_box clearfix">
- <div class="index_ul_2 clearfix">
- <div class="index_ul_2_li" v-for="(item, index) in recommend_company" :key="index">
- <div class="index_ul_2_li_num">{{ index + 1 }}</div>
- <NuxtLink class="index_ul_2_li_a dot2" :href="`/${item.pinyin}/${item.id}.html`" :title="item.title">{{ item.title }}</NuxtLink>
- </div>
- </div>
- <!-- <div class="index_2_foot clearfix">
- <a class="index_2_foot_a_btn" href="" title="">开通企业网站</a>
- <a class="index_2_foot_a_btn" href="" title="">管理企业网站</a>
- </div> -->
- </div>
- <!--企业推荐end-->
- </section>
- <!-- 广告1 -->
- <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
- <section class="index_3 clearfix">
- <div class="index_3_head_box clearfix">
- <span class="index_3_head_btn_a back100 index_3_head_btn_a_only" title="">产品分类</span>
- <div class="index_head_btn_right_box_2">
- <span class="index_head_btn_right_a_2" @click="goAddShop">发布信息</span>
- </div>
- </div>
- <div class=" clearfix">
- <div class=" clearfix">
- <!--产品分类open-->
- <div class="index_big_ul clearfix">
- <div class="index_big_li clearfix" v-for="(item, index) in navigation" :key="index">
- <a class="index_big_li_head_a" :href="getLinkPath(item)" :title="item.alias">{{
- item.alias }}</a>
- <div class="index_ul_3_in clearfix">
- <a class="index_ul_3_a"
- :href="`/${item.aLIas_pinyin}/${item1.aLIas_pinyin}/list-1.html`"
- :title="item1.alias" v-for="(item1, index1) in item.children.slice(0, 7)"
- :key="index1">
- <span>{{ item1.alias }}</span>
- </a>
- <a class="index_ul_3_a" :href="getLinkPath(item)" :title="item.alias"
- v-if="item.children.length > 7">
- <span>更多></span>
- </a>
- </div>
- </div>
- </div>
- <!--产品分类end-->
- </div>
- </div>
- </section>
- <section class="index_4 clearfix">
- <div class="index_1_box clearfix">
- <div class="index_head_box clearfix">
- <div class="index_head_box_left">
- <div class="index_head_left_a_btn">
- <NuxtLink
- :class="['index_head_left_a', hoverStatus == 1 ? 'index_head_left_a_only' : '']"
- v-if="pageData[0]" @mouseenter="qhPic(1)" :href="getLinkPath(pageData[0])"
- :title="pageData[0].alias">
- {{ pageData[0].alias }}
- </NuxtLink>
- </div>
- <!-- 书刊信息 -->
- <!-- <div class="index_head_left_a_btn">
- <NuxtLink
- :class="['index_head_left_a', hoverStatus == 2 ? 'index_head_left_a_only' : '']"
- v-if="pageData[1]"
- @mouseenter="qhPic(2)"
- :href="getLinkPath(pageData[1])"
- :title="pageData[1].alias"
- >
- {{pageData[1].alias}}
- </NuxtLink>
- </div> -->
- </div>
- <div class="index_head_box_right">
- <NuxtLink class="index_head_box_right_1_a" v-if="pageData[0]"
- :href="getLinkPath(pageData[0])" :title="pageData[0].alias">
- 更多 >
- </NuxtLink>
- </div>
- </div>
- <!--tabs1-->
- <div class="index_3_box_box clearfix" v-if="hoverStatus == 1">
- <div class="index_3_box clearfix" v-if="boxData1.length > 0">
- <div class="index_ul_4_out clearfix">
- <div class="index_ul_4_img_box clearfix">
- <NuxtLink v-for="(item, index) in boxData1" :key="index"
- :href="getLinkPathDetail(item)" :title="item.name"
- :target="item.islink == 1 ? '_blank' : '_self'">
- <img class="index_ul_4_img" :src="item.imgurl" :alt="item.name">
- </NuxtLink>
- </div>
- <div class="index_ul_4">
- <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(boxData1[0])"
- v-if="boxData1[0]" :title="boxData1[0].name"
- :target="boxData1[0].islink == 1 ? '_blank' : '_self'">
- {{ boxData1[0].name }}
- </NuxtLink>
- <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(item)"
- v-for="item in boxData1data3" :title="item.name"
- :target="item.islink == 1 ? '_blank' : '_self'">
- {{ item.name }}
- </NuxtLink>
- </div>
- </div>
- <div class="index_ul_5 clearfix">
- <NuxtLink class="index_ul_5_a dot1" :href="getLinkPathDetail(item)"
- v-for="item in boxData1data4" :title="item.name"
- :target="item.islink == 1 ? '_blank' : '_self'">
- {{ item.name }}
- </NuxtLink>
- </div>
- </div>
- <div class="index_4_box clearfix" v-if="boxData1data2.length > 0">
- <div class="index_ul_4_out clearfix">
- <div class="index_ul_4_img_box clearfix">
- <NuxtLink v-for="item in boxData1data2" :href="getLinkPathDetail(item)"
- :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
- <img class="index_ul_4_img" :src="item.imgurl" :alt="item.name">
- </NuxtLink>
- </div>
- <div class="index_ul_4">
- <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(boxData1data2[0])"
- v-if="boxData1data2[0]" :title="boxData1data2[0].name"
- :target="boxData1data2[0].islink == 1 ? '_blank' : '_self'">
- {{ boxData1data2[0].name }}
- </NuxtLink>
- <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(item)"
- v-for="item in boxData1data5" :title="item.name"
- :target="item.islink == 1 ? '_blank' : '_self'">
- {{ item.name }}
- </NuxtLink>
- </div>
- </div>
- <div class="index_ul_5 clearfix">
- <NuxtLink class="index_ul_5_a dot1" :href="getLinkPathDetail(item)"
- v-for="item in boxData1data6" :title="item.name"
- :target="item.islink == 1 ? '_blank' : '_self'">
- {{ item.name }}
- </NuxtLink>
- </div>
- </div>
- </div>
- <!--tabs2-->
- <div class="clearfix" v-if="hoverStatus == 2">
- <div class="index_3_box clearfix">
- <div class="index_ul_4_out clearfix">
- <div class="index_ul_4_img_box clearfix">
- <NuxtLink v-for="item in boxData2" :href="getLinkPathDetail(item)"
- :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
- <img class="index_ul_4_img" :src="item.imgurl" alt="item.title">
- </NuxtLink>
- </div>
- <div class="index_ul_4">
- <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(boxData2[0])"
- v-if="boxData2[0]" :title="boxData2[0].title"
- :target="boxData2[0].islink == 1 ? '_blank' : '_self'">
- {{ boxData2[0].title }}
- </NuxtLink>
- <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(item)"
- v-for="item in boxData2data3" :title="item.title"
- :target="item.islink == 1 ? '_blank' : '_self'">
- {{ item.title }}
- </NuxtLink>
- </div>
- </div>
- <div class="index_ul_5 clearfix">
- <NuxtLink class="index_ul_5_a dot1" :href="getLinkPathDetail(item)"
- v-for="item in boxData2data4" :title="item.title"
- :target="item.islink == 1 ? '_blank' : '_self'">
- {{ item.title }}
- </NuxtLink>
- </div>
- </div>
- <div class="index_4_box clearfix">
- <div class="index_ul_4_out clearfix">
- <div class="index_ul_4_img_box clearfix">
- <NuxtLink v-for="item in boxData2data2" :href="getLinkPathDetail(item)"
- :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
- <img class="index_ul_4_img" :src="item.imgurl" alt="item.title">
- </NuxtLink>
- </div>
- <div class="index_ul_4">
- <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(boxData2data2[0])"
- v-if="boxData2data2[0]" :title="boxData2data2[0].title"
- :target="boxData2data2[0].islink == 1 ? '_blank' : '_self'">
- {{ boxData2data2[0].title }}
- </NuxtLink>
- <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(item)"
- v-for="item in boxData2data5" :title="item.title"
- :target="item.islink == 1 ? '_blank' : '_self'">
- {{ item.title }}
- </NuxtLink>
- </div>
- </div>
- <div class="index_ul_5 clearfix">
- <NuxtLink class="index_ul_5_a dot1" :href="getLinkPathDetail(item)"
- v-for="item in boxData2data6" :title="item.title"
- :target="item.islink == 1 ? '_blank' : '_self'">
- {{ item.title }}
- </NuxtLink>
- </div>
- </div>
- </div>
- </div>
- <div class="index_2_box clearfix">
- <div class="index_head_box clearfix">
- <div class="index_head_box_left">
- <div class="index_head_left_a_btn">
- <NuxtLink class="index_head_left_a index_head_left_a_only" v-if="pageData[2]"
- :href="getLinkPath(pageData[2])" :title="pageData[2].alias">
- {{ pageData[2].alias }}
- </NuxtLink>
- </div>
- </div>
- <div class="index_head_box_right_3">
- <NuxtLink class="index_head_box_right_3_a" v-for="item in boxData3menu"
- :to="{ path: `/${item.aLIas_pinyin}/list-1.html` }" :title="item.alias">
- {{ item.alias }}
- </NuxtLink>
- </div>
- </div>
- <!--综合资讯open-->
- <div class="index_ul_6 clearfix">
- <NuxtLink class="index_ul_6_a dot1" :href="getLinkPathDetail(item)" v-for="item in boxData3"
- :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
- {{ item.title }}
- </NuxtLink>
- </div>
- <!--综合资讯end-->
- </div>
- </section>
- <section class="index_5 clearfix">
- <div class="index_1_box clearfix">
- <!-- 供求信息 商品类型 start---------------------->
- <div class="index_head_box clearfix">
- <div class="index_head_box_left">
- <div class="index_head_left_a_btn">
- <NuxtLink class="index_head_left_a index_head_left_a_only" v-if="pageData[3]"
- :href="getLinkPath(pageData[3])" :title="pageData[3].alias">
- {{ pageData[3].alias }}
- </NuxtLink>
- </div>
- </div>
- <div class="index_head_box_right_3">
- <NuxtLink class="index_head_box_right_3_a" v-for="item in boxData4menu"
- :to="{ path: `/gongqiuxinxi/${item.aLIas_pinyin}/index.html` }" :title="item.alias">
- {{ item.alias }}
- </NuxtLink>
- </div>
- </div>
- <div class=" clearfix">
- <div class="index_3_box clearfix">
- <div class="index_img_ul_1_ul">
- <div class="index_img_ul_1_li">
- <NuxtLink class="index_img_ul_1_li_a" :href="getLinkPathDetail(item)"
- :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'"
- v-for="item in boxData4">
- <img class="index_img_ul_1_li_img" :src="item.imgurl" :alt="item.name">
- <div class="index_img_ul_1_li_dot1 dot1">
- {{ item.name }}
- </div>
- </NuxtLink>
- </div>
- </div>
- </div>
- <div class="index_4_box clearfix">
- <div class="index_name_ul">
- <div class="index_name_ul_li" v-for="item in boxData4data2">
- <NuxtLink class="index_name_ul_li_tag" :href="getLinkPathDetail(item)"
- :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
- 供应
- </NuxtLink>
- <NuxtLink class="index_name_ul_li_dot1 dot1" :href="getLinkPathDetail(item)"
- :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
- {{ item.name }}
- </NuxtLink>
- </div>
- <div class="index_name_ul_li" v-for="item in boxData4data3">
- <NuxtLink class="index_name_ul_li_tag" :href="getLinkPathDetail(item)"
- :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
- 【供应】
- </NuxtLink>
- <NuxtLink class="index_name_ul_li_dot1 dot1" :href="getLinkPathDetail(item)"
- :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
- {{ item.name }}
- </NuxtLink>
- </div>
- </div>
- <div class="index_name_ul_2">
- <div class="index_name_ul_2_li" v-for="item in boxData4data4">
- <NuxtLink class="index_name_ul_2_li_tag" :href="getLinkPathDetail(item)"
- :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
- 求购
- </NuxtLink>
- <NuxtLink class="index_name_ul_2_li_dot1 dot1 dot1" :href="getLinkPathDetail(item)"
- :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
- {{ item.name }}
- </NuxtLink>
- </div>
- <div class="index_name_ul_2_li" v-for="item in boxData4data5" :key="per_obj">
- <NuxtLink class="index_name_ul_2_li_tag" :href="getLinkPathDetail(item)"
- :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
- 【求购】
- </NuxtLink>
- <NuxtLink class="index_name_ul_2_li_dot1 dot1 dot1" :href="getLinkPathDetail(item)"
- :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
- {{ item.name }}
- </NuxtLink>
- </div>
- </div>
- </div>
- </div>
- <!-- 供求信息 商品类型 end---------------------->
- </div>
- <div class="index_2_box clearfix">
- <div class="index_head_box clearfix">
- <div class="index_head_box_left">
- <div class="index_head_left_a_btn">
- <NuxtLink class="index_head_left_a index_head_left_a_only" v-if="pageData[4]"
- :href="getLinkPath(pageData[4])" :title="pageData[4].alias">
- {{ pageData[4].alias }}
- </NuxtLink>
- </div>
- </div>
- <div class="index_head_box_right">
- <NuxtLink class="index_head_box_right_1_a" v-if="pageData[4]"
- :href="getLinkPath(pageData[4])" :title="pageData[4].alias">
- 更多 >
- </NuxtLink>
- </div>
- </div>
- <div class=" clearfix">
- <!--三农专题open-->
- <div class="index_5_box clearfix">
- <div class="index_img_ul_2">
- <div class="index_img_ul_2_li" v-for="item in boxData5" :key="per_obj">
- <NuxtLink class="index_img_ul_2_li" :href="getLinkPathDetail(item)"
- :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
- <img class="index_img_ul_2_li_img" :src="item.imgurl" alt="item.title">
- <div class="index_img_ul_2_li_dot1 dot1">
- {{ item.title }}
- </div>
- </NuxtLink>
- </div>
- </div>
- </div>
- <div class="index_6_box clearfix">
- <div class="index_ul_8 clearfix">
- <div class="index_ul_8_li_box" v-for="item in boxData5data2" :key="per_obj">
- <div class="index_ul_8_li">
- <NuxtLink class="index_ul_8_a dot2" :href="getLinkPathDetail(item)"
- :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
- {{ item.title }}
- </NuxtLink>
- </div>
- </div>
- </div>
- </div>
- <!--三农专题end-->
- </div>
- </div>
- </section>
- <!-- 广告2 -->
- <HomeAdvertising :imgurl="adImg2"></HomeAdvertising>
- <section class="index_6 clearfix">
- <div class="index_1_box clearfix">
- <div class="index_head_box clearfix">
- <div class="index_head_box_left">
- <div class="index_head_left_a_btn">
- <NuxtLink class="index_head_left_a index_head_left_a_only" v-if="pageData[5]"
- :href="getLinkPath(pageData[5])" :title="pageData[5].alias">
- {{ pageData[5].alias }}
- </NuxtLink>
- </div>
- </div>
- <div class="index_head_box_right_4">
- <NuxtLink class="index_head_box_right_4_a" v-for="item in boxData6menu"
- :to="{ path: `/${item.aLIas_pinyin}/list-1.html` }" :title="item.alias">
- {{ item.alias }}
- </NuxtLink>
- </div>
- </div>
- <!--政策法规open-->
- <div class=" clearfix">
- <div class="index_3_box clearfix">
- <div class="index_img_ul_3">
- <div class="index_img_ul_3_li">
- <NuxtLink class="index_img_ul_3_li_a" :href="getLinkPathDetail(item)"
- :title="item.title" v-for="item in boxData6"
- :target="item.islink == 1 ? '_blank' : '_self'">
- <img class="index_img_ul_3_li_img" :src="item.imgurl" alt="item.title">
- <div class="index_img_ul_3_li_dot2 dot2">
- {{ item.title }}
- </div>
- </NuxtLink>
- </div>
- </div>
- <div class="index_img_ul_even_1 clearfix">
- <div class="index_img_ul_even_1_li" v-for="item in boxData6data2">
- <NuxtLink class="index_img_ul_even_1_li_a" :href="getLinkPathDetail(item)"
- :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
- <img class="index_img_ul_even_1_li_img" :src="item.imgurl" alt="item.title">
- <div class="index_img_ul_even_1_li_dot2 dot2">
- {{ item.title }}
- </div>
- </NuxtLink>
- </div>
- </div>
- </div>
- <div class="index_4_box clearfix">
- <div class="index_ul_9 clearfix">
- <div class="index_ul_9_head_box clearfix">
- <NuxtLink :to="{ path: `/${boxData6childpinyin}/list-1.html` }"
- v-if="boxData6menu[0]" class="index_ul_9_head_a" :title="boxData6menu[0].alias">
- {{ boxData6menu[0].alias }}
- </NuxtLink>
- </div>
- <NuxtLink class="index_ul_9_a dot1" :href="getLinkPathDetail(item)" :title="item.title"
- v-for="item in boxData6mainData" :target="item.islink == 1 ? '_blank' : '_self'">
- {{ item.title }}
- </NuxtLink>
- </div>
- </div>
- </div>
- <!--政策法规end-->
- </div>
- <div class="index_2_box clearfix">
- <div class="index_head_box clearfix">
- <div class="index_head_box_left">
- <div class="index_head_left_a_btn">
- <NuxtLink class="index_head_left_a index_head_left_a_only" v-if="pageData[6]"
- :href="getLinkPath(pageData[6])" :title="pageData[6].alias">
- {{ pageData[6].alias }}
- </NuxtLink>
- </div>
- </div>
- <div class="index_head_box_right">
- <NuxtLink class="index_head_box_right_1_a" v-if="pageData[6]"
- :href="getLinkPath(pageData[6])" :title="pageData[6].alias">
- 更多 >
- </NuxtLink>
- </div>
- </div>
- <!--会展服务open-->
- <div class=" clearfix">
- <div class="index_even_img_ul_1 clearfix">
- <div class="index_even_img_ul_1_li" v-for="item in boxData7" :key="per_obj">
- <NuxtLink class="index_even_img_ul_1_a" :href="getLinkPathDetail(item)"
- :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
- <img class="index_even_img_ul_1_li_img" :src="item.imgurl" alt="item.title">
- <div class="index_even_img_ul_1_dot1 dot1">
- {{ item.title }}
- </div>
- </NuxtLink>
- </div>
- </div>
- <div class="index_ul_10 clearfix">
- <NuxtLink class="index_ul_10_a dot1" :href="getLinkPathDetail(item)"
- v-for="item in boxData7data2" :title="item.title"
- :target="item.islink == 1 ? '_blank' : '_self'">
- {{ item.title }}
- </NuxtLink>
- </div>
- </div>
- <!--会展服务end-->
- </div>
- </section>
- <section class="index_7 clearfix">
- <div class="index_7_line_box clearfix">
- <div class="index_7_in_box">
- <div class="index_7_head">
- <NuxtLink class="index_7_head_a" v-if="pageData[7]" :href="getLinkPath(pageData[7])"
- :title="pageData[7].alias">
- {{ pageData[7].alias }}
- </NuxtLink>
- </div>
- <div class="index_ul_11 clearfix">
- <NuxtLink class="index_ul_11_a dot1" :href="getLinkPathDetail(item)"
- v-for="item in boxData8" :title="item.title"
- :target="item.islink == 1 ? '_blank' : '_self'">
- {{ item.title }}
- </NuxtLink>
- </div>
- </div>
- <div class="index_7_in_box">
- <div class="index_7_head">
- <NuxtLink class="index_7_head_a" v-if="pageData[8]" :href="getLinkPath(pageData[8])"
- :title="pageData[8].alias">
- {{ pageData[8].alias }}
- </NuxtLink>
- </div>
- <!--策划服务open-->
- <div class="index_ul_11 clearfix">
- <NuxtLink class="index_ul_11_a dot1" :href="getLinkPathDetail(item)"
- v-for="item in boxData9" :title="item.title"
- :target="item.islink == 1 ? '_blank' : '_self'">
- {{ item.title }}
- </NuxtLink>
- </div>
- <!--策划服务end-->
- </div>
- <div class="index_7_in_box">
- <div class="index_7_head">
- <NuxtLink class="index_7_head_a" v-if="pageData[9]" :href="getLinkPath(pageData[9])"
- :title="pageData[9].alias">
- {{ pageData[9].alias }}
- </NuxtLink>
- </div>
- <!--网站动态-->
- <div class="index_ul_11 clearfix">
- <NuxtLink class="index_ul_11_a dot1" :href="getLinkPathDetail(item)"
- v-for="item in boxData10" :title="item.title"
- :target="item.islink == 1 ? '_blank' : '_self'">
- {{ item.title }}
- </NuxtLink>
- </div>
- <!--网站动态-->
- </div>
- </div>
- </section>
- <section class="index_8 clearfix">
- <div class="index_1_box clearfix">
- <div class="index_head_box clearfix index_head_box_2">
- <div class="index_head_box_left">
- <div class="index_head_left_a_btn">
- <NuxtLink class="index_head_left_a index_head_left_a_only" v-if="pageData[10]"
- :href="getLinkPath(pageData[10])" :title="pageData[10].alias">
- {{ pageData[10].alias }}
- </NuxtLink>
- </div>
- </div>
- </div>
- <!--行业报告open-->
- <div class="index_big_2_ul clearfix">
- <div class="index_big_2_li clearfix">
- <div class="index_big_2_li_img_box">
- <div v-for="(item, index) in boxData11">
- <NuxtLink v-if="showImg == index" class="index_big_2_li_img_a"
- :href="getLinkPathDetail(item)" :title="item.title"
- :target="item.islink == 1 ? '_blank' : '_self'">
- <img class="index_big_2_li_img" :src="item.imgurl" alt="item.title">
- </NuxtLink>
- </div>
- </div>
- <div class="index_big_2_li_in">
- <div class="index_ul_12">
- <NuxtLink class="index_ul_12_a dot1" v-for="(item, index) in boxData11"
- :href="getLinkPathDetail(item)" @mouseenter="changeImg(index)"
- :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
- {{ item.title }}
- </NuxtLink>
- </div>
- </div>
- </div>
- </div>
- <div class="index_ul_13 clearfix">
- <NuxtLink class="index_ul_13_a dot1" v-for="(item, index) in boxData11data2"
- :href="getLinkPathDetail(item)" :title="item.title"
- :target="item.islink == 1 ? '_blank' : '_self'">
- {{ item.title }}
- </NuxtLink>
- </div>
- <!--行业报告end-->
- </div>
- <div class="index_2_box clearfix">
- <div class="index_head_box clearfix index_head_box_3">
- <div class="index_head_box_left">
- <div class="index_head_left_a_btn">
- <NuxtLink class="index_head_left_a index_head_left_a_only" v-if="pageData[11]"
- :href="getLinkPath(pageData[11])" :title="pageData[11].alias">
- {{ pageData[11].alias }}
- </NuxtLink>
- </div>
- </div>
- <div class="index_head_box_right">
- <NuxtLink class="index_head_box_right_1_a" v-if="pageData[11]"
- :href="getLinkPath(pageData[11])" :title="pageData[11].alias">
- 更多 >
- </NuxtLink>
- </div>
- </div>
- <!--专家服务open-->
- <div class="index_ul_6 clearfix">
- <div class="index_ul_6_li clearfix">
- <NuxtLink class="index_ul_6_li_a" v-for="(item, index) in boxData12"
- :href="getLinkPathDetail(item)" :title="item.title"
- :target="item.islink == 1 ? '_blank' : '_self'">
- <div class="index_ul_6_img_box">
- <img class="index_ul_6_img" :src="item.imgurl" alt="item.title">
- </div>
- <div class="index_ul_6_li_right">
- <!-- <div class="index_ul_6_li_head">郭建炜</div> -->
- <article class="index_ul_6_li_article dot3">
- {{ item.title }}
- </article>
- <span class="index_ul_6_li_article_detail">【详细】</span>
- </div>
- </NuxtLink>
- </div>
- </div>
- <div class="index_ul_13 clearfix">
- <NuxtLink class="index_ul_13_a dot1" v-for="item in boxData12data2"
- :href="getLinkPathDetail(item)" :title="item.title"
- :target="item.islink == 1 ? '_blank' : '_self'">
- {{ item.title }}
- </NuxtLink>
- </div>
- <!--专家服务end-->
- </div>
- </section>
- <!-- 广告3 -->
- <HomeAdvertising :imgurl="adImg4"></HomeAdvertising>
- </main>
- <!-- 页面底部 -->
- <HomeFoot></HomeFoot>
- </div>
- </template>
- <script setup>
- //0.加载页面必备组件 start---------------------------------------->
- import { ref, onMounted } from 'vue';
- import { ElMessage } from 'element-plus';
- import { getToken } from '@/store/useCookieStore'
- //获得全局url
- const { $BwebUrl, $CwebUrl } = useNuxtApp();
- //0.加载页面必备组件 end---------------------------------------->
- //1.获取头条新闻 start---------------------------------------->
- //1.1 头条
- const headline = ref({})
- const headlineData2 = ref([])
- async function getModelData1() {
- const mkdata = await requestDataPromise('/web/getWebsiteArticlett', {
- method: 'GET',
- query: {
- 'imgnum': 0,
- 'textnum': 4,
- 'level': 1,
- 'placeid': 0,
- 'id': ''
- },
- });
- if (mkdata.code == 200) {
- //填充大标题
- for (let index in mkdata.data.text) {
- if (index < 1) {
- headline.value = mkdata.data.text[index]
- } else {
- headlineData2.value.push(mkdata.data.text[index])
- }
- }
- } else {
- console.log("设置大标题错误", mkdata.message)
- }
- }
- getModelData1()
- //1.3 今日热点
- const hotNewsList = ref("")
- async function getModelData3() {
- const mkdata = await requestDataPromise('/web/getWebsiteArticlett', {
- method: 'GET',
- query: {
- 'imgnum': 0,
- 'textnum': 10,
- 'level': 6,
- 'placeid': 0,
- 'id': ''
- },
- });
- if (mkdata.code == 200) {
- hotNewsList.value = mkdata.data.text;
- } else {
- console.log("获取首页今日热点错误", mkdata.message)
- }
- }
- getModelData3()
- //1.获取头条新闻 end---------------------------------------->
- //2.选项卡 start---------------------------------------->
- const hoverStatus = ref(1)
- const qhPic = function (num) {
- hoverStatus.value = num;
- }
- const hoverStatusTwo = ref(1)
- const qhPicTwo = function (num) {
- hoverStatusTwo.value = num;
- }
- const hoverStatusThree = ref(1)
- const qhPicThree = function (num) {
- hoverStatusThree.value = num;
- }
- let goAddShop = () => {
- if (getToken()) {
- window.open($BwebUrl + '/#/addGood', '_blank');
- } else {
- ElMessage.error('请先登录!')
- }
- }
- //图片切换
- const showImg = ref(1)
- const changeImg = function (num) {
- showImg.value = num;
- }
- //2.选项卡 end---------------------------------------->
- //3.广告 start---------------------------------------->
- //获得所有广告
- let adImg1 = ref({})
- let adImg2 = ref({})
- let adImg3 = ref({})
- let adImg4 = ref({})
- onMounted(async () => {
- //从客户端获取行政职能部门 加快打开速度//从客户端获取行政职能部门 加快打开速度
- const { $webUrl, $CwebUrl } = useNuxtApp();
- //从客户端启动广告
- //广告1
- let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nzgxw_index_0001`
- const responseAd1 = await fetch(url, {
- headers: {
- 'Content-Type': 'application/json',
- 'Userurl': $CwebUrl,
- 'Origin': $CwebUrl
- }
- });
- const resultAd1 = await responseAd1.json();
- adImg1.value = resultAd1.data[0];
- //广告2
- let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nzgxw_index_0002`
- const responseAd2 = await fetch(url2, {
- headers: {
- 'Content-Type': 'application/json',
- 'Userurl': $CwebUrl,
- 'Origin': $CwebUrl
- }
- });
- const resultAd2 = await responseAd2.json();
- adImg2.value = resultAd2.data[0];
- //广告3
- let url3 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nzgxw_index_0003`
- const responseAd3 = await fetch(url3, {
- headers: {
- 'Content-Type': 'application/json',
- 'Userurl': $CwebUrl,
- 'Origin': $CwebUrl
- }
- });
- const resultAd3 = await responseAd3.json();
- adImg3.value = resultAd3.data[0];
- //广告4
- let url4 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nzgxw_index_0004`
- const responseAd4 = await fetch(url4, {
- headers: {
- 'Content-Type': 'application/json',
- 'Userurl': $CwebUrl,
- 'Origin': $CwebUrl
- }
- });
- const resultAd4 = await responseAd4.json();
- adImg4.value = resultAd4.data[0];
- })
- //3.广告 end---------------------------------------->
- //4.页面数据 start---------------------------------------->
- //产品分类部分导航菜单
- const navigation = ref([]);
- async function getNavigation() {
- const mkdata = await requestDataPromise('/web/getWebsiteModelCategory', {
- method: 'GET',
- query: {
- 'pid': 0,
- 'num': 10,
- 'placeid': 29,
- 'type': 1
- },
- });
- navigation.value = mkdata.data;
- // console.log("navigation11111111", navigation.value);
- }
- getNavigation();
- //4.1导航
- const pageData = ref([
- //示例 { cid: "", title: "", data: [] ,children_count:""},
- ]);
- //4.2 模块数据
- //模块1
- const boxData1 = ref([])
- const boxData1data2 = ref([])
- const boxData1data3 = ref([])
- const boxData1data4 = ref([])
- const boxData1data5 = ref([])
- const boxData1data6 = ref([])
- //模块2
- const boxData2 = ref([])
- const boxData2data2 = ref([])
- const boxData2data3 = ref([])
- const boxData2data4 = ref([])
- const boxData2data5 = ref([])
- const boxData2data6 = ref([])
- //模块3
- const boxData3 = ref([]);
- const boxData3menu = ref([]);
- //模块4
- const boxData4 = ref([]);
- const boxData4data2 = ref([]);
- const boxData4data3 = ref([]);
- const boxData4data4 = ref([]);
- const boxData4data5 = ref([]);
- const boxData4menu = ref([]);
- //模块5
- const boxData5 = ref([])
- const boxData5data2 = ref([])
- //模块6
- const boxData6 = ref([]);
- const boxData6data2 = ref([]);
- const boxData6menu = ref([]);
- const boxData6childpinyin = ref([]);
- const boxData6mainData = ref([]);
- //模块7
- const boxData7 = ref([]);
- const boxData7data2 = ref([]);
- //模块8
- const boxData8 = ref([]);
- //模块9
- const boxData9 = ref([]);
- //模块10
- const boxData10 = ref([]);
- //模块11
- const boxData11 = ref([]);
- const boxData11data2 = ref([]);
- //模块12
- const boxData12 = ref([]);
- const boxData12data2 = ref([]);
- //引入导航
- const { $pageNav } = useNuxtApp();
- //4.3获得导航数据
- try {
- const navigateData = await requestDataPromise('/web/getWebsiteModelCategory', {
- method: 'GET',
- query: {
- 'placeid': 1,
- 'pid': 0,
- 'num': 30
- },
- });
- if (navigateData.code == 200) {
- // 遍历可用的导航池放到页面中
- for (let index in navigateData.data) {
- let data = {
- title: navigateData.data[index].name,
- cid: navigateData.data[index].category_id,
- children_count: navigateData.data[index].children_count,
- alias: navigateData.data[index].alias,
- aLIas_pinyin: navigateData.data[index].aLIas_pinyin,
- chilid_id: navigateData.data[index].chilid_id
- };
- //渲染标题
- //1
- if (navigateData.data[index].category_id == $pageNav[0]) { pageData.value[0] = data }
- //2
- if (navigateData.data[index].category_id == $pageNav[1]) { pageData.value[1] = data }
- //3
- if (navigateData.data[index].category_id == $pageNav[2]) { pageData.value[2] = data }
- //4
- if (navigateData.data[index].category_id == $pageNav[3]) { pageData.value[3] = data }
- //5
- if (navigateData.data[index].category_id == $pageNav[4]) { pageData.value[4] = data }
- //6
- if (navigateData.data[index].category_id == $pageNav[5]) { pageData.value[5] = data }
- //7
- if (navigateData.data[index].category_id == $pageNav[6]) { pageData.value[6] = data }
- //8
- if (navigateData.data[index].category_id == $pageNav[7]) { pageData.value[7] = data }
- //9
- if (navigateData.data[index].category_id == $pageNav[8]) { pageData.value[8] = data }
- //10
- if (navigateData.data[index].category_id == $pageNav[9]) { pageData.value[9] = data }
- //11
- if (navigateData.data[index].category_id == $pageNav[10]) { pageData.value[10] = data }
- //12
- if (navigateData.data[index].category_id == $pageNav[11]) { pageData.value[11] = data }
- }
- } else {
- console.log("获取导航池出错!", navigateData.message)
- }
- } catch (error) {
- console.log("错误:导航池渲染执行接口出错!请检查首页的14的模块的具体执行方法!")
- }
- let getJson = [
- { "parent": $pageNav[0] + ",2,10", "child": "" },//模块1
- { "parent": $pageNav[1] + ",2,10", "child": "" },//模块2
- { "parent": $pageNav[2] + ",0,7", "child": $pageNav[12] + ",0,1" },//模块3
- { "parent": $pageNav[3] + ",1,6", "child": $pageNav[14] + ",0,1" },//模块4 商城相关,暂时不用
- { "parent": $pageNav[4] + ",2,4", "child": "" },//模块5
- { "parent": $pageNav[5] + ",3,10", "child": $pageNav[13] + ",0,11" },//模块6
- { "parent": $pageNav[6] + ",2,7", "child": "" },//模块7
- { "parent": $pageNav[7] + ",0,3", "child": "" },//模块8
- { "parent": $pageNav[8] + ",0,3", "child": "" },//模块9
- { "parent": $pageNav[9] + ",0,3", "child": "" },//模块10
- { "parent": $pageNav[10] + ",4,3", "child": "" },//模块11
- { "parent": $pageNav[11] + ",1,3", "child": "" },//模块12
- ]
- let jsonString = JSON.stringify(getJson);
- async function getPageAllData() {
- const mkdata = await requestDataPromise('/web/getWebsiteAllArticle', {
- method: 'GET',
- query: {
- 'id': jsonString
- },
- });
- console.log("mkdata", mkdata)
- if (mkdata.code == 200) {
- //模块1
- // for (let index in mkdata.data[0].imgnum) {
- // if (index < 1) {
- // boxData1.value.push(mkdata.data[0].imgnum[index])
- // } else {
- // boxData1data2.value.push(mkdata.data[0].imgnum[index])
- // }
- // }
- // for (let index in mkdata.data[0].textnum) {
- // if (index < 2) {
- // // boxData1data3.value.push(mkdata.data[0].textnum[index])
- // } else if (index >= 2 && index < 5) {
- // boxData1data4.value.push(mkdata.data[0].textnum[index])
- // } else if (index >= 5 && index <= 6) {
- // boxData1data5.value.push(mkdata.data[0].textnum[index])
- // } else if (index >= 7 && index <= 10) {
- // boxData1data6.value.push(mkdata.data[0].textnum[index])
- // }
- // }
- //模块2
- for (let index in mkdata.data[1].imgnum) {
- if (index < 1) {
- boxData2.value.push(mkdata.data[1].imgnum[index])
- } else {
- boxData2data2.value.push(mkdata.data[1].imgnum[index])
- }
- }
- for (let index in mkdata.data[1].textnum) {
- if (index < 2) {
- boxData2data3.value.push(mkdata.data[1].textnum[index])
- } else if (index >= 2 && index < 5) {
- boxData2data4.value.push(mkdata.data[1].textnum[index])
- } else if (index >= 5 && index <= 6) {
- boxData2data5.value.push(mkdata.data[1].textnum[index])
- } else if (index >= 7 && index <= 10) {
- boxData2data6.value.push(mkdata.data[1].textnum[index])
- }
- }
- //模块3
- boxData3.value = mkdata.data[2].textnum;
- for (let index in mkdata.data[2].child.all_childcat) {
- if (index < 3) {
- boxData3menu.value.push(mkdata.data[2].child.all_childcat[index])
- }
- }
- //模块4 商城相关
- for (let index in mkdata.data[3].child.all_childcat) {
- if (index < 3) {
- boxData4menu.value.push(mkdata.data[3].child.all_childcat[index])
- }
- }
- //模块5
- boxData5.value = mkdata.data[4].imgnum;
- boxData5data2.value = mkdata.data[4].textnum;
- //模块6
- for (let index in mkdata.data[5].imgnum) {
- if (index < 1) {
- boxData6.value.push(mkdata.data[5].imgnum[index])
- } else {
- boxData6data2.value.push(mkdata.data[5].imgnum[index])
- }
- }
- // console.log("boxData6data2", boxData6data2.value);
- boxData6childpinyin.value = mkdata.data[5].child.pinyin;
- boxData6mainData.value = mkdata.data[5].child.textnum;
- for (let index in mkdata.data[5].child.all_childcat) {
- if (index < 3) {
- boxData6menu.value.push(mkdata.data[5].child.all_childcat[index])
- }
- }
- //模块7
- boxData7.value = mkdata.data[6].imgnum;
- boxData7data2.value = mkdata.data[6].textnum;
- //模块8
- boxData8.value = mkdata.data[7].textnum;
- //模块9
- boxData9.value = mkdata.data[8].textnum;
- //模块10
- boxData10.value = mkdata.data[9].textnum;
- //模块11
- boxData11.value = mkdata.data[10].imgnum;
- boxData11data2.value = mkdata.data[10].textnum;
- //模块12
- boxData12.value = mkdata.data[11].imgnum;
- boxData12data2.value = mkdata.data[11].textnum;
- } else {
- ElMessage.error(mkdata.message)
- }
- }
- getPageAllData();
- // 获取首页商品模块数据
- const getShopData1 = async () => {
- const mkdata = await requestDataPromise('/web/getWebsiteshopList', {
- method: 'GET',
- query: {
- 'catid': $pageNav[0],
- 'page': 1,
- 'pageSize': 12,
- 'ismix': 1,
- },
- });
- // console.log("mkdata11111111", mkdata);
- if (mkdata.code == 200) {
- for (let index in mkdata.data.goods) {
- if (index < 1) {
- boxData1.value.push(mkdata.data.goods[index])
- } else if (index >= 1 && index < 3) {
- boxData1data3.value.push(mkdata.data.goods[index])
- } else if (index >= 3 && index < 6) {
- boxData1data4.value.push(mkdata.data.goods[index])
- } else if (index >= 6 && index < 7) {
- boxData1data2.value.push(mkdata.data.goods[index])
- } else if (index >= 7 && index < 9) {
- boxData1data5.value.push(mkdata.data.goods[index])
- } else if (index >= 9 && index < 12) {
- boxData1data6.value.push(mkdata.data.goods[index])
- }
- }
- }
- }
- getShopData1()
- // 获取首页商品模块数据
- const getShopData = async () => {
- const mkdata = await requestDataPromise('/web/getWebsiteshopList', {
- method: 'GET',
- query: {
- 'catid': $pageNav[3],
- 'page': 1,
- 'pageSize': 10,
- },
- });
- if (mkdata.code == 200) {
- for (let index in mkdata.data.type1) {
- if (index < 1) {
- boxData4.value.push(mkdata.data.type1[index])
- } else if (index >= 1 && index < 2) {
- boxData4data2.value.push(mkdata.data.type1[index])
- } else if (index >= 2 && index < 4) {
- boxData4data3.value.push(mkdata.data.type1[index])
- }
- }
- for (let index in mkdata.data.type2) {
- if (index < 1) {
- boxData4data4.value.push(mkdata.data.type2[index])
- } else if (index >= 1 && index < 3) {
- boxData4data5.value.push(mkdata.data.type2[index])
- }
- }
- }
- }
- getShopData()
- // 获取首页企业模块数据
- let getJson_company = [
- { 'level': "1,0,12" },
- ]
- let companyJson = JSON.stringify(getJson_company)
- //企业功能
- //农民工培训模块547
- const recommend_company = ref('') // 推荐岗位
- const getRecommendCompany = async () => {
- const getCompany = await requestDataPromise('/web/getWebsiteCompany', {
- method: 'GET',
- query: {
- 'id': companyJson
- },
- });
- if (getCompany.code == 200) {
- console.log('getCompany', getCompany);
- if (getCompany.data.length > 0) {
- recommend_company.value = getCompany.data[0].text_num;
- }
- }
- }
- getRecommendCompany()
- //4.页面数据 end---------------------------------------->
- //5.设置seo数据 start---------------------------------------->
- //获取seo数据
- const setData = await requestDataPromise('/web/getWebsiteFootInfo', {
- method: 'GET',
- query: {},
- });
- if (setData.code == 200) {
- let seoTitle = setData.data.website_head.title;
- let seoDescription = setData.data.website_head.description;
- let seoKeywords = setData.data.website_head.keywords;
- let seoSuffix = setData.data.website_head.suffix;
- let seoName = setData.data.website_head.website_name;
- useSeoMeta({
- title: seoTitle + "_" + seoSuffix,
- meta: [
- { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
- { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix, tagPriority: 10 }
- ]
- });
- } else {
- console.log("设置首页SEO出错!", setData.message)
- }
- //5.设置seo数据 start---------------------------------------->
- </script>
- <style lang="less" scoped>
- @import url('@/assets/css/index.less');
- </style>
|