今日新闻推送

src/api/business/newsLink/newsLink.js

@@ -0,0 +1,18 @@
+import request from "@/utils/request";
+
+
+export function list(param) {
+  return request({
+    url: '/mk/newsLink/list',
+    method: 'get',
+    params: param
+  })
+}
+
+export function push(data) {
+  return request({
+    url: '/mk/newsLink/push',
+    method: 'post',
+    data: data
+  })
+}

src/views/business/newsLink/index.vue

@@ -0,0 +1,125 @@
+<template>
+    <div class="newsLink">
+      <el-row :gutter="10" type="flex" justify="space-between">
+       <el-col :span="4">
+         <el-date-picker
+           v-model="queryParams.newDate"
+           type="date"
+           placeholder="选择日期"
+           value-format="yyyy-MM-dd"
+           clearable>
+         </el-date-picker>
+       </el-col>
+        <el-col :span="18">
+          <el-button type="primary" @click="queryBtn">搜索</el-button>
+        </el-col>
+        <el-col :span="2">
+          <el-button type="primary" @click="pushBtn">一键推送</el-button>
+        </el-col>
+      </el-row>
+      <el-divider></el-divider>
+      <el-table
+        ref="multipleTable"
+        :data="dataList"
+        tooltip-effect="dark"
+        style="width: 100%"
+        @selection-change="handleSelectionChange">
+        <el-table-column
+          type="selection"
+          width="55">
+        </el-table-column>
+<!--        <el-table-column-->
+<!--          prop="id"-->
+<!--          label="序号"-->
+<!--          width="120">-->
+<!--        </el-table-column>-->
+        <el-table-column label="序号"
+                         width="120">
+          <template slot-scope="scope">
+            {{scope.$index+1}}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="newsSource"
+          label="新闻来源"
+          width="120">
+        </el-table-column>
+        <el-table-column
+          prop="title"
+          label="标题">
+        </el-table-column>
+        <el-table-column
+          prop="newDate"
+          label="日期">
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page=this.queryParams.pageNum
+        :page-sizes="[10,20,50,100]"
+        :page-size=this.queryParams.pageSize
+        layout="total, sizes, prev, pager, next, jumper"
+        :total=this.total>
+      </el-pagination>
+    </div>
+</template>
+
+<script>
+import {list,push} from "@/api/business/newsLink/newsLink";
+
+export default {
+  methods:{
+    queryBtn(){
+      this.getData()
+    },
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`);
+      this.queryParams.pageSize = val
+      this.getData()
+    },
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`);
+      this.queryParams.pageNum = val
+      this.getData()
+    },
+    getData(){
+      console.log(this.queryParams)
+      list(this.queryParams).then(res =>{
+        this.dataList = res.rows
+        this.total=res.total
+      })
+    },
+    handleSelectionChange(val) {
+      this.form = val;
+      console.log(this.form)
+
+    },
+    pushBtn(){
+      console.log(this.form)
+      push(this.form).then(res =>{
+
+      })
+    }
+  },
+  created() {
+    this.getData()
+  },
+  data(){
+    return {
+      total:0,
+      queryParams: {
+        pageNum:1,
+        pageSize:10,
+        newDate:'',
+      },
+      dataList:[],
+      form:[],
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>