修改：分类界面改为树形表格展示

src/layout/components/Navbar.vue

@@ -233,9 +233,6 @@ export default {
   &:hover {
     background-color: #00000006;
   }
-  svg {
-    margin-right: 5px;
-  }
 }
 
 .el-dropdown-menu__item {

src/styles/home-index.scss

@@ -69,7 +69,7 @@
 }
 .newFileMenu li > .menuitem > .text {
   cursor: pointer;
-  margin-left: 8%;font-weight: normal;
+  font-weight: normal;
 }
 .newFileMenu li > .menuitem > .svg-icon {
   cursor: pointer;

src/views/setting/articles/articleManager.vue

@@ -76,6 +76,7 @@
           :max-height="tableMaxHeight"
           :class="{'el-table-alone-page': alonePage}"
           row-key="id"
+          size="medium"
           @selection-change="handleSelectionChange"
         >
           <el-table-column

src/views/setting/articles/categoryManager.vue

@@ -53,6 +53,9 @@
       <el-table
         :data="categoryList"
         stripe
+        row-key="id"
+        :expand-row-keys="expandRowKeys"
+        size="medium"
         @selection-change="handleSelectionChange"
         @cell-mouse-enter="cellMouseEnter"
         @cell-mouse-leave="cellMouseLeave"
@@ -92,9 +95,10 @@
           prop="quota"
           label="文章数">
           <template slot-scope="scope">
-            <router-link :to="'/setting/website/manager-articles?categoryIds='+scope.row.id">
+            <router-link v-if="scope.row.articleNum > 0" :to="'/setting/website/manager-articles?categoryIds='+scope.row.id">
               <el-tag class="article-num" >{{scope.row.articleNum}}</el-tag>
             </router-link>
+            <span v-else><el-tag class="article-num" >{{scope.row.articleNum}}</el-tag></span>
           </template>
         </el-table-column>
       </el-table>
@@ -115,6 +119,7 @@ export default {
     return {
       title: "分类管理",
       categoryList: [],
+      expandRowKeys: [],
       dialogVisible: false,
       dialogTitle: '',
       categoryUpdateLoading: false,
@@ -168,6 +173,11 @@ export default {
         parentCategoryId: this.$route.query.parent
       }).then(res => {
         this.categoryList = res.data
+        this.categoryList.forEach(category => {
+          if(category.children){
+            this.expandRowKeys.push(category.id)
+          }
+        })
       })
     },
     categoryTree() {

src/views/setting/sys/cusomerManager.vue

@@ -11,7 +11,7 @@
               <el-input placeholder="请输入账号" v-model="form.showName" />
             </el-form-item>
             <el-form-item label="角色:" prop="roles">
-              <el-select v-model="form.roles" multiple placeholder="请选择角色">
+              <el-select ref="selectRole" v-model="form.roles" multiple placeholder="请选择角色" @change="changeRole">
                 <el-option
                   v-for="item in roleList"
                   :key="item.id"
@@ -281,6 +281,9 @@ export default {
           }
         })
       },
+      changeRole() {
+        this.$refs.selectRole.blur()
+      },
       resetPassword() {
         this.$confirm('确定重置该用户密码吗, 是否继续?', '提示', {
           confirmButtonText: '确定',