选择按钮回显名称,message提示统一warning

This commit is contained in:
zhangyc
2022-12-06 07:58:01 +08:00
parent 730f29c1ba
commit 63ba48e539
15 changed files with 109 additions and 197 deletions

View File

@@ -48,6 +48,13 @@
<div class="main_left">
<div class="main_item">
<div class="btnbox">
<div class="sign" style="margin-bottom:24px">
<img
src="@/assets/images/coursewareManage/asterisk.png"
alt=""
/>
</div>
<a-form-item
has-feedback
label="考试名称"
@@ -64,6 +71,7 @@
</div>
</div>
<div class="main_item2">
<a-form-item
has-feedback
label="考试说明"
@@ -83,6 +91,12 @@
</div>
<div class="main_item">
<div class="btnbox">
<div class="sign" style="margin-bottom:24px">
<img
src="@/assets/images/coursewareManage/asterisk.png"
alt=""
/>
</div>
<a-form-item has-feedback label="选择考试" name="choosedTest">
<a-button
type="primary"
@@ -93,33 +107,11 @@
>
选择考试
</a-button>
<!-- <a-dropdown>
<a-button
type="primary"
style="width: 100px; margin-left: 35px"
class="outer"
@click.prevent
@click="selectTest()"
>
选择试卷
<DownOutlined />
</a-button>
<template #overlay>
<a-menu>
<a-menu-item
v-for="item in formState.choosedTest"
:key="item.key"
>
<a @click="chooseTest(item.key - 1)">{{
item.value
}}</a>
</a-menu-item>
</a-menu>
</template>
</a-dropdown> -->
<a-tag v-if="paperName != ''" closable color="processing" @close="delTag">
<span style="font-size:14px;line-height: 33px;">删除考试</span>
<span style="font-size:14px;line-height: 33px;">{{paperName}}</span>
</a-tag>
@@ -130,6 +122,12 @@
<div class="main_item">
<div class="btnbox">
<div class="sign" style="margin-bottom:24px">
<img
src="@/assets/images/coursewareManage/asterisk.png"
alt=""
/>
</div>
<a-form-item has-feedback label="考试时间" name="choosedTime">
<a-range-picker
v-model:value="formState.choosedTime"
@@ -142,6 +140,12 @@
</div>
<div class="main_item">
<div class="btnbox">
<div class="sign" style="margin-bottom:24px">
<img
src="@/assets/images/coursewareManage/asterisk.png"
alt=""
/>
</div>
<a-form-item
has-feedback
label="考试时长"
@@ -475,6 +479,8 @@ export default {
const formState = reactive({
examinationName: "",
examinationDuration: 0,
choosedTime: "",
paperName: "",
examinationLimit: "",
passLine: null,
examinationEndTime: "",
@@ -483,22 +489,7 @@ export default {
scoringModel: 2,
showAnalysis: 2,
showAnswers: 2,
choosedTime: "",
paperName: "",
choosedTest: [
{
key: 1,
value: "提高核心竞争力",
},
{
key: 2,
value: "增强创新意识感",
},
{
key: 3,
value: "巩固基础求发展",
},
],
choosedTest: "",
});
const state = reactive({
addLoading: false,
@@ -509,6 +500,12 @@ export default {
id: "",
testName: "",
TestName:"",
testObj:{
name:"",
paperId:"",
choosedTime:"",
duration:""
},
choosedTestList: [
{
value: "提高核心竞争力",
@@ -517,119 +514,7 @@ export default {
],
});
const formRef = ref();
let checkExaminationName = async (_rule, value) => {
if (!value) {
return Promise.reject("请输入考试名称");
}
};
/*
let checkChoosedTest = async (_rule, value) => {
if (!value) {
return Promise.reject("请选择考试");
}
};*/
let checkChoosedTime = async (_rule, value) => {
if (!value.length) {
return Promise.reject("请选择时间");
}
};
let checkExaminationDuration = async (_rule, value) => {
if (!value) {
return Promise.reject("请输入考试时长");
}
};
let checkLimit = async (_rule, value) => {
if (!value) {
return Promise.reject("请输入考试限制");
}
};
let checkShowAnswers = async (_rule, value) => {
if (!value) {
return Promise.reject("请输入作业名称");
}
};
let checkShowAnalysis = async (_rule, value) => {
if (!value) {
return Promise.reject("请输入作业名称");
}
};
let checkScoringModel = async (_rule, value) => {
if (!value) {
return Promise.reject("请输入作业名称");
}
};
let checkQuestionArrangement = async (_rule, value) => {
if (!value) {
return Promise.reject("请输入作业名称");
}
};
const rules = {
examinationName: [
{
required: true,
validator: checkExaminationName,
trigger: "change",
},
],
/*
choosedTest: [
{
required: true,
validator: checkChoosedTest,
trigger: "change",
},
],*/
choosedTime: [
{
required: true,
validator: checkChoosedTime,
trigger: "change",
},
],
examinationDuration: [
{
required: true,
validator: checkExaminationDuration,
trigger: "change",
},
],
limit: [
{
required: true,
validator: checkLimit,
trigger: "change",
},
],
showAnswers: [
{
validator: checkShowAnswers,
trigger: "change",
},
],
showAnalysis: [
{
validator: checkShowAnalysis,
trigger: "change",
},
],
scoringModel: [
{
validator: checkScoringModel,
trigger: "change",
},
],
questionArrangement: [
{
validator: checkQuestionArrangement,
trigger: "change",
},
],
};
const options1 = ref([
{
label: "math",
@@ -644,7 +529,7 @@ export default {
updateTest();
};
const handleFinishFailed = () => {
message.error("handleFinishFailed");
// message.error("handleFinishFailed");
};
const resetForm = () => {
formRef.value.resetFields();
@@ -747,10 +632,24 @@ export default {
examinationTestId: state.paperId,
examinationTestName: state.paperName,
};
if (!(state.paperId > 0)) {
if (!formState.examinationName) {
message.destroy();
return message.error("请选择考试");
return message.warning("请输入考试名称");
}
if (!state.paperId) {
message.destroy();
return message.warning("请输入选择考试");
}
if (!formState.choosedTime) {
message.destroy();
return message.warning("请输入开始结束时间");
}
if (!formState.examinationDuration) {
message.destroy();
return message.warning("请输入考试时长");
}
if (props.edit) {
// 编辑任务
updateExamination(obj)
@@ -862,12 +761,8 @@ export default {
const changeOuter = (value) => {
state.isOuter = value;
};
const chooseTest = (index) => {
for (let i in state.choosedTestList) {
if (state.choosedTestList[i].key == formState.choosedTest[index].key)
return;
}
state.choosedTestList.push(formState.choosedTest[index]);
const chooseTest = () => {
};
const closeTag = (removedTag) => {
const tags = state.choosedTestList.filter(
@@ -900,7 +795,7 @@ export default {
formRef,
delTag,
// layout,
rules,
updateTest,
queryTest,
changeOuter,