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