426 lines
12 KiB
Vue
426 lines
12 KiB
Vue
<template>
|
||
<view class="todo-page" style="padding-bottom: 80px;">
|
||
<view class="background"></view>
|
||
<view class="video" v-if="filepath.length > 0&&isOnline">
|
||
<uni-card margin="0" :is-shadow="true">
|
||
<u--form labelPosition="left" labelWidth="auto" labelAlign="center" ref="wForm" errorType="border-bottom">
|
||
<video id="myVideo" @ended="onEnd()" @timeupdate="onTimeUpdate" :src="filepaths" controls></video>
|
||
</u--form>
|
||
</uni-card>
|
||
</view>
|
||
<view v-if="isVodeoEnd" class="card">
|
||
<u--form labelPosition="left" labelWidth="auto" labelAlign="center" errorType="border-bottom" ref="sForm" class="demo-ruleForm">
|
||
<view style="position: relative;">
|
||
<view style="position: absolute;left: -10px;color: #3d4b70;top: -3px;">*</view>
|
||
</view>
|
||
|
||
<view style="font-size: 15px; font-weight: bold;color: #3d4b70;margin-bottom: 10px;">培训教育在线答题</view>
|
||
<view v-for="(item, index) in papers" :key="index" style="border-bottom: #ceccca 1px dashed;margin-bottom: 10px;padding-bottom: 10px;">
|
||
|
||
<u-form-item>
|
||
<view class="uni-flex uni-column">
|
||
<view style="margin-bottom: 10px;">{{(index + 1) + '. ' + item.Nav_Test.NAME + getType(item)}}
|
||
</view>
|
||
<view>
|
||
<u-radio-group v-if="item.Nav_Test.TYPE == 0" v-model="item.ANSWER1" placement="column">
|
||
<u-radio :customStyle="{marginBottom: '4px',marginTop: '4px'}" v-for="(item1, index1) in radiolist1" :key="index1" :label="item1.name" :name="item1.name"
|
||
@change="doOptionChange(index1, item, 1)" :disabled="readonly" />
|
||
</u-radio-group>
|
||
<u-radio-group v-if="item.Nav_Test.TYPE == 1" v-model="item.ANSWER2" placement="column">
|
||
<u-radio :customStyle="{marginBottom: '4px',marginTop: '4px'}" v-for="(item2, index2) in radiolist2[item.ID]" :key="index2" :label="item2.name" :name="item2.name"
|
||
@change="doOptionChange(index2, item, 1 << index2)" :disabled="readonly" />
|
||
</u-radio-group>
|
||
<u-checkbox-group v-if="item.Nav_Test.TYPE == 2" v-model="item.ANSWER3" @change="checkboxChange($event, item)" placement="column">
|
||
<u-checkbox :customStyle="{marginBottom: '4px',marginTop: '4px'}" v-for="(item3, index3) in radiolist2[item.ID]" :key="index3" :label="item3.name" :name="item3.name"
|
||
:disabled="readonly">
|
||
</u-checkbox>
|
||
</u-checkbox-group>
|
||
</view>
|
||
</view>
|
||
</u-form-item>
|
||
</view>
|
||
</u--form>
|
||
</view>
|
||
<view class="bottom-button">
|
||
<button type="primary" v-if="tableKey == 1" @click="submit" :disabled="!isVodeoEnd">提交问卷</button>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import {
|
||
mapState,
|
||
mapMutations
|
||
} from 'vuex';
|
||
import {
|
||
extendFilterGroup,
|
||
extendGroupRule,
|
||
extendInclude,
|
||
extendOrder,
|
||
extendRule,
|
||
guid,
|
||
initFilter,
|
||
initFilterGroup,
|
||
formatSeconds
|
||
} from '../../../../utils/common';
|
||
import {
|
||
getRequest,
|
||
} from '../../../../services/apply/FOServices/FOServices';
|
||
import {
|
||
GetSource,
|
||
SavePapers
|
||
} from '../../../../services/apply/subPages/scWB';
|
||
import config from '../../../../config/common';
|
||
|
||
export default {
|
||
data() {
|
||
return {
|
||
model: {
|
||
ORG_ID: "",
|
||
},
|
||
SOURCE_ID: '',
|
||
papers: [],
|
||
res: [],
|
||
viewAll: false,
|
||
filepath: '',
|
||
notify: null,
|
||
UserList: [],
|
||
SelUsrID: null,
|
||
config: null,
|
||
score: 0,
|
||
END_TIME: null,
|
||
readonly: true,
|
||
loading: false,
|
||
tableKey: '0',
|
||
isHaseV: true,
|
||
isVodeoEnd: false, //是否显示题目
|
||
radiolist1: [{
|
||
name: '正确',
|
||
disabled: false
|
||
},
|
||
{
|
||
name: '错误',
|
||
disabled: false
|
||
},
|
||
],
|
||
radiolist2: {},
|
||
radiovalue1: "错误",
|
||
checkbox: [],
|
||
TaskID: '',
|
||
SelUsrNAME: '',
|
||
ORG_ID: uni.getStorageSync('orgId'),
|
||
JOBID: '',
|
||
progress: 0,
|
||
currentTime: '',
|
||
allTime: '',
|
||
lastTime: 0
|
||
}
|
||
},
|
||
onLoad(option) {
|
||
this.TaskID = option.taskID ? option.taskID : '';
|
||
this.model.ID = option.ID ? option.ID : '';
|
||
this.JOBID = option.ID ? option.ID : '';
|
||
this.tableKey = option.tableKey ? option.tableKey : '0'
|
||
this.loadData();
|
||
},
|
||
methods: {
|
||
loadData() {
|
||
let json = initFilter(this.ORG_ID, this.model.ID);
|
||
extendRule(json, 'ID', 1, this.model.ID);
|
||
GetSource(json).then(ret => {
|
||
if (ret) {
|
||
var filepath = ''
|
||
var isOnline = false
|
||
var papers = []
|
||
var SOURCE_ID = ''
|
||
var readonly = true
|
||
var isVodeoEnd = true
|
||
this.res = ret
|
||
|
||
ret.Nav_ListUserPaper.forEach(ele => {
|
||
if ((SOURCE_ID == '') && (ele.ANSWER == null || ele.ANSWER == 0)) {
|
||
SOURCE_ID = ele.SOURCE_ID
|
||
readonly = false
|
||
isVodeoEnd = false
|
||
}
|
||
if (SOURCE_ID.length > 0 && ele.SOURCE_ID == SOURCE_ID) {
|
||
papers.push(ele)
|
||
isOnline = ele.IS_ONLINE
|
||
if (isOnline == true && filepath == '') {
|
||
filepath = ele.FILE_PATH
|
||
}
|
||
}
|
||
});
|
||
|
||
if (SOURCE_ID == "") {
|
||
papers = ret.Nav_ListUserPaper
|
||
}
|
||
if (filepath == null || filepath == "") {
|
||
isVodeoEnd = true
|
||
}
|
||
|
||
this.papers = papers
|
||
this.isOnline = isOnline
|
||
this.readonly = readonly
|
||
this.SOURCE_ID = SOURCE_ID
|
||
this.filepath = filepath
|
||
this.filepaths = config.uni_app_web_source_url + filepath
|
||
this.isVodeoEnd = isVodeoEnd
|
||
|
||
this.papers.forEach(item => {
|
||
let test = {}
|
||
if (item.Nav_Test.TYPE != 0) {
|
||
this.radiolist2[item.ID] = [];
|
||
this.radiolist2[item.ID].push({
|
||
name: item.Nav_Test.OPTION_A
|
||
}, {
|
||
name: item.Nav_Test.OPTION_B
|
||
}, {
|
||
name: item.Nav_Test.OPTION_C
|
||
}, )
|
||
if (item.Nav_Test.OPTION_D != undefined && item.Nav_Test.OPTION_D != "") {
|
||
this.radiolist2[item.ID].push({
|
||
name: item.Nav_Test.OPTION_D
|
||
})
|
||
}
|
||
if (item.Nav_Test.OPTION_E != undefined && item.Nav_Test.OPTION_E != "") {
|
||
this.radiolist2[item.ID].push({
|
||
name: item.Nav_Test.OPTION_E
|
||
})
|
||
}
|
||
}
|
||
})
|
||
}
|
||
});
|
||
},
|
||
preventFastForward(e) {
|
||
const currentTime = e.detail.currentTime;
|
||
if (currentTime > this.lastTime + 1) {
|
||
uni.$showErrorInfo('禁止快进');
|
||
const videoContext = uni.createVideoContext('myVideo', this)
|
||
videoContext.seek(this.lastTime);
|
||
} else {
|
||
this.lastTime = currentTime;
|
||
}
|
||
},
|
||
findSelectedOptions(num, OPTION_A, OPTION_B, OPTION_C, OPTION_D, OPTION_E) {
|
||
var optionVars = {
|
||
'A': {
|
||
value: 1,
|
||
variable: OPTION_A
|
||
},
|
||
'B': {
|
||
value: 2,
|
||
variable: OPTION_B
|
||
},
|
||
'C': {
|
||
value: 4,
|
||
variable: OPTION_C
|
||
},
|
||
'D': {
|
||
value: 8,
|
||
variable: OPTION_D
|
||
},
|
||
'E': {
|
||
value: 16,
|
||
variable: OPTION_E
|
||
}
|
||
};
|
||
var selectedVars = [];
|
||
for (var key in optionVars) {
|
||
if ((num & optionVars[key].value) === optionVars[key].value) {
|
||
selectedVars.push(optionVars[key].variable);
|
||
}
|
||
}
|
||
return selectedVars;
|
||
},
|
||
getType(paper) {
|
||
let ret = '';
|
||
let config = this.config;
|
||
switch (paper.Nav_Test.TYPE) {
|
||
case 0:
|
||
ret = `【是非题】(${paper.SCOREVAL}分)`;
|
||
break;
|
||
case 1:
|
||
ret = `【单选题】(${paper.SCOREVAL}分)`;
|
||
break;
|
||
case 2:
|
||
ret = `【多选题】(${paper.SCOREVAL}分)`;
|
||
break;
|
||
}
|
||
return ret;
|
||
},
|
||
doOptionChange(index, item, mask) {
|
||
if (item.Nav_Test.TYPE === 2) {
|
||
item.ANSWER |= mask;
|
||
} else {
|
||
item.ANSWER = mask;
|
||
}
|
||
|
||
if (item.ANSWER == item.Nav_Test.ANSWER) {
|
||
item.SCORE = item.SCOREVAL
|
||
} else {
|
||
item.SCORE = 0
|
||
}
|
||
},
|
||
checkboxChange(arr, item) {
|
||
let indexArr = this.findCommonElementsIndices(arr, this.radiolist2[item.ID])
|
||
item.ANSWER3 = arr;
|
||
item.ANSWER = 0;
|
||
indexArr.forEach(index => {
|
||
if (index == 0) {
|
||
item.ANSWER += 1;
|
||
} else if (index == 1) {
|
||
item.ANSWER += 2;
|
||
} else if (index == 2) {
|
||
item.ANSWER += 4;
|
||
} else if (index == 3) {
|
||
item.ANSWER += 8;
|
||
} else if (index == 4) {
|
||
item.ANSWER += 16;
|
||
} else if (index == 5) {
|
||
item.ANSWER += 32;
|
||
}
|
||
})
|
||
if (item.ANSWER == item.Nav_Test.ANSWER) {
|
||
item.SCORE = item.SCOREVAL
|
||
} else {
|
||
item.SCORE = 0
|
||
}
|
||
},
|
||
findCommonElementsIndices(arr1, arr2) {
|
||
const commonElements = [];
|
||
for (let i = 0; i < arr1.length; i++) {
|
||
for (let j = 0; j < arr2.length; j++) {
|
||
if (arr1[i] === arr2[j].name) {
|
||
commonElements.push(j);
|
||
}
|
||
}
|
||
}
|
||
return commonElements;
|
||
},
|
||
onTimeUpdate(e) {
|
||
const currentTime = e.detail.currentTime;
|
||
if (currentTime > this.lastTime + 1) {
|
||
uni.$showErrorInfo('禁止快进');
|
||
const videoContext = uni.createVideoContext('myVideo', this)
|
||
videoContext.seek(this.lastTime);
|
||
} else {
|
||
this.lastTime = currentTime;
|
||
}
|
||
},
|
||
//播放结束
|
||
onEnd() {
|
||
this.isVodeoEnd = true
|
||
},
|
||
submit() {
|
||
if (this.tableKey != 1) {
|
||
return
|
||
}
|
||
let data = JSON.parse(JSON.stringify(this.papers));
|
||
var ALLSCORE = 0
|
||
var PASSSCORE = 0
|
||
for (let i = 0; i < data.length; i++) {
|
||
if (data[i].ANSWER == 0) {
|
||
uni.$showErrorInfo(`第${i + 1}题尚未选择答题，请完成所有答题后再进行提交`)
|
||
return;
|
||
}
|
||
if (data[i].Nav_Test.TYPE === 2 && ([0, 1, 2, 4, 8].indexOf(data[i].ANSWER) !== -1)) {
|
||
uni.$showErrorInfo(`第${i + 1}题为多选题，请选择至少两个选项`)
|
||
return;
|
||
}
|
||
ALLSCORE += data[i].SCORE
|
||
if (PASSSCORE == 0) {
|
||
PASSSCORE = data[i].Nav_Source.PASSSCORE
|
||
}
|
||
}
|
||
|
||
//没过线继续考
|
||
if (ALLSCORE < PASSSCORE) {
|
||
uni.$showErrorInfo(`分数不通过，请检查后再提交（得分${ALLSCORE}通过分数为${PASSSCORE}分)！`)
|
||
return false;
|
||
} else {
|
||
// 判断是静态切换 还是直接提交
|
||
let dataS = this.res;
|
||
let SOURCE_ID = this.SOURCE_ID;
|
||
if (SOURCE_ID != dataS.Nav_ListUserPaper[dataS.Nav_ListUserPaper.length - 1].SOURCE_ID) {
|
||
// 切换试题
|
||
var filepath = ''
|
||
var isOnline = false
|
||
var papers = []
|
||
var SOURCE_IDNext = ''
|
||
var readonly = true
|
||
dataS.Nav_ListUserPaper.forEach(ele => {
|
||
if ((SOURCE_IDNext == '') && (ele.ANSWER == null || ele.ANSWER == 0)) {
|
||
SOURCE_IDNext = ele.SOURCE_ID
|
||
readonly = false
|
||
}
|
||
if (SOURCE_IDNext.length > 0 && ele.SOURCE_ID == SOURCE_IDNext) {
|
||
papers.push(ele)
|
||
isOnline = ele.IS_ONLINE
|
||
if (isOnline == true && filepath == '') {
|
||
filepath = ele.FILE_PATH
|
||
}
|
||
}
|
||
});
|
||
if (filepath && filepath.length > 1) {
|
||
this.isVodeoEnd = false //继续看视频
|
||
this.filepath = filepath
|
||
this.filepaths = config.uni_app_web_source_url + filepath
|
||
}
|
||
|
||
this.papers = papers
|
||
this.isOnline = isOnline
|
||
this.readonly = readonly
|
||
this.SOURCE_ID = SOURCE_IDNext
|
||
|
||
this.papers.forEach(item => {
|
||
let test = {}
|
||
if (item.Nav_Test.TYPE != 0) {
|
||
this.radiolist2[item.ID] = [];
|
||
this.radiolist2[item.ID].push({
|
||
name: item.Nav_Test.OPTION_A
|
||
}, {
|
||
name: item.Nav_Test.OPTION_B
|
||
}, {
|
||
name: item.Nav_Test.OPTION_C
|
||
}, )
|
||
if (item.Nav_Test.OPTION_D != undefined && item.Nav_Test.OPTION_D != "") {
|
||
this.radiolist2[item.ID].push({
|
||
name: item.Nav_Test.OPTION_D
|
||
})
|
||
}
|
||
if (item.Nav_Test.OPTION_E != undefined && item.Nav_Test.OPTION_E != "") {
|
||
this.radiolist2[item.ID].push({
|
||
name: item.Nav_Test.OPTION_E
|
||
})
|
||
}
|
||
}
|
||
})
|
||
|
||
} else {
|
||
//提交答卷
|
||
var modelR = this.res
|
||
if (this.TaskID != '')
|
||
modelR.TaskID = this.TaskID
|
||
SavePapers(modelR).then(ret => {
|
||
uni.$showMsgFunc('操作成功!', () => {
|
||
uni.navigateBack()
|
||
}, 'success', 1000)
|
||
}).catch(err => {
|
||
if (err.length > 0) {
|
||
uni.$showErrorInfo(err[0].message)
|
||
} else {
|
||
uni.$showErrorInfo('校验失败！')
|
||
}
|
||
})
|
||
}
|
||
}
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
@import url("../../../../style/css/newTemplate.css");
|
||
</style> |