mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-11 11:56:46 +08:00
-- 项目模板修改
This commit is contained in:
yuping
@@ -967,6 +967,7 @@ export default defineComponent({
|
||||
state.taskSyllabus = [];
|
||||
console.log(res);
|
||||
state.projectInfo.name = res.data.data.projectTemplateInfo.name;
|
||||
state.projectInfo.projectTemplateId = res.data.data.projectTemplateInfo.projectTemplateId;
|
||||
state.projectInfo.beginTime = res.data.data.projectTemplateInfo.beginTime;
|
||||
state.projectInfo.endTime = res.data.data.projectTemplateInfo.endTime;
|
||||
state.projectInfo.manager = res.data.data.projectTemplateInfo.manager;
|
||||
@@ -1080,8 +1081,7 @@ export default defineComponent({
|
||||
routered.push({
|
||||
path: "/templateAdd",
|
||||
query: {
|
||||
projectId: state.projectId,
|
||||
name: state.name,
|
||||
projectTemplateId: state.projectInfo.projectTemplateId,
|
||||
},
|
||||
});
|
||||
};
|
||||
|
||||
@@ -4,10 +4,10 @@
|
||||
<div class="header">
|
||||
<span class="title">创建/编辑单层模板</span>
|
||||
<div
|
||||
@click="backPage"
|
||||
style="cursor: pointer"
|
||||
to="/manage/libraryAdd"
|
||||
class="goback"
|
||||
@click="backPage"
|
||||
style="cursor: pointer"
|
||||
to="/manage/libraryAdd"
|
||||
class="goback"
|
||||
>
|
||||
<span class="return"></span><span class="returntext">返回</span>
|
||||
</div>
|
||||
@@ -17,164 +17,119 @@
|
||||
<div class="name">
|
||||
<div class="namebox">
|
||||
<img
|
||||
class="nameimg"
|
||||
src="../../assets/images/basicinfo/asterisk.png"
|
||||
class="nameimg"
|
||||
src="../../assets/images/basicinfo/asterisk.png"
|
||||
/>
|
||||
<div class="inname">模板名称</div>
|
||||
</div>
|
||||
<div class="in">
|
||||
<a-input
|
||||
v-model:value="projectInfo.name"
|
||||
placeholder="请输入模板名称"
|
||||
show-count
|
||||
:maxlength="30"
|
||||
v-model:value="projectInfo.name"
|
||||
placeholder="请输入模板名称"
|
||||
show-count
|
||||
:maxlength="30"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="name">
|
||||
<div class="namebox">
|
||||
<img
|
||||
class="nameimg"
|
||||
src="../../assets/images/basicinfo/asterisk.png"
|
||||
class="nameimg"
|
||||
src="../../assets/images/basicinfo/asterisk.png"
|
||||
/>
|
||||
<div class="inname">分类</div>
|
||||
</div>
|
||||
<div class="in select">
|
||||
<a-select
|
||||
:getPopupContainer="
|
||||
(triggerNode) => {
|
||||
return triggerNode.parentNode || document.body;
|
||||
}
|
||||
"
|
||||
v-model:value="projectInfo.category"
|
||||
style="width: 100%"
|
||||
:options="classifyList"
|
||||
@change="classificationChange"
|
||||
allowClear
|
||||
showSearch
|
||||
>
|
||||
</a-select>
|
||||
<ProjectClass v-model:value="projectInfo.category"></ProjectClass>
|
||||
</div>
|
||||
</div>
|
||||
<div class="name">
|
||||
<div class="namebox">
|
||||
<div class="name" style="align-items: flex-start;">
|
||||
<div class="namebox" style="margin-top: 10px">
|
||||
<img
|
||||
class="nameimg"
|
||||
src="../../assets/images/basicinfo/asterisk.png"
|
||||
class="nameimg"
|
||||
src="../../assets/images/basicinfo/asterisk.png"
|
||||
/>
|
||||
<div class="inname">封面图</div>
|
||||
</div>
|
||||
<div
|
||||
class="box"
|
||||
style="
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: 1px solid rgba(78, 166, 255, 1);
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
"
|
||||
>
|
||||
<a-upload
|
||||
v-model:file-list="fileList"
|
||||
name="file"
|
||||
list-type="picture-card"
|
||||
class="avatar-uploader"
|
||||
:show-upload-list="false"
|
||||
action="/api/file/upload"
|
||||
:before-upload="beforeUpload"
|
||||
@change="handleChange"
|
||||
>
|
||||
<img
|
||||
style="
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin-bottom: 4px;
|
||||
margin-right: 4px;
|
||||
"
|
||||
v-if="imageUrl"
|
||||
:src="imageUrl"
|
||||
<div class="in select" style="flex:1">
|
||||
<a-select
|
||||
:getPopupContainer="
|
||||
(triggerNode) => {
|
||||
return triggerNode.parentNode || document.body;
|
||||
}
|
||||
"
|
||||
v-model:value="projectInfo.picUrl"
|
||||
dropdownClassName="dropdown-style"
|
||||
style="width: 440px"
|
||||
placeholder="请选择"
|
||||
:options="projectPic"
|
||||
@change="handleChangeSelect"
|
||||
allowClear
|
||||
></a-select>
|
||||
<img
|
||||
style="width:100px;height:100px;margin-top:20px;border-radius: 8px"
|
||||
v-if="projectInfo.picUrl"
|
||||
:src="projectInfo.picUrl"
|
||||
alt="avatar"
|
||||
/>
|
||||
<div v-else>
|
||||
<!-- <loading-outlined v-if="loading"></loading-outlined> -->
|
||||
<!-- <plus-outlined v-else></plus-outlined> -->
|
||||
<div class="box1"></div>
|
||||
<div class="box2"></div>
|
||||
<!-- <div class="ant-upload-text"></div> -->
|
||||
</div>
|
||||
</a-upload>
|
||||
/>
|
||||
<div class="i_bottom">
|
||||
<span style="color: #999ba3">
|
||||
高宽比为16:9 (如:800*450) png或jpg图片
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="name">
|
||||
<div class="namebox">
|
||||
<img
|
||||
class="nameimg"
|
||||
src="../../assets/images/basicinfo/asterisk.png"
|
||||
class="nameimg"
|
||||
src="../../assets/images/basicinfo/asterisk.png"
|
||||
/>
|
||||
<div class="inname">项目时间</div>
|
||||
</div>
|
||||
|
||||
<div class="in">
|
||||
<a-range-picker
|
||||
separator="至"
|
||||
:placeholder="[' 开始时间', ' 结束时间']"
|
||||
v-model:value="projectInfo.choosedTime"
|
||||
format="YYYY-MM-DD"
|
||||
style="width: 100%; height: 40px; border-radius: 5px"
|
||||
separator="至"
|
||||
:placeholder="[' 开始时间', ' 结束时间']"
|
||||
v-model:value="projectInfo.rangeTime"
|
||||
style="width: 100%; height: 40px; border-radius: 5px"
|
||||
valueFormat="YYYY-MM-DD HH:mm:ss"
|
||||
@change="timeChange"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="name">
|
||||
<div class="namebox">
|
||||
<img
|
||||
class="nameimg"
|
||||
src="../../assets/images/basicinfo/asterisk.png"
|
||||
class="nameimg"
|
||||
src="../../assets/images/basicinfo/asterisk.png"
|
||||
/>
|
||||
<div class="inname">项目经理</div>
|
||||
</div>
|
||||
<div class="in">
|
||||
<a-select
|
||||
:getPopupContainer="
|
||||
(triggerNode) => {
|
||||
return triggerNode.parentNode || document.body;
|
||||
}
|
||||
"
|
||||
|
||||
:value="classifySelect1"
|
||||
mode="multiple"
|
||||
placeholder="请选择项目经理"
|
||||
style="width: 100%"
|
||||
:options="classifyList1"
|
||||
@change="classificationChange1"
|
||||
allowClear
|
||||
showSearch
|
||||
>
|
||||
</a-select>
|
||||
<ProjectManager
|
||||
v-model:value="projectInfo.managerId"
|
||||
v-model:name="projectInfo.manager"
|
||||
@onChange="managerChange"
|
||||
mode="multiple"
|
||||
></ProjectManager>
|
||||
</div>
|
||||
</div>
|
||||
<div class="name">
|
||||
<div class="namebox">
|
||||
<img
|
||||
class="nameimg"
|
||||
src="../../assets/images/basicinfo/asterisk.png"
|
||||
class="nameimg"
|
||||
src="../../assets/images/basicinfo/asterisk.png"
|
||||
/>
|
||||
<div class="inname">资源归属</div>
|
||||
</div>
|
||||
|
||||
<div class="in select">
|
||||
<a-select
|
||||
:getPopupContainer="
|
||||
(triggerNode) => {
|
||||
return triggerNode.parentNode || document.body;
|
||||
}
|
||||
"
|
||||
v-model:value="projectInfo.sourceBelongId"
|
||||
placeholder="项目一"
|
||||
:options="classifyList2"
|
||||
@change="classificationChange2"
|
||||
/>
|
||||
<OrgClass
|
||||
v-model:value="projectInfo.sourceBelongId"
|
||||
v-model:name="projectInfo.sourceBelongName"
|
||||
></OrgClass>
|
||||
</div>
|
||||
</div>
|
||||
<div class="name name2">
|
||||
@@ -183,11 +138,11 @@
|
||||
</div>
|
||||
<div class="in">
|
||||
<a-textarea
|
||||
v-model:value="projectInfo.remark"
|
||||
style="height: 80px"
|
||||
placeholder="请输入说明"
|
||||
show-count
|
||||
:maxlength="200"
|
||||
v-model:value="projectInfo.remark"
|
||||
style="height: 80px"
|
||||
placeholder="请输入说明"
|
||||
show-count
|
||||
:maxlength="200"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@@ -196,523 +151,157 @@
|
||||
<div class="inname">同步学习记录</div>
|
||||
</div>
|
||||
<div class="in">
|
||||
<a-radio
|
||||
@click="changeChecked"
|
||||
v-model:checked="projectInfo.courseSyncFlag"
|
||||
><span
|
||||
<a-checkbox
|
||||
v-model:checked="projectInfo.courseSyncFlag"
|
||||
><span
|
||||
style="
|
||||
width: 100%;
|
||||
color: rgba(109, 117, 132, 1);
|
||||
font-size: 14px;
|
||||
"
|
||||
>同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
|
||||
></a-radio
|
||||
>同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
|
||||
></a-checkbox
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="name">
|
||||
<div class="namebox">
|
||||
<img
|
||||
class="nameimg"
|
||||
src="../../assets/images/basicinfo/asterisk.png"
|
||||
class="nameimg"
|
||||
src="../../assets/images/basicinfo/asterisk.png"
|
||||
/>
|
||||
<div class="inname">项目级别</div>
|
||||
</div>
|
||||
<div class="in select">
|
||||
<a-select
|
||||
:getPopupContainer="
|
||||
(triggerNode) => {
|
||||
return triggerNode.parentNode || document.body;
|
||||
}
|
||||
"
|
||||
v-model:value="projectInfo.level"
|
||||
:options="classifyList3"
|
||||
@change="classificationChange3"
|
||||
placeholder="集团级/组织级/现地级/部门级"
|
||||
:disabled="viewDetail ? true : false"
|
||||
/>
|
||||
<ProjectLevel v-model:value="projectInfo.level"></ProjectLevel>
|
||||
</div>
|
||||
</div>
|
||||
<div class="name">
|
||||
<div class="namebox">
|
||||
<img
|
||||
class="nameimg"
|
||||
src="../../assets/images/basicinfo/asterisk.png"
|
||||
class="nameimg"
|
||||
src="../../assets/images/basicinfo/asterisk.png"
|
||||
/>
|
||||
<div class="inname">培训体系</div>
|
||||
</div>
|
||||
<div class="in select">
|
||||
<a-select
|
||||
:getPopupContainer="
|
||||
(triggerNode) => {
|
||||
return triggerNode.parentNode || document.body;
|
||||
}
|
||||
"
|
||||
v-model:value="projectInfo.systemId"
|
||||
:options="classifyList4"
|
||||
@change="classificationChange4"
|
||||
placeholder="集团级/组织级/现地级/部门级"
|
||||
:disabled="viewDetail ? true : false"
|
||||
/>
|
||||
<TrainClass v-model:value="projectInfo.systemId"></TrainClass>
|
||||
</div>
|
||||
</div>
|
||||
<div class="name">
|
||||
<div class="namebox">
|
||||
<img
|
||||
class="nameimg"
|
||||
src="../../assets/images/basicinfo/asterisk.png"
|
||||
class="nameimg"
|
||||
src="../../assets/images/basicinfo/asterisk.png"
|
||||
/>
|
||||
<div class="inname">是否BOEU实施</div>
|
||||
</div>
|
||||
<div class="in">
|
||||
<a-radio
|
||||
@click="changeChecked1"
|
||||
v-model:checked="projectInfo.boeFlag"
|
||||
:disabled="viewDetail ? true : false"
|
||||
><span
|
||||
style="
|
||||
width: 100%;
|
||||
color: rgba(109, 117, 132, 1);
|
||||
font-size: 14px;
|
||||
"
|
||||
>BOEU实施</span
|
||||
></a-radio
|
||||
<a-radio-group
|
||||
v-model:value="projectInfo.boeFlag"
|
||||
>
|
||||
<a-radio :value="1">是</a-radio>
|
||||
<a-radio :value="0">否</a-radio>
|
||||
</a-radio-group>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="name name2">
|
||||
<div class="namebox" style="margin-top: 8px">
|
||||
<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
|
||||
<div class="inname">附件</div>
|
||||
</div>
|
||||
<div class="filebox">
|
||||
<div>
|
||||
<img v-if="fileList1.length < 6" class="fileimg" src="../../assets/images/projectadd/enclosure.png" />
|
||||
<a-upload :disabled="fileList1.length > 5" :before-upload="beforeUpload1" v-model:file-list="fileList1"
|
||||
@remove="removeFile" name="file" action="/api/file/upload" :headers="headers" @change="handleChange1">
|
||||
<span v-if="fileList1.length > 5" class="filetext">上传数量已经达到最大值</span>
|
||||
<span v-else class="filetext">上传附件</span>
|
||||
</a-upload>
|
||||
</div>
|
||||
<div class="support">
|
||||
支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="btn">
|
||||
<a-button v-on:click="createProject" type="primary" class="btn1"
|
||||
>确定</a-button
|
||||
>确定
|
||||
</a-button
|
||||
>
|
||||
<a-button @click="backPage" class="btn2">取消</a-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { reactive, toRefs, ref,onMounted } from "vue";
|
||||
import { message } from "ant-design-vue";
|
||||
import { useRouter, useRoute } from "vue-router";
|
||||
// import dayjs from "dayjs";
|
||||
<script setup>
|
||||
|
||||
import {useStore} from "vuex";
|
||||
import {ref, onMounted, watch} from "vue";
|
||||
import {message} from "ant-design-vue";
|
||||
import {useRouter, useRoute} from "vue-router";
|
||||
import * as api from "../../api/indexTemplate";
|
||||
import { storage } from "../../api/storage";
|
||||
// import { toDate } from "../../api/method";
|
||||
import dayjs from "dayjs";
|
||||
import ProjectClass from "@/components/project/ProjectClass";
|
||||
import TrainClass from "@/components/project/TrainClass";
|
||||
import OrgClass from "@/components/project/OrgClass";
|
||||
import ProjectManager from "@/components/project/ProjectManagerNew";
|
||||
import ProjectLevel from "@/components/project/ProjectLevel";
|
||||
|
||||
export default {
|
||||
name: "projectAdd",
|
||||
setup() {
|
||||
// 编辑页面跳转过来时候，自动填充表格
|
||||
const routers = useRoute();
|
||||
const isEdit = ref(false);
|
||||
// let peojectID = "";
|
||||
const route = useRoute();
|
||||
const router = useRouter();
|
||||
const store = useStore();
|
||||
const projectInfo = ref({})
|
||||
const projectPic = ref([])
|
||||
|
||||
if (routers.query.projectId) {
|
||||
storage.set("projectAddId", routers.query.projectId);
|
||||
isEdit.value = true;
|
||||
// peojectID = routers.query.projectId;
|
||||
} else {
|
||||
if (storage.get("projectAddId")) {
|
||||
isEdit.value = true;
|
||||
// peojectID = storage.get("projectAddId");
|
||||
}
|
||||
}
|
||||
onMounted(() => {
|
||||
getDetail()
|
||||
projectPic.value = store.state.projectPic.map((e) => ({value: e.dictValue, label: e.dictName}));
|
||||
})
|
||||
|
||||
const backPage = () => {
|
||||
storage.remove("projectAddId");
|
||||
setTimeout(() => {
|
||||
router.push({
|
||||
path: "/libraryAdd",
|
||||
});
|
||||
}, 400);
|
||||
};
|
||||
watch(() => route.query.projectTemplateId, () => {
|
||||
getDetail()
|
||||
})
|
||||
|
||||
const router = useRouter();
|
||||
const state = reactive({
|
||||
classifySelect: null,
|
||||
classifySelectId: null,
|
||||
checked: false,
|
||||
checked1: false,
|
||||
valueE: null,
|
||||
valueE1: null,
|
||||
valueE2: null,
|
||||
classifySelect1: ['李俊国'],
|
||||
classifySelect2: [],
|
||||
classifySelect3: [],
|
||||
classifySelect4: [],
|
||||
rangevalue: [],
|
||||
|
||||
currentPage: 1, //当前页
|
||||
tableDataTotal: -1, //模版列表总数
|
||||
pageSize: 10, //每页10条数据
|
||||
totalPages: 0, //总页数
|
||||
viewDetail: routers.query.viewDetail ? routers.query.viewDetail : null,
|
||||
projectInfo:{
|
||||
choosedTime:'',
|
||||
name: null,
|
||||
manager: null,
|
||||
notice: null,
|
||||
sourceBelongId: 1,
|
||||
category:1,
|
||||
remark: "",
|
||||
courseSyncFlag: false,
|
||||
level: 1,
|
||||
systemId: 2,
|
||||
boeFlag: false,
|
||||
}
|
||||
});
|
||||
|
||||
const projectName = ref("");
|
||||
|
||||
const classifyList = ref([
|
||||
{ value: 1, label: "管理者" },
|
||||
{ value: 2, label: "领军者" },
|
||||
{ value: 3, label: "产业人" },
|
||||
]);
|
||||
|
||||
// let projectType = "";
|
||||
|
||||
const classificationChange = (value) => {
|
||||
console.log(`selected ${value}`);
|
||||
// projectType = value;
|
||||
};
|
||||
|
||||
function getBase64(img, callback) {
|
||||
const reader = new FileReader();
|
||||
reader.addEventListener("load", () => callback(reader.result));
|
||||
reader.readAsDataURL(img);
|
||||
}
|
||||
|
||||
const fileList = ref([]);
|
||||
const fileList1 = ref([]);
|
||||
const loading = ref(false);
|
||||
const imageUrl = ref("");
|
||||
// let picUrl = "";
|
||||
|
||||
const handleChange = (info) => {
|
||||
if (info.file.status === "uploading") {
|
||||
loading.value = true;
|
||||
return;
|
||||
}
|
||||
if (info.file.status === "done") {
|
||||
console.log("上传图片返回的信息 %o", info);
|
||||
// picUrl = info.file.response.data;
|
||||
// Get this url from response in real world.
|
||||
getBase64(info.file.originFileObj, (base64Url) => {
|
||||
imageUrl.value = base64Url;
|
||||
loading.value = false;
|
||||
});
|
||||
}
|
||||
if (info.file.status === "error") {
|
||||
loading.value = false;
|
||||
message.error("upload error");
|
||||
}
|
||||
};
|
||||
|
||||
let uplodaFileCount = false;
|
||||
|
||||
// let attach = "";
|
||||
let attachData = "";
|
||||
const handleChange1 = (info) => {
|
||||
if (info.file.status === "uploading") {
|
||||
loading.value = true;
|
||||
return;
|
||||
}
|
||||
if (info.file.status === "done") {
|
||||
console.log(
|
||||
"上传附件返回的信息 %o",
|
||||
info,
|
||||
info.fileList.length,
|
||||
uplodaFileCount
|
||||
);
|
||||
|
||||
let attachStr = "";
|
||||
attachData = info.fileList;
|
||||
for (let i = 0; i < attachData.length; i++) {
|
||||
if (attachData.length - 1 == i) {
|
||||
attachStr += attachData[i].response.data;
|
||||
} else {
|
||||
attachStr += attachData[i].response.data + ",";
|
||||
}
|
||||
}
|
||||
console.log(attachStr);
|
||||
// attach = attachStr;
|
||||
|
||||
if (info.fileList.length > 5) {
|
||||
uplodaFileCount = true;
|
||||
} else {
|
||||
uplodaFileCount = false;
|
||||
}
|
||||
}
|
||||
if (info.file.status === "error") {
|
||||
loading.value = false;
|
||||
message.error("upload error");
|
||||
}
|
||||
};
|
||||
|
||||
const beforeUpload = (file) => {
|
||||
const isJpgOrPng =
|
||||
file.type === "image/jpeg" || file.type === "image/png";
|
||||
if (!isJpgOrPng) {
|
||||
message.error("You can only upload JPG file!");
|
||||
}
|
||||
const isLt2M = file.size / 1024 / 1024 < 1;
|
||||
if (!isLt2M) {
|
||||
message.error("Image must smaller than 1MB!");
|
||||
}
|
||||
return isJpgOrPng && isLt2M;
|
||||
};
|
||||
|
||||
const beforeUpload1 = () => {
|
||||
return new Promise((resovle, reject) => {
|
||||
if (uplodaFileCount) {
|
||||
message.warning("上传文件数量已达最大数量");
|
||||
return reject(false);
|
||||
}
|
||||
return resovle(true);
|
||||
});
|
||||
};
|
||||
|
||||
const dateFormatList = ["YYYY/MM/DD"];
|
||||
|
||||
const onRangeChange = (value, dateString) => {
|
||||
console.log("Selected Time: ", value);
|
||||
// 项目时间选择函数
|
||||
console.log("Formatted Selected Time: ", dateString);
|
||||
console.log(
|
||||
"Formatted Selected TimeStamp",
|
||||
new Date(dateString[0]).getTime()
|
||||
);
|
||||
// beginTime = new Date(dateString[0]).getTime() / 1000;
|
||||
// endTime = new Date(dateString[1]).getTime() / 1000;
|
||||
};
|
||||
|
||||
// 项目经理 后续接口调用
|
||||
const classifyList1 = ref([
|
||||
{ value: 1, label: "李俊国" },
|
||||
{ value: 2, label: "将小米" },
|
||||
{ value: 3, label: "刘孟君" },
|
||||
]);
|
||||
|
||||
const classificationChange1 = (key, options) => {
|
||||
console.log(`selected ${key}`, options);
|
||||
let mstr = "";
|
||||
let midstr = "";
|
||||
for (let i = 0; i < key.length; i++) {
|
||||
if (key.length - 1 !== i) {
|
||||
midstr += key[i] + ",";
|
||||
mstr += classifyList1.value[i].label + ",";
|
||||
} else {
|
||||
midstr += key[i];
|
||||
mstr += classifyList1.value[i].label;
|
||||
}
|
||||
}
|
||||
console.log(mstr, midstr);
|
||||
state.classifySelect1 = options;
|
||||
let newoptions = [];
|
||||
for (let i = 0; i < state.classifySelect1.length; i++) {
|
||||
if (state.classifySelect1[i].value) {
|
||||
newoptions.push(state.classifySelect1[i]);
|
||||
}
|
||||
}
|
||||
state.classifySelect1 = newoptions;
|
||||
// manager = mstr;
|
||||
// managerId = midstr;
|
||||
};
|
||||
|
||||
// 资源归属 sourceBelongId 后续给接口
|
||||
const classifyList2 = ref([
|
||||
{ value: 1, label: "项目一" },
|
||||
{ value: 2, label: "项目二" },
|
||||
{ value: 3, label: "项目三" },
|
||||
]);
|
||||
|
||||
// let sourceBelongIdC = "";
|
||||
const classificationChange2 = (key) => {
|
||||
console.log(`selected ${key}`, classifyList2);
|
||||
// sourceBelongIdC = key;
|
||||
};
|
||||
|
||||
// 项目级别
|
||||
const classifyList3 = ref([
|
||||
{ value: 1, label: "集团级" },
|
||||
{ value: 2, label: "组织级" },
|
||||
{ value: 3, label: "现地级" },
|
||||
{ value: 4, label: "部门级" },
|
||||
]);
|
||||
|
||||
// let levels = "";
|
||||
const classificationChange3 = (key) => {
|
||||
console.log(`selected ${key}`, classifyList3);
|
||||
// levels = key;
|
||||
};
|
||||
|
||||
// 培训体系
|
||||
const classifyList4 = ref([
|
||||
{ value: 1, label: "集团级" },
|
||||
{ value: 2, label: "组织级" },
|
||||
{ value: 3, label: "现地级" },
|
||||
{ value: 4, label: "部门级" },
|
||||
]);
|
||||
|
||||
// let systemid = "";
|
||||
const classificationChange4 = (key) => {
|
||||
console.log(`selected ${key}`, classifyList4);
|
||||
// systemid = key;
|
||||
};
|
||||
|
||||
|
||||
// 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;
|
||||
// };
|
||||
|
||||
onMounted(() => {
|
||||
const getDetail = () => route.query.projectTemplateId && api.templateDetail(route.query.projectTemplateId)
|
||||
.then((res) => {
|
||||
projectInfo.value = res.data.data.projectTemplateInfo;
|
||||
projectInfo.value.rangeTime = [projectInfo.value.beginTime, projectInfo.value.endTime]
|
||||
})
|
||||
|
||||
const errorMsgs = {
|
||||
name: "请输入模板名称",
|
||||
category: "请选择模板分类",
|
||||
picUrl: "请上传项目封面图",
|
||||
beginTime: "请选择项目开始时间",
|
||||
endTime: "请选择项目结束时间",
|
||||
manager: "请选择项目经理",
|
||||
managerId: "请选择项目经理",
|
||||
sourceBelongId: "请选择资源归属",
|
||||
level: "请填写项目级别",
|
||||
systemId: "请填写项目培训体系",
|
||||
boeFlag: "请选择是否BOE实施",
|
||||
};
|
||||
|
||||
const createProject = () => {
|
||||
console.log("我要编辑项目", isEdit.value);
|
||||
let obj = {
|
||||
"name": state.projectInfo.name,
|
||||
"category": state.projectInfo.category,
|
||||
"picUrl": "x",
|
||||
"beginTime": Number(dayjs(state.projectInfo.choosedTime[0]).format("YYYY-MM-DD")) || 1,
|
||||
"endTime": Number(dayjs(state.projectInfo.choosedTime[1]).format("YYYY-MM-DD")) || 1,
|
||||
"manager": state.classifySelect1.toString(),
|
||||
"managerId": state.projectInfo.managerId || 0,
|
||||
"sourceBelongId": state.projectInfo.sourceBelongId,
|
||||
"level": state.projectInfo.level,
|
||||
"systemId": state.projectInfo.systemId,
|
||||
"boeFlag": state.projectInfo.boeFlag ? 1:0,
|
||||
"courseSyncFlag": state.projectInfo.courseSyncFlag? 1:0,
|
||||
"notice": "",
|
||||
"noticeFlag": 0,
|
||||
"projectTemplateId": localStorage.getItem("projectTemplateId"),
|
||||
"remark": "",
|
||||
"status": 0,
|
||||
|
||||
};
|
||||
|
||||
console.log(obj);
|
||||
|
||||
for (let i in errorMsgs) {
|
||||
console.log(obj[i]);
|
||||
if (obj[i] === "" || obj[i] === undefined) {
|
||||
message.destroy();
|
||||
message.warning(errorMsgs[i]);
|
||||
return;
|
||||
}
|
||||
}
|
||||
api
|
||||
.templateEdit(obj)
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
if (res.status == 200 && res.data.code == 200) {
|
||||
message.destroy();
|
||||
message.success("编辑成功");
|
||||
setTimeout(() => {
|
||||
router.push({
|
||||
path: "/projectmanage",
|
||||
});
|
||||
}, 1000);
|
||||
} else {
|
||||
message.destroy();
|
||||
message.error("编辑失败，请检查当前网络状态。");
|
||||
}
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log(err);
|
||||
message.destroy();
|
||||
message.error("编辑失败，请检查当前网络状态。");
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
return {
|
||||
...toRefs(state),
|
||||
projectName,
|
||||
classifyList,
|
||||
classificationChange,
|
||||
classificationChange1,
|
||||
classificationChange2,
|
||||
classificationChange3,
|
||||
classificationChange4,
|
||||
fileList,
|
||||
fileList1,
|
||||
loading,
|
||||
imageUrl,
|
||||
handleChange,
|
||||
handleChange1,
|
||||
beforeUpload,
|
||||
beforeUpload1,
|
||||
onRangeChange,
|
||||
classifyList1,
|
||||
classifyList2,
|
||||
classifyList3,
|
||||
classifyList4,
|
||||
uplodaFileCount,
|
||||
createProject,
|
||||
// removeFile,
|
||||
isEdit,
|
||||
backPage,
|
||||
dateFormatList,
|
||||
};
|
||||
},
|
||||
const backPage = () => {
|
||||
router.back();
|
||||
};
|
||||
|
||||
const handleChangeSelect = (value) => {
|
||||
projectInfo.value.picUrl = value
|
||||
}
|
||||
|
||||
function timeChange(e) {
|
||||
if (e && e.length === 2) {
|
||||
projectInfo.value.beginTime = e[0];
|
||||
projectInfo.value.endTime = e[1];
|
||||
}
|
||||
}
|
||||
|
||||
const errorMsgs = {
|
||||
name: "请输入模板名称",
|
||||
category: "请选择模板分类",
|
||||
picUrl: "请上传项目封面图",
|
||||
beginTime: "请选择项目开始时间",
|
||||
endTime: "请选择项目结束时间",
|
||||
manager: "请选择项目经理",
|
||||
managerId: "请选择项目经理",
|
||||
sourceBelongId: "请选择资源归属",
|
||||
level: "请填写项目级别",
|
||||
systemId: "请填写项目培训体系",
|
||||
boeFlag: "请选择是否BOE实施",
|
||||
};
|
||||
|
||||
const createProject = () => {
|
||||
for (let i in errorMsgs) {
|
||||
if (projectInfo.value[i] === "" || projectInfo.value[i] === undefined) {
|
||||
message.destroy();
|
||||
message.warning(errorMsgs[i]);
|
||||
return;
|
||||
}
|
||||
}
|
||||
api.templateEdit({...projectInfo.value, courseSyncFlag: projectInfo.value.courseSyncFlag ? 1 : 0}).then(() => {
|
||||
message.destroy();
|
||||
message.success("编辑成功");
|
||||
router.back()
|
||||
})
|
||||
};
|
||||
|
||||
function managerChange(e, l, d) {
|
||||
projectInfo.value.valuesourceBelongId = d
|
||||
}
|
||||
|
||||
</script>
|
||||
<style lang="scss">
|
||||
<style lang="scss">
|
||||
.projectAdd {
|
||||
width: 100%;
|
||||
// height: inherit;
|
||||
|
||||
Reference in New Issue
Block a user