|
|
@@ -4,20 +4,12 @@
|
|
|
<div style="font-size: 25px">{{ askJSONC.askJson.askTitle }}</div>
|
|
|
</div>
|
|
|
<div class="a_addBox">
|
|
|
- <div
|
|
|
- class="a_add_box"
|
|
|
- v-for="(item, index) in askJSONC.askJson.askJson"
|
|
|
- :key="index"
|
|
|
- >
|
|
|
+ <div class="a_add_box" v-for="(item, index) in askJSONC.askJson.askJson" :key="index">
|
|
|
<div class="a_add_head">
|
|
|
<div>
|
|
|
<span>{{ index + 1 + "、" + item.askstitle }}</span>
|
|
|
</div>
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- @click="getA(checkJson[index].checkPerson, item.checkList)"
|
|
|
- >查看答题学生</el-button
|
|
|
- >
|
|
|
+ <el-button type="primary" @click="getA(checkJson[index].checkPerson, item.checkList)">查看答题学生</el-button>
|
|
|
</div>
|
|
|
<div class="a_add_body">
|
|
|
<div class="a_add_input width100">
|
|
|
@@ -25,29 +17,19 @@
|
|
|
<span>选项</span><span>小计</span><span>比例</span>
|
|
|
</div>
|
|
|
<div class="a_add_persent">
|
|
|
- <div
|
|
|
- class="a_add_persent_div"
|
|
|
- v-for="(item1, checkIndex) in item.askItem"
|
|
|
- :key="checkIndex"
|
|
|
- >
|
|
|
- <span
|
|
|
- :class="{ right: item.answer == checkIndex }"
|
|
|
- v-html="item.checkList[checkIndex]"
|
|
|
- ></span>
|
|
|
+ <div class="a_add_persent_div" v-for="(item1, checkIndex) in item.askItem" :key="checkIndex">
|
|
|
+ <span :class="{ right: item.answer == checkIndex }" v-html="item.checkList[checkIndex]"></span>
|
|
|
<span>{{
|
|
|
- checkJson[index].checkCount[checkIndex]
|
|
|
- ? checkJson[index].checkCount[checkIndex]
|
|
|
- : 0
|
|
|
+ checkJson[index].checkCount[checkIndex]
|
|
|
+ ? checkJson[index].checkCount[checkIndex]
|
|
|
+ : 0
|
|
|
}}</span>
|
|
|
<span>
|
|
|
- <el-progress
|
|
|
- :percentage="
|
|
|
- checkJson[index].checkPerent[checkIndex]
|
|
|
- ? checkJson[index].checkPerent[checkIndex]
|
|
|
- : 0
|
|
|
- "
|
|
|
- :show-text="false"
|
|
|
- ></el-progress>
|
|
|
+ <el-progress :percentage="
|
|
|
+ checkJson[index].checkPerent[checkIndex]
|
|
|
+ ? checkJson[index].checkPerent[checkIndex]
|
|
|
+ : 0
|
|
|
+ " :show-text="false"></el-progress>
|
|
|
</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -55,14 +37,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <el-dialog
|
|
|
- title="查看"
|
|
|
- :visible.sync="dialogVisible"
|
|
|
- :append-to-body="true"
|
|
|
- width="900px"
|
|
|
- :before-close="handleClose"
|
|
|
- class="dialog_diy"
|
|
|
- >
|
|
|
+ <el-dialog title="查看" :visible.sync="dialogVisible" :append-to-body="true" width="900px" :before-close="handleClose"
|
|
|
+ class="dialog_diy">
|
|
|
<div>
|
|
|
<div v-for="(item, index) in timu" :key="index" class="borderB">
|
|
|
<div v-html="item" class="s_title"></div>
|
|
|
@@ -70,21 +46,14 @@
|
|
|
<div style="margin: 0 0 10px 0; min-width: 70px; color: #adadad">
|
|
|
选择同学：
|
|
|
</div>
|
|
|
- <div
|
|
|
- v-for="(pe, pi) in person[index]"
|
|
|
- :key="index + '-' + pi"
|
|
|
- class="stuBox"
|
|
|
- style="flex-wrap: wrap"
|
|
|
- >
|
|
|
- <span class="studentClass">{{ pe }}</span>
|
|
|
+ <div class="stuBox" style="flex-wrap: wrap">
|
|
|
+ <span class="studentClass" v-for="(pe, pi) in person[index]" :key="index + '-' + pi">{{ pe }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
- <el-button type="primary" @click="dialogVisible = false"
|
|
|
- >关 闭</el-button
|
|
|
- >
|
|
|
+ <el-button type="primary" @click="dialogVisible = false">关 闭</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
@@ -128,10 +97,12 @@ export default {
|
|
|
/* max-height: 420px; */
|
|
|
overflow: auto;
|
|
|
}
|
|
|
+
|
|
|
.a_addBox {
|
|
|
margin: 20px 0;
|
|
|
background: #fff;
|
|
|
}
|
|
|
+
|
|
|
.a_add_box {
|
|
|
border-bottom: 2px solid #eee;
|
|
|
padding-bottom: 10px;
|
|
|
@@ -144,25 +115,31 @@ export default {
|
|
|
margin: 10px 0;
|
|
|
font-size: 18px;
|
|
|
}
|
|
|
+
|
|
|
.a_add_head .a_add_head_input {
|
|
|
width: 300px;
|
|
|
}
|
|
|
+
|
|
|
.a_add_head .a_add_head_div {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
}
|
|
|
+
|
|
|
.a_add_head_div img {
|
|
|
cursor: pointer;
|
|
|
width: 23px;
|
|
|
}
|
|
|
-.a_add_head_div img + img {
|
|
|
+
|
|
|
+.a_add_head_div img+img {
|
|
|
margin-left: 10px;
|
|
|
}
|
|
|
+
|
|
|
.a_add_body {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
+
|
|
|
.a_add_input {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
@@ -170,28 +147,35 @@ export default {
|
|
|
/* flex-direction: column; */
|
|
|
/* width: 100%; */
|
|
|
}
|
|
|
+
|
|
|
.width100 {
|
|
|
width: 100%;
|
|
|
}
|
|
|
+
|
|
|
.a_add_input .a_add_persent {
|
|
|
/* display: flex; */
|
|
|
/* flex-direction: column; */
|
|
|
width: 100%;
|
|
|
}
|
|
|
+
|
|
|
.a_add_persent_div {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
+
|
|
|
.a_add_persent_div span {
|
|
|
margin: 5px 0;
|
|
|
}
|
|
|
+
|
|
|
.a_add_persent_div span:nth-child(1) {
|
|
|
width: 30%;
|
|
|
}
|
|
|
+
|
|
|
.a_add_persent_div span:nth-child(2) {
|
|
|
width: 7%;
|
|
|
}
|
|
|
+
|
|
|
.a_add_persent_div span:nth-child(3) {
|
|
|
width: 40%;
|
|
|
}
|
|
|
@@ -220,6 +204,7 @@ export default {
|
|
|
color: rgb(0 123 255);
|
|
|
position: relative;
|
|
|
}
|
|
|
+
|
|
|
.right::after {
|
|
|
content: "";
|
|
|
position: absolute;
|
|
|
@@ -232,35 +217,42 @@ export default {
|
|
|
transform: translateY(-50%);
|
|
|
}
|
|
|
|
|
|
-.dialog_diy >>> .el-dialog__header,
|
|
|
-.dialog_diy1 >>> .el-dialog__header {
|
|
|
+.dialog_diy>>>.el-dialog__header,
|
|
|
+.dialog_diy1>>>.el-dialog__header {
|
|
|
background: #002e81 !important;
|
|
|
padding: 15px 20px;
|
|
|
}
|
|
|
-.dialog_diy >>> .el-dialog__title,
|
|
|
-.dialog_diy1 >>> .el-dialog__title {
|
|
|
+
|
|
|
+.dialog_diy>>>.el-dialog__title,
|
|
|
+.dialog_diy1>>>.el-dialog__title {
|
|
|
color: #fff;
|
|
|
}
|
|
|
-.dialog_diy >>> .el-dialog__headerbtn,
|
|
|
-.dialog_diy1 >>> .el-dialog__headerbtn {
|
|
|
+
|
|
|
+.dialog_diy>>>.el-dialog__headerbtn,
|
|
|
+.dialog_diy1>>>.el-dialog__headerbtn {
|
|
|
top: 19px;
|
|
|
}
|
|
|
-.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close,
|
|
|
-.dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close {
|
|
|
+
|
|
|
+.dialog_diy>>>.el-dialog__headerbtn .el-dialog__close,
|
|
|
+.dialog_diy1>>>.el-dialog__headerbtn .el-dialog__close {
|
|
|
color: #fff;
|
|
|
}
|
|
|
-.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close:hover,
|
|
|
-.dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close:hover {
|
|
|
+
|
|
|
+.dialog_diy>>>.el-dialog__headerbtn .el-dialog__close:hover,
|
|
|
+.dialog_diy1>>>.el-dialog__headerbtn .el-dialog__close:hover {
|
|
|
color: #fff;
|
|
|
}
|
|
|
-.dialog_diy1 >>> .el-dialog__body {
|
|
|
+
|
|
|
+.dialog_diy1>>>.el-dialog__body {
|
|
|
padding: 0;
|
|
|
}
|
|
|
-.dialog_diy >>> .el-dialog__body,
|
|
|
-.dialog_diy >>> .el-dialog__footer,
|
|
|
-.dialog_diy1 >>> .el-dialog__footer {
|
|
|
+
|
|
|
+.dialog_diy>>>.el-dialog__body,
|
|
|
+.dialog_diy>>>.el-dialog__footer,
|
|
|
+.dialog_diy1>>>.el-dialog__footer {
|
|
|
background: #fafafa;
|
|
|
}
|
|
|
+
|
|
|
.s_title {
|
|
|
/* margin-top: 10px; */
|
|
|
font-size: 18px;
|
|
|
@@ -268,11 +260,13 @@ export default {
|
|
|
word-break: break-word;
|
|
|
/* min-width: calc(100% / 2 - 200px); */
|
|
|
}
|
|
|
+
|
|
|
.stuBox {
|
|
|
display: flex;
|
|
|
/* flex-wrap: wrap; */
|
|
|
align-items: center;
|
|
|
}
|
|
|
+
|
|
|
.studentClass {
|
|
|
background: #46a1eb;
|
|
|
color: #fff;
|
