index.html.vue 30 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642
  1. <template>
  2. <div>
  3. <HomePageHead></HomePageHead>
  4. <HomePageNavigation></HomePageNavigation>
  5. <HomeSecondaryHeading :titleData="pageData" :pinyinid="routeId"></HomeSecondaryHeading>
  6. <!-- 频道页--企业 -->
  7. <main class="index_main" id="all_vue">
  8. <section class="channel_1 clearfix">
  9. <div class="channel_box_1 clearfix">
  10. <div class="channel_head_btn_box">
  11. <div class="channel_head_btn channel_head_btn_only">
  12. <NuxtLink class="channel_head_a" :href="getLinkPath(pageData[0])" v-if="pageData[0]"
  13. :title="pageData[0].alias">
  14. {{ pageData[0].alias }}
  15. </NuxtLink>
  16. </div>
  17. </div>
  18. <div class="channel_name_ul" v-if="pageData[0].data2">
  19. <div class="channel_name_ul_li" v-for="(item, index) in pageData[0].data2" :key="index">
  20. <NuxtLink class="channel_name_ul_li_dot1 dot1" :href="getLinkPathDetail(item)"
  21. :title="item.title" :key="item.id" :target="item.islink == 1 ? '_blank' : '_self'">
  22. {{ item.title }}
  23. </NuxtLink>
  24. </div>
  25. </div>
  26. </div>
  27. <div class="channel_box_2 clearfix">
  28. <div class="channel_1_box clearfix">
  29. <HomeSwiperNfcpgx :imgData="pageData[0].data"></HomeSwiperNfcpgx>
  30. </div>
  31. </div>
  32. </section>
  33. <!-- 广告1 -->
  34. <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
  35. <section class="channel_2 clearfix">
  36. <div class="channel_box_3 clearfix">
  37. <div class="channel_head_btn_box">
  38. <div class="channel_head_btn channel_head_btn_only">
  39. <NuxtLink class="channel_head_a" :href="getLinkPath(pageData[1])" v-if="pageData[1]"
  40. :title="pageData[1].alias">
  41. {{ pageData[1].alias }}
  42. </NuxtLink>
  43. </div>
  44. </div>
  45. <div class="channel_big_ul clearfix" v-if="pageData[1]">
  46. <div class="channel_big_li clearfix" v-if="pageData[1].data[0]">
  47. <div class="channel_big_li_img_box" v-if="pageData[1].data[0]">
  48. <NuxtLink :href="getLinkPathDetail(pageData[1].data[0])"
  49. :title="pageData[1].data[0].title">
  50. <img class="channel_big_li_img" :src="pageData[1].data[0].imgurl"
  51. :title="pageData[1].data[0].title" alt="">
  52. <span class="channel_big_li_content">{{ pageData[1].data[0].title }}</span>
  53. </NuxtLink>
  54. </div>
  55. <div class="channel_big_li_in" v-if="pageData[1].data2">
  56. <div class="channel_ul_1">
  57. <NuxtLink class="channel_ul_1_a dot1" v-for="(item, index) in pageData[1].data2"
  58. :href="getLinkPathDetail(item)" :title="item.title" :key="item.id"
  59. :target="item.islink == 1 ? '_blank' : '_self'">
  60. {{ item.title }}
  61. </NuxtLink>
  62. </div>
  63. </div>
  64. </div>
  65. <div class="channel_big_li clearfix" v-if="pageData[1].data[1]">
  66. <div class="channel_big_li_img_box" v-if="pageData[1].data[1]">
  67. <NuxtLink :href="getLinkPathDetail(pageData[1].data[1])"
  68. :title="pageData[1].data[1].title">
  69. <img class="channel_big_li_img" :src="pageData[1].data[1].imgurl"
  70. :title="pageData[1].data[1].title" alt="">
  71. <span class="channel_big_li_content">{{ pageData[1].data[1].title }}</span>
  72. </NuxtLink>
  73. </div>
  74. <div class="channel_big_li_in" v-if="pageData[1].data3">
  75. <div class="channel_ul_1">
  76. <NuxtLink class="channel_ul_1_a dot1" v-for="(item, index) in pageData[1].data3"
  77. :href="getLinkPathDetail(item)" :title="item.title" :key="item.id"
  78. :target="item.islink == 1 ? '_blank' : '_self'">
  79. {{ item.title }}
  80. </NuxtLink>
  81. </div>
  82. </div>
  83. </div>
  84. </div>
  85. <div class="channel_head_btn_box channel_head_top">
  86. <div class="channel_head_btn channel_head_btn_only">
  87. <NuxtLink class="channel_head_a" :href="getLinkPath(pageData[2])" v-if="pageData[2]"
  88. :title="pageData[2].alias">
  89. {{ pageData[2].alias }}
  90. </NuxtLink>
  91. </div>
  92. </div>
  93. <div class="clearfix">
  94. <div class="channel_box_5 clearfix">
  95. <div class="channel_img_ul_2" v-if="pageData[2]">
  96. <div class="channel_img_ul_2_li" v-if="pageData[2].data[0]">
  97. <NuxtLink :href="getLinkPathDetail(pageData[2].data[0])"
  98. :title="pageData[2].data[0].title">
  99. <img class="channel_img_ul_2_li_img" :src="pageData[2].data[0].imgurl" title=""
  100. alt="">
  101. <div class="channel_img_ul_2_li_dot1 dot1">
  102. {{ pageData[2].data[0].title }}
  103. </div>
  104. </NuxtLink>
  105. </div>
  106. </div>
  107. </div>
  108. <div class="channel_box_6 clearfix" v-if="pageData[2]">
  109. <div class=" channel_ul_2 clearfix" v-if="pageData[2].data2">
  110. <NuxtLink class="channel_ul_2_a dot1" v-for="(item, index) in pageData[2].data2"
  111. :href="getLinkPathDetail(item)" :title="item.title" :key="item.id"
  112. :target="item.islink == 1 ? '_blank' : '_self'">
  113. {{ item.title }}
  114. </NuxtLink>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. <div class="channel_box_4 clearfix">
  120. <div class="channel_head_btn_box">
  121. <div class="channel_head_btn channel_head_btn_only">
  122. <NuxtLink class="channel_head_a" :href="getLinkPath(pageData[3])" v-if="pageData[3]"
  123. :title="pageData[3].alias">
  124. {{ pageData[3].alias }}
  125. </NuxtLink>
  126. </div>
  127. </div>
  128. <div class="channel_img_ul_3" v-if="pageData[3].data">
  129. <div class="channel_img_ul_3_li clearfix_2" v-for="(item, index) in pageData[3].data"
  130. :key="item">
  131. <NuxtLink class="channel_img_ul_3_li_a" :href="`/${item.pinyin}/${item.id}.html`"
  132. :title="item.title" :key="item.id" :target="item.islink == 1 ? '_blank' : '_self'">
  133. <div class="channel_img_ul_3_li_img_box">
  134. <img class="channel_img_ul_3_li_img" :src="item.imgurl" title="" alt="">
  135. </div>
  136. <div class="channel_img_ul_3_li_dot3 dot3">
  137. {{ item.title }}
  138. </div>
  139. <div class="channel_img_ul_3_li_num">{{ index + 1 }}</div>
  140. </NuxtLink>
  141. </div>
  142. </div>
  143. </div>
  144. </section>
  145. <!-- 广告2 -->
  146. <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
  147. <section class="channel_3 clearfix">
  148. <div class="channel_box_3 clearfix" v-if="pageData[4]">
  149. <!--start 模块5 -->
  150. <div class="channel_head_btn_box">
  151. <div class="channel_head_btn channel_head_btn_only">
  152. <NuxtLink class="channel_head_a" :href="getLinkPath(pageData[4])" v-if="pageData[4]"
  153. :title="pageData[4].alias">
  154. {{ pageData[4].alias }}
  155. </NuxtLink>
  156. </div>
  157. </div>
  158. <div class="channel_img_ul_4 clearfix" v-if="pageData[4].data">
  159. <div class="channel_img_ul_4_li clearfix" v-for="(item, index) in pageData[4].data"
  160. :key="index">
  161. <NuxtLink class="channel_img_ul_4_li_a clearfix" :href="getLinkPathDetail(item)"
  162. :title="item.title" :key="item.id" :target="item.islink == 1 ? '_blank' : '_self'">
  163. <div class="channel_img_ul_4_li_img_box">
  164. <img class="channel_img_ul_4_li_img" :src="item.imgurl" title="" alt="">
  165. </div>
  166. <div class="channel_img_ul_4_li_dot2 dot2">{{ item.title }}</div>
  167. </NuxtLink>
  168. </div>
  169. </div>
  170. <div class="channel_ul_3 clearfix" v-if="pageData[4].data2">
  171. <div class="channel_ul_3_li clearfix" v-for="(item, index) in pageData[4].data2" :key="index">
  172. <NuxtLink class="channel_ul_3_li_a" :href="getLinkPathDetail(item)" :title="item.title"
  173. :key="item.id" :target="item.islink == 1 ? '_blank' : '_self'">
  174. <!-- <div class="channel_ul_3_li_tag">{{ pageData[4].alias }}</div> -->
  175. <div class="channel_ul_3_li_dot1 dot1"> {{ item.title }}</div>
  176. </NuxtLink>
  177. </div>
  178. </div>
  179. <!--end 模块5 -->
  180. </div>
  181. <div class="channel_box_4 clearfix" v-if="pageData[5]">
  182. <!--start 模块6-->
  183. <div class="channel_head_btn_box">
  184. <div class="channel_head_btn channel_head_btn_only">
  185. <NuxtLink class="channel_head_a" :href="getLinkPath(pageData[5])" v-if="pageData[5]"
  186. :title="pageData[5].alias">
  187. {{ pageData[5].alias }}
  188. </NuxtLink>
  189. </div>
  190. </div>
  191. <div class="channel_img_ul_5">
  192. <div class="channel_img_ul_5_li" v-if="pageData[5].data[0]">
  193. <NuxtLink class="channel_img_ul_5_li_a" :href="getLinkPathDetail(pageData[5].data[0])"
  194. :title="pageData[5].data[0].title"
  195. :target="pageData[5].data[0].islink == 1 ? '_blank' : '_self'">
  196. <img class="channel_img_ul_5_li_img" :src="pageData[5].data[0].imgurl" title="" alt="">
  197. <div class="channel_img_ul_5_li_dot2 dot2"> {{ pageData[5].data[0].title }}</div>
  198. </NuxtLink>
  199. </div>
  200. </div>
  201. <!--end 模块6-->
  202. </div>
  203. </section>
  204. <section class="channel_4 clearfix">
  205. <div class="channel_box_3 clearfix" v-if="pageData[6]">
  206. <div class="channel_head_btn_box">
  207. <div class="channel_head_btn">
  208. <NuxtLink class="channel_head_a" :href="getLinkPath(pageData[6])" v-if="pageData[6]"
  209. :title="pageData[6].alias">
  210. {{ pageData[6].alias }}
  211. </NuxtLink>
  212. </div>
  213. </div>
  214. <div class="channel_4_text clearfix">
  215. <!--start 模块7-->
  216. <div class=" clearfix">
  217. <div class="channel_box_5 clearfix">
  218. <div class="channel_img_ul_6" v-if="pageData[6].data[0]">
  219. <div class="channel_img_ul_6_li">
  220. <NuxtLink class="channel_img_ul_6_li_a"
  221. :href="getLinkPathDetail(pageData[6].data[0])"
  222. :title="pageData[6].data[0].title"
  223. :target="pageData[6].data[0].islink == 1 ? '_blank' : '_self'">
  224. <img class="channel_img_ul_6_li_img" :src="pageData[6].data[0].imgurl"
  225. title="" alt="">
  226. <div class="channel_img_ul_6_li_dot2 dot2">
  227. {{ pageData[6].data[0].title }}
  228. </div>
  229. </NuxtLink>
  230. </div>
  231. </div>
  232. <div class="channel_img_ul_even_1 clearfix" v-if="pageData[6].data2">
  233. <div class="channel_img_ul_even_1_li" v-for="(item, index) in pageData[6].data2"
  234. :key="index">
  235. <NuxtLink class="channel_img_ul_even_1_li_a" :href="getLinkPathDetail(item)"
  236. :title="item.title" :key="item.id"
  237. :target="item.islink == 1 ? '_blank' : '_self'">
  238. <img class="channel_img_ul_even_1_li_img" :src="item.imgurl" title=""
  239. alt="">
  240. <div class="channel_img_ul_even_1_li_dot2 dot2">
  241. {{ item.title }}
  242. </div>
  243. </NuxtLink>
  244. </div>
  245. </div>
  246. </div>
  247. <div class="channel_box_6 clearfix">
  248. <div class="channel_ul_4 clearfix" v-if="pageData[6].data3">
  249. <NuxtLink class="channel_ul_4_a dot1" :href="getLinkPathDetail(item)"
  250. v-for="(item, index) in pageData[6].data3" :key="index"
  251. :target="item.islink == 1 ? '_blank' : '_self'">
  252. {{ item.title }}
  253. </NuxtLink>
  254. </div>
  255. </div>
  256. </div>
  257. </div>
  258. </div>
  259. <div class="channel_box_4 clearfix" v-if="pageData[7]">
  260. <div class="channel_head_btn_box">
  261. <div class="channel_head_btn">
  262. <NuxtLink class="channel_head_a" :href="getLinkPath(pageData[7])" v-if="pageData[7]"
  263. :title="pageData[7].alias">
  264. {{ pageData[7].alias }}
  265. </NuxtLink>
  266. </div>
  267. </div>
  268. <div class=" clearfix">
  269. <!--start 模块8 -->
  270. <div class=" clearfix" v-show="channel_choice_2_num == 1">
  271. <div class="channel_img_ul_7 clearfix">
  272. <div class="channel_img_ul_7_li" v-if="pageData[7].data[0]">
  273. <NuxtLink class="channel_img_ul_7_li_a"
  274. :href="getLinkPathDetail(pageData[7].data[0])"
  275. :title="pageData[7].data[0].title"
  276. :target="pageData[7].data[0].islink == 1 ? '_blank' : '_self'">
  277. <img class="channel_img_ul_7_li_img" :src="pageData[7].data[0].imgurl" title=""
  278. alt="">
  279. <div class="channel_img_ul_7_li_foot">
  280. <div class="channel_img_ul_7_li_tag">热 门</div>
  281. <div class="channel_img_ul_7_li_dot1 dot1">{{ pageData[7].data[0].title }}
  282. </div>
  283. </div>
  284. </NuxtLink>
  285. </div>
  286. </div>
  287. <div class="channel_ul_5 clearfix" v-if="pageData[7].data2">
  288. <NuxtLink class="channel_ul_5_a dot1" :href="getLinkPathDetail(item)"
  289. v-for="(item, index) in pageData[7].data2" :key="index"
  290. :target="item.islink == 1 ? '_blank' : '_self'">
  291. {{ item.title }}
  292. </NuxtLink>
  293. </div>
  294. </div>
  295. </div>
  296. </div>
  297. </section>
  298. </main>
  299. <!-- 页脚部分 -->
  300. <HomeFoot1></HomeFoot1>
  301. </div>
  302. </template>
  303. <script setup>
  304. //0.加载页面依赖 start ---------------------------------------->
  305. import { ref, onMounted } from 'vue';
  306. import { ElMessage } from 'element-plus';
  307. const channel_choice_1_num = ref(1)
  308. const channel_choice_2_num = ref(1)
  309. //0.加载页面依赖 end ---------------------------------------->
  310. //1.获得路由id start ---------------------------------------->
  311. const targetSegment = getRoutePath(1);
  312. //1.1 获得当前的路由id
  313. let routeId;
  314. //通过导航路径反向查询导航id
  315. const getRouteId = await requestDataPromise('/web/getWebsiteRoute', {
  316. method: 'GET',
  317. query: {
  318. 'pinyin': targetSegment,
  319. },
  320. });
  321. if (getRouteId.code == 200) {
  322. routeId = getRouteId.data.category_id
  323. } else {
  324. console.log("获得路由id出错!", getRouteId.message)
  325. }
  326. //1.获得路由id end ---------------------------------------->
  327. //2.页面交互效果 start ---------------------------------------->
  328. // 2.1 一级栏目
  329. const title = ref("")
  330. const tabsData = ref(1)
  331. async function getPageDataTitle() {
  332. const mkdata = await requestDataPromise('/web/getOneWebsiteCategory', {
  333. method: 'GET',
  334. query: {
  335. 'catid': routeId,
  336. },
  337. });
  338. if (mkdata.code == 200) {
  339. title.value = mkdata.data.alias;
  340. } else {
  341. console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
  342. console.log("错误位置:获取二级标题")
  343. console.log("后端错误反馈:", mkdata.message)
  344. console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
  345. }
  346. }
  347. getPageDataTitle();
  348. //2.页面交互效果 end ---------------------------------------->
  349. //3.广告 start ---------------------------------------->
  350. let adImg1 = ref({})
  351. let adImg2 = ref({})
  352. let adImg3 = ref({})
  353. let adImg4 = ref({})
  354. onMounted(async () => {
  355. //从客户端获取行政职能部门 加快打开速度
  356. const { $webUrl, $CwebUrl } = useNuxtApp();
  357. //广告1
  358. let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nfcpgxw_category_0001`
  359. const responseAd1 = await fetch(url, {
  360. headers: {
  361. 'Content-Type': 'application/json',
  362. 'Userurl': $CwebUrl,
  363. 'Origin': $CwebUrl
  364. }
  365. });
  366. const resultAd1 = await responseAd1.json();
  367. adImg1.value = resultAd1.data[0];
  368. //广告2
  369. let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nfcpgxw_category_0002`
  370. const responseAd2 = await fetch(url2, {
  371. headers: {
  372. 'Content-Type': 'application/json',
  373. 'Userurl': $CwebUrl,
  374. 'Origin': $CwebUrl
  375. }
  376. });
  377. const resultAd2 = await responseAd2.json();
  378. adImg2.value = resultAd2.data[0];
  379. //广告3
  380. let url3 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nfcpgxw_category_0003`
  381. const responseAd3 = await fetch(url3, {
  382. headers: {
  383. 'Content-Type': 'application/json',
  384. 'Userurl': $CwebUrl,
  385. 'Origin': $CwebUrl
  386. }
  387. });
  388. const resultAd3 = await responseAd3.json();
  389. adImg3.value = resultAd3.data[0];
  390. //广告4
  391. let url4 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nfcpgxw_category_0004`
  392. const responseAd4 = await fetch(url4, {
  393. headers: {
  394. 'Content-Type': 'application/json',
  395. 'Userurl': $CwebUrl,
  396. 'Origin': $CwebUrl
  397. }
  398. });
  399. const resultAd4 = await responseAd4.json();
  400. adImg4.value = resultAd4.data[0];
  401. })
  402. //3.广告 end ---------------------------------------->
  403. //4.页面数据 start ---------------------------------------->
  404. const pageData = ref([
  405. //示例:
  406. // {
  407. // id: 1,
  408. // title: "", //该导航的标题
  409. // data: [], //数据1
  410. // data1: [], //数据2
  411. // data2: [], //数据3
  412. // data3: [], //数据4
  413. // data4: [], //数据5
  414. // category_id1: "", //子导航id1
  415. // category_id2: "",
  416. // category_id3: "",
  417. // category_id4: "",
  418. // title1: "", //子导航标题1
  419. // title2: "",
  420. // title3: "",
  421. // title4: "",
  422. // cid: "" //该导航的id
  423. // },
  424. ])
  425. const companyData = ref([]);
  426. const newsData = ref([]);
  427. //4.1 获取所有导航
  428. try {
  429. const navigateData = await requestDataPromise('/web/getWebsiteModelCategory', {
  430. method: 'GET',
  431. query: {
  432. 'placeid': 1,
  433. 'pid': routeId,
  434. 'num': 20
  435. },
  436. });
  437. if (navigateData.code == 200) {
  438. // 遍历可用的导航池放到页面中
  439. for (let index in navigateData.data) {
  440. let data = {
  441. title: navigateData.data[index].name,
  442. cid: navigateData.data[index].category_id,
  443. children_count: navigateData.data[index].children_count,
  444. alias: navigateData.data[index].alias,
  445. aLIas_pinyin: targetSegment + "/" + navigateData.data[index].aLIas_pinyin,
  446. data: [],
  447. data1: [],
  448. data2: [],
  449. data3: [],
  450. data4: [],
  451. category_id1: "",
  452. category_id2: "",
  453. category_id3: "",
  454. category_id4: "",
  455. title1: "",
  456. title2: "",
  457. title3: "",
  458. title4: "",
  459. type: navigateData.data[index].type,
  460. };
  461. if (navigateData.data[index].is_url == 1) {
  462. // 处理 URL 的逻辑
  463. } else {
  464. //每个页面最多8个模块
  465. if (navigateData.data[index].type == 1) {
  466. newsData.value.push(data)
  467. } else if (navigateData.data[index].type == 6) {
  468. companyData.value.push(data)
  469. }
  470. pageData.value.push(data);
  471. }
  472. }
  473. // console.log('11111111111所有', pageData.value);
  474. // console.log('11111111111资讯', newsData.value);
  475. // console.log('11111111111公司', companyData.value);
  476. //导航池加载完毕,开始申请企业模块数据
  477. let getJson = []
  478. for (let i = 0; i < companyData.value.length; i++) {
  479. if (i == 0) {
  480. getJson.push({ "id": companyData.value[i].cid + ",1,6" });
  481. } else if (i == 1) {
  482. getJson.push({ "id": companyData.value[i].cid + ",6,0" });
  483. } else if (i == 2) {
  484. getJson.push({ "id": companyData.value[i].cid + ",2,3" });
  485. } else if (i == 3) {
  486. getJson.push({ "id": companyData.value[i].cid + ",1,0" });
  487. } else if (i == 4) {
  488. getJson.push({ "id": companyData.value[i].cid + ",3,10" });
  489. } else if (i == 5) {
  490. getJson.push({ "id": companyData.value[i].cid + ",1,6" });
  491. }
  492. }
  493. let jsonString = JSON.stringify(getJson);
  494. getPageAllData(jsonString);
  495. //导航池加载完毕,开始申请资讯模块数据
  496. let getJson1 = []
  497. for (let i = 0; i < newsData.value.length; i++) {
  498. if (i == 0) {
  499. getJson1.push({ "parent": routeId + ",0,0", "child": newsData.value[i].cid + ",4,8" });
  500. } else if (i == 1) {
  501. getJson1.push({ "parent": routeId + ",0,0", "child": newsData.value[i].cid + ",2,8" });
  502. }
  503. }
  504. let jsonString1 = JSON.stringify(getJson1);
  505. getPageNewsData(jsonString1);
  506. } else {
  507. console.log("错误:渲染8个模块环节出错,请检查是否存在没有数据的模块!")
  508. }
  509. } catch (error) {
  510. console.log("错误:导航池渲染执行接口出错!请检查频道页渲染的模块数据是否完整!")
  511. }
  512. async function getPageAllData(jsonString) {
  513. const mkdata = await requestDataPromise('/web/getWebsiteCompany', {
  514. method: 'GET',
  515. query: {
  516. 'id': jsonString
  517. },
  518. });
  519. console.log("频道页渲染的模块数据11111:", mkdata);
  520. if (mkdata.code == 200) {
  521. if (mkdata.data.length > 0) {
  522. //模块3
  523. pageData.value[2].data = mkdata.data[0].img_num;
  524. pageData.value[2].data2 = mkdata.data[0].text_num;
  525. }
  526. if (mkdata.data.length > 1) {
  527. //模块4
  528. pageData.value[3].data = mkdata.data[1].img_num;
  529. }
  530. if (mkdata.data.length > 2) {
  531. //模块5
  532. pageData.value[4].data = mkdata.data[2].img_num;
  533. pageData.value[4].data2 = mkdata.data[2].text_num;
  534. }
  535. if (mkdata.data.length > 3) {
  536. //模块6
  537. pageData.value[5].data = mkdata.data[3].img_num;
  538. }
  539. if (mkdata.data.length > 4) {
  540. //模块7
  541. for (let index in mkdata.data[4].img_num) {
  542. if (index < 1) {
  543. pageData.value[6].data.push(mkdata.data[4].img_num[index]);
  544. } else {
  545. pageData.value[6].data2.push(mkdata.data[4].img_num[index]);
  546. }
  547. }
  548. pageData.value[6].data3 = mkdata.data[4].text_num;
  549. }
  550. if (mkdata.data.length > 5) {
  551. //模块8
  552. pageData.value[7].data = mkdata.data[5].img_num;
  553. pageData.value[7].data2 = mkdata.data[5].text_num;
  554. }
  555. } else {
  556. ElMessage.error(mkdata.message)
  557. }
  558. }
  559. async function getPageNewsData(jsonString) {
  560. const mkdata = await requestDataPromise('/web/getWebsiteAllArticle', {
  561. method: 'GET',
  562. query: {
  563. 'id': jsonString
  564. },
  565. });
  566. // console.log("频道页渲染的模块数据22222:", mkdata);
  567. if (mkdata.code == 200) {
  568. if (mkdata.data.length > 0) {
  569. //模块1 顶部大图和列表
  570. pageData.value[0].data = mkdata.data[0].child.imgnum;
  571. pageData.value[0].data2 = mkdata.data[0].child.textnum;
  572. }
  573. if (mkdata.data.length > 1) {
  574. //模块2
  575. pageData.value[1].data = mkdata.data[1].child.imgnum;
  576. for (let index in mkdata.data[1].child.textnum) {
  577. if (index < 4) {
  578. pageData.value[1].data2.push(mkdata.data[1].child.textnum[index]);
  579. } else {
  580. pageData.value[1].data3.push(mkdata.data[1].child.textnum[index]);
  581. }
  582. }
  583. }
  584. } else {
  585. ElMessage.error(mkdata.message)
  586. }
  587. }
  588. //4.页面数据 end ---------------------------------------->
  589. //5.设置seo信息 start---------------------------------------->
  590. const setData = await requestDataPromise('/web/getWebsiteCategoryHead', {
  591. method: 'GET',
  592. query: {
  593. 'catid': routeId
  594. },
  595. });
  596. if (setData.code == 200) {
  597. let seoTitle = setData.data.seo_title;
  598. let seoDescription = setData.data.seo_description;
  599. let seoKeywords = setData.data.seo_keywords;
  600. let seoSuffix = setData.data.suffix;
  601. let seoName = setData.data.website_name;
  602. useSeoMeta({
  603. title: seoTitle + "_" + seoSuffix,
  604. meta: [
  605. { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
  606. { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
  607. { name: 'viewport', content: 'width=device-width,initial-scale=1,user-scalable=no',tagPriority: 10 }
  608. ]
  609. });
  610. } else {
  611. console.log("设置频道页SEO出错!", setData.message)
  612. }
  613. //5.设置seo信息 end---------------------------------------->
  614. </script>
  615. <style lang="less" scoped>
  616. @import '@/assets/css/class.less';
  617. </style>