feat: 模板编辑,任务大纲,新增模板任务阶段页面

This commit is contained in:
王熙东
2022-11-21 18:17:41 +08:00
parent ed3d2f4627
commit 6bc5991774
4 changed files with 3674 additions and 851 deletions

View File

@@ -4,7 +4,7 @@ import http from "./config";
//编辑项目模板 //编辑项目模板
export const templateEdit = (obj) => http.post('/admin/project/template/edit',obj); export const templateEdit = (obj) => http.post('/admin/project/template/edit',obj);
// 模板详情 // 模板详情
export const templateDetail = (id) => http.get(`/admin/project/template/edit?projectTemplateId=${id}`); export const templateDetail = (id) => http.get(`/admin/project/template/detail?projectTemplateId=${id}`);
// 删除阶段 // 删除阶段
export const deleteStage = (id) => http.delete(`/admin/project/template/deleteStage`,{stageId:id}); export const deleteStage = (id) => http.delete(`/admin/project/template/deleteStage`,{stageId:id});
//删除任务 //删除任务

View File

@@ -5,12 +5,11 @@
<img class="img" src="../../assets/images/projectadd/picture.png" /> <img class="img" src="../../assets/images/projectadd/picture.png" />
</div> </div>
<div class="imgfor"> <div class="imgfor">
<div class="forz">{{ projectInfo.name || "-" }}</div> <div class="forz">{{projectInfo.name || '-'}}</div>
<div class="fort"> <div class="fort">
<div class="fort1">项目经理{{ projectInfo.manager || "-" }}</div> <div class="fort1">项目经理{{projectInfo.manager || '-'}}</div>
<div class="fort2"> <div class="fort2">
起止时间{{ projectInfo.beginTime || "-" }} 起止时间{{projectInfo.beginTime || '-'}} {{projectInfo.endTime || '-'}}
{{ projectInfo.endTime || "-" }}
</div> </div>
</div> </div>
</div> </div>
@@ -34,7 +33,7 @@
</div> </div>
</div> </div>
<div class="line"></div> <div class="line"></div>
<router-link to="/templatelibrary" <router-link to="/manage/templatelibrary"
><div style="display: flex"> ><div style="display: flex">
<img class="img2" src="../../assets/images/leveladd/back.png" /> <img class="img2" src="../../assets/images/leveladd/back.png" />
<div class="return">返回</div> <div class="return">返回</div>
@@ -56,7 +55,7 @@
<div class="onerow"> <div class="onerow">
<div class="taskmain">任务大纲</div> <div class="taskmain">任务大纲</div>
<button class="btn" @click="showFaceIn">批量面授报名</button> <button class="btn" @click="showFaceIn">批量面授报名</button>
<router-link to="/taskadd" class="edit"> <router-link to="/manage/temTask" class="edit">
<img <img
class="editimg" class="editimg"
src="../../assets/images/projectadd/edit.png" src="../../assets/images/projectadd/edit.png"
@@ -300,7 +299,7 @@
<div class="ntcc_tit">公告内容</div> <div class="ntcc_tit">公告内容</div>
<div class="textarea"> <div class="textarea">
<a-textarea <a-textarea
v-model:value="value2" v-model:value="projectInfo.notice"
placeholder="公告信息最多输入150个字。" placeholder="公告信息最多输入150个字。"
:maxlength="textnum" :maxlength="textnum"
allow-clear allow-clear
@@ -339,6 +338,7 @@
</div> </div>
</div> </div>
</div> </div>
<div v-if="edit" class="pjcb_content"> <div v-if="edit" class="pjcb_content">
<div class="content content1"> <div class="content content1">
<span>当前设计下学员可以获得 </span <span>当前设计下学员可以获得 </span
@@ -385,98 +385,67 @@
<div class="split"></div> <div class="split"></div>
<a-tabs> <a-tabs>
<a-tab-pane key="1" tab="编辑"> <a-tab-pane key="1" tab="编辑">
<div class="setting"> <div class="content7">
<div class="set_tit"> <!-- <div class="set_tit">
<span>基本信息</span> <span>基本信息</span>
<span class="editBtn" @click="toEdit">编辑</span> </div> -->
</div>
<hr color="#E8E8E8" /> <!-- <div class="line"></div> -->
<div class="set_body"> <div class="set_body">
<!-- <div class="edit" @click="showEditProj">
<div class="img"></div>
<div class="ed">编辑</div>
</div> -->
<div class="edit" @click="toEdit">
<div class="img"></div>
<div class="ed">编辑</div>
</div>
<div class="set_content"> <div class="set_content">
<div class="setc_name"><span>模板名称</span></div> <div class="setc_name"><span>项目名称</span></div>
<div class="setc_main"> <div class="setc_main">
<a-input <span style="color: #999999">{{ projectInfo.name }}</span>
v-model:value="formData.name"
:bordered="isEdit"
:disabled="!isEdit"
style="width: 300px"
></a-input>
</div> </div>
</div> </div>
<div class="set_content"> <div class="set_content">
<div class="setc_name"><span>封面图</span></div> <div class="setc_name"><span>封面图</span></div>
<div class="setc_main"> <div class="setc_main">
<a-upload
v-model:file-list="fileList"
name="file"
action="/api/file/upload"
@change="handleChange"
:disabled="!isEdit"
>
<img <img
src="@/assets/images/projectadd/picture.png" style="width: 151px; height: 84px"
:src="picUrl"
alt="" alt=""
/> />
</a-upload>
</div> </div>
</div> </div>
<div class="set_content"> <div class="set_content">
<div class="setc_name"><span>模板时间</span></div> <div class="setc_name"><span>项目时间</span></div>
<div class="setc_main"> <div class="setc_main">
<a-range-picker <span style="color: #999999"
v-model:value="formData.time" >{{ projectInfo.beginTime }} {{ projectInfo.endTime }}</span
:bordered="isEdit" >
:disabled="!isEdit"
/>
</div> </div>
</div> </div>
<div class="set_content"> <div class="set_content">
<div class="setc_name"><span>项目经理</span></div> <div class="setc_name"><span>项目经理</span></div>
<div class="setc_main"> <div class="setc_main">
<a-select <span style="color: #999999">{{ projectInfo.manager }}</span>
v-model:value="formData.manager"
mode="multiple"
placeholder="请选择项目经理"
:size="large"
:bordered="isEdit"
:disabled="!isEdit"
style="width: 200px; color: #999999"
:options="managerOptions"
></a-select>
</div> </div>
</div> </div>
<div class="set_content"> <div class="set_content">
<div class="setc_name"><span>资源归属</span></div> <div class="setc_name"><span>资源归属</span></div>
<div class="setc_main"> <div class="setc_main">
<a-select <span style="color: #999999">{{ projectInfo.sourceBelong }}</span>
v-model:value="formData.sourceBelongId"
placeholder="请选择资源归属"
:size="large"
:bordered="isEdit"
:disabled="!isEdit"
style="width: 200px; color: #999999"
:options="sourceBelongOptions"
></a-select>
</div> </div>
</div> </div>
<div class="set_content"> <div class="set_content">
<div class="setc_name"><span>模板说明</span></div> <div class="setc_name"><span>项目说明</span></div>
<div class="setc_main"> <div class="setc_main">
<a-input <span style="color: #999999">{{ projectInfo.remark }}</span>
v-model:value="formData.remark"
style="width: 300px"
:bordered="isEdit"
:disabled="!isEdit"
></a-input>
</div> </div>
</div> </div>
<div class="set_content"> <div class="set_content">
<div class="setc_name"><span>同步学习记录</span></div> <div class="setc_name"><span>同步学习记录</span></div>
<div class="setc_main" @click="changecheck2"> <div class="setc_main">
<a-radio <a-radio v-model:checked="projectInfo.courseSyncFlag"
v-model:checked="formData.courseSyncFlag"
:bordered="isEdit"
:disabled="!isEdit"
><span style="color: #333333" ><span style="color: #333333"
>同步课程学习记录如学员在课程库中拥有课程的学习记录自动免修该课程</span >同步课程学习记录如学员在课程库中拥有课程的学习记录自动免修该课程</span
></a-radio ></a-radio
@@ -486,54 +455,23 @@
<div class="set_content"> <div class="set_content">
<div class="setc_name"><span>项目级别</span></div> <div class="setc_name"><span>项目级别</span></div>
<div class="setc_main"> <div class="setc_main">
<a-select <span style="color: #999999">{{ projectInfo.level }}</span>
v-model:value="formData.level"
placeholder="请选择项目级别"
:size="large"
:bordered="isEdit"
:disabled="!isEdit"
style="width: 200px; color: #999999"
:options="levelOptions"
></a-select>
</div> </div>
</div> </div>
<div class="set_content"> <div class="set_content">
<div class="setc_name"><span>培训分类</span></div> <div class="setc_name"><span>培训体系</span></div>
<div class="setc_main"> <div class="setc_main">
<a-select <span style="color: #999999">{{ projectInfo.systemId }}</span>
v-model:value="formData.systemId"
placeholder="请选择培训分类"
:size="large"
:bordered="isEdit"
:disabled="!isEdit"
style="width: 200px; color: #999999"
:options="systemOptions"
></a-select>
</div> </div>
</div> </div>
<div class="set_content"> <div class="set_content">
<div class="setc_name"><span>是否BOEU实施</span></div> <div class="setc_name"><span>是否BOEU实施</span></div>
<div class="setc_main" @click="changecheck3"> <div class="setc_main">
<a-radio <a-radio v-model:checked="projectInfo.boeFlag"
v-model:checked="formData.boeFlag"
:bordered="isEdit"
:disabled="!isEdit"
><span style="color: #333333">BOEU实施</span></a-radio ><span style="color: #333333">BOEU实施</span></a-radio
> >
</div> </div>
</div> </div>
<div v-if="isEdit" style="transform: translateX(50%)">
<a-button
@click="cancelEdit"
style="background-color: #f9f9f9"
>取消</a-button
>
<a-button
@click="confirmEdit"
style="background-color: #f5faff"
>保存</a-button
>
</div>
</div> </div>
</div> </div>
</a-tab-pane> </a-tab-pane>
@@ -549,48 +487,29 @@
<a-switch v-model:checked="docChecked" ></a-switch> <a-switch v-model:checked="docChecked" ></a-switch>
</div> </div>
</div> </div>
<div class="btnbox" style="margin: 20px"> <div class="btnbox" style="margin:20px;">
<a-upload <a-upload
v-model:file-list="fileList" v-model:file-list="fileList"
name="file" name="file"
action="/api/file/upload" action="/api/file/upload"
@change="handleChange" @change="handleChange"
> >
<span <span class="xkbtn" style="cursor: pointer; font-size: 17px" >上传</span>
class="xkbtn" <img src="@/assets/images/basicinfo/cloud.png" style="cursor: pointer;
style="cursor: pointer; font-size: 17px" width:34px;height:34px;
>上传</span " alt="">
>
<img
src="@/assets/images/basicinfo/cloud.png"
style="cursor: pointer; width: 34px; height: 34px"
alt=""
/>
</a-upload> </a-upload>
<div class="btnbox" style="margin: 20px"> <div class="btnbox" style="margin:20px;">
<span style="color: #999999"> <span style="color: #999999">
支持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" :key="item.src" class="docListStyle">
v-for="item in docList" <img src="@/assets/images/basicinfo/download.png" style="cursor: pointer;
:key="item.src" width:40px;height:40px;margin-right:40px;
class="docListStyle" " alt="">
> <span style="font: oblique 16px Sans-serif">{{item.name}}</span>
<img <span style="color: #4ea6ff;float:right;">删除</span>
src="@/assets/images/basicinfo/download.png"
style="
cursor: pointer;
width: 40px;
height: 40px;
margin-right: 40px;
"
alt=""
/>
<span style="font: oblique 16px Sans-serif">{{
item.name
}}</span>
<span style="color: #4ea6ff; float: right">删除</span>
</div> </div>
</div> </div>
</div> </div>
@@ -640,10 +559,11 @@
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { ref, reactive, defineComponent, toRefs, onMounted} from "vue"; import { ref, reactive, defineComponent, toRefs, onMounted} from "vue";
import { message } from "ant-design-vue"; import { message } from "ant-design-vue";
import * as api from "@/api/indexTemplate"; import * as api from "@/api/indexTemplate"
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
export default defineComponent({ export default defineComponent({
name: "LibraryAdd", name: "LibraryAdd",
@@ -728,47 +648,6 @@ export default defineComponent({
}, },
], ],
}, },
{
text: "阶段2腾飞班阶段2",
children: [
{
course: "讨论",
name: "时间管理",
classify: "选修",
beginTime: "2022-09-16 14:03",
total: 50, //总人数
complete: 20, //完成人数
percent: 40,
},
{
course: "测评",
name: "管理直播间",
classify: "必修",
beginTime: "2022-09-16 14:03",
total: 50, //总人数
complete: 10, //完成人数
percent: 20,
},
{
course: "评估",
name: "管理直播间",
classify: "必修",
beginTime: "2022-09-16 14:03",
total: 50, //总人数
complete: 10, //完成人数
percent: 20,
},
{
course: "投票",
name: "管理直播间",
classify: "必修",
beginTime: "2022-09-16 14:03",
total: 50, //总人数
complete: 10, //完成人数
percent: 20,
},
],
},
], ],
// 模板编辑列表 // 模板编辑列表
managerOptions:[ managerOptions:[
@@ -813,40 +692,35 @@ export default defineComponent({
// 共享文档列表 // 共享文档列表
docList:[ docList:[
{ {
name: "测试文档1.doc", name:'测试文档1.doc',
src:"", src:"",
}, },
{ {
name: "测试文档2.doc", name:'测试文档2.doc',
src:"", src:"",
}, },
{ {
name: "测试文档3.doc", name:'测试文档3.doc',
src:"", src:"",
}, }
], ],
isEdit:false, // 是否处于编辑状态
// 基本信息 // 基本信息
formData: { projectInfo:{
name: "123", beginTime:null,
time: "", endTime:null,
manager: "建国", name: null,
manager: null,
notice: null,
sourceBelongId: null, sourceBelongId: null,
remark: "", remark: "",
courseSyncFlag: false, courseSyncFlag: false,
level: null, level: null,
systemId: null, systemId: null,
boeFlag: false, boeFlag: false,
}, }
isEdit: false, // 是否处于编辑状态
projectInfo: {
beginTime: null,
endTime: null,
name: null,
manager: null,
},
}); });
const value = ref(""); const value = ref("");
const value2 = ref("");
const textnum = "150"; const textnum = "150";
const routered = useRouter(); const routered = useRouter();
const changeopclo = () => { const changeopclo = () => {
@@ -864,186 +738,163 @@ export default defineComponent({
}; };
const confirmEdit = () => { const confirmEdit = () => {
state.isEdit = false; state.isEdit = false;
editTemplate();
getDetail(); getDetail();
}; };
onMounted(() => { const checkType = (type) => {
getDetail(); let typeRules = [
}); "",
"在线",
"面授",
"案例",
"作业",
"考试",
"直播",
"外链",
"讨论",
"活动",
"测评",
"评估",
"投票",
];
return typeRules[type];
};
onMounted(() => {getDetail()});
// 获取详情 // 获取详情
const getDetail = () => { const getDetail = () => {
api api.templateDetail(1).then(res => {
.templateDetail(1) state.taskSyllabus = []
.then((res) => {
console.log(res); console.log(res);
state.formData.name = res.data.data.projectInfo.name; state.projectInfo.name = res.data.data.projectTemplateInfo.name
state.formData.time = state.projectInfo.beginTime = res.data.data.projectTemplateInfo.createTime
res.data.data.projectInfo.startTime + state.projectInfo.manager = res.data.data.projectTemplateInfo.manager
res.data.data.projectInfo.endTime; state.projectInfo.notice = res.data.data.projectTemplateInfo.notice
state.formData.manager = res.data.data.projectInfo.manager; state.projectInfo.sourceBelongId = res.data.data.projectTemplateInfo.sourceBelongId
state.formData.sourceBelongId = state.projectInfo.remark = res.data.data.stageList.remark
res.data.data.projectInfo.sourceBelongId; state.projectInfo.courseSyncFlag = res.data.data.projectTemplateInfo.courseSyncFlag
state.formData.remark = res.data.data.stageList.remark; state.projectInfo.level = res.data.data.projectTemplateInfo.level
state.formData.courseSyncFlag = state.projectInfo.systemId = res.data.data.projectTemplateInfo.systemId
res.data.data.projectInfo.courseSyncFlag; state.projectInfo.boeFlag = res.data.data.projectTemplateInfo.boeFlag
state.formData.level = res.data.data.projectInfo.level; state.projectInfo.picUrl = res.data.data.projectTemplateInfo.picUrl
state.formData.systemId = res.data.data.projectInfo.systemId; let data = res.data.data.stageList;
state.formData.boeFlag = res.data.data.projectInfo.boeFlag; for(let i in data) {
state.value2 = res.data.data.projectInfo.notice; state.taskSyllabus.push({text: data[i].name,children:[]});
for(let j in data[i].taskList) {
state.taskSyllabus[i].children.push({
course: checkType(data[i].taskList[j].type),
name: data[i].taskList[j].name,
classify: data[i].taskList[j].flag,
beginTime: "",
total: 0, //总人数
complete: 0, //完成人数
percent: 0,
}) })
.catch((err) => { }
message.error("操作失败" + err); }
console.log(err); }).catch(err => {
}); message.error("操作失败"+err)
}; console.log(err)
// 编辑项目模板
const editTemplate = () => {
let obj = {
beginTime: state.formData.time,
boeFlag: state.formData.boeFlag,
category: 0,
courseSyncFlag: state.formData.courseSyncFlag,
endTime: state.formData.time,
level: state.formData.level,
manager: state.formData.manager,
managerId: "",
name: state.formData.name,
notice: "",
noticeFlag: 0,
picUrl: "",
projectTemplateId: 0,
remark: state.formData.remark,
sourceBelongId: state.formData.sourceBelongId,
status: 0,
systemId: state.formData.systemId,
};
api
.templateEdit(obj)
.methods(obj)
.then((res) => {
message.success("编辑成功");
console.log(res);
}) })
.catch((err) => { }
message.error("编辑失败" + err);
console.log(err);
});
};
// 发布公告 // 发布公告
const addNotice = () => { const addNotice = () => {
let obj = { let obj = {
beginTime: 0, "beginTime": 0,
boeFlag: 0, "boeFlag": 0,
category: 0, "category": 0,
courseSyncFlag: 0, "courseSyncFlag": 0,
endTime: 0, "endTime": 0,
level: 0, "level": 0,
manager: "", "manager": "",
managerId: "", "managerId": "",
name: "", "name": "",
notice: state.value2, "notice": state.projectInfo.notice,
noticeFlag: 0, "noticeFlag": 0,
picUrl: "", "picUrl": "",
projectTemplateId: 0, "projectTemplateId": 0,
remark: "", "remark": "",
sourceBelongId: 0, "sourceBelongId": 0,
status: 0, "status": 0,
systemId: 0, "systemId": 0
}; };
api api.templateEdit(obj).methods(obj).then(res => {
.templateEdit(obj) message.success("公告发布成功")
.methods(obj) console.log(res)
.then((res) => { }).catch(err => {
message.success("公告发布成功"); message.error("公告发布失败"+err)
console.log(res); console.log(err)
}) })
.catch((err) => { }
message.error("公告发布失败" + err);
console.log(err);
});
};
// 删除阶段 // 删除阶段
const stateDel = (id) => { const stateDel = (id) => {
api api.deleteStage(id).then(res => {
.deleteStage(id) message.success("删除阶段成功")
.then((res) => { console.log(res)
message.success("删除阶段成功"); }).catch(err => {
console.log(res); message.error("删除阶段失败"+err)
console.log(err)
}) })
.catch((err) => { }
message.error("删除阶段失败" + err);
console.log(err);
});
};
// 删除任务 // 删除任务
const taskDel = (id) => { const taskDel = (id) => {
api api.deleteTask(id).then(res => {
.deleteTask(id) message.success("删除任务成功")
.then((res) => { console.log(res)
message.success("删除任务成功"); }).catch(err => {
console.log(res); message.error("删除任务失败"+err)
console.log(err)
}) })
.catch((err) => { }
message.error("删除任务失败" + err);
console.log(err);
});
};
const toEdit = () => { const toEdit = () => {
routered.push({ routered.push({
path: "/templateAdd", path: "/manage/templateAdd",
query: { query: {
projectId: state.projectId, projectId: state.projectId,
name: state.name, name: state.name,
}, },
}); });
}; }
// 新建或编辑阶段 // 新建或编辑阶段
const stateEdit = () => { const stateEdit = () => {
let obj={ let obj={
name: "", "name": "",
projectTemplateId: 0, "projectTemplateId": 0,
remark: "", "remark": "",
stageId: 0, "stageId": 0
}; }
api api.editStagek(obj).then(res => {
.editStagek(obj) message.success("编辑阶段成功")
.then((res) => { console.log(res)
message.success("编辑阶段成功"); }).catch(err => {
console.log(res); message.error("编辑阶段失败"+err)
console.log(err)
}) })
.catch((err) => { }
message.error("编辑阶段失败" + err);
console.log(err);
});
};
//新建或编辑阶段任务 //新建或编辑阶段任务
const taskEdit = () => { const taskEdit = () => {
let obj = { let obj = {
courseId: 0, "courseId": 0,
duration: 0, "duration": 0,
flag: true, "flag": true,
name: "", "name": "",
projectTaskId: 0, "projectTaskId": 0,
projectTemplateId: 0, "projectTemplateId": 0,
stageId: 0, "stageId": 0,
type: 0, "type": 0
}; }
api api.editTask(obj).then(res => {
.editTask(obj) message.success("编辑任务成功")
.then((res) => { console.log(res)
message.success("编辑任务成功"); }).catch(err => {
console.log(res); message.error("编辑任务失败"+err)
console.log(err)
}) })
.catch((err) => { }
message.error("编辑任务失败" + err);
console.log(err);
});
};
return { return {
...toRefs(state), ...toRefs(state),
value, value,
value2,
textnum, textnum,
changeopclo, changeopclo,
changecheck2, changecheck2,
@@ -1067,6 +918,73 @@ export default defineComponent({
}); });
</script> </script>
<style lang="scss"> <style lang="scss">
.content7 {
margin-top: 20px;
.set_tit {
margin-left: 34px;
font-size: 18px;
font-weight: 500;
color: #232425;
}
.line {
width: 100%;
height: 1px;
background-color: #e8e8e8;
margin-top: 10px;
}
.set_body {
margin-left: 34px;
margin-right: 34px;
position: relative;
.edit {
position: absolute;
width: 100px;
height: 40px;
background: #388be1;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
right: 0;
cursor: pointer;
.img {
width: 18px;
height: 18px;
background-image: url(../../assets/images/basicinfo/edit.png);
background-size: 100%;
margin-right: 7px;
}
.ed {
font-size: 14px;
font-weight: 400;
color: #ffffff;
}
}
.set_content {
margin: 32px auto;
display: flex;
// justify-content: end;
.setc_name {
width: 150px;
display: flex;
justify-content: end;
}
.setc_main {
flex: 1;
margin-left: 12px;
}
}
}
}
.editBtn { .editBtn {
float:right; float:right;
margin-right: 150px; margin-right: 150px;
@@ -1079,6 +997,7 @@ export default defineComponent({
display: block; display: block;
clear: both; clear: both;
} }
.addwrapper { .addwrapper {
width: 100%; width: 100%;
height: 100%; height: 100%;
@@ -1239,6 +1158,7 @@ export default defineComponent({
margin-left: 30px; margin-left: 30px;
margin-top: 10px; margin-top: 10px;
} }
.split { .split {
width: 100%; width: 100%;
height: 20px; height: 20px;
@@ -1307,11 +1227,13 @@ export default defineComponent({
.taskSyllabus { .taskSyllabus {
// flex: 1; // flex: 1;
overflow-x: auto; overflow-x: auto;
.ant-collapse { .ant-collapse {
border: 0px; border: 0px;
background-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0);
min-width: 1040px; min-width: 1040px;
} }
.ant-collapse-content > .ant-collapse-content-box { .ant-collapse-content > .ant-collapse-content-box {
padding-top: 0px; padding-top: 0px;
padding-bottom: 0px; padding-bottom: 0px;
@@ -1343,11 +1265,13 @@ export default defineComponent({
//width: 100%; //width: 100%;
flex-shrink: 0; flex-shrink: 0;
margin-right: 24px; margin-right: 24px;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
padding: 25px 0px; padding: 25px 0px;
margin-left: 22px; margin-left: 22px;
//margin: 0 12px; //margin: 0 12px;
border: 1px solid #f2f6fc; border: 1px solid #f2f6fc;
border-top: 0px; border-top: 0px;
@@ -1359,6 +1283,7 @@ export default defineComponent({
//height: 71px; //height: 71px;
margin-left: 12px; margin-left: 12px;
margin-right: 50px; margin-right: 50px;
.iconame { .iconame {
//position: absolute; //position: absolute;
color: #4f5156; color: #4f5156;
@@ -1470,13 +1395,16 @@ export default defineComponent({
} }
} }
} }
.notice { .notice {
.ntc_tit { .ntc_tit {
padding-top:22px; padding-top:22px;
margin-left: 34px; margin-left: 34px;
font-size: 18px; font-size: 18px;
font-weight: 500; font-weight: 500;
color: #232425; color: #232425;
} }
.ntc_body { .ntc_body {
margin-left: 34px; margin-left: 34px;
@@ -1498,6 +1426,7 @@ export default defineComponent({
.btnarea { .btnarea {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
.area_btn { .area_btn {
width: 100px; width: 100px;
@@ -1530,6 +1459,7 @@ export default defineComponent({
} }
} }
} }
.projectscore { .projectscore {
padding-top:22px; padding-top:22px;
.pjc_tit { .pjc_tit {
@@ -1541,6 +1471,7 @@ export default defineComponent({
.pjc_body { .pjc_body {
margin-left: 34px; margin-left: 34px;
margin-right: 34px; margin-right: 34px;
.groupright { .groupright {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@@ -1607,6 +1538,7 @@ export default defineComponent({
} }
} }
} }
.setting { .setting {
padding-top:22px; padding-top:22px;
.set_tit { .set_tit {

File diff suppressed because it is too large Load Diff

View File

@@ -6,7 +6,7 @@
<div <div
@click="backPage" @click="backPage"
style="cursor: pointer" style="cursor: pointer"
to="/libraryAdd" to="/manage/libraryAdd"
class="goback" class="goback"
> >
<span class="return"></span><span class="returntext">返回</span> <span class="return"></span><span class="returntext">返回</span>
@@ -24,11 +24,10 @@
</div> </div>
<div class="in"> <div class="in">
<a-input <a-input
v-model:value="projectName" v-model:value="projectInfo.name"
placeholder="请输入模板名称" placeholder="请输入模板名称"
show-count show-count
:maxlength="30" :maxlength="30"
:disabled="viewDetail ? true : false"
/> />
</div> </div>
</div> </div>
@@ -47,14 +46,13 @@
return triggerNode.parentNode || document.body; return triggerNode.parentNode || document.body;
} }
" "
v-model:value="classifySelect" v-model:value="projectInfo.category"
placeholder="四个养成" placeholder="管理者"
style="width: 100%" style="width: 100%"
:options="classifyList" :options="classifyList"
@change="classificationChange" @change="classificationChange"
allowClear allowClear
showSearch showSearch
:disabled="viewDetail ? true : false"
> >
</a-select> </a-select>
</div> </div>
@@ -88,7 +86,6 @@
action="/api/file/upload" action="/api/file/upload"
:before-upload="beforeUpload" :before-upload="beforeUpload"
@change="handleChange" @change="handleChange"
:disabled="viewDetail ? true : false"
> >
<img <img
style=" style="
@@ -126,8 +123,6 @@
:placeholder="[' 开始时间', ' 结束时间']" :placeholder="[' 开始时间', ' 结束时间']"
v-model:value="rangevalue" v-model:value="rangevalue"
style="width: 100%; height: 40px; border-radius: 5px" style="width: 100%; height: 40px; border-radius: 5px"
@change="onRangeChange"
:disabled="viewDetail ? true : false"
/> />
</div> </div>
</div> </div>
@@ -146,7 +141,7 @@
return triggerNode.parentNode || document.body; return triggerNode.parentNode || document.body;
} }
" "
:value="classifySelect1" :value="projectInfo.manager"
mode="multiple" mode="multiple"
placeholder="请选择项目经理" placeholder="请选择项目经理"
style="width: 100%" style="width: 100%"
@@ -154,7 +149,6 @@
@change="classificationChange1" @change="classificationChange1"
allowClear allowClear
showSearch showSearch
:disabled="viewDetail ? true : false"
> >
</a-select> </a-select>
</div> </div>
@@ -175,11 +169,10 @@
return triggerNode.parentNode || document.body; return triggerNode.parentNode || document.body;
} }
" "
v-model:value="classifySelect2" v-model:value="projectInfo.sourceBelongId"
placeholder="自动带出 可修改" placeholder="项目一"
:options="classifyList2" :options="classifyList2"
@change="classificationChange2" @change="classificationChange2"
:disabled="viewDetail ? true : false"
/> />
</div> </div>
</div> </div>
@@ -189,12 +182,11 @@
</div> </div>
<div class="in"> <div class="in">
<a-textarea <a-textarea
v-model:value="remark" v-model:value="projectInfo.remark"
style="height: 80px" style="height: 80px"
placeholder="请输入说明" placeholder="请输入说明"
show-count show-count
:maxlength="200" :maxlength="200"
:disabled="viewDetail ? true : false"
/> />
</div> </div>
</div> </div>
@@ -205,8 +197,7 @@
<div class="in"> <div class="in">
<a-radio <a-radio
@click="changeChecked" @click="changeChecked"
v-model:checked="checked" v-model:checked="projectInfo.courseSyncFlag"
:disabled="viewDetail ? true : false"
><span ><span
style=" style="
width: 100%; width: 100%;
@@ -233,7 +224,7 @@
return triggerNode.parentNode || document.body; return triggerNode.parentNode || document.body;
} }
" "
v-model:value="classifySelect3" v-model:value="projectInfo.level"
:options="classifyList3" :options="classifyList3"
@change="classificationChange3" @change="classificationChange3"
placeholder="集团级/组织级/现地级/部门级" placeholder="集团级/组织级/现地级/部门级"
@@ -256,7 +247,7 @@
return triggerNode.parentNode || document.body; return triggerNode.parentNode || document.body;
} }
" "
v-model:value="classifySelect4" v-model:value="projectInfo.systemId"
:options="classifyList4" :options="classifyList4"
@change="classificationChange4" @change="classificationChange4"
placeholder="集团级/组织级/现地级/部门级" placeholder="集团级/组织级/现地级/部门级"
@@ -275,7 +266,7 @@
<div class="in"> <div class="in">
<a-radio <a-radio
@click="changeChecked1" @click="changeChecked1"
v-model:checked="checked1" v-model:checked="projectInfo.boeFlag"
:disabled="viewDetail ? true : false" :disabled="viewDetail ? true : false"
><span ><span
style=" style="
@@ -308,46 +299,6 @@
</div> </div>
</div> --> </div> -->
</div> </div>
<!-- 选择模板 ------------------------------ -->
<div class="template" style="display: none">
<div class="name">
<div class="inname" style="width: 50px">模版</div>
<div class="in select" style="margin-left: 2px">
<a-select
v-if="isEdit"
disabled="true"
:getPopupContainer="
(triggerNode) => {
return triggerNode.parentNode || document.body;
}
"
v-model:value="classifySelect5"
placeholder="请选择模版"
:size="size"
style="width: 100%"
:options="classifyList5"
@change="classificationChange5"
>
</a-select>
<a-select
v-else
:getPopupContainer="
(triggerNode) => {
return triggerNode.parentNode || document.body;
}
"
v-model:value="classifySelect5"
placeholder="请选择模版"
:size="size"
style="width: 100%"
:options="classifyList5"
@change="classificationChange5"
@popupScroll="templateScroll"
>
</a-select>
</div>
</div>
</div>
</div> </div>
<div class="footer"> <div class="footer">
<div class="btn"> <div class="btn">
@@ -363,10 +314,10 @@
import { reactive, toRefs, ref } from "vue"; import { reactive, toRefs, ref } from "vue";
import { message } from "ant-design-vue"; import { message } from "ant-design-vue";
import { useRouter, useRoute } from "vue-router"; import { useRouter, useRoute } from "vue-router";
import dayjs from "dayjs"; // import dayjs from "dayjs";
import * as api from "../../api/index"; import * as api from "../../api/indexTemplate";
import { storage } from "../../api/storage"; import { storage } from "../../api/storage";
import { toDate } from "../../api/method"; // import { toDate } from "../../api/method";
export default { export default {
name: "projectAdd", name: "projectAdd",
@@ -374,126 +325,16 @@ export default {
// 编辑页面跳转过来时候,自动填充表格 // 编辑页面跳转过来时候,自动填充表格
const routers = useRoute(); const routers = useRoute();
const isEdit = ref(false); const isEdit = ref(false);
let peojectID = ""; // let peojectID = "";
if (routers.query.projectId) { if (routers.query.projectId) {
storage.set("projectAddId", routers.query.projectId); storage.set("projectAddId", routers.query.projectId);
isEdit.value = true; isEdit.value = true;
peojectID = routers.query.projectId; // peojectID = routers.query.projectId;
// 需要编辑
api
.getProjectDetail({ projectId: routers.query.projectId })
.then((res) => {
if (res.status == 200 && res.data.code == 200) {
let info = res.data.data.projectInfo;
console.log(info);
// projectName classifySelect imageUrl * classifySelect1 * remark checked classifySelect3 classifySelect4 changeChecked1 *
projectName.value = info.name;
state.classifySelect = classifyList.value[1]; // info.category
imageUrl.value = info.picUrl;
let start = toDate(info.beginTime / 1000, "YYYY/MM/DD");
let end = toDate(info.endTime / 1000, "YYYY/MM/DD");
state.rangevalue = [
dayjs(start, "YYYY/MM/DD"),
dayjs(end, "YYYY/MM/DD"),
];
let manageName = info.manager.split(",");
let manageValue = info.managerId.split(",");
let optionsManage = [];
for (let i = 0; i < manageName.length; i++) {
let obj = {
label: manageName[i],
value: manageValue[i],
};
optionsManage.push(obj);
}
console.log(optionsManage);
state.classifySelect1 = optionsManage;
state.classifySelect2 =
classifyList2.value[info.sourceBelongId - 1];
remark.value = info.remark;
state.checked = info.boeFlag ? info.boeFlag : false;
state.classifySelect3 = classifyList3.value[info.level];
state.classifySelect4 = classifyList4.value[info.systemId - 1];
state.checked1 = info.boeFlag ? info.boeFlag : false;
// fileList1.value = info.attach.split(",");
projectType = 1;
picUrl = info.picUrl;
beginTime = Number(info.beginTime / 1000);
endTime = Number(info.endTime / 1000);
manager = info.manager;
managerId = info.managerId;
sourceBelongIdC = Number(info.sourceBelongId);
courseSyncFlag = info.courseSyncFlag;
levels = info.level;
systemid = info.systemId;
boeFlag = info.boeFlag;
}
})
.catch((err) => {
console.log(err);
});
} else { } else {
if (storage.get("projectAddId")) { if (storage.get("projectAddId")) {
isEdit.value = true; isEdit.value = true;
peojectID = storage.get("projectAddId"); // peojectID = storage.get("projectAddId");
// 需要编辑
api
.getProjectDetail({ projectId: storage.get("projectAddId") })
.then((res) => {
if (res.status == 200 && res.data.code == 200) {
let info = res.data.data.projectInfo;
console.log("我是从本地存储获取的id", info);
projectName.value = info.name;
state.classifySelect = classifyList.value[1]; // info.category
imageUrl.value = info.picUrl;
let start = toDate(info.beginTime / 1000, "YYYY/MM/DD");
let end = toDate(info.endTime / 1000, "YYYY/MM/DD");
state.rangevalue = [
dayjs(start, "YYYY/MM/DD"),
dayjs(end, "YYYY/MM/DD"),
];
let manageName = info.manager.split(",");
let manageValue = info.managerId.split(",");
let optionsManage = [];
for (let i = 0; i < manageName.length; i++) {
let obj = {
label: manageName[i],
value: manageValue[i],
};
optionsManage.push(obj);
}
console.log(optionsManage);
state.classifySelect1 = optionsManage;
state.classifySelect2 =
classifyList2.value[info.sourceBelongId - 1];
remark.value = info.remark;
state.checked = info.boeFlag ? info.boeFlag : false;
state.classifySelect3 = classifyList3.value[info.level];
state.classifySelect4 = classifyList4.value[info.systemId - 1];
state.checked1 = info.boeFlag ? info.boeFlag : false;
projectType = 1;
picUrl = info.picUrl;
beginTime = Number(info.beginTime / 1000);
endTime = Number(info.endTime / 1000);
manager = info.manager;
managerId = info.managerId;
sourceBelongIdC = Number(info.sourceBelongId);
courseSyncFlag = info.courseSyncFlag;
levels = info.level;
systemid = info.systemId;
boeFlag = info.boeFlag;
}
})
.catch((err) => {
console.log(err);
});
} }
} }
@@ -501,7 +342,7 @@ export default {
storage.remove("projectAddId"); storage.remove("projectAddId");
setTimeout(() => { setTimeout(() => {
router.push({ router.push({
path: "/libraryAdd", path: "/manage/libraryAdd",
}); });
}, 400); }, 400);
}; };
@@ -526,6 +367,19 @@ export default {
pageSize: 10, //每页10条数据 pageSize: 10, //每页10条数据
totalPages: 0, //总页数 totalPages: 0, //总页数
viewDetail: routers.query.viewDetail ? routers.query.viewDetail : null, viewDetail: routers.query.viewDetail ? routers.query.viewDetail : null,
projectInfo:{
beginTime:null,
endTime:null,
name: null,
manager: null,
notice: null,
sourceBelongId: null,
remark: "",
courseSyncFlag: false,
level: null,
systemId: null,
boeFlag: false,
}
}); });
const projectName = ref(""); const projectName = ref("");
@@ -536,11 +390,11 @@ export default {
{ value: 3, label: "产业人" }, { value: 3, label: "产业人" },
]); ]);
let projectType = ""; // let projectType = "";
const classificationChange = (value) => { const classificationChange = (value) => {
console.log(`selected ${value}`); console.log(`selected ${value}`);
projectType = value; // projectType = value;
}; };
function getBase64(img, callback) { function getBase64(img, callback) {
@@ -553,7 +407,7 @@ export default {
const fileList1 = ref([]); const fileList1 = ref([]);
const loading = ref(false); const loading = ref(false);
const imageUrl = ref(""); const imageUrl = ref("");
let picUrl = ""; // let picUrl = "";
const handleChange = (info) => { const handleChange = (info) => {
if (info.file.status === "uploading") { if (info.file.status === "uploading") {
@@ -562,7 +416,7 @@ export default {
} }
if (info.file.status === "done") { if (info.file.status === "done") {
console.log("上传图片返回的信息 %o", info); console.log("上传图片返回的信息 %o", info);
picUrl = info.file.response.data; // picUrl = info.file.response.data;
// Get this url from response in real world. // Get this url from response in real world.
getBase64(info.file.originFileObj, (base64Url) => { getBase64(info.file.originFileObj, (base64Url) => {
imageUrl.value = base64Url; imageUrl.value = base64Url;
@@ -577,7 +431,7 @@ export default {
let uplodaFileCount = false; let uplodaFileCount = false;
let attach = ""; // let attach = "";
let attachData = ""; let attachData = "";
const handleChange1 = (info) => { const handleChange1 = (info) => {
if (info.file.status === "uploading") { if (info.file.status === "uploading") {
@@ -602,7 +456,7 @@ export default {
} }
} }
console.log(attachStr); console.log(attachStr);
attach = attachStr; // attach = attachStr;
if (info.fileList.length > 5) { if (info.fileList.length > 5) {
uplodaFileCount = true; uplodaFileCount = true;
@@ -639,8 +493,6 @@ export default {
}); });
}; };
let beginTime = "";
let endTime = "";
const dateFormatList = ["YYYY/MM/DD"]; const dateFormatList = ["YYYY/MM/DD"];
const onRangeChange = (value, dateString) => { const onRangeChange = (value, dateString) => {
@@ -651,8 +503,8 @@ export default {
"Formatted Selected TimeStamp", "Formatted Selected TimeStamp",
new Date(dateString[0]).getTime() new Date(dateString[0]).getTime()
); );
beginTime = new Date(dateString[0]).getTime() / 1000; // beginTime = new Date(dateString[0]).getTime() / 1000;
endTime = new Date(dateString[1]).getTime() / 1000; // endTime = new Date(dateString[1]).getTime() / 1000;
}; };
// 项目经理 后续接口调用 // 项目经理 后续接口调用
@@ -662,8 +514,6 @@ export default {
{ value: 3, label: "刘孟君" }, { value: 3, label: "刘孟君" },
]); ]);
let manager = "";
let managerId = "";
const classificationChange1 = (key, options) => { const classificationChange1 = (key, options) => {
console.log(`selected ${key}`, options); console.log(`selected ${key}`, options);
let mstr = ""; let mstr = "";
@@ -686,8 +536,8 @@ export default {
} }
} }
state.classifySelect1 = newoptions; state.classifySelect1 = newoptions;
manager = mstr; // manager = mstr;
managerId = midstr; // managerId = midstr;
}; };
// 资源归属 sourceBelongId 后续给接口 // 资源归属 sourceBelongId 后续给接口
@@ -697,10 +547,10 @@ export default {
{ value: 3, label: "项目三" }, { value: 3, label: "项目三" },
]); ]);
let sourceBelongIdC = ""; // let sourceBelongIdC = "";
const classificationChange2 = (key) => { const classificationChange2 = (key) => {
console.log(`selected ${key}`, classifyList2); console.log(`selected ${key}`, classifyList2);
sourceBelongIdC = key; // sourceBelongIdC = key;
}; };
// 项目级别 // 项目级别
@@ -711,10 +561,10 @@ export default {
{ value: 4, label: "部门级" }, { value: 4, label: "部门级" },
]); ]);
let levels = ""; // let levels = "";
const classificationChange3 = (key) => { const classificationChange3 = (key) => {
console.log(`selected ${key}`, classifyList3); console.log(`selected ${key}`, classifyList3);
levels = key; // levels = key;
}; };
// 培训体系 // 培训体系
@@ -725,112 +575,11 @@ export default {
{ value: 4, label: "部门级" }, { value: 4, label: "部门级" },
]); ]);
let systemid = ""; // let systemid = "";
const classificationChange4 = (key) => { const classificationChange4 = (key) => {
console.log(`selected ${key}`, classifyList4); console.log(`selected ${key}`, classifyList4);
systemid = key; // systemid = key;
}; };
// 模版
const classifyList5 = ref([
// { value: 1, label: "模版一" },
// { value: 2, label: "模版二" },
// { value: 3, label: "模版三" },
// { value: 4, label: "模版四" },
]);
const classificationChange5 = (key) => {
console.log(`selected ${key}`, classifyList5.value);
//获取模版信息
let obj = {
projectId: Number(key),
};
api
.getProjectDetail(obj)
.then((res) => {
console.log("获取项目详情", res);
if (res.status === 200) {
let info = res.data.data.projectInfo;
console.log(info);
// projectName classifySelect imageUrl * classifySelect1 * remark checked classifySelect3 classifySelect4 changeChecked1 *
projectName.value = info.name;
state.classifySelect = classifyList.value[1]; // info.category
imageUrl.value = info.picUrl;
let start = toDate(info.beginTime / 1000, "YYYY/MM/DD");
let end = toDate(info.endTime / 1000, "YYYY/MM/DD");
state.rangevalue = [
dayjs(start, "YYYY/MM/DD"),
dayjs(end, "YYYY/MM/DD"),
];
let manageName = info.manager.split(",");
let manageValue = info.managerId.split(",");
let optionsManage = [];
for (let i = 0; i < manageName.length; i++) {
let obj = {
label: manageName[i],
value: manageValue[i],
};
optionsManage.push(obj);
}
console.log(optionsManage);
state.classifySelect1 = optionsManage;
state.classifySelect2 =
classifyList2.value[info.sourceBelongId - 1];
remark.value = info.remark;
state.checked = info.boeFlag ? info.boeFlag : false;
state.classifySelect3 = classifyList3.value[info.level];
state.classifySelect4 = classifyList4.value[info.systemId - 1];
state.checked1 = info.boeFlag ? info.boeFlag : false;
// fileList1.value = info.attach.split(",");
projectType = 1;
picUrl = info.picUrl;
beginTime = Number(info.beginTime / 1000);
endTime = Number(info.endTime / 1000);
manager = info.manager;
managerId = info.managerId;
sourceBelongIdC = Number(info.sourceBelongId);
courseSyncFlag = info.courseSyncFlag;
levels = info.level;
systemid = info.systemId;
boeFlag = info.boeFlag;
}
})
.catch((err) => {
console.log("获取详情失败", err);
});
};
//获取模版列表
const getTemplate = () => {
let obj = {
pageNo: state.currentPage,
pageSize: state.pageSize,
// projectId:id?id:''
};
api
.getProjectList(obj)
.then((res) => {
console.log("获取模版列表", res);
state.totalPages = Number(res.data.data.pages);
if (res.status === 200) {
let arr = res.data.data.rows;
let array = classifyList5.value;
arr.map((value) => {
let obj = {
value: value.projectId,
label: value.name,
};
array.push(obj);
});
classifyList5.value = array;
}
})
.catch((err) => {
console.log("获取模版列表失败", err);
});
};
getTemplate();
//模版滚动加载信息 //模版滚动加载信息
const templateScroll = (e) => { const templateScroll = (e) => {
// console.log("滚动", e, b); // console.log("滚动", e, b);
@@ -845,48 +594,30 @@ export default {
if (state.currentPage < state.totalPages) { if (state.currentPage < state.totalPages) {
// 如果滑到底部,则加载下一页 // 如果滑到底部,则加载下一页
state.currentPage++; state.currentPage++;
getTemplate();
} }
} }
}; };
// 项目说明 // const removeFile = (file) => {
const remark = ref(""); // const index = fileList1.value.indexOf(file);
// const newFileList = fileList1.value.slice();
// newFileList.splice(index, 1);
// fileList1.value = newFileList;
let courseSyncFlag = 0; // let attachStr = "";
const changeChecked = () => { // if (newFileList.length == 0) {
console.log(state.checked); // attachStr = "";
state.checked ? (state.checked = false) : (state.checked = true); // }
courseSyncFlag = state.checked ? 1 : 0; // for (let i = 0; i < fileList1["value"].length; i++) {
}; // console.log(fileList1["value"][i].response.data);
// if (fileList1["value"].length - 1 == i) {
let boeFlag = 0; // attachStr += fileList1["value"][i].response.data;
const changeChecked1 = () => { // } else {
console.log(state.checked1); // attachStr += fileList1["value"][i].response.data + ",";
state.checked1 ? (state.checked1 = false) : (state.checked1 = true); // }
boeFlag = state.checked1 ? 1 : 0; // }
}; // attach = attachStr;
// };
const removeFile = (file) => {
const index = fileList1.value.indexOf(file);
const newFileList = fileList1.value.slice();
newFileList.splice(index, 1);
fileList1.value = newFileList;
let attachStr = "";
if (newFileList.length == 0) {
attachStr = "";
}
for (let i = 0; i < fileList1["value"].length; i++) {
console.log(fileList1["value"][i].response.data);
if (fileList1["value"].length - 1 == i) {
attachStr += fileList1["value"][i].response.data;
} else {
attachStr += fileList1["value"][i].response.data + ",";
}
}
attach = attachStr;
};
const errorMsgs = { const errorMsgs = {
name: "请输入项目名称", name: "请输入项目名称",
@@ -903,31 +634,25 @@ export default {
}; };
const createProject = () => { const createProject = () => {
console.log("我是否要编辑项目", isEdit.value); console.log("我要编辑项目", isEdit.value);
if (isEdit.value) {
console.log("我要编辑项目", peojectID);
let obj = { let obj = {
projectId: Number(peojectID), "beginTime": 0,
name: projectName["value"], "boeFlag": 0,
category: projectType, "category": 0,
picUrl: picUrl, "courseSyncFlag": 0,
beginTime: beginTime, "endTime": 0,
endTime: endTime, "level": 0,
manager: manager, "manager": "",
managerId: managerId, "managerId": "",
sourceBelongId: sourceBelongIdC, "name": "",
remark: remark["value"], "notice": "",
courseSyncFlag: courseSyncFlag, "noticeFlag": 0,
level: levels, "picUrl": "",
systemId: systemid, "projectTemplateId": 0,
boeFlag: boeFlag, "remark": "",
attach: attach, "sourceBelongId": 0,
type: 3, "status": 0,
templateId: 0, "systemId": 0
parentId: 0,
notice: "",
noticeFlag: 0,
status: 0,
}; };
console.log(obj); console.log(obj);
@@ -940,9 +665,8 @@ export default {
return; return;
} }
} }
api api
.createProject(obj) .templateEdit(obj)
.then((res) => { .then((res) => {
console.log(res); console.log(res);
if (res.status == 200 && res.data.code == 200) { if (res.status == 200 && res.data.code == 200) {
@@ -950,7 +674,7 @@ export default {
message.success("编辑成功"); message.success("编辑成功");
setTimeout(() => { setTimeout(() => {
router.push({ router.push({
path: "/projectmanage", path: "/manage/projectmanage",
}); });
}, 1000); }, 1000);
} else { } else {
@@ -963,64 +687,37 @@ export default {
message.destroy(); message.destroy();
message.error("编辑失败,请检查当前网络状态。"); message.error("编辑失败,请检查当前网络状态。");
}); });
} else {
let obj = {
name: projectName["value"],
category: projectType,
picUrl: picUrl,
beginTime: beginTime,
endTime: endTime,
manager: manager,
managerId: managerId,
sourceBelongId: sourceBelongIdC,
remark: remark["value"],
courseSyncFlag: courseSyncFlag,
level: levels,
systemId: systemid,
boeFlag: boeFlag,
attach: attach,
type: 3,
templateId: 10,
parentId: 0,
notice: "",
noticeFlag: 0,
status: 0,
};
console.log("提交的数据格式 %o", obj);
for (let i in errorMsgs) {
console.log(obj[i]);
if (obj[i] === "" || obj[i] === undefined) {
message.destroy();
message.warning(errorMsgs[i]);
return;
}
}
api
.createProject(obj)
.then((res) => {
console.log(res);
if (res.status == 200 && res.data.code == 200) {
message.destroy();
message.success("创建成功");
setTimeout(() => {
router.push({
path: "/taskpage",
query: { id: res.data.data.projectId },
});
}, 1000);
} else {
message.destroy();
message.error("创建失败,请检查当前网络状态。");
}
})
.catch((err) => {
console.log(err);
message.destroy();
message.error("创建失败,请检查当前网络状态。");
});
}
}; };
// 编辑项目模板
const editTemplate = () => {
let obj = {
"beginTime": state.projectInfo.time,
"boeFlag": state.projectInfo.boeFlag,
"category": 0,
"courseSyncFlag": state.projectInfo.courseSyncFlag,
"endTime": state.projectInfo.time,
"level": state.projectInfo.level,
"manager": state.projectInfo.manager,
"managerId": "",
"name": state.projectInfo.name,
"notice": "",
"noticeFlag": 0,
"picUrl": "",
"projectTemplateId": 0,
"remark": state.projectInfo.remark,
"sourceBelongId": state.projectInfo.sourceBelongId,
"status": 0,
"systemId": state.projectInfo.systemId
};
api.templateEdit(obj).methods(obj).then(res => {
message.success("编辑成功")
console.log(res)
}).catch(err => {
message.error("编辑失败"+err)
console.log(err)
})
}
return { return {
...toRefs(state), ...toRefs(state),
@@ -1031,7 +728,6 @@ export default {
classificationChange2, classificationChange2,
classificationChange3, classificationChange3,
classificationChange4, classificationChange4,
classificationChange5,
fileList, fileList,
fileList1, fileList1,
loading, loading,
@@ -1045,18 +741,13 @@ export default {
classifyList2, classifyList2,
classifyList3, classifyList3,
classifyList4, classifyList4,
classifyList5,
remark,
changeChecked,
changeChecked1,
uplodaFileCount, uplodaFileCount,
createProject, createProject,
removeFile, // removeFile,
isEdit, isEdit,
backPage, backPage,
dateFormatList, dateFormatList,
editTemplate,
templateScroll, templateScroll,
}; };
}, },