style:修改学院装修裁剪banner尺寸

src/modules/common/CourseCatalogSelect.jsx

+import React, { useEffect, useState } from 'react'
+import { TreeSelect } from 'antd'
+function CourseCatalogSelect(props) {
+  let {
+    courseCatalogList = [],
+    showSearch = false,
+    value = '',
+    treeNodeFilterProp = 'title',
+    style = { width: 240 },
+    dropdownStyle = { maxHeight: 300, overflow: 'auto' },
+    placeholder = '请选择课程类型',
+    allowClear = true,
+    onChange = () => {},
+  } = props
+  let [treeData, setTreeData] = useState([])
+  let [defaultValue, setDefaultValue] = useState(null)
+  console.log('aaaaaaa', courseCatalogList, value)
+  useEffect(() => {
+    console.log('useEffect', courseCatalogList, value)
+    function renderTreeNodes(list) {
+      let newTreeData = list.map((item) => {
+        item.title = item.categoryName
+        item.value = item.id
+        item.key = item.id
+        console.log(value, item.value, value === item.value, 'item.categoryName')
+        if (value === item.value) {
+          setDefaultValue(item.title)
+        }
+        if (item.sonCategoryList) {
+          item.children = renderTreeNodes(item.sonCategoryList)
+        }
+        return item
+      })
+      return newTreeData
+    }
+    let categoryList = renderTreeNodes(courseCatalogList)
+    setTreeData(categoryList)
+  }, [props.value])
+
+  return (
+    <TreeSelect
+      defaultValue={[defaultValue]}
+      treeNodeLabelProp='categoryName'
+      showSearch={showSearch}
+      treeNodeFilterProp={treeNodeFilterProp}
+      style={style}
+      dropdownStyle={dropdownStyle}
+      treeData={treeData}
+      placeholder={placeholder}
+      allowClear={allowClear}
+      // value={value}
+      treeDefaultExpandAll
+      onChange={(value, label) => {
+        onChange(value, label)
+      }}
+    />
+  )
+}
+export default CourseCatalogSelect

src/modules/common/index.js

+export { default as RangePicker } from './DateRangePicker'
+export { default as CourseCatalogSelect } from './CourseCatalogSelect'

src/modules/store-manage/StoreDecorationPage.less

 .store-decoration-page {
 .store-decoration-page {
   .box {
   .box {
-    padding-top:11px!important;
+    padding-top: 11px !important;
   }
   }
   thead {
   thead {
     display: none;
     display: none;
@@ -27,11 +27,11 @@
   }
   }
   .banner-thumbnail {
   .banner-thumbnail {
     width: 230px;
     width: 230px;
-    height: 79px;
+    height: 96px;
   }
   }
   .web-banner-thumbnail {
   .web-banner-thumbnail {
     width: 389px;
     width: 389px;
-    height: 67px;
+    height: 162px;
   }
   }
 
 
   .index-num {
   .index-num {
@@ -51,18 +51,17 @@
 
 
   .operation {
   .operation {
     .edit {
     .edit {
-      color: #2966FF;
+      color: #2966ff;
       cursor: pointer;
       cursor: pointer;
     }
     }
     .divider-line {
     .divider-line {
-      color:#BFBFBF
+      color: #bfbfbf;
     }
     }
     .delete {
     .delete {
-      color: #2966FF;
+      color: #2966ff;
       cursor: pointer;
       cursor: pointer;
     }
     }
   }
   }
-
 }
 }
 .clip-box {
 .clip-box {
   display: flex;
   display: flex;
@@ -86,7 +85,7 @@
     .preview-url {
     .preview-url {
       width: 500px;
       width: 500px;
       height: 73px;
       height: 73px;
-      background: #E6E6E6;        
+      background: #e6e6e6;
     }
     }
 
 
     #preview-url-box {
     #preview-url-box {
@@ -112,11 +111,11 @@
   }
   }
   .banner-thumbnail {
   .banner-thumbnail {
     width: 230px;
     width: 230px;
-    height: 79px;
+    height: 96px;
   }
   }
   .web-banner-thumbnail {
   .web-banner-thumbnail {
     width: 389px;
     width: 389px;
-    height: 67px;
+    height: 162px;
   }
   }
   .index-num {
   .index-num {
     height: 33px;
     height: 33px;