@@ -165,22 +175,26 @@
class="topic-info"
:src="item.screenshot"
:ref="'iframe' + index"
- style="width: 100%"
+ style="width: 100%; border: none"
@load="onIFrameLoad(index)"
/>
-
+
查看解析
- 知识点：
- {{ item.knowledge }}
+ 知识点：
+ {{
+ item.knowledge
+ }}
+ 未标注
移除试卷
@@ -219,6 +233,7 @@
questions.map((item) => item.id)
)
"
+ style="margin-right: 20px"
@click="handleAllTest()"
>全选本页
@@ -227,7 +242,7 @@
class="button-size"
v-else
plain
- style="padding: 5px 10px"
+ style="padding: 5px 10px; margin-right: 20px"
>移除本页
@@ -290,8 +305,8 @@ export default {
classList: [],
// 时间选择
dateList: [
- { type: "onDay", name: "今天" },
{ type: "onWeek", name: "本周" },
+ { type: "onMonth", name: "本月" },
{ type: "term", name: "本学期" },
],
// 题型选择
@@ -308,7 +323,7 @@ export default {
formData: {
classId: 1, // 班级选中
// type: "onDay", // 时间类型
- type: "onDay", // 时间类型
+ type: "onWeek", // 时间类型
dateRange: ["2022-03-01", "2023-05-01"], // 开始结束时间
startScoreRate: 0, // 开始区间
endScoreRate: 60, // 结束区间
@@ -625,11 +640,23 @@ export default {
// 获取ref
onIFrameLoad(index) {
const iframeRef = this.$refs["iframe" + index][0]; // 获取对应的 iframe
+ // const doc = iframeRef.contentDocument || iframeRef.contentWindow.document;
+ // const body = iframeRef.contentWindow.document.body;
+ // body.style.overflowX = "hidden"; // 不允许出现横向滚动条
+ // const height = body.scrollHeight; // 获取内容的高度
+ // iframeRef.style.height = `${height}px`; // 设置 iframe 的高度
+ // // 获取第一个P标签
+ // const firstP = doc.getElementsByTagName("p")[0];
+ // // 或者修改第一个 < p > 标签的内容;
+ // if (firstP) {
+ // let a = this.processString(firstP.innerHTML);
+ // firstP.innerHTML = a;
+ // }
const doc = iframeRef.contentDocument || iframeRef.contentWindow.document;
const body = iframeRef.contentWindow.document.body;
body.style.overflowX = "hidden"; // 不允许出现横向滚动条
const height = body.scrollHeight; // 获取内容的高度
- iframeRef.style.height = `${height}px`; // 设置 iframe 的高度
+ iframeRef.style.height = `${height + 20}px`; // 设置 iframe 的高度
// 获取第一个P标签
const firstP = doc.getElementsByTagName("p")[0];
// 或者修改第一个 < p > 标签的内容;
@@ -699,7 +726,7 @@ export default {
margin-top: 15px;
display: flex;
flex-direction: column;
- box-shadow: 0px 0px 9px 0px #999999;
+ box-shadow: 0px 0px 9px 0px #cfcfcf;
border-radius: 5px;
.topic-title {
height: 45px;
@@ -720,10 +747,9 @@ export default {
display: flex;
align-items: center;
justify-content: space-between;
- margin: 0 20px;
font-weight: 600;
box-sizing: border-box;
- border-top: 1px solid #d2cdcd;
+ border-top: 1px solid #e0dbdb;
.knowledge {
color: rgb(105, 134, 205);
margin-right: 30px;
@@ -737,15 +763,14 @@ export default {
display: flex;
justify-content: space-between;
align-items: center;
- border-top: 1px solid #666666;
+ border-top: 1px solid #cfcfcf;
background: #ffffff;
- box-shadow: 0 0 3px 0 #666666;
padding: 5px 20px 0 20px;
}
.shopping {
- width: 40px;
- height: 120px;
+ width: 50px;
+ height: 135px;
position: fixed;
top: 30%;
right: 0;
@@ -763,13 +788,13 @@ export default {
text-align: center;
cursor: pointer;
.shopping-select {
- width: 20px;
- height: 20px;
+ width: 25px;
+ height: 25px;
border-radius: 50%;
- background: yellow;
- color: red;
- line-height: 20px;
+ background: #eb5151;
+ color: #ffffff;
font-size: 12px !important;
+ line-height: 25px;
}
.size {
font-size: 14px !important;
@@ -785,6 +810,7 @@ export default {
margin: 10px 0;
display: flex;
align-items: center;
+ font-size: 16px !important;
}
.button {
background: #6b73f5;
@@ -794,6 +820,7 @@ export default {
padding: 5px 10px;
border-radius: 5px;
margin: 0 8px;
+ font-size: 16px !important;
cursor: pointer;
white-space: nowrap;
width: fit-content;
@@ -814,4 +841,15 @@ export default {
.size {
font-size: 14px !important;
}
+.font-weight {
+ font-weight: 400;
+}
+.filter-datePicker {
+ font-size: 16px !important;
+}
+::v-deep .el-button {
+ span {
+ font-size: 16px !important;
+ }
+}