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

fix(BUG:46):修改学习路径图-添加测评-测评说明文字字数限制

Browse Source
This commit is contained in:
wuyx
2022-12-02 18:32:47 +08:00
parent 1f5d7359e9
commit c74c6481bf
1 changed files with 99 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files

230
src/components/drawers/AddEval.vue
View File

@@ -1,49 +1,30 @@
<template> <template>
<a-drawer <a-drawer :visible="addevalVisible" class="drawerStyle addevalDrawer" width="80%" title="添加测评" placement="right"
:visible="addevalVisible" @after-visible-change="afterVisibleChange">
class="drawerStyle addevalDrawer"
width="80%"
title="添加测评"
placement="right"
@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" src="../../assets/images/basicinfo/close.png"
style="width: 29px; height: 29px; cursor: pointer" @click="closeDrawer" />
src="../../assets/images/basicinfo/close.png"
@click="closeDrawer"
/>
</div> </div>
<div class="contentMain"> <div class="contentMain">
<div class="main_left"> <div class="main_left">
<div class="main_item"> <div class="main_item">
<div class="signbox"> <div class="signbox">
<div class="sign"> <div class="sign">
<img <img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
src="@/assets/images/coursewareManage/asterisk.png"
alt=""
/>
</div> </div>
<span style="margin-right: 3px">测评名称：</span> <span style="margin-right: 3px">测评名称：</span>
</div> </div>
<div class="btnbox"> <div class="btnbox">
<a-input <a-input v-model:value="inputV1" style="width: 424px; height: 32px" placeholder="请输入测评名称"
v-model:value="inputV1" maxlength="20" />
style="width: 424px; height: 32px"
placeholder="请输入测评名称"
maxlength="20"
/>
</div> </div>
</div> </div>
<div class="main_item"> <div class="main_item">
<div class="signbox"> <div class="signbox">
<div class="sign"> <div class="sign">
<img <img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
src="@/assets/images/coursewareManage/asterisk.png"
alt=""
/>
</div> </div>
<span style="margin-right: 3px">选择测评：</span> <span style="margin-right: 3px">选择测评：</span>
</div> </div>
@@ -52,13 +33,9 @@
选择测评 选择测评
</button> </button>
<span style="margin-left: 10px"> <span style="margin-left: 10px">
<a-tag <a-tag class="tag-style" v-if="evaluationTypeName !== ''" :closable="true" @close="delTag">{{
class="tag-style" evaluationTypeName
v-if="evaluationTypeName !== ''" }}</a-tag>
:closable="true"
@close="delTag"
>{{ evaluationTypeName }}</a-tag
>
</span> </span>
</div> </div>
</div> </div>
@@ -67,12 +44,8 @@
<span style="margin-right: 3px">有效期：</span> <span style="margin-right: 3px">有效期：</span>
</div> </div>
<div class="btnbox"> <div class="btnbox">
<a-range-picker <a-range-picker style="width: 424px" v-model:value="time" format="YYYY-MM-DD HH:mm:ss"
style="width: 424px" :placeholder="[' 开始时间', ' 结束时间']" />
v-model:value="time"
format="YYYY-MM-DD HH:mm:ss"
:placeholder="[' 开始时间', ' 结束时间']"
/>
</div> </div>
</div> </div>
<div class="main_item2"> <div class="main_item2">
@@ -80,12 +53,9 @@
<span style="margin-right: 3px">测评说明：</span> <span style="margin-right: 3px">测评说明：</span>
</div> </div>
<div class="textarea"> <div class="textarea">
<a-textarea <a-textarea maxlength="150" v-model:value="description" placeholder="请输入测评说明"
v-model:value="description" style="width: 424px; height: 120px" allowClear />
placeholder="请输入测评说明" <span style="position:relative;top:96px;left:-54px;z-index:9999;">{{ description.length }}/150</span>
style="width: 424px; height: 120px"
allowClear
/>
</div> </div>
</div> </div>
</div> </div>
@@ -95,26 +65,23 @@
<button class="btn2" @click="creoredit">确定</button> <button class="btn2" @click="creoredit">确定</button>
</div> </div>
</div> </div>
<EvList <EvList v-model:EvalListVisible="EvalListVisible" v-model:evaluationTypeName="evaluationTypeName"
v-model:EvalListVisible="EvalListVisible" @getEvListData="checkFinish" />
v-model:evaluationTypeName="evaluationTypeName"
@getEvListData="checkFinish"
/>
<!-- <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> -->
</a-drawer> </a-drawer>
</template> </template>
<script> <script>
import {reactive, toRefs} from "vue"; import { reactive, toRefs } from "vue";
// import { useRouter } from "vue-router"; // import { useRouter } from "vue-router";
import EvList from "./EvList.vue"; import EvList from "./EvList.vue";
import * as api from "../../api/indexEval"; import * as api from "../../api/indexEval";
import * as apitaskadd from "../../api/indexTaskadd"; import * as apitaskadd from "../../api/indexTaskadd";
import {message} from "ant-design-vue"; import { message } from "ant-design-vue";
import {RouterEditTask} from "@/api/indexTask"; import { RouterEditTask } from "@/api/indexTask";
import dayjs from "dayjs"; import dayjs from "dayjs";
import {addTempTask} from "../../api/indexTaskadd"; import { addTempTask } from "../../api/indexTaskadd";
export default { export default {
name: "AddEval", name: "AddEval",
@@ -170,7 +137,7 @@ export default {
evaluationTypeId: null, evaluationTypeId: null,
evaluationTypeName: '', evaluationTypeName: '',
description: "", description: "",
EvalListVisible: false, EvalListVisible: false
// addLoading:false, // addLoading:false,
}); });
const checkFinish = (value) => { const checkFinish = (value) => {
@@ -184,8 +151,8 @@ export default {
state.time = undefined; state.time = undefined;
state.description = ""; state.description = "";
state.evaluationTypeId = 0, state.evaluationTypeId = 0,
state.evaluationTypeName = "", state.evaluationTypeName = "",
localStorage.setItem("stageId", props.chooseStageId); localStorage.setItem("stageId", props.chooseStageId);
localStorage.setItem("chapterId", props.isactive); localStorage.setItem("chapterId", props.isactive);
}; };
const afterVisibleChange = (bool) => { const afterVisibleChange = (bool) => {
@@ -212,32 +179,32 @@ export default {
routerTaskId: props.routerTaskId || 0, routerTaskId: props.routerTaskId || 0,
type: 10, type: 10,
}) })
.then(() => { .then(() => {
//message.success(`${props.EditTestId ? "编辑" : "新增"}关卡任务成功`); //message.success(`${props.EditTestId ? "编辑" : "新增"}关卡任务成功`);
}) })
.catch(() => { .catch(() => {
//message.error(`${props.EditTestId ? "编辑" : "新增"}关卡任务失败`); //message.error(`${props.EditTestId ? "编辑" : "新增"}关卡任务失败`);
}); });
} else if (props.isLevel == 2) { } else if (props.isLevel == 2) {
await apitaskadd await apitaskadd
.addTask({ .addTask({
duration: 0, duration: 0,
flag: true, flag: true,
courseId: Number(value.evaluationId), courseId: Number(value.evaluationId),
name: value.evaluationName, name: value.evaluationName,
projectId: props.projectId, projectId: props.projectId,
projectTaskId: props.projectTaskId || 0, projectTaskId: props.projectTaskId || 0,
stageId: props.chooseStageId || 0, stageId: props.chooseStageId || 0,
type: 10, type: 10,
}) })
.then(() => { .then(() => {
message.destroy() message.destroy()
message.success(`${props.edit ? "编辑" : "新增"}阶段任务成功`); message.success(`${props.edit ? "编辑" : "新增"}阶段任务成功`);
}) })
.catch(() => { .catch(() => {
message.destroy() message.destroy()
//message.error(`${props.edit ? "编辑" : "新增"}阶段任务失败`); //message.error(`${props.edit ? "编辑" : "新增"}阶段任务失败`);
}); });
} else if (props.isLevel == 3) { } else if (props.isLevel == 3) {
await addTempTask({ await addTempTask({
courseId: Number(value.evaluationId), courseId: Number(value.evaluationId),
@@ -247,12 +214,12 @@ export default {
stageId: props.chooseStageId || 0, stageId: props.chooseStageId || 0,
type: 10, type: 10,
}) })
.then(() => { .then(() => {
//message.success(`${props.edit ? "编辑" : "新增"}阶段任务成功`); //message.success(`${props.edit ? "编辑" : "新增"}阶段任务成功`);
}) })
.catch(() => { .catch(() => {
//message.error(`${props.edit ? "编辑" : "新增"}阶段任务失败`); //message.error(`${props.edit ? "编辑" : "新增"}阶段任务失败`);
}); });
} }
}; };
//根据id获取测评信息 //根据id获取测评信息
@@ -261,24 +228,24 @@ export default {
evaluationId: props.EditEvalId, evaluationId: props.EditEvalId,
}; };
api api
.queryEvaluationDetailById(objqi) .queryEvaluationDetailById(objqi)
.then((res) => { .then((res) => {
message.destroy() message.destroy()
message.success("获取测评信息成功"); message.success("获取测评信息成功");
state.inputV1 = res.data.data.evaluationName state.inputV1 = res.data.data.evaluationName
state.evaluationTypeName = res.data.data.evaluationTypeName state.evaluationTypeName = res.data.data.evaluationTypeName
state.evaluationTypeId = res.data.data.evaluationTypeId; state.evaluationTypeId = res.data.data.evaluationTypeId;
state.time = res.data.data.evaluationStartTime ? [ state.time = res.data.data.evaluationStartTime ? [
dayjs(res.data.data.evaluationStartTime, "YYYY-MM-DD"), dayjs(res.data.data.evaluationStartTime, "YYYY-MM-DD"),
dayjs(res.data.data.evaluationEndTime, "YYYY-MM-DD"), dayjs(res.data.data.evaluationEndTime, "YYYY-MM-DD"),
] : undefined; ] : undefined;
state.description = res.data.data.evaluationExplain state.description = res.data.data.evaluationExplain
}) })
.catch((err) => { .catch((err) => {
message.destroy() message.destroy()
message.error("获取测量平信息失败"); message.error("获取测量平信息失败");
console.log(err, "erererrerererererer"); console.log(err, "erererrerererererer");
}); });
} }
const creoredit = () => { const creoredit = () => {
if (props.edit) { if (props.edit) {
@@ -287,6 +254,7 @@ export default {
createEvalText() createEvalText()
} }
} }
const editInvistText = () => { const editInvistText = () => {
if (!state.inputV1) { if (!state.inputV1) {
message.destroy(); message.destroy();
@@ -309,18 +277,18 @@ export default {
updateTime: "", updateTime: "",
}; };
api api
.updateEvaluation(objei) .updateEvaluation(objei)
.then(async (res) => { .then(async (res) => {
await updateTask(res.data.data); await updateTask(res.data.data);
closeDrawer(); closeDrawer();
ctx.emit("changeData", false); ctx.emit("changeData", false);
message.destroy(); message.destroy();
message.success("创建测评成功"); message.success("创建测评成功");
}) })
.catch(() => { .catch(() => {
message.destroy(); message.destroy();
message.success("创建测评失败"); message.success("创建测评失败");
}); });
} }
//创建测评信息 //创建测评信息
const createEvalText = () => { const createEvalText = () => {
@@ -346,18 +314,18 @@ export default {
updateTime: "", updateTime: "",
}; };
api api
.createEvaluation(obj) .createEvaluation(obj)
.then(async (res) => { .then(async (res) => {
await updateTask(res.data.data); await updateTask(res.data.data);
closeDrawer(); closeDrawer();
ctx.emit("changeData", false); ctx.emit("changeData", false);
message.destroy(); message.destroy();
message.success("创建测评成功"); message.success("创建测评成功");
}) })
.catch(() => { .catch(() => {
message.destroy(); message.destroy();
message.success("创建测评失败"); message.success("创建测评失败");
}); });
}; };
return { return {
@@ -372,7 +340,7 @@ export default {
queryInvistById, queryInvistById,
editInvistText, editInvistText,
showEvalDrawer, showEvalDrawer,
updateTask, updateTask
}; };
}, },
}; };