mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-student.git
synced 2025-12-10 11:26:49 +08:00
feat:合并
This commit is contained in:
@@ -30,8 +30,8 @@ export const TASK_VOTE_LIST = '/queryVoteSubmitDetailListByTaskId'
|
|||||||
export const STU_OFFCOURSE_DETAIL = '/stu/offcourse/detail'
|
export const STU_OFFCOURSE_DETAIL = '/stu/offcourse/detail'
|
||||||
export const WORK_QUERYWORKDETAILBYID = '/work/queryWorkDetailById'
|
export const WORK_QUERYWORKDETAILBYID = '/work/queryWorkDetailById'
|
||||||
export const WORK_HISTROY = '/workSubmit/queryWorkDetailListByStuId'
|
export const WORK_HISTROY = '/workSubmit/queryWorkDetailListByStuId'
|
||||||
export const EXAMINATION_QUERYEXAMINATIONDETAILBYID = '/examination/queryExaminationDetailById'
|
export const EXAMINATION_QUERY = examinationId => `/examination/queryExaminationDetailById?examinationId=${examinationId} post`
|
||||||
export const DISCUSS_COLLECTION = '/discussSubmit/clickDiscussCollectionCountOr post'
|
|
||||||
export const DISCUSS_LIKE = '/discussSubmit/clickDiscussLikeCountOr post'
|
export const DISCUSS_LIKE = '/discussSubmit/clickDiscussLikeCountOr post'
|
||||||
export const DISCUSS_LIST = '/discussSubmit/list'
|
export const DISCUSS_LIST = '/discussSubmit/list'
|
||||||
export const DISCUSS_DETAIL = '/discussSubmit/detail'
|
export const DISCUSS_DETAIL = '/discussSubmit/detail'
|
||||||
@@ -44,3 +44,6 @@ export const VOTE_DETAIL2 = voteId => `/vote/queryVoteAndVoteStemDetailByVoteId?
|
|||||||
export const COMMENT_ADD = '/comment post'
|
export const COMMENT_ADD = '/comment post'
|
||||||
export const COMMENT_PRAISE = '/comment/praise post'
|
export const COMMENT_PRAISE = '/comment/praise post'
|
||||||
export const COMMENT_COLLECTION = '/comment/collection post'
|
export const COMMENT_COLLECTION = '/comment/collection post'
|
||||||
|
|
||||||
|
export const ASSESSMENT_QUERY = assessmentId => `/assessment/queryAssessmentDetailById?assessmentId=${assessmentId} post`
|
||||||
|
export const ASSESSMENT_SUBMIT = '/assessmentSubmit/submitAssessmentDetail'
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
<div class="surveydetail">
|
<div class="surveydetail">
|
||||||
<!-- 面包屑导航 -->
|
<!-- 面包屑导航 -->
|
||||||
<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>混合制项目</div>
|
<div>混合制项目</div>
|
||||||
@@ -14,16 +14,16 @@
|
|||||||
<div class="prevnext">
|
<div class="prevnext">
|
||||||
<div class="prev">
|
<div class="prev">
|
||||||
<img
|
<img
|
||||||
style="width: 23px; height: 23px"
|
style="width: 23px; height: 23px"
|
||||||
src="../../assets/image/prev.png"
|
src="../../assets/image/prev.png"
|
||||||
/>
|
/>
|
||||||
<div style="margin-left: 7px">上一个</div>
|
<div style="margin-left: 7px">上一个</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="prev" style="margin-left: 31px">
|
<div class="prev" style="margin-left: 31px">
|
||||||
<div style="margin-right: 7px">下一个</div>
|
<div style="margin-right: 7px">下一个</div>
|
||||||
<img
|
<img
|
||||||
style="width: 23px; height: 23px"
|
style="width: 23px; height: 23px"
|
||||||
src="../../assets/image/next.png"
|
src="../../assets/image/next.png"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -37,20 +37,20 @@
|
|||||||
<!-- 中间盒子 -->
|
<!-- 中间盒子 -->
|
||||||
<div class="centercontent">
|
<div class="centercontent">
|
||||||
<div class="righttitle">
|
<div class="righttitle">
|
||||||
<img width="20px" height="20px" src="../../assets/image/yuan.png" />
|
<img width="20px" height="20px" src="../../assets/image/yuan.png"/>
|
||||||
|
|
||||||
<div class="text">考试测试</div>
|
<div class="text">{{ data.examinationName }}</div>
|
||||||
<div class="box"></div>
|
<div class="box"></div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 考试测试的盒子 -->
|
<!-- 考试测试的盒子 -->
|
||||||
<div class="test clearfix">
|
<div class="test clearfix">
|
||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span style="margin-right: 43px">考试时间:30分钟</span>
|
<span style="margin-right: 43px">考试时间:{{ data.examinationDuration }}分钟</span>
|
||||||
<span>及格线:60</span>
|
<span>及格线:{{data.passLine || 60}}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="testtime clearfix">
|
<div class="testtime clearfix">
|
||||||
<div class="timedetail">
|
<div class="timedetail">
|
||||||
考试时间:2022-7-20 00:00 至 2022-8-29 23:59:59
|
考试时间:{{ data.examinationStartTime }} 至 {{ data.examinationEndTime }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -60,7 +60,7 @@
|
|||||||
<button class="starttest" style="cursor: pointer">开始考试</button>
|
<button class="starttest" style="cursor: pointer">开始考试</button>
|
||||||
<!-- 开始考试按钮 -->
|
<!-- 开始考试按钮 -->
|
||||||
<div class="righttitleE">
|
<div class="righttitleE">
|
||||||
<img width="20px" height="20px" src="../../assets/image/yuan.png" />
|
<img width="20px" height="20px" src="../../assets/image/yuan.png"/>
|
||||||
|
|
||||||
<div class="text">历史纪录</div>
|
<div class="text">历史纪录</div>
|
||||||
<div class="box"></div>
|
<div class="box"></div>
|
||||||
@@ -88,8 +88,8 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="fenge"></div>
|
<div class="fenge"></div>
|
||||||
<div
|
<div
|
||||||
class="historytitle2 clearfix tongyi"
|
class="historytitle2 clearfix tongyi"
|
||||||
style="border-radius: 0px 0px 8px 8px"
|
style="border-radius: 0px 0px 8px 8px"
|
||||||
>
|
>
|
||||||
<div class="content1">2022-7-14 00:00</div>
|
<div class="content1">2022-7-14 00:00</div>
|
||||||
<div class="content2">10分</div>
|
<div class="content2">10分</div>
|
||||||
@@ -101,13 +101,19 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- 详细内容 -->
|
<!-- 详细内容 -->
|
||||||
</div>
|
</div>
|
||||||
<!-- todo #考试接口 暂时没有-->
|
<!-- todo #考试接口 暂时没有-->
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script setup>
|
||||||
export default {
|
|
||||||
name: "ExamPage",
|
import {useRoute} from "vue-router/dist/vue-router";
|
||||||
};
|
import {usePage, useRequest} from "@/api/request";
|
||||||
|
import {COMMENT_LIST, DISCUSS_DETAIL, EXAMINATION_QUERY} from "@/api/api";
|
||||||
|
|
||||||
|
const {query: {id, discussSubmitId}} = useRoute()
|
||||||
|
|
||||||
|
const {data} = useRequest(EXAMINATION_QUERY(159), {})
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@@ -118,18 +124,21 @@ export default {
|
|||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.prevnext {
|
.prevnext {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
|
|
||||||
.prev {
|
.prev {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
@@ -138,6 +147,7 @@ export default {
|
|||||||
margin-top: 17px;
|
margin-top: 17px;
|
||||||
margin-left: -11px;
|
margin-left: -11px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bascinfo {
|
.bascinfo {
|
||||||
min-height: 800px;
|
min-height: 800px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -147,24 +157,29 @@ export default {
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.clearfix:before,
|
.clearfix:before,
|
||||||
.clearfix:after {
|
.clearfix:after {
|
||||||
content: "";
|
content: "";
|
||||||
display: table;
|
display: table;
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
.centercontent {
|
.centercontent {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.righttitle {
|
.righttitle {
|
||||||
display: flex;
|
display: flex;
|
||||||
padding-top: 30px;
|
padding-top: 30px;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
margin-left: 8px;
|
margin-left: 8px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: rgba(51, 51, 51, 1);
|
color: rgba(51, 51, 51, 1);
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
}
|
}
|
||||||
|
|
||||||
.box {
|
.box {
|
||||||
width: 75px;
|
width: 75px;
|
||||||
height: 10px;
|
height: 10px;
|
||||||
@@ -174,6 +189,7 @@ export default {
|
|||||||
top: 44px;
|
top: 44px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.test {
|
.test {
|
||||||
margin-top: 16px;
|
margin-top: 16px;
|
||||||
margin-bottom: 26px;
|
margin-bottom: 26px;
|
||||||
@@ -181,6 +197,7 @@ export default {
|
|||||||
height: 158px;
|
height: 158px;
|
||||||
background: #f2f5f7;
|
background: #f2f5f7;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
|
|
||||||
.detail {
|
.detail {
|
||||||
margin-top: 29px;
|
margin-top: 29px;
|
||||||
margin-left: 44px;
|
margin-left: 44px;
|
||||||
@@ -189,6 +206,7 @@ export default {
|
|||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #56a3f9;
|
color: #56a3f9;
|
||||||
}
|
}
|
||||||
|
|
||||||
.testtime {
|
.testtime {
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
@@ -196,6 +214,7 @@ export default {
|
|||||||
height: 81px;
|
height: 81px;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
border-radius: 0px 8px 0px 8px;
|
border-radius: 0px 8px 0px 8px;
|
||||||
|
|
||||||
.timedetail {
|
.timedetail {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
@@ -205,6 +224,7 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.starttest {
|
.starttest {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 146px;
|
width: 146px;
|
||||||
@@ -219,17 +239,20 @@ export default {
|
|||||||
left: calc(50% - 73px);
|
left: calc(50% - 73px);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.righttitleE {
|
.righttitleE {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-top: 110px;
|
margin-top: 110px;
|
||||||
// padding-top: 30px;
|
// padding-top: 30px;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
margin-left: 8px;
|
margin-left: 8px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: rgba(51, 51, 51, 1);
|
color: rgba(51, 51, 51, 1);
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
}
|
}
|
||||||
|
|
||||||
.box {
|
.box {
|
||||||
width: 75px;
|
width: 75px;
|
||||||
height: 10px;
|
height: 10px;
|
||||||
@@ -239,6 +262,7 @@ export default {
|
|||||||
top: 14px;
|
top: 14px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.history {
|
.history {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-top: 32px;
|
margin-top: 32px;
|
||||||
@@ -246,38 +270,46 @@ export default {
|
|||||||
height: 200px;
|
height: 200px;
|
||||||
border: 1px solid #d7e5fd;
|
border: 1px solid #d7e5fd;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
|
|
||||||
.clearfix:before,
|
.clearfix:before,
|
||||||
.clearfix:after {
|
.clearfix:after {
|
||||||
content: "";
|
content: "";
|
||||||
display: table;
|
display: table;
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fenge {
|
.fenge {
|
||||||
width: 841px;
|
width: 841px;
|
||||||
border-top: 1px solid #d7e5fd;
|
border-top: 1px solid #d7e5fd;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tongyi {
|
.tongyi {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content1 {
|
.content1 {
|
||||||
margin-top: 14px;
|
margin-top: 14px;
|
||||||
margin-left: 77px;
|
margin-left: 77px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content2 {
|
.content2 {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
margin-top: 14px;
|
margin-top: 14px;
|
||||||
left: 328px;
|
left: 328px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content3 {
|
.content3 {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
margin-top: 14px;
|
margin-top: 14px;
|
||||||
left: 512px;
|
left: 512px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content4 {
|
.content4 {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
margin-top: 14px;
|
margin-top: 14px;
|
||||||
left: 700px;
|
left: 700px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentbtn {
|
.contentbtn {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
margin-top: 14px;
|
margin-top: 14px;
|
||||||
@@ -291,6 +323,7 @@ export default {
|
|||||||
border: 0;
|
border: 0;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.historycontent {
|
.historycontent {
|
||||||
width: 59px;
|
width: 59px;
|
||||||
height: 14px;
|
height: 14px;
|
||||||
@@ -300,12 +333,14 @@ export default {
|
|||||||
color: #333330;
|
color: #333330;
|
||||||
line-height: 38px;
|
line-height: 38px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.historytitle {
|
.historytitle {
|
||||||
width: 842px;
|
width: 842px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
background: #f2f5f7;
|
background: #f2f5f7;
|
||||||
border-radius: 8px 8px 0px 0px;
|
border-radius: 8px 8px 0px 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.historytitle2 {
|
.historytitle2 {
|
||||||
width: 842px;
|
width: 842px;
|
||||||
height: 48px;
|
height: 48px;
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
<div class="surveydetail">
|
<div class="surveydetail">
|
||||||
<!-- 面包屑导航 -->
|
<!-- 面包屑导航 -->
|
||||||
<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>混合制项目</div>
|
<div>混合制项目</div>
|
||||||
@@ -14,16 +14,16 @@
|
|||||||
<div class="prevnext">
|
<div class="prevnext">
|
||||||
<div class="prev">
|
<div class="prev">
|
||||||
<img
|
<img
|
||||||
style="width: 23px; height: 23px"
|
style="width: 23px; height: 23px"
|
||||||
src="../../assets/image/prev.png"
|
src="../../assets/image/prev.png"
|
||||||
/>
|
/>
|
||||||
<div style="margin-left: 7px">上一个</div>
|
<div style="margin-left: 7px">上一个</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="prev" style="margin-left: 31px">
|
<div class="prev" style="margin-left: 31px">
|
||||||
<div style="margin-right: 7px">下一个</div>
|
<div style="margin-right: 7px">下一个</div>
|
||||||
<img
|
<img
|
||||||
style="width: 23px; height: 23px"
|
style="width: 23px; height: 23px"
|
||||||
src="../../assets/image/next.png"
|
src="../../assets/image/next.png"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -36,20 +36,20 @@
|
|||||||
<div class="bascinfo">
|
<div class="bascinfo">
|
||||||
<div>
|
<div>
|
||||||
<div
|
<div
|
||||||
class="question"
|
class="question"
|
||||||
v-for="(value, index) in question"
|
v-for="(value, index) in data.scoringQuestionVoList"
|
||||||
:key="index"
|
:key="index"
|
||||||
:style="{ 'margin-top': index === 0 ? '57px' : '41px' }"
|
:style="{ 'margin-top': index === 0 ? '57px' : '41px' }"
|
||||||
>
|
>
|
||||||
<div class="text">{{ value.text }}</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"
|
class="answerCitem"
|
||||||
v-for="(item, key) in select"
|
v-for="(item, key) in Array.from({length:value.assessmentMaxScore},(k,i)=>i)"
|
||||||
:key="key"
|
:key="key"
|
||||||
:style="{
|
:style="{
|
||||||
'margin-left': key === 0 ? '15px' : '10px',
|
'margin-left': key === 0 ? '15px' : '10px',
|
||||||
background:
|
background:
|
||||||
value.selectAnswer === item
|
value.selectAnswer === item
|
||||||
@@ -60,141 +60,84 @@
|
|||||||
? '#fff'
|
? '#fff'
|
||||||
: 'rgba(86, 163, 249, 1)',
|
: 'rgba(86, 163, 249, 1)',
|
||||||
}"
|
}"
|
||||||
@click="score(value, item)"
|
@click="()=>{value.selectAnswer=item}"
|
||||||
>
|
>
|
||||||
<div>{{ item }}</div>
|
<div>{{ item + 1 }}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="answerR">非常有帮助/启发</div>
|
<div class="answerR">非常有帮助/启发</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="question" style="margin-top: 41px">
|
<div class="question" style="margin-top: 41px" v-for="(item,i) in data.singleStemVoList" :key="i">
|
||||||
<div class="text">4.类似相应的课程,您认为适合哪些人观看?</div>
|
<div class="text">{{ item.singleStemName }}</div>
|
||||||
<div
|
<div
|
||||||
v-for="(value, index) in viewpeople"
|
v-for="(value, index) in item.assessmentSingleChoiceVoList"
|
||||||
:key="index"
|
:key="index"
|
||||||
style="display: flex; align-items: center"
|
style="display: flex; align-items: center"
|
||||||
:style="{ 'margin-top': index === 0 ? '29px' : '22px' }"
|
:style="{ 'margin-top': index === 0 ? '29px' : '22px' ,cursor:'pointer'}"
|
||||||
@click="selectPeople(value)"
|
@click="()=>{
|
||||||
|
item.assessmentSingleChoiceVoList.forEach(e=>{e.select = false});
|
||||||
|
value.select=true;
|
||||||
|
}"
|
||||||
>
|
>
|
||||||
<img
|
<img style="width: 19px; height: 18px; cursor: pointer" :src=" value.select? checkbox: checkbox2"/>
|
||||||
style="width: 19px; height: 18px; cursor: pointer"
|
<div class="people">{{ value.singleOptionName }}</div>
|
||||||
:src="
|
|
||||||
value.select
|
|
||||||
? checkbox
|
|
||||||
: checkbox2
|
|
||||||
"
|
|
||||||
/>
|
|
||||||
<div class="people">{{ value.text }}</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="question" style="margin-top: 41px">
|
|
||||||
<div class="text">5.您的其他意见</div>
|
<div class="question" style="margin-top: 41px" v-for="(item,i) in data.multipleStemVoList" :key="i">
|
||||||
|
<div class="text">{{ item.multipleStemName }}</div>
|
||||||
|
<div
|
||||||
|
v-for="(value, index) in item.multipleChoiceVoList"
|
||||||
|
:key="index"
|
||||||
|
style="display: flex; align-items: center"
|
||||||
|
:style="{ 'margin-top': index === 0 ? '29px' : '22px' ,cursor:'pointer'}"
|
||||||
|
@click="()=>value.select=!value.select"
|
||||||
|
>
|
||||||
|
<img style="width: 19px; height: 18px; cursor: pointer" :src="value.select? checkbox: checkbox2"/>
|
||||||
|
<div class="people">{{ value.multipleOptionName }}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="question" style="margin-top: 41px" v-for="(item,i) in data.essayQuestionVoList">
|
||||||
|
<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="textarea1"
|
v-model="item.content"
|
||||||
:autosize="{ minRows: 5, maxRows: 5 }"
|
:autosize="{ minRows: 5, maxRows: 5 }"
|
||||||
resize="none"
|
resize="none"
|
||||||
maxlength="200"
|
maxlength="200"
|
||||||
type="textarea"
|
type="textarea"
|
||||||
@input="textareaInput"
|
|
||||||
/>
|
/>
|
||||||
<div class="words">{{ textarealength }}/200</div>
|
<div class="words">{{ item.content?.length || 0 }}/200</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="display: flex; justify-content: center">
|
<div style="display: flex; justify-content: center">
|
||||||
<div class="submit">提交</div>
|
<div class="submit" @click="submit">提交</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 基本信息 -->
|
<!-- 基本信息 -->
|
||||||
<!-- todo 测评页面 没有接口-->
|
<!-- todo 测评页面 没有接口-->
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script setup>
|
||||||
import { reactive, toRefs } from "vue";
|
|
||||||
import checkbox from '@/assets/image/checkbox.png'
|
import checkbox from '@/assets/image/checkbox.png'
|
||||||
import checkbox2 from '@/assets/image/checkbox2.png'
|
import checkbox2 from '@/assets/image/checkbox2.png'
|
||||||
export default {
|
import {useRoute} from "vue-router/dist/vue-router";
|
||||||
name: "SurveyDetail",
|
import {request, usePage, useRequest} from "@/api/request";
|
||||||
setup() {
|
import {ASSESSMENT_QUERY, ASSESSMENT_SUBMIT, COMMENT_LIST, DISCUSS_DETAIL} from "@/api/api";
|
||||||
const state = reactive({
|
|
||||||
question: [
|
const {query: {id, discussSubmitId}} = useRoute()
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
text: "1.您觉得课程对您是否有用?",
|
const {data} = useRequest(ASSESSMENT_QUERY(112), {})
|
||||||
selectAnswer: 0,
|
|
||||||
},
|
function submit() {
|
||||||
{
|
request(ASSESSMENT_SUBMIT, data).then(() => {
|
||||||
id: 2,
|
console.log('提交成功')
|
||||||
text: "2.您是否会推荐课程给其他同事?",
|
})
|
||||||
selectAnswer: 0,
|
}
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 3,
|
|
||||||
text: "3.后续该讲师有其他课程是否会参与?",
|
|
||||||
selectAnswer: 0,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
select: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
|
|
||||||
viewpeople: [
|
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
text: "基础员工",
|
|
||||||
select: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 2,
|
|
||||||
text: "中层管理",
|
|
||||||
select: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 3,
|
|
||||||
text: "专业人员",
|
|
||||||
select: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 4,
|
|
||||||
text: "高级管理",
|
|
||||||
select: false,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
textarea1: "",
|
|
||||||
textarealength: 0,
|
|
||||||
});
|
|
||||||
const score = (value, item) => {
|
|
||||||
let arr = state.question;
|
|
||||||
arr.map((i) => {
|
|
||||||
if (i.id === value.id) {
|
|
||||||
i.selectAnswer = item;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
state.question = arr;
|
|
||||||
};
|
|
||||||
const selectPeople = (value) => {
|
|
||||||
let arr = state.viewpeople;
|
|
||||||
arr.map((i) => {
|
|
||||||
if (i.id === value.id) {
|
|
||||||
i.select = !i.select;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
state.viewpeople = arr;
|
|
||||||
};
|
|
||||||
const textareaInput = (e) => {
|
|
||||||
// console.log("eee", e);
|
|
||||||
state.textarea1 = e;
|
|
||||||
state.textarealength = e.length;
|
|
||||||
};
|
|
||||||
return {
|
|
||||||
...toRefs(state),
|
|
||||||
score,
|
|
||||||
selectPeople,
|
|
||||||
textareaInput,
|
|
||||||
checkbox,
|
|
||||||
checkbox2
|
|
||||||
};
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.surveydetail {
|
.surveydetail {
|
||||||
@@ -204,18 +147,21 @@ export default {
|
|||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.prevnext {
|
.prevnext {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
|
|
||||||
.prev {
|
.prev {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
@@ -224,6 +170,7 @@ export default {
|
|||||||
margin-top: 17px;
|
margin-top: 17px;
|
||||||
margin-left: -11px;
|
margin-left: -11px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bascinfo {
|
.bascinfo {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
min-height: 1032px;
|
min-height: 1032px;
|
||||||
@@ -239,6 +186,7 @@ export default {
|
|||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #333330;
|
color: #333330;
|
||||||
}
|
}
|
||||||
|
|
||||||
.question .answer {
|
.question .answer {
|
||||||
margin-top: 30px;
|
margin-top: 30px;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -247,6 +195,7 @@ export default {
|
|||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #56a3f9;
|
color: #56a3f9;
|
||||||
}
|
}
|
||||||
|
|
||||||
.question .answer .answerC {
|
.question .answer .answerC {
|
||||||
width: 540px;
|
width: 540px;
|
||||||
height: 73px;
|
height: 73px;
|
||||||
@@ -272,12 +221,14 @@ export default {
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.question .people {
|
.question .people {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #333330;
|
color: #333330;
|
||||||
margin-left: 15px;
|
margin-left: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.question .words {
|
.question .words {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 15px;
|
right: 15px;
|
||||||
@@ -286,10 +237,12 @@ export default {
|
|||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #333330;
|
color: #333330;
|
||||||
}
|
}
|
||||||
|
|
||||||
.question .el-textarea__inner {
|
.question .el-textarea__inner {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
background-color: rgba(245, 246, 247, 1);
|
background-color: rgba(245, 246, 247, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.submit {
|
.submit {
|
||||||
width: 126px;
|
width: 126px;
|
||||||
height: 46px;
|
height: 46px;
|
||||||
|
|||||||
134
vite.config.js
134
vite.config.js
@@ -2,73 +2,89 @@
|
|||||||
* @Author: lixg lixg@dongwu-inc.com
|
* @Author: lixg lixg@dongwu-inc.com
|
||||||
* @Date: 2022-11-21 17:28:10
|
* @Date: 2022-11-21 17:28:10
|
||||||
* @LastEditors: lixg lixg@dongwu-inc.com
|
* @LastEditors: lixg lixg@dongwu-inc.com
|
||||||
* @LastEditTime: 2022-12-11 21:11:35
|
* @LastEditTime: 2022-11-22 12:45:57
|
||||||
* @FilePath: /fe-stu/vite.config.js
|
* @FilePath: /fe-stu/vite.config.js
|
||||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||||
*/
|
*/
|
||||||
import { defineConfig } from 'vite'
|
import {defineConfig} from 'vite'
|
||||||
import vue from '@vitejs/plugin-vue'
|
import vue from '@vitejs/plugin-vue'
|
||||||
import legacy from '@vitejs/plugin-legacy'
|
import legacy from '@vitejs/plugin-legacy'
|
||||||
import { viteMockServe } from 'vite-plugin-mock'
|
import {viteMockServe} from 'vite-plugin-mock'
|
||||||
import topLevelAwait from "vite-plugin-top-level-await";
|
import topLevelAwait from "vite-plugin-top-level-await";
|
||||||
|
|
||||||
const path = require('path')
|
const path = require('path')
|
||||||
|
|
||||||
export default defineConfig(({ command }) =>
|
export default defineConfig(({command}) =>
|
||||||
({
|
({
|
||||||
base: '/fe-student',
|
base: '/fe-student',
|
||||||
plugins: [
|
plugins: [
|
||||||
vue(),
|
vue(),
|
||||||
// legacy({
|
// legacy({
|
||||||
// targets: ['chrome 64', 'defaults', 'not IE 11']
|
// targets: ['chrome 64', 'defaults', 'not IE 11']
|
||||||
// }),
|
// }),
|
||||||
topLevelAwait({
|
topLevelAwait({
|
||||||
promiseExportName: '__tla',
|
promiseExportName: '__tla',
|
||||||
promiseImportName: i => `__tla_${i}`
|
promiseImportName: i => `__tla_${i}`
|
||||||
}),
|
}),
|
||||||
// viteMockServe({
|
// viteMockServe({
|
||||||
// mockPath: './src/mock/mocks',
|
// mockPath: './src/mock/mocks',
|
||||||
// })
|
// })
|
||||||
],
|
],
|
||||||
resolve: {
|
resolve: {
|
||||||
alias: [
|
alias: [
|
||||||
{ find: '@', replacement: path.resolve(__dirname, 'src') }
|
{find: '@', replacement: path.resolve(__dirname, 'src')}
|
||||||
]
|
]
|
||||||
}, server: {
|
}, server: {
|
||||||
proxy: {
|
proxy: {
|
||||||
'/file/upload': {
|
'/file/upload': {
|
||||||
target: 'http://111.231.196.214:30001',
|
target: 'http://111.231.196.214:30001',
|
||||||
changeOrigin: true,
|
changeOrigin: true,
|
||||||
},
|
},
|
||||||
'/stu': {
|
'/stu': {
|
||||||
target: 'http://localhost:30001',
|
target: 'http://localhost:30001',
|
||||||
changeOrigin: true,
|
changeOrigin: true,
|
||||||
},
|
},
|
||||||
'/queryVoteSubmitDetailById': {
|
'/queryVoteSubmitDetailById': {
|
||||||
target: 'http://localhost:30001',
|
target: 'http://localhost:30001',
|
||||||
changeOrigin: true,
|
changeOrigin: true,
|
||||||
},
|
},
|
||||||
'/work': {
|
'/work': {
|
||||||
target: 'http://localhost:30001',
|
target: 'http://localhost:30001',
|
||||||
changeOrigin: true,
|
changeOrigin: true,
|
||||||
},
|
},
|
||||||
'/discuss': {
|
'/discuss': {
|
||||||
target: 'http://localhost:30001',
|
target: 'http://localhost:30001',
|
||||||
changeOrigin: true,
|
changeOrigin: true,
|
||||||
},
|
},
|
||||||
'/discussSubmit': {
|
'/discussSubmit': {
|
||||||
target: 'http://localhost:30001',
|
target: 'http://localhost:30001',
|
||||||
changeOrigin: true,
|
changeOrigin: true,
|
||||||
},
|
},
|
||||||
'/comment': {
|
'/comment': {
|
||||||
target: 'http://localhost:30001',
|
target: 'http://localhost:30001',
|
||||||
changeOrigin: true,
|
changeOrigin: true,
|
||||||
},
|
},
|
||||||
'/vote': {
|
'/vote': {
|
||||||
target: 'http://111.231.196.214:12013/manageApi',
|
target: 'http://localhost:30001',
|
||||||
changeOrigin: true,
|
changeOrigin: true,
|
||||||
},
|
},
|
||||||
|
'/admin': {
|
||||||
|
target: 'http://localhost:30001',
|
||||||
|
changeOrigin: true,
|
||||||
|
},'/activity': {
|
||||||
|
target: 'http://localhost:30001',
|
||||||
|
changeOrigin: true,
|
||||||
|
},'/liveBroadcast': {
|
||||||
|
target: 'http://localhost:30001',
|
||||||
|
changeOrigin: true,
|
||||||
|
},'/examination': {
|
||||||
|
target: 'http://localhost:30001',
|
||||||
|
changeOrigin: true,
|
||||||
|
},'/assessment': {
|
||||||
|
target: 'http://localhost:30001',
|
||||||
|
changeOrigin: true,
|
||||||
|
},
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
})
|
||||||
})
|
|
||||||
)
|
)
|
||||||
|
|||||||
Reference in New Issue
Block a user