-- 任务编辑问题

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

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 = []

View File

@@ -68,7 +68,8 @@
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="请输入考试说明"
@@ -76,7 +77,8 @@
: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 class="main_item"> <div class="main_item">
@@ -126,9 +128,6 @@
</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">
@@ -195,13 +194,15 @@
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>
@@ -218,13 +219,15 @@
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>
@@ -241,13 +244,15 @@
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>
@@ -280,19 +285,22 @@
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>
@@ -367,7 +375,8 @@
: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>
@@ -398,6 +407,7 @@ 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: {
@@ -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();
@@ -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;