更新sql文件

明梦爽

2022-08-15 6cf9fe5c9eb7dc664b7a64454cd327d08baf1a93

 src/views/notice.vue

@@ -3,20 +3,17 @@
    <!-- 通知公告导航条 -->
    <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 style="max-height:382px;overflow:hidden;">
      <ul>
        <li class="lieBiao liPointer" :key="index" v-for="(item, index) in noticeList">
          <div class="time">
            <span>{{ item.year }}</span>
            <span>{{ item.month }}</span>
            {{ item.releaseTime }}
          </div>
          <div class="title" @click="toNoticeMsg(item.id,item.count)">
            {{ item.news }}
          <div class="title" @click="toNoticeMsg(item.id)">
            {{ item.title }}
          </div>
        </li>
      </ul>
@@ -24,45 +21,53 @@
  </div>
</template>
<script>
import {getNewsList} from '../api/api'
import axios from 'axios'
import { getMinTitle, getNewsList } from '../api/api'
export default {
  name: 'notice',
  data() {
    return {
     noticeList: [{id:1,year: 2022,month:'1-10',count:10, news:'你走过的地方只剩下思念难捱，把你藏在心头，每天每夜想你'},{id:2,year: 2022,month:'1-10',count:11, news:'你走过的地方只剩下思念难捱，把你藏在心头，每天每夜想你'},
      {id:3,year: 2022,month:'1-10',count:12, news:'你走过的地方只剩下思念难捱，把你藏在心头，每天每夜想你'},{id:4,year: 2022,month:'1-10',count:13, news:'你走过的地方只剩下思念难捱，把你藏在心头，每天每夜想你'},
      {id:5,year: 2022,month:'1-10',count:14, news:'你走过的地方只剩下思念难捱，把你藏在心头，每天每夜想你'},{id:6,year: 2022,month:'1-10',count:14, news:'你走过的地方只剩下思念难捱，把你藏在心头，每天每夜想你'},
      {id:6,year: 2022,month:'1-10',count:15, news:'你走过的地方只剩下思念难捱，把你藏在心头，每天每夜想你'},{id:6,year: 2022,month:'1-10',count:16, news:'你走过的地方只剩下思念难捱，把你藏在心头，每天每夜想你'},
      {id:6,year: 2022,month:'1-10',count:16, news:'你走过的地方只剩下思念难捱，把你藏在心头，每天每夜想你'},{id:6,year: 2022,month:'1-10',count:17, news:'你走过的地方只剩下思念难捱，把你藏在心头，每天每夜想你'}],
      noticeList: []
    }
  },
  created() {
    this.getnews();
  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: {
    //获取新闻列表
    getnews() {
      const data = {
        categoryId: 1,//小标题ID
        contypeId: 2,//大标题ID
        p: 0//当前页
      };
      getNewsList(data).then(res => {
        console.log('res',res);
        if(res.code == 200){
          this.noticeList = res.data.records
        }
      }).catch(err => {
        console.log('err',err);
      })
        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,count) {
    toNoticeMsg(id) {
      this.$router.push({
        path: '/home/noticeMessage',
        path: '/home/news',
        query: {
          id:id,
          count:count
          id: id
        }
      })
    },
@@ -83,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;
@@ -92,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;
@@ -107,6 +110,7 @@
  height: 50px;
  overflow: hidden;
  line-height: 50px;
  // background-color: rgb(179, 19, 19);
  padding: 0 0 0 10px;
}
</style>
</style>