feat:提交评估传递项目/路径id及其阶段/路径id用于区分不同评估

This commit is contained in:
wuyx
2022-12-23 18:31:41 +08:00
parent bb6ec4c447
commit b171871d6f
5 changed files with 379 additions and 413 deletions

View File

@@ -333,6 +333,7 @@ function toSurvery() {
courseId: data.value.planDto.evaluateId, courseId: data.value.planDto.evaluateId,
pName: "面授课", pName: "面授课",
sName: data.value.planDto.name, sName: data.value.planDto.name,
type: 3
}, },
}); });
} }

View File

@@ -213,6 +213,7 @@ const commitClick = () => {
courseId: data.value.assessmentId, courseId: data.value.assessmentId,
pName: "直播", pName: "直播",
sName: data.value.liveName, sName: data.value.liveName,
type: 4
}, },
}); });
}; };

View File

@@ -375,8 +375,8 @@ function introductionPro() {
dialogVisible.value = true; dialogVisible.value = true;
} }
function toFinish(d, sName, chapterId) { function toFinish(d, sName, chapterOrStageId) {
console.log("dddddd", d, sName); console.log("dddddd", d, sName, chapterOrStageId);
// 作业过期判断 // 作业过期判断
if (d.type == 4) { if (d.type == 4) {
let date1 = new Date(d.endTime).getTime(); let date1 = new Date(d.endTime).getTime();
@@ -472,6 +472,7 @@ function toFinish(d, sName, chapterId) {
courseId: d.courseId, courseId: d.courseId,
pName: data.value.name, pName: data.value.name,
sName, sName,
chapterOrStageId
}, },
}); });
} else if (typeof types.value.path[d.type] === "function") { } else if (typeof types.value.path[d.type] === "function") {

View File

@@ -368,6 +368,8 @@ const types = ref({
}); });
function toFinish(d) { function toFinish(d) {
console.log(d)
console.log(data.value.currentStageId, routerId)
if (!types.value.path[d.type]) { if (!types.value.path[d.type]) {
ElMessage.error("暂时未开放"); ElMessage.error("暂时未开放");
return; return;
@@ -390,11 +392,13 @@ function toFinish(d) {
router.push({ router.push({
path: types.value.path[d.type], path: types.value.path[d.type],
query: { query: {
id: d.routerTaskId, // id: d.routerTaskId,
id: routerId,
type: 1, type: 1,
courseId: d.courseId, courseId: d.courseId,
pName: data.value.name, pName: data.value.name,
sName: data.value.currentStageName, sName: data.value.currentStageName,
chapterOrStageId: data.value.currentStageId
}, },
}); });
} else if (typeof types.value.path[d.type] === "function") { } else if (typeof types.value.path[d.type] === "function") {

View File

@@ -1,9 +1,7 @@
<template> <template>
<div class="surveydetail" style="padding: 30px"> <div class="surveydetail" style="padding: 30px">
<!-- 面包屑导航 --> <!-- 面包屑导航 -->
<div <div style="display: flex; align-items: center; justify-content: space-between">
style="display: flex; align-items: center; justify-content: space-between"
>
<div class="crumb"> <div class="crumb">
<div>{{ pName }}</div> <div>{{ pName }}</div>
<div style="margin-left: 6px; margin-right: 6px">/</div> <div style="margin-left: 6px; margin-right: 6px">/</div>
@@ -29,11 +27,7 @@
</div>--> </div>-->
<div class="return"> <div class="return">
<div style="display: flex" @click="returnclick"> <div style="display: flex" @click="returnclick">
<img <img class="img2" style="margin-right: 22px" src="../../assets/image/return.png" />
class="img2"
style="margin-right: 22px"
src="../../assets/image/return.png"
/>
<div class="text" style="color: #fff">返回</div> <div class="text" style="color: #fff">返回</div>
</div> </div>
</div> </div>
@@ -49,34 +43,21 @@
return a[0].orderNumber - b[0].orderNumber return a[0].orderNumber - b[0].orderNumber
}) }} --> }) }} -->
<div <div class="question" v-for="
class="question"
v-for="
(value, index) in formateArr([data.assessmentEssayQuestionDtoList, data.assessmentMultipleChoiceDtoList, data.assessmentScoringQuestionDtoList, data.assessmentSingleChoiceDtoList]).sort((a, b) => { (value, index) in formateArr([data.assessmentEssayQuestionDtoList, data.assessmentMultipleChoiceDtoList, data.assessmentScoringQuestionDtoList, data.assessmentSingleChoiceDtoList]).sort((a, b) => {
return a[0].orderNumber - b[0].orderNumber return a[0].orderNumber - b[0].orderNumber
}) " }) " :key="index" :style="{ 'margin-top': index === 0 ? '57px' : '41px' }">
:key="index"
:style="{ 'margin-top': index === 0 ? '57px' : '41px' }"
>
<div v-if="value[0].questionType == '4'"> <div v-if="value[0].questionType == '4'">
<div <div class="question" v-for="(value, index) in data.assessmentScoringQuestionDtoList" :key="index"
class="question" :style="{ 'margin-top': index === 0 ? '57px' : '41px' }">
v-for="(value, index) in data.assessmentScoringQuestionDtoList"
:key="index"
:style="{ 'margin-top': index === 0 ? '57px' : '41px' }"
>
<div class="text">{{ value.assessmentScTitle }}</div> <div class="text">{{ value.assessmentScTitle }}</div>
<div class="answer"> <div class="answer">
<div class="answerL">完全没用</div> <div class="answerL">完全没用</div>
<div class="answerC"> <div class="answerC">
<div <div class="answerCitem" v-for="(item, key) in Array.from(
class="answerCitem"
v-for="(item, key) in Array.from(
{ length: value.assessmentMaxScore }, { length: value.assessmentMaxScore },
(k, i) => i (k, i) => i
)" )" :key="key" :style="{
:key="key"
:style="{
'margin-left': key === 0 ? '15px' : '10px', 'margin-left': key === 0 ? '15px' : '10px',
background: background:
value.selectAnswer === item value.selectAnswer === item
@@ -86,16 +67,14 @@
value.selectAnswer === item value.selectAnswer === item
? '#fff' ? '#fff'
: 'rgba(86, 163, 249, 1)', : 'rgba(86, 163, 249, 1)',
}" }" @click="
@click="
() => { () => {
if (data.isSubmit) { if (data.isSubmit) {
return; return;
} }
value.selectAnswer = item; value.selectAnswer = item;
} }
" ">
>
<div>{{ item + 1 }}</div> <div>{{ item + 1 }}</div>
</div> </div>
</div> </div>
@@ -105,26 +84,18 @@
</div> </div>
<div v-else-if="value[0].questionType == '1'"> <div v-else-if="value[0].questionType == '1'">
<div <div class="question" style="margin-top: 41px" v-if="
class="question"
style="margin-top: 41px"
v-if="
data.assessmentSingleChoiceDtoList && data.assessmentSingleChoiceDtoList &&
data.assessmentSingleChoiceDtoList.length data.assessmentSingleChoiceDtoList.length
" ">
>
<div class="text"> <div class="text">
{{ data.assessmentSingleChoiceDtoList[0]?.singleStemName }} {{ data.assessmentSingleChoiceDtoList[0]?.singleStemName }}
</div> </div>
<div <div v-for="(value, index) in data.assessmentSingleChoiceDtoList" :key="index"
v-for="(value, index) in data.assessmentSingleChoiceDtoList" style="display: flex; align-items: center" :style="{
:key="index"
style="display: flex; align-items: center"
:style="{
'margin-top': index === 0 ? '29px' : '22px', 'margin-top': index === 0 ? '29px' : '22px',
cursor: 'pointer', cursor: 'pointer',
}" }" @click="
@click="
() => { () => {
if (data.isSubmit) { if (data.isSubmit) {
return; return;
@@ -134,72 +105,46 @@
}); });
value.select = true; value.select = true;
} }
" ">
> <img style="width: 19px; height: 18px; cursor: pointer" :src="value.select ? checkbox : checkbox2" />
<img
style="width: 19px; height: 18px; cursor: pointer"
:src="value.select ? checkbox : checkbox2"
/>
<div class="people">{{ value.singleOptionName }}</div> <div class="people">{{ value.singleOptionName }}</div>
</div> </div>
</div> </div>
</div> </div>
<div v-else-if="value[0].questionType == '2'"> <div v-else-if="value[0].questionType == '2'">
<div <div class="question" style="margin-top: 41px" v-if="
class="question"
style="margin-top: 41px"
v-if="
data.assessmentMultipleChoiceDtoList && data.assessmentMultipleChoiceDtoList &&
data.assessmentMultipleChoiceDtoList.length data.assessmentMultipleChoiceDtoList.length
" ">
>
<div class="text"> <div class="text">
{{ data.assessmentMultipleChoiceDtoList[0]?.multipleStemName }} {{ data.assessmentMultipleChoiceDtoList[0]?.multipleStemName }}
</div> </div>
<div <div v-for="(value, index) in data.assessmentMultipleChoiceDtoList" :key="index"
v-for="(value, index) in data.assessmentMultipleChoiceDtoList" style="display: flex; align-items: center" :style="{
:key="index"
style="display: flex; align-items: center"
:style="{
'margin-top': index === 0 ? '29px' : '22px', 'margin-top': index === 0 ? '29px' : '22px',
cursor: 'pointer', cursor: 'pointer',
}" }" @click="
@click="
() => { () => {
if (data.isSubmit) { if (data.isSubmit) {
return; return;
} }
value.select = !value.select; value.select = !value.select;
} }
" ">
> <img style="width: 19px; height: 18px; cursor: pointer" :src="value.select ? checkbox : checkbox2" />
<img
style="width: 19px; height: 18px; cursor: pointer"
:src="value.select ? checkbox : checkbox2"
/>
<div class="people">{{ value.multipleOptionName }}</div> <div class="people">{{ value.multipleOptionName }}</div>
</div> </div>
</div> </div>
</div> </div>
<div v-else-if="value[0].questionType == '3'"> <div v-else-if="value[0].questionType == '3'">
<div <div class="question" style="margin-top: 41px" v-for="(item, i) in data.assessmentEssayQuestionDtoList"
class="question" :key="i">
style="margin-top: 41px"
v-for="(item, i) in data.assessmentEssayQuestionDtoList"
:key="i"
>
<div class="text">{{ item.assessmentQaTitle }}</div> <div class="text">{{ item.assessmentQaTitle }}</div>
<div style="width: 713px; margin-top: 31px; position: relative"> <div style="width: 713px; margin-top: 31px; position: relative">
<el-input <el-input v-model="item.content" :autosize="{ minRows: 5, maxRows: 5 }" resize="none" maxlength="200"
v-model="item.content" type="textarea" :readonly="!!data.isSubmit" />
:autosize="{ minRows: 5, maxRows: 5 }"
resize="none"
maxlength="200"
type="textarea"
:readonly="!!data.isSubmit"
/>
<div class="words">{{ item.content?.length || 0 }}/200</div> <div class="words">{{ item.content?.length || 0 }}/200</div>
</div> </div>
</div> </div>
@@ -345,20 +290,13 @@
</div> </div>
</div> --> </div> -->
<div <div style="display: flex; justify-content: center" v-if="
style="display: flex; justify-content: center"
v-if="
data.assessmentEssayQuestionDtoList?.length || data.assessmentEssayQuestionDtoList?.length ||
data.assessmentMultipleChoiceDtoList?.length || data.assessmentMultipleChoiceDtoList?.length ||
data.assessmentSingleChoiceDtoList?.length || data.assessmentSingleChoiceDtoList?.length ||
data.assessmentScoringQuestionDtoList?.length data.assessmentScoringQuestionDtoList?.length
" ">
> <div class="submit" @click="submit" :style="{ background: data.isSubmit ? '#999' : '#2478ff' }">
<div
class="submit"
@click="submit"
:style="{ background: data.isSubmit ? '#999' : '#2478ff' }"
>
提交 提交
</div> </div>
</div> </div>
@@ -373,8 +311,12 @@
</span></div> </span></div>
<template #footer> <template #footer>
<span class="dialog-footer"> <span class="dialog-footer">
<el-button class="cancel" style="color: #387DF7; border: 1px solid #387DF7;padding: 8px 32px; border-radius: 4px;" @click="centerDialogVisible = false">取消</el-button> <el-button class="cancel"
<el-button class="back" style="background: #387DF7;box-shadow: 1px 2px 15px 1px rgba(56,125,247,0.34);border: 0px;padding: 8px 32px;" type="primary" @click="returnclick"> style="color: #387DF7; border: 1px solid #387DF7;padding: 8px 32px; border-radius: 4px;"
@click="centerDialogVisible = false">取消</el-button>
<el-button class="back"
style="background: #387DF7;box-shadow: 1px 2px 15px 1px rgba(56,125,247,0.34);border: 0px;padding: 8px 32px;"
type="primary" @click="returnclick">
返回 返回
</el-button> </el-button>
</span> </span>
@@ -391,7 +333,7 @@ import { ElMessage } from "element-plus";
import { ref } from "vue"; import { ref } from "vue";
const { const {
query: { courseId, id: taskId, type, pName, sName }, query: { courseId, id: taskId, type, pName, sName, chapterOrStageId },
} = useRoute(); } = useRoute();
const router = useRouter(); const router = useRouter();
const returnclick = () => { const returnclick = () => {
@@ -422,6 +364,17 @@ const open=()=>{
centerDialogVisible.value = true centerDialogVisible.value = true
}; };
function submit() { function submit() {
if (1 > 0) {
console.log(data)
console.log('我是提交的数据', {
targetId: taskId, // 项目、路径图或开课的Id
chapterOrStageId: chapterOrStageId, // 关卡或者阶段Id 关卡Id不允许为空
assessmentId: courseId,
taskId,
type,
result: JSON.stringify(data.value),
})
}
if (data.value.isSubmit) { if (data.value.isSubmit) {
return; return;
} }
@@ -468,6 +421,8 @@ function submit() {
} }
data.value.isSubmit = !data.value.isSubmit; data.value.isSubmit = !data.value.isSubmit;
request(ASSESSMENT_SUBMIT, { request(ASSESSMENT_SUBMIT, {
targetId: taskId, // 项目、路径图或开课的Id
chapterOrStageId: chapterOrStageId, // 关卡或者阶段Id 关卡Id不允许为空
assessmentId: courseId, assessmentId: courseId,
taskId, taskId,
type, type,
@@ -486,9 +441,11 @@ function submit() {
font-size: 14px; font-size: 14px;
line-height: 24px; line-height: 24px;
} }
.return { .return {
position: absolute; position: absolute;
right: 10%; right: 10%;
.text { .text {
text-align: center; text-align: center;
display: flex; display: flex;
@@ -496,6 +453,7 @@ function submit() {
align-items: center; align-items: center;
} }
} }
.prevnext { .prevnext {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -553,6 +511,7 @@ function submit() {
align-items: center; align-items: center;
margin-left: 11px; margin-left: 11px;
margin-right: 11px; margin-right: 11px;
// justify-content: center; // justify-content: center;
.answerCitem { .answerCitem {
width: 40px; width: 40px;