856 lines
42 KiB
JavaScript
856 lines
42 KiB
JavaScript
import { message } from "antd/lib/index";
|
|
import { Button, Popconfirm, Row, Col, Checkbox, Radio, Form, Input, Select, Table, Upload, Icon, PageHeader, Modal, Spin } from 'antd';
|
|
import React from 'react';
|
|
import { initFilter, extendRule, extendInclude, setDataFieldValue, guid, initQueryFilter, GetFileModel, showFiles, getFileShow } from "../../../utils/common";
|
|
import ReactToPrint from "react-to-print";
|
|
import styles from '../../CustomPages/HI/StepForm.css';
|
|
import SEstyles from './SE.css';
|
|
import XLSX from 'xlsx';
|
|
import { connect } from 'dva';
|
|
import moment from 'moment';
|
|
import configc from "../../../config.js";
|
|
import FormPage from '../../../components/FormPage'
|
|
|
|
const Option = Select.Option;
|
|
const answer = {
|
|
color: 'blue',
|
|
}
|
|
|
|
class SE018PaperPage extends React.Component {
|
|
constructor(props) {
|
|
super(props);
|
|
let viewAll = false;
|
|
if ((this.props.formParam && this.props.formParam.viewAll) || this.props.data.tableKey == undefined) {
|
|
viewAll = true;
|
|
}
|
|
this.player = null;
|
|
this.videoRef = React.createRef();
|
|
this.lastTimeRef = React.createRef(0);
|
|
this.state = {
|
|
papers: [],
|
|
viewAll,
|
|
record: null,
|
|
notify: null,
|
|
UserList: [],
|
|
SelUsrID: null,
|
|
config: null,
|
|
score: 0,
|
|
NAME: '',
|
|
END_TIME: null,
|
|
readonly: true,
|
|
loading: false,
|
|
isCourEdit: false, //是否 有课件的考试
|
|
isViedo: false,
|
|
isVideoEnd: true,
|
|
filepath: '',
|
|
filepathf: [],
|
|
btnText: '提交问卷', //'下一题'
|
|
perPaper: [], //每次的答题 wyw 20260306
|
|
listPath: [],
|
|
indexCour: -1, //课件,
|
|
STATUS_RECORD: 1,//培训记录状态 2 审阅中 、3 归档 可查看答案是否正确
|
|
fileData: [],
|
|
fileForm: {
|
|
title: "",
|
|
visible: false,
|
|
},
|
|
listViewInfo: [],
|
|
VIEWSEC: 0
|
|
// {
|
|
// USER_ID: this.props.login.user.ID,
|
|
// RECORD_ID: null,
|
|
// TEXT_ID: null,
|
|
// EDU_CARD_ID: null,
|
|
// ISEND: false,
|
|
// VIEWSEC: null
|
|
// }]
|
|
};
|
|
};
|
|
componentDidMount() {
|
|
this.videoRef?.current?.addEventListener('timeupdate', this.handleTimeUpdate);
|
|
if (window.navigator.userAgent.indexOf("Windows") < 1) {
|
|
this.setState({ isMobile: true })
|
|
}
|
|
if (this.props.data?.id)
|
|
this.loadData(this.props.data?.id);
|
|
}
|
|
componentWillUnmount() {
|
|
this.videoRef?.current?.removeEventListener('timeupdate', this.handleTimeUpdate);
|
|
|
|
if (this.player) {
|
|
this.player.destroy();
|
|
}
|
|
}
|
|
handleTimeUpdate = (event) => {
|
|
const currentTime = event.target.currentTime;
|
|
if (currentTime < this.state.lastTime) {
|
|
event.target.currentTime = this.state.lastTime;
|
|
} else {
|
|
this.setState({
|
|
currentTime: currentTime,
|
|
lastTime: currentTime,
|
|
});
|
|
}
|
|
}
|
|
|
|
componentWillReceiveProps(NextProps) {
|
|
if (this.props.data.USER_ID !== NextProps.data.USER_ID) {
|
|
this.state.SelUsrID = NextProps.data.USER_ID;
|
|
this.loadData(this.props.data?.id);
|
|
}
|
|
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();
|
|
}
|
|
getUsers = () => {
|
|
let json = initFilter(this.props.login.OrgId);
|
|
json.Parameter22 = this.props.data.ORG_ID_HV;
|
|
json.OrgType = 2;
|
|
if (this.props.data.TaskID) {
|
|
extendRule(json, 'TEXT_ID', 1, this.props.data.id);
|
|
} else {
|
|
extendRule(json, 'RECORD_ID', 1, this.props.data.id);
|
|
}
|
|
extendInclude(json, 'Nav_User');
|
|
this.state.loading = true;
|
|
this.props.dispatch({
|
|
type: 'app/getDataByPost',
|
|
payload: json,
|
|
url: 'SE/SETrainRecord/GetUsers',
|
|
onComplete: (ret) => {
|
|
this.state.loading = false;
|
|
if (ret && ret.length > 0) {
|
|
this.setState({
|
|
UserList: ret
|
|
})
|
|
if (this.state.viewAll) {
|
|
if (this.state.SelUsrID == null) {
|
|
this.setState({ SelUsrID: this.props.data?.USER_ID }, () => {
|
|
this.getPapers();
|
|
});
|
|
} else {
|
|
this.getPapers();
|
|
}
|
|
} else {
|
|
let usr = ret.find(it => it.ID === this.props.login.user.ID);
|
|
if (usr) {
|
|
this.setState({
|
|
SelUsrID: usr.ID
|
|
}, () => {
|
|
this.getPapers();
|
|
});
|
|
} else {
|
|
message.warn("当前用户没有问卷");
|
|
}
|
|
}
|
|
this.state.SelUsrID = this.props.data?.USER_ID;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
getPapers = () => {
|
|
let SelUsrID = this.state.SelUsrID;
|
|
this.setState({ papers: [] });
|
|
if (!SelUsrID) {
|
|
return;
|
|
}
|
|
|
|
var scort = 'Nav_Test.TYPE'
|
|
if (!this.props.data.TaskID) {
|
|
scort = 'TEXT_ID'
|
|
}
|
|
let json = initFilter(this.props.login.OrgId, this.props.data.TaskID, scort, 1);
|
|
json.Parameter22 = this.props.data.ORG_ID_HV;
|
|
json.OrgType = 2;
|
|
if (this.props.data.TaskID) {
|
|
extendRule(json, 'TEXT_ID', 1, this.props.data.id);
|
|
} else {
|
|
extendRule(json, 'RECORD_ID', 1, this.props.data.id);
|
|
}
|
|
extendRule(json, 'USER_ID', 1, SelUsrID);
|
|
extendInclude(json, 'Nav_Record');
|
|
extendInclude(json, 'Nav_Record.Nav_Notify');
|
|
extendInclude(json, 'Nav_Record.Nav_Notify.Nav_LaunchDepartment');
|
|
extendInclude(json, 'Nav_Record.Nav_Notify.Nav_LaunchUser');
|
|
extendInclude(json, 'Nav_Record.Nav_Notify.Nav_TrainContentList');
|
|
extendInclude(json, 'Nav_Record.Nav_Notify.Nav_TrainType');
|
|
extendInclude(json, 'Nav_Record.Nav_Notify');
|
|
extendInclude(json, 'Nav_Record.Nav_Notify.Nav_TrainContentList.Nav_Point');
|
|
extendInclude(json, 'Nav_Test');
|
|
extendInclude(json, 'Nav_User');
|
|
this.state.loading = true;
|
|
this.props.dispatch({
|
|
type: 'app/getDataByPost',
|
|
payload: json,
|
|
url: 'SE/SETrainRecord/GetUserPapers',
|
|
onComplete: (ret) => {
|
|
this.state.loading = false;
|
|
var isCourEdit = false
|
|
if (this.props.data.tableKey == '1' && ret.listPath != null && ret.listPath.length > 0) {
|
|
isCourEdit = true //考试 有 课件
|
|
this.state.listPath = ret.listPath
|
|
}
|
|
let STATUS_RECORD = ret.STATUS_RECORD
|
|
if (ret.listPath.length > 1) {
|
|
this.state.btnText = '下一题'
|
|
}
|
|
// this.onSave()
|
|
|
|
if (ret && ret.Nav_Papers && ret.Nav_Papers.length > 0) {
|
|
let papers = ret.Nav_Papers.sort((a, b) => { return a.Nav_Test.TYPE - b.Nav_Test.TYPE });
|
|
let config = ret.Nav_Config;
|
|
let record = ret.Nav_Papers[0].Nav_Record;
|
|
let notify = record ? record.Nav_Notify : null;
|
|
let NAME = record.Nav_Notify.NAME;
|
|
let hasAnswered = false;
|
|
|
|
// for (let i = 0; i < ret.Nav_Papers.length; i++) {
|
|
// if (ret.Nav_Papers[i].ANSWER !== 0) {
|
|
// hasAnswered = true;
|
|
// }
|
|
// }
|
|
var check = ret.Nav_Papers.filter(e => e.ANSWER == 0)
|
|
if (check != null || check.length > 0)
|
|
hasAnswered = false
|
|
else
|
|
hasAnswered = true
|
|
|
|
var perPaper = []
|
|
if (isCourEdit == false)
|
|
perPaper = papers //提供显示
|
|
this.setState({
|
|
papers,
|
|
perPaper: perPaper,
|
|
config,
|
|
record,
|
|
notify,
|
|
readonly: hasAnswered,
|
|
NAME: NAME,
|
|
isCourEdit: isCourEdit,
|
|
listPath: this.state.listPath,
|
|
btnText: this.state.btnText,
|
|
STATUS_RECORD: STATUS_RECORD,
|
|
listViewInfo: ret.ListViewInfo
|
|
})
|
|
if (isCourEdit == true) {
|
|
this.onSave()
|
|
}
|
|
} else {
|
|
message.error('未能成功获取此用户的在线试卷，请稍后重试');
|
|
}
|
|
}
|
|
});
|
|
}
|
|
loadData = () => {
|
|
if (this.props.data.id == "")
|
|
return;
|
|
this.getUsers();
|
|
}
|
|
onSave = () => {
|
|
if (this.state.readonly) {
|
|
return;
|
|
}
|
|
if (this.state.indexCour > -1) {
|
|
let data = JSON.parse(JSON.stringify(this.state.perPaper));
|
|
for (let i = 0; i < data.length; i++) {
|
|
if (data[i].ANSWER == 0) {
|
|
message.error(`第${i + 1}题尚未选择答题，请完成所有答题后再进行提交`);
|
|
return;
|
|
}
|
|
if (data[i].Nav_Test.TYPE === 2 && ([0, 1, 2, 4, 8].indexOf(data[i].ANSWER) !== -1)) {
|
|
message.error(`第${i + 1}题为多选题，请选择至少两个选项`);
|
|
return;
|
|
}
|
|
}
|
|
|
|
var replaceModel = {}
|
|
this.state.papers.forEach(e => {
|
|
replaceModel = this.state.perPaper.filter(ep => e.ID == ep.ID)
|
|
if (replaceModel != null) {
|
|
e = replaceModel
|
|
}
|
|
})
|
|
}
|
|
|
|
if (this.state.btnText == "提交问卷" && this.state.indexCour > -1) {
|
|
//数据提交
|
|
let saveData = () => {
|
|
let data = {
|
|
Nav_Config: JSON.parse(JSON.stringify(this.state.config)),
|
|
Nav_Papers: JSON.parse(JSON.stringify(this.state.papers)),
|
|
TaskID: this.props.data.TaskID,
|
|
TEXT_ID: this.props.data.id,
|
|
}
|
|
this.props.dispatch({
|
|
type: 'app/getDataByPost',
|
|
payload: data,
|
|
url: 'SE/SETrainRecord/SavePapers',
|
|
onComplete: (ret) => {
|
|
if (ret && ret.IsOperateSuccessful) {
|
|
if (ret.IsPass) {
|
|
message.success(ret.Msg)
|
|
} else {
|
|
message.warn(ret.Msg)
|
|
}
|
|
} else {
|
|
message.error('提交失败，请稍后重试');
|
|
}
|
|
this.BtnClose();
|
|
}
|
|
});
|
|
}
|
|
Modal.confirm({
|
|
title: '提示',
|
|
content: '确定要提交当前问卷么？提交之后不可再次更改',
|
|
onOk: () => {
|
|
saveData();
|
|
},
|
|
onCancel() {
|
|
},
|
|
})
|
|
} else {
|
|
//下一题
|
|
this.state.indexCour++
|
|
//下一题
|
|
if (this.state.indexCour == this.state.listPath.length - 1) {
|
|
this.state.btnText = '提交问卷' //最后一题
|
|
} else {
|
|
this.state.btnText = '下一题'
|
|
}
|
|
this.state.filepath = this.state.listPath[this.state.indexCour]
|
|
var perPaper = this.state.papers.filter(e => e.FILE_PATH == this.state.filepath)
|
|
var ISEND = true
|
|
var VIEWSEC = 0
|
|
if (this.state.listViewInfo != null && this.state.listViewInfo.length > 0 && perPaper != null && perPaper.length > 0) {
|
|
var checkV = this.state.listViewInfo.filter(e => e.EDU_CARD_ID == perPaper[0].EDU_CARD_ID)
|
|
if (checkV != null && checkV.length > 0) {
|
|
ISEND = checkV[0].ISEND
|
|
VIEWSEC = checkV[0].VIEWSEC
|
|
}
|
|
}
|
|
|
|
if (this.state.filepath && this.state.filepath.length > 0 && this.state.filepath.indexOf('/VIDEO/') > -1) {
|
|
this.state.isViedo = true
|
|
this.state.filepath = configc.videoServerHost + this.state.filepath
|
|
this.state.filepathf = []
|
|
if (ISEND && VIEWSEC == 0) {
|
|
ISEND = false
|
|
}
|
|
} else if (this.state.filepath && this.state.filepath.length > 0 && (this.state.filepath.indexOf('.mp4') > -1 || this.state.filepath
|
|
.indexOf('.avi') > -1)) {
|
|
//暂时不应该进来
|
|
this.state.isViedo = true
|
|
if (ISEND) {
|
|
ISEND = false
|
|
}
|
|
// this.state.isVideoEnd = false
|
|
this.state.filepath = configc.picServerHost + this.state.filepath
|
|
this.state.filepathf = []
|
|
} else {
|
|
this.state.isViedo = false
|
|
// this.state.isVideoEnd = true
|
|
this.state.filepath = this.state.filepath
|
|
if (this.state.filepath && this.state.filepath.length > 0) {
|
|
this.state.filepathf = getFileShow(this.state.filepath)
|
|
}
|
|
}
|
|
this.setState({
|
|
indexCour: this.state.indexCour,
|
|
btnText: this.state.btnText,
|
|
perPaper: perPaper,
|
|
filepath: this.state.filepath,
|
|
isViedo: this.state.isViedo,
|
|
isVideoEnd: ISEND,// this.state.isVideoEnd,
|
|
VIEWSEC: VIEWSEC,
|
|
filepathf: this.state.filepathf,
|
|
})
|
|
}
|
|
}
|
|
fmtEnum(name, value) {
|
|
const enums = this.props.app.enums;
|
|
if (!enums || !enums[name]) return '';
|
|
return enums[name].enums[value] || '';
|
|
}
|
|
onTableBtnExport() {
|
|
let TableWrap = document.getElementById('tableId' + this.props.data.id);
|
|
let Table = TableWrap.getElementsByTagName('table')[0];
|
|
const wb = XLSX.utils.table_to_book(Table);
|
|
let name = '培训在线答题';
|
|
if (this.state.papers && this.state.papers.length > 0) {
|
|
let user = this.state.papers[0].Nav_User;
|
|
name += `-${user.CODE}-${user.NAME}`;
|
|
}
|
|
name += '.xlsx';
|
|
XLSX.writeFile(wb, name)
|
|
}
|
|
getJoinDepartment() {
|
|
let arr = [];
|
|
if (this.state.safe && this.state.safe.Nav_JoinDepartment) {
|
|
for (let it of this.state.safe.Nav_JoinDepartment) {
|
|
if (it.Nav_Department.NAME == "宁化行洛坑钨矿有限公司") {
|
|
arr.push({
|
|
id: it.Nav_Department.ID,
|
|
name: "公司领导"
|
|
})
|
|
} else {
|
|
arr.push({
|
|
id: it.Nav_Department.ID,
|
|
name: it.Nav_Department.NAME
|
|
})
|
|
}
|
|
}
|
|
}
|
|
return arr;
|
|
}
|
|
doOptionChange = (it, index, mask, evt) => {
|
|
let perPaper = this.state.perPaper;
|
|
if (evt.target.checked) {
|
|
if (it.Nav_Test.TYPE === 2) {
|
|
perPaper[index].ANSWER |= mask;
|
|
} else {
|
|
perPaper[index].ANSWER = mask;
|
|
}
|
|
} else {
|
|
perPaper[index].ANSWER = perPaper[index].ANSWER & (~mask);
|
|
}
|
|
this.setState({
|
|
perPaper,
|
|
})
|
|
}
|
|
returnModel(level) {
|
|
let str = '';
|
|
if (level == undefined) {
|
|
return str;
|
|
}
|
|
if (level.indexOf('1') >= 0) {
|
|
str += '讲授法 ';
|
|
}
|
|
if (level.indexOf('2') >= 0) {
|
|
str += '视听法 ';
|
|
}
|
|
if (level.indexOf('3') >= 0) {
|
|
str += '研讨法 ';
|
|
}
|
|
if (level.indexOf('4') >= 0) {
|
|
str += '演示法 ';
|
|
}
|
|
return str;
|
|
}
|
|
CalcScore = () => {
|
|
if (!this.state.readonly) {
|
|
return "";
|
|
}
|
|
|
|
let score = 0;
|
|
// let sscore = 1;
|
|
// let mscore = 1;
|
|
// let cscore = 1;
|
|
// if (this.state.config) {
|
|
// if (this.state.config.S_TEST_SCORE > 0) {
|
|
// sscore = this.state.config.S_TEST_SCORE;
|
|
// }
|
|
// if (this.state.config.M_TEST_SCORE > 0) {
|
|
// mscore = this.state.config.M_TEST_SCORE;
|
|
// }
|
|
// if (this.state.config.C_TEST_SCORE > 0) {
|
|
// cscore = this.state.config.C_TEST_SCORE;
|
|
// }
|
|
// }
|
|
// this.state.papers.map((it, idx) => {
|
|
// if (it.ANSWER !== 0 && it.ANSWER == it.Nav_Test.ANSWER) {
|
|
// switch (it.Nav_Test.TYPE) {
|
|
// case 0: {
|
|
// score += cscore;
|
|
// break;
|
|
// }
|
|
// case 1: {
|
|
// score += sscore;
|
|
// break;
|
|
// }
|
|
// case 2: {
|
|
// score += mscore;
|
|
// break;
|
|
// }
|
|
// }
|
|
// }
|
|
// })
|
|
// forEach (this.state.papers, (it, idx) => {
|
|
// this.state.papers
|
|
// });
|
|
this.state.papers.forEach(element => {
|
|
if (score < element.SCORE) {
|
|
score = element.SCORE;
|
|
}
|
|
});
|
|
return score;
|
|
}
|
|
getType(type) {
|
|
let ret = '';
|
|
const { config } = this.state
|
|
switch (type) {
|
|
case 0: ret = `【是非题】(${config && config.C_TEST_SCORE || 1}分)`; break;
|
|
case 1: ret = `【单选题】(${config && config.S_TEST_SCORE || 1}分)`; break;
|
|
case 2: ret = `【多选题】(${config && config.M_TEST_SCORE || 1}分)`; break;
|
|
}
|
|
return ret;
|
|
}
|
|
onEnd = () => {
|
|
var check = this.state.listViewInfo.filter(e => e.EDU_CARD_ID == this.state.perPaper[0].EDU_CARD_ID)
|
|
if (check == null || check.length < 1) {
|
|
this.state.listViewInfo.push({
|
|
ID: guid(),
|
|
ORG_ID: this.state.perPaper[0].ORG_ID,
|
|
EDU_CARD_ID: this.state.perPaper[0].EDU_CARD_ID,
|
|
USER_ID: this.state.perPaper[0].USER_ID,
|
|
RECORD_ID: this.state.perPaper[0].RECORD_ID,
|
|
TEXT_ID: this.state.perPaper[0].TEXT_ID,
|
|
EDU_CARD_ID: this.state.perPaper[0].EDU_CARD_ID,
|
|
ISEND: true,
|
|
VIEWSEC: parseInt(this.videoRef.current.currentTime) + 1,
|
|
})
|
|
} else {
|
|
this.state.listViewInfo.forEach(e => {
|
|
if (e.EDU_CARD_ID == this.state.perPaper[0].EDU_CARD_ID) {
|
|
e.ISEND = true
|
|
e.VIEWSEC = parseInt(this.videoRef.current.currentTime) + 1
|
|
}
|
|
});
|
|
}
|
|
|
|
this.setState({
|
|
isVideoEnd: true,
|
|
listViewInfo: this.state.listViewInfo
|
|
})
|
|
}
|
|
// TimeUpdate = () => {
|
|
// const currentTime = this.videoRef.current.currentTime;
|
|
// if (currentTime > this.lastTimeRef.current + 1) {
|
|
// this.videoRef.current.currentTime = this.lastTimeRef.current
|
|
// message.error(`禁止快进`);
|
|
// } else {
|
|
// this.lastTimeRef.current = currentTime
|
|
// }
|
|
// }
|
|
|
|
|
|
TimeUpdate = () => {
|
|
const currentTime = this.videoRef.current.currentTime;
|
|
if (Math.abs(this.videoRef.current.currentTime - this.state.VIEWSEC) < 1) {
|
|
// this.lastTimeRef = React.createRef(this.state.VIEWSEC);
|
|
this.lastTimeRef.current = this.state.VIEWSEC
|
|
}
|
|
if (currentTime > this.lastTimeRef.current + 1) {
|
|
if (this.state.isVideoEnd || this.videoRef.current.currentTime < this.state.VIEWSEC) {
|
|
//已看完 或者 观看时间大于当前拉的进度
|
|
} else {
|
|
// this.videoRef.current.currentTime = (this.state.VIEWSEC > this.lastTimeRef.current ? this.state.VIEWSEC : this.lastTimeRef.current)
|
|
this.videoRef.current.currentTime = this.lastTimeRef.current
|
|
message.error(`禁止快进`);
|
|
}
|
|
} else {
|
|
this.lastTimeRef.current = currentTime
|
|
}
|
|
}
|
|
|
|
//暂存
|
|
onTempSave = () => {
|
|
if (this.state.readonly) {
|
|
return;
|
|
}
|
|
if (this.state.isViedo) {
|
|
var check = this.state.listViewInfo.filter(e => e.EDU_CARD_ID == this.state.perPaper[0].EDU_CARD_ID)
|
|
if (check == null || check.length < 1) {
|
|
this.state.listViewInfo.push({
|
|
ID: guid(),
|
|
ORG_ID: this.state.perPaper[0].ORG_ID,
|
|
EDU_CARD_ID: this.state.perPaper[0].EDU_CARD_ID,
|
|
USER_ID: this.state.perPaper[0].USER_ID,
|
|
RECORD_ID: this.state.perPaper[0].RECORD_ID,
|
|
TEXT_ID: this.state.perPaper[0].TEXT_ID,
|
|
EDU_CARD_ID: this.state.perPaper[0].EDU_CARD_ID,
|
|
ISEND: false,
|
|
VIEWSEC: parseInt(this.videoRef.current.currentTime) - 1,
|
|
})
|
|
} else if (check.length > 0 && !check[0].ISEND) {
|
|
this.state.listViewInfo.forEach(e => {
|
|
e.VIEWSEC = parseInt(this.videoRef.current.currentTime) - 1
|
|
})
|
|
}
|
|
}
|
|
// if (this.state.indexCour > -1) {
|
|
// let data = JSON.parse(JSON.stringify(this.state.perPaper));
|
|
// var replaceModel = {}
|
|
// this.state.papers.forEach(e => {
|
|
// replaceModel = this.state.perPaper.filter(ep => e.ID == ep.ID)
|
|
// if (replaceModel != null) {
|
|
// e = replaceModel
|
|
// }
|
|
// })
|
|
// }
|
|
let saveData = () => {
|
|
let data = {
|
|
Nav_Config: JSON.parse(JSON.stringify(this.state.config)),
|
|
Nav_Papers: JSON.parse(JSON.stringify(this.state.papers)),
|
|
TaskID: this.props.data.TaskID,
|
|
TEXT_ID: this.props.data.id,
|
|
ListViewInfo: this.state.listViewInfo
|
|
}
|
|
this.props.dispatch({
|
|
type: 'app/getDataByPost',
|
|
payload: data,
|
|
url: 'SE/SETrainRecord/SavePapersTemp',
|
|
onComplete: (ret) => {
|
|
if (ret && ret.IsOperateSuccessful) {
|
|
message.success('执行成功');
|
|
} else {
|
|
message.error('提交失败，请稍后重试');
|
|
}
|
|
this.BtnClose();
|
|
}
|
|
});
|
|
}
|
|
Modal.confirm({
|
|
title: '提示',
|
|
content: '确定暂存答题？',
|
|
onOk: () => {
|
|
saveData();
|
|
},
|
|
onCancel() {
|
|
},
|
|
})
|
|
|
|
}
|
|
|
|
render() {
|
|
const { record, perPaper, SelUsrID, UserList, notify, btnText, filepath, isViedo, isCourEdit, isVideoEnd, filepathf, STATUS_RECORD } = this.state;
|
|
const SelUsr = SelUsrID && UserList.find(it => it.ID === SelUsrID);
|
|
return <div>
|
|
<div style={{ padding: '10px' }}>
|
|
{
|
|
this.state.viewAll &&
|
|
<Select style={{ fontSize: 14, width: "100px", display: "none" }}
|
|
showSearch
|
|
value={this.state.SelUsrID}
|
|
onChange={val => {
|
|
this.setState({
|
|
SelUsrID: val
|
|
}, () => {
|
|
this.getPapers();
|
|
})
|
|
|
|
}}
|
|
filterOption={(input, option) =>
|
|
option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
}
|
|
>
|
|
{
|
|
this.state.UserList.map(usr =>
|
|
<Option key={usr.ID} value={usr.ID}>{usr.NAME}</Option>
|
|
)
|
|
}
|
|
</Select>
|
|
}
|
|
<span />
|
|
<ReactToPrint
|
|
trigger={() => <Button type={'primary'} icon={'printer'} >打印</Button>}
|
|
content={() => this.componentRef}
|
|
/>
|
|
<Button style={{ marginLeft: '8px' }} onClick={() => this.onTableBtnExport()} icon="export" >导出</Button>
|
|
{
|
|
!this.state.readonly && (
|
|
<Button type="primary" style={{ marginLeft: '8px' }} onClick={() => { this.onTempSave(); }}>暂存</Button>
|
|
)
|
|
}
|
|
{
|
|
!this.state.readonly && (
|
|
<Button type="primary" style={{ marginLeft: '8px' }} onClick={() => { this.onSave(); }}>{btnText}</Button>
|
|
)
|
|
}
|
|
</div>
|
|
<FormPage {...this.state.tmpData} />
|
|
<div ref={el => (this.componentRef = el)} id={'tableId' + this.props.data.id}>
|
|
<h1 style={{ textAlign: 'center' }}>培训在线答题</h1>
|
|
<Spin spinning={this.state.loading}>
|
|
<table style={{ width: '100%', textAlign: 'center', borderTop: '1px solid #333', borderLeft: '1px solid #333' }} className={styles.PrintForm}>
|
|
<tbody>
|
|
<tr>
|
|
<td colSpan={4} rowSpan={1} className={styles.fontBold}>培训名称</td>
|
|
<td colSpan={20} rowSpan={1} className={styles.fontBold}>{notify ? notify.NAME : null}</td>
|
|
</tr>
|
|
<tr>
|
|
<td colSpan={4} rowSpan={1} className={styles.fontBold}>编号</td>
|
|
<td colSpan={4} rowSpan={1} >{notify ? notify.CODE : null}</td>
|
|
<td colSpan={4} rowSpan={1} className={styles.fontBold}>培训时间</td>
|
|
<td colSpan={4} rowSpan={1} >{notify ? `${moment(notify.TRAIN_START_TIME).format('YYYY-MM-DD')} - ${moment(notify.TRAIN_END_TIME).format('YYYY-MM-DD')}` : null}</td>
|
|
<td colSpan={4} rowSpan={1} className={styles.fontBold}>培训地点</td>
|
|
<td colSpan={4} rowSpan={1} >{notify ? notify.TRAIN_ADDR : null}</td>
|
|
</tr>
|
|
<tr>
|
|
<td colSpan={4} rowSpan={1} className={styles.fontBold}>组织部门</td>
|
|
<td colSpan={4} rowSpan={1} >{notify && notify.Nav_LaunchDepartment ? notify.Nav_LaunchDepartment.NAME : null}</td>
|
|
<td colSpan={4} rowSpan={1} className={styles.fontBold}>记录/考核人</td>
|
|
<td colSpan={4} rowSpan={1} >{notify && notify.Nav_LaunchUser ? notify.Nav_LaunchUser.NAME : null}</td>
|
|
<td colSpan={4} rowSpan={1} className={styles.fontBold}>培训老师</td>
|
|
<td colSpan={4} rowSpan={1} >{notify ? notify.TRAIN_TEACHER : null}</td>
|
|
</tr>
|
|
<tr>
|
|
<td colSpan={4} rowSpan={1} className={styles.fontBold}>培训学时</td>
|
|
<td colSpan={4} rowSpan={1} >{notify ? notify.HOURS : null}</td>
|
|
<td colSpan={4} rowSpan={1} className={styles.fontBold}>培训形式</td>
|
|
<td colSpan={4} rowSpan={1} >{notify ? this.returnModel(notify.TRAIN_MODEL) : null}</td>
|
|
<td colSpan={4} rowSpan={1} className={styles.fontBold}>考核方式</td>
|
|
<td colSpan={4} rowSpan={1} >{notify && notify.CHECKTYPE && this.props.app.enums.PlanCheckType.enums[notify.CHECKTYPE]}</td>
|
|
</tr>
|
|
<tr>
|
|
<td colSpan={4} rowSpan={1} className={styles.fontBold}>培训内容</td>
|
|
<td colSpan={20} rowSpan={1} >{
|
|
notify && notify.Nav_TrainContentList && notify.Nav_TrainContentList.map(it => {
|
|
return it.Nav_Point.NAME
|
|
}).join('、')
|
|
}</td>
|
|
</tr>
|
|
<tr>
|
|
<td colSpan={4} rowSpan={1} className={styles.fontBold}>工号</td>
|
|
<td colSpan={4} rowSpan={1}>{SelUsr && SelUsr.CODE}</td>
|
|
<td colSpan={4} rowSpan={1} className={styles.fontBold}>答卷人</td>
|
|
<td colSpan={4} rowSpan={1}>{SelUsr && SelUsr.NAME}</td>
|
|
<td colSpan={4} rowSpan={1} className={styles.fontBold}>成绩</td>
|
|
<td colSpan={4} rowSpan={1}>{this.CalcScore()}</td>
|
|
</tr>
|
|
{/* isViedo, isCourEdit */}
|
|
{
|
|
isCourEdit && isViedo ? <tr >
|
|
<td colSpan={24} rowSpan={1} className={styles.fontBold}>
|
|
<div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', textAlign: 'center' }}>
|
|
{
|
|
<video ref={this.videoRef} style={{ marginTop: 5, height: window.innerHeight - 200 }} onEnded={() => this.onEnd()} onTimeUpdate={() => this.TimeUpdate()} src={filepath} controls>
|
|
<source src={filepath} type="video/mp4" />
|
|
</video>
|
|
}
|
|
</div>
|
|
</td>
|
|
</tr> : null
|
|
}
|
|
{
|
|
isCourEdit && !isViedo && filepathf && filepathf.length > 0 ? <tr >
|
|
<td colSpan={4} rowSpan={1} className={styles.fontBold}>课件附件</td>
|
|
<td colSpan={20} rowSpan={1} className={styles.fontBold}>
|
|
{
|
|
showFiles(filepathf, configc.picServerHost, this)
|
|
}
|
|
</td>
|
|
</tr> : null
|
|
}
|
|
<tr>
|
|
<td colSpan={24} rowSpan={1} className={styles.fontBold}>问卷</td>
|
|
</tr>
|
|
{
|
|
isVideoEnd && perPaper.map((it, idx) => {
|
|
return (
|
|
<tr key={it.ID}>
|
|
<td colSpan={24} rowSpan={1}>
|
|
<table border={0} className={SEstyles.TestPaperItem}>
|
|
<tbody>
|
|
<tr>
|
|
<td colSpan={24} rowSpan={1} className={SEstyles.TestTiltle}>
|
|
<span>{idx + 1}.</span>
|
|
<span>{it.Nav_Test.NAME}</span>
|
|
<span>{this.getType(it.Nav_Test.TYPE)}</span>
|
|
</td>
|
|
</tr>
|
|
<tr style={this.state.readonly && ((it.Nav_Test.ANSWER & 1) != 0) ? answer : null}>
|
|
{
|
|
it.Nav_Test.TYPE === 0 ?
|
|
<td colSpan={24} rowSpan={1} className={this.state.readonly && ((it.Nav_Test.ANSWER & 1) != 0) && (STATUS_RECORD > 1) ? styles.answer : null}>
|
|
<Radio disabled={this.state.readonly} checked={(it.ANSWER & 1) != 0} onChange={evt => this.doOptionChange(it, idx, 1, evt)} >正确</Radio>
|
|
</td>
|
|
:
|
|
<td colSpan={24} rowSpan={1} className={this.state.readonly && ((it.Nav_Test.ANSWER & 1) != 0) && (STATUS_RECORD > 1) ? styles.answer : null}>
|
|
{
|
|
it.Nav_Test.TYPE === 1 ?
|
|
<Radio disabled={this.state.readonly} checked={(it.ANSWER & 1) != 0} onChange={evt => this.doOptionChange(it, idx, 1, evt)} >A.{it.Nav_Test.OPTION_A}</Radio>
|
|
:
|
|
<Checkbox disabled={this.state.readonly} checked={(it.ANSWER & 1) != 0} onChange={evt => this.doOptionChange(it, idx, 1, evt)} >A.{it.Nav_Test.OPTION_A}</Checkbox>
|
|
}
|
|
</td>
|
|
}
|
|
</tr>
|
|
<tr style={this.state.readonly && ((it.Nav_Test.ANSWER & 2) != 0) ? answer : null}>
|
|
{
|
|
it.Nav_Test.TYPE === 0 ?
|
|
<td colSpan={24} rowSpan={1} className={this.state.readonly && ((it.Nav_Test.ANSWER & 2) != 0) && (STATUS_RECORD > 1) ? styles.answer : null}>
|
|
<Radio disabled={this.state.readonly} checked={(it.ANSWER & 2) != 0} onChange={evt => this.doOptionChange(it, idx, 2, evt)} >错误</Radio>
|
|
</td>
|
|
:
|
|
<td colSpan={24} rowSpan={1} className={this.state.readonly && ((it.Nav_Test.ANSWER & 2) != 0) && (STATUS_RECORD > 1) ? styles.answer : null}>
|
|
{
|
|
it.Nav_Test.TYPE === 1 ?
|
|
<Radio disabled={this.state.readonly} checked={(it.ANSWER & 2) != 0} onChange={evt => this.doOptionChange(it, idx, 2, evt)} >B.{it.Nav_Test.OPTION_B}</Radio>
|
|
:
|
|
<Checkbox disabled={this.state.readonly} checked={(it.ANSWER & 2) != 0} onChange={evt => this.doOptionChange(it, idx, 2, evt)} >B.{it.Nav_Test.OPTION_B}</Checkbox>
|
|
}
|
|
</td>
|
|
}
|
|
</tr>
|
|
{
|
|
it.Nav_Test.TYPE !== 0 &&
|
|
<tr style={this.state.readonly && ((it.Nav_Test.ANSWER & 4) != 0) ? answer : null}>
|
|
<td colSpan={24} rowSpan={1} className={this.state.readonly && ((it.Nav_Test.ANSWER & 4) != 0) && (STATUS_RECORD > 1) ? styles.answer : null}>
|
|
{
|
|
it.Nav_Test.TYPE === 1 ?
|
|
<Radio disabled={this.state.readonly} checked={(it.ANSWER & 4) != 0} onChange={evt => this.doOptionChange(it, idx, 4, evt)} >C.{it.Nav_Test.OPTION_C}</Radio>
|
|
:
|
|
<Checkbox disabled={this.state.readonly} checked={(it.ANSWER & 4) != 0} onChange={evt => this.doOptionChange(it, idx, 4, evt)} >C.{it.Nav_Test.OPTION_C}</Checkbox>
|
|
}
|
|
</td>
|
|
</tr>
|
|
}
|
|
{
|
|
it.Nav_Test.TYPE !== 0 && it.Nav_Test.OPTION_D != "" && it.Nav_Test.OPTION_D != undefined &&
|
|
<tr style={this.state.readonly && ((it.Nav_Test.ANSWER & 8) != 0) ? answer : null}>
|
|
<td colSpan={24} rowSpan={1} className={this.state.readonly && ((it.Nav_Test.ANSWER & 8) != 0) && (STATUS_RECORD > 1) ? styles.answer : null}>
|
|
{
|
|
it.Nav_Test.TYPE === 1 ?
|
|
<Radio disabled={this.state.readonly} checked={(it.ANSWER & 8) != 0} onChange={evt => this.doOptionChange(it, idx, 8, evt)} >D.{it.Nav_Test.OPTION_D}</Radio>
|
|
:
|
|
<Checkbox disabled={this.state.readonly} checked={(it.ANSWER & 8) != 0} onChange={evt => this.doOptionChange(it, idx, 8, evt)} >D.{it.Nav_Test.OPTION_D}</Checkbox>
|
|
}
|
|
</td>
|
|
</tr>
|
|
}
|
|
{
|
|
it.Nav_Test.TYPE !== 0 && it.Nav_Test.OPTION_E != "" && it.Nav_Test.OPTION_E != undefined &&
|
|
<tr style={this.state.readonly && ((it.Nav_Test.ANSWER & 16) != 0) ? answer : null}>
|
|
<td colSpan={24} rowSpan={1} className={this.state.readonly && ((it.Nav_Test.ANSWER & 16) != 0) && (STATUS_RECORD > 1) ? styles.answer : null}>
|
|
{
|
|
it.Nav_Test.TYPE === 1 ?
|
|
<Radio disabled={this.state.readonly} checked={(it.ANSWER & 16) != 0} onChange={evt => this.doOptionChange(it, idx, 16, evt)} >E.{it.Nav_Test.OPTION_E}</Radio>
|
|
:
|
|
<Checkbox disabled={this.state.readonly} checked={(it.ANSWER & 16) != 0} onChange={evt => this.doOptionChange(it, idx, 16, evt)} >E.{it.Nav_Test.OPTION_E}</Checkbox>
|
|
}
|
|
</td>
|
|
</tr>
|
|
}
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
)
|
|
})
|
|
}
|
|
</tbody>
|
|
</table>
|
|
</Spin>
|
|
</div>
|
|
{
|
|
GetFileModel(Modal, FormPage, this, this.state.fileForm.visible)
|
|
}
|
|
</div>
|
|
}
|
|
}
|
|
|
|
export default connect(({ login, app }) => ({ login, app }))(SE018PaperPage)
|