树添加图标

src/static/common.less

@@ -194,9 +194,6 @@ body .el-dialog {
     min-width: 160px;
   }
 }
-.search-panel {
-  margin-bottom: 14px;
-}
 
 /* ===== 其他工具类 ===== */
 .carsouel-img {

src/views/system/Article.vue

@@ -1,6 +1,5 @@
 <template>
 <div class="page-wrapper">
-  <div class="search-panel">
   <el-form inline :model="search">
     <el-form-item label="标题">
       <el-input v-model="search.title" />
@@ -30,7 +29,6 @@
       </el-select>
     </el-form-item>
   </el-form>
-  </div>
   <div class="btn-container">
     <el-button type="primary" @click="splitWord" style="vertical-align: bottom">分词处理</el-button>
     <el-button @click="pullArticles" style="vertical-align: bottom">拉取文章</el-button>
@@ -54,7 +52,15 @@
   </div>
   <el-row style="flex: 1; overflow: hidden;">
     <el-col :span="4" style="height: 100%; overflow: auto;">
-      <el-tree :props="treeProps" :load="loadTreeData" lazy highlight-current @node-click="articlePreview" />
+      <el-tree :props="treeProps" :load="loadTreeData" lazy highlight-current @node-click="articlePreview">
+        <template #default="{ data }">
+          <el-icon style="margin-right: 4px; flex-shrink: 0;">
+            <Document v-if="data.isLeaf" />
+            <Folder v-else />
+          </el-icon>
+          <span>{{ data.title }}</span>
+        </template>
+      </el-tree>
     </el-col>
     <el-col :span="20" style="height: 100%; display: flex; flex-direction: column;">
       <el-table class="table-container" :data="articleData" v-loading="loading" stripe @selection-change="dataSelect" height="100%">
@@ -90,7 +96,7 @@
           </template>
         </el-table-column>
       </el-table>
-      <div class="page-container" style="margin-top: 12px; padding: 0;">
+      <div class="page-container">
         <el-pagination background
           :page-sizes="store.state.pageSizeOpts"
           :layout="store.state.pageLayout"