licailing 3 vuotta sitten
vanhempi
commit
cc5a1a26d2

+ 37 - 0
src/main/java/com/izouma/nineth/domain/News.java

@@ -0,0 +1,37 @@
+package com.izouma.nineth.domain;
+
+import io.swagger.annotations.ApiModelProperty;
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import javax.persistence.Column;
+import javax.persistence.Entity;
+import javax.persistence.Transient;
+
+@Data
+@AllArgsConstructor
+@NoArgsConstructor
+@Builder
+@Entity
+public class News extends BaseEntity {
+    private String title;
+
+    private String subtitle;
+
+    private String pic;
+
+    @Column(columnDefinition = "TEXT")
+    private String detail;
+
+    private int sort;
+
+    private boolean display;
+
+    @ApiModelProperty("点赞")
+    private int likes;
+
+    @Transient
+    private boolean liked;
+}

+ 27 - 0
src/main/java/com/izouma/nineth/domain/NewsLike.java

@@ -0,0 +1,27 @@
+package com.izouma.nineth.domain;
+
+import io.swagger.annotations.ApiModel;
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import javax.persistence.Entity;
+import javax.persistence.Index;
+import javax.persistence.Table;
+
+@Data
+@Entity
+@Table(name = "like_info", indexes =
+        {@Index(columnList = "userId"), @Index(columnList = "newsId")})
+@AllArgsConstructor
+@NoArgsConstructor
+@Builder
+@ApiModel("点赞")
+public class NewsLike extends BaseEntity {
+
+    private Long userId;
+
+    private Long newsId;
+
+}

+ 3 - 0
src/main/java/com/izouma/nineth/domain/User.java

@@ -141,4 +141,7 @@ public class User extends BaseEntity implements Serializable {
     private int vipPurchase;
 
     private boolean minter;
+
+    @ApiModelProperty("使用藏品图片")
+    private boolean useCollectionPic;
 }

+ 19 - 0
src/main/java/com/izouma/nineth/repo/NewsLikeRepo.java

@@ -0,0 +1,19 @@
+package com.izouma.nineth.repo;
+
+import com.izouma.nineth.domain.NewsLike;
+import org.springframework.data.jpa.repository.JpaRepository;
+import org.springframework.data.jpa.repository.JpaSpecificationExecutor;
+import org.springframework.data.jpa.repository.Modifying;
+import org.springframework.data.jpa.repository.Query;
+
+import javax.transaction.Transactional;
+import java.util.List;
+
+public interface NewsLikeRepo extends JpaRepository<NewsLike, Long>, JpaSpecificationExecutor<NewsLike> {
+    @Query("update NewsLike t set t.del = true where t.id = ?1")
+    @Modifying
+    @Transactional
+    void softDelete(Long id);
+
+    List<NewsLike> findByUserIdAndNewsId(Long userId, Long newsId);
+}

+ 23 - 0
src/main/java/com/izouma/nineth/repo/NewsRepo.java

@@ -0,0 +1,23 @@
+package com.izouma.nineth.repo;
+
+import com.izouma.nineth.domain.News;
+import org.springframework.cache.annotation.CacheEvict;
+import org.springframework.data.jpa.repository.JpaRepository;
+import org.springframework.data.jpa.repository.JpaSpecificationExecutor;
+import org.springframework.data.jpa.repository.Modifying;
+import org.springframework.data.jpa.repository.Query;
+
+import javax.transaction.Transactional;
+
+public interface NewsRepo extends JpaRepository<News, Long>, JpaSpecificationExecutor<News> {
+    @Query("update News t set t.del = true where t.id = ?1")
+    @Modifying
+    @Transactional
+    void softDelete(Long id);
+
+    @Query("update News t set t.likes = t.likes + ?2 where t.id = ?1")
+    @Modifying
+    @Transactional
+    @CacheEvict(value = "news", key = "#id")
+    void addLike(Long id, int num);
+}

+ 42 - 0
src/main/java/com/izouma/nineth/service/NewsLikeService.java

@@ -0,0 +1,42 @@
+package com.izouma.nineth.service;
+
+import com.izouma.nineth.domain.NewsLike;
+import com.izouma.nineth.dto.PageQuery;
+import com.izouma.nineth.repo.NewsLikeRepo;
+import com.izouma.nineth.repo.NewsRepo;
+import com.izouma.nineth.utils.JpaUtils;
+import lombok.AllArgsConstructor;
+import org.springframework.data.domain.Page;
+import org.springframework.stereotype.Service;
+
+import java.util.List;
+
+@Service
+@AllArgsConstructor
+public class NewsLikeService {
+
+    private NewsLikeRepo newsLikeRepo;
+    private NewsRepo     newsRepo;
+
+    public Page<NewsLike> all(PageQuery pageQuery) {
+        return newsLikeRepo.findAll(JpaUtils.toSpecification(pageQuery, NewsLike.class), JpaUtils.toPageRequest(pageQuery));
+    }
+
+    public void like(Long userId, Long newsId) {
+        List<NewsLike> list = newsLikeRepo.findByUserIdAndNewsId(userId, newsId);
+        if (!list.isEmpty()) return;
+        newsLikeRepo.save(NewsLike.builder()
+                .userId(userId)
+                .newsId(newsId)
+                .build());
+        newsRepo.addLike(newsId, 1);
+    }
+
+    public void unlike(Long userId, Long newsId) {
+        List<NewsLike> list = newsLikeRepo.findByUserIdAndNewsId(userId, newsId);
+        if (!list.isEmpty()) {
+            newsLikeRepo.deleteAll(list);
+            newsRepo.addLike(newsId, -list.size());
+        }
+    }
+}

+ 20 - 0
src/main/java/com/izouma/nineth/service/NewsService.java

@@ -0,0 +1,20 @@
+package com.izouma.nineth.service;
+
+import com.izouma.nineth.domain.News;
+import com.izouma.nineth.dto.PageQuery;
+import com.izouma.nineth.repo.NewsRepo;
+import com.izouma.nineth.utils.JpaUtils;
+import lombok.AllArgsConstructor;
+import org.springframework.data.domain.Page;
+import org.springframework.stereotype.Service;
+
+@Service
+@AllArgsConstructor
+public class NewsService {
+
+    private NewsRepo newsRepo;
+
+    public Page<News> all(PageQuery pageQuery) {
+        return newsRepo.findAll(JpaUtils.toSpecification(pageQuery, News.class), JpaUtils.toPageRequest(pageQuery));
+    }
+}

+ 75 - 0
src/main/java/com/izouma/nineth/web/NewsController.java

@@ -0,0 +1,75 @@
+package com.izouma.nineth.web;
+
+import cn.hutool.core.collection.CollUtil;
+import com.izouma.nineth.domain.News;
+import com.izouma.nineth.domain.NewsLike;
+import com.izouma.nineth.domain.User;
+import com.izouma.nineth.repo.NewsLikeRepo;
+import com.izouma.nineth.service.NewsService;
+import com.izouma.nineth.dto.PageQuery;
+import com.izouma.nineth.exception.BusinessException;
+import com.izouma.nineth.repo.NewsRepo;
+import com.izouma.nineth.utils.ObjUtils;
+import com.izouma.nineth.utils.SecurityUtils;
+import com.izouma.nineth.utils.excel.ExcelUtils;
+import lombok.AllArgsConstructor;
+import org.springframework.data.domain.Page;
+import org.springframework.security.access.prepost.PreAuthorize;
+import org.springframework.web.bind.annotation.*;
+
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
+import java.util.List;
+
+@RestController
+@RequestMapping("/news")
+@AllArgsConstructor
+public class NewsController extends BaseController {
+    private NewsService  newsService;
+    private NewsRepo     newsRepo;
+    private NewsLikeRepo newsLikeRepo;
+
+    //@PreAuthorize("hasRole('ADMIN')")
+    @PostMapping("/save")
+    public News save(@RequestBody News record) {
+        if (record.getId() != null) {
+            News orig = newsRepo.findById(record.getId()).orElseThrow(new BusinessException("无记录"));
+            ObjUtils.merge(orig, record);
+            return newsRepo.save(orig);
+        }
+        return newsRepo.save(record);
+    }
+
+
+    //@PreAuthorize("hasRole('ADMIN')")
+    @PostMapping("/all")
+    public Page<News> all(@RequestBody PageQuery pageQuery) {
+        return newsService.all(pageQuery);
+    }
+
+    @GetMapping("/get/{id}")
+    public News get(@PathVariable Long id) {
+        News news = newsRepo.findById(id).orElseThrow(new BusinessException("无记录"));
+        User user = SecurityUtils.getAuthenticatedUser();
+
+        if (user != null && !user.isAdmin()) {
+            List<NewsLike> likes = newsLikeRepo.findByUserIdAndNewsId(user
+                    .getId(), id);
+            news.setLiked(CollUtil.isNotEmpty(likes));
+        }
+        return news;
+    }
+
+    @PostMapping("/del/{id}")
+    public void del(@PathVariable Long id) {
+        newsRepo.softDelete(id);
+    }
+
+    @GetMapping("/excel")
+    @ResponseBody
+    public void excel(HttpServletResponse response, PageQuery pageQuery) throws IOException {
+        List<News> data = all(pageQuery).getContent();
+        ExcelUtils.export(response, data);
+    }
+}
+

+ 77 - 0
src/main/java/com/izouma/nineth/web/NewsLikeController.java

@@ -0,0 +1,77 @@
+package com.izouma.nineth.web;
+import com.izouma.nineth.domain.NewsLike;
+import com.izouma.nineth.service.NewsLikeService;
+import com.izouma.nineth.dto.PageQuery;
+import com.izouma.nineth.exception.BusinessException;
+import com.izouma.nineth.repo.NewsLikeRepo;
+import com.izouma.nineth.utils.ObjUtils;
+import com.izouma.nineth.utils.SecurityUtils;
+import com.izouma.nineth.utils.excel.ExcelUtils;
+import io.swagger.annotations.ApiOperation;
+import lombok.AllArgsConstructor;
+import org.springframework.cache.annotation.CacheEvict;
+import org.springframework.data.domain.Page;
+import org.springframework.security.access.prepost.PreAuthorize;
+import org.springframework.web.bind.annotation.*;
+
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
+import java.util.List;
+
+@RestController
+@RequestMapping("/newsLike")
+@AllArgsConstructor
+public class NewsLikeController extends BaseController {
+    private NewsLikeService newsLikeService;
+    private NewsLikeRepo newsLikeRepo;
+
+    //@PreAuthorize("hasRole('ADMIN')")
+    @PostMapping("/save")
+    public NewsLike save(@RequestBody NewsLike record) {
+        if (record.getId() != null) {
+            NewsLike orig = newsLikeRepo.findById(record.getId()).orElseThrow(new BusinessException("无记录"));
+            ObjUtils.merge(orig, record);
+            return newsLikeRepo.save(orig);
+        }
+        return newsLikeRepo.save(record);
+    }
+
+
+    //@PreAuthorize("hasRole('ADMIN')")
+    @PostMapping("/all")
+    public Page<NewsLike> all(@RequestBody PageQuery pageQuery) {
+        return newsLikeService.all(pageQuery);
+    }
+
+    @GetMapping("/get/{id}")
+    public NewsLike get(@PathVariable Long id) {
+        return newsLikeRepo.findById(id).orElseThrow(new BusinessException("无记录"));
+    }
+
+    @PostMapping("/del/{id}")
+    public void del(@PathVariable Long id) {
+        newsLikeRepo.softDelete(id);
+    }
+
+    @GetMapping("/excel")
+    @ResponseBody
+    public void excel(HttpServletResponse response, PageQuery pageQuery) throws IOException {
+        List<NewsLike> data = all(pageQuery).getContent();
+        ExcelUtils.export(response, data);
+    }
+
+    @GetMapping("/{id}/like")
+    @ApiOperation("点赞")
+    @CacheEvict("news")
+    public void like(@PathVariable Long id) {
+        newsLikeService.like(SecurityUtils.getAuthenticatedUser().getId(), id);
+    }
+
+    @GetMapping("/{id}/unlike")
+    @ApiOperation("取消点赞")
+    @CacheEvict("news")
+    public void unlike(@PathVariable Long id) {
+        newsLikeService.unlike(SecurityUtils.getAuthenticatedUser().getId(), id);
+    }
+}
+

+ 1 - 0
src/main/resources/genjson/News.json

@@ -0,0 +1 @@
+{"tableName":"News","className":"News","remark":"新闻管理","genTable":true,"genClass":true,"genList":true,"genForm":true,"genRouter":true,"javaPath":"/Users/qiufangchao/Desktop/project/raex_back/src/main/java/com/izouma/nineth","viewPath":"/Users/qiufangchao/Desktop/project/raex_back/src/main/vue/src/views","routerPath":"/Users/qiufangchao/Desktop/project/raex_back/src/main/vue/src","resourcesPath":"/Users/qiufangchao/Desktop/project/raex_back/src/main/resources","dataBaseType":"Mysql","fields":[{"name":"title","modelName":"title","remark":"标题","showInList":true,"showInForm":true,"formType":"singleLineText","required":true},{"name":"subtitle","modelName":"subtitle","remark":"副标题","showInList":true,"showInForm":true,"formType":"textarea"},{"name":"pic","modelName":"pic","remark":"图片","showInList":true,"showInForm":true,"formType":"singleImage","required":true},{"name":"description","modelName":"description","remark":"详情","showInList":true,"showInForm":true,"formType":"richText"},{"name":"sort","modelName":"sort","remark":"排序","showInList":true,"showInForm":true,"formType":"singleLineText"},{"name":"show","modelName":"show","remark":"显示","showInList":true,"showInForm":true,"formType":"singleLineText"}],"readTable":false,"dataSourceCode":"dataSource","genJson":"","subtables":[],"update":false,"basePackage":"com.izouma.nineth","tablePackage":"com.izouma.nineth.domain.News"}

+ 1 - 0
src/main/resources/genjson/NewsLike.json

@@ -0,0 +1 @@
+{"tableName":"NewsLike","className":"NewsLike","remark":"新闻点赞","genTable":true,"genClass":true,"genList":false,"genForm":false,"genRouter":false,"javaPath":"/Users/qiufangchao/Desktop/project/raex_back/src/main/java/com/izouma/nineth","viewPath":"/Users/qiufangchao/Desktop/project/raex_back/src/main/vue/src/views","routerPath":"/Users/qiufangchao/Desktop/project/raex_back/src/main/vue/src","resourcesPath":"/Users/qiufangchao/Desktop/project/raex_back/src/main/resources","dataBaseType":"Mysql","fields":[{"name":"userId","modelName":"userId","remark":"userId","showInList":true,"showInForm":true,"formType":"number"},{"name":"newsId","modelName":"newsId","remark":"newsId","showInList":true,"showInForm":true,"formType":"number"}],"readTable":false,"dataSourceCode":"dataSource","genJson":"","subtables":[],"update":false,"basePackage":"com.izouma.nineth","tablePackage":"com.izouma.nineth.domain.NewsLike"}

+ 16 - 0
src/main/vue/src/router.js

@@ -486,6 +486,22 @@ const router = new Router({
                     meta: {
                        title: '会员等级',
                     },
+               },
+                {
+                    path: '/newsEdit',
+                    name: 'NewsEdit',
+                    component: () => import(/* webpackChunkName: "newsEdit" */ '@/views/NewsEdit.vue'),
+                    meta: {
+                       title: '新闻管理编辑',
+                    },
+                },
+                {
+                    path: '/newsList',
+                    name: 'NewsList',
+                    component: () => import(/* webpackChunkName: "newsList" */ '@/views/NewsList.vue'),
+                    meta: {
+                       title: '新闻管理',
+                    },
                }
                 /**INSERT_LOCATION**/
             ]

+ 136 - 0
src/main/vue/src/views/NewsEdit.vue

@@ -0,0 +1,136 @@
+<template>
+    <div class="edit-view">
+        <page-title>
+            <el-button @click="$router.go(-1)" :disabled="saving">取消</el-button>
+            <el-button @click="onDelete" :disabled="saving" type="danger" v-if="formData.id"> 删除 </el-button>
+            <el-button @click="onSave" :loading="saving" type="primary">保存</el-button>
+        </page-title>
+        <div class="edit-view__content-wrapper">
+            <div class="edit-view__content-section">
+                <el-form
+                    :model="formData"
+                    :rules="rules"
+                    ref="form"
+                    label-width="66px"
+                    label-position="right"
+                    size="small"
+                    style="max-width: 550px"
+                >
+                    <el-form-item prop="title" label="标题">
+                        <el-input v-model="formData.title"></el-input>
+                    </el-form-item>
+                    <el-form-item prop="subtitle" label="副标题">
+                        <el-input type="textarea" v-model="formData.subtitle"></el-input>
+                    </el-form-item>
+                    <el-form-item prop="pic" label="图片">
+                        <single-upload v-model="formData.pic"></single-upload>
+                    </el-form-item>
+                    <el-form-item prop="detail" label="详情" style="width: calc(100vw - 450px)">
+                        <rich-text v-model="formData.detail"></rich-text>
+                    </el-form-item>
+                    <el-form-item prop="sort" label="排序">
+                        <el-input-number type="number" v-model="formData.sort"></el-input-number>
+                    </el-form-item>
+                    <el-form-item prop="display" label="显示">
+                        <el-radio-group v-model="formData.dispaly">
+                            <el-radio :label="true">是</el-radio>
+                            <el-radio :label="false">否</el-radio>
+                        </el-radio-group>
+                    </el-form-item>
+                    <el-form-item class="form-submit">
+                        <el-button @click="onSave" :loading="saving" type="primary"> 保存 </el-button>
+                        <el-button @click="onDelete" :disabled="saving" type="danger" v-if="formData.id">
+                            删除
+                        </el-button>
+                        <el-button @click="$router.go(-1)" :disabled="saving">取消</el-button>
+                    </el-form-item>
+                </el-form>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    name: 'NewsEdit',
+    created() {
+        if (this.$route.query.id) {
+            this.$http
+                .get('news/get/' + this.$route.query.id)
+                .then(res => {
+                    this.formData = res;
+                })
+                .catch(e => {
+                    console.log(e);
+                    this.$message.error(e.error);
+                });
+        }
+    },
+    data() {
+        return {
+            saving: false,
+            formData: {},
+            rules: {
+                title: [
+                    {
+                        required: true,
+                        message: '请输入标题',
+                        trigger: 'blur'
+                    }
+                ],
+                pic: [
+                    {
+                        required: true,
+                        message: '请输入图片',
+                        trigger: 'blur'
+                    }
+                ]
+            }
+        };
+    },
+    methods: {
+        onSave() {
+            this.$refs.form.validate(valid => {
+                if (valid) {
+                    this.submit();
+                } else {
+                    return false;
+                }
+            });
+        },
+        submit() {
+            let data = { ...this.formData };
+
+            this.saving = true;
+            this.$http
+                .post('/news/save', data, { body: 'json' })
+                .then(res => {
+                    this.saving = false;
+                    this.$message.success('成功');
+                    this.$router.go(-1);
+                })
+                .catch(e => {
+                    console.log(e);
+                    this.saving = false;
+                    this.$message.error(e.error);
+                });
+        },
+        onDelete() {
+            this.$confirm('删除将无法恢复,确认要删除么?', '警告', { type: 'error' })
+                .then(() => {
+                    return this.$http.post(`/news/del/${this.formData.id}`);
+                })
+                .then(() => {
+                    this.$message.success('删除成功');
+                    this.$router.go(-1);
+                })
+                .catch(e => {
+                    if (e !== 'cancel') {
+                        console.log(e);
+                        this.$message.error((e || {}).error || '删除失败');
+                    }
+                });
+        }
+    }
+};
+</script>
+<style lang="less" scoped></style>

+ 190 - 0
src/main/vue/src/views/NewsList.vue

@@ -0,0 +1,190 @@
+<template>
+    <div class="list-view">
+        <page-title>
+            <el-button
+                @click="addRow"
+                type="primary"
+                icon="el-icon-plus"
+                :disabled="fetchingData || downloading"
+                class="filter-item"
+            >
+                新增
+            </el-button>
+            <!-- <el-button
+                @click="download"
+                icon="el-icon-upload2"
+                :loading="downloading"
+                :disabled="fetchingData"
+                class="filter-item"
+            >
+                导出
+            </el-button> -->
+        </page-title>
+        <div class="filters-container">
+            <el-input
+                placeholder="搜索..."
+                v-model="search"
+                clearable
+                class="filter-item search"
+                @keyup.enter.native="getData"
+            >
+                <el-button @click="getData" slot="append" icon="el-icon-search"> </el-button>
+            </el-input>
+        </div>
+        <el-table
+            :data="tableData"
+            row-key="id"
+            ref="table"
+            header-row-class-name="table-header-row"
+            header-cell-class-name="table-header-cell"
+            row-class-name="table-row"
+            cell-class-name="table-cell"
+            :height="tableHeight"
+            v-loading="fetchingData"
+        >
+            <el-table-column v-if="multipleMode" align="center" type="selection" width="50"> </el-table-column>
+            <el-table-column prop="id" label="ID" width="100"> </el-table-column>
+            <el-table-column prop="title" label="标题"> </el-table-column>
+            <el-table-column prop="subtitle" label="副标题"> </el-table-column>
+            <el-table-column prop="pic" label="图片">
+                <template slot-scope="{ row }">
+                    <el-image
+                        style="width: 30px; height: 30px"
+                        :src="row.pic"
+                        fit="cover"
+                        :preview-src-list="[row.pic]"
+                    ></el-image>
+                </template>
+            </el-table-column>
+            <el-table-column prop="detail" label="详情"> </el-table-column>
+            <el-table-column prop="sort" label="排序"> </el-table-column>
+            <el-table-column prop="display" label="显示"> </el-table-column>
+            <el-table-column label="操作" align="center" fixed="right" width="150">
+                <template slot-scope="{ row }">
+                    <el-button @click="editRow(row)" type="primary" size="mini" plain>编辑</el-button>
+                    <el-button @click="deleteRow(row)" type="danger" size="mini" plain>删除</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+        <div class="pagination-wrapper">
+            <!-- <div class="multiple-mode-wrapper">
+                <el-button v-if="!multipleMode" @click="toggleMultipleMode(true)">批量编辑</el-button>
+                <el-button-group v-else>
+                    <el-button @click="operation1">批量操作1</el-button>
+                    <el-button @click="operation2">批量操作2</el-button>
+                    <el-button @click="toggleMultipleMode(false)">取消</el-button>
+                </el-button-group>
+            </div> -->
+            <el-pagination
+                background
+                @size-change="onSizeChange"
+                @current-change="onCurrentChange"
+                :current-page="page"
+                :page-sizes="[10, 20, 30, 40, 50]"
+                :page-size="pageSize"
+                layout="total, sizes, prev, pager, next, jumper"
+                :total="totalElements"
+            >
+            </el-pagination>
+        </div>
+    </div>
+</template>
+<script>
+import { mapState } from 'vuex';
+import pageableTable from '@/mixins/pageableTable';
+
+export default {
+    name: 'NewsList',
+    mixins: [pageableTable],
+    data() {
+        return {
+            multipleMode: false,
+            search: '',
+            url: '/news/all',
+            downloading: false
+        };
+    },
+    computed: {
+        selection() {
+            return this.$refs.table.selection.map(i => i.id);
+        }
+    },
+    methods: {
+        beforeGetData() {
+            return { search: this.search, query: { del: false } };
+        },
+        toggleMultipleMode(multipleMode) {
+            this.multipleMode = multipleMode;
+            if (!multipleMode) {
+                this.$refs.table.clearSelection();
+            }
+        },
+        addRow() {
+            this.$router.push({
+                path: '/newsEdit',
+                query: {
+                    ...this.$route.query
+                }
+            });
+        },
+        editRow(row) {
+            this.$router.push({
+                path: '/newsEdit',
+                query: {
+                    id: row.id
+                }
+            });
+        },
+        download() {
+            this.downloading = true;
+            this.$axios
+                .get('/news/excel', {
+                    responseType: 'blob',
+                    params: { size: 10000 }
+                })
+                .then(res => {
+                    console.log(res);
+                    this.downloading = false;
+                    const downloadUrl = window.URL.createObjectURL(new Blob([res.data]));
+                    const link = document.createElement('a');
+                    link.href = downloadUrl;
+                    link.setAttribute('download', res.headers['content-disposition'].split('filename=')[1]);
+                    document.body.appendChild(link);
+                    link.click();
+                    link.remove();
+                })
+                .catch(e => {
+                    console.log(e);
+                    this.downloading = false;
+                    this.$message.error(e.error);
+                });
+        },
+        operation1() {
+            this.$notify({
+                title: '提示',
+                message: this.selection
+            });
+        },
+        operation2() {
+            this.$message('操作2');
+        },
+        deleteRow(row) {
+            this.$alert('删除将无法恢复,确认要删除么?', '警告', { type: 'error' })
+                .then(() => {
+                    return this.$http.post(`/news/del/${row.id}`);
+                })
+                .then(() => {
+                    this.$message.success('删除成功');
+                    this.getData();
+                })
+                .catch(e => {
+                    if (e !== 'cancel') {
+                        this.$message.error(e.error);
+                    }
+                });
+        }
+    }
+};
+</script>
+<style lang="less" scoped>
+</style>