feats

src/api/activity.js

   }))
 }
 
+export function deleteActivity(id) {
+  return pureResponseData(request({
+    url: `/api/admin/activity/${id}`,
+    method: 'delete'
+  }))
+}
+
 export function getEnrollList(params) {
   return pureResponseData(request({
     url: `/api/admin/activityEnroll`,

src/api/customer.js

     params
   }))
 }
+
+export function exportCustomerList(params) {
+  return request({
+    url: `/api/admin/person/export`,
+    method: 'get',
+    responseType: 'blob',
+    params
+  })
+}

src/api/news.js

   }))
 }
 
+export function deleteNews(id) {
+  return pureResponseData(request({
+    url: `/api/admin/news/${id}`,
+    method: 'delete'
+  }))
+}
+
 export function getNewsList(params) {
   return pureResponseData(request({
     url: `/api/admin/news`,

src/utils/request.js

       const url = window.URL.createObjectURL(new Blob([response.data]))
       const download = document.createElement('a')
       download.setAttribute('href', url)
-      debugger
       download.setAttribute('download', unescape(decodeURIComponent(fileName).replace(/\\/g, '%')))
       download.click()
       return

src/views/activity/List.vue

       </el-tooltip>
     </div>
     <el-table
-      v-loading="listLoading"
+      v-loading="loading.list"
       :data="list"
       element-loading-text="Loading"
       border
       <el-table-column label="操作" align="center" width="200">
         <template slot-scope="scope">
           <el-button size="mini" type="primary" plain @click="handleEdit(scope.row)">编辑</el-button>
+          <el-button size="mini" type="danger" plain @click="handleDelete(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
 </template>
 
 <script>
-import { getActivityList } from '@/api/activity'
+import { getActivityList, deleteActivity } from '@/api/activity'
 
 export default {
   components: {
   data() {
     return {
       list: null,
-      listLoading: true,
+      loading: {
+        list: false
+      },
       detailRouter: null,
       page: {
         total: 0,
   },
   methods: {
     fetchData() {
-      this.listLoading = true
+      this.loading.list = true
       getActivityList({
         ...this.filters,
         typeId: this.typeId,
       }).then(res => {
         this.list = res.records
         this.page.total = res.total
-        this.listLoading = false
+        this.loading.list = false
       })
     },
 
       })
     },
 
+    handleDelete(row) {
+      this.$confirm('确认删除当前记录?', { type: 'warning' }).then(() => {
+        this.loading.list = true
+        deleteActivity(row.activityId).then(() => {
+          this.list = this.list.filter(x => x.activityId !== row.activityId)
+          this.loading.list = false
+        })
+      })
+    },
+
     handlePageChange({ current, size }) {
       this.page.current = current
       this.page.size = size

src/views/customer/index.vue

     <div class="customer-header">
       <FilterForm @search="handleSearch" @reset="handleSearch" />
       <el-tooltip content="导出" placement="top">
-        <el-button type="primary" icon="el-icon-position" @click="handleExport" />
+        <el-button type="primary" :loading="loading.export" @click="handleExport">导出</el-button>
       </el-tooltip>
     </div>
     <el-table
-      v-loading="listLoading"
+      v-loading="loading.list"
       :data="list"
       element-loading-text="Loading"
       border
 </template>
 
 <script>
-import { getCustomerList } from '@/api/customer'
+import { getCustomerList, exportCustomerList } from '@/api/customer'
 
 export default {
   components: {
   data() {
     return {
       list: null,
-      listLoading: true,
+      loading: {
+        list: false,
+        export: false
+      },
       page: {
         total: 0,
         size: 10,
   },
   methods: {
     fetchData() {
-      this.listLoading = true
+      this.loading.list = true
       getCustomerList({
         ...this.filters,
         pageNum: this.page.current,
       }).then(res => {
         this.list = res.records
         this.page.total = res.total
-        this.listLoading = false
+        this.loading.list = false
       })
     },
 
-    handleExport() {},
+    handleExport() {
+      this.loading.export = true
+      exportCustomerList(this.filters).then(() => {
+        this.loading.export = false
+      })
+    },
 
     handlePageChange({ current, size }) {
       this.page.current = current

src/views/news/List.vue

       </el-tooltip>
     </div>
     <el-table
-      v-loading="listLoading"
+      v-loading="loading.list"
       :data="list"
       element-loading-text="Loading"
       border
       <el-table-column label="操作" align="center" width="200">
         <template slot-scope="scope">
           <el-button size="mini" type="primary" plain @click="handleEdit(scope.row)">编辑</el-button>
+          <el-button size="mini" type="danger" plain @click="handleDelete(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
 </template>
 
 <script>
-import { getNewsList } from '@/api/news'
+import { getNewsList, deleteNews } from '@/api/news'
 
 export default {
   components: {
   data() {
     return {
       list: null,
-      listLoading: true,
+      loading: {
+        list: false
+      },
       detailRouter: null,
       page: {
         total: 0,
   },
   methods: {
     fetchData() {
-      this.listLoading = true
+      this.loading.list = true
       getNewsList({
         ...this.filters,
         typeId: this.typeId,
       }).then(res => {
         this.list = res.records
         this.page.total = res.total
-        this.listLoading = false
+        this.loading.list = false
       })
     },
 
       })
     },
 
+    handleDelete(row) {
+      this.$confirm('确认删除当前记录?', { type: 'warning' }).then(() => {
+        this.loading.list = true
+        deleteNews(row.newsId).then(() => {
+          this.list = this.list.filter(x => x.newsId !== row.newsId)
+          this.loading.list = false
+        })
+      })
+    },
+
     handleSearch(searchParams) {
       this.filters = {
         ...this.filters,

src/views/recommender/index.vue

     <div class="recommender-header">
       <FilterForm @search="handleSearch" @reset="handleSearch" />
       <el-tooltip content="导出" placement="top">
-        <el-button type="primary" icon="el-icon-position" @click="handleExport" />
+        <el-button type="primary" :loading="loading.export" @click="handleExport">导出</el-button>
       </el-tooltip>
     </div>
     <el-table
       list: null,
       loading: {
         list: false,
-        dialog: false
+        dialog: false,
+        export: false
       },
       dialogVisible: false,
       current: {},
     },
 
     handleExport() {
-      exportRecommenderList(this.filters)
+      this.loading.export = true
+      exportRecommenderList(this.filters).then(() => {
+        this.loading.export = false
+      })
     },
 
     handlePageChange({ current, size }) {