|
|
@ -13,6 +13,8 @@ import { request } from 'screenfull'; |
|
|
|
|
|
|
|
|
const DataAlarm = ({ match, dispatch, actions, user, loading, socket }) => { |
|
|
const DataAlarm = ({ match, dispatch, actions, user, loading, socket }) => { |
|
|
let route = match.url.substring(match.url.lastIndexOf("/") + 1, match.url.length) |
|
|
let route = match.url.substring(match.url.lastIndexOf("/") + 1, match.url.length) |
|
|
|
|
|
|
|
|
|
|
|
const { problem } = actions |
|
|
const [abnormalLenght, setAbnormalLenght] = useState(0) //异常数量 |
|
|
const [abnormalLenght, setAbnormalLenght] = useState(0) //异常数量 |
|
|
const [collect, setCollect] = useState([]) //搜索结构 |
|
|
const [collect, setCollect] = useState([]) //搜索结构 |
|
|
const [setup, setSetup] = useState(false); //表格设置是否显现 |
|
|
const [setup, setSetup] = useState(false); //表格设置是否显现 |
|
|
@ -172,54 +174,37 @@ const DataAlarm = ({ match, dispatch, actions, user, loading, socket }) => { |
|
|
name: '项目名称', value: 'projectName', render: (_, r, index) => { |
|
|
name: '项目名称', value: 'projectName', render: (_, r, index) => { |
|
|
return <> |
|
|
return <> |
|
|
{r.projectName?.map((v, index) => { |
|
|
{r.projectName?.map((v, index) => { |
|
|
let width |
|
|
return <div key={r.id + r.appName + index} style={{ width: 176, }}> |
|
|
let name = v |
|
|
{OutHidden({ |
|
|
switch (r.projectName?.length) { |
|
|
number: 7, |
|
|
case 1: |
|
|
name: v.name |
|
|
if (v.length > 25) width = 358 |
|
|
})} |
|
|
break; |
|
|
<div style={{ |
|
|
case 2: |
|
|
width: 58, height: 18, background: 'linear-gradient(rgb(235, 245, 255) 0%, rgb(235, 245, 255) 0%, rgb(211, 232, 255) 100%)', |
|
|
if (v.length > 12) width = 173 |
|
|
borderRadius: 2, display: "inline-block", marginLeft: 6 |
|
|
break; |
|
|
}}> |
|
|
default: |
|
|
<img src="/assets/images/install/icon_zhengque.png" style={{ display: "inline-block", width: 10 }} /> |
|
|
if (v.length > 7) width = 112 |
|
|
<span style={{ display: "inline-block", width: 48, fontSize: 12, textAlign: "center" }}>{v.state}</span> |
|
|
break; |
|
|
</div> |
|
|
} |
|
|
</div> |
|
|
return (<div key={r.id + r.appName + index} style={{ display: 'inline-block', height: 20 }}> |
|
|
}) |
|
|
{index > 0 ? <span style={{ width: 1, height: 12, border: '1px solid #DCDEE0', margin: '3px 8px', display: 'inline-block', }}></span> : ""} |
|
|
} |
|
|
{OutHidden({ width, name })} |
|
|
|
|
|
</div>) |
|
|
|
|
|
})} |
|
|
|
|
|
{r.projectName?.length > 3 ? |
|
|
|
|
|
<Tooltip |
|
|
|
|
|
trigger="click" |
|
|
|
|
|
// style={{ lineHeight: 2 }} |
|
|
|
|
|
content={ |
|
|
|
|
|
<div style={{ display: 'flex', flexWrap: 'wrap' }}> |
|
|
|
|
|
{r.projectName?.map(vv => { |
|
|
|
|
|
return <div key={vv}> |
|
|
|
|
|
{vv}<span style={{ color: '#FFFFFF' }}>、</span> |
|
|
|
|
|
</div> |
|
|
|
|
|
})} |
|
|
|
|
|
</div>}> |
|
|
|
|
|
<span style={{ fontSize: 14, color: '#005ABD', marginLeft: 8, cursor: "pointer", }}> |
|
|
|
|
|
{'+' + (r.projectName?.length - 3)} |
|
|
|
|
|
</span> |
|
|
|
|
|
</Tooltip> : ""} |
|
|
|
|
|
</> |
|
|
</> |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
{ name: '结构物名称', value: 'StructureName' }, |
|
|
{ name: '结构物名称', value: 'StructureName' }, |
|
|
{ |
|
|
{ |
|
|
name: '告警源', value: 'SourceName', render: (_, r, index) => { |
|
|
name: '告警源', value: 'SourceName', render: (_, r, index) => { |
|
|
// let data = '' |
|
|
let data = '' |
|
|
// if (route == 'dataLnterrupt' || route == 'dataAbnormal') { |
|
|
if (route == 'dataLnterrupt' || route == 'dataAbnormal') { |
|
|
// data = '传感器' |
|
|
data = '传感器' |
|
|
// } |
|
|
} |
|
|
// if (route == 'strategyHit') data = '测点' |
|
|
if (route == 'strategyHit') data = '测点' |
|
|
return <> |
|
|
return <div style={{ width: 136, display: 'flex', justifyContent: 'space-between' }}> |
|
|
{/* <div style={{ width: 44, lineHeight: '18px', textAlign: "center", border: '1px solid #0F7EFB', fontWeight: 400, color: '#0F7EFB', fontSize: 12 }}>{data}</div> */} |
|
|
<div style={{ display: "inline-block", width: 84, }}>{r.SourceName}</div> |
|
|
{r.SourceName}</> |
|
|
<div style={{ display: "inline-block", width: 44, height: 18, lineHeight: '18px', textAlign: "center", border: '1px solid #0F7EFB', fontWeight: 400, color: '#0F7EFB', fontSize: 12 }}>{data}</div> |
|
|
|
|
|
</div> |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
{ name: '中断类型', value: 'AlarmGroupUnit' }, |
|
|
{ name: '中断类型', value: 'AlarmGroupUnit' }, |
|
|
|
