|
@@ -138,13 +138,11 @@
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div class="score-table">
|
|
|
- <div class="table-list">
|
|
|
- <table class="gridtable" v-if="stuScore.length" style="width: 100%; max-width: 100%;margin-bottom: 20px;">
|
|
|
+ <div>
|
|
|
+ <table class="gridtable" v-show="stuScore.length" style="margin-bottom:20px;">
|
|
|
<tr>
|
|
|
<th>{{$t("studentWeb.exam.studentScore.subjects")}}</th>
|
|
|
<th>{{$t("studentWeb.exam.studentScore.item")}}</th>
|
|
|
- <th>{{$t("studentWeb.exam.studentScore.objItems")}}</th>
|
|
|
- <th>{{$t("studentWeb.exam.studentScore.subItems")}}</th>
|
|
|
</tr>
|
|
|
<tbody v-for="(que,index) in stuScore" :key="index">
|
|
|
<tr>
|
|
@@ -152,6 +150,24 @@
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td width="8%">{{$t("studentWeb.exam.studentScore.itemIndex")}}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td width="8%">{{$t("studentWeb.exam.studentScore.standardIndex")}}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td width="8%">{{$t("studentWeb.exam.studentScore.stuAnsIndex")}}</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div class="table-list">
|
|
|
+ <table class="gridtable" v-show="stuScore.length" style="margin-bottom: 20px;">
|
|
|
+ <tr>
|
|
|
+ <th>{{$t("studentWeb.exam.studentScore.objItems")}}</th>
|
|
|
+ <th>{{$t("studentWeb.exam.studentScore.subItems")}}</th>
|
|
|
+ </tr>
|
|
|
+ <tbody v-for="(que,index) in stuScore" :key="index">
|
|
|
+ <tr>
|
|
|
<td>
|
|
|
<div class="score-box">
|
|
|
<span v-for="(objQue,obj) in que.item.objItem" :key="obj">{{objQue.paperIndex}}</span>
|
|
@@ -164,7 +180,6 @@
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td width="8%">{{$t("studentWeb.exam.studentScore.standardIndex")}}</td>
|
|
|
<td>
|
|
|
<div class="score-box">
|
|
|
<span v-for="(objAns,obja) in que.item.objItem" :key="obja">{{objAns.answer.length > 1 ? '[?]': objAns.answer[0]}}</span>
|
|
@@ -177,7 +192,6 @@
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td width="8%">{{$t("studentWeb.exam.studentScore.stuAnsIndex")}}</td>
|
|
|
<td>
|
|
|
<div class="score-box">
|
|
|
<span v-for="(objScore,objs) in que.item.objItem" :key="objs">{{objScore.stuScore == 0 ? objScore.stuAns[0] : '-'}}</span>
|
|
@@ -192,7 +206,6 @@
|
|
|
</tbody>
|
|
|
</table>
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
<div class="score-table">
|
|
|
<p style="color:#24b880">{{$t("studentWeb.exam.studentScore.notice")}}</p>
|
|
@@ -227,6 +240,7 @@
|
|
|
methods: {
|
|
|
async getPaperData() {
|
|
|
this.stuScore = []
|
|
|
+ let data = []
|
|
|
if (this.stuData.papers) {
|
|
|
for (let i = 0; i < this.stuData.papers.length; i++) {
|
|
|
let subData = {}
|
|
@@ -268,7 +282,7 @@
|
|
|
res.classCount = classCount
|
|
|
this.scoreInfo = res
|
|
|
} else {
|
|
|
- this.$Message.warning(this.$t('studentWeb.exam.report.gradeErr'))
|
|
|
+ this.$Message.warning(this.$t('studentWeb.exam.studentScore.gradeErr'))
|
|
|
}
|
|
|
})
|
|
|
}
|
|
@@ -290,8 +304,6 @@
|
|
|
subItem: [],
|
|
|
}
|
|
|
if (data !== undefined) {
|
|
|
- console.log(data)
|
|
|
- console.log(this.$store.getters.getItemTitle.scope)
|
|
|
let code = {
|
|
|
scope: data.scope,
|
|
|
code: this.$store.getters.getItemTitle.scope == 'school' ? data.school : data.creatorId,
|
|
@@ -385,6 +397,9 @@
|
|
|
}
|
|
|
</script>
|
|
|
<style lang="less" scoped>
|
|
|
+ table {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
.stu-analyse table {
|
|
|
border-collapse: collapse;
|
|
|
}
|
|
@@ -403,65 +418,7 @@
|
|
|
top: 0px;
|
|
|
}
|
|
|
|
|
|
- .stu-analyse td:first-child {
|
|
|
- color: #333;
|
|
|
- position: sticky;
|
|
|
- left: 0px;
|
|
|
- }
|
|
|
-
|
|
|
- .stu-analyse th:first-child {
|
|
|
- left: 0px;
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- .stu-analyse table.gridtable {
|
|
|
- /*font-family: verdana,arial,sans-serif;*/
|
|
|
- width: calc(100% - 10px);
|
|
|
- font-size: 11px;
|
|
|
- color: #333333;
|
|
|
- border-width: 1px;
|
|
|
- border-color: #666666;
|
|
|
- border-collapse: collapse;
|
|
|
- }
|
|
|
-
|
|
|
- .stu-analyse table.gridtable th {
|
|
|
- border-width: 1px;
|
|
|
- padding: 8px;
|
|
|
- border-style: solid;
|
|
|
- border-color: #666666;
|
|
|
- /*background-color: #dedede;*/
|
|
|
- }
|
|
|
-
|
|
|
- .stu-analyse table.gridtable td {
|
|
|
- border-width: 1px;
|
|
|
- padding: 8px;
|
|
|
- border-style: solid;
|
|
|
- border-color: #666666;
|
|
|
- background-color: #ffffff;
|
|
|
- }
|
|
|
-
|
|
|
- .stu-analyse .score-table{
|
|
|
- overflow-x:scroll;
|
|
|
- }
|
|
|
- .stu-analyse .score-table .gridtable span {
|
|
|
- display: block;
|
|
|
- /*height:100%;*/
|
|
|
- text-align: center;
|
|
|
- width: 30px;
|
|
|
- /*border-right:1px solid #666666;*/
|
|
|
- }
|
|
|
-
|
|
|
- .stu-analyse .score-table .gridtable .score-box {
|
|
|
- text-align: left;
|
|
|
- display: flex;
|
|
|
- }
|
|
|
-/* .stu-analyse .stu-score .item-title td{
|
|
|
- width:80px;
|
|
|
- }*/
|
|
|
-
|
|
|
-
|
|
|
.stu-analyse {
|
|
|
- /*height: 300px;*/
|
|
|
width: 100%;
|
|
|
border-radius: 5px;
|
|
|
background-color: #F0F0F0;
|
|
@@ -474,7 +431,6 @@
|
|
|
.stu-analyse .stu-info ul {
|
|
|
display: flex;
|
|
|
list-style: none;
|
|
|
- width: 98%;
|
|
|
border-radius: 5px;
|
|
|
margin-left: 10px;
|
|
|
}
|
|
@@ -535,8 +491,6 @@
|
|
|
}
|
|
|
|
|
|
.stu-analyse .sub-title ul {
|
|
|
- /* background-color: #ffffff;
|
|
|
- opacity: 0.8;*/
|
|
|
font-size: 18px;
|
|
|
display: flex;
|
|
|
list-style: none;
|
|
@@ -566,8 +520,6 @@
|
|
|
}
|
|
|
|
|
|
.stu-analyse .sub-title .sub-show {
|
|
|
- /*background-color:#ffffff;*/
|
|
|
- /*height:20px;*/
|
|
|
margin-top: 15px;
|
|
|
border-left: 5px solid #24b880;
|
|
|
}
|
|
@@ -617,7 +569,7 @@
|
|
|
font-size: 18px;
|
|
|
display: flex;
|
|
|
list-style: none;
|
|
|
- width: 98%;
|
|
|
+ /*width: 98%;*/
|
|
|
margin-left: 10px;
|
|
|
margin-top: 20px;
|
|
|
}
|
|
@@ -637,10 +589,48 @@
|
|
|
width: calc(100% - 10px);
|
|
|
padding-bottom: 10px;
|
|
|
padding-right: 10px;
|
|
|
- overflow: hidden;
|
|
|
+ /*overflow: hidden;*/
|
|
|
}
|
|
|
.stu-analyse .score-table .table-list{
|
|
|
- width:100%;
|
|
|
- overflow:scroll;
|
|
|
+ overflow-x:scroll;
|
|
|
}
|
|
|
+
|
|
|
+ .stu-analyse table.gridtable {
|
|
|
+ width: calc(100% - 10px);
|
|
|
+ font-size: 11px;
|
|
|
+ color: #333333;
|
|
|
+ border-width: 1px;
|
|
|
+ border-color: #666666;
|
|
|
+ border-collapse: collapse;
|
|
|
+ }
|
|
|
+
|
|
|
+ .stu-analyse table.gridtable th {
|
|
|
+ border-width: 1px;
|
|
|
+ padding: 8px;
|
|
|
+ border-style: solid;
|
|
|
+ border-color: #666666;
|
|
|
+ }
|
|
|
+
|
|
|
+ .stu-analyse table.gridtable td {
|
|
|
+ border-width: 1px;
|
|
|
+ padding: 8px;
|
|
|
+ border-style: solid;
|
|
|
+ border-color: #666666;
|
|
|
+ }
|
|
|
+
|
|
|
+ .stu-analyse .score-table {
|
|
|
+ overflow-x: scroll;
|
|
|
+ display: flex
|
|
|
+ }
|
|
|
+
|
|
|
+ .stu-analyse .score-table .gridtable span {
|
|
|
+ display: block;
|
|
|
+ text-align: center;
|
|
|
+ width: 40px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .stu-analyse .score-table .gridtable .score-box {
|
|
|
+ text-align: left;
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
</style>
|