donghanyang
/
Link_Homework_Vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

题目不能为空

test
lenghui 5 months ago
parent
3256a11ce1
commit
10c9a621b5
2 changed files with 50 additions and 44 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 91
      work/src/views/DoHomeworkView.vue
  2. 3
      work/src/views/WorksShowView.vue

91
work/src/views/DoHomeworkView.vue
View File

@ -14,9 +14,7 @@
<div v-for="(answer, index) in question.content" :key="index" class="answer">
<div class="selected">
<input :id="`select-${questionIndex}-${index}`" :name="`radio-group-${questionIndex}`" type="radio"
v-model="selectedAnswers[questionIndex]"
:value="answer.text"
>
v-model="selectedAnswers[questionIndex]" :value="answer.text">
<label :for="`select-${questionIndex}-${index}`">{{ answer.text }}</label>
</div>
</div>
@ -30,9 +28,7 @@
<div v-for="(answer, index) in question.content" :key="index" class="answer">
<div class="selected">
<input :id="`checkbox-${questionIndex}-${index}`" name="checkbox" type="checkbox"
v-model="selectedAnswers[questionIndex]"
:value="answer.text"
>
v-model="selectedAnswers[questionIndex]" :value="answer.text">
<label :for="`checkbox-${questionIndex}-${index}`">{{ answer.text }}</label>
</div>
</div>
@ -44,31 +40,15 @@
<div class="question">
{{ questionIndex + 1 }}. {{ question.description }}
</div>
<el-input
v-model="editorTitles[questionIndex]"
style="width: 100%; padding: 3.5%"
size="large"
placeholder="请输入标题(5-100字符)"
maxlength="100"
minlength="5"
show-word-limit
/>
<el-input v-model="editorTitles[questionIndex]" style="width: 100%; padding: 3.5%" size="large"
placeholder="请输入标题" />
<div class="editor">
<div style="border: 1px solid #ccc">
<Toolbar
style="border-bottom: 1px solid #ccc"
:editor="editorRefs[questionIndex]"
:defaultConfig="toolbarConfig"
:mode="mode"
/>
<Editor
style="height: 500px; overflow-y: hidden;"
v-model="editorContents[questionIndex]"
:defaultConfig="editorConfig"
:mode="mode"
@onCreated="editor => handleCreated(editor, questionIndex)"
/>
<Toolbar style="border-bottom: 1px solid #ccc" :editor="editorRefs[questionIndex]"
:defaultConfig="toolbarConfig" :mode="mode" />
<Editor style="height: 500px; overflow-y: hidden;" v-model="editorContents[questionIndex]"
:defaultConfig="editorConfig" :mode="mode"
@onCreated="editor => handleCreated(editor, questionIndex)" />
</div>
</div>
</div>
@ -81,7 +61,7 @@
</div>
<!-- 提交次数 -->
<div class="submit-times">
<span>您已提交{{sub}}次，每个作业可以提交3次</span>
<span>您已提交{{ sub }}次，每个作业可以提交3次</span>
</div>
</div>
</div>
@ -97,12 +77,13 @@ import { ElMessage } from "element-plus";
import '@wangeditor/editor/dist/css/style.css' // 引入 css
import { onBeforeUnmount } from 'vue'
import { Editor, Toolbar } from '@wangeditor/editor-for-vue'
import {useRoute, useRouter} from "vue-router";
import { useRoute, useRouter } from "vue-router";
const router = useRouter();
const route = useRoute();
let groupId = route.params.id;
let sub = route.params.sub;
// 编辑器实例，必须用 shallowRef
const editorRefs = ref([]);
@ -145,7 +126,7 @@ const toolbarConfig = {
const editorConfig = {
placeholder: '请输入内容...',
toolbarKeys: toolbarConfig.toolbarKeys
}
}
// 组件销毁时，也及时销毁编辑器
onBeforeUnmount(() => {
@ -163,7 +144,6 @@ const handleCreated = (editor, questionIndex) => {
const questionList = ref([]);
function getQuestionList() {
console.log("ljghasjkhdjksahjkhsajkhjkasd",groupId);
homeworkApi.getHomeworkQuestion(groupId).then(resp => {
if (resp.code == 200) {
questionList.value = resp.data;
@ -194,6 +174,23 @@ questionList.value.forEach(() => {
function submit() {
homework.value = [];
for (let i = 0; i < questionList.value.length; i++) {
//如果有题目未作答，弹出提示
if (questionList.value[i].type == 1 || questionList.value[i].type == 2) {
if (selectedAnswers.value[i].length == 0) {
ElMessage.error("您有题目未作答");
return;
}
} else if (questionList.value[i].type == 3) {
//标题不能为空
if (editorTitles.value[i] == '') {
ElMessage.error("标题不能为空");
return;
}
if (editorTitles.value[i] == '') {
ElMessage.error("您有题目未作答");
return;
}
}
if (questionList.value[i].type == 1 || questionList.value[i].type == 2) {
homework.value.push({
"id": questionList.value[i].id,
@ -212,7 +209,7 @@ function submit() {
}
let groupId = route.params.id;
let sub = route.params.sub;
if (sub <=2){
if (sub <= 2) {
homeworkApi.submitHomework(homework.value, groupId).then(resp => {
if (resp.code == 200) {
ElMessage.success("提交成功");
@ -222,7 +219,7 @@ function submit() {
ElMessage.error("未知错误，请联系管理员");
}
});
}else {
} else {
ElMessage.error("提交失败您，已提交3次，每个作业可以提交3次");
}
}
@ -267,12 +264,15 @@ function submit() {
}
.content::-webkit-scrollbar-track {
background: #f1f1f1; /* 滚动条轨道的背景色 */
background: #f1f1f1;
/* 滚动条轨道的背景色 */
}
.content::-webkit-scrollbar-thumb {
background: #d9d9d9; /* 滚动条滑块的颜色 */
border-radius: 6px; /* 滑块的圆角 */
background: #d9d9d9;
/* 滚动条滑块的颜色 */
border-radius: 6px;
/* 滑块的圆角 */
}
.title {
@ -309,25 +309,30 @@ function submit() {
height: 1rem;
/* 透明度 */
opacity: 0.8;
cursor: pointer; /* 鼠标悬停时变成手的形状 */
cursor: pointer;
/* 鼠标悬停时变成手的形状 */
}
.selected input[type="radio"]{
.selected input[type="radio"] {
margin-right: 1%;
width: 1.2rem;
height: 1rem;
/* 透明度 */
opacity: 0.8;
cursor: pointer; /* 鼠标悬停时变成手的形状 */
cursor: pointer;
/* 鼠标悬停时变成手的形状 */
}
/* 单选按钮选中时的样式 */
.selected input[type="radio"]:checked {
accent-color: blue; /* 设置选中时的颜色为蓝色 */
accent-color: blue;
/* 设置选中时的颜色为蓝色 */
}
/* 多选按钮选中时的样式 */
.selected input[type="checkbox"]:checked {
accent-color: blue; /* 设置选中时的颜色为蓝色 */
accent-color: blue;
/* 设置选中时的颜色为蓝色 */
}
.selected label {

3
work/src/views/WorksShowView.vue
View File

@ -98,6 +98,7 @@ body {
width: 50%;
/* 如果需要，也可以设置宽度 */
padding-top: 4%;
}
@ -183,7 +184,7 @@ body {
height: 30%;
/* 设置高度，根据需要调整 */
width: 50%;
/* 如果需要，也可以设置宽度 */
/* 如果内容超过两行，省略号显示 */
}
.work-content {

Write Preview
Loading…
Cancel
Save