浏览代码

SpreadDrop成文顺序显示

zhouna 6 年之前
父节点
当前提交
01b01768e6

+ 0 - 1
src/components/AddAssistCheck/index.jsx

@@ -149,7 +149,6 @@ class AddAssistCheck extends React.Component {
 
   getAssistLabel() {
     const { assistLabel,checkedListImport, handleChangeAssistValue, handleChangeDate, isRead, handlePush, winWidth,getInfomation,assistList } = this.props;
-    console.log(checkedListImport)
     const { visible,activeName,id,date } = this.state;
     return <React.Fragment>
       {

+ 4 - 3
src/components/SpreadDrop/index.jsx

@@ -356,7 +356,7 @@ class SpreadDrop extends Component{
   }
 
   render(){
-    const {placeholder,value,show,data} = this.props;
+    const {placeholder,value,show,data,order} = this.props;
     const {editable,boxLeft,boxTop} = this.state;
     return  <div className={style['container']}
               onFocus={(e)=>e.stopPropagation()}
@@ -372,7 +372,7 @@ class SpreadDrop extends Component{
         onInput={this.onChange}
         onkeydown={handleEnter}
         >{value||placeholder}</div>
-          <ListItems data={data} left={boxLeft}
+          <ListItems data={data} left={boxLeft} order={order}
             top={boxTop} show={show} handleSelect={this.handleSelect} handleConfirm={this.handleConfirm} handleClear={this.handleClear} {...this.state}></ListItems>
       </div>
   }
@@ -417,10 +417,11 @@ class ListItems extends Component{
     }
   }
   render (){
-    const {handleClear,handleConfirm} = this.props;
+    const {handleClear,handleConfirm,order} = this.props;
     const domNode = document.getElementById('root');
     return ReactDom.createPortal(
       <div className={style["drop-list"]} style={this.getStyle()} contentEditable="false" onClick={(e)=>{e.stopPropagation();}}>
+        <p className={style['orderTips']}>按{order?'从左到右列':'点选'}顺序成文</p>
         {this.getLabels()}
         <div className="oper">
           <span className={style['clear']} onClick={handleClear}>清空选项</span>

+ 4 - 0
src/components/SpreadDrop/index.less

@@ -47,6 +47,10 @@
   border-bottom: 1px @border-color solid;
   line-height: 22px;
 }
+.orderTips{
+  color: #bfbfbf;
+  margin:0 0 10px 28px;
+}
 .clear{
   .btnCom;
   .clear;