增加：会员卡付费权益支持增加和删除

src/api/user.js

@@ -412,8 +412,8 @@ export function levelListApi() {
 /**
  * @description 付费会员权益  -- 列表
  */
-export function memberEquityListApi() {
-  return request.get('svip/interests/lst')
+export function memberEquityListApi(data) {
+  return request.get('svip/interests/lst', data)
 }
 
 /**
@@ -468,6 +468,7 @@ export function exchangeCodeCancelForm() {
 export function exchangeCodeUpdate(data) {
   return request.post('user/exchangeCode/updateCode',data)
 }
+
 // 邀请码 - 列表获取
 export function inviteCodeList(data) {
   return request.get('user/inviteCode/getList', data)

src/views/user/member/equity.vue

@@ -1,13 +1,14 @@
 <template>
   <div class="divBox">
     <el-card class="box-card">
-      <el-table
-        v-loading="listLoading"
-        :data="tableData.data"
-        style="width: 100%"
-        size="small"
-        highlight-current-row
-      >
+      <!--顶部搜索栏-->
+      <div slot="header" class="clearfix">
+        <div class="container">
+          <el-button size="small" type="success" @click="onEdit(0)">添加</el-button>
+        </div>
+      </div>
+      <!--表格信息-->
+      <el-table v-loading="listLoading" :data="tableData.data" style="width: 100%" size="small" highlight-current-row>
         <el-table-column label="权益名称" prop="interests_id" min-width="60"/>
         <el-table-column label="展示名称" prop="name" min-width="100"/>
         <el-table-column label="未开通权益图标(80x80)" min-width="150">
@@ -39,31 +40,33 @@
         </el-table-column>
         <el-table-column label="操作" min-width="100" fixed="right" align="center">
           <template slot-scope="scope">
-            <el-button type="text" size="small" @click="onEdit(scope.row.interests_id)">编辑</el-button>
+            <el-button type="success" size="mini" @click="onEdit(scope.row.interests_id)">编辑</el-button>
+            <el-button type="danger" size="mini" @click="delInfo(scope.row.interests_id)">删除</el-button>
           </template>
         </el-table-column>
       </el-table>
+      <!--分页-->
+      <div class="block">
+        <el-pagination :page-size="tableFrom.limit" :current-page="tableFrom.page" :total="tableData.total" @current-change="pageChange" />
+      </div>
     </el-card>
   </div>
 </template>
 
 <script>
 
-import {
-  memberEquityListApi,
-  memberEquityUpdateApi,
-  memberEquityStatusApi
-} from '@/api/user'
+import {memberEquityListApi, memberEquityUpdateApi, memberEquityStatusApi, benefitsDeleteApi} from '@/api/user'
 export default {
   name: 'UserGroup',
   data() {
     return {
       tableFrom: {
         page: 1,
-        limit: 20
+        limit: 10
       },
       tableData: {
         data: [],
+        total: 0,
       },
       listLoading: true
     }
@@ -73,11 +76,14 @@ export default {
   },
   methods: {
     // 列表
-    getList() {
-      this.listLoading = true
+    getList(num = '') {
+      let _this = this;
+      _this.listLoading = true;
+      _this.tableFrom.page = num ? num : _this.tableFrom.page;
       memberEquityListApi(this.tableFrom).then(res => {
-        this.tableData.data = res.data
-        this.listLoading = false
+        _this.tableData.data = res.data.list;
+        _this.tableData.total = res.data.count;
+        _this.listLoading = false;
       }).catch(res => {
         this.listLoading = false
         this.$message.error(res.message)
@@ -105,6 +111,20 @@ export default {
           this.$message.error(message);
         });
     },
+    // 删除
+    delInfo(id){
+      this.$modalSure().then(() => {
+        benefitsDeleteApi(id).then(({ message }) => {
+          this.$message.success(message)
+          this.getList('');
+        }).catch(({ message }) => {
+          this.$message.error(message)
+        })
+      })
+    }
+
+
+
   }
 }
 </script>