From ddfc75ed45d427bb8b407133b5e2bde0e6ec581a Mon Sep 17 00:00:00 2001
From: 明梦爽 <2972214568@qq.com>
Date: 星期六, 22 一月 2022 16:22:45 +0800
Subject: [PATCH] 新闻查询功能完毕
---
src/views/notice.vue | 91 +++++++++++++++++++++++++++------------------
1 files changed, 55 insertions(+), 36 deletions(-)
diff --git a/src/views/notice.vue b/src/views/notice.vue
index 78dbb4a..907d956 100644
--- a/src/views/notice.vue
+++ b/src/views/notice.vue
@@ -1,23 +1,20 @@
<template>
<div>
- <el-row type="flex" class="row-bg underline" justify="space-between">
+ <!-- 閫氱煡鍏憡瀵艰埅鏉� -->
+ <el-row type="flex" class="row-bg underline marb10" justify="space-between">
<span class="color"><b>閫氱煡鍏憡</b></span>
<span @click="goMore('閫氱煡鍏憡')" class="liPointer">
鏇村<i class="el-icon-d-arrow-right"></i>
</span>
</el-row>
- <div>
+ <!-- 閫氱煡鍏憡鏂伴椈鍒楄〃 -->
+ <div style="max-height:382px;overflow:hidden;">
<ul>
- <li
- class="lieBiao liPointer"
- :key="index"
- v-for="(item, index) in noticeList"
- >
+ <li class="lieBiao liPointer" :key="index" v-for="(item, index) in noticeList">
<div class="time">
- <span>{{ item.categoryId }}</span>
- <span>{{ item.contypeId }}</span>
+ {{ item.releaseTime }}
</div>
- <div class="title" @click="toNoticeMsg(item.title)">
+ <div class="title" @click="toNoticeMsg(item.id)">
{{ item.title }}
</div>
</li>
@@ -26,40 +23,56 @@
</div>
</template>
<script>
+import axios from 'axios'
+import {getMinTitle,getNewsList} from '../api/api'
export default {
name: 'notice',
data() {
return {
- noticeList:
- // {years:'2021',date:'11-2',title:'鎴戞槸鏍囬1'},
- // {years:'2021',date:'11-2',title:'鎴戞槸鏍囬2'},
- // {years:'2021',date:'11-2',title:'鎴戞槸鏍囬3'},
- // {years:'2021',date:'11-2',title:'鎴戞槸鏍囬4'},
- // {years:'2021',date:'11-2',title:'鎴戞槸鏍囬5'},
- {
- categoryId: 1,
- contypeId: 2,
- coverPath: '13',
- dataString: '123',
- title:"12"
- }
+ noticeList: [],
}
},
- created(){
- // getnews() {
- // const res = this.$http.post('newsTheme/insert',this.noticeList)
+ created() {
+ },
+ mounted(){
+ //鑾峰彇灏忔爣棰�
+ // axios.get('http://localhost:8080/news_category/list/1').then(res => {
// console.log(res);
- // }
+ // if(res.status==200){
+ // this.noticeList = res.data.data
+ // }
+ // }).catch(err => {
+ // console.log(err);
+ // })
+ this.getnews()
},
methods: {
- toNoticeMsg(t) {
+ //鑾峰彇鏂伴椈鍒楄〃
+ getnews(){
+ const data = {
+ current:1,
+ newsCategoryId:42,
+ size:6
+ }
+ getNewsList(data).then(res => {
+ console.log(res);
+ if(res.code == 200){
+ this.noticeList = res.data.records
+ }
+ }).catch(error => {
+ console.log(error);
+ })
+ },
+ // 鍘诲埌鏂伴椈灞曠ず椤�
+ toNoticeMsg(id) {
this.$router.push({
- path: '/home/noticeMessage',
+ path: '/home/news',
query: {
- title: t
+ id:id,
}
})
},
+ //鍘诲埌鏇村鏂伴椈鍒楄〃椤�
goMore(val) {
this.$router.push({
path: '/home/moreMessage',
@@ -73,12 +86,12 @@
</script>
<style lang="less" scoped>
.underline {
- border-bottom: 1px solid #0f99e9;
+ border-bottom: 1px solid rgb(1, 72, 153);
}
.lieBiao {
- width: 95%;
- height: 80px;
- background: rgb(202, 202, 202);
+ width: 100%;
+ height: 55px;
+ background: rgb(241, 241, 241);
display: flex;
justify-content: space-between;
overflow: hidden;
@@ -86,13 +99,19 @@
}
.time {
width: 100px;
- overflow: hidden;
+ padding: 17px 0px;
display: flex;
flex-direction: column;
+ background-color: rgb(1, 72, 153);
+ color: white;
+ text-align: center;
}
.title {
width: 500px;
- height: 70px;
+ height: 50px;
overflow: hidden;
+ line-height: 50px;
+ // background-color: rgb(179, 19, 19);
+ padding: 0 0 0 10px;
}
</style>
\ No newline at end of file
--
Gitblit v1.8.0