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

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
src/api/indexTemplate.js
View File

@@ -4,7 +4,7 @@ import http from "./config";
//编辑项目模板
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});
//删除任务

600
src/views/projectcenter/LibraryAdd.vue
View File

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

3200
src/views/projectcenter/temTask.vue Normal file
View File

File diff suppressed because it is too large Load Diff

545
src/views/projectcenter/templateAdd.vue
View File

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