update 行业资讯

src/router.js

@@ -75,7 +75,19 @@ const router = new Router({
                                               component: () => {
                                                   return import(/* webpackChunkName: "HangYeZiXun" */ './views/management/HangYeZiXun/HangYeZiXunConfig/index.vue');
                                               },
-                                          }
+                                          },
+                                          {
+                                              path: '/blogroll',
+                                              name: 'blogroll',
+                                              meta: {
+                                                  icon: "",
+                                                  title: "友情链接"
+                                              },
+                                              isAdminMenu: true,
+                                              component: () => {
+                                                  return import(/* webpackChunkName: "HangYeZiXun" */ './views/management/HangYeZiXun/YouQingLianJie/index.vue');
+                                              },
+                                          },
                                       ],
                                   },
                               ],

src/views/management/HangYeZiXun/YouQingLianJie/index.vue

@@ -0,0 +1,15 @@
+<template>
+    <div>
+        友情链接
+    </div>
+</template>
+
+<script>
+    export default {
+        name: 'YouQingLianJie',
+    };
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/views/management/HangYeZiXun/components/Table.vue

@@ -2,8 +2,13 @@
     <el-table
             :data="tableData"
             border
+            @selection-change="handleSelectionChange"
             style="width: 100%">
         <el-table-column
+                type="selection"
+                width="55">
+        </el-table-column>
+        <el-table-column
                 prop="title"
                 label="标题"
                 width="360">
@@ -32,7 +37,7 @@
         <el-table-column
                 prop="visits"
                 label="访问次数"
-                width="100">
+                width="200">
         </el-table-column>
         <el-table-column
                 label="操作"
@@ -66,6 +71,14 @@
             },
         },
         methods:  {
+            handleSelectionChange(data) {
+                console.log(data);
+                const arr = [];
+                data.forEach(item => {
+                    arr.push(item.iiId)
+                })
+                this.$emit('select-change', arr);
+            },
             handleEditor(data) {
                 this.$emit('editor', data);
             },

src/views/management/HangYeZiXun/index.vue

@@ -3,10 +3,12 @@
         <div class="admin-hangyexuzhi">
             <div class="top">
                 <el-button class="btn-add" size="mini" type="primary" @click="handleAddHangYeZiXun">新增</el-button>
+                <el-button class="btn-add" size="mini" type="primary" @click="handleDeleteHangYeZiXun">批量删除</el-button>
             </div>
             <myTable
                     @editor="handleEditor"
                     @delete="handleDelete"
+                    @select-change="handleSelectChange"
             />
             <myPagination />
         </div>
@@ -33,8 +35,9 @@
         },
         data() {
             return {
-                curIiId: null,
-            }
+                curIiId:         null,
+                tableSelectData: [],
+            };
         },
         components: {
             myPagination,
@@ -64,9 +67,38 @@
                 };
                 this.getHangYeZiXunDelete(opt);
             },
+            handleSelectChange(data) {
+                this.tableSelectData = data;
+            },
             handleAddHangYeZiXun() {
                 this.changePage(CHANGEPAGECODE.add);
             },
+            async handleDeleteHangYeZiXun() {
+                if (!this.tableSelectData.length) {
+                    this.$message.warning('请选择至少一条需要删除的数据');
+                    return;
+                }
+                const opt = {
+                    iiIds: [...this.tableSelectData],
+                };
+                const loading = this.$loading({ background: 'rgba(0, 0, 0, 0.7)' });
+                try {
+                    const res = await HYZXApi.getIndustryDelete(opt);
+                    loading.close();
+                    if (res.code === 0 && res.data) {
+                        // 删除成功重置选择状态
+                        this.tableSelectData = [];
+
+                        const res = await HYZXApi.getIndustryList(opt);
+                        if (res.code === 0) {
+                            this.initPageData(res.data);
+                        }
+                        loading.close();
+                    }
+                } catch (err) {
+                    loading.close();
+                }
+            },
             getOption() {
                 const opt = {
                     page: this.myPage,
@@ -111,7 +143,7 @@
                     if (res.code === 0 && res.data) {
                         const res = await HYZXApi.getIndustryList(opt);
                         if (res.code === 0) {
-                           this.initPageData(res.data);
+                            this.initPageData(res.data);
                         }
                         loading.close();
                     }