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

feat:学习路径测评评估投票抽屉 编辑测评抽屉 删除TaskAdd.vue a-input整体样式

Browse Source
This commit is contained in:
dongwug
2022-11-03 17:43:45 +08:00
parent f18282dede
commit 7914153bb1
3 changed files with 149 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

195
src/views/learningpath/LevelAddDetail.vue
View File

@@ -60,7 +60,7 @@
<div class="main">
<div class="inma">
<div class="name">
<div class="d" style="margin-top: 2px;margin-right:2px">
<div class="d" style="margin-top: 2px; margin-right: 2px">
<img
style="width: 10px; height: 10px"
src="../../assets/images/basicinfo/asterisk.png"
@@ -78,8 +78,15 @@
<div class="co">{{ value1.length }}/20</div>
</div>
<div class="name">
<div class="d" style="width: 10px;height: 10px;margin-top: 2px;margin-right:2px">
</div>
<div
class="d"
style="
width: 10px;
height: 10px;
margin-top: 2px;
margin-right: 2px;
"
></div>
<div class="fir">关卡说明：</div>
<div class="input">
<a-textarea
@@ -166,9 +173,11 @@
</div>
<!-- 添加作业侧弹窗 -->
<div>
<add-homework
flag=0 routerTaskId=ListChoosedId
v-model:addhomeworkVisible="addhomeworkvisible" />
<add-homework
flag="0"
routerTaskId="ListChoosedId"
v-model:addhomeworkVisible="addhomeworkvisible"
/>
</div>
<div class="lin"></div>
</div>
@@ -221,30 +230,45 @@
</div>
<div class="lin"></div>
</div>
<div class="item">
<div class="item" @click="showDrawerAddEval">
<div class="itcon">
<div class="img">
<img src="../../assets/images/leveladd/ce.png" />
</div>
<div class="text">测评</div>
<!-- 添加测评侧弹窗 -->
<div>
<add-eval v-model:addevalVisible="addevalvisible" v-model:edit="edit" />
</div>
<!-- 添加测评侧弹窗 -->
</div>
<div class="lin"></div>
</div>
<div class="item">
<div class="item" @click="showDrawerAddInvist">
<div class="itcon">
<div class="img">
<img src="../../assets/images/leveladd/diao.png" />
</div>
<div class="text">评估</div>
<!-- 添加评估侧弹窗 -->
<div>
<add-invist v-model:addinvistVisible="addinvistvisible" />
</div>
<!-- 添加评估侧弹窗 -->
</div>
<div class="lin"></div>
</div>
<div class="item">
<div class="item" @click="showDrawerAddVote">
<div class="itcon">
<div class="img">
<img src="../../assets/images/leveladd/tou.png" />
</div>
<div class="text">投票</div>
<!-- 添加投票侧弹窗 -->
<div>
<add-vote v-model:addvoteVisible="addvotevisible" />
</div>
<!-- 添加投票侧弹窗 -->
</div>
<div class="lin"></div>
</div>
@@ -524,6 +548,9 @@ import AddStu from "../../components/drawers/AddLevelAddStu";
import ImpStu from "../../components/drawers/AddLevelImportStu";
import AddHomework from "../../components/drawers/AddHomework.vue";
import AddTest from "../../components/drawers/AddTest.vue";
import AddEval from "../../components/drawers/AddEval.vue";
import AddInvist from "../../components/drawers/AddInvist.vue";
import AddVote from "../../components/drawers/AddVote.vue";
import * as api from "../../api/indexLevel";
import { GetRouterDetail, RouterDeleteTask } from "../../api/indexTask";
import { message } from "ant-design-vue";
@@ -533,7 +560,10 @@ export default {
AddStu,
ImpStu,
AddHomework,
AddTest
AddTest,
AddEval,
AddInvist,
AddVote,
},
setup() {
const state = reactive({
@@ -542,7 +572,7 @@ export default {
chapterId: "1",
remark: "关卡说明",
name: "默认关卡",
}
},
],
tableData: [
{
@@ -739,19 +769,23 @@ export default {
value1: "",
value2: "",
selectedRowKeys: [],
edit:false, //是否点击编辑
gqxy_hs: true,
isactive: 0,
projectChecked: null, //项目单选框
addhomeworkvisible: false,
addtestvisible:false,
addtestvisible: false,
addevalvisible: false,
addinvistvisible: false,
addvotevisible: false,
updateChapterID: null, //修改关卡id
// 表示当前触发列表的id,用来发送编辑和删除
ListChoosedId:0
ListChoosedId: 0,
});
//新建关卡
const editChapter = () => {
if(!state.value1) return message.warning("请输入关卡名称");
if (!state.value1) return message.warning("请输入关卡名称");
let obj = {
name: state.value1,
remark: state.value2,
@@ -774,7 +808,7 @@ export default {
.catch((err) => {
console.log("创建失败", err);
});
}
};
//编辑关卡
// const updateChapter = () => {
@@ -800,44 +834,56 @@ export default {
// 作业和考试的抽屉
const showDrawerAddHomework = () => {
state.addhomeworkvisible = true;
state.ListChoosedId = 0
state.ListChoosedId = 0;
};
const showDrawerAddTest = () => {
state.addtestvisible = true;
state.ListChoosedId = 0
state.ListChoosedId = 0;
};
//测试评估投票抽屉
const showDrawerAddEval = () => {
state.addevalvisible = true;
};
const showDrawerAddInvist = () => {
state.addinvistvisible = true;
};
const showDrawerAddVote = () => {
state.addvotevisible = true;
};
// tableData数据赋值方法
const dataAssignment = () => {
console.log((state.level));
state.level[0].taskList.forEach((element,index) => {
console.log(state.level);
state.level[0].taskList.forEach((element, index) => {
state.tableData[index] = {
key:element.routerTaskId,
lei:checkType(element.type),
creater:element.name,
cretime:element.duration,
checked1:element.flag
}
key: element.routerTaskId,
lei: checkType(element.type),
creater: element.name,
cretime: element.duration,
checked1: element.flag,
};
});
}
};
const getDetail = (index) => {
GetRouterDetail(92).then((res) => {
state.level = res.data.data.chapterList
console.log(state.level);
if(index == 0) {
// state.tableData[1] = {
// key: 2,
// lei: "在线",
// creater: "管理者课程",
// cretime: "60",
// checked1: true,
// }
dataAssignment(0)
}
}).catch((err) => {
message.error(err)
})
}
GetRouterDetail(92)
.then((res) => {
state.level = res.data.data.chapterList;
console.log(state.level);
if (index == 0) {
// state.tableData[1] = {
// key: 2,
// lei: "在线",
// creater: "管理者课程",
// cretime: "60",
// checked1: true,
// }
dataAssignment(0);
}
})
.catch((err) => {
message.error(err);
});
};
const closeDrawer = () => {
state.visible = false;
};
@@ -960,12 +1006,23 @@ export default {
return (
<div class="opa">
<div class="opacation">
<span style="color:#4EA6FF;margin-right:25px;cursor:pointer">
<span
style="color:#4EA6FF;margin-right:25px;cursor:pointer"
onClick={()=>{
state.edit = true;
state.addevalvisible = true;
}}
>
编辑
</span>
<span style="color:#4EA6FF;cursor:pointer" onClick={() => {
deleteLevelTask()
}}>删除</span>
<span
style="color:#4EA6FF;cursor:pointer"
onClick={() => {
deleteLevelTask();
}}
>
删除
</span>
</div>
</div>
);
@@ -975,9 +1032,22 @@ export default {
return columns;
};
const checkType = (index) => {
let typeRules = ["","在线","面授","案例","作业","考试","直播","外链","讨论","测评","评估","投票"];
let typeRules = [
"",
"在线",
"面授",
"案例",
"作业",
"考试",
"直播",
"外链",
"讨论",
"测评",
"评估",
"投票",
];
return typeRules[index];
}
};
const tableDataFunc2 = () => {
const columns = [
{
@@ -1162,7 +1232,7 @@ export default {
document.getElementsByTagName("main")[0].style.background =
"rgb(245, 247, 250,1)";
document.getElementsByTagName("main")[0].style.boxShadow = "none";
getDetail(0)
getDetail(0);
});
onUnmounted(() => {
document.getElementsByTagName("main")[0].style.background = "#ffffff";
@@ -1183,13 +1253,15 @@ export default {
state.deleteAll = false;
};
const deleteLevelTask = () => {
RouterDeleteTask(state.listChoosedId).then((res) => {
console.log(`删除成功${res}`);
message.success('删除成功')
}).catch((err) => {
console.log(`删除失败${err}`);
})
}
RouterDeleteTask(state.listChoosedId)
.then((res) => {
console.log(`删除成功${res}`);
message.success("删除成功");
})
.catch((err) => {
console.log(`删除失败${err}`);
});
};
return {
...toRefs(state),
@@ -1213,6 +1285,9 @@ export default {
// updateChapter,
showDrawerAddHomework,
showDrawerAddTest,
showDrawerAddEval,
showDrawerAddInvist,
showDrawerAddVote,
deleteLevelTask,
};
},
@@ -1339,9 +1414,9 @@ export default {
width: 100px;
height: 40px;
border-radius: 4px;
border: 1px solid #409EFF;
border: 1px solid #409eff;
font-size: 14px;
color: #409EFF;
color: #409eff;
cursor: pointer;
background: #ffffff;
margin-right: 20px;
@@ -1354,7 +1429,7 @@ export default {
color: #fff;
cursor: pointer;
border: 0;
background: #409EFF;
background: #409eff;
}
}
}