|
@@ -5,7 +5,7 @@
|
|
|
<!--导航-->
|
|
<!--导航-->
|
|
|
<HomePageNavigation></HomePageNavigation>
|
|
<HomePageNavigation></HomePageNavigation>
|
|
|
<!--首页顶部滚动新闻-->
|
|
<!--首页顶部滚动新闻-->
|
|
|
- <div class="swiper-container" v-if="imagelist && imagelist.length > 0">
|
|
|
|
|
|
|
+ <div class="swiper-container">
|
|
|
<Swiper :slides-per-view="5" :space-between="20" :loop="true" :autoplay="{
|
|
<Swiper :slides-per-view="5" :space-between="20" :loop="true" :autoplay="{
|
|
|
delay: 3000,
|
|
delay: 3000,
|
|
|
disableOnInteraction: false,
|
|
disableOnInteraction: false,
|
|
@@ -14,7 +14,7 @@
|
|
|
waitForTransition: true
|
|
waitForTransition: true
|
|
|
}" :speed="600" :modules="modules" @slide-change="swiperHandleSlideChange" @swiper="onSwiper"
|
|
}" :speed="600" :modules="modules" @slide-change="swiperHandleSlideChange" @swiper="onSwiper"
|
|
|
class="custom-swiper" :navigation="true">
|
|
class="custom-swiper" :navigation="true">
|
|
|
- <SwiperSlide v-for="(item, index) in imagelist" :key="index">
|
|
|
|
|
|
|
+ <SwiperSlide v-for="(item, index) in 15" :key="index">
|
|
|
<NuxtLink :to="`/${item.pinyin}/${item.id}.html`" :title="item.title" class="slide-link"
|
|
<NuxtLink :to="`/${item.pinyin}/${item.id}.html`" :title="item.title" class="slide-link"
|
|
|
:data-index="index">
|
|
:data-index="index">
|
|
|
<div class="image-container">
|
|
<div class="image-container">
|
|
@@ -56,13 +56,21 @@
|
|
|
<div class="index-tabs">
|
|
<div class="index-tabs">
|
|
|
<div class="tabtlt">
|
|
<div class="tabtlt">
|
|
|
<div @mouseenter="indexTabs = 1" :class="indexTabs == 1 ? 'intabtltbg' : ''">
|
|
<div @mouseenter="indexTabs = 1" :class="indexTabs == 1 ? 'intabtltbg' : ''">
|
|
|
- <NuxtLink to="/">
|
|
|
|
|
- 选项1
|
|
|
|
|
|
|
+ <NuxtLink
|
|
|
|
|
+ v-if="pageData[0].cid"
|
|
|
|
|
+ :href="getLinkPath(pageData[0])"
|
|
|
|
|
+ :title="pageData[0].alias"
|
|
|
|
|
+ >
|
|
|
|
|
+ {{pageData[0].title}}
|
|
|
</NuxtLink>
|
|
</NuxtLink>
|
|
|
</div>
|
|
</div>
|
|
|
<div @mouseenter="indexTabs = 2" :class="indexTabs == 2 ? 'intabtltbg' : ''">
|
|
<div @mouseenter="indexTabs = 2" :class="indexTabs == 2 ? 'intabtltbg' : ''">
|
|
|
- <NuxtLink to="/">
|
|
|
|
|
- 选项2
|
|
|
|
|
|
|
+ <NuxtLink
|
|
|
|
|
+ v-if="pageData[1].cid"
|
|
|
|
|
+ :href="getLinkPath(pageData[1])"
|
|
|
|
|
+ :title="pageData[1].alias"
|
|
|
|
|
+ >
|
|
|
|
|
+ {{pageData[1].title}}
|
|
|
</NuxtLink>
|
|
</NuxtLink>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -71,35 +79,30 @@
|
|
|
<div class="coninfoitem_img">
|
|
<div class="coninfoitem_img">
|
|
|
<img src="/public/index/news.png" />
|
|
<img src="/public/index/news.png" />
|
|
|
<div class="coninfoitem_img_text">
|
|
<div class="coninfoitem_img_text">
|
|
|
- <h3>
|
|
|
|
|
- <NuxtLink to="/">浙江高院召开党组会传达学习习近平总书记重要</NuxtLink>
|
|
|
|
|
- </h3>
|
|
|
|
|
- <p>
|
|
|
|
|
- <NuxtLink to="/">
|
|
|
|
|
- 12月30日上午,浙江高院召开党组(扩大)会议,传达学习习近平总书记重要指示、省委常委会听取省法院党组工作情况和《省法院工作报告》
|
|
|
|
|
- </NuxtLink>
|
|
|
|
|
- </p>
|
|
|
|
|
|
|
+ <NuxtLink
|
|
|
|
|
+ :href="getLinkPathDetail(boxData1[0])"
|
|
|
|
|
+ :title="boxData1[0].title"
|
|
|
|
|
+ :target="boxData1[0].islink == 1 ? '_blank' : '_self'"
|
|
|
|
|
+ class="coninfoitem_title"
|
|
|
|
|
+ >
|
|
|
|
|
+ <h3>
|
|
|
|
|
+ {{boxData1[0].title}}
|
|
|
|
|
+ </h3>
|
|
|
|
|
+ <p>
|
|
|
|
|
+ {{boxData1[0].introduce}}
|
|
|
|
|
+ </p>
|
|
|
|
|
+ </NuxtLink>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <NuxtLink to="/" class="coninfoitem_title">
|
|
|
|
|
- <span>浙江高院召开党组会传达学习习近平总书记重要指示、省委常委会听取省法院党组工作情况汇报的会议精神</span>
|
|
|
|
|
- <span>2026-01-06</span>
|
|
|
|
|
- </NuxtLink>
|
|
|
|
|
- <NuxtLink to="/" class="coninfoitem_title">
|
|
|
|
|
- <span>“负担减轻,干劲更足了”</span>
|
|
|
|
|
- <span>2026-01-06</span>
|
|
|
|
|
- </NuxtLink>
|
|
|
|
|
- <NuxtLink to="/" class="coninfoitem_title">
|
|
|
|
|
- <span>让好政策真正惠及群众</span>
|
|
|
|
|
- <span>2026-01-06</span>
|
|
|
|
|
- </NuxtLink>
|
|
|
|
|
- <NuxtLink to="/" class="coninfoitem_title">
|
|
|
|
|
- <span>张掖:片区协作聚合力 联动监督提效能</span>
|
|
|
|
|
- <span>2026-01-06</span>
|
|
|
|
|
- </NuxtLink>
|
|
|
|
|
- <NuxtLink to="/" class="coninfoitem_title">
|
|
|
|
|
- <span>把学习贯彻习近平生态文明思想不断引向深入</span>
|
|
|
|
|
- <span>2026-01-06</span>
|
|
|
|
|
|
|
+ <NuxtLink
|
|
|
|
|
+ v-for="(item, index) in boxData1data2" :key="index"
|
|
|
|
|
+ :href="getLinkPathDetail(item)"
|
|
|
|
|
+ :title="item.title"
|
|
|
|
|
+ :target="item.islink == 1 ? '_blank' : '_self'"
|
|
|
|
|
+ class="coninfoitem_title"
|
|
|
|
|
+ >
|
|
|
|
|
+ <span>{{ item.title }}</span>
|
|
|
|
|
+ <span>{{getTime(item.updated_at,'month',1)}}</span>
|
|
|
</NuxtLink>
|
|
</NuxtLink>
|
|
|
</div>
|
|
</div>
|
|
|
<div v-if="indexTabs == 2" class="coninfoitem">
|
|
<div v-if="indexTabs == 2" class="coninfoitem">
|
|
@@ -685,417 +688,34 @@ const qhPic = function (num) {
|
|
|
hoverStatus.value = num;
|
|
hoverStatus.value = num;
|
|
|
}
|
|
}
|
|
|
//2.交互方法 end---------------------------------------->
|
|
//2.交互方法 end---------------------------------------->
|
|
|
-//3.投票 start---------------------------------------->
|
|
|
|
|
-//3.1 投票选择的值
|
|
|
|
|
-const radio1 = ref(''); //单选
|
|
|
|
|
-const check1 = ref([]); //多选
|
|
|
|
|
-const isDisabled = ref(false);//是否禁用提交按钮
|
|
|
|
|
-const isRadio = ref(true);//是否渲染单选
|
|
|
|
|
-const userSurId = ref('');//投票属于哪一篇文章
|
|
|
|
|
-const userChoice = ref('');//用于判断用户选择了其他选项以后,输入的值
|
|
|
|
|
-const userIsChoice = ref('');//用于判断其他选项目前是什么值
|
|
|
|
|
-const showUserChoice = ref(false);//是否显示其他输入框
|
|
|
|
|
-const websiteSurveyData = ref([]);//投票结果
|
|
|
|
|
-//3.2获得投票列表
|
|
|
|
|
-let voteList = ref([]);
|
|
|
|
|
-//3.2当用户选择了选项,判断是否展示其他输入框
|
|
|
|
|
-const handleRadioChange = (value) => {
|
|
|
|
|
- if (value == userIsChoice.value) {
|
|
|
|
|
- showUserChoice.value = true;
|
|
|
|
|
- } else {
|
|
|
|
|
- showUserChoice.value = false;
|
|
|
|
|
- }
|
|
|
|
|
-}
|
|
|
|
|
-const handleCheckboxChange = (value) => {
|
|
|
|
|
- if (value.includes(userIsChoice.value)) {
|
|
|
|
|
- showUserChoice.value = true;
|
|
|
|
|
- } else {
|
|
|
|
|
- showUserChoice.value = false;
|
|
|
|
|
- }
|
|
|
|
|
-}
|
|
|
|
|
-//3.2发起投票
|
|
|
|
|
-async function addWebsiteSurvey() {
|
|
|
|
|
- //判断当前是单选还是多选
|
|
|
|
|
- console.log(isRadio.value)
|
|
|
|
|
- if (isRadio.value) {
|
|
|
|
|
- console.log("用户单选!")
|
|
|
|
|
- if (radio1.value != '') {
|
|
|
|
|
- //先判断一下是否使用了其他选项
|
|
|
|
|
- if (showUserChoice.value) {
|
|
|
|
|
- if (userChoice.value != '') {
|
|
|
|
|
- //文章id
|
|
|
|
|
- // console.log(userSurId.value)
|
|
|
|
|
- // 用户输入的值
|
|
|
|
|
- // console.log(userChoice.value)
|
|
|
|
|
- //如果使用了其他,其他的选项需要增加进去
|
|
|
|
|
- const ChoiceData = await requestDataPromise('/web/addWebsiteSurveyOption', {
|
|
|
|
|
- method: 'GET',
|
|
|
|
|
- query: {
|
|
|
|
|
- 'sur_id': userSurId.value,//投票的新闻id
|
|
|
|
|
- 'choice_name': userChoice.value,//投票的选项id
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- if (ChoiceData.code == 200) {
|
|
|
|
|
- //提交完其他选项以后,再正式发起投票
|
|
|
|
|
- const mkData = await requestDataPromise('/web/addWebsiteSurveyVote', {
|
|
|
|
|
- method: 'GET',
|
|
|
|
|
- query: {
|
|
|
|
|
- 'sur_id': userSurId.value,
|
|
|
|
|
- 'choice_id': ChoiceData.data
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- if (mkData.code == 200) {
|
|
|
|
|
- ElMessage.success('投票成功!')
|
|
|
|
|
- //把投票结果显示到页面上 禁用投票按钮
|
|
|
|
|
- isDisabled.value = true;
|
|
|
|
|
- websiteSurveyData.value = mkData.data;
|
|
|
|
|
- //遍历一下,把用户选中的那个设置status为1
|
|
|
|
|
- let data = mkData.data;
|
|
|
|
|
- //遍历一下,把用户选中的那个设置status为1
|
|
|
|
|
- for (let item of data.data) {
|
|
|
|
|
- for (let i of data.choice) {
|
|
|
|
|
- if (item.id == i) {
|
|
|
|
|
- console.log(item.id)
|
|
|
|
|
- item.status = 1;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- websiteSurveyData.value = data;
|
|
|
|
|
- } else {
|
|
|
|
|
- ElMessage.error(mkData.message)
|
|
|
|
|
- }
|
|
|
|
|
- } else {
|
|
|
|
|
- ElMessage.error('其他投票失败!')
|
|
|
|
|
- }
|
|
|
|
|
- } else {
|
|
|
|
|
- ElMessage.error('请输入选项内容!')
|
|
|
|
|
- }
|
|
|
|
|
- } else {
|
|
|
|
|
- //如果没选择其他,直接提交选择的内容
|
|
|
|
|
- const mkData = await requestDataPromise('/web/addWebsiteSurveyVote', {
|
|
|
|
|
- method: 'GET',
|
|
|
|
|
- query: {
|
|
|
|
|
- 'sur_id': userSurId.value,
|
|
|
|
|
- 'choice_id': radio1.value
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- if (mkData.code == 200) {
|
|
|
|
|
- ElMessage.success('投票成功!')
|
|
|
|
|
- //把投票结果显示到页面上 禁用投票按钮
|
|
|
|
|
- isDisabled.value = true;
|
|
|
|
|
- let data = mkData.data;
|
|
|
|
|
- //遍历一下,把用户选中的那个设置status为1
|
|
|
|
|
- for (let item of data.data) {
|
|
|
|
|
- for (let i of data.choice) {
|
|
|
|
|
- if (item.id == i) {
|
|
|
|
|
- item.status = 1;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- websiteSurveyData.value = data;
|
|
|
|
|
- } else {
|
|
|
|
|
- ElMessage.error('投票失败!')
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- } else {
|
|
|
|
|
- ElMessage.error('请选择一个选项')
|
|
|
|
|
- }
|
|
|
|
|
- } else {
|
|
|
|
|
- console.log("多选!")
|
|
|
|
|
- //多选
|
|
|
|
|
- if (check1.value != []) {
|
|
|
|
|
- //先判断一下是否使用了其他选项
|
|
|
|
|
- if (showUserChoice.value) {
|
|
|
|
|
- if (userChoice.value != '') {
|
|
|
|
|
- //判断用户是否只选择了一个其他
|
|
|
|
|
- if (check1.value.length == 1) {
|
|
|
|
|
- const ChoiceData = await requestDataPromise('/web/addWebsiteSurveyOption', {
|
|
|
|
|
- method: 'GET',
|
|
|
|
|
- query: {
|
|
|
|
|
- 'sur_id': userSurId.value,//投票的新闻id
|
|
|
|
|
- 'choice_name': userChoice.value,//用户输入的其他选项文字
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- if (ChoiceData.code == 200) {
|
|
|
|
|
- //提交完其他选项以后,再正式发起投票
|
|
|
|
|
- const mkData = await requestDataPromise('/web/addWebsiteSurveyVote', {
|
|
|
|
|
- method: 'GET',
|
|
|
|
|
- query: {
|
|
|
|
|
- 'sur_id': userSurId.value,
|
|
|
|
|
- 'choice_id': ChoiceData.data
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- if (mkData.code == 200) {
|
|
|
|
|
- ElMessage.success('投票成功!')
|
|
|
|
|
- //把投票结果显示到页面上 禁用投票按钮
|
|
|
|
|
- isDisabled.value = true;
|
|
|
|
|
- websiteSurveyData.value = mkData.data;
|
|
|
|
|
- //遍历一下,把用户选中的那个设置status为1
|
|
|
|
|
- let data = mkData.data;
|
|
|
|
|
- //遍历一下,把用户选中的那个设置status为1
|
|
|
|
|
- for (let item of data.data) {
|
|
|
|
|
- for (let i of data.choice) {
|
|
|
|
|
- if (item.id == i) {
|
|
|
|
|
- console.log(item.id)
|
|
|
|
|
- item.status = 1;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- websiteSurveyData.value = data;
|
|
|
|
|
- } else {
|
|
|
|
|
- ElMessage.error(mkData.message)
|
|
|
|
|
- }
|
|
|
|
|
- } else {
|
|
|
|
|
- ElMessage.error('其他投票失败!')
|
|
|
|
|
- }
|
|
|
|
|
- } else {
|
|
|
|
|
- //用户选择了除了其他以外,还包括别的选项
|
|
|
|
|
- const ChoiceData = await requestDataPromise('/web/addWebsiteSurveyOption', {
|
|
|
|
|
- method: 'GET',
|
|
|
|
|
- query: {
|
|
|
|
|
- 'sur_id': userSurId.value,//投票的新闻id
|
|
|
|
|
- 'choice_name': userChoice.value,//用户输入的其他选项文字
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- if (ChoiceData.code == 200) {
|
|
|
|
|
- let data = check1.value;
|
|
|
|
|
- //找到多选的数组,把其他默认值给替换掉
|
|
|
|
|
- for (let i = 0; i < data.length; i++) {
|
|
|
|
|
- if (data[i] == userIsChoice.value) {
|
|
|
|
|
- data[i] = ChoiceData.data;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- let jsonArray = JSON.stringify(data);
|
|
|
|
|
- //提交完其他选项以后,再正式发起投票
|
|
|
|
|
- const mkData = await requestDataPromise('/web/addWebsiteSurveyVote', {
|
|
|
|
|
- method: 'GET',
|
|
|
|
|
- query: {
|
|
|
|
|
- 'sur_id': userSurId.value,
|
|
|
|
|
- 'choice_id': jsonArray
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- if (mkData.code == 200) {
|
|
|
|
|
- ElMessage.success('投票成功!')
|
|
|
|
|
- //把投票结果显示到页面上 禁用投票按钮
|
|
|
|
|
- isDisabled.value = true;
|
|
|
|
|
- websiteSurveyData.value = mkData.data;
|
|
|
|
|
- //遍历一下,把用户选中的那个设置status为1
|
|
|
|
|
- let data = mkData.data;
|
|
|
|
|
- //遍历一下,把用户选中的那个设置status为1
|
|
|
|
|
- for (let item of data.data) {
|
|
|
|
|
- for (let i of data.choice) {
|
|
|
|
|
- if (item.id == i) {
|
|
|
|
|
- //console.log(item.id)
|
|
|
|
|
- item.status = 1;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- websiteSurveyData.value = data;
|
|
|
|
|
- } else {
|
|
|
|
|
- ElMessage.error(mkData.message)
|
|
|
|
|
- }
|
|
|
|
|
- } else {
|
|
|
|
|
- ElMessage.error('其他投票失败!')
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- } else {
|
|
|
|
|
- ElMessage.error('请输入选项内容!')
|
|
|
|
|
- }
|
|
|
|
|
- } else {
|
|
|
|
|
- let jsonArray = JSON.stringify(check1.value);
|
|
|
|
|
- //如果没选择其他,直接提交选择的内容
|
|
|
|
|
- const mkData = await requestHome('/web/addWebsiteSurveyVote', {
|
|
|
|
|
- method: 'GET',
|
|
|
|
|
- query: {
|
|
|
|
|
- 'sur_id': userSurId.value,
|
|
|
|
|
- 'choice_id': jsonArray
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- if (mkData.code == 200) {
|
|
|
|
|
- ElMessage.success('投票成功!')
|
|
|
|
|
- //把投票结果显示到页面上 禁用投票按钮
|
|
|
|
|
- isDisabled.value = true;
|
|
|
|
|
- websiteSurveyData.value = mkData.data;
|
|
|
|
|
- //遍历一下,把用户选中的那个设置status为1
|
|
|
|
|
- let data = mkData.data;
|
|
|
|
|
- //遍历一下,把用户选中的那个设置status为1
|
|
|
|
|
- for (let item of data.data) {
|
|
|
|
|
- for (let i of data.choice) {
|
|
|
|
|
- if (item.id == i) {
|
|
|
|
|
- console.log(item.id)
|
|
|
|
|
- item.status = 1;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- websiteSurveyData.value = data;
|
|
|
|
|
- } else {
|
|
|
|
|
- ElMessage.error('投票失败!')
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- } else {
|
|
|
|
|
- ElMessage.error('请选择一个选项')
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-}
|
|
|
|
|
-//3.投票 end---------------------------------------->
|
|
|
|
|
-//4.广告 start---------------------------------------->
|
|
|
|
|
-//获得所有广告
|
|
|
|
|
-let adImg1 = ref({})
|
|
|
|
|
-let adImg2 = ref({})
|
|
|
|
|
-let adImg3 = ref({})
|
|
|
|
|
-let adImg4 = ref({})
|
|
|
|
|
-onMounted(async () => {
|
|
|
|
|
- //从客户端获取行政职能部门 加快打开速度//从客户端获取行政职能部门 加快打开速度
|
|
|
|
|
- const { $webUrl, $CwebUrl } = useNuxtApp();
|
|
|
|
|
- //从客户端启动投票
|
|
|
|
|
- //获得投票列表
|
|
|
|
|
- let voteUrl = `${$webUrl}/web/getWebsiteSurvey`
|
|
|
|
|
- const responseVote = await fetch(voteUrl, {
|
|
|
|
|
- headers: {
|
|
|
|
|
- 'Content-Type': 'application/json',
|
|
|
|
|
- 'Userurl': $CwebUrl,
|
|
|
|
|
- 'Origin': $CwebUrl
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- const voteData = await responseVote.json();
|
|
|
|
|
- if (voteData.code == 200) {
|
|
|
|
|
- voteList.value = voteData.data;
|
|
|
|
|
- //判断显示单选还是多选
|
|
|
|
|
- //survey_type 0是单选 1是多选
|
|
|
|
|
- if (voteData.data[0].survey_type == 0) {
|
|
|
|
|
- isRadio.value = true;
|
|
|
|
|
- } else {
|
|
|
|
|
- isRadio.value = false;
|
|
|
|
|
- }
|
|
|
|
|
- for (let item of voteData.data) {
|
|
|
|
|
- //如果含有其他
|
|
|
|
|
- if (item.is_other == 1) {
|
|
|
|
|
- userIsChoice.value = item.id;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- //用户投票属于哪一篇文章
|
|
|
|
|
- userSurId.value = voteData.data[0].sur_id;
|
|
|
|
|
- } else {
|
|
|
|
|
- // console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
|
|
|
|
|
- // console.log("错误位置:首页投票")
|
|
|
|
|
- // console.log("后端错误反馈:",voteData.message)
|
|
|
|
|
- // console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
|
|
|
|
|
- }
|
|
|
|
|
- //从客户端启动广告
|
|
|
|
|
- //广告1
|
|
|
|
|
- let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snzxw_index_0001`
|
|
|
|
|
- const responseAd1 = await fetch(url, {
|
|
|
|
|
- headers: {
|
|
|
|
|
- 'Content-Type': 'application/json',
|
|
|
|
|
- 'Userurl': $CwebUrl,
|
|
|
|
|
- 'Origin': $CwebUrl
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- const resultAd1 = await responseAd1.json();
|
|
|
|
|
- adImg1.value = resultAd1.data[0];
|
|
|
|
|
- //广告2
|
|
|
|
|
- let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snzxw_index_0002`
|
|
|
|
|
- const responseAd2 = await fetch(url2, {
|
|
|
|
|
- headers: {
|
|
|
|
|
- 'Content-Type': 'application/json',
|
|
|
|
|
- 'Userurl': $CwebUrl,
|
|
|
|
|
- 'Origin': $CwebUrl
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- const resultAd2 = await responseAd2.json();
|
|
|
|
|
- adImg2.value = resultAd2.data[0];
|
|
|
|
|
- //广告3
|
|
|
|
|
- let url3 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snzxw_index_0003`
|
|
|
|
|
- const responseAd3 = await fetch(url3, {
|
|
|
|
|
- headers: {
|
|
|
|
|
- 'Content-Type': 'application/json',
|
|
|
|
|
- 'Userurl': $CwebUrl,
|
|
|
|
|
- 'Origin': $CwebUrl
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- const resultAd3 = await responseAd3.json();
|
|
|
|
|
- adImg3.value = resultAd3.data[0];
|
|
|
|
|
- //广告4
|
|
|
|
|
- let url4 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snzxw_index_0004`
|
|
|
|
|
- const responseAd4 = await fetch(url4, {
|
|
|
|
|
- headers: {
|
|
|
|
|
- 'Content-Type': 'application/json',
|
|
|
|
|
- 'Userurl': $CwebUrl,
|
|
|
|
|
- 'Origin': $CwebUrl
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- const resultAd4 = await responseAd4.json();
|
|
|
|
|
- adImg4.value = resultAd4.data[0];
|
|
|
|
|
-})
|
|
|
|
|
-//4.交互方法 end---------------------------------------->
|
|
|
|
|
-//5.页面基本信息 start---------------------------------------->
|
|
|
|
|
-//5.1 导航信息
|
|
|
|
|
-const pageData = ref([
|
|
|
|
|
- // { cid: "", title: "", data: [] ,children_count:""},
|
|
|
|
|
-]);
|
|
|
|
|
-//5.2 模块数据
|
|
|
|
|
-//注意前置变量 在nuxt3的ssr模式中,并不存在变量提升。
|
|
|
|
|
|
|
+
|
|
|
|
|
+//3.页面基本信息 start---------------------------------------->
|
|
|
|
|
+//3.1 导航信息
|
|
|
|
|
+const pageData = ref([]);
|
|
|
|
|
+//3.2 模块数据
|
|
|
//模块1
|
|
//模块1
|
|
|
-const boxData1 = ref([])
|
|
|
|
|
-const boxData1data2 = ref([])
|
|
|
|
|
|
|
+const boxData1 = ref([])//图片新闻
|
|
|
|
|
+const boxData1data2 = ref([]);//文字新闻
|
|
|
//模块2
|
|
//模块2
|
|
|
-const boxData2 = ref([]);
|
|
|
|
|
-//模块3 - 该数据已经在模块中请求
|
|
|
|
|
-//const boxData3 = ref([]);
|
|
|
|
|
|
|
+const boxData2 = ref([]);//图片新闻
|
|
|
|
|
+const boxData2data2 = ref([]);//文字新闻
|
|
|
|
|
+//模块3
|
|
|
|
|
+const boxData3 = ref([]);
|
|
|
|
|
+const boxData3data2 = ref([]);
|
|
|
//模块4
|
|
//模块4
|
|
|
const boxData4 = ref([]);
|
|
const boxData4 = ref([]);
|
|
|
|
|
+const boxData4data2 = ref([]);
|
|
|
//模块5
|
|
//模块5
|
|
|
const boxData5 = ref([]);
|
|
const boxData5 = ref([]);
|
|
|
const boxData5data2 = ref([]);
|
|
const boxData5data2 = ref([]);
|
|
|
//模块6
|
|
//模块6
|
|
|
const boxData6 = ref([]);
|
|
const boxData6 = ref([]);
|
|
|
|
|
+const boxData6data2 = ref([]);
|
|
|
//模块7
|
|
//模块7
|
|
|
const boxData7 = ref([]);
|
|
const boxData7 = ref([]);
|
|
|
-//模块8
|
|
|
|
|
-const boxData8 = ref([]);
|
|
|
|
|
-const boxData88 = ref([]);
|
|
|
|
|
-//模块9 模块10 切换
|
|
|
|
|
-const tabsData1 = ref(1)
|
|
|
|
|
-//模块9
|
|
|
|
|
-const boxData9 = ref([]);
|
|
|
|
|
-const boxData9data2 = ref([]);
|
|
|
|
|
-//模块10
|
|
|
|
|
-const boxData10 = ref([]);
|
|
|
|
|
-const boxData10data2 = ref([]);
|
|
|
|
|
-//模块11
|
|
|
|
|
-const boxData11 = ref([]);
|
|
|
|
|
-const boxData11data2 = ref([]);
|
|
|
|
|
-//模块12 模块13 切换
|
|
|
|
|
-const tabsData2 = ref(1)
|
|
|
|
|
-//模块12
|
|
|
|
|
-const boxData12 = ref([]);
|
|
|
|
|
-//模块13 - 该模块只有一个入口
|
|
|
|
|
-const boxData13 = ref([]);
|
|
|
|
|
-//模块14 模块15 切换
|
|
|
|
|
-const tabsData3 = ref(1)
|
|
|
|
|
-//模块14 - 该模块含有子导航
|
|
|
|
|
-const boxData14 = ref([]);
|
|
|
|
|
-const boxData14data2 = ref([]);
|
|
|
|
|
-const boxData14menu = ref([]);
|
|
|
|
|
-const boxData14childpinyin = ref([]);
|
|
|
|
|
-const boxData14mainData = ref([]);
|
|
|
|
|
-//模块15
|
|
|
|
|
-const boxData15 = ref([]);
|
|
|
|
|
-const boxData15data2 = ref([]);
|
|
|
|
|
-const boxData15menu = ref([]);
|
|
|
|
|
-const boxData15childpinyin = ref([]);
|
|
|
|
|
-const boxData15mainData = ref([]);
|
|
|
|
|
-//模块16 模块17 切换
|
|
|
|
|
-const tabsData4 = ref(1)
|
|
|
|
|
-//模块16 - 该模块含有子导航
|
|
|
|
|
-const boxData16 = ref([]);
|
|
|
|
|
-const boxData16data2 = ref([]);
|
|
|
|
|
-const boxData16menu = ref([]);
|
|
|
|
|
-const boxData16childpinyin = ref([]);
|
|
|
|
|
-const boxData16mainData = ref([]);
|
|
|
|
|
-//模块17 - 政策法规 本来这个是模块3 原来是单独放到一个模块中的,现在提出来了
|
|
|
|
|
-const boxData17 = ref({})
|
|
|
|
|
-//3.2获得导航数据
|
|
|
|
|
|
|
+const boxData7data2 = ref([]);
|
|
|
|
|
+
|
|
|
|
|
+//3.3获得导航数据
|
|
|
try {
|
|
try {
|
|
|
const navigateData = await requestDataPromise('/web/getWebsiteModelCategory', {
|
|
const navigateData = await requestDataPromise('/web/getWebsiteModelCategory', {
|
|
|
method: 'GET',
|
|
method: 'GET',
|
|
@@ -1115,75 +735,34 @@ try {
|
|
|
alias: navigateData.data[index].alias,
|
|
alias: navigateData.data[index].alias,
|
|
|
aLIas_pinyin: navigateData.data[index].aLIas_pinyin
|
|
aLIas_pinyin: navigateData.data[index].aLIas_pinyin
|
|
|
};
|
|
};
|
|
|
- //主体渲染 第一层
|
|
|
|
|
- //新农村11
|
|
|
|
|
- if (navigateData.data[index].category_id == 11) { pageData.value[0] = data }
|
|
|
|
|
- //农民工317
|
|
|
|
|
- if (navigateData.data[index].category_id == 317) { pageData.value[1] = data }
|
|
|
|
|
- //第二层
|
|
|
|
|
- //政策法规1
|
|
|
|
|
- if (navigateData.data[index].category_id == 2) { pageData.value[2] = data }
|
|
|
|
|
- //三农之窗2
|
|
|
|
|
- if (navigateData.data[index].category_id == 1) { pageData.value[3] = data }
|
|
|
|
|
- //第三层
|
|
|
|
|
- //区域经济5
|
|
|
|
|
|
|
+ //1法制资讯
|
|
|
|
|
+ if (navigateData.data[index].category_id == 1) { pageData.value[0] = data }
|
|
|
|
|
+ //2各地动态
|
|
|
|
|
+ if (navigateData.data[index].category_id == 2) { pageData.value[1] = data }
|
|
|
|
|
+ //3特别关注
|
|
|
|
|
+ if (navigateData.data[index].category_id == 3) { pageData.value[2] = data }
|
|
|
|
|
+ //4媒体视点
|
|
|
|
|
+ if (navigateData.data[index].category_id == 4) { pageData.value[3] = data }
|
|
|
|
|
+ //5法纪通报
|
|
|
if (navigateData.data[index].category_id == 5) { pageData.value[4] = data }
|
|
if (navigateData.data[index].category_id == 5) { pageData.value[4] = data }
|
|
|
- //三农投资6
|
|
|
|
|
- if (navigateData.data[index].category_id == 12) { pageData.value[5] = data }
|
|
|
|
|
- //农贸信息13
|
|
|
|
|
- if (navigateData.data[index].category_id == 13) { pageData.value[6] = data }
|
|
|
|
|
- //书刊信息24三农调查28
|
|
|
|
|
- if (navigateData.data[index].category_id == 28) { pageData.value[7] = data }
|
|
|
|
|
- //第四层
|
|
|
|
|
- //三农科教14
|
|
|
|
|
- if (navigateData.data[index].category_id == 14) { pageData.value[8] = data }
|
|
|
|
|
- //文化生活15
|
|
|
|
|
- if (navigateData.data[index].category_id == 15) { pageData.value[9] = data }
|
|
|
|
|
- //三农服务27
|
|
|
|
|
- if (navigateData.data[index].category_id == 27) { pageData.value[10] = data }
|
|
|
|
|
- //第五层
|
|
|
|
|
- //三农探索16
|
|
|
|
|
- if (navigateData.data[index].category_id == 16) { pageData.value[11] = data }
|
|
|
|
|
- //三农人物18
|
|
|
|
|
- if (navigateData.data[index].category_id == 18) { pageData.value[12] = data }
|
|
|
|
|
- //第六层
|
|
|
|
|
- //农资购销21
|
|
|
|
|
- if (navigateData.data[index].category_id == 21) { pageData.value[13] = data }
|
|
|
|
|
- //农产购销153
|
|
|
|
|
- if (navigateData.data[index].category_id == 153) { pageData.value[14] = data }
|
|
|
|
|
- //第七层
|
|
|
|
|
- //打假维权26
|
|
|
|
|
- if (navigateData.data[index].category_id == 26) { pageData.value[15] = data }
|
|
|
|
|
|
|
+ //6今日说法
|
|
|
|
|
+ if (navigateData.data[index].category_id == 6) { pageData.value[5] = data }
|
|
|
|
|
+ //7政策法规
|
|
|
|
|
+ if (navigateData.data[index].category_id == 7) { pageData.value[6] = data }
|
|
|
}
|
|
}
|
|
|
- } else {
|
|
|
|
|
- console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
|
|
|
|
|
- console.log("错误位置:首页导航池")
|
|
|
|
|
- console.log("后端错误反馈:", navigateData.message)
|
|
|
|
|
- console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
|
|
|
|
|
}
|
|
}
|
|
|
} catch (error) {
|
|
} catch (error) {
|
|
|
- console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
|
|
|
|
|
- console.log("错误位置:首页导航渲染阶段")
|
|
|
|
|
- console.log("错误:导航池渲染执行接口出错!请检查首页的14的模块的具体执行方法!")
|
|
|
|
|
- console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
|
|
|
|
|
|
|
+
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
let getJson = [
|
|
let getJson = [
|
|
|
- { "parent": "11,2,8", "child": "" },//模块1新农村
|
|
|
|
|
- { "parent": "317,0,8", "child": "" },//模块2农民工
|
|
|
|
|
- { "parent": "1,0,5", "child": "" },//模块4三农之窗
|
|
|
|
|
- { "parent": "5,1,1", "child": "" },//模块5区域经济
|
|
|
|
|
- { "parent": "12,0,3", "child": "" },//模块6三农投资
|
|
|
|
|
- { "parent": "13,0,4", "child": "" },//模块7农贸信息
|
|
|
|
|
- { "parent": "28,2,7", "child": "" },//模块8书刊信息=三农调查
|
|
|
|
|
- { "parent": "14,2,8", "child": "" },//模块9三农科教
|
|
|
|
|
- { "parent": "15,2,8", "child": "" },//模块10文化生活
|
|
|
|
|
- { "parent": "27,2,4", "child": "" },//模块11三农服务27
|
|
|
|
|
- { "parent": "16,0,14", "child": "" },//模块12三农探索16
|
|
|
|
|
- { "parent": "18,0,14", "child": "" },//模块13三农人物18
|
|
|
|
|
- { "parent": "21,2,8", "child": "188,0,5" },//模块14农资购销
|
|
|
|
|
- { "parent": "153,2,8", "child": "258,0,5" },//模块15农产购销
|
|
|
|
|
- { "parent": "26,4,8", "child": "191,0,5" },//模块16打假维权
|
|
|
|
|
- { "parent": "2,4,8", "child": "" },//模块3政策法规
|
|
|
|
|
|
|
+ { "parent": "1,1,1", "child": "" },//模块1法制资讯
|
|
|
|
|
+ { "parent": "2,1,1", "child": "" },//模块2各地动态
|
|
|
|
|
+ { "parent": "3,1,1", "child": "" },//模块3特别关注
|
|
|
|
|
+ { "parent": "4,1,1", "child": "" },//模块4媒体视点
|
|
|
|
|
+ { "parent": "5,1,1", "child": "" },//模块5法纪通报
|
|
|
|
|
+ { "parent": "6,1,1", "child": "" },//模块6今日说法
|
|
|
|
|
+ { "parent": "7,1,1", "child": "" },//模块7政策法规
|
|
|
]
|
|
]
|
|
|
let jsonString = JSON.stringify(getJson);
|
|
let jsonString = JSON.stringify(getJson);
|
|
|
async function getPageAllData() {
|
|
async function getPageAllData() {
|
|
@@ -1195,56 +774,27 @@ async function getPageAllData() {
|
|
|
});
|
|
});
|
|
|
console.log("makdata:", mkdata);
|
|
console.log("makdata:", mkdata);
|
|
|
if (mkdata.code == 200) {
|
|
if (mkdata.code == 200) {
|
|
|
- //模块1新农村
|
|
|
|
|
|
|
+ //模块1法制资讯
|
|
|
boxData1.value = mkdata.data[0].imgnum;
|
|
boxData1.value = mkdata.data[0].imgnum;
|
|
|
boxData1data2.value = mkdata.data[0].textnum;
|
|
boxData1data2.value = mkdata.data[0].textnum;
|
|
|
- //模块2农名工
|
|
|
|
|
- boxData2.value = mkdata.data[1].textnum;
|
|
|
|
|
- //模块4三农之窗
|
|
|
|
|
- boxData4.value = mkdata.data[2].textnum;
|
|
|
|
|
- //模块5区域经济
|
|
|
|
|
- boxData5.value = mkdata.data[3].imgnum;
|
|
|
|
|
- boxData5data2.value = mkdata.data[3].textnum;
|
|
|
|
|
- //模块6三农投资
|
|
|
|
|
- boxData6.value = mkdata.data[4].textnum;
|
|
|
|
|
- //模块7农贸信息
|
|
|
|
|
- boxData7.value = mkdata.data[5].textnum;
|
|
|
|
|
- //模块8书刊信息
|
|
|
|
|
- boxData8.value = mkdata.data[6].imgnum;
|
|
|
|
|
- boxData88.value = mkdata.data[6].textnum;
|
|
|
|
|
- //模块9三农科教
|
|
|
|
|
- boxData9.value = mkdata.data[7].imgnum;
|
|
|
|
|
- boxData9data2.value = mkdata.data[7].textnum;
|
|
|
|
|
- //模块10文化生活
|
|
|
|
|
- boxData10.value = mkdata.data[8].imgnum;
|
|
|
|
|
- boxData10data2.value = mkdata.data[8].textnum;
|
|
|
|
|
- //模块11三农服务
|
|
|
|
|
- boxData11.value = mkdata.data[9].imgnum;
|
|
|
|
|
- boxData11data2.value = mkdata.data[9].textnum;
|
|
|
|
|
- //模块12三农探索
|
|
|
|
|
- boxData12.value = mkdata.data[10].textnum;
|
|
|
|
|
- //模块13三农人物
|
|
|
|
|
- boxData13.value = mkdata.data[11].textnum;
|
|
|
|
|
- //模块14农资购销 该栏目含有子导航
|
|
|
|
|
- boxData14.value = mkdata.data[12].imgnum;
|
|
|
|
|
- boxData14data2.value = mkdata.data[12].textnum;
|
|
|
|
|
- boxData14menu.value = mkdata.data[12].child.all_childcat;
|
|
|
|
|
- boxData14childpinyin.value = mkdata.data[12].child.pinyin;
|
|
|
|
|
- boxData14mainData.value = mkdata.data[12].child.textnum;
|
|
|
|
|
- //模块14农产购销
|
|
|
|
|
- boxData15.value = mkdata.data[13].imgnum;
|
|
|
|
|
- boxData15data2.value = mkdata.data[13].textnum;
|
|
|
|
|
- boxData15menu.value = mkdata.data[13].child.all_childcat;
|
|
|
|
|
- boxData15childpinyin.value = mkdata.data[13].child.pinyin;
|
|
|
|
|
- boxData15mainData.value = mkdata.data[13].child.textnum;
|
|
|
|
|
- //模块15打假维权
|
|
|
|
|
- boxData16.value = mkdata.data[14].imgnum;
|
|
|
|
|
- boxData16data2.value = mkdata.data[14].textnum;
|
|
|
|
|
- boxData16menu.value = mkdata.data[14].child.all_childcat;
|
|
|
|
|
- boxData16childpinyin.value = mkdata.data[14].child.pinyin;
|
|
|
|
|
- boxData16mainData.value = mkdata.data[14].child.textnum;
|
|
|
|
|
- //模块17政策法规
|
|
|
|
|
- boxData17.value = mkdata.data[15];
|
|
|
|
|
|
|
+ //模块2各地动态
|
|
|
|
|
+ boxData2.value = mkdata.data[1].imgnum;
|
|
|
|
|
+ boxData2data2.value = mkdata.data[1].textnum;
|
|
|
|
|
+ //模块3特别关注
|
|
|
|
|
+ boxData3.value = mkdata.data[2].imgnum;
|
|
|
|
|
+ boxData3data2.value = mkdata.data[2].textnum;
|
|
|
|
|
+ //模块4媒体视点
|
|
|
|
|
+ boxData4.value = mkdata.data[3].imgnum;
|
|
|
|
|
+ boxData4data2.value = mkdata.data[3].textnum;
|
|
|
|
|
+ //模块5法纪通报
|
|
|
|
|
+ boxData5.value = mkdata.data[4].imgnum;
|
|
|
|
|
+ boxData5data2.value = mkdata.data[4].textnum;
|
|
|
|
|
+ //模块6今日说法
|
|
|
|
|
+ boxData6.value = mkdata.data[5].imgnum;
|
|
|
|
|
+ boxData6data2.value = mkdata.data[5].textnum;
|
|
|
|
|
+ //模块7政策法规
|
|
|
|
|
+ boxData7.value = mkdata.data[5].imgnum;
|
|
|
|
|
+ boxData7data2.value = mkdata.data[5].textnum;
|
|
|
} else {
|
|
} else {
|
|
|
ElMessage.error(mkdata.message)
|
|
ElMessage.error(mkdata.message)
|
|
|
}
|
|
}
|
|
@@ -1271,11 +821,6 @@ if (setData.code == 200) {
|
|
|
{ name: 'viewport', content: "width=device-width,initial-scale=1,user-scalable=no" }
|
|
{ name: 'viewport', content: "width=device-width,initial-scale=1,user-scalable=no" }
|
|
|
]
|
|
]
|
|
|
});
|
|
});
|
|
|
-} else {
|
|
|
|
|
- // console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
|
|
|
|
|
- // console.log("错误位置:设置首页SEO数据")
|
|
|
|
|
- // console.log("后端错误反馈:",setData.message)
|
|
|
|
|
- // console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
|
|
|
|
|
}
|
|
}
|
|
|
//6.设置seo数据 start---------------------------------------->
|
|
//6.设置seo数据 start---------------------------------------->
|
|
|
//7.官网新增 start---------------------------------------->
|
|
//7.官网新增 start---------------------------------------->
|
|
@@ -1295,16 +840,13 @@ async function getModelData1() {
|
|
|
if (mkdata.code == 200) {
|
|
if (mkdata.code == 200) {
|
|
|
imagelist.value = mkdata.data.img;
|
|
imagelist.value = mkdata.data.img;
|
|
|
} else {
|
|
} else {
|
|
|
- // console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
|
|
|
|
|
- // console.log("错误位置:获取首页轮播图")
|
|
|
|
|
- // console.log("后端错误反馈:",mkdata.message)
|
|
|
|
|
- // console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
|
|
|
|
|
|
|
+
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
getModelData1()
|
|
getModelData1()
|
|
|
|
|
+
|
|
|
//使用swiper
|
|
//使用swiper
|
|
|
import { computed } from 'vue'
|
|
import { computed } from 'vue'
|
|
|
-// Swiper12.x的导入方式
|
|
|
|
|
import { Swiper, SwiperSlide } from 'swiper/vue'
|
|
import { Swiper, SwiperSlide } from 'swiper/vue'
|
|
|
import { Autoplay, Navigation } from 'swiper/modules' // 增加 Navigation
|
|
import { Autoplay, Navigation } from 'swiper/modules' // 增加 Navigation
|
|
|
// 导入 Swiper 样式
|
|
// 导入 Swiper 样式
|