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

src/components/LottieIcon.tsx

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

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

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

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

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