Browse Source

最新动态

dev
wenlele 2 years ago
parent
commit
0641a9f4b7
  1. 2
      api/app/lib/controllers/control/data.js
  2. 98
      web/client/src/sections/control/containers/control.jsx
  3. 4
      web/client/src/sections/problem/components/tableData.jsx

2
api/app/lib/controllers/control/data.js

@ -336,7 +336,7 @@ async function getLatestDynamic(ctx) {
} }
if (d.emailSendId) { if (d.emailSendId) {
notice.push({ notice.push({
userName: userPepRes.find(u => d.emailSendLog.toPepUserIds.indexOf(u.id) != -1), userName: userPepRes.filter(u => d.emailSendLog.toPepUserIds.indexOf(u.id) != -1),
projectName, projectName,
...d.emailSendLog.dataValues ...d.emailSendLog.dataValues
}); });

98
web/client/src/sections/control/containers/control.jsx

@ -8,6 +8,7 @@ import repairFQA from '../../means/containers/repairFQA';
import { Setup, OutHidden } from "$components"; import { Setup, OutHidden } from "$components";
import ReactECharts from 'echarts-for-react'; import ReactECharts from 'echarts-for-react';
import moment from "moment"; import moment from "moment";
import { log } from 'ezuikit-js';
let newScrollbar; let newScrollbar;
let overviewScrollbar; let overviewScrollbar;
@ -52,6 +53,7 @@ const Control = (props) => {
const exhibition = useRef({ workbench: [], statistical: [] }) // const exhibition = useRef({ workbench: [], statistical: [] }) //
const FormApi = useRef() const FormApi = useRef()
// const query={ limit: 10, page: 0, projectCorrelationId: '', types: '1,2,3,4' } //
// websocket 使 // websocket 使
useEffect(() => { useEffect(() => {
@ -87,7 +89,6 @@ const Control = (props) => {
}) })
}, []) }, [])
useEffect(() => { useEffect(() => {
@ -154,13 +155,12 @@ const Control = (props) => {
}) })
}, [pepProjectId, projectId]) }, [pepProjectId, projectId])
// console.log(exhibition?.current?.dynamic);
useEffect(() => { useEffect(() => {
// //
if (exhibition?.current?.dynamic?.length > 0) { if (exhibition?.current?.dynamic?.length > 0) {
dispatch(control.getLatestDynamic({ ...query, projectCorrelationId: pepProjectId })).then(res => { dispatch(control.getLatestDynamic({ ...query, projectCorrelationId: pepProjectId })).then(res => {
console.log(res.payload.data); let data = querydata
let data = []
if (res.success) { if (res.success) {
if (exhibition?.current?.dynamic?.find(v => v.key == 'discovery')) { if (exhibition?.current?.dynamic?.find(v => v.key == 'discovery')) {
res.payload.data?.appear?.map(v => data.push({ res.payload.data?.appear?.map(v => data.push({
@ -182,6 +182,18 @@ const Control = (props) => {
// confirmContent:v.confirmContent, // confirmContent:v.confirmContent,
})) }))
} }
if (exhibition?.current?.dynamic?.find(v => v.key == 'notice')) {
res.payload.data?.notice?.map(v => data.push({
seed: 'notice',
time: v.time,
project: v.projectName,
userName: v.userName?.map(u => u.name),
alarmPushConfig: v.alarmPushConfig?.name,
tactics: v.tactics,
interval: v.tacticsParams?.interval,
deviceProportion: v.tacticsParams?.deviceProportion,
}))
}
data.sort((a, b) => { data.sort((a, b) => {
if (moment(a.time).isBefore(b.time)) { if (moment(a.time).isBefore(b.time)) {
return 1 return 1
@ -189,12 +201,21 @@ const Control = (props) => {
return -1 return -1
} }
}) })
console.log(data);
setQueryData(data) setQueryData(data)
} }
}) })
} else { }
setQueryData([])
const line = document.getElementById("line")
const news = document.getElementById("news")
if (line && news) {
news.onscroll = () => {
// console.log(news.scrollTop)
// console.log(line.clientHeight)
if ((line.clientHeight - 600) < news.scrollTop) {
setQuery({ ...query, page: query.page + 1 })
}
}
} }
}, [pepProjectId, query, exhibition.current]) }, [pepProjectId, query, exhibition.current])
@ -388,7 +409,7 @@ const Control = (props) => {
exhibition.current = { ...exhibition.current, [title]: TableDisplay } exhibition.current = { ...exhibition.current, [title]: TableDisplay }
setTableSetup([{ list: data }]) setTableSetup([{ list: data }])
} }
console.log(memberList)
return ( return (
<> <>
@ -920,31 +941,42 @@ const Control = (props) => {
</div> </div>
</div> </div>
<div id='news' style={{ height: 578, position: 'relative', marginTop: 10, }}> <div id='news' style={{ height: 578, position: 'relative', marginTop: 10, }}>
<Timeline mode="center" style={{ marginLeft: '-56px', width: 400 }}> <div id='line' style={{ width: '100%' }}>
{querydata?.map((v, index) => { <Timeline mode="center" style={{ marginLeft: '-56px', width: 400 }}>
let title = v.seed == 'discovery' ? {querydata?.map((v, index) => {
v.project + '项目' + v.sources + v.type : let title = ''
v.seed == 'confirm' ? if (v.seed == 'discovery') {
v.userName + '确认并关闭' + v.project + v.sources + v.type + '的问题' : "" title = v.project + v.sources + ',诊断为' + v.type
return ( } else if (v.seed == 'confirm') {
<Timeline.Item key={index + 'time'} position='left' time={moment(v.time).format("YYYY-MM-DD HH:mm:ss")} className={index % 2 == 0 ? 'even' : 'odd'} > title = v.userName + '确认并关闭' + v.project + v.sources + v.type + '的问题'
<Tooltip content={title}> } else {
<div className='Tooltip' style={{ title = '【信鸽-' + v.alarmPushConfig + '】已邮件通知' +
width: 170, v.userName?.map((u, i) => (i > 0 ? ',' + u : u)) + '【' + v.project + '】【' +
height: '', (v.tactics == 'immediately' ?
display: '-webkit-box', '发现在' + v.interval + '分钟内,有告警源新增' :
overflow: 'hidden', (v.tactics == 'continue' ? '告警源持续产生时间超过' + v.interval + '分钟' : '异常设备数量达到项目或结构物内设备总数量的' +
textOverflow: 'ellipsis', v.deviceProportion + '%,且持续时长超过' + v.interval + '小时' + '】-【' + v.time + '】'))
color: '', }
background: '', return (
}}> <Timeline.Item key={index + 'time'} position='left' time={moment(v.time).format("YYYY-MM-DD HH:mm:ss")} className={index % 2 == 0 ? 'even' : 'odd'} >
{title} <Tooltip content={title}>
</div> <div className='Tooltip' style={{
</Tooltip> width: 170,
</Timeline.Item> height: '',
) display: '-webkit-box',
})} overflow: 'hidden',
</Timeline> textOverflow: 'ellipsis',
color: '',
background: '',
}}>
{title}
</div>
</Tooltip>
</Timeline.Item>
)
})}
</Timeline>
</div>
</div> </div>
</div> </div>
{/* 我常用的工具 */} {/* 我常用的工具 */}

4
web/client/src/sections/problem/components/tableData.jsx

@ -138,8 +138,8 @@ const TableData = ({ route, dispatch, actions, collectData, setSetup, exhibition
}, [query, search, pepProjectId]) }, [query, search, pepProjectId])
console.log(exhibition); // console.log(exhibition);
console.log(tableData); // console.log(tableData);
return ( return (
<> <>

Loading…
Cancel
Save