im

src/pages/im/index.js

@@ -55,11 +55,12 @@ export default class Chat extends Component {
     noChatting: false,  // 异常
     chatting: null, // 当前聊天对象
     me: null, // 自己
+    focus: false,//获取焦点
   }
 
   originList = []
 
-  unSubscribeMessage = () => {}
+  unSubscribeMessage = () => { }
 
   componentWillMount() {
     savePoint({
@@ -74,7 +75,7 @@ export default class Chat extends Component {
       console.log('在线咨询')
     })
 
-    this.unSubscribeMessage = () => {}
+    this.unSubscribeMessage = () => { }
   }
 
   componentDidMount() {
@@ -369,6 +370,7 @@ export default class Chat extends Component {
           this.setState({
             marginTop: 0,
             visExtra: false,
+            focus: false,
           })
         })
       }
@@ -472,7 +474,8 @@ export default class Chat extends Component {
     e.stopPropagation()
     this.setState({
       visExtra: true,
-      marginTop: -240
+      marginTop: -240,
+      focus: true,
     })
   }
 
@@ -484,7 +487,8 @@ export default class Chat extends Component {
 
     this.setState({
       visExtra: false,
-      marginTop: 0
+      marginTop: 0,
+      focus: false,
     })
   }
 
@@ -524,7 +528,7 @@ export default class Chat extends Component {
   }
 
   render() {
-    const { marginTop, visiblePrompt, prompts, msgList, noChatting } = this.state
+    const { marginTop, focus, visiblePrompt, prompts, msgList, noChatting } = this.state
 
     // 如果有错误, 不显示内容
     if (noChatting) return null;
@@ -596,6 +600,7 @@ export default class Chat extends Component {
               onInput={this.bindTextInput}
               onConfirm={this.bindInputConfirm}
               placeholder='发送消息'
+              focus={focus}
             />
             <Text className="import-top__extra iconfont icon-Add" onClick={this.showExtraArea}></Text>
             <Button size="mini" className="import-top__submit" onClick={this.bindSendBtn}>发送</Button>