79 lines
2.9 KiB
JavaScript
79 lines
2.9 KiB
JavaScript
|
import React, { useEffect, useState } from 'react';
|
||
|
|
import { Descriptions, Modal } from 'antd';
|
||
|
|
import {CloseOutlined} from '@ant-design/icons';
|
||
|
|
import { httpget2 } from '../../../../utils/request';
|
||
|
|
import apiurl from '../../../../service/apiurl';
|
||
|
|
import moment from "moment"
|
||
|
|
|
||
|
|
function Wxq({ id, data, dispatch }) {
|
||
|
|
console.log(data);
|
||
|
|
const width = 400;
|
||
|
|
const [detail, setDetail] = useState({})
|
||
|
|
const [visible,setVisible] = useState(false)
|
||
|
|
const closePop = () => {
|
||
|
|
dispatch.runtime.closeFeaturePop(id);
|
||
|
|
};
|
||
|
|
const getDetailData = async(id) => {
|
||
|
|
try {
|
||
|
|
const res = await httpget2(`${apiurl.home.wxqdetail}/${id}`);
|
||
|
|
setDetail(res.data)
|
||
|
|
} catch (error) {
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
useEffect(() => {
|
||
|
|
if (data?.PID) {
|
||
|
|
getDetailData(data?.PID)
|
||
|
|
}
|
||
|
|
}, [data])
|
||
|
|
|
||
|
|
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<div className="dp-popup" style={{ position: 'absolute', top: '10px', left: 0, width, lineHeight: 1, background:'#ffffff' ,transform: 'translateX(-50%)' }}>
|
||
|
|
<div className="dp-popup-tip" style={{marginTop:'-10px',borderBottomColor:'#f7f7f7'}}></div>
|
||
|
|
<div className="dp-popup-content">
|
||
|
|
<div className="content-body tyb" id='tyb'>
|
||
|
|
<div className="title">
|
||
|
|
<div className="name flex flexac">
|
||
|
|
<div className='nameBorder'></div>
|
||
|
|
{data.stnm}
|
||
|
|
</div>
|
||
|
|
<div style={{cursor:'pointer',marginRight:'10px'}} onClick={()=>{setVisible(true)}}>详情</div>
|
||
|
|
<div className="extra">
|
||
|
|
<CloseOutlined onClick={closePop} style={{color:"#333"}}/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className="body">
|
||
|
|
<Descriptions labelStyle={{padding:"5px 0"}}>
|
||
|
|
<Descriptions.Item label="巡查完成日期" span={3} contentStyle={{ padding: "5px 0" }}>{data?.adnm || detail?.adnm}</Descriptions.Item>
|
||
|
|
<Descriptions.Item label="检查人" span={3} contentStyle={{padding:"5px 0"}}>{data?.ptcount || detail?.ptcount}</Descriptions.Item>
|
||
|
|
<Descriptions.Item label="任务类型" span={3} contentStyle={{padding:"5px 0"}}>{data?.etcount || detail?.etcount}</Descriptions.Item>
|
||
|
|
<Descriptions.Item label="问题数量" span={3} contentStyle={{padding:"5px 0"}}>{data.htcount || detail?.htcount}</Descriptions.Item>
|
||
|
|
<Descriptions.Item label="待处理" span={3} contentStyle={{padding:"5px 0"}}>{data.htcount || detail?.htcount}</Descriptions.Item>
|
||
|
|
</Descriptions>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className="boxfoot"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<Modal
|
||
|
|
visible={visible}
|
||
|
|
title={'巡查任务详情'}
|
||
|
|
footer={null}
|
||
|
|
onCancel={()=>{setVisible(false)}}
|
||
|
|
width="60vw"
|
||
|
|
destroyOnClose
|
||
|
|
className="queryDrpModal"
|
||
|
|
style={{top:"15px", height:"58vh"}}
|
||
|
|
>
|
||
|
|
</Modal>
|
||
|
|
</>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default React.memo(Wxq);
|