|
|
@ -3,6 +3,7 @@ import "../css/messagemy.css"
|
|
|
|
import {getImageUrl} from 'educoder';
|
|
|
|
import {getImageUrl} from 'educoder';
|
|
|
|
import { Modal,Input,Icon,Tooltip,Spin} from 'antd';
|
|
|
|
import { Modal,Input,Icon,Tooltip,Spin} from 'antd';
|
|
|
|
import axios from 'axios';
|
|
|
|
import axios from 'axios';
|
|
|
|
|
|
|
|
import moment from 'moment';
|
|
|
|
//私信聊天页面
|
|
|
|
//私信聊天页面
|
|
|
|
class MessagChat extends Component{
|
|
|
|
class MessagChat extends Component{
|
|
|
|
constructor(props) {
|
|
|
|
constructor(props) {
|
|
|
@ -13,6 +14,7 @@ class MessagChat extends Component{
|
|
|
|
limit:20,
|
|
|
|
limit:20,
|
|
|
|
page:1,
|
|
|
|
page:1,
|
|
|
|
datay:[],
|
|
|
|
datay:[],
|
|
|
|
|
|
|
|
mess:false,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -87,8 +89,15 @@ class MessagChat extends Component{
|
|
|
|
this.props.Modifyur(i);
|
|
|
|
this.props.Modifyur(i);
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 点击了用户
|
|
|
|
|
|
|
|
Clickedontheuser=(user)=>{
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
myysluser:user,
|
|
|
|
|
|
|
|
mess:true,
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
render() {
|
|
|
|
render() {
|
|
|
|
let{isSpins,datay}=this.state;
|
|
|
|
let{isSpins,datay,myysluser}=this.state;
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<div className="edu-back-white ml20">
|
|
|
|
<div className="edu-back-white ml20">
|
|
|
|
{/*私信对话框*/}
|
|
|
|
{/*私信对话框*/}
|
|
|
@ -98,7 +107,7 @@ class MessagChat extends Component{
|
|
|
|
<p className="clearfix pt30 pb30 edu-txt-center font-16 bor-bottom-greyE">
|
|
|
|
<p className="clearfix pt30 pb30 edu-txt-center font-16 bor-bottom-greyE">
|
|
|
|
<a onClick={()=>this.smyJump(2)}><i className="iconfont icon-zuojiantou font-14 fl ml25 color-grey-9"
|
|
|
|
<a onClick={()=>this.smyJump(2)}><i className="iconfont icon-zuojiantou font-14 fl ml25 color-grey-9"
|
|
|
|
data-tip-down="返回到列表"></i></a>
|
|
|
|
data-tip-down="返回到列表"></i></a>
|
|
|
|
117llj与你的私信
|
|
|
|
{mess===false?(myysluser!==undefined?myysluser.name:""):(myysluser!==undefined?myysluser.name:"")}与你的私信
|
|
|
|
</p>
|
|
|
|
</p>
|
|
|
|
{/*聊天页面*/}
|
|
|
|
{/*聊天页面*/}
|
|
|
|
<div className="dialogPanel">
|
|
|
|
<div className="dialogPanel">
|
|
|
@ -112,7 +121,7 @@ class MessagChat extends Component{
|
|
|
|
<span className="trangle"></span>
|
|
|
|
<span className="trangle"></span>
|
|
|
|
<div className="sms break_word" id="message_content_show_25137">hello</div>
|
|
|
|
<div className="sms break_word" id="message_content_show_25137">hello</div>
|
|
|
|
<div className="edu-txt-left mt5">
|
|
|
|
<div className="edu-txt-left mt5">
|
|
|
|
<a href="javascript:void(0)" className="color-grey-c"
|
|
|
|
<a className="color-grey-c"
|
|
|
|
>删除</a>
|
|
|
|
>删除</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -153,7 +162,7 @@ class MessagChat extends Component{
|
|
|
|
""
|
|
|
|
""
|
|
|
|
:datay.map((item,key)=>{
|
|
|
|
:datay.map((item,key)=>{
|
|
|
|
return(
|
|
|
|
return(
|
|
|
|
<div className="private-part clearfix" key={key}>
|
|
|
|
<div className="private-part clearfix" key={key} onClick={(item)=>this.Clickedontheuser(item.target)}>
|
|
|
|
<div className="part-line df">
|
|
|
|
<div className="part-line df">
|
|
|
|
<img src={item.target.image_url} className="radius mr10 myimgw48 myimgh48"/>
|
|
|
|
<img src={item.target.image_url} className="radius mr10 myimgw48 myimgh48"/>
|
|
|
|
<div className="flex1">
|
|
|
|
<div className="flex1">
|
|
|
@ -164,7 +173,7 @@ class MessagChat extends Component{
|
|
|
|
<span className="newLetter"></span>
|
|
|
|
<span className="newLetter"></span>
|
|
|
|
:""}
|
|
|
|
:""}
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
<span className="color-grey-c fr">{item.send_time}</span>
|
|
|
|
<span className="color-grey-c fr">{moment(item.send_time).fromNow()}</span>
|
|
|
|
</p>
|
|
|
|
</p>
|
|
|
|
<p className="color-grey-6 lineh-20 justify break_word task-hide-2" style={{wordBreak:"break-word"}} dangerouslySetInnerHTML={{__html:item.content}}></p>
|
|
|
|
<p className="color-grey-6 lineh-20 justify break_word task-hide-2" style={{wordBreak:"break-word"}} dangerouslySetInnerHTML={{__html:item.content}}></p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|