williamet/jiace-web
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

up

Browse Source
This commit is contained in:
熊丽君
2022-03-28 17:20:33 +08:00
parent 174653551f
commit 6b71c061d5
1 changed files with 33 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
src/views/home/home.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<div class="p0-100"> <div class="p0-100">
<div style="width:100%;display: flex;justify-content: center;"> <div style="width: 100%; display: flex; justify-content: center">
<div class="banner"> <div class="banner">
<!-- 轮播图 --> <!-- 轮播图 -->
<el-carousel height="345px" trigger="click"> <el-carousel height="345px" trigger="click">
@ -20,7 +20,7 @@
target="_blank" target="_blank"
:to="{ :to="{
path: '/portrait', path: '/portrait',
query: { key: 'policyRead', val: '归口' } query: { key: 'policyRead', val: '归口' },
}" }"
> >
<div class="title_top_r pointer"> <div class="title_top_r pointer">
@ -30,7 +30,8 @@
</div> </div>
<div class="tab_list"> <div class="tab_list">
<!-- @tab-click="handleClick2" --> <!-- @tab-click="handleClick2" -->
<el-tabs v-model="queryParams2.attributeId"> <!-- v-model="queryParams2.attributeId" -->
<el-tabs>
<!-- <el-tab-pane label="科技" name="KJJ"> <!-- <el-tab-pane label="科技" name="KJJ">
<span <span
slot="label" slot="label"
@ -69,7 +70,7 @@
</el-tab-pane> --> </el-tab-pane> -->
<div <div
class="tab_item" class="tab_item"
style="position: relative;padding-right:50px" style="position: relative; padding-right: 50px"
v-for="(item, index) in list2" v-for="(item, index) in list2"
:key="item.id" :key="item.id"
> >
@ -80,7 +81,7 @@
target="_blank" target="_blank"
:to="{ :to="{
path: '/result', path: '/result',
query: { key: 'policyRead', id: item.id } query: { key: 'policyRead', id: item.id },
}" }"
> >
{{ item.title }} {{ item.title }}
@ -89,7 +90,7 @@
<i v-if="index < 3"> <i v-if="index < 3">
<img src="@/assets/image/new.png" alt="" /> <img src="@/assets/image/new.png" alt="" />
</i> </i>
<span style="position: absolute;right: 0;top: 0;">{{ <span style="position: absolute; right: 0; top: 0">{{
parseTime(item.listDate, '{m}-{d}') parseTime(item.listDate, '{m}-{d}')
}}</span> }}</span>
</div> </div>
@ -108,7 +109,7 @@
target="_blank" target="_blank"
:to="{ :to="{
path: '/portrait', path: '/portrait',
query: { key: 'policyNotice', val: '公示公告' } query: { key: 'policyNotice', val: '公示公告' },
}" }"
> >
<div class="title_top_r pointer"> <div class="title_top_r pointer">
@ -172,7 +173,7 @@
target="_blank" target="_blank"
:to="{ :to="{
path: '/result', path: '/result',
query: { key: 'policy', id: item.id } query: { key: 'policy', id: item.id },
}" }"
> >
{{ item.title }} {{ item.title }}
@ -194,7 +195,7 @@
target="_blank" target="_blank"
:to="{ :to="{
path: '/portrait', path: '/portrait',
query: { key: 'information', val: '' } query: { key: 'information', val: '' },
}" }"
> >
<div class="title_top_r pointer"> <div class="title_top_r pointer">
@ -202,7 +203,7 @@
</div> </div>
</router-link> </router-link>
</div> </div>
<div class="tab_list" style="padding-top:8px"> <div class="tab_list" style="padding-top: 8px">
<div class="banner_r_list" v-for="item in list3" :key="item.id"> <div class="banner_r_list" v-for="item in list3" :key="item.id">
<!-- <div class="text_18_333 pointer">{{ item.title }}</div> --> <!-- <div class="text_18_333 pointer">{{ item.title }}</div> -->
<div class="text_18_333 pointer"> <div class="text_18_333 pointer">
@ -210,7 +211,7 @@
target="_blank" target="_blank"
:to="{ :to="{
path: '/result', path: '/result',
query: { key: 'information', id: item.id } query: { key: 'information', id: item.id },
}" }"
> >
{{ item.title }} {{ item.title }}
@ -223,12 +224,12 @@
</div> </div>
</div> </div>
<!-- 城市列表 --> <!-- 城市列表 -->
<div style="padding:15px"> <div style="padding: 15px">
<p class=""> <p class="">
<img <img
src="@/assets/image/icon_l.png" src="@/assets/image/icon_l.png"
alt="" alt=""
style="margin-right: 3px;" style="margin-right: 3px"
/> />
<img src="@/assets/image/icon_r.png" alt="" /> <img src="@/assets/image/icon_r.png" alt="" />
</p> </p>
@ -397,12 +398,12 @@
</div> </div>
</div> </div>
</div> </div>
<div style="padding:0 15px"> <div style="padding: 0 15px">
<p style="margin-bottom:0"> <p style="margin-bottom: 0">
<img <img
src="@/assets/image/icon_cx.png" src="@/assets/image/icon_cx.png"
alt="" alt=""
style="margin-right: 3px;" style="margin-right: 3px"
/> />
<img src="@/assets/image/icon_cx2.png" alt="" /> <img src="@/assets/image/icon_cx2.png" alt="" />
</p> </p>
@ -446,7 +447,7 @@
<router-link <router-link
target="_blank" target="_blank"
:to="{ :to="{
path: '/about' path: '/about',
}" }"
> >
<el-button type="warning">更多</el-button> <el-button type="warning">更多</el-button>
@ -455,7 +456,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="p0-100" style="padding-bottom:40px"> <div class="p0-100" style="padding-bottom: 40px">
<div class="cooperation"> <div class="cooperation">
<img src="@/assets/image/icon8.png" alt="" /> <img src="@/assets/image/icon8.png" alt="" />
</div> </div>
@ -494,12 +495,12 @@ import {
getInformation, getInformation,
getAboutUs, getAboutUs,
getPartner, getPartner,
getScienceInnovate getScienceInnovate,
} from '@/api/home/home'; } from '@/api/home/home';
import vueSeamlessScroll from 'vue-seamless-scroll'; import vueSeamlessScroll from 'vue-seamless-scroll';
export default { export default {
components: { components: {
vueSeamlessScroll vueSeamlessScroll,
}, },
data() { data() {
return { return {
@ -509,26 +510,26 @@ export default {
classOption: { classOption: {
step: 1, step: 1,
limitMoveNum: 8, limitMoveNum: 8,
direction: 2 direction: 2,
}, },
bannerList: [], bannerList: [],
queryParams: { queryParams: {
labelId: '1415156808053559296', labelId: '1415156808053559296',
pageSize: 7 pageSize: 7,
}, },
queryParams2: { queryParams2: {
attributeId: 'OTHER', // attributeId: 'OTHER',
pageSize: 8 pageSize: 8,
}, },
queryParams3: { queryParams3: {
pageNum: 1, pageNum: 1,
pageSize: 8 pageSize: 8,
}, },
// date: this.parseTime(new Date(), '{y}-{m}-{d}'), // date: this.parseTime(new Date(), '{y}-{m}-{d}'),
list: [], list: [],
list2: [], list2: [],
list3: [], list3: [],
aboutInfo: {} aboutInfo: {},
}; };
}, },
computed: { computed: {
@ -541,9 +542,9 @@ export default {
openWatch: true, // 开启数据实时监控刷新dom openWatch: true, // 开启数据实时监控刷新dom
singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1 singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3 singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
waitTime: 1000 // 单步运动停止的时间(默认值1000ms) waitTime: 1000, // 单步运动停止的时间(默认值1000ms)
}; };
} },
}, },
methods: { methods: {
// 政策列表 // 政策列表
@ -560,7 +561,7 @@ export default {
}, },
handlePage(url) { handlePage(url) {
window.open(url, '_blank'); window.open(url, '_blank');
} },
}, },
created() { created() {
getRotationList({ pageNum: 1, pageSize: 50 }).then(({ data }) => { getRotationList({ pageNum: 1, pageSize: 50 }).then(({ data }) => {
@ -574,11 +575,11 @@ export default {
getScienceInnovate().then(({ data }) => { getScienceInnovate().then(({ data }) => {
this.innovateList = data; this.innovateList = data;
}); });
getAboutUs().then(res => { getAboutUs().then((res) => {
this.aboutInfo = res.data; this.aboutInfo = res.data;
}); });
getPartner().then(({ data }) => { getPartner().then(({ data }) => {
data = data.filter(item => { data = data.filter((item) => {
return item.status == 1; return item.status == 1;
}); });
if (data.length < 16) if (data.length < 16)
@ -593,7 +594,7 @@ export default {
// console.log(this.listData2); // console.log(this.listData2);
// console.log(data); // console.log(data);
}); });
} },
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>