填写单滚动条滚动bug修改2113

src/components/SpreadDrop/index.jsx

@@ -4,6 +4,7 @@ import config from '@config/index.js';
 import style from './index.less';
 import {deepClone,filterArr,handleEnter,isIE,windowEventHandler,filterDataArr,getIds,getPageCoordinate} from '@utils/tools.js';
 import {Notify} from '@commonComp';
+import ScrollArea from 'react-scrollbar';
 import $ from 'jquery';
 /****
  * 标签组合下拉,选中的项目展开
@@ -474,13 +475,30 @@ class ListItem extends Component{
   render(){
     const {datas,isSpecialPos} = this.props;
     const pos = isSpecialPos?style['independent']:'';
+    const contStyle={
+      opacity:'0.4',
+      right:'0',
+      top:'1px',
+      zIndex:'15',
+      width:'6px',
+      background:'#f1f1f1'};
+    const barStyle={background:'#777',width:'100%'};
     return <ul className={classNames(style['row'],pos)} onBlur={(e)=>e.stopPropagation()}>
+    <ScrollArea speed={0.8}
+    horizontal={false}
+    stopScrollPropagation={true}
+    style={{maxHeight:'330px'}}
+    className={style["area"]}
+    verticalContainerStyle={contStyle}
+    verticalScrollbarStyle={barStyle}
+    contentClassName="content">
       {datas&&datas.map((it,i)=>{
         if(isSpecialPos){
           return <li onClick={(e)=>this.handleClick(e,it,i)} className={this.getClass(it.id)}>{it.name}</li>
         }
         return <li onClick={(e)=>this.handleClick(e,it,i)} className={this.getClass(it.id)} title={it.name.length>8?it.name:''}>{it.name&&it.name.length>8?it.name.slice(0,8)+'...':it.name}</li>
       })}
+      </ScrollArea>
     </ul>;
   }
 }

src/components/SpreadDrop/index.less

@@ -12,7 +12,7 @@
     // width: 200px;
     vertical-align: top;
     margin-left: 8px;
-    max-height: 326px;
+    max-height: 330px;
     overflow-y: auto;
   }
   .independent{