index.vue 89 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722
  1. <template>
  2. <div>
  3. <!-- 页面头部 -->
  4. <HomePageHead></HomePageHead>
  5. <!-- 页面导航 -->
  6. <HomePageNavigation></HomePageNavigation>
  7. <!-- 广告位 1 -->
  8. <HomeAdvertising :imgurl="adImg4"></HomeAdvertising>
  9. <!-- 新闻头条部分 -->
  10. <div class="topNewsPart">
  11. <div class="inner">
  12. <div class="toutiao" v-if="tabsData == 1">
  13. <div class="xwtt" v-if="headlinelist.length >= 1">
  14. <span class="ttlogo">新闻头条</span>
  15. <NuxtLink :href="getLinkPathDetail(headlinelist[0])" :title="headlinelist[0].title"
  16. :target="headlinelist[0].islink == 1 ? '_blank' : '_self'">
  17. <span class="tttitle">{{ headlinelist[0].title }}</span>
  18. </NuxtLink>
  19. </div>
  20. <div class="toutiao1" v-if="headlinelist.length >= 2">
  21. <NuxtLink :href="getLinkPathDetail(headlinelist[1])" :title="headlinelist[1].title"
  22. :target="headlinelist[1].islink == 1 ? '_blank' : '_self'">
  23. <span class="tttitle">{{ headlinelist[1].title }}</span>
  24. </NuxtLink>
  25. </div>
  26. </div>
  27. <div class="toutiao" v-if="tabsData == 2">
  28. <div class="xwtt" v-if="headlinelist.length >= 3">
  29. <span class="ttlogo">新闻头条</span>
  30. <NuxtLink :href="getLinkPathDetail(headlinelist[2])" :title="headlinelist[2].title"
  31. :target="headlinelist[2].islink == 1 ? '_blank' : '_self'">
  32. <span class="tttitle">{{ headlinelist[2].title }}</span>
  33. </NuxtLink>
  34. </div>
  35. <div class="toutiao1" v-if="headlinelist.length >= 4">
  36. <NuxtLink :href="getLinkPathDetail(headlinelist[3])" :title="headlinelist[3].title"
  37. :target="headlinelist[3].islink == 1 ? '_blank' : '_self'">
  38. <span class="tttitle">{{ headlinelist[3].title }}</span>
  39. </NuxtLink>
  40. </div>
  41. </div>
  42. <div class="toutiao" v-if="tabsData == 3">
  43. <div class="xwtt" v-if="headlinelist.length >= 5">
  44. <span class="ttlogo">新闻头条</span>
  45. <NuxtLink :href="getLinkPathDetail(headlinelist[4])" :title="headlinelist[4].title"
  46. :target="headlinelist[4].islink == 1 ? '_blank' : '_self'">
  47. <span class="tttitle">{{ headlinelist[4].title }}</span>
  48. </NuxtLink>
  49. </div>
  50. <div class="toutiao1" v-if="headlinelist.length >= 6">
  51. <NuxtLink :href="getLinkPathDetail(headlinelist[5])" :title="headlinelist[5].title"
  52. :target="headlinelist[5].islink == 1 ? '_blank' : '_self'">
  53. <span class="tttitle">{{ headlinelist[5].title }}</span>
  54. </NuxtLink>
  55. </div>
  56. </div>
  57. <ul class="vibrant" v-if="headlinelist.length >= 1">
  58. <li @mouseenter="tabsData = 1" :class="{ active: tabsData == 1 }"></li>
  59. <li @mouseenter="tabsData = 2" :class="{ active: tabsData == 2 }"></li>
  60. <li @mouseenter="tabsData = 3" :class="{ active: tabsData == 3 }"></li>
  61. </ul>
  62. <div class="messageLeft" v-if="pageData.length >= 1">
  63. <div class="leftTitle">
  64. <h2 class="leftnav">
  65. <NuxtLink class="active" v-if="pageData[0].cid" :href="getLinkPath(pageData[0])"
  66. :title="pageData[0].alias">
  67. {{ pageData[0].alias }}
  68. </NuxtLink>
  69. <em></em>
  70. </h2>
  71. <ul class="rightnav">
  72. <li v-for="(item, index) in boxData1menu" :key="index">
  73. <NuxtLink :href="getLinkPath1(item)" v-if="index <= 2" :title="item.alias">
  74. {{ item.alias }}
  75. </NuxtLink>
  76. <span v-if="index < 2">/</span>
  77. </li>
  78. <li>
  79. <NuxtLink class="active" v-if="pageData[0].cid" :href="getLinkPath(pageData[0])">
  80. 更多>
  81. </NuxtLink>
  82. </li>
  83. </ul>
  84. </div>
  85. <ul class="leftContent">
  86. <li class="context" v-for="(item, index) in boxData1" :key="index">
  87. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  88. :target="item.islink == 1 ? '_blank' : '_self'">
  89. {{ item.title }}
  90. </NuxtLink>
  91. </li>
  92. </ul>
  93. </div>
  94. <div class="messageRight">
  95. <div class="lunbo">
  96. <HomeBigSwiper></HomeBigSwiper>
  97. </div>
  98. <div class="mid">
  99. <div class="nav1" v-if="pageData.length >= 2">
  100. <h2 class="navtitle">
  101. <NuxtLink class="active" v-if="pageData[1].cid" :href="getLinkPath(pageData[1])"
  102. :title="pageData[1].alias">
  103. {{ pageData[1].alias }}
  104. </NuxtLink>
  105. </h2>
  106. <ul class="navContext">
  107. <li class="Contextlist" v-for="(item, index) in boxData2" :key="index">
  108. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  109. :target="item.islink == 1 ? '_blank' : '_self'">
  110. {{ item.title }}
  111. </NuxtLink>
  112. </li>
  113. </ul>
  114. </div>
  115. <div class="nav2" v-if="pageData.length >= 3">
  116. <h2 class="navtitle">
  117. <img src="../public/index/gonggao.png" alt="">
  118. <NuxtLink class="active" v-if="pageData[2].cid" :href="getLinkPath(pageData[2])"
  119. :title="pageData[2].alias">
  120. {{ pageData[2].alias }}
  121. </NuxtLink>
  122. </h2>
  123. <ul class="navContext">
  124. <li class="Contextlist" v-for="(item, index) in boxData3" :key="index">
  125. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  126. :target="item.islink == 1 ? '_blank' : '_self'">
  127. {{ item.title }}
  128. </NuxtLink>
  129. </li>
  130. </ul>
  131. </div>
  132. </div>
  133. <div class="foot">
  134. <div class="head_nav">
  135. <div class="nav_list">
  136. <NuxtLink :href="getLinkPath1(boxData2menu1[0])" v-if="boxData2menu1[0]"
  137. :title="boxData2menu1[0].alias">
  138. <img src="../public/index/icon01.png">
  139. <span>{{ boxData2menu1[0].alias }}</span>
  140. </NuxtLink>
  141. </div>
  142. <div class="nav_list">
  143. <NuxtLink :href="getLinkPath1(boxData2menu1[1])" v-if="boxData2menu1[1]"
  144. :title="boxData2menu1[1].alias">
  145. <img src="../public/index/icon02.png">
  146. <span>{{ boxData2menu1[1].alias }}</span>
  147. </NuxtLink>
  148. </div>
  149. <div class="nav_list">
  150. <NuxtLink :href="getLinkPath1(boxData2menu1[2])" v-if="boxData2menu1[2]"
  151. :title="boxData2menu1[2].alias">
  152. <img src="../public/index/icon03.png">
  153. <span>{{ boxData2menu1[2].alias }}</span>
  154. </NuxtLink>
  155. </div>
  156. <div class="nav_list">
  157. <NuxtLink :href="getLinkPath1(boxData2menu1[3])" v-if="boxData2menu1[3]"
  158. :title="boxData2menu1[3].alias">
  159. <img src="../public/index/icon04.png">
  160. <span>{{ boxData2menu1[3].alias }}</span>
  161. </NuxtLink>
  162. </div>
  163. <div class="nav_list">
  164. <NuxtLink :href="getLinkPath1(boxData2menu1[4])" v-if="boxData2menu1[4]"
  165. :title="boxData2menu1[4].alias">
  166. <img src="../public/index/icon05.png">
  167. <span>{{ boxData2menu1[4].alias }}</span>
  168. </NuxtLink>
  169. </div>
  170. <div class="nav_list">
  171. <NuxtLink :href="getLinkPath1(boxData2menu1[5])" v-if="boxData2menu1[5]"
  172. :title="boxData2menu1[5].alias">
  173. <img src="../public/index/icon06.png">
  174. <span>{{ boxData2menu1[5].alias }}</span>
  175. </NuxtLink>
  176. </div>
  177. <div class="nav_list">
  178. <NuxtLink :href="getLinkPath1(boxData2menu1[6])" v-if="boxData2menu1[6]"
  179. :title="boxData2menu1[6].alias">
  180. <img src="../public/index/icon07.png">
  181. <span>{{ boxData2menu1[6].alias }}</span>
  182. </NuxtLink>
  183. </div>
  184. <div class="nav_list">
  185. <NuxtLink :href="getLinkPath1(boxData2menu1[7])" v-if="boxData2menu1[7]"
  186. :title="boxData2menu1[7].alias">
  187. <img src="../public/index/icon08.png">
  188. <span>{{ boxData2menu1[7].alias }}</span>
  189. </NuxtLink>
  190. </div>
  191. </div>
  192. <div class="foot_nav">
  193. <a href="">乡村建站服务</a>
  194. </div>
  195. </div>
  196. </div>
  197. </div>
  198. </div>
  199. <HomeAdvertising :imgurl="adImg2"></HomeAdvertising>
  200. <div class="part1">
  201. <div class="inner">
  202. <div class="part1_left" v-if="pageData.length >= 4">
  203. <div class="part1_title">
  204. <h2 class="nav_part1_left">
  205. <NuxtLink class="active" v-if="pageData[3].cid" :href="getLinkPath(pageData[3])"
  206. :title="pageData[3].alias">
  207. {{ pageData[3].alias }}
  208. </NuxtLink>
  209. <em></em>
  210. </h2>
  211. <ul class="nav_part1_right">
  212. <li class="nav_part1_right_title" v-for="(item, index) in boxData4menu" :key="index">
  213. <NuxtLink :href="getLinkPath1(item)" v-if="index <= 5" :title="item.alias">
  214. {{ item.alias }}
  215. </NuxtLink>
  216. <span v-if="index < 5">/</span>
  217. </li>
  218. </ul>
  219. </div>
  220. <div class="part1_content">
  221. <div class="context_left">
  222. <div class="top" v-if="boxData4data1.length > 0">
  223. <NuxtLink :href="getLinkPathDetail(boxData4data1[0])" :title="boxData4data1[0].title"
  224. :target="boxData4data1[0].islink == 1 ? '_blank' : '_self'">
  225. <img :src="boxData4data1[0].imgurl" alt="item.title">
  226. <span class="title1">{{ boxData4data1[0].title }}</span>
  227. </NuxtLink>
  228. </div>
  229. <div class="bottom_context">
  230. <div class="bottom_left" v-for="(item, index) in boxData4data2" :key="index">
  231. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  232. :target="item.islink == 1 ? '_blank' : '_self'">
  233. <img :src="item.imgurl" alt="item.title" class="">
  234. <span class="title2">{{ item.title }}</span>
  235. </NuxtLink>
  236. </div>
  237. </div>
  238. </div>
  239. <div class="context_right">
  240. <ul class="rightContent">
  241. <li class="context1" v-for="(item, index) in boxData4" :key="index">
  242. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  243. :target="item.islink == 1 ? '_blank' : '_self'">
  244. {{ item.title }}
  245. </NuxtLink>
  246. </li>
  247. </ul>
  248. </div>
  249. </div>
  250. </div>
  251. <div class="part1_right" v-if="pageData.length >= 7">
  252. <div class="part1_right_title">
  253. <h2 class="part1_right_title1" v-if="pageData[4].cid" @mouseenter="tabsData1 = 1"
  254. :class="{ part1_right_title1_active: tabsData1 == 1 }">
  255. <NuxtLink :href="getLinkPath(pageData[4])" @mouseenter="tabsData1 = 1"
  256. :class="{ active: tabsData1 == 1 }" :title="pageData[4].alias">
  257. {{ pageData[4].alias }}
  258. </NuxtLink>
  259. <em class="active_bg"></em>
  260. </h2>
  261. <h2 class="part1_right_title1" v-if="pageData[5].cid" @mouseenter="tabsData1 = 2"
  262. :class="{ part1_right_title1_active: tabsData1 == 2 }">
  263. <NuxtLink class="active" :href="getLinkPath(pageData[5])" @mouseenter="tabsData1 = 2"
  264. :class="{ active: tabsData1 == 2 }" :title="pageData[5].alias">
  265. {{ pageData[5].alias }}
  266. </NuxtLink>
  267. <em class="active_bg"></em>
  268. </h2>
  269. <h2 class="part1_right_title1" v-if="pageData[6].cid" @mouseenter="tabsData1 = 3"
  270. :class="{ part1_right_title1_active: tabsData1 == 3 }">
  271. <NuxtLink class="active" :href="getLinkPath(pageData[6])" @mouseenter="tabsData1 = 3"
  272. :class="{ active: tabsData1 == 3 }" :title="pageData[6].alias">
  273. {{ pageData[6].alias }}
  274. </NuxtLink>
  275. <em class="active_bg"></em>
  276. </h2>
  277. </div>
  278. <div class="part1_right_content" v-if="tabsData1 == 1">
  279. <div class="part1_top_111">
  280. <div class="part1_right_content_top" v-for="(item, index) in boxData5" :key="index">
  281. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  282. :target="item.islink == 1 ? '_blank' : '_self'">
  283. <img :src="item.imgurl" alt="">
  284. <span class="content_top_title2">{{ item.title }}</span>
  285. </NuxtLink>
  286. </div>
  287. </div>
  288. <ul class="part1_right_content_bottom">
  289. <li class="content_bottom_list" v-for="(item, index) in boxData5data1" :key="index">
  290. <NuxtLink :href="getLinkPath1(item)" :title="item.alias">
  291. <span class="sec_title">{{ item.alias }}</span>
  292. </NuxtLink>
  293. <NuxtLink :href="getLinkPathDetail1(item)" :title="item.title"
  294. :target="item.islink == 1 ? '_blank' : '_self'">
  295. <span class="sec_content">{{ item.title }}</span>
  296. </NuxtLink>
  297. </li>
  298. </ul>
  299. </div>
  300. <div class="part1_right_content" v-if="tabsData1 == 2">
  301. <div class="part1_top_111">
  302. <div class="part1_right_content_top" v-for="(item, index) in boxData6" :key="index">
  303. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  304. :target="item.islink == 1 ? '_blank' : '_self'">
  305. <img :src="item.imgurl" alt="">
  306. <span class="content_top_title2">{{ item.title }}</span>
  307. </NuxtLink>
  308. </div>
  309. </div>
  310. <ul class="part1_right_content_bottom">
  311. <li class="content_bottom_list" v-for="(item, index) in boxData6data1" :key="index">
  312. <NuxtLink :href="getLinkPath1(item)" :title="item.alias">
  313. <span class="sec_title">{{ item.alias }}</span>
  314. </NuxtLink>
  315. <NuxtLink :href="getLinkPathDetail1(item)" :title="item.title"
  316. :target="item.islink == 1 ? '_blank' : '_self'">
  317. <span class="sec_content">{{ item.title }}</span>
  318. </NuxtLink>
  319. </li>
  320. </ul>
  321. </div>
  322. <div class="part1_right_content" v-if="tabsData1 == 3">
  323. <div class="part1_top_111">
  324. <div class="part1_right_content_top" v-for="(item, index) in boxData7" :key="index">
  325. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  326. :target="item.islink == 1 ? '_blank' : '_self'">
  327. <img :src="item.imgurl" alt="">
  328. <span class="content_top_title2">{{ item.title }}</span>
  329. </NuxtLink>
  330. </div>
  331. </div>
  332. <ul class="part1_right_content_bottom">
  333. <li class="content_bottom_list" v-for="(item, index) in boxData7data1" :key="index">
  334. <NuxtLink :href="getLinkPath1(item)" :title="item.alias">
  335. <span class="sec_title">{{ item.alias }}</span>
  336. </NuxtLink>
  337. <NuxtLink :href="getLinkPathDetail1(item)" :title="item.title"
  338. :target="item.islink == 1 ? '_blank' : '_self'">
  339. <span class="sec_content">{{ item.title }}</span>
  340. </NuxtLink>
  341. </li>
  342. </ul>
  343. </div>
  344. </div>
  345. </div>
  346. </div>
  347. <div class="part2">
  348. <div class="inner">
  349. <div class="part2_left" v-if="pageData.length >= 8">
  350. <div class="part2_title">
  351. <h2 class="nav_part2_left">
  352. <NuxtLink class="active" v-if="pageData[7].cid" :href="getLinkPath(pageData[7])"
  353. :title="pageData[7].alias">
  354. {{ pageData[7].alias }}
  355. </NuxtLink>
  356. <em></em>
  357. </h2>
  358. <ul class="nav_part2_right">
  359. <li class="nav_part2_right_title" v-for="(item, index) in boxData8menu" :key="index">
  360. <NuxtLink :href="getLinkPath1(item)" v-if="index <= 5" :title="item.alias">
  361. {{ item.alias }}
  362. </NuxtLink>
  363. <span v-if="index < 5">/</span>
  364. </li>
  365. </ul>
  366. </div>
  367. <div class="part2_content">
  368. <div class="part2_content_left">
  369. <ul class="content_a">
  370. <li class="context111" v-for="(item, index) in boxData8" :key="index">
  371. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  372. :target="item.islink == 1 ? '_blank' : '_self'">
  373. {{ item.title }}
  374. </NuxtLink>
  375. </li>
  376. </ul>
  377. </div>
  378. <div class="part2_content_right">
  379. <div class="right_top" v-if="boxData8data1.length > 0">
  380. <NuxtLink :href="getLinkPathDetail(boxData8data1[0])" :title="boxData8data1[0].title"
  381. :target="boxData8data1[0].islink == 1 ? '_blank' : '_self'">
  382. <img :src="boxData8data1[0].imgurl" alt="item.title">
  383. <span class="title11">{{ boxData8data1[0].title }}</span>
  384. </NuxtLink>
  385. </div>
  386. <div class="right_bottom">
  387. <div class="bottom_left" v-for="(item, index) in boxData8data2" :key="index">
  388. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  389. :target="item.islink == 1 ? '_blank' : '_self'">
  390. <img :src="item.imgurl" :alt="item.title">
  391. <span class="title22">{{ item.title }}</span>
  392. </NuxtLink>
  393. </div>
  394. </div>
  395. </div>
  396. </div>
  397. </div>
  398. <div class="part2_right" v-if="pageData.length >= 11">
  399. <div class="part2_right_title">
  400. <h2 class="part2_right_title1" v-if="pageData[8].cid" @mouseenter="tabsData2 = 1"
  401. :class="{ part2_right_title1_active: tabsData2 == 1 }">
  402. <NuxtLink :href="getLinkPath(pageData[8])" @mouseenter="tabsData2 = 1"
  403. :class="{ active: tabsData2 == 1 }" :title="pageData[8].alias">
  404. {{ pageData[8].alias }}
  405. </NuxtLink>
  406. <em class="active_bg11"></em>
  407. </h2>
  408. <h2 class="part2_right_title1" v-if="pageData[9].cid" @mouseenter="tabsData2 = 2"
  409. :class="{ part2_right_title1_active: tabsData2 == 2 }">
  410. <NuxtLink :href="getLinkPath(pageData[9])" @mouseenter="tabsData2 = 2"
  411. :class="{ active: tabsData2 == 2 }" :title="pageData[9].alias">
  412. {{ pageData[9].alias }}
  413. </NuxtLink>
  414. <em class="active_bg11"></em>
  415. </h2>
  416. <h2 class="part2_right_title1" v-if="pageData[10].cid" @mouseenter="tabsData2 = 3"
  417. :class="{ part2_right_title1_active: tabsData2 == 3 }">
  418. <NuxtLink :href="getLinkPath(pageData[10])" @mouseenter="tabsData2 = 3"
  419. :class="{ active: tabsData2 == 3 }" :title="pageData[10].alias">
  420. {{ pageData[10].alias }}
  421. </NuxtLink>
  422. <em class="active_bg11"></em>
  423. </h2>
  424. </div>
  425. <div class="part2_right_content" v-if="tabsData2 == 1">
  426. <div class="part2_top_1111">
  427. <div class="part2_right_content_top" v-for="(item, index) in boxData9" :key="index">
  428. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  429. :target="item.islink == 1 ? '_blank' : '_self'">
  430. <img :src="item.imgurl" :alt="item.title">
  431. <span class="content_top_title22">{{ item.title }}</span>
  432. </NuxtLink>
  433. </div>
  434. </div>
  435. <ul class="part2_right_content_bottom">
  436. <li class="content_bottom_list" v-for="(item, index) in boxData9data1" :key="index">
  437. <NuxtLink :href="getLinkPath1(item)" :title="item.alias">
  438. <span class="sec_title_part2">{{ item.alias }}</span>
  439. </NuxtLink>
  440. <NuxtLink :href="getLinkPathDetail1(item)" :title="item.title"
  441. :target="item.islink == 1 ? '_blank' : '_self'">
  442. <span class="sec_content_part2">{{ item.title }}</span>
  443. </NuxtLink>
  444. </li>
  445. </ul>
  446. </div>
  447. <div class="part2_right_content" v-if="tabsData2 == 2">
  448. <div class="part2_top_1111">
  449. <div class="part2_right_content_top" v-for="(item, index) in boxData10" :key="index">
  450. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  451. :target="item.islink == 1 ? '_blank' : '_self'">
  452. <img :src="item.imgurl" :alt="item.title">
  453. <span class="content_top_title22">{{ item.title }}</span>
  454. </NuxtLink>
  455. </div>
  456. </div>
  457. <ul class="part2_right_content_bottom">
  458. <li class="content_bottom_list" v-for="(item, index) in boxData10data1" :key="index">
  459. <NuxtLink :href="getLinkPath1(item)" :title="item.alias">
  460. <span class="sec_title_part2">{{ item.alias }}</span>
  461. </NuxtLink>
  462. <NuxtLink :href="getLinkPathDetail1(item)" :title="item.title"
  463. :target="item.islink == 1 ? '_blank' : '_self'">
  464. <span class="sec_content_part2">{{ item.title }}</span>
  465. </NuxtLink>
  466. </li>
  467. </ul>
  468. </div>
  469. <div class="part2_right_content" v-if="tabsData2 == 3">
  470. <div class="part2_top_1111">
  471. <div class="part2_right_content_top" v-for="(item, index) in boxData11" :key="index">
  472. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  473. :target="item.islink == 1 ? '_blank' : '_self'">
  474. <img :src="item.imgurl" :alt="item.title">
  475. <span class="content_top_title22">{{ item.title }}</span>
  476. </NuxtLink>
  477. </div>
  478. </div>
  479. <ul class="part2_right_content_bottom">
  480. <li class="content_bottom_list" v-for="(item, index) in boxData11data1" :key="index">
  481. <NuxtLink :href="getLinkPath1(item)" :title="item.alias">
  482. <span class="sec_title_part2">{{ item.alias }}</span>
  483. </NuxtLink>
  484. <NuxtLink :href="getLinkPathDetail1(item)" :title="item.title"
  485. :target="item.islink == 1 ? '_blank' : '_self'">
  486. <span class="sec_content_part2">{{ item.title }}</span>
  487. </NuxtLink>
  488. </li>
  489. </ul>
  490. </div>
  491. </div>
  492. </div>
  493. </div>
  494. <HomeAdvertising :imgurl="adImg3"></HomeAdvertising>
  495. <div class="part3">
  496. <div class="inner" v-if="pageData.length >= 13">
  497. <div class="part3_left">
  498. <div class="part3_left_1">
  499. <h2 class="part3_title1">
  500. <NuxtLink class="active" v-if="pageData[11].cid" :href="getLinkPath(pageData[11])"
  501. :title="pageData[11].alias">
  502. {{ pageData[11].alias }}
  503. </NuxtLink>
  504. <em></em>
  505. </h2>
  506. <div class="part3_photo_text" v-for="(item, index) in boxData12data1" :key="index">
  507. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  508. :target="item.islink == 1 ? '_blank' : '_self'">
  509. <img :src="item.imgurl" :alt="item.title">
  510. <span class="part3_text">{{ item.title }}</span>
  511. </NuxtLink>
  512. </div>
  513. <ul class="part3_content">
  514. <li class="part3_contentList" v-for="(item, index) in boxData12" :key="index">
  515. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  516. :target="item.islink == 1 ? '_blank' : '_self'">
  517. {{ item.title }}
  518. </NuxtLink>
  519. </li>
  520. </ul>
  521. </div>
  522. <div class="part3_left_1">
  523. <h2 class="part3_title1">
  524. <NuxtLink class="active" v-if="pageData[12].cid" :href="getLinkPath(pageData[12])"
  525. :title="pageData[12].alias">
  526. {{ pageData[12].alias }}
  527. </NuxtLink>
  528. <em></em>
  529. </h2>
  530. <div class="part3_photo_text" v-for="(item, index) in boxData13data1" :key="index">
  531. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  532. :target="item.islink == 1 ? '_blank' : '_self'">
  533. <img :src="item.imgurl" :alt="item.title">
  534. <span class="part3_text">{{ item.title }}</span>
  535. </NuxtLink>
  536. </div>
  537. <ul class="part3_content">
  538. <li class="part3_contentList" v-for="(item, index) in boxData13" :key="index">
  539. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  540. :target="item.islink == 1 ? '_blank' : '_self'">
  541. {{ item.title }}
  542. </NuxtLink>
  543. </li>
  544. </ul>
  545. </div>
  546. </div>
  547. <div class="part3_right">
  548. <h2 class="part3_right_title">
  549. <NuxtLink to="#">
  550. <img src="../public/index/title01.png" alt="乡村服务导航">
  551. <span class="part3_text">乡村服务导航</span>
  552. </NuxtLink>
  553. </h2>
  554. <ul class="part3_right_content">
  555. <li class="content_list">
  556. <NuxtLink to="#">
  557. <div class="photo">
  558. <img src="../public/index/fw01.png" alt="">
  559. </div>
  560. <span class="part3_right_content_list">中国乡镇查询</span>
  561. </NuxtLink>
  562. </li>
  563. <li class="content_list">
  564. <NuxtLink to="#">
  565. <div class="photo">
  566. <img src="../public/index/fw02.png" alt="">
  567. </div>
  568. <span class="part3_right_content_list">行政村庄查询</span>
  569. </NuxtLink>
  570. </li>
  571. <li class="content_list">
  572. <NuxtLink to="#">
  573. <div class="photo">
  574. <img src="../public/index/fw03.png" alt="">
  575. </div>
  576. <span class="part3_right_content_list">乡村建站服务</span>
  577. </NuxtLink>
  578. </li>
  579. <li class="content_list">
  580. <NuxtLink to="#">
  581. <div class="photo">
  582. <img src="../public/index/fw04.png" alt="">
  583. </div>
  584. <span class="part3_right_content_list">信息发布服务</span>
  585. </NuxtLink>
  586. </li>
  587. </ul>
  588. </div>
  589. </div>
  590. </div>
  591. <div class="part4">
  592. <div class="inner" v-if="pageData.length >= 14">
  593. <div class="part4_title">
  594. <h2 class="part4_title_left">
  595. <NuxtLink class="active" v-if="pageData[13].cid" :href="getLinkPath(pageData[13])"
  596. :title="pageData[13].alias">
  597. {{ pageData[13].alias }}
  598. </NuxtLink>
  599. <em></em>
  600. </h2>
  601. <ul class="part4_title_right">
  602. <li class="right_titleList" v-for="(item, index) in boxData14menu" :key="index">
  603. <NuxtLink :href="getLinkPath1(item)" v-if="index <= 7" :title="item.alias">
  604. {{ item.alias }}
  605. </NuxtLink>
  606. <span v-if="index < 7">/</span>
  607. </li>
  608. <li class="more">
  609. <NuxtLink class="active" v-if="pageData[13].cid" :href="getLinkPath(pageData[13])">
  610. 更多>
  611. </NuxtLink>
  612. </li>
  613. </ul>
  614. </div>
  615. <div class="part4_left">
  616. <ul class="part4_left_top">
  617. <li class="left_top_newsList" v-for="item in boxData14data1">
  618. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  619. :target="item.islink == 1 ? '_blank' : '_self'">
  620. {{ item.title }}
  621. </NuxtLink>
  622. </li>
  623. </ul>
  624. <ul class="part4_left_bottom">
  625. <li class="left_btm_newsList" v-for="item in boxData14data2">
  626. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  627. :target="item.islink == 1 ? '_blank' : '_self'">
  628. {{ item.title }}
  629. </NuxtLink>
  630. </li>
  631. </ul>
  632. </div>
  633. <div class="part4_right" v-for="(item, index) in boxData14" :key="index">
  634. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  635. :target="item.islink == 1 ? '_blank' : '_self'">
  636. <img :src="item.imgurl" alt="">
  637. <span class="part4_right_title">
  638. {{ item.title }}
  639. </span>
  640. </NuxtLink>
  641. </div>
  642. </div>
  643. </div>
  644. <HomeAdvertising :imgurl="adImg4"></HomeAdvertising>
  645. <div class="part5">
  646. <div class="inner">
  647. <div class="part5_left">
  648. <div class="part5_left_top">
  649. <div class="part5_leftTitle" v-if="pageData.length >= 15">
  650. <h2 class="part5_left_title" v-if="pageData[14].cid" @mouseenter="tabsData3 = 1"
  651. :class="{ part5_left_title_active: tabsData3 == 1 }">
  652. <NuxtLink :href="getLinkPath(pageData[14])" @mouseenter="tabsData3 = 1"
  653. :class="{ active: tabsData3 == 1 }" :title="pageData[14].alias">
  654. {{ pageData[14].alias }}
  655. </NuxtLink>
  656. <em></em>
  657. </h2>
  658. <h2 class="part5_left_title" v-if="pageData[15].cid" @mouseenter="tabsData3 = 2"
  659. :class="{ part5_left_title_active: tabsData3 == 2 }">
  660. <NuxtLink :href="getLinkPath(pageData[15])" @mouseenter="tabsData3 = 2"
  661. :class="{ active: tabsData3 == 2 }" :title="pageData[15].alias">
  662. {{ pageData[15].alias }}
  663. </NuxtLink>
  664. <em></em>
  665. </h2>
  666. </div>
  667. <div class="part5_left_content">
  668. <div class="part5_left_content_top" v-if="tabsData3 == 1">
  669. <div class="content_top_left">
  670. <div class="part5_photo_text" v-for="(item, index) in boxData15" :key="index">
  671. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  672. :target="item.islink == 1 ? '_blank' : '_self'">
  673. <img :src="item.imgurl" alt="">
  674. <span class="part5_text">{{ item.title }}</span>
  675. </NuxtLink>
  676. <span class="littleTips">精选</span>
  677. </div>
  678. <ul class="part5_content">
  679. <li class="part5_content_list" v-for="item in boxData15data1">
  680. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  681. :target="item.islink == 1 ? '_blank' : '_self'">
  682. {{ item.title }}
  683. </NuxtLink>
  684. </li>
  685. </ul>
  686. </div>
  687. <ul class="content_top_right">
  688. <li class="content_right_list" v-for="item in boxData15data2">
  689. <NuxtLink to="#">
  690. <div class="time_left_content">
  691. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  692. :target="item.islink == 1 ? '_blank' : '_self'">
  693. {{ item.title }}
  694. </NuxtLink>
  695. </div>
  696. </NuxtLink>
  697. </li>
  698. </ul>
  699. </div>
  700. <div class="part5_left_content_top" v-if="tabsData3 == 2">
  701. <div class="content_top_left">
  702. <div class="part5_photo_text" v-for="(item, index) in boxData16" :key="index">
  703. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  704. :target="item.islink == 1 ? '_blank' : '_self'">
  705. <img :src="item.imgurl" alt="">
  706. <span class="part5_text">{{ item.title }}</span>
  707. </NuxtLink>
  708. <span class="littleTips">精选</span>
  709. </div>
  710. <ul class="part5_content">
  711. <li class="part5_content_list" v-for="item in boxData16data1">
  712. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  713. :target="item.islink == 1 ? '_blank' : '_self'">
  714. {{ item.title }}
  715. </NuxtLink>
  716. </li>
  717. </ul>
  718. </div>
  719. <ul class="content_top_right">
  720. <li class="content_right_list" v-for="item in boxData16data2">
  721. <NuxtLink to="#">
  722. <div class="time_left_content">
  723. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  724. :target="item.islink == 1 ? '_blank' : '_self'">
  725. {{ item.title }}
  726. </NuxtLink>
  727. </div>
  728. </NuxtLink>
  729. </li>
  730. </ul>
  731. </div>
  732. </div>
  733. </div>
  734. <div class="part5_left_bottom" v-if="pageData.length >= 17">
  735. <div class="part5_leftTitle1" v-if="pageData.length >= 17">
  736. <h2 class="part5_left_title" v-if="pageData[16].cid" @mouseenter="tabsData4 = 1"
  737. :class="{ part5_left_title_active: tabsData4 == 1 }">
  738. <NuxtLink :href="getLinkPath(pageData[16])" @mouseenter="tabsData4 = 1"
  739. :class="{ active: tabsData4 == 1 }" :title="pageData[16].alias">
  740. {{ pageData[16].alias }}
  741. </NuxtLink>
  742. <em></em>
  743. </h2>
  744. <h2 class="part5_left_title" v-if="pageData[17]" @mouseenter="tabsData4 = 2"
  745. :class="{ part5_left_title_active: tabsData4 == 2 }">
  746. <NuxtLink :href="getLinkPath(pageData[17])" @mouseenter="tabsData4 = 2"
  747. :class="{ active: tabsData4 == 2 }" :title="pageData[17].alias">
  748. {{ pageData[17].alias }}
  749. </NuxtLink>
  750. <em></em>
  751. </h2>
  752. </div>
  753. <div class="part5_left_content1" v-if="tabsData4 == 1">
  754. <div class="content_bottom_left">
  755. <div class="content_top" v-if="boxData17data1.length > 0">
  756. <NuxtLink :href="getLinkPathDetail(boxData17data1[0])"
  757. :title="boxData17data1[0].title"
  758. :target="boxData17data1[0].islink == 1 ? '_blank' : '_self'">
  759. <img :src="boxData17data1[0].imgurl" alt="item.title">
  760. <span class="part5_text">{{ boxData17data1[0].title }}</span>
  761. </NuxtLink>
  762. </div>
  763. <div class="content_bottom">
  764. <div class="content_bottom_1" v-for="(item, index) in boxData17data2" :key="index">
  765. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  766. :target="item.islink == 1 ? '_blank' : '_self'">
  767. <img :src="item.imgurl" alt="">
  768. <span class="part5_text">{{ item.title }}</span>
  769. </NuxtLink>
  770. </div>
  771. </div>
  772. </div>
  773. <div class="content_bottom_right">
  774. <ul class="bottom_content_1">
  775. <li class="bottom_content_list" v-for="(item, index) in boxData17" :key="index">
  776. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  777. :target="item.islink == 1 ? '_blank' : '_self'">
  778. {{ item.title }}
  779. </NuxtLink>
  780. </li>
  781. </ul>
  782. </div>
  783. </div>
  784. <div class="part5_left_content1" v-if="tabsData4 == 2">
  785. <div class="content_bottom_left">
  786. <div class="content_top" v-if="boxData18data1.length > 0">
  787. <NuxtLink :href="getLinkPathDetail(boxData18data1[0])"
  788. :title="boxData18data1[0].title"
  789. :target="boxData18data1[0].islink == 1 ? '_blank' : '_self'">
  790. <img :src="boxData18data1[0].imgurl" alt="item.title">
  791. <span class="part5_text">{{ boxData18data1[0].title }}</span>
  792. </NuxtLink>
  793. </div>
  794. <div class="content_bottom">
  795. <div class="content_bottom_1" v-for="(item, index) in boxData18data2" :key="index">
  796. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  797. :target="item.islink == 1 ? '_blank' : '_self'">
  798. <img :src="item.imgurl" alt="">
  799. <span class="part5_text">{{ item.title }}</span>
  800. </NuxtLink>
  801. </div>
  802. </div>
  803. </div>
  804. <div class="content_bottom_right">
  805. <ul class="bottom_content_1">
  806. <li class="bottom_content_list" v-for="(item, index) in boxData18" :key="index">
  807. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  808. :target="item.islink == 1 ? '_blank' : '_self'">
  809. {{ item.title }}
  810. </NuxtLink>
  811. </li>
  812. </ul>
  813. </div>
  814. </div>
  815. </div>
  816. </div>
  817. <div class="part5_right" v-if="pageData.length >= 19">
  818. <div class="part5_rightTitle">
  819. <h2 class="part5_right_title" v-if="pageData[18].cid" @mouseenter="tabsData5 = 1"
  820. :class="{ part5_right_title_active: tabsData5 == 1 }">
  821. <NuxtLink :href="getLinkPath(pageData[18])" @mouseenter="tabsData5 = 1"
  822. :class="{ active: tabsData5 == 1 }" :title="pageData[18].alias">
  823. {{ pageData[18].alias }}
  824. </NuxtLink>
  825. <em></em>
  826. </h2>
  827. <h2 class="part5_right_title" v-if="pageData[19].cid" @mouseenter="tabsData5 = 2"
  828. :class="{ part5_right_title_active: tabsData5 == 2 }">
  829. <NuxtLink :href="getLinkPath(pageData[19])" @mouseenter="tabsData5 = 2"
  830. :class="{ active: tabsData5 == 2 }" :title="pageData[19].alias">
  831. {{ pageData[19].alias }}
  832. </NuxtLink>
  833. <em></em>
  834. </h2>
  835. <div class="rightMore">
  836. </div>
  837. </div>
  838. <div v-if="tabsData5 == 1">
  839. <ul class="part5_right_content_top">
  840. <li class="part5_right_contentlist_top" v-for="(item, index) in boxData19" :key="index">
  841. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  842. :target="item.islink == 1 ? '_blank' : '_self'">
  843. <span class="numStyle">{{ index + 1 }}</span>
  844. {{ item.title }}
  845. </NuxtLink>
  846. </li>
  847. </ul>
  848. <div class="part5_photo_text_right" v-for="(item, index) in boxData19data1" :key="index">
  849. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  850. :target="item.islink == 1 ? '_blank' : '_self'">
  851. <span class="part5_text11">{{ item.title }}</span>
  852. <img :src="item.imgurl" alt="">
  853. </NuxtLink>
  854. </div>
  855. <ul class="part5_right_content_11">
  856. <li class="part5_right_contentlist_11" v-for="(item, index) in boxData19data3" :key="index">
  857. <NuxtLink :href="getLinkPath1(item)" :title="item.alias">
  858. <span class="erjibiaoti">{{ item.alias }}</span>
  859. </NuxtLink>
  860. <NuxtLink :href="getLinkPathDetail1(item)" :title="item.title"
  861. :target="item.islink == 1 ? '_blank' : '_self'">
  862. {{ item.title }}
  863. </NuxtLink>
  864. </li>
  865. </ul>
  866. <div class="part5_photo_text_right" v-for="(item, index) in boxData19data2" :key="index">
  867. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  868. :target="item.islink == 1 ? '_blank' : '_self'">
  869. <span class="part5_text11">{{ item.title }}</span>
  870. <img :src="item.imgurl" alt="">
  871. </NuxtLink>
  872. </div>
  873. </div>
  874. <div v-if="tabsData5 == 2">
  875. <ul class="part5_right_content_top">
  876. <li class="part5_right_contentlist_top" v-for="(item, index) in boxData20" :key="index">
  877. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  878. :target="item.islink == 1 ? '_blank' : '_self'">
  879. <span class="numStyle">{{ index + 1 }}</span>
  880. {{ item.title }}
  881. </NuxtLink>
  882. </li>
  883. </ul>
  884. <div class="part5_photo_text_right" v-for="(item, index) in boxData20data1" :key="index">
  885. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  886. :target="item.islink == 1 ? '_blank' : '_self'">
  887. <span class="part5_text11">{{ item.title }}</span>
  888. <img :src="item.imgurl" alt="">
  889. </NuxtLink>
  890. </div>
  891. <ul class="part5_right_content_11">
  892. <li class="part5_right_contentlist_11" v-for="(item, index) in boxData20data3" :key="index">
  893. <NuxtLink :href="getLinkPath1(item)" :title="item.alias">
  894. <span class="erjibiaoti">{{ item.alias }}</span>
  895. </NuxtLink>
  896. <NuxtLink :href="getLinkPathDetail1(item)" :title="item.title"
  897. :target="item.islink == 1 ? '_blank' : '_self'">
  898. {{ item.title }}
  899. </NuxtLink>
  900. </li>
  901. </ul>
  902. <div class="part5_photo_text_right" v-for="(item, index) in boxData20data2" :key="index">
  903. <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
  904. :target="item.islink == 1 ? '_blank' : '_self'">
  905. <span class="part5_text11">{{ item.title }}</span>
  906. <img :src="item.imgurl" alt="">
  907. </NuxtLink>
  908. </div>
  909. </div>
  910. <div class="adBox1" v-if="adImg5">
  911. <a href="http://nzgxw.org.cn/" v-if="adImg5.image_url == null" target="_blank"
  912. :title="adImg5.introduce">
  913. <img :src="adImg5.thumb" :title="adImg5.introduce" :id="adImg5.ad_tag"
  914. data-tag="adImg5.ad_tag">
  915. </a>
  916. <a :href="adImg5.image_url" :title="adImg5.introduce" v-else>
  917. <img :src="adImg5.image_src" :alt="adImg5.introduce" :id="adImg5.ad_tag"
  918. data-tag="adImg5.ad_tag">
  919. </a>
  920. </div>
  921. </div>
  922. </div>
  923. </div>
  924. <div class="part6">
  925. <div class="inner">
  926. <div class="part6_left">
  927. <div class="part6_left_content1">
  928. <h2 class="part6_left_content_title">
  929. <NuxtLink class="active" v-if="pageData[20].cid" href="/" :title="pageData[20].alias">
  930. <img src="../public/index/xcsc.png" alt="乡村商城">
  931. {{ pageData[20].alias }}
  932. </NuxtLink>
  933. </h2>
  934. <ul class="part6_left_content111">
  935. <li class="part6_left_content_list">
  936. <span class="jiantou">></span>
  937. <NuxtLink href="/" v-for="(item, index) in boxData21menu1" :key="index"
  938. :title="item.alias">
  939. <span class="fenlei">
  940. {{ item.alias }}
  941. </span>
  942. </NuxtLink>
  943. </li>
  944. <li class="part6_left_content_list">
  945. <span class="jiantou">></span>
  946. <NuxtLink href="/" v-for="(item, index) in boxData21menu2" :key="index"
  947. :title="item.alias">
  948. <span class="fenlei">
  949. {{ item.alias }}
  950. </span>
  951. </NuxtLink>
  952. </li>
  953. <li class="part6_left_content_list">
  954. <span class="jiantou">></span>
  955. <NuxtLink href="/" v-for="(item, index) in boxData21menu3" :key="index"
  956. :title="item.alias">
  957. <span class="fenlei">
  958. {{ item.alias }}
  959. </span>
  960. </NuxtLink>
  961. </li>
  962. <li class="part6_left_content_list">
  963. <span class="jiantou">></span>
  964. <NuxtLink href="/" v-for="(item, index) in boxData21menu4" :key="index"
  965. :title="item.alias">
  966. <span class="fenlei">
  967. {{ item.alias }}
  968. </span>
  969. </NuxtLink>
  970. </li>
  971. </ul>
  972. </div>
  973. <div class="part6_left_content2">
  974. <h2 class="part6_left_content_title">
  975. <NuxtLink class="active" v-if="pageData[21].cid" href="/" :title="pageData[21].alias">
  976. <img src="../public/index/scbj.png" alt="市场报价">
  977. {{ pageData[21].alias }}
  978. </NuxtLink>
  979. </h2>
  980. <ul class="part6_left_content222">
  981. <li class="part6_left_content_list">
  982. <NuxtLink href="/" v-if="boxData22menu1[0]" :title="boxData22menu1[0].alias">
  983. <img src="../public/index/scbj01.png">
  984. <div class="title_div">
  985. {{ boxData22menu1[0].alias }}
  986. </div>
  987. </NuxtLink>
  988. </li>
  989. <li class="part6_left_content_list">
  990. <NuxtLink href="/" v-if="boxData22menu1[1]" :title="boxData22menu1[1].alias">
  991. <img src="../public/index/scbj01.png">
  992. <div class="title_div">
  993. {{ boxData22menu1[1].alias }}
  994. </div>
  995. </NuxtLink>
  996. </li>
  997. <li class="part6_left_content_list">
  998. <NuxtLink href="/" v-if="boxData22menu1[2]" :title="boxData22menu1[2].alias">
  999. <img src="../public/index/scbj01.png">
  1000. <div class="title_div">
  1001. {{ boxData22menu1[2].alias }}
  1002. </div>
  1003. </NuxtLink>
  1004. </li>
  1005. <li class="part6_left_content_list">
  1006. <NuxtLink href="/" v-if="boxData22menu1[3]" :title="boxData22menu1[3].alias">
  1007. <img src="../public/index/scbj01.png">
  1008. <div class="title_div">
  1009. {{ boxData22menu1[3].alias }}
  1010. </div>
  1011. </NuxtLink>
  1012. </li>
  1013. </ul>
  1014. </div>
  1015. </div>
  1016. <div class="part6_right">
  1017. <h2 class="part6_right_title">
  1018. <NuxtLink v-if="pageData[22].cid" :href="getLinkPath(pageData[22])" :title="pageData[22].alias">
  1019. {{ pageData[22].alias }}
  1020. </NuxtLink>
  1021. </h2>
  1022. <div class="part6_right_content">
  1023. <ul class="part6_right_content_list" v-if="boxData23menu1">
  1024. <li class="yslist">
  1025. <NuxtLink :href="getLinkPath1(boxData23menu1[0])" v-if="boxData23menu1[0]"
  1026. :title="boxData23menu1[0].alias">
  1027. <img src="../public/index/ts01.png">
  1028. {{ boxData23menu1[0].alias }}
  1029. </NuxtLink>
  1030. </li>
  1031. <li class="yslist">
  1032. <NuxtLink :href="getLinkPath1(boxData23menu1[1])" v-if="boxData23menu1[1]"
  1033. :title="boxData23menu1[1].alias">
  1034. <img src="../public/index/ts02.png">
  1035. {{ boxData23menu1[1].alias }}
  1036. </NuxtLink>
  1037. </li>
  1038. <li class="yslist">
  1039. <NuxtLink :href="getLinkPath1(boxData23menu1[2])" v-if="boxData23menu1[2]"
  1040. :title="boxData23menu1[2].alias">
  1041. <img src="../public/index/ts03.png">
  1042. {{ boxData23menu1[2].alias }}
  1043. </NuxtLink>
  1044. </li>
  1045. <li class="yslist">
  1046. <NuxtLink :href="getLinkPath1(boxData23menu1[3])" v-if="boxData23menu1[3]"
  1047. :title="boxData23menu1[3].alias">
  1048. <img src="../public/index/ts04.png">
  1049. {{ boxData23menu1[3].alias }}
  1050. </NuxtLink>
  1051. </li>
  1052. </ul>
  1053. <ul class="part6_right_content_list1" v-if="boxData23menu2">
  1054. <li class="swlist">
  1055. <NuxtLink :href="getLinkPath1(boxData23menu2[0])" v-if="boxData23menu2[0]"
  1056. :title="boxData23menu2[0].alias">
  1057. <img src="../public/index/ts05.png">
  1058. {{ boxData23menu2[0].alias }}
  1059. </NuxtLink>
  1060. </li>
  1061. <li class="swlist">
  1062. <NuxtLink :href="getLinkPath1(boxData23menu2[1])" v-if="boxData23menu2[1]"
  1063. :title="boxData23menu2[1].alias">
  1064. <img src="../public/index/ts06.png">
  1065. {{ boxData23menu2[1].alias }}
  1066. </NuxtLink>
  1067. </li>
  1068. <li class="swlist">
  1069. <NuxtLink :href="getLinkPath1(boxData23menu2[2])" v-if="boxData23menu2[2]"
  1070. :title="boxData23menu2[2].alias">
  1071. <img src="../public/index/ts07.png">
  1072. {{ boxData23menu2[2].alias }}
  1073. </NuxtLink>
  1074. </li>
  1075. <li class="swlist">
  1076. <NuxtLink :href="getLinkPath1(boxData23menu2[3])" v-if="boxData23menu2[3]"
  1077. :title="boxData23menu2[3].alias">
  1078. <img src="../public/index/ts08.png">
  1079. {{ boxData23menu2[3].alias }}
  1080. </NuxtLink>
  1081. </li>
  1082. </ul>
  1083. </div>
  1084. </div>
  1085. </div>
  1086. </div>
  1087. <!-- 页面底部 -->
  1088. <HomeFoot></HomeFoot>
  1089. </div>
  1090. </template>
  1091. <script setup>
  1092. //1.页面必备方法 start ---------------------------------------->
  1093. import { ElMessage } from 'element-plus';
  1094. //1.页面必备方法 end ---------------------------------------->
  1095. const getLinkPath = (item) => {
  1096. if (item.is_url == 1) {
  1097. return `${item.web_url}`;
  1098. } else if (item.children_count == 0) {
  1099. return `/${item.url}/list-1.html`;
  1100. } else {
  1101. return `/${item.url}/index.html`;
  1102. }
  1103. }
  1104. //2.获取基本信息 start ---------------------------------------->
  1105. // 2.1 导航信息
  1106. const pageData = ref([
  1107. // { id: 0, data: [], data2: [], title: "", cid: "" },
  1108. ])
  1109. //头条新闻切换
  1110. const tabsData = ref(1)
  1111. // 2.2 模块数据
  1112. //模块1 三农资讯
  1113. const boxData1 = ref([])
  1114. const boxData1menu = ref([])
  1115. //模块2 三农服务
  1116. const boxData2 = ref([]);
  1117. const boxData2menu1 = ref([]);
  1118. // 模块3 网站公告
  1119. const boxData3 = ref([]);
  1120. //模块4 乡村招商
  1121. const boxData4 = ref([]);
  1122. const boxData4data1 = ref([]);
  1123. const boxData4data2 = ref([]);
  1124. const boxData4menu = ref([]);
  1125. //模块5 模块6 模块7 切换
  1126. const tabsData1 = ref([1]);
  1127. //模块5 乡村建设
  1128. const boxData5 = ref([]);
  1129. const boxData5data1 = ref([]);
  1130. //模块6 乡村管理
  1131. const boxData6 = ref([]);
  1132. const boxData6data1 = ref([]);
  1133. //模块7 乡村文化
  1134. const boxData7 = ref([]);
  1135. const boxData7data1 = ref([]);
  1136. //模块8 三农投资
  1137. const boxData8 = ref([]);
  1138. const boxData8data1 = ref([]);
  1139. const boxData8data2 = ref([]);
  1140. const boxData8menu = ref([]);
  1141. //模块9 模块10 模块11 切换
  1142. const tabsData2 = ref(1)
  1143. //模块9 乡村生活
  1144. const boxData9 = ref([]);
  1145. const boxData9data1 = ref([]);
  1146. //模块10 乡村经济
  1147. const boxData10 = ref([]);
  1148. const boxData10data1 = ref([]);
  1149. //模块11 乡村风采
  1150. const boxData11 = ref([]);
  1151. const boxData11data1 = ref([]);
  1152. //模块12 乡村名企
  1153. const boxData12 = ref([]); //文字
  1154. const boxData12data1 = ref([]); //图片
  1155. //模块13 特色乡村
  1156. const boxData13 = ref([]); //文字
  1157. const boxData13data1 = ref([]); //图片
  1158. //模块14 产业集群
  1159. const boxData14 = ref([]); //图文
  1160. const boxData14data1 = ref([]); //文字1
  1161. const boxData14data2 = ref([]); //文字2
  1162. const boxData14menu = ref([]); //二级栏目
  1163. // //模块15 模块16 切换
  1164. const tabsData3 = ref(1)
  1165. //模块15 三农人物
  1166. const boxData15 = ref([]);
  1167. const boxData15data1 = ref([]);
  1168. const boxData15data2 = ref([]);
  1169. //模块16 三农名企
  1170. const boxData16 = ref([]);
  1171. const boxData16data1 = ref([]);
  1172. const boxData16data2 = ref([]);
  1173. //模块17 模块18 切换
  1174. const tabsData4 = ref(1)
  1175. //模块17 农技推广
  1176. const boxData17 = ref([]);
  1177. const boxData17data1 = ref([]);
  1178. const boxData17data2 = ref([]);
  1179. //模块18 致富信息
  1180. const boxData18 = ref([]);
  1181. const boxData18data1 = ref([]);
  1182. const boxData18data2 = ref([]);
  1183. //模块19 模块20 切换
  1184. const tabsData5 = ref(1)
  1185. // 模块19
  1186. const boxData19 = ref([]);
  1187. const boxData19data1 = ref([]);
  1188. const boxData19data2 = ref([]);
  1189. const boxData19data3 = ref([]);
  1190. //模块20
  1191. const boxData20 = ref([]);
  1192. const boxData20data1 = ref([]);
  1193. const boxData20data2 = ref([]);
  1194. const boxData20data3 = ref([]);
  1195. // 没有资讯的栏目
  1196. // 栏目1 乡村商城
  1197. const boxData21menu1 = ref([]);
  1198. const boxData21menu2 = ref([]);
  1199. const boxData21menu3 = ref([]);
  1200. const boxData21menu4 = ref([]);
  1201. // 栏目2 市场报价
  1202. const boxData22menu1 = ref([]);
  1203. const boxData22menu2 = ref([]);
  1204. const boxData22menu3 = ref([]);
  1205. const boxData22menu4 = ref([]);
  1206. // 栏目3 乡土特色
  1207. const boxData23menu1 = ref([]);
  1208. const boxData23menu2 = ref([]);
  1209. //获取头条 start ---------------------------------------->
  1210. const headlinelist = ref("")
  1211. async function getModelData1() {
  1212. const mkdata = await requestDataPromise('/web/getWebsiteArticlett', {
  1213. method: 'GET',
  1214. query: {
  1215. 'imgnum': 0,
  1216. 'textnum': 6,
  1217. 'level': 1,
  1218. 'placeid': 0,
  1219. 'id': 0,
  1220. },
  1221. });
  1222. if (mkdata.code == 200) {
  1223. if (mkdata.data.text.length > 0) {
  1224. headlinelist.value = mkdata.data.text;
  1225. }
  1226. } else {
  1227. console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
  1228. console.log("错误位置:设置大标题")
  1229. console.log("后端错误反馈:", mkdata.message)
  1230. console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
  1231. }
  1232. }
  1233. //getModelData1()
  1234. //获取头条 end ---------------------------------------->
  1235. //获得全局配置的导航数据
  1236. const { $pageNav } = useNuxtApp();
  1237. //3.3 获取所有导航
  1238. try {
  1239. const navigateData = await requestDataPromise('/web/getWebsiteModelCategory', {
  1240. method: 'GET',
  1241. query: {
  1242. 'placeid': 1,
  1243. 'pid': 0,
  1244. 'num': 40
  1245. },
  1246. });
  1247. if (navigateData.code == 200) {
  1248. // console.log("成功获取导航信息!", navigateData.data);
  1249. // 遍历可用的导航池放到页面中
  1250. for (let index in navigateData.data) {
  1251. let data = {
  1252. title: navigateData.data[index].name,
  1253. cid: navigateData.data[index].category_id,
  1254. children_count: navigateData.data[index].children_count,
  1255. alias: navigateData.data[index].alias,
  1256. url: navigateData.data[index].aLIas_pinyin
  1257. };
  1258. //主体渲染
  1259. //第一层
  1260. //三农资讯445
  1261. if (navigateData.data[index].category_id == $pageNav[0]) { pageData.value[0] = data }
  1262. //三农服务27
  1263. if (navigateData.data[index].category_id == $pageNav[1]) { pageData.value[1] = data }
  1264. //网站公告410
  1265. if (navigateData.data[index].category_id == $pageNav[2]) { pageData.value[2] = data }
  1266. //第二层
  1267. //乡村招商325
  1268. if (navigateData.data[index].category_id == $pageNav[3]) { pageData.value[3] = data }
  1269. //乡村建设320
  1270. if (navigateData.data[index].category_id == $pageNav[4]) { pageData.value[4] = data }
  1271. //乡村管理319
  1272. if (navigateData.data[index].category_id == $pageNav[5]) { pageData.value[5] = data }
  1273. //乡村文化321
  1274. if (navigateData.data[index].category_id == $pageNav[6]) { pageData.value[6] = data }
  1275. //第三层
  1276. //三农投资408 12
  1277. if (navigateData.data[index].category_id == $pageNav[7]) { pageData.value[7] = data }
  1278. //乡村生活322
  1279. if (navigateData.data[index].category_id == $pageNav[8]) { pageData.value[8] = data }
  1280. //乡村经济323
  1281. if (navigateData.data[index].category_id == $pageNav[9]) { pageData.value[9] = data }
  1282. //乡村风采318
  1283. if (navigateData.data[index].category_id == $pageNav[10]) { pageData.value[10] = data }
  1284. //第四层
  1285. //乡村名企407
  1286. if (navigateData.data[index].category_id == $pageNav[11]) { pageData.value[11] = data }
  1287. //特色乡村331
  1288. if (navigateData.data[index].category_id == $pageNav[12]) { pageData.value[12] = data }
  1289. //产业集群330
  1290. if (navigateData.data[index].category_id == $pageNav[13]) { pageData.value[13] = data }
  1291. //第五层
  1292. //三农人物18
  1293. if (navigateData.data[index].category_id == $pageNav[14]) { pageData.value[14] = data }
  1294. //三农名企335
  1295. if (navigateData.data[index].category_id == $pageNav[15]) { pageData.value[15] = data }
  1296. //农技推广348
  1297. if (navigateData.data[index].category_id == $pageNav[16]) { pageData.value[16] = data }
  1298. //致富信息23
  1299. if (navigateData.data[index].category_id == $pageNav[17]) { pageData.value[17] = data }
  1300. //三农探索16
  1301. if (navigateData.data[index].category_id == $pageNav[18]) { pageData.value[18] = data }
  1302. //招工求职344
  1303. if (navigateData.data[index].category_id == $pageNav[19]) { pageData.value[19] = data }
  1304. //第六层
  1305. // 乡村商城346
  1306. if (navigateData.data[index].category_id == $pageNav[20]) { pageData.value[20] = data }
  1307. // 市场报价345
  1308. if (navigateData.data[index].category_id == $pageNav[21]) { pageData.value[21] = data }
  1309. // 乡土特色343
  1310. if (navigateData.data[index].category_id == $pageNav[22]) { pageData.value[22] = data }
  1311. }
  1312. } else {
  1313. console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
  1314. console.log("错误位置:首页导航池")
  1315. console.log("后端错误反馈:", navigateData.message)
  1316. console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
  1317. }
  1318. } catch (error) {
  1319. console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
  1320. console.log("错误位置:首页导航渲染阶段")
  1321. console.log("错误:导航池渲染执行接口出错!请检查首页的14的模块的具体执行方法!")
  1322. console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
  1323. }
  1324. let getJson = [
  1325. { "parent": $pageNav[0] + ",0,20", "child": $pageNav[0] + ",1,1" },//模块1 三农资讯445
  1326. { "parent": $pageNav[1] + ",0,4", "child": $pageNav[1] + ",1,1" },//模块2 三农服务27
  1327. { "parent": $pageNav[2] + ",0,4", "child": "" },//模块3 网站公告410
  1328. { "parent": $pageNav[3] + ",3,10", "child": $pageNav[3] + ",1,1" },//模块4 乡村招商325
  1329. { "parent": $pageNav[4] + ",2,0", "child": "" },//模块5 乡村建设320
  1330. { "parent": $pageNav[5] + ",2,0", "child": "" },//模块6 乡村管理319
  1331. { "parent": $pageNav[6] + ",2,0", "child": "" },//模块7 乡村文化321
  1332. { "parent": $pageNav[7] + ",3,10", "child": $pageNav[7] + ",1,1" },//模块8 三农投资12
  1333. { "parent": $pageNav[8] + ",2,0", "child": "" },//模块9 乡村生活322
  1334. { "parent": $pageNav[9] + ",2,0", "child": "" },//模块10 乡村经济323
  1335. { "parent": $pageNav[10] + ",2,0", "child": "" },//模块11 乡村风采318
  1336. { "parent": $pageNav[11] + ",1,5", "child": "" },//模块12 乡村名企407
  1337. { "parent": $pageNav[12] + ",1,5", "child": "" },//模块13 特色乡村331
  1338. { "parent": $pageNav[13] + ",1,13", "child": $pageNav[13] + ",1,1" },//模块14 产业集群330
  1339. { "parent": $pageNav[14] + ",1,13", "child": "" },//模块15 三农人物18
  1340. { "parent": $pageNav[15] + ",1,13", "child": "" },//模块16 三农名企335
  1341. { "parent": $pageNav[16] + ",3,10", "child": "" },//模块17 农技推广348
  1342. { "parent": $pageNav[17] + ",3,10", "child": "" },//模块18 致富信息23
  1343. { "parent": $pageNav[18] + ",2,7", "child": "" },//模块19 三农探索16
  1344. { "parent": $pageNav[19] + ",2,7", "child": "" },//模块20 招工求职344
  1345. //不包含资讯的导航
  1346. { "parent": $pageNav[20] + ",0,0", "child": $pageNav[20] + ",1,1" },//模块1 乡村商城346
  1347. { "parent": $pageNav[21] + ",0,0", "child": $pageNav[20] + ",1,1" },//模块2 市场报价345
  1348. { "parent": $pageNav[22] + ",0,0", "child": $pageNav[20] + ",1,1" },//模块3 乡土特色343
  1349. ]
  1350. let jsonString = JSON.stringify(getJson);
  1351. //获取所有数据
  1352. async function getPageAllData() {
  1353. const mkdata = await requestDataPromise('/web/getWebsiteAllArticle', {
  1354. method: 'GET',
  1355. query: {
  1356. 'id': jsonString
  1357. },
  1358. });
  1359. // console.log("成功获取模块数据1111!", mkdata);
  1360. if (mkdata.code == 200) {
  1361. console.log("成功获取模块数据1111222!", mkdata);
  1362. //模块1 三农资讯
  1363. boxData1.value = mkdata.data[0].textnum;
  1364. if (mkdata.data[0].child) {
  1365. boxData1menu.value = mkdata.data[0].child.all_childcat;
  1366. }
  1367. //模块2 三农服务
  1368. boxData2.value = mkdata.data[1].textnum;
  1369. boxData2menu1.value = mkdata.data[1].child.all_childcat;
  1370. //模块3 网站公告
  1371. boxData3.value = mkdata.data[2].textnum;
  1372. //模块4 乡村招商
  1373. boxData4.value = mkdata.data[3].textnum;
  1374. let data44 = mkdata.data[3].imgnum;
  1375. for (let i in data44) {
  1376. if (i < 1) {
  1377. boxData4data1.value.push(data44[i]);
  1378. } else {
  1379. boxData4data2.value.push(data44[i]);
  1380. }
  1381. }
  1382. if (mkdata.data[3].child) {
  1383. boxData4menu.value = mkdata.data[3].child.all_childcat;
  1384. }
  1385. //模块5 乡村建设
  1386. boxData5.value = mkdata.data[4].imgnum;
  1387. //模块6乡村管理
  1388. boxData6.value = mkdata.data[5].imgnum;
  1389. //模块7乡村文化
  1390. boxData7.value = mkdata.data[6].imgnum;
  1391. //模块8 三农投资
  1392. boxData8.value = mkdata.data[7].textnum;
  1393. let data1 = mkdata.data[7].imgnum;
  1394. for (let i in data1) {
  1395. if (i < 1) {
  1396. boxData8data1.value.push(data1[i]);
  1397. } else {
  1398. boxData8data2.value.push(data1[i]);
  1399. }
  1400. }
  1401. if (mkdata.data[7].child) {
  1402. boxData8menu.value = mkdata.data[7].child.all_childcat;
  1403. }
  1404. //模块9 乡村生活
  1405. boxData9.value = mkdata.data[8].imgnum;
  1406. //模块10 乡村经济
  1407. boxData10.value = mkdata.data[9].imgnum;
  1408. //模块11 乡村风采
  1409. boxData11.value = mkdata.data[10].imgnum;
  1410. //模块12 乡村名企
  1411. boxData12.value = mkdata.data[11].textnum;
  1412. boxData12data1.value = mkdata.data[11].imgnum;
  1413. //模块13 特色乡村
  1414. boxData13.value = mkdata.data[12].textnum;
  1415. boxData13data1.value = mkdata.data[12].imgnum;
  1416. //模块14 产业集群
  1417. boxData14.value = mkdata.data[13].imgnum;
  1418. let data14 = mkdata.data[13].textnum;
  1419. for (let i in data14) {
  1420. if (i < 3) {
  1421. boxData14data1.value.push(data14[i]);
  1422. } else {
  1423. boxData14data2.value.push(data14[i]);
  1424. }
  1425. }
  1426. if (mkdata.data[13].child) {
  1427. boxData14menu.value = mkdata.data[13].child.all_childcat;
  1428. }
  1429. //模块15 三农人物
  1430. boxData15.value = mkdata.data[14].imgnum;
  1431. let data15 = mkdata.data[14].textnum;
  1432. for (let i in data15) {
  1433. if (i < 5) {
  1434. boxData15data1.value.push(data15[i]);
  1435. } else {
  1436. boxData15data2.value.push(data15[i]);
  1437. }
  1438. }
  1439. //模块16 三农名企
  1440. boxData16.value = mkdata.data[15].imgnum;
  1441. let data16 = mkdata.data[15].textnum;
  1442. for (let i in data16) {
  1443. if (i < 5) {
  1444. boxData16data1.value.push(data16[i]);
  1445. } else {
  1446. boxData16data2.value.push(data16[i]);
  1447. }
  1448. }
  1449. //模块17 农技推广
  1450. boxData17.value = mkdata.data[16].textnum;
  1451. let data17 = mkdata.data[16].imgnum;
  1452. for (let i in data17) {
  1453. if (i < 1) {
  1454. boxData17data1.value.push(data17[i]);
  1455. } else {
  1456. boxData17data2.value.push(data17[i]);
  1457. }
  1458. }
  1459. //模块18 致富信息
  1460. boxData18.value = mkdata.data[17].textnum;
  1461. let data18 = mkdata.data[17].imgnum;
  1462. for (let i in data18) {
  1463. if (i < 1) {
  1464. boxData18data1.value.push(data18[i]);
  1465. } else {
  1466. boxData18data2.value.push(data18[i]);
  1467. }
  1468. }
  1469. //模块19 三农探索
  1470. boxData19.value = mkdata.data[18].textnum;
  1471. let data19 = mkdata.data[18].imgnum;
  1472. for (let i in data19) {
  1473. if (i < 1) {
  1474. boxData19data1.value.push(data19[i]);
  1475. } else {
  1476. boxData19data2.value.push(data19[i]);
  1477. }
  1478. }
  1479. //模块20 招工求职
  1480. boxData20.value = mkdata.data[19].textnum;
  1481. let data20 = mkdata.data[19].imgnum;
  1482. for (let i in data20) {
  1483. if (i < 1) {
  1484. boxData20data1.value.push(data20[i]);
  1485. } else {
  1486. boxData20data2.value.push(data20[i]);
  1487. }
  1488. }
  1489. //模块21 乡村商城
  1490. let data21 = mkdata.data[20].child.all_childcat;
  1491. for (let i in data21) {
  1492. if (i < 2) {
  1493. boxData21menu1.value.push(data21[i]);
  1494. } else if (i < 4) {
  1495. boxData21menu2.value.push(data21[i]);
  1496. } else if (i < 6) {
  1497. boxData21menu3.value.push(data21[i]);
  1498. } else if (i < 8) {
  1499. boxData21menu4.value.push(data21[i]);
  1500. }
  1501. }
  1502. //模块22 市场报价
  1503. boxData22menu1.value = mkdata.data[21].child.all_childcat;
  1504. //模块23 乡土特色
  1505. let data23 = mkdata.data[22].child.all_childcat;
  1506. for (let i in data23) {
  1507. if (i < 4) {
  1508. boxData23menu1.value.push(data23[i]);
  1509. } else if (i < 8) {
  1510. boxData23menu2.value.push(data23[i]);
  1511. }
  1512. }
  1513. } else {
  1514. ElMessage.error(mkdata.message)
  1515. }
  1516. }
  1517. getPageAllData();
  1518. //获取模块下的特殊数据
  1519. let getJson1 = [
  1520. { "parent": $pageNav[4] + ",0,6" },//模块5 乡村建设320
  1521. { "parent": $pageNav[5] + ",0,6" },//模块6 乡村管理319
  1522. { "parent": $pageNav[6] + ",0,6" },//模块7 乡村文化321
  1523. { "parent": $pageNav[8] + ",0,6" },//模块9 乡村生活322
  1524. { "parent": $pageNav[9] + ",0,6" },//模块10 乡村经济323
  1525. { "parent": $pageNav[10] + ",0,6" },//模块11 乡村风采318
  1526. { "parent": $pageNav[18] + ",0,2" },//模块19 三农探索16
  1527. { "parent": $pageNav[19] + ",0,2" },//模块20 招工求职344
  1528. ]
  1529. let jsonString1 = JSON.stringify(getJson1);
  1530. //获取模块下的特殊数据
  1531. async function getPageData() {
  1532. const mkdata = await requestDataPromise('/web/getWebsiteArticles', {
  1533. method: 'GET',
  1534. query: {
  1535. 'id': jsonString1
  1536. },
  1537. });
  1538. if (mkdata.code == 200) {
  1539. // console.log("成功获取模块数据2222!", mkdata);
  1540. //模块5乡村建设
  1541. boxData5data1.value = mkdata.data[0].textnum;
  1542. //模块6乡村管理
  1543. boxData6data1.value = mkdata.data[1].textnum;
  1544. //模块7乡村文化
  1545. boxData7data1.value = mkdata.data[2].textnum;
  1546. //模块9 乡村生活
  1547. boxData9data1.value = mkdata.data[3].textnum;
  1548. //模块10 乡村经济
  1549. boxData10data1.value = mkdata.data[4].textnum;
  1550. //模块11 乡村风采
  1551. boxData11data1.value = mkdata.data[5].textnum;
  1552. //模块19 三农探索
  1553. boxData19data3.value = mkdata.data[6].textnum;
  1554. //模块20 招工求职
  1555. boxData20data3.value = mkdata.data[7].textnum;
  1556. }
  1557. }
  1558. getPageData();
  1559. //2.获取基本信息 end ---------------------------------------->
  1560. //3.广告 start ---------------------------------------->
  1561. //获得所有广告
  1562. let adImg1 = ref({})
  1563. let adImg2 = ref({})
  1564. let adImg3 = ref({})
  1565. let adImg4 = ref({})
  1566. let adImg5 = ref({})
  1567. onMounted(async () => {
  1568. //从客户端获取行政职能部门 加快打开速度//从客户端获取行政职能部门 加快打开速度
  1569. const { $webUrl, $CwebUrl } = useNuxtApp();
  1570. //从客户端启动广告
  1571. //广告1
  1572. let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=xcw_index_0001`
  1573. const responseAd1 = await fetch(url, {
  1574. headers: {
  1575. 'Content-Type': 'application/json',
  1576. 'Userurl': $CwebUrl,
  1577. 'Origin': $CwebUrl
  1578. }
  1579. });
  1580. const resultAd1 = await responseAd1.json();
  1581. adImg1.value = resultAd1.data[0];
  1582. //广告2
  1583. let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=xcw_index_0002`
  1584. const responseAd2 = await fetch(url2, {
  1585. headers: {
  1586. 'Content-Type': 'application/json',
  1587. 'Userurl': $CwebUrl,
  1588. 'Origin': $CwebUrl
  1589. }
  1590. });
  1591. const resultAd2 = await responseAd2.json();
  1592. adImg2.value = resultAd2.data[0];
  1593. //广告3
  1594. let url3 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=xcw_index_0003`
  1595. const responseAd3 = await fetch(url3, {
  1596. headers: {
  1597. 'Content-Type': 'application/json',
  1598. 'Userurl': $CwebUrl,
  1599. 'Origin': $CwebUrl
  1600. }
  1601. });
  1602. const resultAd3 = await responseAd3.json();
  1603. adImg3.value = resultAd3.data[0];
  1604. //广告4
  1605. let url4 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=xcw_index_0004`
  1606. const responseAd4 = await fetch(url4, {
  1607. headers: {
  1608. 'Content-Type': 'application/json',
  1609. 'Userurl': $CwebUrl,
  1610. 'Origin': $CwebUrl
  1611. }
  1612. });
  1613. const resultAd4 = await responseAd4.json();
  1614. adImg4.value = resultAd4.data[0];
  1615. let url5 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=xcw_index_0005`
  1616. const responseAd5 = await fetch(url5, {
  1617. headers: {
  1618. 'Content-Type': 'application/json',
  1619. 'Userurl': $CwebUrl,
  1620. 'Origin': $CwebUrl
  1621. }
  1622. });
  1623. const resultAd5 = await responseAd5.json();
  1624. adImg5.value = resultAd5.data[0];
  1625. })
  1626. //3.广告 end ---------------------------------------->
  1627. //4.设置seo数据 start---------------------------------------->
  1628. const setData = await requestDataPromise('/web/getWebsiteFootInfo', {
  1629. method: 'GET',
  1630. query: {},
  1631. });
  1632. if (setData.code == 200) {
  1633. let seoTitle = setData.data.website_head.title;
  1634. let seoDescription = setData.data.website_head.description;
  1635. let seoKeywords = setData.data.website_head.keywords;
  1636. let seoSuffix = setData.data.website_head.suffix;
  1637. let seoName = setData.data.website_head.website_name;
  1638. useSeoMeta({
  1639. title: seoTitle + "_" + seoSuffix,
  1640. meta: [
  1641. { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
  1642. { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix, tagPriority: 10 }
  1643. ]
  1644. });
  1645. } else {
  1646. console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
  1647. console.log("错误位置:设置首页SEO数据")
  1648. console.log("后端错误反馈:", setData.message)
  1649. console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
  1650. }
  1651. //4.设置seo数据 start---------------------------------------->
  1652. //5. 获取日期中单独的年 月 日 start--------------------------->
  1653. function getTime(date, part, digits) {
  1654. const d = new Date(date);
  1655. if (part === 'year') {
  1656. let year = d.getFullYear();
  1657. if (digits === 2) {
  1658. return String(year).slice(-2);
  1659. }
  1660. return year;
  1661. } else if (part === 'month') {
  1662. let month = d.getMonth() + 1;
  1663. if (digits === 2) {
  1664. return String(month).padStart(2, '0');
  1665. }
  1666. if (month < 10) {
  1667. month = '0' + month;
  1668. } else {
  1669. month = month;
  1670. }
  1671. return month;
  1672. } else if (part === 'day') {
  1673. let day = d.getDate();
  1674. if (digits === 2) {
  1675. return String(day).padStart(2, '0');
  1676. }
  1677. return day;
  1678. }
  1679. return null;
  1680. }
  1681. //5. 获取日期中单独的年 月 日 end------------------------------>
  1682. </script>
  1683. <style lang="less" scoped>
  1684. @import url('@/assets/css/index.less');
  1685. </style>