|
|
@ -20,8 +20,9 @@ |
|
|
|
<div class="column-list"> |
|
|
|
<div class="column-list"> |
|
|
|
<div class="title">栏目列表</div> |
|
|
|
<div class="title">栏目列表</div> |
|
|
|
<div class="list"> |
|
|
|
<div class="list"> |
|
|
|
<div class="item" @click="getindexallarticleEvent">全部</div> |
|
|
|
|
|
|
|
<div class="item" v-for="i in newColumnList" :key="i.id" @click="getMyNewsList(i)">{{ i.name }}</div> |
|
|
|
<div :class="columnId === '0' ? 'item active' : 'item'" @click="getindexallarticleEvent">全部</div> |
|
|
|
|
|
|
|
<div :class="columnId === i.id ? 'item active' : 'item'" v-for="i in newColumnList" :key="i.id" @click="getMyNewsList(i)">{{ i.name }}</div> |
|
|
|
<!-- <div class="item">项目申报</div> |
|
|
|
<!-- <div class="item">项目申报</div> |
|
|
|
<div class="item">新闻列表</div> --> |
|
|
|
<div class="item">新闻列表</div> --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -43,6 +44,8 @@ |
|
|
|
pageSize: 10, |
|
|
|
pageSize: 10, |
|
|
|
pageNo: 1, |
|
|
|
pageNo: 1, |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
const columnId = ref(''); |
|
|
|
|
|
|
|
|
|
|
|
const newColumnList = ref([]); |
|
|
|
const newColumnList = ref([]); |
|
|
|
const getindexcolumnEvent = async () => { |
|
|
|
const getindexcolumnEvent = async () => { |
|
|
|
const res = await getindexcolumn(); |
|
|
|
const res = await getindexcolumn(); |
|
|
@ -63,7 +66,6 @@ |
|
|
|
newList.value = res.records; |
|
|
|
newList.value = res.records; |
|
|
|
total.value = res.total; |
|
|
|
total.value = res.total; |
|
|
|
}; |
|
|
|
}; |
|
|
|
const columnId = ref(''); |
|
|
|
|
|
|
|
const onChange = (page) => { |
|
|
|
const onChange = (page) => { |
|
|
|
console.log(page); |
|
|
|
console.log(page); |
|
|
|
page.pageNo = page; |
|
|
|
page.pageNo = page; |
|
|
@ -74,6 +76,7 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
}; |
|
|
|
const getindexallarticleEvent = async () => { |
|
|
|
const getindexallarticleEvent = async () => { |
|
|
|
|
|
|
|
columnId.value = '0' |
|
|
|
const res = await getindexnotice(); |
|
|
|
const res = await getindexnotice(); |
|
|
|
console.log(res); |
|
|
|
console.log(res); |
|
|
|
newList.value = res.records; |
|
|
|
newList.value = res.records; |
|
|
@ -112,6 +115,7 @@ |
|
|
|
border-bottom: 2px solid #ccc; |
|
|
|
border-bottom: 2px solid #ccc; |
|
|
|
padding-bottom: 45px; |
|
|
|
padding-bottom: 45px; |
|
|
|
margin-top: 40px; |
|
|
|
margin-top: 40px; |
|
|
|
|
|
|
|
|
|
|
|
.left { |
|
|
|
.left { |
|
|
|
width: 100px; |
|
|
|
width: 100px; |
|
|
|
height: 100px; |
|
|
|
height: 100px; |
|
|
@ -192,9 +196,9 @@ |
|
|
|
border-bottom: 1px solid #d9d9d9; |
|
|
|
border-bottom: 1px solid #d9d9d9; |
|
|
|
cursor: pointer; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
} |
|
|
|
.item:hover { |
|
|
|
// .item:hover { |
|
|
|
color: #002e97; |
|
|
|
// color: #002e97; |
|
|
|
} |
|
|
|
// } |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
@ -209,4 +213,7 @@ |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
justify-content: center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.active{ |
|
|
|
|
|
|
|
color: #002e97 !important; |
|
|
|
|
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |
|
|
|