Browse Source

(*)巡检记录问题处理 展示设备信息

master
peng.peng 2 years ago
parent
commit
3e4ed721a2
  1. 98
      web/client/src/sections/issueHandle/components/isuue-handle-mdal.js
  2. 159
      web/client/src/sections/patrolManage/containers/patrolRecord.js

98
web/client/src/sections/issueHandle/components/isuue-handle-mdal.js

@ -70,57 +70,71 @@ export default (props) => {
<div className="item-title">{"问题详情"}</div> <div className="item-title">{"问题详情"}</div>
<Row> <Row>
<Col span={6}> <Col span={12}>
<Form.Item label="点位名称:" {...formItemLayout}> <Form.Item label="点位名称:" {...formItemLayout}>
<Input value={editData?.points?.itemData?.name} readOnly /> <Input value={editData?.points?.itemData?.name} readOnly />
</Form.Item> </Form.Item>
</Col> </Col>
</Row>
<Col span={18}> <Row>
<Col span={24}>
{ {
editData?.points?.inspectContent && Object.keys(editData?.points?.inspectContent).map(key => { editData?.points?.inspectContent && editData?.points?.inspectContent.map(s => {
if (editData?.points?.inspectContent[key]?.isNormal == false) { if (s?.alarm == true) {
return <Row style={{ marginBottom: 15 }}> return <>
<Col span={12}> {s?.deviceName && <Col span={12}>
<Form.Item label="检查项:" {...formItemLayout}> <Form.Item label="设备名称:" {...formItemLayout}>
<Input value={key} readOnly /> <Input value={s?.deviceName} readOnly />
</Form.Item>
<Form.Item label="异常等级:" {...formItemLayout}>
<Input value={editData?.points?.inspectContent[key]?.level} readOnly />
</Form.Item>
</Col>
<Col span={12}>
<Form.Item label="问题描述:" {...formItemLayout}>
<Input value={editData?.points?.inspectContent[key]?.msgInp} readOnly title={222} />
</Form.Item> </Form.Item>
</Col>}
{
s?.checkItems?.map(k => {
return <Row style={{ marginBottom: 15 }}>
<Col span={12}>
<Form.Item label="检查项:" {...formItemLayout}>
<Input value={k.name} readOnly />
</Form.Item>
<Form.Item label="异常等级:" {...formItemLayout}>
<Input value={k?.level} readOnly />
</Form.Item>
</Col>
<Col span={12}>
<Form.Item label="问题描述:" {...formItemLayout}>
<Input value={k?.msgInp} readOnly title={222} />
</Form.Item>
<Form.Item label="现场图片:" {...formItemLayout}> <Form.Item label="现场图片:" {...formItemLayout}>
<Uploads <Uploads
listType='picture-card' listType='picture-card'
uploadType='project' uploadType='project'
maxFilesNum={1} maxFilesNum={1}
maxFileSize={10} maxFileSize={10}
isQiniu={true} isQiniu={true}
disabled={true} disabled={true}
fileTypes={["png", "jpg"]} fileTypes={["png", "jpg"]}
defaultValue={ defaultValue={
(() => { (() => {
let nextV = [] let nextV = []
for (let s of (editData?.points?.inspectContent[key].imgs || [])) { for (let s of (k.imgs || [])) {
if (s) { if (s) {
nextV.push({ nextV.push({
storageUrl: s storageUrl: s
}) })
}
}
return nextV
})()
} }
} />
return nextV
})() </Form.Item>
} </Col>
/> </Row>
})
}
</>
</Form.Item>
</Col>
</Row>
} }
}) })
} }

159
web/client/src/sections/patrolManage/containers/patrolRecord.js

@ -207,56 +207,121 @@ const PatrolRecord = (props) => {
} }
}) })
if (modelData && modelData.points && modelData.points.inspectContent) { if (modelData && modelData.points && modelData.points.inspectContent) {
let inspectContent = modelData.points.inspectContent if (modelData?.points?.itemData?.pointDevices?.length > 0) {
for (let k in inspectContent) { let inspectContent = modelData.points.inspectContent
dataArr.push( inspectContent?.map(s => {
<> dataArr.push(
<Row> <>
<Col span={5} style={{}}>{k} </Col> <Row>
<Col span={19}> <Col span={5} style={{}}>{s?.deviceName} </Col>
{ <Col span={19}>
inspectContent[k].isNormal ? '正常' : {
<Collapse ghost style={{ padding: 0 }}> !s.alarm ? '正常' :
<Panel header="异常" key="1" style={{ padding: 0 }}> <Collapse ghost style={{ padding: 0 }}>
<Row> <Panel header="异常" key="1" style={{ padding: 0 }}>
<Col span={4} style={{}}>巡查详情 </Col> {s?.checkItems?.map(k => {
<Col span={20}>{inspectContent[k].msgInp}</Col> return <>
<Col span={4} style={{}}>严重等级 </Col> <Row style={{ fontWeight: 'bold' }}>{k.name}:</Row>
<Col span={20}>{inspectContent[k].level}</Col> <Row style={{ marginBottom: 20 }}>
<Col span={4} style={{}}>现场照片 </Col> <Col span={4} style={{}}>巡查详情 </Col>
<Col span={20}> <Col span={20}>{k.msgInp}</Col>
<Uploads <Col span={4} style={{}}>严重等级 </Col>
listType='picture-card' <Col span={20}>{k.level}</Col>
uploadType='project' <Col span={4} style={{}}>现场照片 </Col>
maxFilesNum={1} <Col span={20}>
maxFileSize={10} <Uploads
isQiniu={true} listType='picture-card'
disabled={true} uploadType='project'
fileTypes={["png", "jpg"]} maxFilesNum={1}
defaultValue={ maxFileSize={10}
(() => { isQiniu={true}
let nextV = [] disabled={true}
for (let s of (inspectContent[k].imgs || [])) { fileTypes={["png", "jpg"]}
if (s) { defaultValue={
nextV.push({ (() => {
storageUrl: s let nextV = []
}) for (let s of (k.imgs || [])) {
if (s) {
nextV.push({
storageUrl: s
})
}
}
return nextV
})()
} }
/>
</Col>
</Row>
</>
})}
</Panel>
</Collapse>
}
</Col>
</Row>
</>
)
})
} else {
let inspectContent = modelData.points.inspectContent
for (let v in inspectContent) {
inspectContent[v]?.checkItems?.map(k => {
dataArr.push(
<>
<Row>
<Col span={5} style={{}}>{k?.name} </Col>
<Col span={19}>
{
!inspectContent[v].alarm ? '正常' :
<Collapse ghost style={{ padding: 0 }}>
<Panel header="异常" key="1" style={{ padding: 0 }}>
<Row>
<Col span={4} style={{}}>巡查详情 </Col>
<Col span={20}>{k.msgInp}</Col>
<Col span={4} style={{}}>严重等级 </Col>
<Col span={20}>{k.level}</Col>
<Col span={4} style={{}}>现场照片 </Col>
<Col span={20}>
<Uploads
listType='picture-card'
uploadType='project'
maxFilesNum={1}
maxFileSize={10}
isQiniu={true}
disabled={true}
fileTypes={["png", "jpg"]}
defaultValue={
(() => {
let nextV = []
for (let s of (k.imgs || [])) {
if (s) {
nextV.push({
storageUrl: s
})
}
}
return nextV
})()
} }
return nextV />
})() </Col>
} </Row>
/> </Panel>
</Col> </Collapse>
</Row> }
</Panel> </Col>
</Collapse> </Row>
} </>
</Col> )
</Row> })
</>
) }
} }
} }
return dataArr return dataArr
})()} })()}

Loading…
Cancel
Save