From 6207f1ef21f61c99517bc4fa52d6318f7ba9ba2a Mon Sep 17 00:00:00 2001
From: jmal <zhushilun084@gmail.com>
Date: Wed, 4 Nov 2020 17:59:03 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=EF=BC=9A=E5=88=86=E7=B1=BB?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/category.js                           |  7 +++
 .../setting/articles/categoryManager.vue      | 47 +++++++++++++++----
 2 files changed, 45 insertions(+), 9 deletions(-)

diff --git a/src/api/category.js b/src/api/category.js
index 7fa134a..d7bac82 100644
--- a/src/api/category.js
+++ b/src/api/category.js
@@ -37,6 +37,13 @@ export default {
       data
     })
   },
+  setDefault(params) {
+    return request({
+      url: 'category/setDefault',
+      method: 'put',
+      params
+    })
+  },
   delete(params) {
     return request({
       url: 'category/delete',
diff --git a/src/views/setting/articles/categoryManager.vue b/src/views/setting/articles/categoryManager.vue
index 030b70b..e2e7d14 100644
--- a/src/views/setting/articles/categoryManager.vue
+++ b/src/views/setting/articles/categoryManager.vue
@@ -1,16 +1,17 @@
 <template>
   <div class="container" v-wechat-title="title">
     <el-dialog class="dialog-cm" :title="dialogTitle" :visible.sync="dialogVisible">
-      <el-form ref="managerForm" :model="form" :rules="rules" label-width="120px">
+      <el-form ref="managerForm" :model="form" label-position="left" :rules="rules" label-width="85px">
         <el-form-item label="分类名称" prop="name">
-          <el-input v-model="form.name"/>
+          <el-input v-model="form.name" style="width: 100%;"/>
         </el-form-item>
         <el-form-item label="分类缩略名" prop="thumbnailName">
-          <el-input v-model="form.thumbnailName"/>
+          <el-input v-model="form.thumbnailName" style="width: 100%;" placeholder="分类缩略名用于创建友好的链接形式."/>
         </el-form-item>
         <el-form-item label="父级分类" prop="parentCategoryId">
           <el-cascader
             v-model="form.parentCategoryId"
+            placeholder="不选择"
             :options="categories"
             :show-all-levels="false"
             :props="{ checkStrictly: true }"
@@ -48,6 +49,8 @@
         :data="categoryList"
         stripe
         @selection-change="handleSelectionChange"
+        @cell-mouse-enter="cellMouseEnter"
+        @cell-mouse-leave="cellMouseLeave"
       >
         <el-table-column
           type="selection"
@@ -73,6 +76,10 @@
         <el-table-column
           prop="quota"
           label="默认">
+          <template slot-scope="scope">
+            <span v-if="scope.row.isDefault">默认</span>
+            <a v-if="!scope.row.isDefault && scope.row.id === cellMouseIndexId" @click="setDefault(scope.row)">默认</a>
+          </template>
         </el-table-column>
         <el-table-column
           prop="quota"
@@ -116,7 +123,8 @@ export default {
         ]
       },
       editMove: 1,// 1添加,2修改
-      multipleSelection: []
+      multipleSelection: [],
+      cellMouseIndexId: ''
     }
   },
   computed: {},
@@ -190,6 +198,19 @@ export default {
       }
       return data
     },
+    // 设为默认
+    setDefault(row) {
+      categoryApi.setDefault({categoryId: row.id}).then(() => {
+        this.getCategories()
+        this.$message({
+          message: `${row.name} 已经被设为默认分类`,
+          type: 'success',
+          duration: 1500
+        })
+      }).catch(() => {
+
+      })
+    },
     // 保存
     onSave() {
       this.$refs.managerForm.validate((valid) => {
@@ -200,19 +221,19 @@ export default {
             this.addCategory(this.setFormData())
           }
           if (this.editMove === 2) {
-            this.userCategory(this.setFormData())
+            this.updateCategory(this.setFormData())
           }
         } else {
           return false;
         }
       });
     },
-    handleEdit(id) {
+    handleEdit() {
       this.editMove = 2
       this.dialogVisible = true
       this.dialogTitle = '修改分类'
       categoryApi.categoryInfo({
-        categoryId: id
+        categoryId: this.multipleSelection[0].id
       }).then(res => {
         this.form = res.data
       })
@@ -238,7 +259,7 @@ export default {
       })
     },
     // 修改分类
-    userCategory(data) {
+    updateCategory(data) {
       categoryApi.update(data).then(() => {
         this.onSuccess()
       }).catch(() => {
@@ -280,7 +301,15 @@ export default {
     },
     onError() {
       this.categoryUpdateLoading = false
-    }
+    },
+    // 单元格hover进入时事件
+    cellMouseEnter(row) {
+      this.cellMouseIndexId = row.id
+    },
+    // 单元格hover退出时事件
+    cellMouseLeave() {
+      this.cellMouseIndexId = ''
+    },
   }
 }
 </script>