添加项目 路径图上传样式

This commit is contained in:
宋文超
2022-11-24 18:15:35 +08:00
parent df731a58f0
commit 62c3b2dfa3
6 changed files with 621 additions and 244 deletions

View File

@@ -23,53 +23,55 @@
<div class="main_notice"> <div class="main_notice">
<div class="mntc_left"> <div class="mntc_left">
<div class="notice_icon"></div> <div class="notice_icon"></div>
<div v-if="assessment == null&&assessment1==null "> <div v-if="assessment == null && assessment1 == null">
<span class="title" <span class="title"
>已选择 <span class="data">0</span> </span >已选择 <span class="data">0</span> </span
> >
</div> </div>
<div v-else> <div v-else>
<div v-if="assessment1 == null">
<span class="title"
<div v-if ="assessment1==null"> >已选择 <span class="data">1</span> ;</span
<span class="title" >
>已选择 <span class="data">1</span> ;</span <span class="title"
> >名称 <span class="data">{{ assessment.name }}</span>
<span class="title" </span>
>名称 <span class="data">{{ assessment.name }}</span> <span class="title"
</span> >题数 <span class="data">{{ assessment.num }}</span>
<span class="title" </span>
>题数 <span class="data">{{ assessment.num }}</span> <span class="title"
</span> >创建人
<span class="title" <span class="data">{{ assessment.creator }}</span>
>创建人 <span class="data">{{ assessment.creator }}</span> </span>
</span> <span class="title"
<span class="title" >创建时间
>创建时间 <span class="data">{{ assessment.time }}</span> <span class="data">{{ assessment.time }}</span>
</span> </span>
</div>
<div v-else>
<span class="title"
>已选择 <span class="data">1</span> ;</span
>
<span class="title"
>名称
<span class="data">{{ assessment1.createName }}</span>
</span>
<span class="title"
>题数
<span class="data">{{
assessment1.essayQuestionVoList.length
}}</span>
</span>
<span class="title"
>创建人
<span class="data">{{ assessment1.createUser }}</span>
</span>
<span class="title"
>创建时间
<span class="data">{{ assessment1.createTime }}</span>
</span>
</div>
</div> </div>
<div v-else>
<span class="title"
>已选择 <span class="data">1</span> ;</span
>
<span class="title"
>名称 <span class="data">{{ assessment1.createName }}</span>
</span>
<span class="title"
>题数 <span class="data">{{ assessment1.essayQuestionVoList.length }}</span>
</span>
<span class="title"
>创建人 <span class="data">{{ assessment1.createUser }}</span>
</span>
<span class="title"
>创建时间 <span class="data">{{ assessment1.createTime }}</span>
</span>
</div>
</div>
</div> </div>
</div> </div>
<div class="main_item"> <div class="main_item">
@@ -168,11 +170,11 @@ export default {
assessment: null, assessment: null,
assessment1: null, assessment1: null,
assessmentVisible: false, assessmentVisible: false,
titleTag:false, titleTag: false,
}); });
const getCheckedAss = (ass) => { const getCheckedAss = (ass) => {
state.assessment = ass; state.assessment = ass;
state.assessment1 =null; state.assessment1 = null;
}; };
const closeDrawer = () => { const closeDrawer = () => {
ctx.emit("update:addinvistVisible", false); ctx.emit("update:addinvistVisible", false);
@@ -190,21 +192,18 @@ export default {
state.assessmentName = ""; state.assessmentName = "";
state.assessment = null; state.assessment = null;
queryInfo(); queryInfo();
}; };
const queryInfo = () => { const queryInfo = () => {
if (props.edit) { if (props.edit) {
state.titleTg =false; state.titleTg = false;
//编辑讨 //编辑讨
api api
.queryAppraiseDetailById({ assessmentId: props.EditInvistId }) .queryAppraiseDetailById({ assessmentId: props.EditInvistId })
.then((res) => { .then((res) => {
//更新讨论信息 //更新讨论信息
state.assessment1=res.data.data; state.assessment1 = res.data.data;
}) })
.catch(() => { .catch(() => {});
});
} }
}; };
const updateTask = () => { const updateTask = () => {

View File

@@ -1,15 +1,14 @@
<template> <template>
<a-drawer
<a-drawer
:visible="addprojvisible" :visible="addprojvisible"
class="drawerStyle addonlineDrawer" class="drawerStyle addonlineDrawer"
width="80%" width="80%"
title="添加在线" title="添加在线"
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 v-if="edit" class="headerTitle">编辑项目</div> <div v-if="edit" class="headerTitle">编辑项目</div>
<div v-else class="headerTitle">添加项目</div> <div v-else class="headerTitle">添加项目</div>
<img <img
@@ -51,7 +50,6 @@
/> />
</div> </div>
</div> </div>
</div> </div>
<div class="mi_btns"> <div class="mi_btns">
<div class="btn btn1"> <div class="btn btn1">
@@ -64,33 +62,157 @@
</div> </div>
</div> </div>
</div> </div>
<div class=""> <div class="main_notice" v-if="edit">
<div class="drawerbox"> <div class="mntc_left">
<a-table <div class="notice_icon"></div>
:columns="tableDataFunc()" <div v-if="selectedRows.length == 0">
:data-source="drawertableData" <span class="title"
:row-selection="rowSelection" >已选择
:loading="tableDataTotal === -1 ? true : false" <span class="data" style="color: #4ea6ff">{{ 0 }}</span>
:scroll="{ x: 700 }" </span
@expand="expandTable" >
:pagination="false" </div>
> <div v-else>
</a-table> <div>
<span class="title"
>已选择
<span class="data" style="color: #4ea6ff">{{
selectedRows.length
}}</span>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span
>
<span class="title"
>名称
<span
class="data"
style="color: #4ea6ff; margin-right: 15px"
>{{ selectedRows[0].name }}</span
>
</span>
<span class="title"
>项目经理
<span
class="data"
style="color: #4ea6ff; margin-right: 15px"
>{{ selectedRows[0].manager }}</span
>
</span>
<span class="title"
>创建人
<span
class="data"
style="color: #4ea6ff; margin-right: 15px"
>{{ selectedRows[0].creater }}</span
>
</span>
<span class="title"
>创建时间
<span class="data" style="color: #4ea6ff">{{
selectedRows[0].time
}}</span>
</span>
</div>
<!-- <div v-else>
<span class="title"
>已选择 <span class="data">1</span> ;</span
>
<span class="title"
>名称
<span class="data">{{ assessment1.createName }}</span>
</span>
<span class="title"
>题数
<span class="data">{{
assessment1.essayQuestionVoList.length
}}</span>
</span>
<span class="title"
>创建人
<span class="data">{{ assessment1.createUser }}</span>
</span>
<span class="title"
>创建时间
<span class="data">{{ assessment1.createTime }}</span>
</span>
</div> -->
</div>
</div>
</div> </div>
<div class="">
<div class="drawerbox">
<!-- 添加的时候显示多选的表 -->
<a-table
v-if="!edit"
:columns="tableDataFunc()"
:data-source="drawertableData"
:row-selection="{
selectedRowKeys: selectedRowKeys,
onChange: onSelectChange,
}"
:loading="tableDataTotal === -1 ? true : false"
:scroll="{ x: 700 }"
@expand="expandTable"
:pagination="false"
>
</a-table>
<!-- 编辑的时候显示单选的表 -->
<a-table
v-else
:columns="tableDataFunc()"
:data-source="drawertableData"
:row-selection="{
selectedRowKeys: selectedRowKeys,
onChange: onSelectChange,
type: 'radio',
}"
:loading="tableDataTotal === -1 ? true : false"
:scroll="{ x: 700 }"
@expand="expandTable"
:pagination="false"
>
</a-table>
</div>
</div> </div>
</div> </div>
<div class="main_btns"> <div class="main_btns">
<button @click="closeDrawer" class="btn1">取消</button> <button @click="closeDrawer" class="btn1">取消</button>
<button @click="updateTaskList" class="btn2">确定</button> <button @click="updateTaskList" class="btn2">确定</button>
</div>
</div> </div>
<!-- 有重复添加的项目时的弹窗 -->
</div> <a-modal
</a-drawer> v-model:visible="sameModal"
:footer="null"
:closable="sameCopy"
wrapClassName="sameModal"
centered="true"
>
<div class="delete">
<div class="del_header"></div>
<div class="del_main">
<div class="header">
<div class="icon"></div>
<span>提示</span>
<div class="close_exit" @click="closeSameModal"></div>
</div>
<div class="body">
<span>项目已存在是否重复添加</span>
</div>
<div class="del_btnbox">
<div class="del_btn btn1" @click="closeSameModal">
<div class="btnText">取消</div>
</div>
<div class="del_btn btn2" @click="sureSameModal">
<div class="btnText">确定</div>
</div>
</div>
</div>
</div>
</a-modal>
</a-drawer>
</template> </template>
<script> <script>
import { reactive, toRefs,ref } from "vue"; import { reactive, toRefs } from "vue";
import * as apiTask from "../../api/indexTaskadd"; import * as apiTask from "../../api/indexTaskadd";
import { RouterEditTask } from "@/api/indexTask"; import { RouterEditTask } from "@/api/indexTask";
@@ -130,7 +252,7 @@ export default {
type: Number, type: Number,
default: null, default: null,
}, },
projectTaskId: { projectTaskId: {
// 要编辑的projectId // 要编辑的projectId
type: Number, type: Number,
@@ -144,6 +266,11 @@ export default {
type: Number, type: Number,
default: null, default: null,
}, },
// 路径图里选择的阶段下的任务列表
chooseProjectList: {
type: String,
default: null,
},
}, },
setup(props, ctx) { setup(props, ctx) {
const state = reactive({ const state = reactive({
@@ -151,56 +278,59 @@ export default {
inputV2: "", inputV2: "",
inputV3: "", inputV3: "",
textV1: "", textV1: "",
statu:0, statu: 0,
checkedC1: false, checkedC1: false,
discussSettings: "", discussSettings: "",
addLoading: false, addLoading: false,
sameModal: false,
sameCopy: false,
sameProj: null,
tableData: [ tableData: [
{ {
key: 1, key: 1,
parentId:1, parentId: 1,
name: '123', name: "123",
manager:'afssfa', manager: "afssfa",
children:[ children: [
{ {
key: 5, key: 5,
parentId:1, parentId: 1,
name: '123', name: "123",
manager:'afssfa', manager: "afssfa",
}, },
] ],
}, },
{ {
key: 2, key: 2,
parentId:2, parentId: 2,
name: '123', name: "123",
manager:'afssfa', manager: "afssfa",
children:[ children: [
{ {
key: 7, key: 7,
parentId:1, parentId: 1,
name: '123', name: "123",
manager:'afssfa', manager: "afssfa",
children:[ children: [
{ {
key: 9, key: 9,
parentId:1, parentId: 1,
name: '123', name: "123",
manager:'afssfa', manager: "afssfa",
}, },
] ],
}, },
] ],
}, },
{ {
key: 3, key: 3,
parentId:3, parentId: 3,
name: '123', name: "123",
manager:'afssfa', manager: "afssfa",
}, },
], ],
selectedRowKeys: [], selectedRowKeys: [],
selectedRows:[], selectedRows: [],
currentPage: 1, currentPage: 1,
tableDataTotal: 0, tableDataTotal: 0,
pageSize: 10, pageSize: 10,
@@ -208,50 +338,49 @@ export default {
drawertableData: [ drawertableData: [
{ {
key: 1, key: 1,
parentId:1, parentId: 1,
name: '123', name: "123",
manager:'afssfa', manager: "afssfa",
children:[ children: [
{ {
key: 5, key: 5,
parentId:1, parentId: 1,
name: '123', name: "123",
manager:'afssfa', manager: "afssfa",
}, },
] ],
}, },
{ {
key: 2, key: 2,
parentId:2, parentId: 2,
name: '123', name: "123",
manager:'afssfa', manager: "afssfa",
children:[ children: [
{ {
key: 7, key: 7,
parentId:1, parentId: 1,
name: '123', name: "123",
manager:'afssfa', manager: "afssfa",
children:[ children: [
{ {
key: 9, key: 9,
parentId:1, parentId: 1,
name: '123', name: "123",
manager:'afssfa', manager: "afssfa",
}, },
] ],
}, },
] ],
}, },
{ {
key: 3, key: 3,
parentId:3, parentId: 3,
name: '123', name: "123",
manager:'afssfa', manager: "afssfa",
}, },
], ],
}); });
const tableDataFunc = () => { const tableDataFunc = () => {
const drawercolumns = [ const drawercolumns = [
{ {
@@ -270,7 +399,7 @@ export default {
}, },
{ {
title: "创建人", title: "创建人",
dataIndex: "creator", dataIndex: "creater",
key: "creater", key: "creater",
width: 100, width: 100,
align: "center", align: "center",
@@ -288,21 +417,22 @@ export default {
const closeDrawer = () => { const closeDrawer = () => {
ctx.emit("update:addprojvisible", false); ctx.emit("update:addprojvisible", false);
ctx.emit("update:edit", false); ctx.emit("update:edit", false);
ctx.emit("changeData", false);
state.selectedRows = [];
state.selectedRowKeys = [];
}; };
const rowSelection =()=> ref({ // const rowSelection =()=> ref({
checkStrictly: false, // checkStrictly: false,
onChange: (selectedRowKeys, selectedRows) => { // onChange: (selectedRowKeys, selectedRows) => {
console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows); // console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
}, // },
onSelect: (record, selected, selectedRows) => { // onSelect: (record, selected, selectedRows) => {
console.log(record, selected, selectedRows); // console.log(record, selected, selectedRows);
}, // },
onSelectAll: (selected, selectedRows, changeRows) => { // onSelectAll: (selected, selectedRows, changeRows) => {
console.log(selected, selectedRows, changeRows); // console.log(selected, selectedRows, changeRows);
}, // },
}); // });
const start = () => { const start = () => {
state.loading = true; state.loading = true;
// ajax request after empty completing // ajax request after empty completing
@@ -311,31 +441,31 @@ export default {
state.selectedRowKeys = []; state.selectedRowKeys = [];
}, 1000); }, 1000);
}; };
const onSelectChange =(selectedRowKeys,selectedRows) => { // const onSelectChange = (selectedRowKeys, selectedRows) => {
console.log('selectedRowKeys changed: ', selectedRowKeys); // console.log("selectedRowKeys changed: ", selectedRowKeys);
state.selectedRowKeys = selectedRowKeys; // state.selectedRowKeys = selectedRowKeys;
this.selectedRows=selectedRows; // this.selectedRows = selectedRows;
// };
const searchProjectList = () => {
getAllProjText();
}; };
const searchProjectList=()=>{ const resetProjectList = () => {
state.inputV1 = "";
state.inputV2 = "";
state.inputV1 = "";
getAllProjText(); getAllProjText();
} };
const resetProjectList=()=>{
state.inputV1="";
state.inputV2="";
state.inputV1="";
getAllProjText();
}
//获取全部项目信息接口 //获取全部项目信息接口
const getAllProjText = () => { const getAllProjText = () => {
apiProj apiProj
.getProjectList({ .getProjectList({
"createName": state.inputV1, createName: state.inputV1,
"manager": state.inputV2, manager: state.inputV2,
"name":state.inputV3, name: state.inputV3,
pageNo: state.currentPage, pageNo: state.currentPage,
pageSize: state.pageSize, pageSize: state.pageSize,
"status": state.status status: state.status,
}) })
.then((res) => { .then((res) => {
let arr = res.data.data.rows; let arr = res.data.data.rows;
@@ -344,12 +474,12 @@ export default {
} }
}) })
.catch(() => { .catch(() => {
message.destroy() message.destroy();
message.error("获取全部项目信息接口失败") message.error("获取全部项目信息接口失败");
}); });
}; };
const afterVisibleChange = (bool) => { const afterVisibleChange = (bool) => {
console.log("哈哈,我进来了") console.log("哈哈,我进来了");
if (bool) { if (bool) {
getAllProjText(); getAllProjText();
} }
@@ -361,49 +491,70 @@ export default {
getAllProjText(); getAllProjText();
}; };
const getTableDate = (data) => { const getTableDate = (data) => {
let array = [] let array = [];
data.map((value)=>{ data.map((value) => {
if(value.type == 3){ if (value.type == 3) {
let obj = { let obj = {
key: value.projectId, key: value.projectId,
parentId:value.parentId, parentId: value.parentId,
projectId:value.projectId, projectId: value.projectId,
name: value.name, name: value.name,
manager:value.manager, manager: value.manager,
time: dayjs(value.createTime).format("YYYY-MM-DD"), time: dayjs(value.createTime).format("YYYY-MM-DD"),
} creater: value.createName,
array.push(obj) };
} array.push(obj);
else { } else {
let obj = { let obj = {
key: value.projectId, key: value.projectId,
parentId:value.parentId, parentId: value.parentId,
name: value.name, name: value.name,
manager:value.manager, manager: value.manager,
time: dayjs(value.createTime).format("YYYY-MM-DD"), time: dayjs(value.createTime).format("YYYY-MM-DD"),
children: value.subList ? getTableDate(value.subList) : [] , children: value.subList ? getTableDate(value.subList) : [],
} };
array.push(obj) array.push(obj);
} }
}) });
return array return array;
}; };
//项目抽屉用的 //项目抽屉用的
const updateTaskList =()=>{ const updateTaskList = () => {
//const resultArr = []; //const resultArr = [];
state.selectedRows.forEach((item) => { state.selectedRows.forEach((item) => {
updateTask(item); let origin = JSON.parse(props.chooseProjectList);
console.log("ccxx", origin);
if (origin.length == 0) {
//可以直接添加到任务列表里
updateTask(item);
closeDrawer();
} else {
//需要先判断是否含有之前的
//根据courseId判断
let re = origin.filter((it) => {
return it.courseId == item.key;
});
console.log("re", re);
if (re.length == 0) {
updateTask(item);
} else {
state.sameProj = item;
//询问是否重复添加
showSameModal();
}
}
}); });
} };
const updateTask = (res) => { const updateTask = (res) => {
if (props.isLevel == 1) { if (props.isLevel == 1) {
RouterEditTask({ RouterEditTask({
chapterId: props.isactive, chapterId: props.isactive,
courseId: 0, courseId: res.key,
name: res.data.data.discussName, name: res.name,
routerId: props.routerId, routerId: props.routerId,
routerTaskId: props.routerTaskId || 0, routerTaskId: props.routerTaskId || 0,
type: 8, type: 13,
}) })
.then(() => { .then(() => {
message.success(`${props.edit ? "编辑" : "新增"}关卡任务成功`); message.success(`${props.edit ? "编辑" : "新增"}关卡任务成功`);
@@ -413,19 +564,41 @@ export default {
}); });
} else if (props.isLevel == 2) { } else if (props.isLevel == 2) {
apiTask.addTask({ apiTask.addTask({
courseId: res.data.data.discussId, courseId: res.data.data.discussId,
duration: res.data.data.discussExplain, duration: res.data.data.discussExplain,
name: res.data.data.discussName, name: res.data.data.discussName,
projectId: props.projectId, projectId: props.projectId,
projectTaskId: props.projectTaskId || 0, projectTaskId: props.projectTaskId || 0,
stageId: props.chooseStageId, stageId: props.chooseStageId,
type: 8, type: 13,
}); });
} else if (props.isLevel == 3) { } else if (props.isLevel == 3) {
console.log(""); console.log("");
} }
}; };
const onSelectChange = (selectedRowKeys, selectRow) => {
console.log("selectedRowKeys changed: ", selectedRowKeys, selectRow);
state.selectedRowKeys = selectedRowKeys;
state.selectedRows = selectRow;
};
const showSameModal = () => {
state.sameModal = true;
};
const closeSameModal = () => {
state.sameProj = null;
state.sameModal = false;
};
const sureSameModal = () => {
// updateTask(state.sameProj);
state.selectedRows.forEach((item) => {
updateTask(item);
});
state.sameProj = null;
state.sameModal = false;
closeDrawer();
ctx.emit("changeData", false);
};
return { return {
...toRefs(state), ...toRefs(state),
afterVisibleChange, afterVisibleChange,
@@ -439,8 +612,10 @@ export default {
searchProjectList, searchProjectList,
resetProjectList, resetProjectList,
handelChangePage, handelChangePage,
rowSelection, showSameModal,
closeSameModal,
sureSameModal,
// rowSelection,
}; };
}, },
}; };
@@ -449,8 +624,149 @@ export default {
.ant-table-striped :deep(.table-striped) td { .ant-table-striped :deep(.table-striped) td {
background-color: #fafafa !important; background-color: #fafafa !important;
} }
.sameModal {
.ant-modal {
width: 424px !important;
height: 258px !important;
.ant-modal-content {
width: 424px !important;
height: 258px !important;
.ant-modal-body {
width: 424px !important;
height: 258px !important;
padding: 0 !important;
.delete {
z-index: 999;
width: 424px;
height: 258px;
background: #ffffff;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
border-radius: 4px;
// position: absolute;
// left: 50%;
// top: 10%;
// transform: translate(-50%, -50%);
.del_header {
position: absolute;
width: calc(100%);
height: 68px;
background: linear-gradient(
rgba(78, 166, 255, 0.2) 0%,
rgba(78, 166, 255, 0) 100%
);
}
.del_main {
width: 100%;
position: relative;
.header {
display: flex;
align-items: center;
padding-top: 20px;
padding-left: 26px;
font-size: 16px;
.icon {
width: 16px;
height: 16px;
margin-right: 10px;
background-image: url(@/assets/images/taskpage/gan.png);
background-size: 100% 100%;
}
.close_exit {
position: absolute;
right: 42px;
cursor: pointer;
width: 20px;
height: 20px;
background-image: url(@/assets/images/coursewareManage/close.png);
background-size: 100% 100%;
}
}
.body {
width: 100%;
margin: 34px auto 56px auto;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
// background-color: red;
position: relative;
.back {
position: absolute;
top: 30px;
font-size: 12px;
font-weight: 400;
color: #666666;
}
}
.del_btnbox {
display: flex;
margin: 30px auto;
justify-content: center;
.del_btn {
width: 100px;
height: 40px;
background: rgba(64, 158, 255, 0);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
cursor: pointer;
.btnText {
font-size: 14px;
font-weight: 400;
line-height: 40px;
}
}
.btn1 {
border: 1px solid rgba(64, 158, 255, 1);
color: #4ea6ff;
margin-right: 14px;
}
.btn2 {
background-color: #4ea6ff;
color: #ffffff;
}
}
}
}
}
}
}
}
.addrefDrawer { .addrefDrawer {
.drawerMain { .drawerMain {
// .main_notice {
// display: flex;
// justify-content: space-between;
// align-items: center;
// margin-bottom: 32px;
// height: 40px;
// background-color: #e9f6fe;
// .mntc_left {
// display: flex;
// align-items: center;
// .title {
// color: rgba(0, 0, 0, 0.65);
// margin-right: 17px;
// }
// .data {
// color: #388be1;
// }
// .notice_icon {
// width: 14px;
// height: 14px;
// margin-right: 9px;
// margin-left: 9px;
// background-image: url(@/assets/images/coursewareManage/gan.png);
// background-size: 100% 100%;
// }
// }
// .mntc_right {
// cursor: pointer;
// }
// }
.header { .header {
height: 73px; height: 73px;
border-bottom: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;

View File

@@ -69,7 +69,7 @@ export default {
}; };
noticeList(obj) noticeList(obj)
.then((res) => { .then((res) => {
console.log("获取公告列表成功"); console.log("获取公告列表成功", res.data.data);
let result = res.data.data; let result = res.data.data;
if (result.total > 0) { if (result.total > 0) {
setNoticeData(result.rows); setNoticeData(result.rows);

View File

@@ -780,8 +780,8 @@
支持pdf.ppt.pptx.doc.docx.xls.xlsx.jpeg.png.gif.zip 支持pdf.ppt.pptx.doc.docx.xls.xlsx.jpeg.png.gif.zip
</span> </span>
</div> </div>
<div <!-- <div
v-for="item in docList" v-for="item in fileList"
:key="item.src" :key="item.src"
style="margin-top: 20px" style="margin-top: 20px"
class="docListStyle" class="docListStyle"
@@ -800,6 +800,30 @@
item.name item.name
}}</span> }}</span>
<span style="color: #4ea6ff; float: right">删除</span> <span style="color: #4ea6ff; float: right">删除</span>
</div> -->
<div
v-for="item in fileList"
:key="item.uid"
class="docListStyle"
>
<img
src="@/assets/images/basicinfo/download.png"
style="
cursor: pointer;
width: 40px;
height: 40px;
margin-right: 40px;
"
alt=""
/>
<span style="font: oblique bold 16px Sans-serif">{{
item.name
}}</span>
<span
style="color: #4ea6ff; float: right; cursor: pointer"
@click="deFile(item.uid)"
>删除</span
>
</div> </div>
</div> </div>
</div> </div>
@@ -1898,11 +1922,13 @@ export default {
remark: state.remark, remark: state.remark,
routerId: state.routerId, routerId: state.routerId,
status: state.action, status: state.action,
}).then((res) => {
console.log(res)
}).catch((err) => {
console.log(err)
}) })
.then((res) => {
console.log(res);
})
.catch((err) => {
console.log(err);
});
} }
if (info.file.status === "done") { if (info.file.status === "done") {
@@ -2003,6 +2029,32 @@ export default {
message.error("编辑失败"); message.error("编辑失败");
}); });
}; };
const deFile = (id) => {
console.log(id);
let index = state.fileList.findIndex((item) => {
item.uid == id;
});
state.fileList.splice(index, 1);
let str = JSON.stringify(state.fileList);
//要编辑路径图
editRoutered({
attach: str,
name: state.styTitle,
picUrl: state.picUrl,
remark: state.remark,
routerId: state.routerId,
status: state.action,
})
.then((res) => {
console.log(res);
message.destroy();
return message.success("删除成功");
})
.catch((err) => {
console.log(err);
message.warning("删除失败");
});
};
return { return {
...toRefs(state), ...toRefs(state),
...toRefs(levelList), ...toRefs(levelList),
@@ -2052,6 +2104,7 @@ export default {
stageChange, stageChange,
pageChange, pageChange,
setconfig, setconfig,
deFile,
}; };
}, },
}; };
@@ -3924,6 +3977,11 @@ export default {
} }
} }
} }
.btnbox {
.ant-upload-list {
display: none !important;
}
}
.onemain { .onemain {
margin-top: 20px; margin-top: 20px;

View File

@@ -481,9 +481,7 @@
<div class="item" @click="showDrawerAddProj"> <div class="item" @click="showDrawerAddProj">
<div class="itcon"> <div class="itcon">
<div class="img"> <div class="img">
<img <img src="../../assets/images/leveladd/xiang.png" />
src="../../assets/images/leveladd/xiang.png"
/>
</div> </div>
<div class="text">项目</div> <div class="text">项目</div>
<div> <div>
@@ -497,6 +495,7 @@
v-model:chooseStageId="chooseStageId" v-model:chooseStageId="chooseStageId"
v-model:EditProjectId="EditProjectId" v-model:EditProjectId="EditProjectId"
v-model:routerTaskId="routerTaskId" v-model:routerTaskId="routerTaskId"
v-model:chooseProjectList = "chooseProjectList"
/> />
</div> </div>
</div> </div>
@@ -720,9 +719,6 @@
<!-- 无数据样式 --> <!-- 无数据样式 -->
</div> </div>
</div> </div>
</div> </div>
<div class="right" :style="{ display: gqxy_hs ? 'none' : 'block' }"> <div class="right" :style="{ display: gqxy_hs ? 'none' : 'block' }">
<div class="addhead"> <div class="addhead">
@@ -1172,48 +1168,48 @@ export default {
drawertableData: [ drawertableData: [
{ {
key: 1, key: 1,
parentId:1, parentId: 1,
name: '123', name: "123",
manager:'afssfa', manager: "afssfa",
children:[ children: [
{ {
key: 5, key: 5,
parentId:1, parentId: 1,
name: '123', name: "123",
manager:'afssfa', manager: "afssfa",
}, },
] ],
}, },
{ {
key: 2, key: 2,
parentId:2, parentId: 2,
name: '123', name: "123",
manager:'afssfa', manager: "afssfa",
children:[ children: [
{ {
key: 7, key: 7,
parentId:1, parentId: 1,
name: '123', name: "123",
manager:'afssfa', manager: "afssfa",
children:[ children: [
{ {
key: 9, key: 9,
parentId:1, parentId: 1,
name: '123', name: "123",
manager:'afssfa', manager: "afssfa",
}, },
] ],
}, },
] ],
}, },
{ {
key: 3, key: 3,
parentId:3, parentId: 3,
name: '123', name: "123",
manager:'afssfa', manager: "afssfa",
}, },
], ],
selectedProjRowKeys:[], selectedProjRowKeys: [],
currentPage: 1, currentPage: 1,
tableDataTotal: 0, tableDataTotal: 0,
pageSize: 10, pageSize: 10,
@@ -1292,6 +1288,7 @@ export default {
deleteChapterId: null, //删除关卡id deleteChapterId: null, //删除关卡id
unlockModeVisible: false, //切换模式抽屉 unlockModeVisible: false, //切换模式抽屉
chooseProjectList: null, //选择的阶段下的任务列表
}); });
const showModal = (element) => { const showModal = (element) => {
@@ -1478,6 +1475,11 @@ export default {
for (let i = 0; i < state.level.length; i++) { for (let i = 0; i < state.level.length; i++) {
if (state.level[i].chapterId === id) { if (state.level[i].chapterId === id) {
let array = []; let array = [];
state.chooseProjectList = JSON.stringify(state.level[i].taskList);
// console.log(
// "goggoo",
// Object.prototype.toString.call(state.chooseProjectList)
// );
state.level[i].taskList.forEach((element) => { state.level[i].taskList.forEach((element) => {
let obj = { let obj = {
id: element.routerTaskId, id: element.routerTaskId,
@@ -1537,7 +1539,7 @@ export default {
message.error(err); message.error(err);
}); });
}; };
const showAddStu = () => { const showAddStu = () => {
state.AddSvisible = true; state.AddSvisible = true;
}; };
@@ -1559,6 +1561,7 @@ export default {
"测评", "测评",
"评估", "评估",
"投票", "投票",
"项目",
]; ];
return typeRules[index]; return typeRules[index];
}; };
@@ -1923,7 +1926,7 @@ export default {
console.log("阶段改变", value, option); console.log("阶段改变", value, option);
state.removeStageId = option.chapterId; state.removeStageId = option.chapterId;
}; };
//添加关卡项目 //添加关卡项目
const updateTask = () => { const updateTask = () => {
RouterEditTask({ RouterEditTask({
@@ -1936,15 +1939,15 @@ export default {
routerTaskId: state.routerTaskId, routerTaskId: state.routerTaskId,
type: 13, type: 13,
}) })
.then(( ) => { .then(() => {
message.success(`${state.editproj ? "编辑" : "新增"}关卡任务成功`); message.success(`${state.editproj ? "编辑" : "新增"}关卡任务成功`);
// ctx.emit("changeData", false); // ctx.emit("changeData", false);
leaveProjDrawer() leaveProjDrawer();
state.addLoading = false; state.addLoading = false;
}) })
.catch(() => { .catch(() => {
message.destroy() message.destroy();
message.error("添加关卡任务失败") message.error("添加关卡任务失败");
}); });
}; };
@@ -1997,7 +2000,7 @@ export default {
showChangeModal, showChangeModal,
closeChangeModal, closeChangeModal,
handleChangeStage, handleChangeStage,
updateTask, updateTask,
showDeleteChapter, showDeleteChapter,

View File

@@ -3650,6 +3650,7 @@ export default {
}) })
.catch((err) => { .catch((err) => {
console.log("上传失败了", err); console.log("上传失败了", err);
message.warning("删除失败");
}); });
}; };
onMounted(() => { onMounted(() => {
@@ -6124,9 +6125,9 @@ export default {
} }
} }
} }
.btnbox{ .btnbox {
.ant-upload-list{ .ant-upload-list {
display:none !important; display: none !important;
} }
} }
.onemain { .onemain {