index.vue 68 KB

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