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

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

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

121
src/views/projectcenter/ProjectAdd.vue
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,