update

src/main/resources/static/linfeng-community-vue/src/views/modules/admin/category.vue

@@ -1,9 +1,24 @@
 <template>
   <div class="mod-config">
-    <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+    <el-form
+      :inline="true"
+      :model="dataForm"
+      @keyup.enter.native="getDataList()"
+    >
       <el-form-item>
-        <el-button v-if="isAuth('admin:category:save')" type="primary" @click="addOrUpdateHandle()">新增</el-button>
+        <el-button
-        <el-button v-if="isAuth('admin:category:delete')" type="danger" @click="deleteHandle()" :disabled="dataListSelections.length <= 0">批量删除</el-button>
+          v-if="isAuth('admin:category:save')"
+          type="primary"
+          @click="addOrUpdateHandle()"
+          >新增</el-button
+        >
+        <el-button
+          v-if="isAuth('admin:category:delete')"
+          type="danger"
+          @click="deleteHandle()"
+          :disabled="dataListSelections.length <= 0"
+          >批量删除</el-button
+        >
       </el-form-item>
     </el-form>
     <el-table
@@ -11,62 +26,75 @@
       border
       v-loading="dataListLoading"
       @selection-change="selectionChangeHandle"
-      style="width: 100%;">
+      style="width: 100%"
+    >
       <el-table-column
         type="selection"
         header-align="center"
         align="center"
-        width="50">
+        width="50"
+      >
       </el-table-column>
       <el-table-column
         prop="cateId"
         header-align="center"
         align="center"
         width="100"
-        label="分类id">
+        label="分类id"
+      >
       </el-table-column>
       <el-table-column
         prop="cateName"
         header-align="center"
         align="center"
         width="200"
-        label="分类名称">
+        label="分类名称"
+      >
       </el-table-column>
       <el-table-column
         prop="isTop"
         header-align="center"
         align="center"
         width="100"
-        label="是否推荐">
+        label="是否推荐"
-
+      >
         <template slot-scope="scope">
           <div>
             <el-tag v-if="scope.row.isTop == 1" type="success">推荐</el-tag>
             <el-tag v-else type="warning">不推荐</el-tag>
           </div>
         </template>
-
       </el-table-column>
       <el-table-column
         prop="coverImage"
         header-align="center"
         align="center"
-        label="图片">
+        label="图片"
-
+      >
         <template slot-scope="scope">
-              <img style="width: 40px; height: 40px" :src="scope.row.coverImage" />
+          <img style="width: 40px; height: 40px" :src="scope.row.coverImage" />
         </template>
-
       </el-table-column>
       <el-table-column
         fixed="right"
         header-align="center"
         align="center"
         width="150"
-        label="操作">
+        label="操作"
+      >
         <template slot-scope="scope">
-          <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.cateId)">修改</el-button>
+          <el-button
-          <el-button type="text" size="small" @click="deleteHandle(scope.row.cateId)">删除</el-button>
+            type="text"
+            size="small"
+            @click="addOrUpdateHandle(scope.row.cateId)"
+            >修改</el-button
+          >
+          <el-button
+            type="text"
+            size="small"
+            @click="deleteHandle(scope.row.cateId)"
+            >删除</el-button
+          >
         </template>
       </el-table-column>
     </el-table>
@@ -77,111 +105,122 @@
       :page-sizes="[10, 20, 50, 100]"
       :page-size="pageSize"
       :total="totalPage"
-      layout="total, sizes, prev, pager, next, jumper">
+      layout="total, sizes, prev, pager, next, jumper"
+    >
     </el-pagination>
     <!-- 弹窗, 新增 / 修改 -->
-    <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+    <add-or-update
+      v-if="addOrUpdateVisible"
+      ref="addOrUpdate"
+      @refreshDataList="getDataList"
+    ></add-or-update>
   </div>
 </template>
 
 <script>
-  import AddOrUpdate from './category-add-or-update'
+import AddOrUpdate from "./category-add-or-update";
-  export default {
+export default {
-    data () {
+  data() {
-      return {
+    return {
-        dataForm: {
+      dataForm: {
-          key: ''
+        key: "",
-        },
+      },
-        dataList: [],
+      dataList: [],
-        pageIndex: 1,
+      pageIndex: 1,
-        pageSize: 10,
+      pageSize: 10,
-        totalPage: 0,
+      totalPage: 0,
-        dataListLoading: false,
+      dataListLoading: false,
-        dataListSelections: [],
+      dataListSelections: [],
-        addOrUpdateVisible: false
+      addOrUpdateVisible: false,
-      }
+    };
+  },
+  components: {
+    AddOrUpdate,
+  },
+  activated() {
+    this.getDataList();
+  },
+  methods: {
+    // 获取数据列表
+    getDataList() {
+      this.dataListLoading = true;
+      this.$http({
+        url: this.$http.adornUrl("/admin/category/list"),
+        method: "get",
+        params: this.$http.adornParams({
+          page: this.pageIndex,
+          limit: this.pageSize,
+          key: this.dataForm.key,
+        }),
+      }).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.dataList = data.page.list;
+          this.totalPage = data.page.totalCount;
+        } else {
+          this.dataList = [];
+          this.totalPage = 0;
+        }
+        this.dataListLoading = false;
+      });
     },
-    components: {
+    // 每页数
-      AddOrUpdate
+    sizeChangeHandle(val) {
+      this.pageSize = val;
+      this.pageIndex = 1;
+      this.getDataList();
     },
-    activated () {
+    // 当前页
-      this.getDataList()
+    currentChangeHandle(val) {
+      this.pageIndex = val;
+      this.getDataList();
     },
-    methods: {
+    // 多选
-      // 获取数据列表
+    selectionChangeHandle(val) {
-      getDataList () {
+      this.dataListSelections = val;
-        this.dataListLoading = true
+    },
+    // 新增 / 修改
+    addOrUpdateHandle(id) {
+      this.addOrUpdateVisible = true;
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init(id);
+      });
+    },
+    // 删除
+    deleteHandle(id) {
+      var ids = id
+        ? [id]
+        : this.dataListSelections.map((item) => {
+            return item.cateId;
+          });
+      this.$confirm(
+        `确定对[id=${ids.join(",")}]进行[${id ? "删除" : "批量删除"}]操作?`,
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }
+      ).then(() => {
         this.$http({
-          url: this.$http.adornUrl('/admin/category/list'),
+          url: this.$http.adornUrl("/admin/category/delete"),
-          method: 'get',
+          method: "post",
-          params: this.$http.adornParams({
+          data: this.$http.adornData(ids, false),
-            'page': this.pageIndex,
+        }).then(({ data }) => {
-            'limit': this.pageSize,
-            'key': this.dataForm.key
-          })
-        }).then(({data}) => {
           if (data && data.code === 0) {
-            this.dataList = data.page.list
+            this.$message({
-            this.totalPage = data.page.totalCount
+              message: "操作成功",
+              type: "success",
+              duration: 1500,
+              onClose: () => {
+                this.getDataList();
+              },
+            });
           } else {
-            this.dataList = []
+            this.$message.error(data.msg);
-            this.totalPage = 0
           }
-          this.dataListLoading = false
+        });
-        })
+      });
-      },
+    },
-      // 每页数
+  },
-      sizeChangeHandle (val) {
+};
-        this.pageSize = val
-        this.pageIndex = 1
-        this.getDataList()
-      },
-      // 当前页
-      currentChangeHandle (val) {
-        this.pageIndex = val
-        this.getDataList()
-      },
-      // 多选
-      selectionChangeHandle (val) {
-        this.dataListSelections = val
-      },
-      // 新增 / 修改
-      addOrUpdateHandle (id) {
-        this.addOrUpdateVisible = true
-        this.$nextTick(() => {
-          this.$refs.addOrUpdate.init(id)
-        })
-      },
-      // 删除
-      deleteHandle (id) {
-        var ids = id ? [id] : this.dataListSelections.map(item => {
-          return item.cateId
-        })
-        this.$confirm(`确定对[id=${ids.join(',')}]进行[${id ? '删除' : '批量删除'}]操作?`, '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }).then(() => {
-          this.$http({
-            url: this.$http.adornUrl('/admin/category/delete'),
-            method: 'post',
-            data: this.$http.adornData(ids, false)
-          }).then(({data}) => {
-            if (data && data.code === 0) {
-              this.$message({
-                message: '操作成功',
-                type: 'success',
-                duration: 1500,
-                onClose: () => {
-                  this.getDataList()
-                }
-              })
-            } else {
-              this.$message.error(data.msg)
-            }
-          })
-        })
-      }
-    }
-  }
 </script>