240 lines
9.5 KiB
JavaScript
240 lines
9.5 KiB
JavaScript
import React from 'react';
|
||
import { connect } from 'dva';
|
||
import { Button, Icon, Upload, Form } from 'antd';
|
||
import config from "../../../config.js";
|
||
import storage from '../../../utils/storage';
|
||
import styles from '../HI/StepForm.css';
|
||
import { initFilter, extendRule, downLoad, extendInclude, setDataFieldValue, guid, initQueryFilter, showFiles, showApprove, showUserSign, showUsersSign } from "../../../utils/common";
|
||
|
||
class OH017Import extends React.Component {
|
||
constructor(props) {
|
||
super(props);
|
||
this.state = {
|
||
fileName: props.data.fileName,
|
||
data: null,
|
||
Msg: '',
|
||
isMsgShow: false,
|
||
url: props.data.url,
|
||
isOk: true,
|
||
id: props.data.id,
|
||
TaskID: props.data.TaskID,
|
||
dataBack: []
|
||
}
|
||
}
|
||
|
||
getRequestHeaders = () => {
|
||
// 请求参数
|
||
const addHeader = 'Bearer ' + storage('lacal').getItem('accessToken').val
|
||
const userId = storage('lacal').getItem('userid').val
|
||
const user = storage('lacal').getItem('loginUserVerify').val
|
||
const RootOrgId = storage('lacal').getItem('RootOrgId').val
|
||
const orgId = storage('lacal').getItem('webOrgId').val
|
||
const Tenant = storage('lacal').getItem('Tenant').val
|
||
const headers = {
|
||
// 'Content-Type': type === 'post' ? 'application/json' : 'application/x-www-form-urlencoded',
|
||
Authorization: addHeader,
|
||
userid: userId,
|
||
username: user ? user.username : '',
|
||
RootOrgId,
|
||
orgId,
|
||
Tenant: Tenant
|
||
}
|
||
return headers
|
||
}
|
||
|
||
fillImportData = (ret) => {
|
||
if (!ret) {
|
||
this.setState({
|
||
data: [],
|
||
selectedRowKeys: [],
|
||
messages: '',
|
||
})
|
||
return;
|
||
}
|
||
if (ret.ErrorMessage) {
|
||
this.setState({
|
||
messages: ('错误：' + ret.ErrorMessage)
|
||
});
|
||
}
|
||
let messages = '';
|
||
if (ret.Data && ret.Data.MessageList && ret.Data.MessageList.length) {
|
||
var tmps = [];
|
||
ret.Data.MessageList.forEach((n, i) => {
|
||
tmps.push(n);
|
||
});
|
||
messages = tmps.join('\n');
|
||
}
|
||
const selectedRowKeys = [];
|
||
if (ret.Data && ret.Data.Data) {
|
||
ret.Data.Data.forEach((n, i) => {
|
||
selectedRowKeys.push(n.ID);
|
||
});
|
||
}
|
||
this.setState({
|
||
data: (ret.Data && ret.Data.Data ? ret.Data.Data : []),
|
||
selectedRowKeys,
|
||
messages
|
||
});
|
||
}
|
||
|
||
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);
|
||
}
|
||
}
|
||
loadData = (id) => {
|
||
var orgId = this.props.login ? this.props.login.OrgId : ''; //登录后有存储登录信息
|
||
let json = initFilter(orgId);
|
||
extendRule(json, 'ID', 1, id); //ID=‘’，字段，等于，条件值， 1代表=，2代表不等于，3小于，4小于等于，5大于，6大于等于，7以开始的Like,8以结束的Like，9包含
|
||
let that = this;
|
||
let btndisplay = 'none';
|
||
this.props.dispatch({
|
||
type: 'app/getDataByPost',
|
||
payload: json,
|
||
url: 'OH/OHHealthExamResult/GetImportIni',
|
||
onComplete: (ret) => { //返回查询结果ret
|
||
if (ret) { //判断是否有记录
|
||
this.setState({ //设置setState全局变量
|
||
data: ret, //将ret对象赋值给data, data供页面调用
|
||
isMsgShow: true,
|
||
dataBack: ret.Nav_ListResult
|
||
})
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
// downLoad = (fileName) => {
|
||
// let link = document.createElement('a')
|
||
// // link.style.display=nonWhiteSpace
|
||
// link.href = config.picServerHost + '/' + fileName,
|
||
// document.body.appendChild(link)
|
||
// link.click()
|
||
// }
|
||
|
||
//渲染页面
|
||
render() {
|
||
const { data, Msg, fileName, isMsgShow, url, urlDown, isOk, dataBack, id, TaskID } = this.state;
|
||
const enums = this.props.data.enums ? this.props.data.enums : this.props.app.enums;
|
||
const that = this;
|
||
const uploadProps = {
|
||
name: 'file',
|
||
action: config.serviceHost(url),
|
||
data: { OrgId: this.props.login.OrgId, id: id, TaskID: TaskID },//, ImportConfigCode: configCode, delFlag: delFlag
|
||
fileList: this.state.updateLoadFileList,
|
||
accept: '.xls,.xlsx',
|
||
headers: this.getRequestHeaders(),
|
||
onChange(info) {
|
||
var Msg = ''
|
||
var isOk = true
|
||
var dataBack = []
|
||
if (info.file.status === 'done') {
|
||
if (info.file.response.IsSuccessful) {
|
||
// Msg = "【" + info.file.name + '】' + info.file.response.Data.Data
|
||
// message.info(`${info.file.name} 导入并保存成功`);
|
||
dataBack = info.file.response.Data
|
||
|
||
} else {
|
||
//失败
|
||
Msg = info.file.response.ErrorMessage
|
||
isOk = false
|
||
// message.error(`${info.file.response.ErrorMessage} `);
|
||
}
|
||
} else if (info.file.status === 'error') {
|
||
isOk = false
|
||
if (info.file.response && info.file.response.ErrorMessage) {
|
||
Msg = "【" + info.file.name + '】导入错误，详情：' + info.file.response.ErrorMessage
|
||
// message.error(`${info.file.name} 导入错误，详情：${info.file.response.ErrorMessage}`);
|
||
}
|
||
else {
|
||
Msg = "【" + info.file.name + '】导入错误'
|
||
}
|
||
}
|
||
that.setState({
|
||
updateLoadFileList: info.fileList,
|
||
data: info,
|
||
Msg: '导入说明：' + Msg,
|
||
isMsgShow: true,
|
||
isOk: isOk,
|
||
dataBack: dataBack
|
||
});
|
||
},
|
||
};
|
||
|
||
return <div>
|
||
<div style={{ padding: '10px' }}>
|
||
<Form>
|
||
<table>
|
||
<tr >
|
||
<td>
|
||
<Upload {...uploadProps}>
|
||
<Button>
|
||
<Icon type="upload" /> 选择数据
|
||
</Button>
|
||
</Upload>
|
||
</td>
|
||
<td>
|
||
<Button onClick={() => { downLoad(config.picServerHost, fileName) }}>
|
||
<Icon type="vertical-align-bottom" /> 下载模板
|
||
</Button>
|
||
</td>
|
||
</tr>
|
||
{
|
||
isMsgShow ? (
|
||
isOk ? <tr >
|
||
<td colSpan={2}>
|
||
<div>{Msg}</div>
|
||
</td>
|
||
</tr>
|
||
:
|
||
<tr style={{ color: 'red' }}>
|
||
<td colSpan={2}>
|
||
<div>{Msg}</div>
|
||
</td>
|
||
</tr>
|
||
)
|
||
: null
|
||
}
|
||
</table>
|
||
</Form>
|
||
</div>
|
||
|
||
|
||
<div ref={el => (this.componentRef = el)} style={{ padding: '20px', paddingTop: '20px' }} id={'tableId' + this.props.data.id}>
|
||
<h1 className={styles.showPrintHead}>体检结果导入</h1>
|
||
{
|
||
<table className={styles.PrintFormLight}>
|
||
<tbody>
|
||
<tr className={styles.PrintFormLightTh}>
|
||
<td>体检批次</td>
|
||
<td>体检人员</td>
|
||
<td>身份证号</td>
|
||
<td>体检结论</td>
|
||
<td>结果描述</td>
|
||
<td>处理意见</td>
|
||
</tr>
|
||
{dataBack?.map((item, i) => {
|
||
return <tr>
|
||
<td>{item.Nav_NoticeRegister?.Nav_ExamBatch?.BATCH}</td>
|
||
<td>{item.Nav_User?.NAME}</td>
|
||
<td>{item.Nav_User?.ID_CARD} </td>
|
||
<td>{item.RESULT_ENUM == 0 ? '' : enums.OHHealthExamResult.enums[item.RESULT_ENUM]} </td>
|
||
<td>{item.DESCRIPTION} </td>
|
||
<td>{item.SUGGESTION} </td>
|
||
</tr>
|
||
})}
|
||
</tbody>
|
||
</table>
|
||
}
|
||
</div>
|
||
|
||
|
||
</div>
|
||
}
|
||
}
|
||
export default connect(({ login, app }) => ({ login, app }))(OH017Import)
|