+ @click="editTaskForType(element,index)">
编辑
@@ -374,48 +374,47 @@ import {ROUTER_DETAIL_MODIFY} from "@/api/apis";
import {request} from "@/api/request";
import dialog from "@/utils/dialog";
-const {query: {routerId}} = useRoute();
-const modal = ref(false)
-const ischapterEdit = ref(false)
-const visiblene = ref(false)
-const cancleLoading = ref(false)
-const confirmLoading = ref(false)
-const moveChapterIndex = ref('')
-const activeIndex = ref(0)
-const types = 1 // 1 路径图 2 项目
-
-const courseRef = ref({})
-const formValue = ref({draftTaskList: []})
-const routerInfo = ref({chapterList: [{name: '关卡一', draftTaskList: []}], routerInfo: {}})
+const { query: { routerId } } = useRoute();
+const modal = ref(false);
+const ischapterEdit = ref(false);
+const visiblene = ref(false);
+const cancleLoading = ref(false);
+const confirmLoading = ref(false);
+const moveChapterIndex = ref("");
+const activeIndex = ref(0);
+const types = 1; // 1 路径图 2 项目
+const courseRef = ref({});
+const formValue = ref({ draftTaskList: [] });
+const routerInfo = ref({ chapterList: [{ name: "关卡一", draftTaskList: [] }], routerInfo: {} });
const selectAll = computed(() => {
- const selectedNum = routerInfo.value.chapterList[activeIndex.value].draftTaskList.filter(t => t.checked).length
+ const selectedNum = routerInfo.value.chapterList[activeIndex.value].draftTaskList.filter(t => t.checked).length;
if (!selectedNum) {
- return 0
+ return 0;
}
if (selectedNum === routerInfo.value.chapterList[activeIndex.value].draftTaskList.length) {
- return 1
+ return 1;
}
- return 2
-})
+ return 2;
+});
watch(() => routerInfo.value.chapterList, () => {
routerInfo.value.chapterList.forEach((t, i) => {
t.sort = i;
t.draftTaskList?.forEach((s, j) => {
- s.sort = j
- })
- })
-}, {deep: true})
+ s.sort = j;
+ });
+ });
+}, { deep: true });
-const showModal = (e,type) => {
+const showModal = (e, type) => {
ischapterEdit.value = (type === "edit");
- console.log(ischapterEdit.value)
- if(type == 'edit'){
+ console.log(ischapterEdit.value);
+ if (type == "edit") {
console.log("关卡信息:" + e.name);
formValue.value = e;//回传修改的信息
- }else{
+ } else {
//关卡信息初始化
formValue.value = {};
}
@@ -430,26 +429,30 @@ const editChapter = () => {
if (!formValue.value.name) {
return message.warning("请输入关卡名称");
}
- if(ischapterEdit.value){
- routerInfo.value.chapterList = [{...formValue.value, draftTaskList: []}];
+ if (ischapterEdit.value) {
+ routerInfo.value.chapterList = [{ ...formValue.value, draftTaskList: [] }];
+ } else {
+ routerInfo.value.chapterList.push({ ...formValue.value, draftTaskList: [] });
}
- else{
- routerInfo.value.chapterList.push({...formValue.value, draftTaskList: []})
- }
- formValue.value = {draftTaskList: []}
- closeModal()
+ formValue.value = { draftTaskList: [] };
+ closeModal();
};
//删除关卡
const deleteChapter = () => {
dialog({
- content: '确定要删除关卡吗?',
+ content: "确定要删除关卡吗?",
ok: () => {
if (routerInfo.value.chapterList.length === 1) {
message.warning("至少保留一个关卡");
- return
+ return;
+ }
+ if (routerInfo.value.chapterList[activeIndex.value].id) {
+ routerInfo.value.chapterList[activeIndex.value].deleted = true;
+ routerInfo.value.chapterList[activeIndex.value].draftTaskList?.forEach((t, i) => t.id ? (t.deleted = true) : routerInfo.value.chapterList[activeIndex.value].draftTaskList.splice(i, 1));
+ } else {
+ routerInfo.value.chapterList.splice(activeIndex.value, 1);
}
- routerInfo.value.chapterList[activeIndex.value].id ? (routerInfo.value.chapterList[activeIndex.value].deleted = true) : routerInfo.value.chapterList.splice(activeIndex.value, 1);
activeIndex.value && (activeIndex.value = activeIndex.value - 1);
message.info("删除关卡成功");
},
@@ -458,8 +461,8 @@ const deleteChapter = () => {
const getDetail = async () => {
await GetRouterDraftDetail(routerId).then((res) => {
- routerInfo.value = res.data.data
- })
+ routerInfo.value = res.data.data;
+ });
};
onMounted(() => {
@@ -467,19 +470,19 @@ onMounted(() => {
});
const changebgc = (index) => {
- activeIndex.value = index
+ activeIndex.value = index;
};
const subdeleteAll = () => {
if (!routerInfo.value?.chapterList[activeIndex.value]?.draftTaskList?.filter(t => t.checked)?.length) {
message.warning("请选择要删除的任务!");
- return
+ return;
}
dialog({
- content: '确定要删除所选任务吗?',
+ content: "确定要删除所选任务吗?",
ok: () => {
for (let i = 0; i < routerInfo.value.chapterList[activeIndex.value].draftTaskList.length; i++) {
- const t = routerInfo.value.chapterList[activeIndex.value].draftTaskList[i]
+ const t = routerInfo.value.chapterList[activeIndex.value].draftTaskList[i];
if (t.checked) {
if (t.id) {
t.checked = false;
@@ -497,10 +500,10 @@ const subdeleteAll = () => {
//全选任务或全不选任务
const selectRowAll = () => {
if (selectAll.value === 1) {
- routerInfo.value.chapterList[activeIndex.value].draftTaskList.forEach(t => t.checked = false)
- return
+ routerInfo.value.chapterList[activeIndex.value].draftTaskList.forEach(t => t.checked = false);
+ return;
}
- routerInfo.value.chapterList[activeIndex.value].draftTaskList.forEach(t => t.checked = true)
+ routerInfo.value.chapterList[activeIndex.value].draftTaskList.forEach(t => t.checked = true);
};
//移动任务到关卡
const moveTask = () => {
@@ -513,15 +516,15 @@ const moveTask = () => {
};
//编辑的按钮
const editTaskForType = (ele, index) => {
- courseRef.value['el' + ele.type].openDrawer(index, ele)
+ courseRef.value["el" + ele.type].openDrawer(index, ele);
};
function deleteTask(element, index) {
dialog({
- content: '确定要删除此任务吗?',
+ content: "确定要删除此任务吗?",
ok: () => {
message.success("删除成功");
- routerInfo.value.chapterList[activeIndex.value].draftTaskList[index].id ? (element.deleted = true) : routerInfo.value.chapterList[activeIndex.value].draftTaskList.splice(index, 1)
+ routerInfo.value.chapterList[activeIndex.value].draftTaskList[index].id ? (element.deleted = true) : routerInfo.value.chapterList[activeIndex.value].draftTaskList.splice(index, 1);
},
});
}
@@ -529,51 +532,51 @@ function deleteTask(element, index) {
const showChangeModal = () => {
if (routerInfo.value?.chapterList?.length <= 1) {
message.warning("请添加关卡!");
- return
+ return;
}
if (!routerInfo.value?.chapterList[activeIndex.value]?.draftTaskList?.filter(t => t.checked)?.length) {
message.warning("请选择要移动的任务!");
- return
+ return;
}
- visiblene.value = true
+ visiblene.value = true;
};
const closeChangeModal = () => {
- visiblene.value = false
+ visiblene.value = false;
};
//暂存
const temporaryStorage = async () => {
- confirmLoading.value = true
- await request(ROUTER_DETAIL_MODIFY, routerInfo.value)
- await getDetail()
+ confirmLoading.value = true;
+ await request(ROUTER_DETAIL_MODIFY, routerInfo.value);
+ await getDetail();
message.success("暂存成功");
- confirmLoading.value = false
+ confirmLoading.value = false;
};
const submitStorage = async () => {
if (routerInfo.value.routerInfo.status === 1) {
dialog({
- content: '该路径图已经发布,修改后如未点击暂存当前操作未保存数据将丢失,确认保存?',
+ content: "该路径图已经发布,修改后如未点击暂存当前操作未保存数据将丢失,确认保存?",
ok: async () => {
- confirmLoading.value = true
- await releaseRouter(routerId)
+ confirmLoading.value = true;
+ await releaseRouter(routerId);
message.success("关卡和任务数据已保存");
- confirmLoading.value = false
+ confirmLoading.value = false;
},
- })
- return
+ });
+ return;
}
- confirmLoading.value = true
- await request(ROUTER_DETAIL_MODIFY, routerInfo.value)
- message.success("关卡和任务数据已保存")
- confirmLoading.value = false
+ confirmLoading.value = true;
+ await request(ROUTER_DETAIL_MODIFY, routerInfo.value);
+ message.success("关卡和任务数据已保存");
+ confirmLoading.value = false;
};
//取消
const cancelStorage = async () => {
- cancleLoading.value = true
- await getDetail()
+ cancleLoading.value = true;
+ await getDetail();
message.success("取消成功");
- cancleLoading.value = false
+ cancleLoading.value = false;
};
@@ -605,7 +608,7 @@ const cancelStorage = async () => {
width: calc(100%);
height: 40px;
background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
- rgba(78, 166, 255, 0) 100%);
+ rgba(78, 166, 255, 0) 100%);
}
.del_main {
@@ -722,7 +725,7 @@ const cancelStorage = async () => {
position: relative;
justify-content: center;
background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
- rgba(78, 166, 255, 0) 100%);
+ rgba(78, 166, 255, 0) 100%);
.inhe {
width: 80%;
@@ -835,8 +838,8 @@ const cancelStorage = async () => {
width: 624px;
height: 68px;
background: linear-gradient(180deg,
- rgba(78, 166, 255, 0.2) 0%,
- rgba(78, 166, 255, 0) 100%);
+ rgba(78, 166, 255, 0.2) 0%,
+ rgba(78, 166, 255, 0) 100%);
display: flex;
justify-content: center;
@@ -2076,7 +2079,7 @@ const cancelStorage = async () => {
width: calc(100%);
height: 40px;
background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
- rgba(78, 166, 255, 0) 100%);
+ rgba(78, 166, 255, 0) 100%);
}
.del_main {
diff --git a/src/views/projectcenter/TaskAdd.vue b/src/views/projectcenter/TaskAdd.vue
index c6af2cac..a5c779b1 100644
--- a/src/views/projectcenter/TaskAdd.vue
+++ b/src/views/projectcenter/TaskAdd.vue
@@ -541,7 +541,12 @@ const deleteStage = () => {
content: projectInfo.value.stageList.length === 1 ? "当前为最后一个阶段,删除后任务将被移出,为无阶段模式,确认删除阶段吗?" : '确认删除此阶段吗?',
ok: () => {
message.success("删除成功");
- projectInfo.value.stageList[activeIndex.value].id ? (projectInfo.value.stageList[activeIndex.value].deleted = true) : projectInfo.value.stageList.splice(activeIndex.value, 1)
+ if (projectInfo.value.stageList[activeIndex.value].id) {
+ projectInfo.value.stageList[activeIndex.value].deleted = true
+ projectInfo.value.stageList[activeIndex.value].taskDraftDtoList?.forEach((t, i) => t.id ? (t.deleted = true) : projectInfo.value.stageList[activeIndex.value].taskDraftDtoList.splice(i, 1));
+ } else {
+ projectInfo.value.stageList.splice(activeIndex.value, 1)
+ }
activeIndex.value && (activeIndex.value = activeIndex.value - 1);
},
});