mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-14 21:36:44 +08:00
fix:修改单层子项目创建时项目经理为多个选择,项目列表展示。
This commit is contained in:
@@ -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 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)
|
export const getProjectList = (obj) => http.post('/admin/project/list', obj)
|
||||||
@@ -81,12 +81,12 @@
|
|||||||
<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
|
<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
|
||||||
<div class="inname">项目经理</div>
|
<div class="inname">项目经理</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="in select">
|
<div class="in">
|
||||||
<a-select :getPopupContainer="
|
<a-select :getPopupContainer="
|
||||||
(triggerNode) => {
|
(triggerNode) => {
|
||||||
return triggerNode.parentNode || document.body;
|
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>
|
@change="classificationChange1" allowClear showSearch>
|
||||||
</a-select>
|
</a-select>
|
||||||
</div>
|
</div>
|
||||||
@@ -97,8 +97,13 @@
|
|||||||
<div class="inname">资源归属</div>
|
<div class="inname">资源归属</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="in">
|
<div class="in select">
|
||||||
<a-input v-model:value="valueE" placeholder="自动带出 可修改" />
|
<a-select :getPopupContainer="
|
||||||
|
(triggerNode) => {
|
||||||
|
return triggerNode.parentNode || document.body;
|
||||||
|
}
|
||||||
|
" v-model:value="classifySelect2" placeholder="自动带出 可修改" :options="classifyList2"
|
||||||
|
@change="classificationChange2" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="name name2">
|
<div class="name name2">
|
||||||
@@ -126,8 +131,13 @@
|
|||||||
<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
|
<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
|
||||||
<div class="inname">项目级别</div>
|
<div class="inname">项目级别</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="in">
|
<div class="in select">
|
||||||
<a-input v-model:value="valueE1" placeholder="集团级/组织级/现地级/部门级" />
|
<a-select :getPopupContainer="
|
||||||
|
(triggerNode) => {
|
||||||
|
return triggerNode.parentNode || document.body;
|
||||||
|
}
|
||||||
|
" v-model:value="classifySelect3" :options="classifyList3" @change="classificationChange3"
|
||||||
|
placeholder="集团级/组织级/现地级/部门级" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="name">
|
<div class="name">
|
||||||
@@ -135,8 +145,13 @@
|
|||||||
<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
|
<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
|
||||||
<div class="inname">培训体系</div>
|
<div class="inname">培训体系</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="in">
|
<div class="in select">
|
||||||
<a-input v-model:value="valueE2" placeholder="集团级/组织级/现地级/部门级" />
|
<a-select :getPopupContainer="
|
||||||
|
(triggerNode) => {
|
||||||
|
return triggerNode.parentNode || document.body;
|
||||||
|
}
|
||||||
|
" v-model:value="classifySelect4" :options="classifyList4" @change="classificationChange4"
|
||||||
|
placeholder="集团级/组织级/现地级/部门级" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="name">
|
<div class="name">
|
||||||
@@ -177,9 +192,14 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="template">
|
<div class="template">
|
||||||
<div class="name">
|
<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">
|
<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>
|
</a-select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -340,13 +360,66 @@ export default {
|
|||||||
let manager = "";
|
let manager = "";
|
||||||
let managerId = "";
|
let managerId = "";
|
||||||
const classificationChange1 = (key) => {
|
const classificationChange1 = (key) => {
|
||||||
console.log(`selected ${key}`);
|
console.log(`selected ${key}`, classifyList1);
|
||||||
console.log(classifyList1.value[key - 1].label)
|
let mstr = '';
|
||||||
manager = String(classifyList1.value[key - 1].label)
|
let midstr = '';
|
||||||
managerId = String(key)
|
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 后续给接口
|
// 资源归属 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('');
|
const remark = ref('');
|
||||||
@@ -438,10 +511,14 @@ export default {
|
|||||||
api.createProject(obj).then(res => {
|
api.createProject(obj).then(res => {
|
||||||
console.log(res)
|
console.log(res)
|
||||||
if (res.status == 200 && res.data.code == 200) {
|
if (res.status == 200 && res.data.code == 200) {
|
||||||
router.push({
|
message.destroy();
|
||||||
path: '/taskpage',
|
message.success("创建成功")
|
||||||
query: { id: res.data.data.projectId }
|
setTimeout(() => {
|
||||||
});
|
router.push({
|
||||||
|
path: '/taskpage',
|
||||||
|
query: { id: res.data.data.projectId }
|
||||||
|
});
|
||||||
|
}, 1000);
|
||||||
} else {
|
} else {
|
||||||
message.destroy();
|
message.destroy();
|
||||||
message.error("创建失败,请检查当前网络状态。")
|
message.error("创建失败,请检查当前网络状态。")
|
||||||
@@ -459,6 +536,10 @@ export default {
|
|||||||
classifyList,
|
classifyList,
|
||||||
classificationChange,
|
classificationChange,
|
||||||
classificationChange1,
|
classificationChange1,
|
||||||
|
classificationChange2,
|
||||||
|
classificationChange3,
|
||||||
|
classificationChange4,
|
||||||
|
classificationChange5,
|
||||||
fileList,
|
fileList,
|
||||||
fileList1,
|
fileList1,
|
||||||
loading,
|
loading,
|
||||||
@@ -469,6 +550,10 @@ export default {
|
|||||||
beforeUpload1,
|
beforeUpload1,
|
||||||
onRangeChange,
|
onRangeChange,
|
||||||
classifyList1,
|
classifyList1,
|
||||||
|
classifyList2,
|
||||||
|
classifyList3,
|
||||||
|
classifyList4,
|
||||||
|
classifyList5,
|
||||||
remark,
|
remark,
|
||||||
changeChecked,
|
changeChecked,
|
||||||
changeChecked1,
|
changeChecked1,
|
||||||
|
|||||||
@@ -477,6 +477,7 @@
|
|||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { reactive, toRefs, onMounted, ref } from "vue";
|
import { reactive, toRefs, onMounted, ref } from "vue";
|
||||||
|
import { message } from 'ant-design-vue';
|
||||||
import ProjOwnerShip from "../../components/drawers/ProjectOwn";
|
import ProjOwnerShip from "../../components/drawers/ProjectOwn";
|
||||||
import ProjPowerList from "../../components/drawers/ProjPowerList";
|
import ProjPowerList from "../../components/drawers/ProjPowerList";
|
||||||
import ProjCheckShip from "../../components/drawers/ProjCheckPower";
|
import ProjCheckShip from "../../components/drawers/ProjCheckPower";
|
||||||
@@ -573,19 +574,43 @@ export default {
|
|||||||
managerId = key;
|
managerId = key;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
// 创建多层项目
|
||||||
const createStoreyProject = () => {
|
const createStoreyProject = () => {
|
||||||
// 接口需要传递的参数信息
|
// 接口需要传递的参数信息
|
||||||
|
const errorMsgs = {
|
||||||
|
"name": "请输入项目名称",
|
||||||
|
"category": "请选择项目分类",
|
||||||
|
"manager": "请选择项目经理",
|
||||||
|
"sourceBelongId": "请选择资源归属"
|
||||||
|
}
|
||||||
|
|
||||||
let obj = {
|
let obj = {
|
||||||
name: value1.value,
|
name: value1.value,
|
||||||
type: type,
|
type: 1,
|
||||||
|
category: type,
|
||||||
manager: manager,
|
manager: manager,
|
||||||
managerId: managerId,
|
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
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// 创建成功 隐藏弹出框
|
api.createProject(obj).then(res => {
|
||||||
state.doublepro = false;
|
console.log(res)
|
||||||
|
if (res.status == 200 && res.data.code == 200) {
|
||||||
|
// 创建成功 隐藏弹出框
|
||||||
|
state.doublepro = false;
|
||||||
|
}
|
||||||
|
}).catch(err => {
|
||||||
|
console.log(err)
|
||||||
|
})
|
||||||
};
|
};
|
||||||
|
|
||||||
// 数据接入 - end -
|
// 数据接入 - end -
|
||||||
@@ -1313,13 +1338,13 @@ export default {
|
|||||||
},
|
},
|
||||||
]);
|
]);
|
||||||
|
|
||||||
const getTableDate = () => {
|
const getTableDate = (pagedata) => {
|
||||||
let obj = {
|
let obj = {
|
||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
};
|
};
|
||||||
api
|
api
|
||||||
.getProjectList(obj)
|
.getProjectList(pagedata ? pagedata : 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) {
|
||||||
@@ -2841,6 +2866,11 @@ export default {
|
|||||||
const changePagination = (page) => {
|
const changePagination = (page) => {
|
||||||
console.log(page)
|
console.log(page)
|
||||||
currentPage.value = page;
|
currentPage.value = page;
|
||||||
|
let pagedata = {
|
||||||
|
pageNo: page,
|
||||||
|
pageSize: 10,
|
||||||
|
}
|
||||||
|
getTableDate(pagedata);
|
||||||
// getLearnPath();
|
// getLearnPath();
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user