import { Layout, Dropdown, Menu, Modal, Input, Form, Space, Button } from 'antd';
import { withRouter } from 'react-router'
import { useState, useEffect } from 'react';
import { useSelector, useDispatch } from 'react-redux';
import MyMessage from "../MyMessage";
import { panesNow } from '@reducers/tabPanes.js';
import { getTimeDetail,getCookie,setCookie } from '@utils/index';
import logo from '@images/logo.png';
import msg from '@images/msg.png';
import me from '@images/me.png';
import down from '@images/down.png';
import './index.less'
import { message } from "antd/lib/index";
import { add, active } from '@reducers/tabPanes'
/*import { setSys, setUser} from '@reducers/userInfo.js';*/
import apiObj from '@api/index';
const { post, api, xPost } = apiObj;
const propTypes = {
}
const defaultProps = {};
const { Header } = Layout;
function AHeader({ history, hideName }) {
const dispatch = useDispatch();//当前选中的菜单
const { panes } = useSelector(state => {
return state.tabPanes;
});
const [form] = Form.useForm();
const [dateTime, setDateTime] = useState('');
const [visible, setVisible] = useState(false);
const [unReadNum,setUnReadNum] = useState(0);
const [systemName,setSystemName] = useState("");
//const [userName,setUserName] = useState("");
console.log(11)
const userName = getCookie("userName");
const hospitalId = getCookie("hospitalId");
const softwareArr = JSON.parse(localStorage.getItem("software"));
const { user, sysName } = useSelector((state) => {
return state.userInfo;
});
//退出
function loginOut() {
localStorage.removeItem("token");
localStorage.removeItem("systemId");
localStorage.removeItem("hospitalId");
localStorage.removeItem("software")
setCookie();
dispatch(panesNow([]));
history.push('/login');
}
//获取未读消息数量
function getNotNoticeCount(){
xPost(api.getNotNoticeCount).then((res) => {
if (res.data.code === 200) {
const data = res.data.data||{};
let count = data.count;
count = count>99?'99+':count;
setUnReadNum(count)
initWebsocket(count);
} else {
//message.warning(res.data.msg || '请求失败');
}
})
}
//未读消息页面显示并带入未读筛选条件
function showMyMsgPage(){
const pageKey = 'ZNTZ-WDTZ&我的通知';
const item = panes.find((it) => it.key === pageKey);
if (item) { //已存在当前tab，则定位即可不增加
dispatch(active({idName:pageKey,isUnRead:true}));
return;
}
dispatch(
add({ title: '我的通知', content: , key: pageKey,isUnRead:true})
)
}
async function initWebsocket(num){
const mqtt = require('mqtt');
const client = mqtt.connect(api.websocketUrl);
//const hisId = getCookie("hospitalId");
client.on('connect', function () {
client.subscribe(hospitalId+"-"+user.id, function (err) {
if (!err) {
console.log(hospitalId+"-"+user.id+"订阅成功")
}
})
})
client.on('message', function (topic, message) {
let n = num>unReadNum?num:unReadNum;
setUnReadNum(+n+1)
console.log('收到消息+1：',message.toString())
})
}
//获取系统、用户名称用于页头显示
function getSysName(){
const mySys = (softwareArr||[]).find((it)=>{
return it.id === +hospitalId;
});
if(mySys){
setSystemName(mySys.name);
}
}
/*function handleUserInfo(data){
const { userInfo, software } = data;
const sysId = getCookie("systemId");
const hisId = getCookie("hospitalId");
const sys = software.find((it) => {
return +it.id === +sysId
});
dispatch(setUser(userInfo));
sys && dispatch(setSys({ sysId, sysName: sys.name, hisId }));
}
//获取组织列表
function getUserHos() {
return new Promise((resolve)=>{
xPost(api.getUserHospitals).then((res)=>{
resolve(res);
});
});
}*/
//修改密码
function changePsd() {
setVisible(true)
}
//时间
let interVal;
function countTime() {
interVal = setInterval(() => {
setDateTime(getTimeDetail())
}, 1000);
}
function cancel() {
setVisible(false)
form.resetFields();
}
const onFinish = values => {
const params = values
post(api.midifyPassword, params).then((res) => {
if (res.data.code === 200) {
message.success('修改成功');
}
})
}
useEffect(() => {
getSysName();
countTime();
getNotNoticeCount();
return function clearUp() {
clearInterval(interVal)
}
}, []);
const menu = (
);
return (
)
}
AHeader.propTypes = propTypes;
AHeader.defaultProps = defaultProps;
export default withRouter(AHeader);
{unReadNum?{unReadNum}:''}
{userName}
