mh-sms-web/src/components/CustomPages/BS/BS042ShowPrint.js

import { Button, Descriptions, Badge, Popconfirm, Row, Col, Form, Input, Select, Table } from 'antd';
import React from 'react';
import { initFilter, extendRule, extendIgnoreDataRule, extendInclude, endTask, setDataFieldValue, guid, initQueryFilter } from "../../../utils/common";
import ReactToPrint from "react-to-print";
import { ExportToExcel } from '@woowalker/feui'
import XLSX from 'xlsx';
import { connect } from 'dva';
import moment from 'moment';
import { message } from "antd/lib/index";
import styles from '../HI/StepForm.css';
import config from "../../../config.js";

//整改责任人 审批 专用了  10-13  

class BS042ShowPrint extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            data: null,
            loginid: this.props.login.user.ID,
            BtnAgreeDisplay: 'none',
            rowcount: 0,
            riskContentState: 15,
            DEALOPINION: '',
            isCheckerCheck: false,//是否 验收人 确认
            isDealUserCheck: false,//是否 整改责任人 确认
            isActualDealCheck: false,//整改落实人确定
            isOKLoad: false,
            isRejectLoad: false
        };
    };

    componentDidMount() {
        if (this.props.data?.id)
            this.loadData(this.props.data?.id);
    }
    componentWillReceiveProps(NextProps) {
        if (NextProps.data?.id && this.props.data?.id != NextProps.data?.id) {
            this.loadData(NextProps.data?.id);
        }
    }

    BtnClose = () => {
        if (typeof this.props.data.onCancel != "undefined" && typeof this.props.data.onCancel == 'function')
            this.props.data.onCancel();
    }

    loadData = () => {
        // let json = initFilter(this.props.login.OrgId);
        // extendRule(json, 'ID', 1, this.props.data.id);
        // extendInclude(json, 'Nav_ListRiskSubmitContent');
        // extendInclude(json, 'Nav_Submit.Nav_Check');
        // extendInclude(json, 'Nav_ListRiskSubmitContent');
        // extendInclude(json, 'Nav_ListRiskSubmitContent.Nav_Question');
        // extendInclude(json, 'Nav_ListRiskSubmitContent.Nav_ListRiskQuestionReason');
        // extendInclude(json, 'Nav_ListRiskSubmitContent.Nav_ListRiskQuestionReason.Nav_RiskReason');
        // extendInclude(json, 'Nav_ListRiskSubmitContent.Nav_User');
        // extendInclude(json, 'Nav_ListRiskSubmitContent.Nav_Department');
        // extendInclude(json, 'Nav_ListRiskSubmitContent.Nav_DepartmentDeal');
        // extendInclude(json, 'Nav_ListRiskSubmitContent.Nav_UserDeal');
        // extendInclude(json, 'Nav_ListRiskSubmitContent.Nav_UserCheck');
        // extendInclude(json, 'Nav_ListRiskSubmitContent.Nav_UserActualDeal');
        // this.props.dispatch({
        //     type: 'app/getDataByPost',
        //     payload: json,
        //     url: 'BS/RiskSubmitNoticePerson/Get',
        //     onComplete: (ret) => {
        //         if (ret) {
        //             this.setState({   //设置setState全局变量
        //                 data: ret,      //将ret对象赋值给data, data供页面调用
        //                 rowcount: ret.Nav_ListRiskSubmitContent.length,

        //                 riskContentState: ret.Nav_ListRiskSubmitContent[0].RiskContentState,
        //                 isCheckerCheck: (this.state.loginid == ret.Nav_ListRiskSubmitContent[0].CHECK_USER_ID && ret.Nav_ListRiskSubmitContent[0].RiskContentState == 15) ? true : false,
        //                 isDealUserCheck: (this.state.loginid == ret.Nav_ListRiskSubmitContent[0].DEAL_USER_ID && ret.Nav_ListRiskSubmitContent[0].RiskContentState == 17) ? true : false,
        //                 isActualDealCheck: (this.state.loginid == ret.Nav_ListRiskSubmitContent[0].ACTUAL_DEAL_USER_ID && ret.Nav_ListRiskSubmitContent[0].RiskContentState == 32) ? true : false
        //             })
        //         }
        //     }
        // });


        //整改责任人 审批 专用了
        let json = initFilter(this.props.login.OrgId);
        extendRule(json, 'ID', 1, this.props.data.id);
        if (this.props.data.tableKey != undefined && this.props.data.tableKey == "1") {
            extendRule(json, 'ISLOGIN', 1, 1);
        }
        // extendRule(json, 'RiskContentState', 1, 32);//整改落实人确认
        // extendRule(json, 'RiskContentState', 1, 32);//整改落实人确认
        // if () {

        // } 
        extendIgnoreDataRule(json)
        this.props.dispatch({
            type: 'app/getDataByPost',
            payload: json,
            url: 'BS/BSRiskSubmitNoticePerson/GetDetailCheck',
            onComplete: (ret) => {
                if (ret) {
                    var isCheckerCheck = true//是否 验收人 确认
                    var isDealUserCheck = true//是否 整改责任人 确认
                    var isActualDealCheck = true
                    if (this.props.data.tableKey == undefined || this.props.data.tableKey != "1") {
                        isCheckerCheck = false
                        isDealUserCheck = false
                        isActualDealCheck = false
                    }


                    if (isCheckerCheck)
                        isCheckerCheck = (this.state.loginid == ret.Nav_ListRiskSubmitContent[0].DEAL_USER_ID && ret.Nav_ListRiskSubmitContent[0].RiskContentState == 15) ? true : false//CHECK_USER_ID
                    if (isDealUserCheck)
                        isDealUserCheck = (this.state.loginid == ret.Nav_ListRiskSubmitContent[0].CHECK_USER_ID && ret.Nav_ListRiskSubmitContent[0].RiskContentState == 17) ? true : false//DEAL_USER_ID
                    if (isActualDealCheck)
                        isActualDealCheck = (this.state.loginid == ret.Nav_ListRiskSubmitContent[0].ACTUAL_DEAL_USER_ID && ret.Nav_ListRiskSubmitContent[0].RiskContentState == 32) ? true : false

                    this.setState({   //设置setState全局变量
                        data: ret,      //将ret对象赋值给data, data供页面调用
                        rowcount: ret.Nav_ListRiskSubmitContent.length,
                        riskContentState: ret.Nav_ListRiskSubmitContent[0].RiskContentState,
                        isCheckerCheck: isCheckerCheck,
                        isDealUserCheck: isDealUserCheck,
                        isActualDealCheck: isActualDealCheck
                    })
                }
            }
        });

        //结束任务    修改为 整改责任人 和验收人 都要点击 确认  确认完成后   整改责任人 修改验收人
        // endTask(this.props.login.OrgId, this.props.data.TaskID, this.props.dispatch);

    }

    onTableBtnExport() {
        let TableWrap = document.getElementById('tableId' + this.props.data.id);
        let Table = TableWrap.getElementsByTagName('table')[0];
        const wb = XLSX.utils.table_to_book(Table);
        XLSX.writeFile(wb, "隐患整改通知.xlsx")
    }
    //审批意见 改变
    DEALOPINIONCHANGE = (val) => {
        this.state.DEALOPINION = val
    }
    sureCheck = (val) => {
        var tmpData = this.props.data
        if (val == 1 || val == 2) {
            //整改责任人 同意
            // Parameter4 审批结果  1同意 2驳回
            // Parameter3 驳回理由
            if (val == 2 && (this.state.DEALOPINION == undefined || this.state.DEALOPINION == null || this.state.DEALOPINION == '')) {
                // message.success('请填写驳回意见！')
                message.error('请填写驳回意见！')
                return false;
            }
            this.setState({
                isOKLoad: val == 1 ? true : false,
                isRejectLoad: val == 2 ? true : false,
            }, () => {
                let json = initFilter(this.props.login.OrgId, this.props.data.id, null, null, null, this.props.data.TaskID, this.state.rowcount, this.state.DEALOPINION, val);
                this.props.dispatch({
                    type: 'app/getDataByPost',
                    payload: json,
                    url: 'BS/BSRiskSubmit/UserCheckAndSend',
                    onComplete: (ret) => {
                        this.BtnClose()
                    }
                });
            })
        } else {
            //验收人 同意
            if (val == 20 && (this.state.DEALOPINION == undefined || this.state.DEALOPINION == null || this.state.DEALOPINION == '')) {
                // message.success('请填写驳回意见！')
                message.error('请填写驳回意见！')
                return false;
            }
            this.setState({
                // data: tmpData,
                isOKLoad: val == 20 ? false : true,
                isRejectLoad: val == 20 ? true : false,
            }, () => {
                let json = initFilter(this.props.login.OrgId, this.props.data.id, null, null, null, this.props.data.TaskID, val, this.state.DEALOPINION);
                this.props.dispatch({
                    type: 'app/getDataByPost',
                    payload: json,
                    url: 'BS/BSRiskSubmit/CheckerCheck',
                    onComplete: (ret) => {
                        this.BtnClose()
                    }
                });
            })

        }
    }

    //新版验收人确认
    CheckerCheckToActual = (val) => {
        var tmpData = this.props.data
        //验收人 同意
        if (val == 20 && (this.state.DEALOPINION == undefined || this.state.DEALOPINION == null || this.state.DEALOPINION == '')) {
            // message.success('请填写驳回意见！')
            message.error('请填写驳回意见！')
            return false;
        }
        this.setState({
            // data: tmpData,
            isOKLoad: val == 20 ? false : true,
            isRejectLoad: val == 20 ? true : false,
        }, () => {
            let json = initFilter(this.props.login.OrgId, this.props.data.id, null, null, null, this.props.data.TaskID, val, this.state.DEALOPINION);
            this.props.dispatch({
                type: 'app/getDataByPost',
                payload: json,
                url: 'BS/BSRiskSubmit/CheckerCheckToActual',
                onComplete: (ret) => {
                    this.BtnClose()
                }
            });
        })

    }

    sureCheckActualDeal = () => {
        let json = initFilter(this.props.login.OrgId, this.props.data.id, null, null, null, this.props.data.TaskID);
        // extendRule(json, 'ID', 1, this.props.data.id);
        // extendRule(json, "Parameter1", 1, this.props.data.TaskID)
        this.props.dispatch({
            type: 'app/getDataByPost',
            payload: json,
            url: 'BS/BSRiskSubmit/UpdateActualDealRecord',
            onComplete: (ret) => {
                this.BtnClose()
            }
        });
    }

    render() {
        const { data, riskContentState, isDealUserCheck, isCheckerCheck, isActualDealCheck } = this.state;
        return <div>
            <div style={{ padding: '10px' }}>
                <table>
                    <tbody>
                        <tr>
                            <td><ReactToPrint trigger={() => <Button type={'default'} icon={'printer'} >打印</Button>} content={() => this.componentRef} /></td>
                            <td><ExportToExcel fileName='隐患整改通知' tableId={'tableId' + this.props.data.id} pageStyle={"#tableId" + this.props.data.id + " { padding:0 40px;} img{width :120px}"} /></td>
                            {
                                //整改落实人确定
                                isActualDealCheck ? <td><Button type={'primary'} style={{ margin: "0 0 0 10px" }} icon={'save'} onClick={() => this.sureCheckActualDeal()} >确认</Button>  </td> : null
                            }
                            {
                                //验收人确定
                                isDealUserCheck ? <td><Button type={'primary'} style={{ margin: "0 0 0 10px" }} icon={'save'} onClick={() => this.CheckerCheckToActual(10)} >确认</Button>  </td> : null
                            }
                        </tr>
                    </tbody>
                </table>
            </div>

            {/* 检查表制定 */}
            <div ref={el => (this.componentRef = el)} style={{ padding: '20px', paddingTop: '20px' }} id={'tableId' + this.props.data.id}>
                <h1 style={{ textAlign: 'center', margin: '15px' }}>隐患整改通知</h1>
                {
                    //, paddingLeft: '50px'
                    data ? <div>
                        <Descriptions title="" size="middle" bordered>
                            <Descriptions.Item label="发起时间">{data.CREATE_TIME}</Descriptions.Item>
                            <Descriptions.Item label="发起部门">{data.Nav_User?.Nav_Department?.NAME}</Descriptions.Item>
                            <Descriptions.Item label="发起人">{data.Nav_User?.NAME}</Descriptions.Item>
                            <Descriptions.Item label="编码">{data.CODE}</Descriptions.Item>
                            <Descriptions.Item label="附件">{
                                data.Nav_Files && data.Nav_Files.map((item, i) => {
                                    return <a width={'20%'} title={item.Nav_ImgFile.FILE_NAME} target='_blank' href={config.picServerHost + item.Nav_ImgFile.Nav_File.FILE_PATH} >{item.Nav_ImgFile.FILE_NAME} </a>
                                })
                            }</Descriptions.Item>
                        </Descriptions>
                    </div> : null
                }

                {
                    // data ? <table style={{ width: '100%', marginTop: '15px', textAlign: 'center', borderTop: '1px solid #333', borderLeft: '1px solid #333' }} className={styles.PrintForm}>
                    //     <tbody>
                    //         <tr>

                    data ? <table className={styles.PrintFormLight}>
                        <tbody>
                            <tr className={styles.PrintFormLightTh}>
                                {/* <td>名称</td> */}
                                <td>检查问题</td>
                                <td style={{ minWidth: '80px' }}>隐患等级</td>
                                <td>整改建议与措施</td>
                                <td style={{ minWidth: '110px' }}>隐患地点</td>
                                <td style={{ minWidth: '100px' }}>整改期限</td>
                                <td style={{ minWidth: '100px' }}>系统整改期限</td>
                                <td style={{ minWidth: '110px' }}>整改实施单位</td>
                                <td style={{ minWidth: '90px' }}>整改责任人</td>
                                <td style={{ minWidth: '70px' }}>验收人</td>
                                {(isActualDealCheck || data.Nav_ListRiskSubmitContent[0].Nav_UserActualDeal != null) ? <td style={{ minWidth: '90px' }}>整改落实人</td> : null}
                                <td style={{ minWidth: '70px' }}>附件</td>

                            </tr>
                            {data.Nav_ListRiskSubmitContent.map((item, i) => {
                                return <tr>
                                    {/* <td>{item.NAME}</td> */}
                                    {/* <td>{((item.ISBACK != null && item.ISBACK) ? "(返)" : "") + item.Nav_Question.DESCREPTION}</td> */}
                                    <td>{((item.ISBACK != null && item.ISBACK) ? "(返)" : "") + item.DESCREPTION}</td>
                                    <td>{this.props.app.enums.BSQuestionLevelEnum.enums[item.QUESTION_LEVEL]}</td>
                                    <td>{item.DEMAND}</td>
                                    <td>{item.ADDRESS}</td>
                                    <td>{new Date(item.LastDateUser).Format("yyyy-MM-dd")}</td>
                                    <td>{new Date(item.LastDateSystem).Format("yyyy-MM-dd")}</td>
                                    <td> {item.Nav_DepartmentDeal == null ? '' : item.Nav_DepartmentDeal.NAME}</td>
                                    {/* <td> {item.Nav_UserDeal == null ? '' : item.Nav_UserDeal.NAME} </td>
                                    <td> {item.Nav_UserCheck == null ? '' : item.Nav_UserCheck.NAME} </td> */}

                                    <td>{item.ISDEALUSERCHECK ? item.Nav_UserDeal?.NAME : (<a className={styles.red} > {item.Nav_UserDeal?.NAME} </a>)} </td>
                                    <td>{item.ISCHECKERCHECK ? item.Nav_UserCheck?.NAME : (<a className={styles.red} > {item.Nav_UserCheck?.NAME} </a>)} </td>

                                    {/* <td>{isActualDealCheck ? item.Nav_UserActualDeal?.NAME : (<a className={styles.red} > {item.Nav_UserActualDeal?.NAME} </a>)} </td> */}
                                    {(isActualDealCheck || data.Nav_ListRiskSubmitContent[0].Nav_UserActualDeal != null) ? (isActualDealCheck ? <td>{<a className={styles.red} > {item.Nav_UserActualDeal?.NAME} </a>}</td> : <td>{item.Nav_UserActualDeal?.NAME}</td>) : null}

                                    <td>{
                                        item.Nav_Files && item.Nav_Files.map((item, i) => {
                                            return <a width={'20%'} title={item.Nav_ImgFile.FILE_NAME} target='_blank' href={config.picServerHost + item.Nav_ImgFile.Nav_File.FILE_PATH} >{item.Nav_ImgFile.FILE_NAME} </a>
                                        })
                                    } </td>
                                </tr>
                            })}

                        </tbody>
                    </table> : null
                }

                {/* {
                    // 验收人验收
                    // (riskContentState == 15 || riskContentState == 17) ?
                    ((isCheckerCheck || isDealUserCheck) && !isActualDealCheck) ?
                        <table style={{ width: '100%', margin: '0,0,0,0', lineHeight: '35px' }}>
                            <tbody>
                                <tr><td colSpan={2}><br></br><hr></hr></td></tr>
                                <tr>
                                    <th style={{ float: 'right' }} >意见:</th>
                                    <td>
                                        <Input.TextArea style={{ width: '96%', margin: '0 0 0 15px' }} onChange={(evt) => this.DEALOPINIONCHANGE(evt.target.value)} />
                                    </td>
                                </tr>
                                <tr>
                                    <th></th>
                                    <td >
                                        <Button className={styles.agreedUser} type={'primary'} icon={'check'} loading={this.state.isOKLoad} onClick={() => this.sureCheck(riskContentState == 15 ? 1 : 10)} >同意</Button>
                                        <Button className={styles.rejectedUser} type={'primary'} icon={'close'} loading={this.state.isRejectLoad} onClick={() => this.sureCheck(riskContentState == 15 ? 2 : 20)} >驳回</Button> 
                                    </td>
                                </tr>
                            </tbody>
                        </table> : null
                } */}

            </div>
        </div>
    }

}
export default connect(({ login, app }) => ({ login, app }))(BS042ShowPrint)