mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-11 11:56:46 +08:00
feat: 模板编辑,任务大纲,新增模板任务阶段页面
This commit is contained in:
@@ -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});
|
||||||
//删除任务
|
//删除任务
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
3200
src/views/projectcenter/temTask.vue
Normal file
3200
src/views/projectcenter/temTask.vue
Normal file
File diff suppressed because it is too large
Load Diff
@@ -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,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user