index.vue 57 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189
  1. <template>
  2. <div>
  3. <HomePageHead></HomePageHead>
  4. <HomePageNavigation></HomePageNavigation>
  5. <!-- 农资供销 nzgx -->
  6. <main class="index_main">
  7. <div class="index_head_out clearfix">
  8. <h3 class="index_head_h3" v-if="headline">
  9. <NuxtLink class="index_head_h3_a dot1" :href="getLinkPathDetail(headline)" :title="headline.title"
  10. :target="headline.islink == 1 ? '_blank' : '_self'">
  11. <div class="index_head_h3_tag">头条</div>
  12. {{ headline.title }}
  13. </NuxtLink>
  14. </h3>
  15. <div class="index_head_a_box clearfix" v-if="headlineData2">
  16. <NuxtLink :href="getLinkPathDetail(item)" class="index_head_a dot1" :title="item.title"
  17. v-for="item in headlineData2" :target="headline.islink == 1 ? '_blank' : '_self'">
  18. {{ item.title }}
  19. </NuxtLink>
  20. </div>
  21. </div>
  22. <section class="index_1 clearfix">
  23. <div class="index_1_box">
  24. <div class="roll_1_box">
  25. <HomeBigSwiper></HomeBigSwiper>
  26. </div>
  27. </div>
  28. <div class="index_2_box">
  29. <div class="index_1_ul clearfix">
  30. <NuxtLink :href="getLinkPathDetail(item)" class="index_1_ul_a dot1" :title="item.title"
  31. v-for="item in hotNewsList" :target="headline.islink == 1 ? '_blank' : '_self'">
  32. {{ item.title }}
  33. </NuxtLink>
  34. </div>
  35. </div>
  36. </section>
  37. <section class="index_2 clearfix">
  38. <div class="index_head_box clearfix">
  39. <div class="index_head_box_left">
  40. <div class="index_head_left_a_btn ">
  41. <span class="index_head_left_a index_head_left_a_only" title="企业推荐">企业推荐</span>
  42. </div>
  43. </div>
  44. </div>
  45. <!--企业推荐open-->
  46. <div class="index_2_color_box clearfix">
  47. <div class="index_ul_2 clearfix">
  48. <div class="index_ul_2_li" v-for="(item, index) in recommend_company" :key="index">
  49. <div class="index_ul_2_li_num">{{ index + 1 }}</div>
  50. <NuxtLink class="index_ul_2_li_a dot2" :href="`/${item.pinyin}/${item.id}.html`" :title="item.title">{{ item.title }}</NuxtLink>
  51. </div>
  52. </div>
  53. <!-- <div class="index_2_foot clearfix">
  54. <a class="index_2_foot_a_btn" href="" title="">开通企业网站</a>
  55. <a class="index_2_foot_a_btn" href="" title="">管理企业网站</a>
  56. </div> -->
  57. </div>
  58. <!--企业推荐end-->
  59. </section>
  60. <!-- 广告1 -->
  61. <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
  62. <section class="index_3 clearfix">
  63. <div class="index_3_head_box clearfix">
  64. <span class="index_3_head_btn_a back100 index_3_head_btn_a_only" title="">产品分类</span>
  65. <div class="index_head_btn_right_box_2">
  66. <span class="index_head_btn_right_a_2" @click="goAddShop">发布信息</span>
  67. </div>
  68. </div>
  69. <div class=" clearfix">
  70. <div class=" clearfix">
  71. <!--产品分类open-->
  72. <div class="index_big_ul clearfix">
  73. <div class="index_big_li clearfix" v-for="(item, index) in navigation" :key="index">
  74. <a class="index_big_li_head_a" :href="getLinkPath(item)" :title="item.alias">{{
  75. item.alias }}</a>
  76. <div class="index_ul_3_in clearfix">
  77. <a class="index_ul_3_a"
  78. :href="`/${item.aLIas_pinyin}/${item1.aLIas_pinyin}/list-1.html`"
  79. :title="item1.alias" v-for="(item1, index1) in item.children.slice(0, 7)"
  80. :key="index1">
  81. <span>{{ item1.alias }}</span>
  82. </a>
  83. <a class="index_ul_3_a" :href="getLinkPath(item)" :title="item.alias"
  84. v-if="item.children.length > 7">
  85. <span>更多></span>
  86. </a>
  87. </div>
  88. </div>
  89. </div>
  90. <!--产品分类end-->
  91. </div>
  92. </div>
  93. </section>
  94. <section class="index_4 clearfix">
  95. <div class="index_1_box clearfix">
  96. <div class="index_head_box clearfix">
  97. <div class="index_head_box_left">
  98. <div class="index_head_left_a_btn">
  99. <NuxtLink
  100. :class="['index_head_left_a', hoverStatus == 1 ? 'index_head_left_a_only' : '']"
  101. v-if="pageData[0]" @mouseenter="qhPic(1)" :href="getLinkPath(pageData[0])"
  102. :title="pageData[0].alias">
  103. {{ pageData[0].alias }}
  104. </NuxtLink>
  105. </div>
  106. <!-- 书刊信息 -->
  107. <!-- <div class="index_head_left_a_btn">
  108. <NuxtLink
  109. :class="['index_head_left_a', hoverStatus == 2 ? 'index_head_left_a_only' : '']"
  110. v-if="pageData[1]"
  111. @mouseenter="qhPic(2)"
  112. :href="getLinkPath(pageData[1])"
  113. :title="pageData[1].alias"
  114. >
  115. {{pageData[1].alias}}
  116. </NuxtLink>
  117. </div> -->
  118. </div>
  119. <div class="index_head_box_right">
  120. <NuxtLink class="index_head_box_right_1_a" v-if="pageData[0]"
  121. :href="getLinkPath(pageData[0])" :title="pageData[0].alias">
  122. 更多 &gt;
  123. </NuxtLink>
  124. </div>
  125. </div>
  126. <!--tabs1-->
  127. <div class="index_3_box_box clearfix" v-if="hoverStatus == 1">
  128. <div class="index_3_box clearfix" v-if="boxData1.length > 0">
  129. <div class="index_ul_4_out clearfix">
  130. <div class="index_ul_4_img_box clearfix">
  131. <NuxtLink v-for="(item, index) in boxData1" :key="index"
  132. :href="getLinkPathDetail(item)" :title="item.name"
  133. :target="item.islink == 1 ? '_blank' : '_self'">
  134. <img class="index_ul_4_img" :src="item.imgurl" :alt="item.name">
  135. </NuxtLink>
  136. </div>
  137. <div class="index_ul_4">
  138. <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(boxData1[0])"
  139. v-if="boxData1[0]" :title="boxData1[0].name"
  140. :target="boxData1[0].islink == 1 ? '_blank' : '_self'">
  141. {{ boxData1[0].name }}
  142. </NuxtLink>
  143. <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(item)"
  144. v-for="item in boxData1data3" :title="item.name"
  145. :target="item.islink == 1 ? '_blank' : '_self'">
  146. {{ item.name }}
  147. </NuxtLink>
  148. </div>
  149. </div>
  150. <div class="index_ul_5 clearfix">
  151. <NuxtLink class="index_ul_5_a dot1" :href="getLinkPathDetail(item)"
  152. v-for="item in boxData1data4" :title="item.name"
  153. :target="item.islink == 1 ? '_blank' : '_self'">
  154. {{ item.name }}
  155. </NuxtLink>
  156. </div>
  157. </div>
  158. <div class="index_4_box clearfix" v-if="boxData1data2.length > 0">
  159. <div class="index_ul_4_out clearfix">
  160. <div class="index_ul_4_img_box clearfix">
  161. <NuxtLink v-for="item in boxData1data2" :href="getLinkPathDetail(item)"
  162. :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
  163. <img class="index_ul_4_img" :src="item.imgurl" :alt="item.name">
  164. </NuxtLink>
  165. </div>
  166. <div class="index_ul_4">
  167. <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(boxData1data2[0])"
  168. v-if="boxData1data2[0]" :title="boxData1data2[0].name"
  169. :target="boxData1data2[0].islink == 1 ? '_blank' : '_self'">
  170. {{ boxData1data2[0].name }}
  171. </NuxtLink>
  172. <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(item)"
  173. v-for="item in boxData1data5" :title="item.name"
  174. :target="item.islink == 1 ? '_blank' : '_self'">
  175. {{ item.name }}
  176. </NuxtLink>
  177. </div>
  178. </div>
  179. <div class="index_ul_5 clearfix">
  180. <NuxtLink class="index_ul_5_a dot1" :href="getLinkPathDetail(item)"
  181. v-for="item in boxData1data6" :title="item.name"
  182. :target="item.islink == 1 ? '_blank' : '_self'">
  183. {{ item.name }}
  184. </NuxtLink>
  185. </div>
  186. </div>
  187. </div>
  188. <!--tabs2-->
  189. <div class="clearfix" v-if="hoverStatus == 2">
  190. <div class="index_3_box clearfix">
  191. <div class="index_ul_4_out clearfix">
  192. <div class="index_ul_4_img_box clearfix">
  193. <NuxtLink v-for="item in boxData2" :href="getLinkPathDetail(item)"
  194. :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
  195. <img class="index_ul_4_img" :src="item.imgurl" alt="item.title">
  196. </NuxtLink>
  197. </div>
  198. <div class="index_ul_4">
  199. <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(boxData2[0])"
  200. v-if="boxData2[0]" :title="boxData2[0].title"
  201. :target="boxData2[0].islink == 1 ? '_blank' : '_self'">
  202. {{ boxData2[0].title }}
  203. </NuxtLink>
  204. <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(item)"
  205. v-for="item in boxData2data3" :title="item.title"
  206. :target="item.islink == 1 ? '_blank' : '_self'">
  207. {{ item.title }}
  208. </NuxtLink>
  209. </div>
  210. </div>
  211. <div class="index_ul_5 clearfix">
  212. <NuxtLink class="index_ul_5_a dot1" :href="getLinkPathDetail(item)"
  213. v-for="item in boxData2data4" :title="item.title"
  214. :target="item.islink == 1 ? '_blank' : '_self'">
  215. {{ item.title }}
  216. </NuxtLink>
  217. </div>
  218. </div>
  219. <div class="index_4_box clearfix">
  220. <div class="index_ul_4_out clearfix">
  221. <div class="index_ul_4_img_box clearfix">
  222. <NuxtLink v-for="item in boxData2data2" :href="getLinkPathDetail(item)"
  223. :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
  224. <img class="index_ul_4_img" :src="item.imgurl" alt="item.title">
  225. </NuxtLink>
  226. </div>
  227. <div class="index_ul_4">
  228. <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(boxData2data2[0])"
  229. v-if="boxData2data2[0]" :title="boxData2data2[0].title"
  230. :target="boxData2data2[0].islink == 1 ? '_blank' : '_self'">
  231. {{ boxData2data2[0].title }}
  232. </NuxtLink>
  233. <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(item)"
  234. v-for="item in boxData2data5" :title="item.title"
  235. :target="item.islink == 1 ? '_blank' : '_self'">
  236. {{ item.title }}
  237. </NuxtLink>
  238. </div>
  239. </div>
  240. <div class="index_ul_5 clearfix">
  241. <NuxtLink class="index_ul_5_a dot1" :href="getLinkPathDetail(item)"
  242. v-for="item in boxData2data6" :title="item.title"
  243. :target="item.islink == 1 ? '_blank' : '_self'">
  244. {{ item.title }}
  245. </NuxtLink>
  246. </div>
  247. </div>
  248. </div>
  249. </div>
  250. <div class="index_2_box clearfix">
  251. <div class="index_head_box clearfix">
  252. <div class="index_head_box_left">
  253. <div class="index_head_left_a_btn">
  254. <NuxtLink class="index_head_left_a index_head_left_a_only" v-if="pageData[2]"
  255. :href="getLinkPath(pageData[2])" :title="pageData[2].alias">
  256. {{ pageData[2].alias }}
  257. </NuxtLink>
  258. </div>
  259. </div>
  260. <div class="index_head_box_right_3">
  261. <NuxtLink class="index_head_box_right_3_a" v-for="item in boxData3menu"
  262. :to="{ path: `/${item.aLIas_pinyin}/list-1.html` }" :title="item.alias">
  263. {{ item.alias }}
  264. </NuxtLink>
  265. </div>
  266. </div>
  267. <!--综合资讯open-->
  268. <div class="index_ul_6 clearfix">
  269. <NuxtLink class="index_ul_6_a dot1" :href="getLinkPathDetail(item)" v-for="item in boxData3"
  270. :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
  271. {{ item.title }}
  272. </NuxtLink>
  273. </div>
  274. <!--综合资讯end-->
  275. </div>
  276. </section>
  277. <section class="index_5 clearfix">
  278. <div class="index_1_box clearfix">
  279. <!-- 供求信息 商品类型 start---------------------->
  280. <div class="index_head_box clearfix">
  281. <div class="index_head_box_left">
  282. <div class="index_head_left_a_btn">
  283. <NuxtLink class="index_head_left_a index_head_left_a_only" v-if="pageData[3]"
  284. :href="getLinkPath(pageData[3])" :title="pageData[3].alias">
  285. {{ pageData[3].alias }}
  286. </NuxtLink>
  287. </div>
  288. </div>
  289. <div class="index_head_box_right_3">
  290. <NuxtLink class="index_head_box_right_3_a" v-for="item in boxData4menu"
  291. :to="{ path: `/gongqiuxinxi/${item.aLIas_pinyin}/index.html` }" :title="item.alias">
  292. {{ item.alias }}
  293. </NuxtLink>
  294. </div>
  295. </div>
  296. <div class=" clearfix">
  297. <div class="index_3_box clearfix">
  298. <div class="index_img_ul_1_ul">
  299. <div class="index_img_ul_1_li">
  300. <NuxtLink class="index_img_ul_1_li_a" :href="getLinkPathDetail(item)"
  301. :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'"
  302. v-for="item in boxData4">
  303. <img class="index_img_ul_1_li_img" :src="item.imgurl" :alt="item.name">
  304. <div class="index_img_ul_1_li_dot1 dot1">
  305. {{ item.name }}
  306. </div>
  307. </NuxtLink>
  308. </div>
  309. </div>
  310. </div>
  311. <div class="index_4_box clearfix">
  312. <div class="index_name_ul">
  313. <div class="index_name_ul_li" v-for="item in boxData4data2">
  314. <NuxtLink class="index_name_ul_li_tag" :href="getLinkPathDetail(item)"
  315. :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
  316. 供应
  317. </NuxtLink>
  318. <NuxtLink class="index_name_ul_li_dot1 dot1" :href="getLinkPathDetail(item)"
  319. :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
  320. {{ item.name }}
  321. </NuxtLink>
  322. </div>
  323. <div class="index_name_ul_li" v-for="item in boxData4data3">
  324. <NuxtLink class="index_name_ul_li_tag" :href="getLinkPathDetail(item)"
  325. :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
  326. 【供应】
  327. </NuxtLink>
  328. <NuxtLink class="index_name_ul_li_dot1 dot1" :href="getLinkPathDetail(item)"
  329. :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
  330. {{ item.name }}
  331. </NuxtLink>
  332. </div>
  333. </div>
  334. <div class="index_name_ul_2">
  335. <div class="index_name_ul_2_li" v-for="item in boxData4data4">
  336. <NuxtLink class="index_name_ul_2_li_tag" :href="getLinkPathDetail(item)"
  337. :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
  338. 求购
  339. </NuxtLink>
  340. <NuxtLink class="index_name_ul_2_li_dot1 dot1 dot1" :href="getLinkPathDetail(item)"
  341. :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
  342. {{ item.name }}
  343. </NuxtLink>
  344. </div>
  345. <div class="index_name_ul_2_li" v-for="item in boxData4data5" :key="per_obj">
  346. <NuxtLink class="index_name_ul_2_li_tag" :href="getLinkPathDetail(item)"
  347. :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
  348. 【求购】
  349. </NuxtLink>
  350. <NuxtLink class="index_name_ul_2_li_dot1 dot1 dot1" :href="getLinkPathDetail(item)"
  351. :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
  352. {{ item.name }}
  353. </NuxtLink>
  354. </div>
  355. </div>
  356. </div>
  357. </div>
  358. <!-- 供求信息 商品类型 end---------------------->
  359. </div>
  360. <div class="index_2_box clearfix">
  361. <div class="index_head_box clearfix">
  362. <div class="index_head_box_left">
  363. <div class="index_head_left_a_btn">
  364. <NuxtLink class="index_head_left_a index_head_left_a_only" v-if="pageData[4]"
  365. :href="getLinkPath(pageData[4])" :title="pageData[4].alias">
  366. {{ pageData[4].alias }}
  367. </NuxtLink>
  368. </div>
  369. </div>
  370. <div class="index_head_box_right">
  371. <NuxtLink class="index_head_box_right_1_a" v-if="pageData[4]"
  372. :href="getLinkPath(pageData[4])" :title="pageData[4].alias">
  373. 更多 &gt;
  374. </NuxtLink>
  375. </div>
  376. </div>
  377. <div class=" clearfix">
  378. <!--三农专题open-->
  379. <div class="index_5_box clearfix">
  380. <div class="index_img_ul_2">
  381. <div class="index_img_ul_2_li" v-for="item in boxData5" :key="per_obj">
  382. <NuxtLink class="index_img_ul_2_li" :href="getLinkPathDetail(item)"
  383. :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
  384. <img class="index_img_ul_2_li_img" :src="item.imgurl" alt="item.title">
  385. <div class="index_img_ul_2_li_dot1 dot1">
  386. {{ item.title }}
  387. </div>
  388. </NuxtLink>
  389. </div>
  390. </div>
  391. </div>
  392. <div class="index_6_box clearfix">
  393. <div class="index_ul_8 clearfix">
  394. <div class="index_ul_8_li_box" v-for="item in boxData5data2" :key="per_obj">
  395. <div class="index_ul_8_li">
  396. <NuxtLink class="index_ul_8_a dot2" :href="getLinkPathDetail(item)"
  397. :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
  398. {{ item.title }}
  399. </NuxtLink>
  400. </div>
  401. </div>
  402. </div>
  403. </div>
  404. <!--三农专题end-->
  405. </div>
  406. </div>
  407. </section>
  408. <!-- 广告2 -->
  409. <HomeAdvertising :imgurl="adImg2"></HomeAdvertising>
  410. <section class="index_6 clearfix">
  411. <div class="index_1_box clearfix">
  412. <div class="index_head_box clearfix">
  413. <div class="index_head_box_left">
  414. <div class="index_head_left_a_btn">
  415. <NuxtLink class="index_head_left_a index_head_left_a_only" v-if="pageData[5]"
  416. :href="getLinkPath(pageData[5])" :title="pageData[5].alias">
  417. {{ pageData[5].alias }}
  418. </NuxtLink>
  419. </div>
  420. </div>
  421. <div class="index_head_box_right_4">
  422. <NuxtLink class="index_head_box_right_4_a" v-for="item in boxData6menu"
  423. :to="{ path: `/${item.aLIas_pinyin}/list-1.html` }" :title="item.alias">
  424. {{ item.alias }}
  425. </NuxtLink>
  426. </div>
  427. </div>
  428. <!--政策法规open-->
  429. <div class=" clearfix">
  430. <div class="index_3_box clearfix">
  431. <div class="index_img_ul_3">
  432. <div class="index_img_ul_3_li">
  433. <NuxtLink class="index_img_ul_3_li_a" :href="getLinkPathDetail(item)"
  434. :title="item.title" v-for="item in boxData6"
  435. :target="item.islink == 1 ? '_blank' : '_self'">
  436. <img class="index_img_ul_3_li_img" :src="item.imgurl" alt="item.title">
  437. <div class="index_img_ul_3_li_dot2 dot2">
  438. {{ item.title }}
  439. </div>
  440. </NuxtLink>
  441. </div>
  442. </div>
  443. <div class="index_img_ul_even_1 clearfix">
  444. <div class="index_img_ul_even_1_li" v-for="item in boxData6data2">
  445. <NuxtLink class="index_img_ul_even_1_li_a" :href="getLinkPathDetail(item)"
  446. :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
  447. <img class="index_img_ul_even_1_li_img" :src="item.imgurl" alt="item.title">
  448. <div class="index_img_ul_even_1_li_dot2 dot2">
  449. {{ item.title }}
  450. </div>
  451. </NuxtLink>
  452. </div>
  453. </div>
  454. </div>
  455. <div class="index_4_box clearfix">
  456. <div class="index_ul_9 clearfix">
  457. <div class="index_ul_9_head_box clearfix">
  458. <NuxtLink :to="{ path: `/${boxData6childpinyin}/list-1.html` }"
  459. v-if="boxData6menu[0]" class="index_ul_9_head_a" :title="boxData6menu[0].alias">
  460. {{ boxData6menu[0].alias }}
  461. </NuxtLink>
  462. </div>
  463. <NuxtLink class="index_ul_9_a dot1" :href="getLinkPathDetail(item)" :title="item.title"
  464. v-for="item in boxData6mainData" :target="item.islink == 1 ? '_blank' : '_self'">
  465. {{ item.title }}
  466. </NuxtLink>
  467. </div>
  468. </div>
  469. </div>
  470. <!--政策法规end-->
  471. </div>
  472. <div class="index_2_box clearfix">
  473. <div class="index_head_box clearfix">
  474. <div class="index_head_box_left">
  475. <div class="index_head_left_a_btn">
  476. <NuxtLink class="index_head_left_a index_head_left_a_only" v-if="pageData[6]"
  477. :href="getLinkPath(pageData[6])" :title="pageData[6].alias">
  478. {{ pageData[6].alias }}
  479. </NuxtLink>
  480. </div>
  481. </div>
  482. <div class="index_head_box_right">
  483. <NuxtLink class="index_head_box_right_1_a" v-if="pageData[6]"
  484. :href="getLinkPath(pageData[6])" :title="pageData[6].alias">
  485. 更多 &gt;
  486. </NuxtLink>
  487. </div>
  488. </div>
  489. <!--会展服务open-->
  490. <div class=" clearfix">
  491. <div class="index_even_img_ul_1 clearfix">
  492. <div class="index_even_img_ul_1_li" v-for="item in boxData7" :key="per_obj">
  493. <NuxtLink class="index_even_img_ul_1_a" :href="getLinkPathDetail(item)"
  494. :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
  495. <img class="index_even_img_ul_1_li_img" :src="item.imgurl" alt="item.title">
  496. <div class="index_even_img_ul_1_dot1 dot1">
  497. {{ item.title }}
  498. </div>
  499. </NuxtLink>
  500. </div>
  501. </div>
  502. <div class="index_ul_10 clearfix">
  503. <NuxtLink class="index_ul_10_a dot1" :href="getLinkPathDetail(item)"
  504. v-for="item in boxData7data2" :title="item.title"
  505. :target="item.islink == 1 ? '_blank' : '_self'">
  506. {{ item.title }}
  507. </NuxtLink>
  508. </div>
  509. </div>
  510. <!--会展服务end-->
  511. </div>
  512. </section>
  513. <section class="index_7 clearfix">
  514. <div class="index_7_line_box clearfix">
  515. <div class="index_7_in_box">
  516. <div class="index_7_head">
  517. <NuxtLink class="index_7_head_a" v-if="pageData[7]" :href="getLinkPath(pageData[7])"
  518. :title="pageData[7].alias">
  519. {{ pageData[7].alias }}
  520. </NuxtLink>
  521. </div>
  522. <div class="index_ul_11 clearfix">
  523. <NuxtLink class="index_ul_11_a dot1" :href="getLinkPathDetail(item)"
  524. v-for="item in boxData8" :title="item.title"
  525. :target="item.islink == 1 ? '_blank' : '_self'">
  526. {{ item.title }}
  527. </NuxtLink>
  528. </div>
  529. </div>
  530. <div class="index_7_in_box">
  531. <div class="index_7_head">
  532. <NuxtLink class="index_7_head_a" v-if="pageData[8]" :href="getLinkPath(pageData[8])"
  533. :title="pageData[8].alias">
  534. {{ pageData[8].alias }}
  535. </NuxtLink>
  536. </div>
  537. <!--策划服务open-->
  538. <div class="index_ul_11 clearfix">
  539. <NuxtLink class="index_ul_11_a dot1" :href="getLinkPathDetail(item)"
  540. v-for="item in boxData9" :title="item.title"
  541. :target="item.islink == 1 ? '_blank' : '_self'">
  542. {{ item.title }}
  543. </NuxtLink>
  544. </div>
  545. <!--策划服务end-->
  546. </div>
  547. <div class="index_7_in_box">
  548. <div class="index_7_head">
  549. <NuxtLink class="index_7_head_a" v-if="pageData[9]" :href="getLinkPath(pageData[9])"
  550. :title="pageData[9].alias">
  551. {{ pageData[9].alias }}
  552. </NuxtLink>
  553. </div>
  554. <!--网站动态-->
  555. <div class="index_ul_11 clearfix">
  556. <NuxtLink class="index_ul_11_a dot1" :href="getLinkPathDetail(item)"
  557. v-for="item in boxData10" :title="item.title"
  558. :target="item.islink == 1 ? '_blank' : '_self'">
  559. {{ item.title }}
  560. </NuxtLink>
  561. </div>
  562. <!--网站动态-->
  563. </div>
  564. </div>
  565. </section>
  566. <section class="index_8 clearfix">
  567. <div class="index_1_box clearfix">
  568. <div class="index_head_box clearfix index_head_box_2">
  569. <div class="index_head_box_left">
  570. <div class="index_head_left_a_btn">
  571. <NuxtLink class="index_head_left_a index_head_left_a_only" v-if="pageData[10]"
  572. :href="getLinkPath(pageData[10])" :title="pageData[10].alias">
  573. {{ pageData[10].alias }}
  574. </NuxtLink>
  575. </div>
  576. </div>
  577. </div>
  578. <!--行业报告open-->
  579. <div class="index_big_2_ul clearfix">
  580. <div class="index_big_2_li clearfix">
  581. <div class="index_big_2_li_img_box">
  582. <div v-for="(item, index) in boxData11">
  583. <NuxtLink v-if="showImg == index" class="index_big_2_li_img_a"
  584. :href="getLinkPathDetail(item)" :title="item.title"
  585. :target="item.islink == 1 ? '_blank' : '_self'">
  586. <img class="index_big_2_li_img" :src="item.imgurl" alt="item.title">
  587. </NuxtLink>
  588. </div>
  589. </div>
  590. <div class="index_big_2_li_in">
  591. <div class="index_ul_12">
  592. <NuxtLink class="index_ul_12_a dot1" v-for="(item, index) in boxData11"
  593. :href="getLinkPathDetail(item)" @mouseenter="changeImg(index)"
  594. :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
  595. {{ item.title }}
  596. </NuxtLink>
  597. </div>
  598. </div>
  599. </div>
  600. </div>
  601. <div class="index_ul_13 clearfix">
  602. <NuxtLink class="index_ul_13_a dot1" v-for="(item, index) in boxData11data2"
  603. :href="getLinkPathDetail(item)" :title="item.title"
  604. :target="item.islink == 1 ? '_blank' : '_self'">
  605. {{ item.title }}
  606. </NuxtLink>
  607. </div>
  608. <!--行业报告end-->
  609. </div>
  610. <div class="index_2_box clearfix">
  611. <div class="index_head_box clearfix index_head_box_3">
  612. <div class="index_head_box_left">
  613. <div class="index_head_left_a_btn">
  614. <NuxtLink class="index_head_left_a index_head_left_a_only" v-if="pageData[11]"
  615. :href="getLinkPath(pageData[11])" :title="pageData[11].alias">
  616. {{ pageData[11].alias }}
  617. </NuxtLink>
  618. </div>
  619. </div>
  620. <div class="index_head_box_right">
  621. <NuxtLink class="index_head_box_right_1_a" v-if="pageData[11]"
  622. :href="getLinkPath(pageData[11])" :title="pageData[11].alias">
  623. 更多 &gt;
  624. </NuxtLink>
  625. </div>
  626. </div>
  627. <!--专家服务open-->
  628. <div class="index_ul_6 clearfix">
  629. <div class="index_ul_6_li clearfix">
  630. <NuxtLink class="index_ul_6_li_a" v-for="(item, index) in boxData12"
  631. :href="getLinkPathDetail(item)" :title="item.title"
  632. :target="item.islink == 1 ? '_blank' : '_self'">
  633. <div class="index_ul_6_img_box">
  634. <img class="index_ul_6_img" :src="item.imgurl" alt="item.title">
  635. </div>
  636. <div class="index_ul_6_li_right">
  637. <!-- <div class="index_ul_6_li_head">郭建炜</div> -->
  638. <article class="index_ul_6_li_article dot3">
  639. {{ item.title }}
  640. </article>
  641. <span class="index_ul_6_li_article_detail">【详细】</span>
  642. </div>
  643. </NuxtLink>
  644. </div>
  645. </div>
  646. <div class="index_ul_13 clearfix">
  647. <NuxtLink class="index_ul_13_a dot1" v-for="item in boxData12data2"
  648. :href="getLinkPathDetail(item)" :title="item.title"
  649. :target="item.islink == 1 ? '_blank' : '_self'">
  650. {{ item.title }}
  651. </NuxtLink>
  652. </div>
  653. <!--专家服务end-->
  654. </div>
  655. </section>
  656. <!-- 广告3 -->
  657. <HomeAdvertising :imgurl="adImg4"></HomeAdvertising>
  658. </main>
  659. <!-- 页面底部 -->
  660. <HomeFoot></HomeFoot>
  661. </div>
  662. </template>
  663. <script setup>
  664. //0.加载页面必备组件 start---------------------------------------->
  665. import { ref, onMounted } from 'vue';
  666. import { ElMessage } from 'element-plus';
  667. import { getToken } from '@/store/useCookieStore'
  668. //获得全局url
  669. const { $BwebUrl, $CwebUrl } = useNuxtApp();
  670. //0.加载页面必备组件 end---------------------------------------->
  671. //1.获取头条新闻 start---------------------------------------->
  672. //1.1 头条
  673. const headline = ref({})
  674. const headlineData2 = ref([])
  675. async function getModelData1() {
  676. const mkdata = await requestDataPromise('/web/getWebsiteArticlett', {
  677. method: 'GET',
  678. query: {
  679. 'imgnum': 0,
  680. 'textnum': 4,
  681. 'level': 1,
  682. 'placeid': 0,
  683. 'id': ''
  684. },
  685. });
  686. if (mkdata.code == 200) {
  687. //填充大标题
  688. for (let index in mkdata.data.text) {
  689. if (index < 1) {
  690. headline.value = mkdata.data.text[index]
  691. } else {
  692. headlineData2.value.push(mkdata.data.text[index])
  693. }
  694. }
  695. } else {
  696. console.log("设置大标题错误", mkdata.message)
  697. }
  698. }
  699. getModelData1()
  700. //1.3 今日热点
  701. const hotNewsList = ref("")
  702. async function getModelData3() {
  703. const mkdata = await requestDataPromise('/web/getWebsiteArticlett', {
  704. method: 'GET',
  705. query: {
  706. 'imgnum': 0,
  707. 'textnum': 10,
  708. 'level': 6,
  709. 'placeid': 0,
  710. 'id': ''
  711. },
  712. });
  713. if (mkdata.code == 200) {
  714. hotNewsList.value = mkdata.data.text;
  715. } else {
  716. console.log("获取首页今日热点错误", mkdata.message)
  717. }
  718. }
  719. getModelData3()
  720. //1.获取头条新闻 end---------------------------------------->
  721. //2.选项卡 start---------------------------------------->
  722. const hoverStatus = ref(1)
  723. const qhPic = function (num) {
  724. hoverStatus.value = num;
  725. }
  726. const hoverStatusTwo = ref(1)
  727. const qhPicTwo = function (num) {
  728. hoverStatusTwo.value = num;
  729. }
  730. const hoverStatusThree = ref(1)
  731. const qhPicThree = function (num) {
  732. hoverStatusThree.value = num;
  733. }
  734. let goAddShop = () => {
  735. if (getToken()) {
  736. window.open($BwebUrl + '/#/addGood', '_blank');
  737. } else {
  738. ElMessage.error('请先登录!')
  739. }
  740. }
  741. //图片切换
  742. const showImg = ref(1)
  743. const changeImg = function (num) {
  744. showImg.value = num;
  745. }
  746. //2.选项卡 end---------------------------------------->
  747. //3.广告 start---------------------------------------->
  748. //获得所有广告
  749. let adImg1 = ref({})
  750. let adImg2 = ref({})
  751. let adImg3 = ref({})
  752. let adImg4 = ref({})
  753. onMounted(async () => {
  754. //从客户端获取行政职能部门 加快打开速度//从客户端获取行政职能部门 加快打开速度
  755. const { $webUrl, $CwebUrl } = useNuxtApp();
  756. //从客户端启动广告
  757. //广告1
  758. let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nzgxw_index_0001`
  759. const responseAd1 = await fetch(url, {
  760. headers: {
  761. 'Content-Type': 'application/json',
  762. 'Userurl': $CwebUrl,
  763. 'Origin': $CwebUrl
  764. }
  765. });
  766. const resultAd1 = await responseAd1.json();
  767. adImg1.value = resultAd1.data[0];
  768. //广告2
  769. let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nzgxw_index_0002`
  770. const responseAd2 = await fetch(url2, {
  771. headers: {
  772. 'Content-Type': 'application/json',
  773. 'Userurl': $CwebUrl,
  774. 'Origin': $CwebUrl
  775. }
  776. });
  777. const resultAd2 = await responseAd2.json();
  778. adImg2.value = resultAd2.data[0];
  779. //广告3
  780. let url3 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nzgxw_index_0003`
  781. const responseAd3 = await fetch(url3, {
  782. headers: {
  783. 'Content-Type': 'application/json',
  784. 'Userurl': $CwebUrl,
  785. 'Origin': $CwebUrl
  786. }
  787. });
  788. const resultAd3 = await responseAd3.json();
  789. adImg3.value = resultAd3.data[0];
  790. //广告4
  791. let url4 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nzgxw_index_0004`
  792. const responseAd4 = await fetch(url4, {
  793. headers: {
  794. 'Content-Type': 'application/json',
  795. 'Userurl': $CwebUrl,
  796. 'Origin': $CwebUrl
  797. }
  798. });
  799. const resultAd4 = await responseAd4.json();
  800. adImg4.value = resultAd4.data[0];
  801. })
  802. //3.广告 end---------------------------------------->
  803. //4.页面数据 start---------------------------------------->
  804. //产品分类部分导航菜单
  805. const navigation = ref([]);
  806. async function getNavigation() {
  807. const mkdata = await requestDataPromise('/web/getWebsiteModelCategory', {
  808. method: 'GET',
  809. query: {
  810. 'pid': 0,
  811. 'num': 10,
  812. 'placeid': 29,
  813. 'type': 1
  814. },
  815. });
  816. navigation.value = mkdata.data;
  817. // console.log("navigation11111111", navigation.value);
  818. }
  819. getNavigation();
  820. //4.1导航
  821. const pageData = ref([
  822. //示例 { cid: "", title: "", data: [] ,children_count:""},
  823. ]);
  824. //4.2 模块数据
  825. //模块1
  826. const boxData1 = ref([])
  827. const boxData1data2 = ref([])
  828. const boxData1data3 = ref([])
  829. const boxData1data4 = ref([])
  830. const boxData1data5 = ref([])
  831. const boxData1data6 = ref([])
  832. //模块2
  833. const boxData2 = ref([])
  834. const boxData2data2 = ref([])
  835. const boxData2data3 = ref([])
  836. const boxData2data4 = ref([])
  837. const boxData2data5 = ref([])
  838. const boxData2data6 = ref([])
  839. //模块3
  840. const boxData3 = ref([]);
  841. const boxData3menu = ref([]);
  842. //模块4
  843. const boxData4 = ref([]);
  844. const boxData4data2 = ref([]);
  845. const boxData4data3 = ref([]);
  846. const boxData4data4 = ref([]);
  847. const boxData4data5 = ref([]);
  848. const boxData4menu = ref([]);
  849. //模块5
  850. const boxData5 = ref([])
  851. const boxData5data2 = ref([])
  852. //模块6
  853. const boxData6 = ref([]);
  854. const boxData6data2 = ref([]);
  855. const boxData6menu = ref([]);
  856. const boxData6childpinyin = ref([]);
  857. const boxData6mainData = ref([]);
  858. //模块7
  859. const boxData7 = ref([]);
  860. const boxData7data2 = ref([]);
  861. //模块8
  862. const boxData8 = ref([]);
  863. //模块9
  864. const boxData9 = ref([]);
  865. //模块10
  866. const boxData10 = ref([]);
  867. //模块11
  868. const boxData11 = ref([]);
  869. const boxData11data2 = ref([]);
  870. //模块12
  871. const boxData12 = ref([]);
  872. const boxData12data2 = ref([]);
  873. //引入导航
  874. const { $pageNav } = useNuxtApp();
  875. //4.3获得导航数据
  876. try {
  877. const navigateData = await requestDataPromise('/web/getWebsiteModelCategory', {
  878. method: 'GET',
  879. query: {
  880. 'placeid': 1,
  881. 'pid': 0,
  882. 'num': 30
  883. },
  884. });
  885. if (navigateData.code == 200) {
  886. // 遍历可用的导航池放到页面中
  887. for (let index in navigateData.data) {
  888. let data = {
  889. title: navigateData.data[index].name,
  890. cid: navigateData.data[index].category_id,
  891. children_count: navigateData.data[index].children_count,
  892. alias: navigateData.data[index].alias,
  893. aLIas_pinyin: navigateData.data[index].aLIas_pinyin,
  894. chilid_id: navigateData.data[index].chilid_id
  895. };
  896. //渲染标题
  897. //1
  898. if (navigateData.data[index].category_id == $pageNav[0]) { pageData.value[0] = data }
  899. //2
  900. if (navigateData.data[index].category_id == $pageNav[1]) { pageData.value[1] = data }
  901. //3
  902. if (navigateData.data[index].category_id == $pageNav[2]) { pageData.value[2] = data }
  903. //4
  904. if (navigateData.data[index].category_id == $pageNav[3]) { pageData.value[3] = data }
  905. //5
  906. if (navigateData.data[index].category_id == $pageNav[4]) { pageData.value[4] = data }
  907. //6
  908. if (navigateData.data[index].category_id == $pageNav[5]) { pageData.value[5] = data }
  909. //7
  910. if (navigateData.data[index].category_id == $pageNav[6]) { pageData.value[6] = data }
  911. //8
  912. if (navigateData.data[index].category_id == $pageNav[7]) { pageData.value[7] = data }
  913. //9
  914. if (navigateData.data[index].category_id == $pageNav[8]) { pageData.value[8] = data }
  915. //10
  916. if (navigateData.data[index].category_id == $pageNav[9]) { pageData.value[9] = data }
  917. //11
  918. if (navigateData.data[index].category_id == $pageNav[10]) { pageData.value[10] = data }
  919. //12
  920. if (navigateData.data[index].category_id == $pageNav[11]) { pageData.value[11] = data }
  921. }
  922. } else {
  923. console.log("获取导航池出错!", navigateData.message)
  924. }
  925. } catch (error) {
  926. console.log("错误:导航池渲染执行接口出错!请检查首页的14的模块的具体执行方法!")
  927. }
  928. let getJson = [
  929. { "parent": $pageNav[0] + ",2,10", "child": "" },//模块1
  930. { "parent": $pageNav[1] + ",2,10", "child": "" },//模块2
  931. { "parent": $pageNav[2] + ",0,7", "child": $pageNav[12] + ",0,1" },//模块3
  932. { "parent": $pageNav[3] + ",1,6", "child": $pageNav[14] + ",0,1" },//模块4 商城相关,暂时不用
  933. { "parent": $pageNav[4] + ",2,4", "child": "" },//模块5
  934. { "parent": $pageNav[5] + ",3,10", "child": $pageNav[13] + ",0,11" },//模块6
  935. { "parent": $pageNav[6] + ",2,7", "child": "" },//模块7
  936. { "parent": $pageNav[7] + ",0,3", "child": "" },//模块8
  937. { "parent": $pageNav[8] + ",0,3", "child": "" },//模块9
  938. { "parent": $pageNav[9] + ",0,3", "child": "" },//模块10
  939. { "parent": $pageNav[10] + ",4,3", "child": "" },//模块11
  940. { "parent": $pageNav[11] + ",1,3", "child": "" },//模块12
  941. ]
  942. let jsonString = JSON.stringify(getJson);
  943. async function getPageAllData() {
  944. const mkdata = await requestDataPromise('/web/getWebsiteAllArticle', {
  945. method: 'GET',
  946. query: {
  947. 'id': jsonString
  948. },
  949. });
  950. console.log("mkdata", mkdata)
  951. if (mkdata.code == 200) {
  952. //模块1
  953. // for (let index in mkdata.data[0].imgnum) {
  954. // if (index < 1) {
  955. // boxData1.value.push(mkdata.data[0].imgnum[index])
  956. // } else {
  957. // boxData1data2.value.push(mkdata.data[0].imgnum[index])
  958. // }
  959. // }
  960. // for (let index in mkdata.data[0].textnum) {
  961. // if (index < 2) {
  962. // // boxData1data3.value.push(mkdata.data[0].textnum[index])
  963. // } else if (index >= 2 && index < 5) {
  964. // boxData1data4.value.push(mkdata.data[0].textnum[index])
  965. // } else if (index >= 5 && index <= 6) {
  966. // boxData1data5.value.push(mkdata.data[0].textnum[index])
  967. // } else if (index >= 7 && index <= 10) {
  968. // boxData1data6.value.push(mkdata.data[0].textnum[index])
  969. // }
  970. // }
  971. //模块2
  972. for (let index in mkdata.data[1].imgnum) {
  973. if (index < 1) {
  974. boxData2.value.push(mkdata.data[1].imgnum[index])
  975. } else {
  976. boxData2data2.value.push(mkdata.data[1].imgnum[index])
  977. }
  978. }
  979. for (let index in mkdata.data[1].textnum) {
  980. if (index < 2) {
  981. boxData2data3.value.push(mkdata.data[1].textnum[index])
  982. } else if (index >= 2 && index < 5) {
  983. boxData2data4.value.push(mkdata.data[1].textnum[index])
  984. } else if (index >= 5 && index <= 6) {
  985. boxData2data5.value.push(mkdata.data[1].textnum[index])
  986. } else if (index >= 7 && index <= 10) {
  987. boxData2data6.value.push(mkdata.data[1].textnum[index])
  988. }
  989. }
  990. //模块3
  991. boxData3.value = mkdata.data[2].textnum;
  992. for (let index in mkdata.data[2].child.all_childcat) {
  993. if (index < 3) {
  994. boxData3menu.value.push(mkdata.data[2].child.all_childcat[index])
  995. }
  996. }
  997. //模块4 商城相关
  998. for (let index in mkdata.data[3].child.all_childcat) {
  999. if (index < 3) {
  1000. boxData4menu.value.push(mkdata.data[3].child.all_childcat[index])
  1001. }
  1002. }
  1003. //模块5
  1004. boxData5.value = mkdata.data[4].imgnum;
  1005. boxData5data2.value = mkdata.data[4].textnum;
  1006. //模块6
  1007. for (let index in mkdata.data[5].imgnum) {
  1008. if (index < 1) {
  1009. boxData6.value.push(mkdata.data[5].imgnum[index])
  1010. } else {
  1011. boxData6data2.value.push(mkdata.data[5].imgnum[index])
  1012. }
  1013. }
  1014. // console.log("boxData6data2", boxData6data2.value);
  1015. boxData6childpinyin.value = mkdata.data[5].child.pinyin;
  1016. boxData6mainData.value = mkdata.data[5].child.textnum;
  1017. for (let index in mkdata.data[5].child.all_childcat) {
  1018. if (index < 3) {
  1019. boxData6menu.value.push(mkdata.data[5].child.all_childcat[index])
  1020. }
  1021. }
  1022. //模块7
  1023. boxData7.value = mkdata.data[6].imgnum;
  1024. boxData7data2.value = mkdata.data[6].textnum;
  1025. //模块8
  1026. boxData8.value = mkdata.data[7].textnum;
  1027. //模块9
  1028. boxData9.value = mkdata.data[8].textnum;
  1029. //模块10
  1030. boxData10.value = mkdata.data[9].textnum;
  1031. //模块11
  1032. boxData11.value = mkdata.data[10].imgnum;
  1033. boxData11data2.value = mkdata.data[10].textnum;
  1034. //模块12
  1035. boxData12.value = mkdata.data[11].imgnum;
  1036. boxData12data2.value = mkdata.data[11].textnum;
  1037. } else {
  1038. ElMessage.error(mkdata.message)
  1039. }
  1040. }
  1041. getPageAllData();
  1042. // 获取首页商品模块数据
  1043. const getShopData1 = async () => {
  1044. const mkdata = await requestDataPromise('/web/getWebsiteshopList', {
  1045. method: 'GET',
  1046. query: {
  1047. 'catid': $pageNav[0],
  1048. 'page': 1,
  1049. 'pageSize': 12,
  1050. 'ismix': 1,
  1051. },
  1052. });
  1053. // console.log("mkdata11111111", mkdata);
  1054. if (mkdata.code == 200) {
  1055. for (let index in mkdata.data.goods) {
  1056. if (index < 1) {
  1057. boxData1.value.push(mkdata.data.goods[index])
  1058. } else if (index >= 1 && index < 3) {
  1059. boxData1data3.value.push(mkdata.data.goods[index])
  1060. } else if (index >= 3 && index < 6) {
  1061. boxData1data4.value.push(mkdata.data.goods[index])
  1062. } else if (index >= 6 && index < 7) {
  1063. boxData1data2.value.push(mkdata.data.goods[index])
  1064. } else if (index >= 7 && index < 9) {
  1065. boxData1data5.value.push(mkdata.data.goods[index])
  1066. } else if (index >= 9 && index < 12) {
  1067. boxData1data6.value.push(mkdata.data.goods[index])
  1068. }
  1069. }
  1070. }
  1071. }
  1072. getShopData1()
  1073. // 获取首页商品模块数据
  1074. const getShopData = async () => {
  1075. const mkdata = await requestDataPromise('/web/getWebsiteshopList', {
  1076. method: 'GET',
  1077. query: {
  1078. 'catid': $pageNav[3],
  1079. 'page': 1,
  1080. 'pageSize': 10,
  1081. },
  1082. });
  1083. if (mkdata.code == 200) {
  1084. for (let index in mkdata.data.type1) {
  1085. if (index < 1) {
  1086. boxData4.value.push(mkdata.data.type1[index])
  1087. } else if (index >= 1 && index < 2) {
  1088. boxData4data2.value.push(mkdata.data.type1[index])
  1089. } else if (index >= 2 && index < 4) {
  1090. boxData4data3.value.push(mkdata.data.type1[index])
  1091. }
  1092. }
  1093. for (let index in mkdata.data.type2) {
  1094. if (index < 1) {
  1095. boxData4data4.value.push(mkdata.data.type2[index])
  1096. } else if (index >= 1 && index < 3) {
  1097. boxData4data5.value.push(mkdata.data.type2[index])
  1098. }
  1099. }
  1100. }
  1101. }
  1102. getShopData()
  1103. // 获取首页企业模块数据
  1104. let getJson_company = [
  1105. { 'level': "1,0,12" },
  1106. ]
  1107. let companyJson = JSON.stringify(getJson_company)
  1108. //企业功能
  1109. //农民工培训模块547
  1110. const recommend_company = ref('') // 推荐岗位
  1111. const getRecommendCompany = async () => {
  1112. const getCompany = await requestDataPromise('/web/getWebsiteCompany', {
  1113. method: 'GET',
  1114. query: {
  1115. 'id': companyJson
  1116. },
  1117. });
  1118. if (getCompany.code == 200) {
  1119. console.log('getCompany', getCompany);
  1120. if (getCompany.data.length > 0) {
  1121. recommend_company.value = getCompany.data[0].text_num;
  1122. }
  1123. }
  1124. }
  1125. getRecommendCompany()
  1126. //4.页面数据 end---------------------------------------->
  1127. //5.设置seo数据 start---------------------------------------->
  1128. //获取seo数据
  1129. const setData = await requestDataPromise('/web/getWebsiteFootInfo', {
  1130. method: 'GET',
  1131. query: {},
  1132. });
  1133. if (setData.code == 200) {
  1134. let seoTitle = setData.data.website_head.title;
  1135. let seoDescription = setData.data.website_head.description;
  1136. let seoKeywords = setData.data.website_head.keywords;
  1137. let seoSuffix = setData.data.website_head.suffix;
  1138. let seoName = setData.data.website_head.website_name;
  1139. useSeoMeta({
  1140. title: seoTitle + "_" + seoSuffix,
  1141. meta: [
  1142. { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
  1143. { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix, tagPriority: 10 }
  1144. ]
  1145. });
  1146. } else {
  1147. console.log("设置首页SEO出错!", setData.message)
  1148. }
  1149. //5.设置seo数据 start---------------------------------------->
  1150. </script>
  1151. <style lang="less" scoped>
  1152. @import url('@/assets/css/index.less');
  1153. </style>