hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-13 21:06:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

-- 任务编辑问题

Browse Source
This commit is contained in:
yuping
2022-12-05 17:55:09 +08:00
parent 034a5cc76c
commit 5f7f88de91
2 changed files with 279 additions and 241 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/drawers/AddFaceteach.vue
View File

@@ -410,6 +410,7 @@ export default {
}; };
const closeDrawer = () => { const closeDrawer = () => {
ctx.emit("update:addfaceteachVisible", false); ctx.emit("update:addfaceteachVisible", false);
ctx.emit("update:edit", false);
localStorage.setItem("stageId", props.chooseStageId); localStorage.setItem("stageId", props.chooseStageId);
localStorage.setItem("chapterId", props.isactive); localStorage.setItem("chapterId", props.isactive);
state.fileList = [] state.fileList = []

519
src/components/drawers/AddTest.vue
View File

@@ -1,18 +1,18 @@
<template> <template>
<a-drawer <a-drawer
:visible="addtestVisible" :visible="addtestVisible"
class="drawerStyle addtestDrawer" class="drawerStyle addtestDrawer"
width="80%" width="80%"
placement="right" placement="right"
@after-visible-change="afterVisibleChange" @after-visible-change="afterVisibleChange"
> >
<div class="drawerMain"> <div class="drawerMain">
<div class="header"> <div class="header">
<div class="headerTitle">{{ edit ? "编辑" : "添加" }}考试</div> <div class="headerTitle">{{ edit ? "编辑" : "添加" }}考试</div>
<img <img
style="width: 29px; height: 29px; cursor: pointer" style="width: 29px; height: 29px; cursor: pointer"
src="../../assets/images/basicinfo/close.png" src="../../assets/images/basicinfo/close.png"
@click="closeDrawer2" @click="closeDrawer2"
/> />
</div> </div>
<!-- 2022-11-30注释 后面放开 修改div的padding-topL:32 --> <!-- 2022-11-30注释 后面放开 修改div的padding-topL:32 -->
@@ -34,60 +34,62 @@
</button> --> </button> -->
</div> </div>
<a-form <a-form
v-if="isOuter == 1" v-if="isOuter == 1"
ref="formRef" ref="formRef"
name="custom-validation" name="custom-validation"
:model="formState" :model="formState"
:rules="rules" :rules="rules"
v-bind="layout" v-bind="layout"
@finish="handleFinish" @finish="handleFinish"
@validate="handleValidate" @validate="handleValidate"
@finishFailed="handleFinishFailed" @finishFailed="handleFinishFailed"
> >
<div class="contentMain"> <div class="contentMain">
<div class="main_left"> <div class="main_left">
<div class="main_item"> <div class="main_item">
<div class="btnbox"> <div class="btnbox">
<a-form-item <a-form-item
has-feedback has-feedback
label="考试名称" label="考试名称"
name="examinationName" name="examinationName"
> >
<a-input <a-input
v-model:value="formState.examinationName" v-model:value="formState.examinationName"
style="width: 424px; height: 32px; margin-left: 35px" style="width: 424px; height: 32px; margin-left: 35px"
autocomplete="off" autocomplete="off"
placeholder="请输入考试名称" placeholder="请输入考试名称"
show-count :maxlength="50" show-count :maxlength="50"
/> />
</a-form-item> </a-form-item>
</div> </div>
</div> </div>
<div class="main_item2"> <div class="main_item2">
<a-form-item <a-form-item
has-feedback has-feedback
label="考试说明" label="考试说明"
name="examinationExplain" name="examinationExplain"
><div class="textarea"> >
<a-textarea <div class="textarea">
v-model:value="formState.examinationExplain" <a-textarea
placeholder="请输入考试说明" v-model:value="formState.examinationExplain"
allow-clear placeholder="请输入考试说明"
:rows="6" allow-clear
style="margin-left: 35px" :rows="6"
show-count :maxlength="200" style="margin-left: 35px"
/></div> show-count :maxlength="200"
/>
</div>
</a-form-item> </a-form-item>
</div> </div>
<div class="main_item"> <div class="main_item">
<div class="btnbox"> <div class="btnbox">
<a-form-item has-feedback label="选择考试" name="choosedTest"> <a-form-item has-feedback label="选择考试" name="choosedTest">
<a-button <a-button
type="primary" type="primary"
style="width: 100px; margin-left: 35px" style="width: 100px; margin-left: 35px"
class="outer" class="outer"
@click.prevent @click.prevent
@click="selectTest()" @click="selectTest()"
> >
选择考试 选择考试
</a-button> </a-button>
@@ -115,28 +117,25 @@
</a-menu> </a-menu>
</template> </template>
</a-dropdown> --> </a-dropdown> -->
<a-tag v-if="paperName != ''" closable color="processing" @close="delTag"> <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;">删除考试</span>
</a-tag> </a-tag>
</a-form-item> </a-form-item>
</div> </div>
</div> </div>
<div class="main_item"> <div class="main_item">
<div class="btnbox"> <div class="btnbox">
<a-form-item has-feedback label="考试时间" name="choosedTime"> <a-form-item has-feedback label="考试时间" name="choosedTime">
<a-range-picker <a-range-picker
v-model:value="formState.choosedTime" v-model:value="formState.choosedTime"
format="YYYY-MM-DD" format="YYYY-MM-DD"
style="width: 424px; margin-left: 35px" style="width: 424px; margin-left: 35px"
:placeholder="[' 开始时间', ' 结束时间']" :placeholder="[' 开始时间', ' 结束时间']"
/> />
</a-form-item> </a-form-item>
</div> </div>
@@ -144,14 +143,14 @@
<div class="main_item"> <div class="main_item">
<div class="btnbox"> <div class="btnbox">
<a-form-item <a-form-item
has-feedback has-feedback
label="考试时长" label="考试时长"
name="examinationDuration" name="examinationDuration"
> >
<a-input <a-input
v-model:value="formState.examinationDuration" v-model:value="formState.examinationDuration"
type="number" type="number"
style="width: 388px; height: 32px; margin-left: 35px" style="width: 388px; height: 32px; margin-left: 35px"
/> />
</a-form-item> </a-form-item>
<span style="transform: translateY(-50%)">分钟</span> <span style="transform: translateY(-50%)">分钟</span>
@@ -161,16 +160,16 @@
<div class="btnbox"> <div class="btnbox">
<span style="margin-right: 43px">考试限制</span> <span style="margin-right: 43px">考试限制</span>
<a-form-item <a-form-item
has-feedback has-feedback
label="允许重复考试" label="允许重复考试"
name="examinationLimit" name="examinationLimit"
> >
<a-input-number <a-input-number
:min="-1" :min="-1"
:precision="0" :precision="0"
type="number" type="number"
v-model:value="formState.examinationLimit" v-model:value="formState.examinationLimit"
style=" style="
width: 88px; width: 88px;
height: 32px; height: 32px;
border-radius: 8px; border-radius: 8px;
@@ -179,7 +178,7 @@
/> />
<span style="margin-left: 8px">次</span> <span style="margin-left: 8px">次</span>
<span style="margin-left: 24px; color: #999999" <span style="margin-left: 24px; color: #999999"
>-1表示无限制</span >-1表示无限制</span
> >
</a-form-item> </a-form-item>
</div> </div>
@@ -188,20 +187,22 @@
<div class="btnbox"> <div class="btnbox">
<a-form-item has-feedback label="显示答案" name="showAnswers"> <a-form-item has-feedback label="显示答案" name="showAnswers">
<a-radio-group <a-radio-group
style="margin-left: 35px; margin-right: 12px" style="margin-left: 35px; margin-right: 12px"
v-model:value="formState.showAnswers" v-model:value="formState.showAnswers"
> >
<a-radio <a-radio
v-model:checked="checked" v-model:checked="checked"
:value="1" :value="1"
@click="cloradio1" @click="cloradio1"
>允许查看</a-radio >允许查看
</a-radio
> >
<a-radio <a-radio
v-model:checked="checked" v-model:checked="checked"
:value="2" :value="2"
@click="cloradio1" @click="cloradio1"
>不允许查看</a-radio >不允许查看
</a-radio
> >
</a-radio-group> </a-radio-group>
</a-form-item> </a-form-item>
@@ -211,20 +212,22 @@
<div class="btnbox"> <div class="btnbox">
<a-form-item has-feedback label="显示解析" name="showAnalysis"> <a-form-item has-feedback label="显示解析" name="showAnalysis">
<a-radio-group <a-radio-group
style="margin-left: 35px; margin-right: 12px" style="margin-left: 35px; margin-right: 12px"
v-model:value="formState.showAnalysis" v-model:value="formState.showAnalysis"
> >
<a-radio <a-radio
v-model:checked="checked" v-model:checked="checked"
:value="1" :value="1"
@click="cloradio2" @click="cloradio2"
>允许查看</a-radio >允许查看
</a-radio
> >
<a-radio <a-radio
v-model:checked="checked" v-model:checked="checked"
:value="2" :value="2"
@click="cloradio2" @click="cloradio2"
>不允许查看</a-radio >不允许查看
</a-radio
> >
</a-radio-group> </a-radio-group>
</a-form-item> </a-form-item>
@@ -234,20 +237,22 @@
<div class="btnbox"> <div class="btnbox">
<a-form-item has-feedback label="评分模式" name="scoringModel"> <a-form-item has-feedback label="评分模式" name="scoringModel">
<a-radio-group <a-radio-group
style="margin-left: 35px; margin-right: 12px" style="margin-left: 35px; margin-right: 12px"
v-model:value="formState.scoringModel" v-model:value="formState.scoringModel"
> >
<a-radio <a-radio
v-model:checked="checked" v-model:checked="checked"
:value="1" :value="1"
@click="cloradio3" @click="cloradio3"
>最高一次</a-radio >最高一次
</a-radio
> >
<a-radio <a-radio
v-model:checked="checked" v-model:checked="checked"
:value="2" :value="2"
@click="cloradio3" @click="cloradio3"
>最后一次</a-radio >最后一次
</a-radio
> >
</a-radio-group> </a-radio-group>
</a-form-item> </a-form-item>
@@ -257,9 +262,9 @@
<div class="btnbox"> <div class="btnbox">
<a-form-item has-feedback label="及格线" name="passLine"> <a-form-item has-feedback label="及格线" name="passLine">
<a-input <a-input
v-model:value="formState.passLine" v-model:value="formState.passLine"
type="number" type="number"
style="width: 88px; height: 32px; margin-left: 35px" style="width: 88px; height: 32px; margin-left: 35px"
/> />
</a-form-item> </a-form-item>
<span style="margin-left: 8px">分</span> <span style="margin-left: 8px">分</span>
@@ -268,31 +273,34 @@
<div class="main_item"> <div class="main_item">
<div class="btnbox"> <div class="btnbox">
<a-form-item <a-form-item
has-feedback has-feedback
label="作业要求" label="作业要求"
name="questionArrangement" name="questionArrangement"
> >
<a-radio-group <a-radio-group
style="margin-right: 12px" style="margin-right: 12px"
v-model:value="formState.questionArrangement" v-model:value="formState.questionArrangement"
> >
<a-radio <a-radio
v-model:checked="checked" v-model:checked="checked"
:value="1" :value="1"
@click="cloradio4" @click="cloradio4"
>试题乱序</a-radio >试题乱序
</a-radio
> >
<a-radio <a-radio
v-model:checked="checked" v-model:checked="checked"
:value="2" :value="2"
@click="cloradio4" @click="cloradio4"
>试题排序</a-radio >试题排序
</a-radio
> >
<a-radio <a-radio
v-model:checked="checked" v-model:checked="checked"
:value="3" :value="3"
@click="cloradio4" @click="cloradio4"
>全部乱序</a-radio >全部乱序
</a-radio
> >
</a-radio-group> </a-radio-group>
</a-form-item> </a-form-item>
@@ -306,31 +314,31 @@
</div> </div>
</a-form> </a-form>
<a-form <a-form
v-else v-else
ref="formRef" ref="formRef"
name="custom-validation" name="custom-validation"
:model="formState" :model="formState"
:rules="rules" :rules="rules"
v-bind="layout" v-bind="layout"
@finish="handleFinish" @finish="handleFinish"
@validate="handleValidate" @validate="handleValidate"
@finishFailed="handleFinishFailed" @finishFailed="handleFinishFailed"
> >
<div class="contentMain"> <div class="contentMain">
<div class="main_left"> <div class="main_left">
<div class="main_item"> <div class="main_item">
<div class="btnbox"> <div class="btnbox">
<a-form-item <a-form-item
has-feedback has-feedback
label="考试名称" label="考试名称"
name="examinationName" name="examinationName"
> >
<a-input <a-input
v-model:value="formState.examinationName" v-model:value="formState.examinationName"
style="width: 424px; height: 32px; margin-left: 35px" style="width: 424px; height: 32px; margin-left: 35px"
autocomplete="off" autocomplete="off"
placeholder="请输入考试名称" placeholder="请输入考试名称"
show-count :maxlength="50" show-count :maxlength="50"
/> />
</a-form-item> </a-form-item>
</div> </div>
@@ -338,16 +346,16 @@
<div class="main_item"> <div class="main_item">
<div class="btnbox"> <div class="btnbox">
<a-form-item <a-form-item
has-feedback has-feedback
label="数据来源" label="数据来源"
name="examinationName" name="examinationName"
> >
<a-input <a-input
v-model:value="请输入数据来源" v-model:value="请输入数据来源"
style="width: 424px; height: 32px; margin-left: 35px" style="width: 424px; height: 32px; margin-left: 35px"
autocomplete="off" autocomplete="off"
placeholder="数据来源" placeholder="数据来源"
show-count :maxlength="50" show-count :maxlength="50"
/> />
</a-form-item> </a-form-item>
</div> </div>
@@ -355,19 +363,20 @@
<div class="main_item2"> <div class="main_item2">
<a-form-item <a-form-item
has-feedback has-feedback
label="考试说明" label="考试说明"
name="examinationExplain" name="examinationExplain"
> >
<div class="textarea"> <div class="textarea">
<a-textarea <a-textarea
v-model:value="formState.examinationExplain" v-model:value="formState.examinationExplain"
placeholder="请输入考试说明" placeholder="请输入考试说明"
allow-clear allow-clear
:rows="6" :rows="6"
style="margin-left: 35px" style="margin-left: 35px"
show-count :maxlength="200" show-count :maxlength="200"
/></div> />
</div>
</a-form-item> </a-form-item>
</div> </div>
</div> </div>
@@ -380,24 +389,25 @@
</div> </div>
<!-- 加载动画 --> <!-- 加载动画 -->
<div class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }"> <div class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }">
<a-spin :spinning="addLoading" tip="添加中..." /> <a-spin :spinning="addLoading" tip="添加中..."/>
</div> </div>
<!-- 选择考试抽屉 --> <!-- 选择考试抽屉 -->
<s-test v-model:STvisible="STvisible" @getSTData="getData" /> <s-test v-model:STvisible="STvisible" @getSTData="getData"/>
</a-drawer> </a-drawer>
</template> </template>
<script> <script>
import { reactive, ref, toRefs } from "vue"; import {reactive, ref, toRefs} from "vue";
import { message } from "ant-design-vue"; import {message} from "ant-design-vue";
import { import {
createExamination, createExamination,
queryExaminationDetailById, queryExaminationDetailById,
updateExamination, updateExamination,
} from "@/api/indexExam"; } from "@/api/indexExam";
import STest from "./SelectTest.vue"; import STest from "./SelectTest.vue";
import { ProjectEditTask, RouterEditTask } from "@/api/indexTask"; import {ProjectEditTask, RouterEditTask} from "@/api/indexTask";
import { addTempTask } from "../../api/indexTaskadd"; import {addTempTask} from "../../api/indexTaskadd";
import dayjs from "dayjs"; import dayjs from "dayjs";
export default { export default {
name: "AddTest", name: "AddTest",
components: { components: {
@@ -519,7 +529,7 @@ export default {
return Promise.reject("请选择时间"); return Promise.reject("请选择时间");
} }
}; };
let checkExaminationDuration = async (_rule, value) => { let checkExaminationDuration = async (_rule, value) => {
if (!value) { if (!value) {
return Promise.reject("请输入考试时长"); return Promise.reject("请输入考试时长");
@@ -642,6 +652,7 @@ export default {
console.log(args); console.log(args);
}; };
const closeDrawer = () => { const closeDrawer = () => {
console.log('closeDrawer')
formState.choosedTime = ""; formState.choosedTime = "";
ctx.emit("update:addtestVisible", false); ctx.emit("update:addtestVisible", false);
ctx.emit("update:edit", false); ctx.emit("update:edit", false);
@@ -652,10 +663,12 @@ export default {
}; };
const closeDrawer2 = () => { const closeDrawer2 = () => {
formState.choosedTime = ""; formState.choosedTime = "";
ctx.emit("update:edit", false);
ctx.emit("update:addtestVisible", false); ctx.emit("update:addtestVisible", false);
resetForm(); resetForm();
}; };
const afterVisibleChange = () => { const afterVisibleChange = () => {
console.log('props', props)
if (props.addtestVisible && props.edit) { if (props.addtestVisible && props.edit) {
// 该页面显示同时 edit为true 时，发送查询请求, // 该页面显示同时 edit为true 时，发送查询请求,
queryTest(); queryTest();
@@ -669,46 +682,46 @@ export default {
state.paperName = ""; state.paperName = "";
}; };
const queryTest = () => { const queryTest = () => {
// state.addLoading = true; // state.addLoading = true;
queryExaminationDetailById({ examinationId: props.EditTestId }) queryExaminationDetailById({examinationId: props.EditTestId})
.then((res) => { .then((res) => {
formState.examinationName = res.data.data.examinationName; formState.examinationName = res.data.data.examinationName;
formState.workRequirement = res.data.data.workRequirement; formState.workRequirement = res.data.data.workRequirement;
formState.examinationDuration = res.data.data.examinationDuration; formState.examinationDuration = res.data.data.examinationDuration;
formState.examinationLimit = formState.examinationLimit =
Number(res.data.data.examinationLimit) || -1; Number(res.data.data.examinationLimit) || -1;
formState.passLine = res.data.data.passLine; formState.passLine = res.data.data.passLine;
formState.examinationExplain = res.data.data.examinationExplain; formState.examinationExplain = res.data.data.examinationExplain;
formState.questionArrangement = formState.questionArrangement =
Number(res.data.data.questionArrangement) || 1; Number(res.data.data.questionArrangement) || 1;
formState.scoringModel = Number(res.data.data.scoringModel) || 1; formState.scoringModel = Number(res.data.data.scoringModel) || 1;
formState.showAnalysis = Number(res.data.data.showAnalysis) || 1; formState.showAnalysis = Number(res.data.data.showAnalysis) || 1;
formState.showAnswers = Number(res.data.data.showAnswers) || 1; formState.showAnswers = Number(res.data.data.showAnswers) || 1;
formState.papaerName = res.data.data.examinationTestName; formState.papaerName = res.data.data.examinationTestName;
state.paperName = res.data.data.examinationTestName; state.paperName = res.data.data.examinationTestName;
if ( if (
res.data.data.examinationEndTime && res.data.data.examinationEndTime &&
res.data.data.examinationStartTime res.data.data.examinationStartTime
) { ) {
formState.choosedTime = [ formState.choosedTime = [
dayjs(res.data.data.examinationStartTime, "YYYY-MM-DD"), dayjs(res.data.data.examinationStartTime, "YYYY-MM-DD"),
dayjs(res.data.data.examinationEndTime, "YYYY-MM-DD"), dayjs(res.data.data.examinationEndTime, "YYYY-MM-DD"),
]; ];
state.addLoading = false; state.addLoading = false;
} else { } else {
formState.choosedTime = []; formState.choosedTime = [];
} }
}) })
.catch(() => { .catch(() => {
//message.error(`查询失败`); //message.error(`查询失败`);
}); });
}; };
const updateTest = () => { const updateTest = () => {
//state.addLoading = true;updateTask //state.addLoading = true;updateTask
let obj = { let obj = {
examinationDuration: formState.examinationDuration, examinationDuration: formState.examinationDuration,
examinationEndTime: dayjs(formState.choosedTime[1]).format( examinationEndTime: dayjs(formState.choosedTime[1]).format(
"YYYY-MM-DD" "YYYY-MM-DD"
), ),
examinationExplain: formState.examinationExplain, examinationExplain: formState.examinationExplain,
examinationId: props.edit ? props.EditTestId : 0, examinationId: props.edit ? props.EditTestId : 0,
@@ -717,7 +730,7 @@ export default {
examinationPaperId: 0, examinationPaperId: 0,
// examinationPaperName: formState.choosedTest, // examinationPaperName: formState.choosedTest,
examinationStartTime: dayjs(formState.choosedTime[0]).format( examinationStartTime: dayjs(formState.choosedTime[0]).format(
"YYYY-MM-DD" "YYYY-MM-DD"
), ),
passLine: formState.passLine, passLine: formState.passLine,
questionArrangement: formState.questionArrangement, questionArrangement: formState.questionArrangement,
@@ -727,32 +740,32 @@ export default {
examinationTestId: state.paperId, examinationTestId: state.paperId,
examinationTestName: state.paperName, examinationTestName: state.paperName,
}; };
if(!(state.paperId >0)){ if (!(state.paperId > 0)) {
message.destroy(); message.destroy();
return message.error("请选择考试"); return message.error("请选择考试");
} }
if (props.edit) { if (props.edit) {
// 编辑任务 // 编辑任务
updateExamination(obj) updateExamination(obj)
.then(async (res) => { .then(async (res) => {
await updateTask(res); await updateTask(res);
closeDrawer(); closeDrawer();
}) })
.catch(() => { .catch(() => {
message.destroy(); message.destroy();
message.error(`编辑失败`); message.error(`编辑失败`);
}); });
} else { } else {
// 创建任务 // 创建任务
createExamination(obj) createExamination(obj)
.then(async (res) => { .then(async (res) => {
await updateTask(res); await updateTask(res);
closeDrawer(); closeDrawer();
}) })
.catch(() => { .catch(() => {
message.destroy(); message.destroy();
message.error(`创建失败`); message.error(`创建失败`);
}); });
} }
}; };
const updateTask = (res) => { const updateTask = (res) => {
@@ -771,15 +784,15 @@ export default {
type: 5, type: 5,
}; };
RouterEditTask(editObj1) RouterEditTask(editObj1)
.then(() => { .then(() => {
//message.success(`${props.edit ? "编辑" : "新增"}关卡任务成功`); //message.success(`${props.edit ? "编辑" : "新增"}关卡任务成功`);
ctx.emit("changeData", false); ctx.emit("changeData", false);
state.addLoading = false; state.addLoading = false;
closeDrawer(); closeDrawer();
}) })
.catch(() => { .catch(() => {
//message.error(`${props.edit ? "编辑" : "新增"}关卡任务失败`); //message.error(`${props.edit ? "编辑" : "新增"}关卡任务失败`);
}); });
} else if (props.isLevel == 2) { } else if (props.isLevel == 2) {
let editObj = { let editObj = {
courseId: res.data.data.examinationId, courseId: res.data.data.examinationId,
@@ -792,13 +805,13 @@ export default {
}; };
// 新增编辑或新增项目 // 新增编辑或新增项目
ProjectEditTask(editObj) ProjectEditTask(editObj)
.then(() => { .then(() => {
//message.success(`${props.EditTestId ? "编辑" : "新增"}阶段任务成功`); //message.success(`${props.EditTestId ? "编辑" : "新增"}阶段任务成功`);
ctx.emit("changeData", false); ctx.emit("changeData", false);
}) })
.catch(() => { .catch(() => {
//message.error(`${props.EditTestId ? "编辑" : "新增"}阶段任务失败`); //message.error(`${props.EditTestId ? "编辑" : "新增"}阶段任务失败`);
}); });
} else if (props.isLevel == 3) { } else if (props.isLevel == 3) {
addTempTask({ addTempTask({
courseId: res.data.data.examinationId, courseId: res.data.data.examinationId,
@@ -809,13 +822,13 @@ export default {
stageId: props.chooseStageId || 0, stageId: props.chooseStageId || 0,
type: 5, type: 5,
}) })
.then(() => { .then(() => {
//message.success( `${props.EditTestId ? "编辑" : "新增"}阶段任务成功`); //message.success( `${props.EditTestId ? "编辑" : "新增"}阶段任务成功`);
ctx.emit("changeData", false); ctx.emit("changeData", false);
}) })
.catch(() => { .catch(() => {
//message.error(`${props.EditTestId ? "编辑" : "新增"}阶段任务失败`); //message.error(`${props.EditTestId ? "编辑" : "新增"}阶段任务失败`);
}); });
} }
} }
}; };
@@ -851,7 +864,7 @@ export default {
}; };
const closeTag = (removedTag) => { const closeTag = (removedTag) => {
const tags = state.choosedTestList.filter( const tags = state.choosedTestList.filter(
(item) => item.key != removedTag (item) => item.key != removedTag
); );
state.choosedTestList = tags; state.choosedTestList = tags;
}; };
@@ -887,7 +900,7 @@ export default {
chooseTest, chooseTest,
closeTag, closeTag,
getData, getData,
...toRefs(state), ...toRefs(state),
}; };
}, },
@@ -897,6 +910,7 @@ export default {
.ant-table-striped :deep(.table-striped) td { .ant-table-striped :deep(.table-striped) td {
background-color: #fafafa !important; background-color: #fafafa !important;
} }
.outer { .outer {
background-color: #4ea6ff; background-color: #4ea6ff;
color: #fff; color: #fff;
@@ -905,6 +919,7 @@ export default {
height: 36px; height: 36px;
margin-right: 10px; margin-right: 10px;
} }
.notOuter { .notOuter {
color: #000; color: #000;
border-radius: 5px; border-radius: 5px;
@@ -913,10 +928,12 @@ export default {
margin-right: 10px; margin-right: 10px;
padding: 3px; padding: 3px;
} }
.tag-style { .tag-style {
color: rgb(113, 113, 237); color: rgb(113, 113, 237);
background-color: #d7d1f7; background-color: #d7d1f7;
} }
.addtestDrawer { .addtestDrawer {
.drawerMain { .drawerMain {
.header { .header {
@@ -926,6 +943,7 @@ export default {
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
flex-shrink: 0; flex-shrink: 0;
.headerTitle { .headerTitle {
font-size: 18px; font-size: 18px;
font-weight: 600; font-weight: 600;
@@ -934,31 +952,38 @@ export default {
margin-left: 24px; margin-left: 24px;
} }
} }
.contentMain { .contentMain {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.main_left { .main_left {
padding-right: 30px; padding-right: 30px;
flex: 1; flex: 1;
border-right: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;
.main_item { .main_item {
display: flex; display: flex;
align-items: center; align-items: center;
margin-top: 32px; margin-top: 32px;
margin-bottom: 32px; margin-bottom: 32px;
.signbox { .signbox {
width: 120px; width: 120px;
display: flex; display: flex;
justify-content: end; justify-content: end;
align-items: center; align-items: center;
.sign { .sign {
margin-right: 5px; margin-right: 5px;
} }
} }
.btnbox { .btnbox {
display: flex; display: flex;
flex: 1; flex: 1;
align-items: center; align-items: center;
.xkbtn { .xkbtn {
cursor: pointer; cursor: pointer;
width: 130px; width: 130px;
@@ -971,10 +996,12 @@ export default {
} }
} }
} }
.main_item2 { .main_item2 {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
margin-bottom: 32px; margin-bottom: 32px;
.textarea { .textarea {
width: 423px; width: 423px;
@@ -996,24 +1023,29 @@ export default {
border-radius: 8px; border-radius: 8px;
} }
} }
.signbox { .signbox {
width: 120px; width: 120px;
display: flex; display: flex;
justify-content: end; justify-content: end;
align-items: center; align-items: center;
.sign { .sign {
margin-right: 5px; margin-right: 5px;
} }
} }
.kqszbox { .kqszbox {
.qdqtbox { .qdqtbox {
margin-left: 56px; margin-left: 56px;
} }
.setbox { .setbox {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 10px; margin-top: 10px;
margin-bottom: 24px; margin-bottom: 24px;
.timerbox { .timerbox {
margin-top: 6px; margin-top: 6px;
margin-right: 32px; margin-right: 32px;
@@ -1023,10 +1055,12 @@ export default {
} }
} }
} }
.btnbox2 { .btnbox2 {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
.xkbtn { .xkbtn {
cursor: pointer; cursor: pointer;
width: 130px; width: 130px;
@@ -1043,6 +1077,7 @@ export default {
} }
} }
} }
.main_btns { .main_btns {
height: 72px; height: 72px;
width: 100%; width: 100%;
@@ -1052,6 +1087,7 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16); box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
.btn1 { .btn1 {
width: 100px; width: 100px;
height: 40px; height: 40px;
@@ -1061,6 +1097,7 @@ export default {
background-color: #fff; background-color: #fff;
cursor: pointer; cursor: pointer;
} }
.btn2 { .btn2 {
cursor: pointer; cursor: pointer;
width: 100px; width: 100px;