陈裕财
4 years ago
4 changed files with 4 additions and 831 deletions
-
7src/views/xm/core/xmProject/XmProjectAdd.vue
-
8src/views/xm/core/xmProject/XmProjectEdit.vue
-
211src/views/xm/core/xmProjectGroup/XmProjectGroupOkr.vue
-
609src/views/xm/core/xmProjectGroupFormwork/XmProjectGroupFormwork.vue
@ -1,211 +0,0 @@ |
|||||
<template> |
|
||||
<section class="page-container padding"> |
|
||||
|
|
||||
<el-row v-if="!isSelectSingleUser && !isSelectMultiUser"> |
|
||||
<el-button type="primary" v-if="!groups||groups.length==0" @click="showGroupFormwork" icon="el-icon-plus">导入项目组</el-button> |
|
||||
<el-button type="plain" @click="showGroupState" icon="el-icon-s-data">小组进度</el-button> |
|
||||
<el-button type="plain" @click="xmRecordVisible=true" icon="el-icon-document">变化日志</el-button> |
|
||||
<el-button type="plain" @click="doSearchImGroupsByProjectId" icon="el-icon-document">绑定即聊情况</el-button> |
|
||||
<el-button @click="groupRoleDescVisible=true" icon="el-icon-document">角色说明</el-button> |
|
||||
</el-row> |
|
||||
<el-row v-else> |
|
||||
<el-button type="primary" @click="userConfirm" icon="el-icon-finished">确认选择用户</el-button> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<vue-okr-tree :data="okrTreeData" |
|
||||
show-collapsable |
|
||||
default-expand-all |
|
||||
node-key="id" |
|
||||
current-lable-class-name="crrentClass" |
|
||||
:render-content="renderContent" |
|
||||
@node-click="handleNodeClick" |
|
||||
direction="horizontal" |
|
||||
></vue-okr-tree> |
|
||||
</el-row> |
|
||||
<el-dialog |
|
||||
title="操作" |
|
||||
:visible.sync="groupOperSelectVisible" |
|
||||
width="30%" > |
|
||||
<el-row> |
|
||||
<el-button @click="showAdd">新增一级小组</el-button> |
|
||||
<el-button @click="showAddSub(editForm)">新增下级小组</el-button> |
|
||||
<el-button type="primary" @click="showEdit(editForm)">小组明细</el-button> |
|
||||
<el-button @click="handleDel(editForm)">删除小组</el-button> |
|
||||
</el-row> |
|
||||
</el-dialog> |
|
||||
</section> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import util from '@/common/js/util';//全局公共库 |
|
||||
import {sn} from '@/common/js/sequence';//全局公共库 |
|
||||
//import Sticky from '@/components/Sticky' // 粘性header组件 |
|
||||
//import { listOption } from '@/api/mdp/meta/itemOption';//下拉框数据查询 |
|
||||
import { updateGroup,getGroups } from '@/api/xm/core/xmProjectGroup'; |
|
||||
import { mapGetters } from 'vuex'; |
|
||||
import XmProjectGroupEdit from "./XmProjectGroupEdit" |
|
||||
|
|
||||
import {VueOkrTree} from 'vue-okr-tree'; |
|
||||
import 'vue-okr-tree/dist/vue-okr-tree.css' |
|
||||
|
|
||||
export default { |
|
||||
computed: { |
|
||||
...mapGetters([ |
|
||||
'userInfo','roles' |
|
||||
]), |
|
||||
okrTreeData(){ |
|
||||
var groups=this.groups; |
|
||||
groups.forEach(i=>{ |
|
||||
i.label=i.groupName |
|
||||
if(i.groupUsers){ |
|
||||
var groupUsers=i.groupUsers; |
|
||||
groupUsers.forEach(i=>i.label=i.username) |
|
||||
i.children=groupUsers |
|
||||
} |
|
||||
}) |
|
||||
var topLabel="组织架构" |
|
||||
if(this.xmProduct&&this.xmProduct.id){ |
|
||||
topLabel=this.xmProduct.name+"-产品组织架构" |
|
||||
}else if(this.selProject && this.selProject.id){ |
|
||||
topLabel=this.selProject.name+"-项目组织架构" |
|
||||
} |
|
||||
var data=[{ |
|
||||
label:topLabel, |
|
||||
children:groups |
|
||||
} |
|
||||
] |
|
||||
return data; |
|
||||
} |
|
||||
}, |
|
||||
props: ["selProject" ,"isSelectSingleUser","isSelectMultiUser",'xmProduct','xmIteration'], |
|
||||
watch:{ |
|
||||
selProject(){ |
|
||||
this.getXmProjectGroup(); |
|
||||
}, |
|
||||
xmProduct(){ |
|
||||
this.getXmProjectGroup(); |
|
||||
}, |
|
||||
xmIteration(){ |
|
||||
this.getXmProjectGroup(); |
|
||||
} |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
load:{ list: false, edit: false, del: false, add: false },//查询中... |
|
||||
/**begin 自定义属性请在下面加 请加备注**/ |
|
||||
groupSelectVisible: true, |
|
||||
groups:[], |
|
||||
editForm: { |
|
||||
id:'',groupName:'',projectId:'' |
|
||||
}, |
|
||||
addForm: { |
|
||||
id:'',groupName:'',projectId:'' |
|
||||
}, |
|
||||
groupOperSelectVisible:false, |
|
||||
/**end 自定义属性请在上面加 请加备注**/ |
|
||||
} |
|
||||
},//end data |
|
||||
methods: { |
|
||||
onGroupSelected(selGroups){ |
|
||||
this.load.edit=true |
|
||||
if(selGroups != null){ |
|
||||
let groups = []; |
|
||||
selGroups.forEach(i=>{ |
|
||||
let group = { |
|
||||
"id":i.id, |
|
||||
"groupName": i.groupName, |
|
||||
"groupUsers": i.groupUsers, |
|
||||
"projectId": i.projectId, |
|
||||
"pgTypeName": i.pgTypeName, |
|
||||
"pgTypeId": i.pgTypeId |
|
||||
}; |
|
||||
groups.push(group); |
|
||||
}); |
|
||||
if(selGroups.length==0){ |
|
||||
this.$message({showClose: true, message: "最少保留一个小组", type: 'error' }); |
|
||||
this.load.edit=false |
|
||||
return; |
|
||||
} |
|
||||
updateGroup(groups).then((res) => { |
|
||||
var tips=res.data.tips; |
|
||||
if(tips.isOk){ |
|
||||
//this.groups = res.data.data; |
|
||||
this.$message({showClose: true, message: tips.msg, type: 'success' }); |
|
||||
}else{ |
|
||||
this.$message({showClose: true, message: tips.msg, type: 'error' }); |
|
||||
} |
|
||||
this.getXmProjectGroup(); |
|
||||
this.load.edit=false |
|
||||
}).catch( err => this.load.edit = false ); |
|
||||
} |
|
||||
//this.groupSelectVisible=false; |
|
||||
}, |
|
||||
getXmProjectGroup() { |
|
||||
this.load.list = true; |
|
||||
let params = { |
|
||||
}; |
|
||||
if(this.selProject){ |
|
||||
params.projectId=this.selProject.id |
|
||||
} |
|
||||
if(this.xmIteration){ |
|
||||
params.iterationId=this.xmIteration.id |
|
||||
} |
|
||||
if(this.xmProduct){ |
|
||||
params.productId=this.xmProduct.id |
|
||||
} |
|
||||
getGroups(params).then((res) => { |
|
||||
var tips=res.data.tips; |
|
||||
if(tips.isOk){ |
|
||||
this.groups = res.data.data; |
|
||||
}else{ |
|
||||
this.$message({showClose: true, message: tips.msg, type: 'error' }); |
|
||||
} |
|
||||
this.load.list = false; |
|
||||
}).catch( err => this.load.list = false ); |
|
||||
}, |
|
||||
/**begin 自定义函数请在下面加**/ |
|
||||
onUserSelected:function(users){ |
|
||||
this.$emit("user-confirm",users); |
|
||||
}, |
|
||||
|
|
||||
renderCurrentClass (node) { |
|
||||
return 'label-bg-blue' |
|
||||
}, |
|
||||
handleNodeClick (data) { |
|
||||
this.groupOperSelectVisible=true; |
|
||||
this.editForm=data; |
|
||||
}, |
|
||||
renderContent (h, node) { |
|
||||
return ( |
|
||||
<div class={'diy-wrapper', node.isCurrent ? 'current-select' : ''}> |
|
||||
<div class={'diy-con-name',node.data.userid? 'el-icon-user':''}>{node.data.label}<div></div></div> |
|
||||
<div class="diy-con-content"> |
|
||||
{node.data.leaderUsername? |
|
||||
(<div> {node.data.leaderUsername }</div> |
|
||||
) |
|
||||
: |
|
||||
(<div> </div>) |
|
||||
} |
|
||||
</div> |
|
||||
</div> |
|
||||
) |
|
||||
} |
|
||||
/**end 自定义函数请在上面加**/ |
|
||||
|
|
||||
},//end methods |
|
||||
components: { |
|
||||
VueOkrTree,XmProjectGroupEdit, |
|
||||
//在下面添加其它组件 |
|
||||
}, |
|
||||
mounted() { |
|
||||
this.$nextTick(() => { |
|
||||
this.getXmProjectGroup(); |
|
||||
}); |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
</script> |
|
||||
|
|
||||
<style scoped> |
|
||||
|
|
||||
</style> |
|
||||
@ -1,609 +0,0 @@ |
|||||
<template> |
|
||||
<section class="page-container padding"> |
|
||||
<el-row> |
|
||||
<el-col :span="24"> |
|
||||
<el-button v-if="!isSelectSingleUser && !isSelectMultiUser" type="primary" @click="showGroupFormwork" icon="el-icon-plus">导入项目组</el-button> |
|
||||
<el-button v-if="!isSelectSingleUser && !isSelectMultiUser" type="primary" @click="groupConfirm" icon="el-icon-finished">保存</el-button> |
|
||||
<el-button v-if="!isSelectSingleUser && !isSelectMultiUser" type="plain" @click="showGroupState" icon="el-icon-s-data">小组进度</el-button> |
|
||||
|
|
||||
<el-button v-else type="primary" @click="userConfirm" icon="el-icon-finished">确认选择用户</el-button> |
|
||||
<el-button v-if="!isSelectSingleUser && !isSelectMultiUser" type="plain" @click="xmRecordVisible=true" icon="el-icon-document">变化日志</el-button> |
|
||||
<el-button v-if="!isSelectSingleUser && !isSelectMultiUser" type="plain" @click="doSearchImGroupsByProjectId" icon="el-icon-document">绑定即聊情况</el-button> |
|
||||
<el-button @click="groupRoleDescVisible=true" icon="el-icon-document">角色说明</el-button> |
|
||||
|
|
||||
<el-tooltip v-if="isSelectSingleUser!='1' && isSelectMultiUser !='1'" content="黄色表示组长"><span class="addXmProjectGroupFormworkSquare"></span></el-tooltip> |
|
||||
<el-tooltip v-else content="黄色表示选中"><span class="addXmProjectGroupFormworkSquare">选中</span></el-tooltip> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
|
|
||||
<el-row> |
|
||||
<vue-okr-tree :data="okrTreeData" |
|
||||
show-collapsable |
|
||||
default-expand-all |
|
||||
node-key="id" |
|
||||
current-lable-class-name="crrentClass" |
|
||||
:render-content="renderContent" |
|
||||
@node-click="handleNodeClick" |
|
||||
direction="horizontal" |
|
||||
></vue-okr-tree> |
|
||||
</el-row> |
|
||||
<el-drawer append-to-body |
|
||||
title="角色说明" |
|
||||
size="60%" |
|
||||
:visible.sync="groupRoleDescVisible" |
|
||||
direction="rtl" |
|
||||
ref="drawer" |
|
||||
> |
|
||||
<el-row class="page-main page-height-90"> |
|
||||
<el-collapse> |
|
||||
|
|
||||
<el-collapse-item title="项目经理：项目整体、团队、进度、质量、计划、风险、沟通管理等" name="3"> |
|
||||
<div>项目：立项、项目预算、项目进度、项目成本、项目合同、项目延期、项目预算变更等</div> |
|
||||
<div>团队：建立项目管理组、建立业务组、指定组长、组员管理（加人、减人、指派组长）等</div> |
|
||||
<div>计划：建立计划、计划预算管理、基于计划细化任务、迭代计划制定与执行等</div> |
|
||||
<div>任务：建立任务、删除任务、指派责任人、任务预算变更、任务提交测试、测试结果反馈、任务结算</div> |
|
||||
<div>质量：审核测试方案、定时查看质量报告</div> |
|
||||
<div>风险：风险预测、风险应对措施管理等</div> |
|
||||
<div>需求：确保任务与需求的关联关系正确、范围正确，及时跟进需求的变化。 </div> |
|
||||
</el-collapse-item> |
|
||||
<el-collapse-item title="项目管理者: 项目经理、技术经理、项目副经理、技术副经理等具有全项目范围管理权限的管理人员。由项目经理指派。" name="4"> |
|
||||
<div>团队：建立项目管理组、建立业务组、指定组长、组员管理（加人、减人、指派组长）等</div> |
|
||||
<div>进度计划：建立计划、细化计划、计划管理、计划预算管理等 </div> |
|
||||
<div>任务：建立任务、删除任务、指派责任人、任务预算变更、任务提交测试、测试结果反馈、任务结算</div> |
|
||||
<div>质量：审核测试方案、定时查看质量报告等</div> |
|
||||
<div>风险：风险预测、风险应对措施管理等</div> |
|
||||
<div>需求：确保任务与需求的关联关系正确、范围正确，及时跟进需求的变化。</div> |
|
||||
</el-collapse-item> |
|
||||
<el-collapse-item title="组长：每个小组的组长，由项目管理者指定" name="5"> |
|
||||
<div>团队：组员管理（加人、减人）</div> |
|
||||
<div>进度计划：建立计划、细化计划、计划管理、计划预算管理、定期查看小组的工作进度情况、各成员的进度情况跟踪</div> |
|
||||
<div>任务：建立任务、删除任务、指派责任人、任务预算变更、任务提交测试、测试结果反馈、任务结算</div> |
|
||||
<div>质量：审核测试方案、定时查看质量报告等</div> |
|
||||
<div>风险：风险预测、风险应对措施管理等</div> |
|
||||
<div>需求：确保任务与需求的关联关系正确、范围正确，及时跟进需求的变化。</div> |
|
||||
</el-collapse-item> |
|
||||
<el-collapse-item title="任务责任人：每个任务的责任人，由组长、项目管理者指定" name="6"> |
|
||||
<div> 团队：对任务的候选人、执行人进行统一管理、跟踪</div> |
|
||||
<div>进度计划：定期查看负责的任务的进度情况、各成员的进度情况跟踪</div> |
|
||||
<div>任务：任务预算变更、任务提交测试、测试结果反馈、任务结算</div> |
|
||||
<div>质量：审核测试方案、定时查看质量报告等</div> |
|
||||
<div>风险：风险预测、风险应对措施管理等</div> |
|
||||
<div>需求：确保任务与需求的关联关系正确、范围正确，及时跟进需求的变化。</div> |
|
||||
</el-collapse-item> |
|
||||
<el-collapse-item title="任务候选人：每个任务的候选人，由任务责任人、组长、项目管理者指定或者由用户自行加入。" name="7"> |
|
||||
<div> 团队：查看团队成员、加入任务候选人队列、退出任务候选人队列、不能加入具体的小组</div> |
|
||||
<div>进度计划：定期查看已关注的任务的进度情况</div> |
|
||||
<div>任务：关注任务、取消关注任务、查询任务、加入任务候选人队列、退出候选人队列等 </div> |
|
||||
<div>需求：查看相关的需求及其滚动信息</div> |
|
||||
</el-collapse-item> |
|
||||
<el-collapse-item title="任务执行人：每个任务的具体执行人，由任务责任人、组长、项目管理者指定。" name="8"> |
|
||||
<div> 团队：查看团队成员、加入业务小组、退出小组</div> |
|
||||
<div>进度计划：定期查看已执行的任务的进度情况</div> |
|
||||
<div>任务：关注任务、取消关注任务、查询任务、加入任务候选人队列、退出候选人队列、提交测试、提交结算申请等</div> |
|
||||
<div>需求：查看相关的需求及其滚动信息</div> |
|
||||
</el-collapse-item> |
|
||||
<el-collapse-item title="产品经理" name="9"> |
|
||||
<div> 团队：查看团队成员、加入业务小组、退出小组</div> |
|
||||
<div>进度计划：定期查看已执行的任务的进度情况</div> |
|
||||
<div>任务：关注任务、取消关注任务、查询任务、加入任务候选人队列、退出候选人队列、提交测试、提交结算申请等</div> |
|
||||
<div>需求：查看相关的需求及其滚动信息</div> |
|
||||
</el-collapse-item> |
|
||||
<el-collapse-item title="测试经理" name="10"> |
|
||||
|
|
||||
</el-collapse-item> |
|
||||
<el-collapse-item title="开发者" name="11"> |
|
||||
|
|
||||
</el-collapse-item> |
|
||||
<el-collapse-item title="项目管理委员会" name="1"> |
|
||||
<div>用户决策：根据场景可给予用户操作建议或安全提示，但不能代替用户进行决策；</div> |
|
||||
<div>结果可控：用户可以自由的进行操作，包括撤销、回退和终止当前操作等。</div> |
|
||||
</el-collapse-item> |
|
||||
<el-collapse-item title="客户项目经理" name="2"> |
|
||||
<div>用户决策：根据场景可给予用户操作建议或安全提示，但不能代替用户进行决策；</div> |
|
||||
<div>结果可控：用户可以自由的进行操作，包括撤销、回退和终止当前操作等。</div> |
|
||||
</el-collapse-item> |
|
||||
</el-collapse> |
|
||||
<el-button @click="groupRoleDescVisible=false">关闭</el-button> |
|
||||
</el-row> |
|
||||
</el-drawer> |
|
||||
<el-drawer append-to-body title="选择员工" :visible.sync="userSelectVisible" size="60%"> |
|
||||
<users-select :select-userids="filters.ids?filters.ids.map(i=>i.id):[]" @confirm="onUserSelected" ref="usersSelect"></users-select> |
|
||||
</el-drawer> |
|
||||
|
|
||||
<el-drawer v-if="selProject" :title="selProject==null?'操作日志':selProject.name+'团队操作日志'" center :visible.sync="xmRecordVisible" size="50%" :close-on-click-modal="false" append-to-body> |
|
||||
<xm-record :obj-type="'group'" :visible="xmRecordVisible" :project-id="selProject.id" :simple="1"></xm-record> |
|
||||
</el-drawer> |
|
||||
<el-drawer v-if="selProject" :title="selProject==null?'进度':selProject.name+'团队进度'" center :visible.sync="xmProjectGroupStateVisible" size="80%" :close-on-click-modal="false" append-to-body> |
|
||||
<xm-project-group-state-mng :sel-project="selProject" :visible="xmProjectGroupStateVisible" ></xm-project-group-state-mng> |
|
||||
</el-drawer> |
|
||||
</section> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import util from '@/common/js/util'; //全局公共库 |
|
||||
import {sn} from '@/common/js/sequence'; //全局公共库 |
|
||||
|
|
||||
//import Sticky from '@/components/Sticky' // 粘性header组件 |
|
||||
import { listOption } from '@/api/mdp/meta/itemOption';//下拉框数据查询 |
|
||||
import {addXmProjectGroupFormwork,delXmProjectGroupFormwork,listXmProjectGroupFormwork} from '@/api/xm/core/xmProjectGroupFormwork'; |
|
||||
import { listImGroup} from '@/api/mdp/im/group/imGroup'; |
|
||||
import { publishMessage} from '@/api/mdp/im/imPush'; |
|
||||
|
|
||||
|
|
||||
import UsersSelect from "@/views/mdp/sys/user/UsersSelect"; |
|
||||
import XmProjectGroupStateMng from '../xmProjectGroupState/XmProjectGroupStateMng';//修改界面 |
|
||||
|
|
||||
import {mapGetters} from 'vuex' |
|
||||
import {VueOkrTree} from 'vue-okr-tree'; |
|
||||
import 'vue-okr-tree/dist/vue-okr-tree.css' |
|
||||
|
|
||||
export default { |
|
||||
computed: { |
|
||||
...mapGetters([ |
|
||||
'workShop','userInfo','roles' |
|
||||
]), |
|
||||
okrTreeData(){ |
|
||||
var groups=this.xmProjectGroupFormworkSels; |
|
||||
groups.forEach(i=>{ |
|
||||
i.label=i.groupName |
|
||||
if(i.groupUsers){ |
|
||||
var groupUsers=i.groupUsers; |
|
||||
groupUsers.forEach(i=>i.label=i.username) |
|
||||
i.children=groupUsers |
|
||||
} |
|
||||
}) |
|
||||
var topLabel="组织架构" |
|
||||
if(this.xmProduct&&this.xmProduct.id){ |
|
||||
topLabel=this.xmProduct.name+"-产品组织架构" |
|
||||
}else if(this.selProject && this.selProject.id){ |
|
||||
topLabel=this.selProject.name+"-项目组织架构" |
|
||||
} |
|
||||
var data=[{ |
|
||||
label:topLabel, |
|
||||
children:groups |
|
||||
} |
|
||||
] |
|
||||
return data; |
|
||||
} |
|
||||
}, |
|
||||
// |
|
||||
props: ['visible',"selGroups",'selProject','isSelectSingleUser','isSelectMultiUser','xmProduct'], |
|
||||
watch: { |
|
||||
"selGroups": function(selGroups) { |
|
||||
if(this.selGroups){ |
|
||||
this.selGroups.forEach(i=>{ |
|
||||
if(i.groupUsers){ |
|
||||
i.groupUsers.forEach(k=>k.isSelected="0") |
|
||||
} |
|
||||
}) |
|
||||
this.xmProjectGroupFormworkSels = JSON.parse(JSON.stringify(this.selGroups)); |
|
||||
}else{ |
|
||||
this.xmProjectGroupFormworkSels = []; |
|
||||
} |
|
||||
if(this.imGroupVisible){ |
|
||||
this.doSearchImGroupsByProjectId() |
|
||||
} |
|
||||
this.applyData(); |
|
||||
}, |
|
||||
'visible': function(visible) { |
|
||||
if (visible == true) { |
|
||||
|
|
||||
} |
|
||||
}, |
|
||||
}, |
|
||||
|
|
||||
data() { |
|
||||
return { |
|
||||
sectionLoading: false, |
|
||||
filters: { |
|
||||
key: '', |
|
||||
name:'dddddddddddddddddddddddddd' |
|
||||
}, |
|
||||
load: {list: false,edit: false,del: false,add: false}, //查询中... |
|
||||
sels: [], //列表选中数据 |
|
||||
options: { |
|
||||
projectGroupType:[] |
|
||||
}, //下拉选择框的所有静态数据 params=[{categoryId:'0001',itemCode:'sex'}] 返回结果 {'sex':[{optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'},{optionValue:'2',optionName:'女',seqOrder:'2',fp:'',isDefault:'0'}]} |
|
||||
|
|
||||
/**begin 自定义属性请在下面加 请加备注**/ |
|
||||
xmProjectGroupFormworkSels: [], |
|
||||
userSelectVisible: false, |
|
||||
groupSelectVisible: false, |
|
||||
needAddGroupNameValue: '', |
|
||||
needAddGroupUserIndex: 0, |
|
||||
isSels: [], |
|
||||
convertXmProjectGroupFormworks: [], |
|
||||
projectGroupType:null, |
|
||||
xmRecordVisible:false, |
|
||||
xmProjectGroupStateVisible:false, |
|
||||
imGroups:[], |
|
||||
imGroupVisible:false, |
|
||||
groupRoleDescVisible:false, |
|
||||
setTemplateVisible:false, |
|
||||
tableHeight:300, |
|
||||
/**end 自定义属性请在上面加 请加备注**/ |
|
||||
} |
|
||||
}, //end data |
|
||||
methods: { |
|
||||
toggleHead(index,valueIndex) { |
|
||||
if(this.isSelectSingleUser=='1' || this.isSelectMultiUser=='1'){ |
|
||||
if(this.xmProjectGroupFormworkSels[index].groupUsers[valueIndex].isSelected == '1'){ |
|
||||
this.xmProjectGroupFormworkSels[index].groupUsers[valueIndex].isSelected ='0' |
|
||||
}else{ |
|
||||
this.xmProjectGroupFormworkSels[index].groupUsers[valueIndex].isSelected ='1' |
|
||||
} |
|
||||
}else{ |
|
||||
if(this.xmProjectGroupFormworkSels[index].groupUsers[valueIndex].isHead =='1'){ |
|
||||
this.xmProjectGroupFormworkSels[index].groupUsers[valueIndex].isHead = '0'; |
|
||||
}else{ |
|
||||
this.xmProjectGroupFormworkSels[index].groupUsers.forEach(u=>{ |
|
||||
u.isHead = '0'; |
|
||||
}); |
|
||||
this.xmProjectGroupFormworkSels[index].groupUsers[valueIndex].isHead = '1'; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
} |
|
||||
|
|
||||
}, |
|
||||
applyData(){ |
|
||||
let checked = this.convertXmProjectGroupFormworks.filter(i=>this.xmProjectGroupFormworkSels.some(j=> j.groupName == i.groupName)); |
|
||||
if(checked && checked.length > 0){ |
|
||||
checked.forEach(item=>{ |
|
||||
if(this.$refs.groupTable){ |
|
||||
|
|
||||
this.$refs.groupTable.toggleRowSelection(item,true); |
|
||||
} |
|
||||
}); |
|
||||
} |
|
||||
}, |
|
||||
//项目团队组行选择 |
|
||||
changesels(row) { |
|
||||
this.$refs.groupTable.toggleRowSelection(row); |
|
||||
}, |
|
||||
//项目团队组存储 |
|
||||
addIsSels(v){ |
|
||||
this.isSels = v; |
|
||||
}, |
|
||||
|
|
||||
//ok |
|
||||
addGroupName() { |
|
||||
let that = this; |
|
||||
if(!this.selProject || !this.selProject.id){ |
|
||||
this.$message({showClose: true, |
|
||||
message:"未知项目，不允许添加小组", |
|
||||
type: 'error' |
|
||||
}); |
|
||||
return false; |
|
||||
} |
|
||||
if(this.projectGroupType==null){ |
|
||||
this.$message({showClose: true, |
|
||||
message:"项目小组类型为空，请选择小组类型后操作", |
|
||||
type: 'error' |
|
||||
}); |
|
||||
return false; |
|
||||
} |
|
||||
if(!this.needAddGroupNameValue) { |
|
||||
this.$message({showClose: true, |
|
||||
message:"小组名称不能为空", |
|
||||
type: 'error' |
|
||||
}); |
|
||||
return; |
|
||||
} |
|
||||
if(this.convertXmProjectGroupFormworks.some(i=>i.groupName==this.needAddGroupNameValue.trim())){ |
|
||||
this.$message({showClose: true, |
|
||||
message:"团队名已经存在", |
|
||||
type: 'error' |
|
||||
}); |
|
||||
return false; |
|
||||
} |
|
||||
let params = { |
|
||||
"groupName": this.needAddGroupNameValue, |
|
||||
"isPub": "1", |
|
||||
"pgTypeId":this.projectGroupType.optionValue, |
|
||||
"pgTypeName":this.projectGroupType.optionName |
|
||||
}; |
|
||||
if(!this.userInfo.isPlatformAdmin && !this.userInfo.isSuperAdmin){ |
|
||||
params.branchId = this.workShop.branchId; |
|
||||
params.isPub = "0"; |
|
||||
} |
|
||||
that.sectionLoading = true; |
|
||||
addXmProjectGroupFormwork(params).then((res) => { |
|
||||
that.sectionLoading = false; |
|
||||
var tips = res.data.tips; |
|
||||
var data=res.data.data; |
|
||||
if (tips.isOk) { |
|
||||
that.needAddGroupNameValue = ''; |
|
||||
this.getXmProjectGroupFormworks() |
|
||||
} |
|
||||
this.$message({showClose: true, |
|
||||
message: tips.msg, |
|
||||
type: tips.isOk ? 'success' : 'error' |
|
||||
}); |
|
||||
}).catch(err => this.sectionLoading = false); |
|
||||
}, |
|
||||
|
|
||||
//ok |
|
||||
deleteGroup(index,row){ |
|
||||
|
|
||||
let that = this; |
|
||||
let params =row |
|
||||
if (!params.id) {return;} |
|
||||
this.$confirm('此操作将永久删除该团队名, 是否继续?', '提示', { |
|
||||
confirmButtonText: '确定', |
|
||||
cancelButtonText: '取消', |
|
||||
type: 'warning' |
|
||||
}).then(() => { |
|
||||
that.sectionLoading = true; |
|
||||
delXmProjectGroupFormwork(params).then((res) => { |
|
||||
that.sectionLoading = false; |
|
||||
var tips = res.data.tips; |
|
||||
if (tips.isOk) { |
|
||||
that.convertXmProjectGroupFormworks.splice(index,1); |
|
||||
} |
|
||||
that.$message({ |
|
||||
message: tips.msg, |
|
||||
type: tips.isOk ? 'success' : 'error' |
|
||||
}); |
|
||||
}).catch(err => that.sectionLoading = false); |
|
||||
}).catch(() => {}); |
|
||||
}, |
|
||||
|
|
||||
//获取团队组名 |
|
||||
getXmProjectGroupFormworks() { |
|
||||
let params = {}; |
|
||||
params.branchId = this.workShop.branchId; |
|
||||
this.load.list = true; |
|
||||
listXmProjectGroupFormwork(params).then((res) => { |
|
||||
|
|
||||
var tips = res.data.tips; |
|
||||
if (tips.isOk) { |
|
||||
let allXmProjectGroupFormwork = res.data.data; |
|
||||
const len = allXmProjectGroupFormwork.length; |
|
||||
let convert = []; |
|
||||
for(let i=0;i<len;i++) { |
|
||||
let xmProjectGroupFormwork = allXmProjectGroupFormwork[i]; |
|
||||
let json = { |
|
||||
"groupUsers": [], |
|
||||
"id": xmProjectGroupFormwork.id, |
|
||||
"groupName": xmProjectGroupFormwork.groupName, |
|
||||
"isPub": xmProjectGroupFormwork.isPub, |
|
||||
"pgTypeId":xmProjectGroupFormwork.pgTypeId, |
|
||||
"pgTypeName":xmProjectGroupFormwork.pgTypeName, |
|
||||
} |
|
||||
convert.push(json); |
|
||||
} |
|
||||
this.convertXmProjectGroupFormworks = convert; |
|
||||
console.log("applyData"); |
|
||||
} else { |
|
||||
this.$message({showClose: true, |
|
||||
message: tips.msg, |
|
||||
type: 'error' |
|
||||
}); |
|
||||
} |
|
||||
this.load.list =false |
|
||||
}).then(()=>{ |
|
||||
this.$nextTick(() => { |
|
||||
this.applyData(); |
|
||||
}) |
|
||||
}).catch(err =>this.load.list =false); |
|
||||
}, |
|
||||
|
|
||||
//确认项目团队组成员 |
|
||||
groupConfirm(){ |
|
||||
this.$emit("select-confirm",this.xmProjectGroupFormworkSels); |
|
||||
}, |
|
||||
userConfirm(){ |
|
||||
var users=[]; |
|
||||
this.xmProjectGroupFormworkSels.forEach(i=>{ |
|
||||
if(i.groupUsers){ |
|
||||
i.groupUsers.forEach(k=>{ |
|
||||
if(k.isSelected=='1'){ |
|
||||
users.push(k); |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
if(this.isSelectSingleUser=='1'){ |
|
||||
if(users.length>1){ |
|
||||
|
|
||||
this.$message({showClose: true, |
|
||||
message: '只能选中一个用户', |
|
||||
type: 'error' |
|
||||
}); |
|
||||
return |
|
||||
} |
|
||||
} |
|
||||
this.$emit("user-confirm",users); |
|
||||
}, |
|
||||
//确认项目团队组 |
|
||||
groupNameConfirm() { |
|
||||
this.isSels.forEach(i=>{ |
|
||||
if(!this.xmProjectGroupFormworkSels.some(j=>j.groupName == i.groupName)){ |
|
||||
i.projectId=this.selProject.id |
|
||||
i.projectName=this.selProject.name |
|
||||
this.xmProjectGroupFormworkSels.push(i); |
|
||||
} |
|
||||
}); |
|
||||
//this.xmProjectGroupFormworkSels = this.xmProjectGroupFormworkSels.filter(i=> this.isSels.some(j=>j.groupName == i.groupName)); |
|
||||
console.log(this.xmProjectGroupFormworkSels); |
|
||||
this.groupSelectVisible = false; |
|
||||
}, |
|
||||
|
|
||||
//团队组成员添加按钮 |
|
||||
addGroupUser(index) { |
|
||||
this.needAddGroupUserIndex = index; |
|
||||
this.userSelectVisible = true; |
|
||||
}, |
|
||||
|
|
||||
//选择接收人 |
|
||||
onUserSelected: function(groupUsers) { |
|
||||
const index = this.needAddGroupUserIndex; |
|
||||
let user = this.xmProjectGroupFormworkSels[index].groupUsers; |
|
||||
groupUsers.forEach((u) => { |
|
||||
if(!user.some(i=>i.userid === u.userid)){ |
|
||||
let json = { |
|
||||
"userid": u.userid, |
|
||||
"username": u.username, |
|
||||
"isHead": '0', |
|
||||
'isSelected':'0' |
|
||||
}; |
|
||||
user.push(json); |
|
||||
} |
|
||||
}); |
|
||||
this.userSelectVisible = false; |
|
||||
}, |
|
||||
delGroupUser(index,vindex) { |
|
||||
this.xmProjectGroupFormworkSels[index].groupUsers.splice(vindex,1); |
|
||||
}, |
|
||||
|
|
||||
delGroup(group,index) { |
|
||||
this.xmProjectGroupFormworkSels.splice(index,1); |
|
||||
}, |
|
||||
/**begin 自定义函数请在下面加**/ |
|
||||
showGroupFormwork:function(){ |
|
||||
this.groupSelectVisible=true; |
|
||||
this.$nextTick(() => { |
|
||||
this.applyData(); |
|
||||
}) |
|
||||
|
|
||||
}, |
|
||||
showGroupState(){ |
|
||||
this.xmProjectGroupStateVisible=true; |
|
||||
}, |
|
||||
doSearchImGroupsByProjectId(){ |
|
||||
|
|
||||
var params={bizPid:this.selProject.id} |
|
||||
listImGroup(params).then(res=>{ |
|
||||
this.imGroupVisible=true; |
|
||||
var tips = res.data.tips; |
|
||||
if(tips.isOk){ |
|
||||
this.imGroups=res.data.data; |
|
||||
} |
|
||||
this.$message({showClose: true, |
|
||||
message: tips.msg, |
|
||||
type: tips.isOk ? 'success' : 'error' |
|
||||
}); |
|
||||
}); |
|
||||
}, |
|
||||
doCreateImGroup(group){ |
|
||||
if(group.groupUsers && group.groupUsers.length>0){ |
|
||||
var params={ |
|
||||
msgId:sn(), |
|
||||
groupId:group.id, |
|
||||
groupName:group.name, |
|
||||
msgType:'group', |
|
||||
action:'channelGroupCreate', |
|
||||
cuserid:this.userInfo.userid, |
|
||||
cusername:this.userInfo.username, |
|
||||
branchId:this.userInfo.branchId, |
|
||||
bizId:group.id, |
|
||||
bizPid:this.selProject.id, |
|
||||
users:group.groupUsers.map(gu=>{ |
|
||||
return { |
|
||||
userid:gu.userid, |
|
||||
username:gu.username |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
publishMessage(params).then(res=>{ |
|
||||
var tips = res.data.tips; |
|
||||
if(tips.isOk){ |
|
||||
params.id=params.groupId |
|
||||
this.imGroups.push(params); |
|
||||
} |
|
||||
this.$message({showClose: true, |
|
||||
message: tips.msg, |
|
||||
type: tips.isOk ? 'success' : 'error' |
|
||||
}); |
|
||||
}) |
|
||||
}else{ |
|
||||
that.$message({ |
|
||||
message: "组员为空，不允许绑定", |
|
||||
type: 'error' |
|
||||
}); |
|
||||
} |
|
||||
|
|
||||
}, |
|
||||
renderCurrentClass (node) { |
|
||||
return 'label-bg-blue' |
|
||||
}, |
|
||||
handleNodeClick (data) { |
|
||||
alert(`我是${data.label},我被点击了`) |
|
||||
}, |
|
||||
renderContent (h, node) { |
|
||||
return ( |
|
||||
<div class={'diy-wrapper', node.isCurrent ? 'current-select' : ''}> |
|
||||
<div class={'diy-con-name',node.data.userid? 'el-icon-user':''}>{node.data.label}</div> |
|
||||
<div class="diy-con-content"> |
|
||||
{node.data.leaderUsername? |
|
||||
(<div> {node.data.leaderUsername }</div> |
|
||||
) |
|
||||
: |
|
||||
(<div> </div>) |
|
||||
} |
|
||||
</div> |
|
||||
</div> |
|
||||
) |
|
||||
} |
|
||||
/**end 自定义函数请在上面加**/ |
|
||||
|
|
||||
}, //end methods |
|
||||
components: { |
|
||||
|
|
||||
UsersSelect,XmProjectGroupStateMng,VueOkrTree |
|
||||
//在下面添加其它组件 |
|
||||
}, |
|
||||
mounted() { |
|
||||
this.$nextTick(() => { |
|
||||
|
|
||||
|
|
||||
var subHeight=400/1000 * window.innerHeight; |
|
||||
this.tableHeight = window.innerHeight -subHeight; |
|
||||
if(this.selGroups){ |
|
||||
this.selGroups.forEach(i=>{ |
|
||||
if(i.groupUsers){ |
|
||||
i.groupUsers.forEach(k=>k.isSelected="0") |
|
||||
} |
|
||||
}) |
|
||||
this.xmProjectGroupFormworkSels = JSON.parse(JSON.stringify(this.selGroups)); |
|
||||
} |
|
||||
this.getXmProjectGroupFormworks(); |
|
||||
listOption([{categoryId:'all',itemCode:'projectGroupType'}] ).then(res=>{ |
|
||||
if(res.data.tips.isOk){ |
|
||||
this.options['projectGroupType']=res.data.data.projectGroupType |
|
||||
} |
|
||||
}); |
|
||||
}); |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
<style> |
|
||||
.label-class-blue{ |
|
||||
color: #1989fa; |
|
||||
} |
|
||||
.label-bg-blue{ |
|
||||
background: #1989fa; |
|
||||
color: #fff; |
|
||||
} |
|
||||
.diy-wrapper{ |
|
||||
padding:10px |
|
||||
} |
|
||||
.no-padding{ |
|
||||
padding: 0 !important; |
|
||||
} |
|
||||
.diy-wrapper.left-child{ |
|
||||
border: 1px solid red; |
|
||||
} |
|
||||
.diy-con-name{ |
|
||||
color: black; |
|
||||
} |
|
||||
.crrentClass{ |
|
||||
border: 1px solid red; |
|
||||
color: blue; |
|
||||
} |
|
||||
</style> |
|
||||
<style scoped> |
|
||||
|
|
||||
</style> |
|
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue