feat:分类管理添加搜索默认图

src/components/LottieIcon.tsx

@@ -2,7 +2,7 @@
  * @Author: wufan
  * @Date: 2021-06-15 13:48:35
  * @LastEditors: wufan
- * @LastEditTime: 2021-06-15 14:24:57
+ * @LastEditTime: 2021-06-24 11:10:45
  * @Description: Description
  */
 import React from 'react';
@@ -12,6 +12,7 @@ import student from '@/common/lottie/student.json';
 import activity from '@/common/lottie/activity.json';
 import teacher from '@/common/lottie/teacher.json';
 import college from '@/common/lottie/college.json';
+import search from '@/common/lottie/search.json';
 
 import './LottieIcon.less';
 
@@ -29,7 +30,8 @@ const ANIMATION_DATA_MAP: {
   student,
   activity,
   teacher,
-  college
+  college,
+  search
 }
 
 function LottieIcon(props: LottieIconInterface) {

src/modules/teach-tool/components/CourseCategoryManage.jsx

 /*
  * @Author: yuananting
  * @Date: 2021-02-23 18:28:50
- * @LastEditors: fusanqiasng
- * @LastEditTime: 2021-06-16 09:59:04
+ * @LastEditors: wufan
+ * @LastEditTime: 2021-06-24 11:19:34
  * @Description: 助学工具-课程分类
  * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  */
@@ -14,9 +14,11 @@ import AidToolService from '@/domains/aid-tool-domain/AidToolService';
 import User from '@/common/js/user';
 import { Tree, Input, Space, Button, Menu, Dropdown, message, Modal } from 'antd';
 import ShowTips from '@/components/ShowTips';
+import LottieIcon from '@/components/LottieIcon';
 const { DirectoryTree } = Tree;
 const { Search } = Input;
 const { confirm } = Modal;
+
 class CourseCategoryManage extends Component {
   constructor(props) {
     super(props);
@@ -567,16 +569,29 @@ class CourseCategoryManage extends Component {
             <ShowTips message='为方便管理，该分类用于课程、培训计划、题库、知识库等模块，改动将同步各模块更新' />
           </div>
           <div className='course-category-tree'>
-            <DirectoryTree
-              expandedKeys={expandedKeys}
-              autoExpandParent={autoExpandParent}
-              onExpand={this.onExpand}
-              selectedKeys={selectedKeys}
-              onSelect={this.onSelect}
-              draggable
-              blockNode
-              onDrop={this.onDrop}
-              treeData={treeData}></DirectoryTree>
+          {
+            <Choose>
+              <When condition={(treeData.length !== 0)}>
+                <DirectoryTree
+                  expandedKeys={expandedKeys}
+                  autoExpandParent={autoExpandParent}
+                  onExpand={this.onExpand}
+                  selectedKeys={selectedKeys}
+                  onSelect={this.onSelect}
+                  draggable
+                  blockNode
+                  onDrop={this.onDrop}
+                  treeData={treeData}></DirectoryTree>
+              </When>
+              <Otherwise>
+                <LottieIcon
+                  title={<span className="desc">搜索无结果</span>}
+                  type="college"
+                  size={150}
+                />
+              </Otherwise>
+            </Choose>
+          }
           </div>
         </div>
         {operateCourseCategoryModal}

src/modules/teach-tool/components/CourseCategoryManage.less

@@ -14,6 +14,12 @@
     margin-top: 12px;
     width: 900px;
     border: 1px solid #e8e8e8;
+    .lottie-icon {
+      margin-top: 100px!important;
+      .desc {
+        color: #999!important;
+      }
+    }
     .ant-tree.ant-tree-directory {
       font-size: 14px;
       font-weight: 400;