fix:修复

src/modules/course-manage/offline-course/AddOfflineCourse.jsx

@@ -14,7 +14,7 @@ import {
   Radio, 
   message, 
   Modal, 
-  Cascader, 
+  TreeSelect, 
   Select, 
   Switch,
   TimePicker,
@@ -101,6 +101,8 @@ class AddOfflineCourse extends React.Component {
       whetherSetSignIn: 'YES',
       whetherSetSignOut: 'YES',
       isEditDisablie: false,
+      startTime: new Date().getTime() + 300000, // 批量开始时分
+      endTime: new Date().getTime() + 300000, // 批量结束时分
     }
   }
 
@@ -128,11 +130,29 @@ class AddOfflineCourse extends React.Component {
   //获取分类列表
   getCourseCatalogList = ()=>{
     Service.Hades('public/hades/queryCategoryTree', { source: 0, tenantId: User.getStoreId(), count: false, userId: User.getUserId() }).then((res) => {
-        this.setState({
-          courseCatalogList: res.result.categoryList
-        })
+      const { categoryList = [] } = res.result;
+      this.setState({
+        courseCatalogList: this.renderTreeNodes(categoryList),
+      })
     });
   }
+
+  renderTreeNodes = (data) => {
+    let newTreeData = data.map((item) => {
+      item.title = (
+        <span>
+          {item.categoryName}
+        </span>
+      );
+      item.value = item.id;
+      item.key = item.id;
+      if (item.sonCategoryList) {
+        item.children = this.renderTreeNodes(item.sonCategoryList);
+      }
+      return item;
+    });
+    return newTreeData;
+  };
   
   catalogChange= (value, options) => {
     this.setState({ categoryId: _.last(value), categoryName: _.pluck(options, 'categoryName').join('-') })
@@ -699,6 +719,10 @@ class AddOfflineCourse extends React.Component {
     }
   }
 
+  handleChangeCatalogList = (value) => {
+    this.setState({ categoryId: value });
+  };
+
   render() {
     const {
       courseId,
@@ -706,7 +730,7 @@ class AddOfflineCourse extends React.Component {
       courseName,
       coverUrl,
       introduce,
-      categoryName,
+      categoryId,
       courseCatalogList,
       whetherVisitorsJoin,
       loadintroduce,
@@ -791,31 +815,18 @@ class AddOfflineCourse extends React.Component {
               </div>
               <div className="course-catalog">
                 <span className="label"><span className="require">*</span>课程分类：</span>
-                { (pageType === 'add') && 
-                  <Cascader
-                    showSearch
-                    defaultValue={categoryName ? [categoryName] : undefined} 
-                    options={courseCatalogList} 
-                    displayRender={	label => label.join('-')}  
-                    fieldNames={fieldNames}
-                    onChange={this.catalogChange}
-                    style={{ width: 240 }}
-                    placeholder="请选择课程分类" suffixIcon={<span className="icon iconfont" style={{ fontSize: '12px', color: '#BFBFBF' }}>&#xe835;</span>}
-                  />
-                }
-                { (pageType === 'edit' && categoryName ) && 
-                  <Cascader 
-                    showSearch
-                    defaultValue={[categoryName]} 
-                    options={courseCatalogList} 
-                    displayRender={	label => label.join('-')}  
-                    fieldNames={fieldNames}
-                    onChange={this.catalogChange}
-                    style={{ width: 240 }}
-                    placeholder="请选择课程分类"
-                    suffixIcon={<span className="icon iconfont" style={{ fontSize: '12px', color: '#BFBFBF' }}>&#xe835;</span>}
-                  />
-                }
+                <TreeSelect
+                  style={{ width: 240 }}
+                  dropdownStyle={{ maxHeight: 240, overflow: "auto" }}
+                  treeData={courseCatalogList}
+                  placeholder="请选择课程类型"
+                  allowClear
+                  value={categoryId}
+                  treeDefaultExpandAll
+                  onChange={(value) => {
+                    this.handleChangeCatalogList(value);
+                  }}
+                />
               </div>
               <div className="course-catalog">
                 <span className="label"><span className="require">*</span>上课地点：</span>
@@ -1071,6 +1082,7 @@ class AddOfflineCourse extends React.Component {
                       }}
                     />
                     <span className="switch-label">人</span>
+                    <span className="switch-tip">未填写时默认为不限制</span>
                   </div>}
                 </div>
               </div>