fix:修改单层子项目创建时项目经理为多个选择,项目列表展示。

This commit is contained in:
wuyx
2022-11-02 10:50:06 +08:00
parent cbad8c7124
commit 07bd75849c
3 changed files with 141 additions and 29 deletions

View File

@@ -37,11 +37,8 @@ import http from "./config";
// 接口-请求
// 创建编辑单层项目
// 创建编辑单层项目type=3/ 多层项目type=1/ 多层子项目type=2
export const createProject = (obj) => http.post('/admin/project/edit', obj)
// 创建多层项目
export const createStoreyProject = (obj) => http.post('/admin/project/edit', obj)
// 获取项目列表
export const getProjectList = (obj) => http.post('/admin/project/list', obj)

View File

@@ -81,12 +81,12 @@
<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
<div class="inname">项目经理</div>
</div>
<div class="in select">
<div class="in">
<a-select :getPopupContainer="
(triggerNode) => {
return triggerNode.parentNode || document.body;
}
" :value="classifySelect1" placeholder="请选择项目经理" style="width: 100%" :options="classifyList1"
" :value="classifySelect1" mode="multiple" placeholder="请选择项目经理" style="width: 100%" :options="classifyList1"
@change="classificationChange1" allowClear showSearch>
</a-select>
</div>
@@ -97,8 +97,13 @@
<div class="inname">资源归属</div>
</div>
<div class="in">
<a-input v-model:value="valueE" placeholder="自动带出 可修改" />
<div class="in select">
<a-select :getPopupContainer="
(triggerNode) => {
return triggerNode.parentNode || document.body;
}
" v-model:value="classifySelect2" placeholder="自动带出 可修改" :options="classifyList2"
@change="classificationChange2" />
</div>
</div>
<div class="name name2">
@@ -126,8 +131,13 @@
<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
<div class="inname">项目级别</div>
</div>
<div class="in">
<a-input v-model:value="valueE1" placeholder="集团级/组织级/现地级/部门级" />
<div class="in select">
<a-select :getPopupContainer="
(triggerNode) => {
return triggerNode.parentNode || document.body;
}
" v-model:value="classifySelect3" :options="classifyList3" @change="classificationChange3"
placeholder="集团级/组织级/现地级/部门级" />
</div>
</div>
<div class="name">
@@ -135,8 +145,13 @@
<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
<div class="inname">培训体系</div>
</div>
<div class="in">
<a-input v-model:value="valueE2" placeholder="集团级/组织级/现地级/部门级" />
<div class="in select">
<a-select :getPopupContainer="
(triggerNode) => {
return triggerNode.parentNode || document.body;
}
" v-model:value="classifySelect4" :options="classifyList4" @change="classificationChange4"
placeholder="集团级/组织级/现地级/部门级" />
</div>
</div>
<div class="name">
@@ -177,9 +192,14 @@
</div>
<div class="template">
<div class="name">
<div class="inname" style="width: 50px"></div>
<div class="inname" style="width: 50px"></div>
<div class="in select" style="margin-left: 2px">
<a-select v-model:value="value1" placeholder="请选择模板" :size="size" style="width: 100%" :options="options">
<a-select :getPopupContainer="
(triggerNode) => {
return triggerNode.parentNode || document.body;
}
" v-model:value="classifySelect5" placeholder="请选择模版" :size="size" style="width: 100%" :options="classifyList5"
@change="classificationChange5">
</a-select>
</div>
</div>
@@ -340,13 +360,66 @@ export default {
let manager = "";
let managerId = "";
const classificationChange1 = (key) => {
console.log(`selected ${key}`);
console.log(classifyList1.value[key - 1].label)
manager = String(classifyList1.value[key - 1].label)
managerId = String(key)
console.log(`selected ${key}`, classifyList1);
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)
manager = mstr;
managerId = midstr;
};
// 资源归属 sourceBelongId 后续给接口
const classifyList2 = ref([
{ value: 1, label: '项目一' },
{ value: 2, label: '项目二' },
{ value: 3, label: '项目三' },
]);
const classificationChange2 = (key) => {
console.log(`selected ${key}`, classifyList2);
}
// 项目级别
const classifyList3 = ref([
{ value: 1, label: '集团级' },
{ value: 2, label: '组织级' },
{ value: 3, label: '现地级' },
{ value: 4, label: '部门级' },
]);
const classificationChange3 = (key) => {
console.log(`selected ${key}`, classifyList3);
}
// 培训体系
const classifyList4 = ref([
{ value: 1, label: '集团级' },
{ value: 2, label: '组织级' },
{ value: 3, label: '现地级' },
{ value: 4, label: '部门级' },
]);
const classificationChange4 = (key) => {
console.log(`selected ${key}`, classifyList4);
}
// 模版
const classifyList5 = ref([
{ value: 1, label: '模版一' },
{ value: 2, label: '模版二' },
{ value: 3, label: '模版三' },
{ value: 4, label: '模版四' },
]);
const classificationChange5 = (key) => {
console.log(`selected ${key}`, classifyList5);
}
// 项目说明
const remark = ref('');
@@ -438,10 +511,14 @@ export default {
api.createProject(obj).then(res => {
console.log(res)
if (res.status == 200 && res.data.code == 200) {
router.push({
path: '/taskpage',
query: { id: res.data.data.projectId }
});
message.destroy();
message.success("创建成功")
setTimeout(() => {
router.push({
path: '/taskpage',
query: { id: res.data.data.projectId }
});
}, 1000);
} else {
message.destroy();
message.error("创建失败,请检查当前网络状态。")
@@ -459,6 +536,10 @@ export default {
classifyList,
classificationChange,
classificationChange1,
classificationChange2,
classificationChange3,
classificationChange4,
classificationChange5,
fileList,
fileList1,
loading,
@@ -469,6 +550,10 @@ export default {
beforeUpload1,
onRangeChange,
classifyList1,
classifyList2,
classifyList3,
classifyList4,
classifyList5,
remark,
changeChecked,
changeChecked1,

View File

@@ -477,6 +477,7 @@
</template>
<script>
import { reactive, toRefs, onMounted, ref } from "vue";
import { message } from 'ant-design-vue';
import ProjOwnerShip from "../../components/drawers/ProjectOwn";
import ProjPowerList from "../../components/drawers/ProjPowerList";
import ProjCheckShip from "../../components/drawers/ProjCheckPower";
@@ -573,19 +574,43 @@ export default {
managerId = key;
};
// 创建多层项目
const createStoreyProject = () => {
// 接口需要传递的参数信息
const errorMsgs = {
"name": "请输入项目名称",
"category": "请选择项目分类",
"manager": "请选择项目经理",
"sourceBelongId": "请选择资源归属"
}
let obj = {
name: value1.value,
type: type,
type: 1,
category: type,
manager: manager,
managerId: managerId,
sourceBelongId: value5.value,
sourceBelongId: 2,
};
console.log(obj);
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
}
}
// 创建成功 隐藏弹出框
state.doublepro = false;
api.createProject(obj).then(res => {
console.log(res)
if (res.status == 200 && res.data.code == 200) {
// 创建成功 隐藏弹出框
state.doublepro = false;
}
}).catch(err => {
console.log(err)
})
};
// 数据接入 - end -
@@ -1313,13 +1338,13 @@ export default {
},
]);
const getTableDate = () => {
const getTableDate = (pagedata) => {
let obj = {
pageNo: 1,
pageSize: 10,
};
api
.getProjectList(obj)
.getProjectList(pagedata ? pagedata : obj)
.then((res) => {
console.log(res);
if (res.status == 200 && res.data.code == 200) {
@@ -2841,6 +2866,11 @@ export default {
const changePagination = (page) => {
console.log(page)
currentPage.value = page;
let pagedata = {
pageNo: page,
pageSize: 10,
}
getTableDate(pagedata);
// getLearnPath();
};