From 6cf9fe5c9eb7dc664b7a64454cd327d08baf1a93 Mon Sep 17 00:00:00 2001 From: 明梦爽 <2972214568@qq.com> Date: 星期一, 15 八月 2022 16:51:26 +0800 Subject: [PATCH] 更新sql文件 --- src/views/notice.vue | 93 ++++++++++++++++++++++++---------------------- 1 files changed, 49 insertions(+), 44 deletions(-) diff --git a/src/views/notice.vue b/src/views/notice.vue index 23866f6..22659f8 100644 --- a/src/views/notice.vue +++ b/src/views/notice.vue @@ -1,26 +1,18 @@ <template> <div> + <!-- 閫氱煡鍏憡瀵艰埅鏉� --> <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> + <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> --> - - <span>{{ item.years }}</span> - <span>{{ item.date }}</span> + {{ item.releaseTime }} </div> - <div class="title" @click="toNoticeMsg(item.title)"> + <div class="title" @click="toNoticeMsg(item.id)"> {{ item.title }} </div> </li> @@ -29,43 +21,57 @@ </div> </template> <script> +import axios from 'axios' +import { getMinTitle, getNewsList } from '../api/api' export default { name: 'notice', data() { return { - noticeList: [ - {years:'2021',date:'11-17',title:'骞抽《灞卞闄㈤珮灞傛浜烘墠鎷涜仒鍏憡'}, - {years:'2021',date:'11-17',title:'鍏充簬寮�灞曗�滄垜涓哄鏍♀�樺崄鍥涗簲鈥欒鍒掑缓瑷�鐚瓥鈥濇椿鍔ㄧ殑閫氱煡'}, - {years:'2021',date:'11-17',title:'骞抽《灞卞闄㈠強闄勫睘鍙h厰鍖婚櫌鎷涜仒鍙h厰鍖诲涓撲笟浜烘墠鍏憡'}, - {years:'2021',date:'11-17',title:'骞抽《灞卞闄�2020-2021瀛﹀勾鏈鏁欏璐ㄩ噺鎶ュ憡'}, - {years:'2021',date:'11-17',title:'鍏充簬鎺ㄨ崘鍏ㄧ渷楂樻牎瀛︾敓宸ヤ綔涓撳搴撲笓瀹剁殑閫氱煡'}, - {years:'2021',date:'11-17',title:'骞抽《灞卞闄�2022灞婃瘯涓氱敓鍐缃戠粶瑙嗛鍙岄�変細閭�璇峰嚱'}, - ] - - // { - // 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', @@ -82,7 +88,7 @@ border-bottom: 1px solid rgb(1, 72, 153); } .lieBiao { - width: 95%; + width: 100%; height: 55px; background: rgb(241, 241, 241); display: flex; @@ -91,12 +97,10 @@ margin-bottom: 10px; } .time { - width: 80px; - overflow: hidden; + width: 100px; + padding: 17px 0px; display: flex; - // line-height: 20px; flex-direction: column; - padding: 8px ; background-color: rgb(1, 72, 153); color: white; text-align: center; @@ -106,6 +110,7 @@ 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 +</style> -- Gitblit v1.8.0