|
|
|
@ -3,122 +3,192 @@ |
|
|
|
<el-container> |
|
|
|
<el-header class="header"> |
|
|
|
<el-text class="header-text">抢点班作业后台管理</el-text> |
|
|
|
<el-button class="header-button" type="primary" text style="float: right;" @click="logout">退出登录</el-button> |
|
|
|
<el-button |
|
|
|
class="header-button" |
|
|
|
type="primary" |
|
|
|
text |
|
|
|
style="float: right" |
|
|
|
@click="logout" |
|
|
|
>退出登录</el-button |
|
|
|
> |
|
|
|
</el-header> |
|
|
|
<el-main class="main"> |
|
|
|
<div class="main-title"> |
|
|
|
<div class="main-title-text" style="float: left;"> |
|
|
|
编辑作业 |
|
|
|
</div> |
|
|
|
<div class="main-title-text" style="float: left">编辑作业</div> |
|
|
|
<div> |
|
|
|
<el-button class="main-button" @click="back">返回上一页</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="main-back"> |
|
|
|
<el-form :model="form" label-width="auto" style="max-width: 700px" size="large"> |
|
|
|
<el-form |
|
|
|
:model="form" |
|
|
|
label-width="auto" |
|
|
|
style="max-width: 700px" |
|
|
|
size="large" |
|
|
|
> |
|
|
|
<el-form-item label="作业名称"> |
|
|
|
<el-input v-model="form.Name" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="提交时间" style="width: 70%"> |
|
|
|
<el-date-picker v-model="form.picker" type="daterange" range-separator="至" start-placeholder="开始日期" |
|
|
|
end-placeholder="结束日期" /> |
|
|
|
<el-date-picker |
|
|
|
v-model="form.picker" |
|
|
|
type="daterange" |
|
|
|
range-separator="至" |
|
|
|
start-placeholder="开始日期" |
|
|
|
end-placeholder="结束日期" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="作业归属"> |
|
|
|
<el-select v-model="form.ClubType" placeholder="请选择" style="width: 100%"> |
|
|
|
<el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id" /> |
|
|
|
<el-select |
|
|
|
v-model="form.ClubType" |
|
|
|
placeholder="请选择" |
|
|
|
style="width: 100%" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in options" |
|
|
|
:key="item.id" |
|
|
|
:label="item.name" |
|
|
|
:value="item.id" |
|
|
|
/> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="关联文章"> |
|
|
|
<el-autocomplete v-model="articleTitle" :fetch-suggestions="queryArticleList" placeholder="请输入文章关键词" |
|
|
|
@select="handleSelectArticle" clearable /> |
|
|
|
<el-autocomplete |
|
|
|
v-model="articleTitle" |
|
|
|
:fetch-suggestions="queryArticleList" |
|
|
|
placeholder="请输入文章关键词" |
|
|
|
@select="handleSelectArticle" |
|
|
|
clearable |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="关联直播"> |
|
|
|
<el-select v-model="form.LiveId" placeholder="请选择（可选择昨日、今日以及未来7日已创建的直播）" style="width: 100%" clearable |
|
|
|
@change="handleLiveChange"> |
|
|
|
<el-option v-for="item in live" :key="item.id" :label="item.name" :value="item.id" /> |
|
|
|
<el-select |
|
|
|
v-model="form.LiveId" |
|
|
|
placeholder="请选择（可选择昨日、今日以及未来7日已创建的直播）" |
|
|
|
style="width: 100%" |
|
|
|
clearable |
|
|
|
@change="handleLiveChange" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in live" |
|
|
|
:key="item.id" |
|
|
|
:label="item.name" |
|
|
|
:value="item.id" |
|
|
|
/> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="选择类型"> |
|
|
|
<div> |
|
|
|
<el-button type="primary" @click="addSingleChoice">添加单选</el-button> |
|
|
|
<el-button type="primary" @click="addMultipleChoice">添加多选</el-button> |
|
|
|
<el-button type="primary" @click="addBlank">添加简答题</el-button> |
|
|
|
<el-button type="primary" @click="addSingleChoice" |
|
|
|
>添加单选</el-button |
|
|
|
> |
|
|
|
<el-button type="primary" @click="addMultipleChoice" |
|
|
|
>添加多选</el-button |
|
|
|
> |
|
|
|
<el-button type="primary" @click="addBlank" |
|
|
|
>添加简答题</el-button |
|
|
|
> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
<div class="question-container" v-for="(question, index) in questions" :key="index" |
|
|
|
:class="{ 'bg-change': isHovered[index] }" @mouseenter="handleMouseEnter(index)" |
|
|
|
@mouseleave="handleMouseLeave(index)"> |
|
|
|
<div |
|
|
|
class="question-container" |
|
|
|
v-for="(question, index) in questions" |
|
|
|
:key="index" |
|
|
|
:class="{ 'bg-change': isHovered[index] }" |
|
|
|
@mouseenter="handleMouseEnter(index)" |
|
|
|
@mouseleave="handleMouseLeave(index)" |
|
|
|
> |
|
|
|
<div class="question-title"> |
|
|
|
{{ questionPrefix(index) }} {{ getQuestionTypeText(question.type) }} |
|
|
|
{{ questionPrefix(index) }} |
|
|
|
{{ getQuestionTypeText(question.type) }} |
|
|
|
</div> |
|
|
|
<div style="width: 600px;"> |
|
|
|
<div style="width: 600px"> |
|
|
|
<el-input v-model="question.description" /> |
|
|
|
</div> |
|
|
|
<div class="add"> |
|
|
|
<div v-if="question.type !== 3"> |
|
|
|
<div class="question-option"> |
|
|
|
<span>设置选项:</span> |
|
|
|
<el-button type="primary" text @click="addOption(index)">添加</el-button> |
|
|
|
</div> |
|
|
|
<div v-for="(option, optionIndex) in question.content" :key="optionIndex"> |
|
|
|
<div class="select" style="display: flex;"> |
|
|
|
<div class="selection-item" style="display: flex;"> |
|
|
|
<div style="width: 550px;"> |
|
|
|
<el-input v-model="question.content[optionIndex].text" /> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<el-button type="primary" text @click="removeOption(index, optionIndex)">删除</el-button> |
|
|
|
<div class="question-option"> |
|
|
|
<span>设置选项:</span> |
|
|
|
<el-button type="primary" text @click="addOption(index)" |
|
|
|
>添加</el-button |
|
|
|
> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
v-for="(option, optionIndex) in question.content" |
|
|
|
:key="optionIndex" |
|
|
|
> |
|
|
|
<div class="select" style="display: flex"> |
|
|
|
<div class="selection-item" style="display: flex"> |
|
|
|
<div style="width: 550px"> |
|
|
|
<el-input |
|
|
|
v-model="question.content[optionIndex].text" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<el-button |
|
|
|
type="primary" |
|
|
|
text |
|
|
|
@click="removeOption(index, optionIndex)" |
|
|
|
>删除</el-button |
|
|
|
> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="delete" style="margin-left: 50px;"> |
|
|
|
<el-button type="info" plain @click="removeQuestion(index)">删除</el-button> |
|
|
|
<div class="delete" style="margin-left: 50px"> |
|
|
|
<el-button type="info" plain @click="removeQuestion(index)" |
|
|
|
>删除</el-button |
|
|
|
> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="submit"> |
|
|
|
<el-button type="primary" :disabled="!form.Name || !form.picker" @click="onSubmit">确认</el-button> |
|
|
|
<el-button |
|
|
|
type="primary" |
|
|
|
:disabled="!form.Name || !form.picker" |
|
|
|
@click="onSubmit" |
|
|
|
>确认</el-button |
|
|
|
> |
|
|
|
</div> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
</el-main> |
|
|
|
</el-container> |
|
|
|
</div> |
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
<script lang="ts" setup> |
|
|
|
import { ref, onMounted, computed,reactive } from 'vue' |
|
|
|
import { useRouter, useRoute } from 'vue-router'; |
|
|
|
import AddWorkApi from '../api/AddWorkApi'; |
|
|
|
import _ from 'lodash'; |
|
|
|
import dayjs from 'dayjs'; |
|
|
|
import ClassListApi from '../api/ClassListApi'; |
|
|
|
import { ElMessage } from 'element-plus'; |
|
|
|
import LoginApi from '../api/LoginApi'; |
|
|
|
|
|
|
|
import { useTokenStore } from '../stores/token'; |
|
|
|
import { useUserStore } from '../stores/user'; |
|
|
|
import { ar } from 'date-fns/locale'; |
|
|
|
import { ref, onMounted, computed, reactive } from "vue"; |
|
|
|
import { useRouter, useRoute } from "vue-router"; |
|
|
|
import AddWorkApi from "../api/AddWorkApi"; |
|
|
|
import _ from "lodash"; |
|
|
|
import dayjs from "dayjs"; |
|
|
|
import ClassListApi from "../api/ClassListApi"; |
|
|
|
import { ElMessage } from "element-plus"; |
|
|
|
import LoginApi from "../api/LoginApi"; |
|
|
|
|
|
|
|
import { useTokenStore } from "../stores/token"; |
|
|
|
import { useUserStore } from "../stores/user"; |
|
|
|
import { ar } from "date-fns/locale"; |
|
|
|
import { el } from "element-plus/es/locale"; |
|
|
|
|
|
|
|
const router = useRouter(); |
|
|
|
const options = ref([ |
|
|
|
{ id: 1, name: '牧民俱乐部' }, |
|
|
|
{ id: 2, name: '博古论坛' }, |
|
|
|
{ id: 3, name: '神枪手俱乐部' }, |
|
|
|
{ id: 4, name: '环球俱乐部' }, |
|
|
|
{ id: 5, name: '价值投资' }, |
|
|
|
{ id: 6, name: '波段行情' }, |
|
|
|
{ id: 7, name: '抄底卖顶' }, |
|
|
|
{ id: 8, name: '资金及仓位管理' }, |
|
|
|
{ id: 9, name: '财富的游戏' }, |
|
|
|
{ id: 1, name: "牧民俱乐部" }, |
|
|
|
{ id: 2, name: "博古论坛" }, |
|
|
|
{ id: 3, name: "神枪手俱乐部" }, |
|
|
|
{ id: 4, name: "环球俱乐部" }, |
|
|
|
{ id: 5, name: "价值投资" }, |
|
|
|
{ id: 6, name: "波段行情" }, |
|
|
|
{ id: 7, name: "抄底卖顶" }, |
|
|
|
{ id: 8, name: "资金及仓位管理" }, |
|
|
|
{ id: 9, name: "财富的游戏" }, |
|
|
|
]); |
|
|
|
|
|
|
|
const route = useRoute(); |
|
|
|
const id = ref(route.params.id) |
|
|
|
console.log(id.value + '============') |
|
|
|
const id = ref(route.params.id); |
|
|
|
console.log(id.value + "============"); |
|
|
|
|
|
|
|
// 用于存储获取到的作业数据 |
|
|
|
const homeworkData = ref<{ |
|
|
|
@ -136,22 +206,21 @@ const homeworkData = ref<{ |
|
|
|
}; |
|
|
|
status: number; |
|
|
|
form: FormItemType[]; |
|
|
|
|
|
|
|
}>({ |
|
|
|
name: '', |
|
|
|
startDate: '', |
|
|
|
endDate: '', |
|
|
|
clubType: '', |
|
|
|
name: "", |
|
|
|
startDate: "", |
|
|
|
endDate: "", |
|
|
|
clubType: "", |
|
|
|
article: { |
|
|
|
id: '', |
|
|
|
title: '', |
|
|
|
id: "", |
|
|
|
title: "", |
|
|
|
}, |
|
|
|
live: { |
|
|
|
id: '', |
|
|
|
name: '' |
|
|
|
id: "", |
|
|
|
name: "", |
|
|
|
}, |
|
|
|
status: 0, |
|
|
|
form: [] |
|
|
|
form: [], |
|
|
|
}); |
|
|
|
|
|
|
|
// 定义form数组中每个元素的类型接口 |
|
|
|
@ -168,17 +237,16 @@ interface FormItemType { |
|
|
|
updatedAt: string; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const form = ref({ |
|
|
|
id: '', |
|
|
|
Name: '', |
|
|
|
ClubType: '', |
|
|
|
ArticleId: '', |
|
|
|
LiveId: '', |
|
|
|
id: "", |
|
|
|
Name: "", |
|
|
|
ClubType: "", |
|
|
|
ArticleId: "", |
|
|
|
LiveId: "", |
|
|
|
picker: [], |
|
|
|
StartDate: '', |
|
|
|
EndDate: '', |
|
|
|
Questions: [] |
|
|
|
StartDate: "", |
|
|
|
EndDate: "", |
|
|
|
Questions: [], |
|
|
|
}); |
|
|
|
|
|
|
|
// 新增一个变量用于标识是否发布，这里先设为false表示未发布 |
|
|
|
@ -187,13 +255,13 @@ onMounted(async () => { |
|
|
|
try { |
|
|
|
const response = await ClassListApi.getClassListOne(id.value); |
|
|
|
homeworkData.value = response.data; |
|
|
|
console.log(homeworkData.value) |
|
|
|
console.log(homeworkData.value); |
|
|
|
form.value.Name = homeworkData.value.name; |
|
|
|
// 根据后端返回数据设置发布状态变量的值 |
|
|
|
isPublished.value = homeworkData.value.status; |
|
|
|
|
|
|
|
const start = dayjs(homeworkData.value.startDate).format('YYYY-MM-DD'); |
|
|
|
const end = dayjs(homeworkData.value.endDate).format('YYYY-MM-DD'); |
|
|
|
const start = dayjs(homeworkData.value.startDate).format("YYYY-MM-DD"); |
|
|
|
const end = dayjs(homeworkData.value.endDate).format("YYYY-MM-DD"); |
|
|
|
form.value.picker = [start, end]; |
|
|
|
|
|
|
|
if (homeworkData.value.article && homeworkData.value.article.title) { |
|
|
|
@ -206,7 +274,10 @@ onMounted(async () => { |
|
|
|
const newQuestions = []; |
|
|
|
homeworkData.value.form.forEach((formItem: FormItemType) => { |
|
|
|
// 解析content字段中的JSON字符串为实际的数组对象 |
|
|
|
const contentArray = JSON.parse(formItem.content) as { id: string, text: string }[]; |
|
|
|
const contentArray = JSON.parse(formItem.content) as { |
|
|
|
id: string; |
|
|
|
text: string; |
|
|
|
}[]; |
|
|
|
// 创建一个新的符合questions结构的对象 |
|
|
|
const question = { |
|
|
|
id: formItem.id, |
|
|
|
@ -226,102 +297,110 @@ onMounted(async () => { |
|
|
|
}; |
|
|
|
questions.value = processFormData(); |
|
|
|
} catch (error) { |
|
|
|
console.error('接口请求出现错误:', error); |
|
|
|
console.error("接口请求出现错误:", error); |
|
|
|
} |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
const articleTitle = ref(''); |
|
|
|
const articleTitle = ref(""); |
|
|
|
// 问题列表数据 |
|
|
|
const questions = ref([]); |
|
|
|
const onSubmit = () => { |
|
|
|
// 从picker中获取日期数据并进行格式转换 |
|
|
|
if (form.value.picker && form.value.picker.length === 2) { |
|
|
|
const startDate = dayjs(form.value.picker[0]).format('YYYY-MM-DD HH:mm:00'); |
|
|
|
const endDate = dayjs(form.value.picker[1]).format('YYYY-MM-DD HH:mm:00'); |
|
|
|
const startDate = dayjs(form.value.picker[0]).format("YYYY-MM-DD HH:mm:00"); |
|
|
|
const endDate = dayjs(form.value.picker[1]).format("YYYY-MM-DD HH:mm:00"); |
|
|
|
form.value.StartDate = startDate; |
|
|
|
form.value.EndDate = endDate; |
|
|
|
} |
|
|
|
form.value.Questions = questions.value; |
|
|
|
if(isLiveChange.value===false&&homeworkData.value.live&&homeworkData.value.live.id){ |
|
|
|
if ( |
|
|
|
isLiveChange.value === false && |
|
|
|
homeworkData.value.live && |
|
|
|
homeworkData.value.live.id |
|
|
|
) { |
|
|
|
form.value.LiveId = homeworkData.value.live.id; |
|
|
|
} |
|
|
|
if (form.value.LiveId) { |
|
|
|
// 如果form.value.liveid有值，优先使用liveid，清空ArticleId（假设后端不接受同时传这两个值且以liveid为准，可根据实际情况调整） |
|
|
|
form.value.ArticleId = ''; |
|
|
|
articleTitle.value = ''; |
|
|
|
form.value.ArticleId = ""; |
|
|
|
articleTitle.value = ""; |
|
|
|
} else if (form.value.ArticleId) { |
|
|
|
|
|
|
|
// 如果手动选择了关联文章，使用手动选择后更新的文章id（form.value.ArticleId） |
|
|
|
} else if (homeworkData.value.article && homeworkData.value.article.id) { |
|
|
|
// 如果没有手动选择，使用后端传回的数据中的关联文章id（homeworkData.value.article.id） |
|
|
|
form.value.ArticleId = homeworkData.value.article.id; |
|
|
|
} |
|
|
|
if (typeof id.value === 'string') { |
|
|
|
if (typeof id.value === "string") { |
|
|
|
form.value.id = id.value; |
|
|
|
} |
|
|
|
if(!form.value.ArticleId&&!form.value.LiveId){ |
|
|
|
ElMessage.error('编辑失败'); |
|
|
|
}else{ |
|
|
|
ClassListApi.editWork(form.value) |
|
|
|
.then((response) => { |
|
|
|
console.log(response); |
|
|
|
ElMessage.success('编辑成功'); |
|
|
|
router.push('/list') |
|
|
|
}) |
|
|
|
if (!form.value.ArticleId && !form.value.LiveId) { |
|
|
|
ElMessage.error("编辑失败，请选择关联文章或关联直播"); |
|
|
|
} else { |
|
|
|
ClassListApi.editWork(form.value).then((response) => { |
|
|
|
const code = response["code"]; |
|
|
|
const message = response["message"]; |
|
|
|
if (code !== 200) { |
|
|
|
ElMessage.error(message); |
|
|
|
} else { |
|
|
|
console.log(response); |
|
|
|
ElMessage.success("编辑成功"); |
|
|
|
router.push("/list"); |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
console.log(id.value + '--------------') |
|
|
|
console.log(form.value) |
|
|
|
} |
|
|
|
|
|
|
|
console.log(id.value + "--------------"); |
|
|
|
console.log(form.value); |
|
|
|
}; |
|
|
|
const back = () => { |
|
|
|
window.history.back() |
|
|
|
} |
|
|
|
window.history.back(); |
|
|
|
}; |
|
|
|
|
|
|
|
// 存储根据文章输入内容查询到的关联文章结果列表 |
|
|
|
const articleSearchResults = ref([]); |
|
|
|
// 根据文章输入内容查询关联文章的函数 |
|
|
|
const queryArticleList = async (queryString: string) => { |
|
|
|
if (form.value.LiveId) { |
|
|
|
ElMessage.warning('您已关联直播，暂无法关联文章'); |
|
|
|
articleTitle.value = ''; // 清空文章标题输入框 |
|
|
|
ElMessage.warning("您已关联直播，暂无法关联文章"); |
|
|
|
articleTitle.value = ""; // 清空文章标题输入框 |
|
|
|
//form.value.LiveId = ''; //(可选，清空关联直播选择框的值) |
|
|
|
return []; |
|
|
|
} |
|
|
|
try { |
|
|
|
const response = await AddWorkApi.getArticleList(queryString); |
|
|
|
const formattedResults = response.data.map(article => ({ |
|
|
|
const formattedResults = response.data.map((article) => ({ |
|
|
|
value: article.title, |
|
|
|
label: article.id |
|
|
|
label: article.id, |
|
|
|
})); |
|
|
|
articleSearchResults.value = formattedResults; |
|
|
|
return formattedResults; |
|
|
|
|
|
|
|
} catch (error) { |
|
|
|
console.error('查询关联文章失败', error); |
|
|
|
ElMessage.error('请输入正确的文章关联词'); |
|
|
|
articleTitle.value = ''; |
|
|
|
console.error("查询关联文章失败", error); |
|
|
|
ElMessage.error("请输入正确的文章关联词"); |
|
|
|
articleTitle.value = ""; |
|
|
|
return []; |
|
|
|
} |
|
|
|
}; |
|
|
|
|
|
|
|
//是否更改关联直播标识 |
|
|
|
const isLiveChange=ref(false); |
|
|
|
const isLiveChange = ref(false); |
|
|
|
const handleLiveChange = () => { |
|
|
|
isLiveChange.value=true; |
|
|
|
isLiveChange.value = true; |
|
|
|
if (articleTitle.value) { |
|
|
|
ElMessage.warning('您已关联文章，暂无法关联直播'); |
|
|
|
form.value.LiveId = ''; // 清空关联直播选择框的值 |
|
|
|
form.value.ArticleId = ''; |
|
|
|
ElMessage.warning("您已关联文章，暂无法关联直播"); |
|
|
|
form.value.LiveId = ""; // 清空关联直播选择框的值 |
|
|
|
form.value.ArticleId = ""; |
|
|
|
//articleTitle.value = ''; (可选，暂不清空关联文章的值) |
|
|
|
} |
|
|
|
}; |
|
|
|
// 处理选择文章的函数 |
|
|
|
const handleSelectArticle = (article: { label: string }) => { |
|
|
|
// 这里可以根据业务需求，比如将选中的文章id（article.label）传递给其他地方使用等 |
|
|
|
console.log('选中的文章id', article.label); |
|
|
|
console.log("选中的文章id", article.label); |
|
|
|
form.value.ArticleId = article.label; // 将选中文章的id赋值给对应表单字段，用于传递给后端 |
|
|
|
const selectedArticle = articleSearchResults.value.find(a => a.label === article.label); |
|
|
|
const selectedArticle = articleSearchResults.value.find( |
|
|
|
(a) => a.label === article.label |
|
|
|
); |
|
|
|
if (selectedArticle) { |
|
|
|
articleTitle.value = selectedArticle.value; // 更新显示的文章题目 |
|
|
|
} |
|
|
|
@ -331,13 +410,13 @@ const handleSelectArticle = (article: { label: string }) => { |
|
|
|
const live = ref([]); |
|
|
|
function getLive() { |
|
|
|
AddWorkApi.getLiveList() |
|
|
|
.then(res => { |
|
|
|
.then((res) => { |
|
|
|
live.value = res.data; |
|
|
|
console.log(live.value); |
|
|
|
}) |
|
|
|
.catch(error => { |
|
|
|
console.error('获取直播列表失败', error) |
|
|
|
}) |
|
|
|
.catch((error) => { |
|
|
|
console.error("获取直播列表失败", error); |
|
|
|
}); |
|
|
|
} |
|
|
|
getLive(); |
|
|
|
|
|
|
|
@ -345,50 +424,54 @@ getLive(); |
|
|
|
const getQuestionTypeText = (type) => { |
|
|
|
switch (type) { |
|
|
|
case 1: |
|
|
|
return '作业题目(单选)'; |
|
|
|
return "作业题目(单选)"; |
|
|
|
case 2: |
|
|
|
return '作业题目(多选)'; |
|
|
|
return "作业题目(多选)"; |
|
|
|
case 3: |
|
|
|
return '作业题目(简答题)'; |
|
|
|
return "作业题目(简答题)"; |
|
|
|
default: |
|
|
|
return '未知类型题目'; |
|
|
|
return "未知类型题目"; |
|
|
|
} |
|
|
|
}; |
|
|
|
|
|
|
|
const addSingleChoice = () => { |
|
|
|
if (isPublished.value === 1) { |
|
|
|
ElMessage.warning('处于发布中，不能添加新题目'); |
|
|
|
ElMessage.warning("处于发布中，不能添加新题目"); |
|
|
|
} else { |
|
|
|
questions.value.push({ |
|
|
|
type: 1, // 假设1代表单选，和后端格式对应起来 |
|
|
|
description: '', |
|
|
|
content: [{ "id": "", "text": "" }, { "id": "", "text": "" }] |
|
|
|
type: 1, // 假设1代表单选，和后端格式对应起来 |
|
|
|
description: "", |
|
|
|
content: [ |
|
|
|
{ id: "", text: "" }, |
|
|
|
{ id: "", text: "" }, |
|
|
|
], |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
const addMultipleChoice = () => { |
|
|
|
if (isPublished.value === 1) { |
|
|
|
ElMessage.warning('处于发布中，不能添加新题目'); |
|
|
|
ElMessage.warning("处于发布中，不能添加新题目"); |
|
|
|
} else { |
|
|
|
questions.value.push({ |
|
|
|
type: 2, // 假设2代表多选，和后端格式对应起来 |
|
|
|
description: '', |
|
|
|
content: [{ "id": "", "text": "" }, { "id": "", "text": "" }] |
|
|
|
type: 2, // 假设2代表多选，和后端格式对应起来 |
|
|
|
description: "", |
|
|
|
content: [ |
|
|
|
{ id: "", text: "" }, |
|
|
|
{ id: "", text: "" }, |
|
|
|
], |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
const addBlank = () => { |
|
|
|
if (isPublished.value === 1) { |
|
|
|
ElMessage.warning('处于发布中，不能添加新题目'); |
|
|
|
ElMessage.warning("处于发布中，不能添加新题目"); |
|
|
|
} else { |
|
|
|
questions.value.push({ |
|
|
|
type: 3, // 假设3代表简答题，和后端格式对应起来 |
|
|
|
description: '', |
|
|
|
content: [{ "id": "", "text": "" }] |
|
|
|
type: 3, // 假设3代表简答题，和后端格式对应起来 |
|
|
|
description: "", |
|
|
|
content: [{ id: "", text: "" }], |
|
|
|
}); |
|
|
|
} |
|
|
|
}; |
|
|
|
@ -403,13 +486,27 @@ const addOption = (questionIndex) => { |
|
|
|
}; |
|
|
|
const removeOption = (questionIndex, optionIndex) => { |
|
|
|
const currentQuestion = questions.value[questionIndex]; |
|
|
|
// 判断当前题目类型是否为多选题 |
|
|
|
if (currentQuestion.type === 1) { |
|
|
|
if (currentQuestion.content.length <= 1) { |
|
|
|
ElMessage.warning("单选题至少需要保留一个选项，不能继续删除"); |
|
|
|
return; |
|
|
|
} |
|
|
|
} |
|
|
|
if (currentQuestion.type === 2) { |
|
|
|
// 如果当前多选题的选项数量已经是2个了，就不允许再删除 |
|
|
|
if (currentQuestion.content.length <= 2) { |
|
|
|
ElMessage.warning("多选题至少需要保留两个选项，不能继续删除"); |
|
|
|
return; |
|
|
|
} |
|
|
|
} |
|
|
|
currentQuestion.content.splice(optionIndex, 1); |
|
|
|
}; |
|
|
|
|
|
|
|
const removeQuestion = (questionIndex) => { |
|
|
|
if(isPublished.value === 1){ |
|
|
|
ElMessage.warning('处于发布中，不能删除题目'); |
|
|
|
}else{ |
|
|
|
if (isPublished.value === 1) { |
|
|
|
ElMessage.warning("处于发布中，不能删除题目"); |
|
|
|
} else { |
|
|
|
questions.value.splice(questionIndex, 1); |
|
|
|
} |
|
|
|
}; |
|
|
|
@ -419,7 +516,7 @@ const questionPrefix = computed(() => { |
|
|
|
return (index) => { |
|
|
|
return `${index + 1}、`; |
|
|
|
}; |
|
|
|
}) |
|
|
|
}); |
|
|
|
|
|
|
|
// 用于存储每个问题标题是否被鼠标悬停的状态，初始化为false |
|
|
|
const isHovered = ref(Array(questions.value.length).fill(false)); |
|
|
|
@ -436,7 +533,6 @@ onMounted(() => { |
|
|
|
isHovered.value = Array(questions.value.length).fill(false); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
//退出 |
|
|
|
function logout() { |
|
|
|
//清除登录信息 |
|
|
|
@ -444,10 +540,10 @@ function logout() { |
|
|
|
const userStore = useUserStore(); |
|
|
|
tokenStore.clear(); |
|
|
|
userStore.clear(); |
|
|
|
LoginApi.logout().then(res => { |
|
|
|
console.log(res) |
|
|
|
}) |
|
|
|
router.push('/') |
|
|
|
LoginApi.logout().then((res) => { |
|
|
|
console.log(res); |
|
|
|
}); |
|
|
|
router.push("/"); |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
@ -512,7 +608,7 @@ function logout() { |
|
|
|
|
|
|
|
.main { |
|
|
|
padding: 30px 212px; |
|
|
|
background-color: #F8F8F8; |
|
|
|
background-color: #f8f8f8; |
|
|
|
} |
|
|
|
|
|
|
|
.main-title { |
|
|
|
|
zhaowenkang
5 months ago