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)
|