培训类型 显示
考试 暂存 播放时间记忆
This commit is contained in:
wyw
parent
57fa6c09d5
commit
fef5ced63e
@ -219,6 +219,7 @@ class SE018EditPage extends React.Component {
|
||||
};
|
||||
render() {
|
||||
const { data, missUsers, leaveUsers } = this.state;
|
||||
const enums = this.props.data.enums ? this.props.data.enums : this.props.app.enums;
|
||||
const signable = this.state.isView && data && data.STATUS == 1 && data.Nav_Users && data.Nav_Users.find(it => it.USER_ID === this.props.login.user.ID) && (this.props.data.tableKey == "1")
|
||||
return <div>
|
||||
<div>
|
||||
@ -262,7 +263,7 @@ class SE018EditPage extends React.Component {
|
||||
<td colSpan={4} rowSpan={1} className={styles.fontBold}>培训类型</td>
|
||||
<td colSpan={4} rowSpan={1} >{data && data.Nav_Notify.Nav_TrainType ? data.Nav_Notify.Nav_TrainType.NAME : null}</td>
|
||||
<td colSpan={4} rowSpan={1} className={styles.fontBold}>培训级别</td>
|
||||
<td colSpan={4} rowSpan={1} >{data && this.props.app.enums.FMDepartmentType.enums[data.Nav_Notify.LEVEL]}</td>
|
||||
<td colSpan={4} rowSpan={1} >{data && enums.FMDepartmentType.enums[data.Nav_Notify.LEVEL]}</td>
|
||||
<td colSpan={4} rowSpan={1} className={styles.fontBold}>组织部门</td>
|
||||
<td colSpan={4} rowSpan={1} >{data && data.Nav_Notify && data.Nav_Notify.Nav_LaunchDepartment ? data.Nav_Notify.Nav_LaunchDepartment.NAME : null}</td>
|
||||
</tr>
|
||||
@ -278,10 +279,10 @@ class SE018EditPage extends React.Component {
|
||||
<td colSpan={4} rowSpan={1} className={styles.fontBold}>培训老师</td>
|
||||
<td colSpan={4} rowSpan={1} >{data && data.Nav_Notify ? data.Nav_Notify.TRAIN_TEACHER : null}</td>
|
||||
<td colSpan={4} rowSpan={1} className={styles.fontBold}>培训形式</td>
|
||||
<td colSpan={4} rowSpan={1} >{data && this.returnModel(data.Nav_Notify.TRAIN_MODEL)}</td>
|
||||
<td colSpan={4} rowSpan={1} >{data&& data.Nav_Notify && data.Nav_Notify.TRAINTYPE && enums.TrainType.enums[data.Nav_Notify.TRAINTYPE]}</td>
|
||||
<td colSpan={4} rowSpan={1} className={styles.fontBold}>考核方式</td>
|
||||
{/* <td colSpan={4} rowSpan={1} >{data && data.Nav_Notify && data.Nav_Notify.Nav_TrainCheckType ? data.Nav_Notify.Nav_TrainCheckType.NAME : null}</td> */}
|
||||
<td colSpan={4} rowSpan={1} >{data && data.Nav_Notify && data.Nav_Notify.CHECKTYPE && this.props.app.enums.PlanCheckType.enums[data.Nav_Notify.CHECKTYPE]}</td>
|
||||
<td colSpan={4} rowSpan={1} >{data && data.Nav_Notify && data.Nav_Notify.CHECKTYPE && enums.PlanCheckType.enums[data.Nav_Notify.CHECKTYPE]}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colSpan={4} rowSpan={1} className={styles.fontBold}>培训内容</td>
|
||||
|
||||
@ -54,6 +54,16 @@ class SE018PaperPage extends React.Component {
|
||||
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() {
|
||||
@ -197,11 +207,17 @@ class SE018PaperPage extends React.Component {
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
// 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)
|
||||
@ -217,7 +233,8 @@ class SE018PaperPage extends React.Component {
|
||||
isCourEdit: isCourEdit,
|
||||
listPath: this.state.listPath,
|
||||
btnText: this.state.btnText,
|
||||
STATUS_RECORD: STATUS_RECORD
|
||||
STATUS_RECORD: STATUS_RECORD,
|
||||
listViewInfo: ret.ListViewInfo
|
||||
})
|
||||
if (isCourEdit == true) {
|
||||
this.onSave()
|
||||
@ -306,33 +323,47 @@ class SE018PaperPage extends React.Component {
|
||||
}
|
||||
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.indexOf('/VIDEO/') > -1) {
|
||||
this.state.isViedo = true
|
||||
this.state.isVideoEnd = false
|
||||
this.state.filepath = configc.videoServerHost + this.state.filepath
|
||||
this.state.filepathf = []
|
||||
if (ISEND && VIEWSEC == 0) {
|
||||
ISEND = false
|
||||
}
|
||||
} else if (this.state.filepath.indexOf('.mp4') > -1 || this.state.filepath
|
||||
.indexOf('.avi') > -1) {
|
||||
//暂时不应该进来
|
||||
this.state.isViedo = true
|
||||
this.state.isVideoEnd = false
|
||||
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.isVideoEnd = true
|
||||
this.state.filepath = this.state.filepath
|
||||
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: this.state.isVideoEnd,
|
||||
isVideoEnd: ISEND,// this.state.isVideoEnd,
|
||||
VIEWSEC: VIEWSEC,
|
||||
filepathf: this.state.filepathf,
|
||||
})
|
||||
}
|
||||
@ -466,19 +497,132 @@ class SE018PaperPage extends React.Component {
|
||||
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
|
||||
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.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);
|
||||
@ -514,6 +658,11 @@ class SE018PaperPage extends React.Component {
|
||||
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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user