fenye

src/api/message/message.js

@@ -2,9 +2,9 @@
 import request from '@/utils/request'
 
 // 获取消息列表
-export function getMessage() {
+export function getMessage(pageNum) {
   return request({
-    url: '/post/news/list',
+    url: '/post/news/list?pageNum=' +pageNum ,
     method: 'get'
   })
 }

src/views/message/messageList.vue

@@ -13,7 +13,7 @@
           消息标题:<el-input v-model="input" class="up-input" placeholder="请输入内容"></el-input>
         </div>
         <div class="up-input-title-right">
-          <span class="demonstration" >发布时间:</span>
+          <span class="demonstration">发布时间:</span>
           <el-date-picker v-model="value2" type="datetimerange" class="up-input-right" :picker-options="pickerOptions"
             range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" align="right">
           </el-date-picker>
@@ -39,7 +39,7 @@
           </el-table-column>
           <el-table-column prop="operate" label="操作">
             <template slot-scope="scope">
-              <el-button size="mini" type="text" @click="viewDetails(scope)"  v-bind:row_ = "row_">查看详情</el-button>
+              <el-button size="mini" type="text" @click="viewDetails(scope)" v-bind:row_="row_">查看详情</el-button>
               <el-popconfirm title="你确定删除本条消息吗？" @confirm="deleteMessage(scope)">
                 <el-button class="btn-delete" size="mini" type="text" icon="el-icon-delete"
                   slot="reference">删除</el-button>
@@ -51,11 +51,11 @@
     </div>
     <div class="bottom">
       <div class="bottom-page">
-        <el-pagination layout="prev, pager, next" :total="tableData.length" @size-change="handleSizeChange"
-          @current-change="handleCurrentChange">
+        <!-- @size-change="handleSizeChange(this.total)" -->
+        <el-pagination layout="prev, pager, next" :total="this.total" @current-change="handleCurrentChange">
         </el-pagination>
       </div>
-      <span class="bottom-number">共{{ tableData.length }}条 </span>
+      <span class="bottom-number">共{{ this.total }}条 </span>
     </div>
   </div>
 </template>
@@ -73,38 +73,33 @@ export default {
       value2: "",
       mock: "",
       mockMessageList: [],
+      currentPageData: [],
       currentPage: 1,
+      pageNum: 1,
       pagesize: 10,
-      row_ : "1",
+      row_: "1",
+      total: 1,
     }
   },
   mounted() {
     this.getMockMessageList();
-
   },
   beforeDestroy() {
   },
   methods: {
     getMockMessageList() {
-      getMessage().then((res) => {
+      getMessage(this.pageNum).then((res) => {
         this.tableData = res.rows
+        this.total = res.total
+        console.log(res);
         console.log(res.rows);
       })
     },
-    //分页功能
-    getPageData() {
-      console.log(this.mockMessageList);
-      let start = (this.currentPage - 1) * this.pagesize;
-      let end = start + this.pagesize;
-      this.tableData = this.mockMessageList.slice(start, end);
-    },
-    handleSizeChange(val) {
-      this.pagesize = val;
-      this.getPageData();
-    },
     handleCurrentChange(val) {
-      this.currentPage = val;
-      this.getPageData();
+      getMessage(val).then((res) => {
+        this.tableData = res.rows
+        this.total = res.total
+      })
     },
     stateFormat(row, column, cellValue) {
       if (!cellValue) return ''
@@ -136,8 +131,8 @@ export default {
       // this.$router.push({path:"/messageList/messageDetails",query:{row_: this.row_}})
       this.$router.push({
         name: "messageDetails",
-        query:{
-          id : this.row_
+        query: {
+          id: this.row_
         }
       });
       // this.$router.push("/messageList/messageDetails");
@@ -159,7 +154,7 @@ export default {
     },
     //重置
     reset() {
-      this.input = "" 
+      this.input = ""
       this.value2 = ""
     }
   }