Quellcode durchsuchen

双击隐藏下拉

zhouna vor 6 Jahren
Ursprung
Commit
960317de92

+ 1 - 1
src/common/components/EditableSpan/index.less

@@ -7,7 +7,7 @@
   /*height: 20px;*/
   line-height: 16px;
   /*vertical-align: middle;*/
-  text-align: center;
+  text-align: left;
 }
 .full{
   width: 100%;

+ 8 - 7
src/components/SpreadDrop/index.jsx

@@ -67,9 +67,10 @@ class SpreadDrop extends Component{
 
   }
 
-  changeToEdit(e){console.log("标签双击");//双击
-    const {value,id,placeholder,handleDbclick} = this.props;
+  changeToEdit(e){//双击
+    const {value,id,placeholder,handleDbclick,handleHide} = this.props;
     let text = e.target.innerText;
+    handleHide&&handleHide();       //展开情况下双击收起
     // clearTimeout(this.state.timer);//取消延时的单击事件
     e.stopPropagation();
     // e.preventDefault();
@@ -83,7 +84,7 @@ class SpreadDrop extends Component{
     }
   }
 
-  onChange(e){  console.log("标签输入");
+  onChange(e){
     const {mainSaveText,ikey,type,handleLabelChange} = this.props;
     const {labelVal} = this.state;
     let mainText = filterArr(mainSaveText);//主诉字数
@@ -106,7 +107,7 @@ class SpreadDrop extends Component{
   }
 
   handleBlur(e){
-    e.stopPropagation();console.log("标签失焦");
+    e.stopPropagation();
     const {ikey,type,handleLabelChange} = this.props;
     this.setState({
       editable:false
@@ -148,11 +149,11 @@ class SpreadDrop extends Component{
     });
     this.btnClickFlag = false;
   }
-  handleClear(e){console.log("清空");
+  handleClear(e){
     e.stopPropagation();
     this.clearState();
   }
-  handleConfirm(e){console.log("确定");
+  handleConfirm(e){
     e.stopPropagation();
     const {handleConfirm,ikey,type,tagType,order,mainSaveText,copyType} = this.props;
     const params = Object.assign({},this.state,{ikey,type,tagType,order,mainSaveText,copyType});
@@ -161,7 +162,7 @@ class SpreadDrop extends Component{
     //点确定后隐藏弹窗
     this.props.handleHide();
   }
-  handleSelect(item,isExclu,joint,listIndex,selected){console.log("选中");
+  handleSelect(item,isExclu,joint,listIndex,selected){
     let {withOn,withs,noneOn,exclusion,exists,nowOn,nones,noneIds,ban} = this.state;
     /*if(this.props.selecteds)
     console.log(exists,this.props.selecteds.exists,exists===this.props.selecteds.exists)*/