24 changed files with 1293 additions and 22 deletions
@ -0,0 +1,19 @@ |
|||
// 系统授权相关
|
|||
import request from '@/utils/requestFile' |
|||
|
|||
//获取系统列表列表
|
|||
export const getsystemlist = (data) => { |
|||
return request({ |
|||
url: '/powerpc/system_list', |
|||
method: 'post', |
|||
data: data |
|||
}) |
|||
} |
|||
//获取系统菜单树
|
|||
export const getSystemMenuThree = (data) => { |
|||
return request({ |
|||
url: '/powerpc/system_about_menu', |
|||
method: 'post', |
|||
data: data |
|||
}) |
|||
} |
|||
@ -0,0 +1,796 @@ |
|||
<template> |
|||
<div> |
|||
|
|||
<el-row> |
|||
<!--搜索区域--> |
|||
<el-col :span="24"> |
|||
<el-form ref="searchForm" :inline="true" :model="searchInfo" class="demo-form-inline"> |
|||
<el-form-item label="考核指标"> |
|||
<el-input v-model="searchInfo.title" placeholder="请输入指标名称"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="指标维度"> |
|||
<el-select v-model="searchInfo.dimension" clearable placeholder="请选择指标维度"> |
|||
<el-option |
|||
v-for="item in dutyclasslist" |
|||
:key="item.outId" |
|||
:label="item.title" |
|||
:value="item.outId"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="指标性质" prop="type"> |
|||
<el-select v-model="searchInfo.type" placeholder="请选择指标性质"> |
|||
<el-option label="定性指标" :value=1></el-option> |
|||
<el-option label="定量指标" :value=2></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button type="primary" icon="el-icon-search" @click="onSubmit">查询</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<div class="gva-btn-list"> |
|||
<el-button size="mini" type="primary" icon="el-icon-plus" @click="showAdd()">新增</el-button> |
|||
</div> |
|||
</el-col> |
|||
<!--数据区域--> |
|||
<el-col :span="24"> |
|||
|
|||
<el-table |
|||
:data="tableData" |
|||
style="width: 95%" |
|||
max-height="100%"> |
|||
<el-table-column |
|||
fixed |
|||
prop="title" |
|||
label="考核指标" |
|||
width="150"> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="dimensionname" |
|||
label="考核维度" |
|||
> |
|||
</el-table-column> |
|||
<el-table-column |
|||
label="指标性质" |
|||
> |
|||
<template #default="scope"> |
|||
<div v-if="scope.row.type==1">定性指标</div> |
|||
<div v-if="scope.row.type==2">定量指标</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="unites" |
|||
label="计量单位" |
|||
> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="outId" |
|||
label="考核周期" |
|||
> |
|||
<template #default="scope"> |
|||
<el-tag v-if="scope.row.cycle==1">班</el-tag> |
|||
<el-tag v-if="scope.row.cycle==2">天</el-tag> |
|||
<el-tag v-if="scope.row.cycle==3">周</el-tag> |
|||
<el-tag v-if="scope.row.cycle==4">月</el-tag> |
|||
<el-tag v-if="scope.row.cycle==5">季度</el-tag> |
|||
<el-tag v-if="scope.row.cycle==6">年</el-tag> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="outId" |
|||
label="计分方式" |
|||
> |
|||
<template #default="scope"> |
|||
<el-tag v-if="scope.row.scoringmethod==1">自动计分</el-tag> |
|||
<el-tag v-if="scope.row.scoringmethod==2">手动计分</el-tag> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
label="关联部门" |
|||
> |
|||
<template #default="scope"> |
|||
<el-collapse> |
|||
<el-collapse-item title="详情" name="1"> |
|||
<div v-for="(iteam,index) in scope.row.relevantdepartmentsmap" :key="index"> |
|||
{{iteam.title}} |
|||
</div> |
|||
</el-collapse-item> |
|||
</el-collapse> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
label="数据提交" |
|||
> |
|||
<template #default="scope"> |
|||
<div v-for="item in scope.row.reportmap" :key="item.key">{{item.title}}</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="cycleattr" |
|||
label="辅助计数" |
|||
> |
|||
</el-table-column> |
|||
<el-table-column |
|||
label="状态" |
|||
> |
|||
<template #default="scope"> |
|||
<el-switch |
|||
inline-prompt |
|||
v-model="scope.row.state" |
|||
active-color="#13ce66" |
|||
inactive-color="#ff4949" |
|||
:active-value=1 |
|||
:inactive-value=2 |
|||
@change="changeVal($event,scope.row.outid)" |
|||
/> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
fixed="right" |
|||
label="操作" |
|||
width="220"> |
|||
<template slot-scope="scope"> |
|||
<el-button |
|||
icon="el-icon-edit" |
|||
size="small" |
|||
type="text" |
|||
@click="showPost(scope.row)" |
|||
>关联岗位</el-button> |
|||
<el-button |
|||
icon="el-icon-edit" |
|||
size="small" |
|||
type="text" |
|||
@click="showEdit(scope.row)" |
|||
>编辑</el-button> |
|||
<el-button |
|||
icon="el-icon-delete" |
|||
size="small" |
|||
type="text" |
|||
@click="deleteOperate(scope.row)" |
|||
>删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
|
|||
|
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-pagination class="page_body" |
|||
background |
|||
@current-change="handleCurrentChange" |
|||
layout="prev, pager, next" |
|||
:total="total"> |
|||
</el-pagination> |
|||
</el-col> |
|||
</el-row> |
|||
<!--新增--> |
|||
<el-dialog :close-on-click-modal="false" :visible.sync="addDialogForm" :before-close="closeAddDialog" title="新增" width="40%"> |
|||
<el-form ref="addForm" :model="addDiaFormDatal" :rules="addrules" label-width="100px" > |
|||
<el-form-item label="指标名称" prop="name"> |
|||
<el-input v-model="addDiaFormDatal.name" autocomplete="off" placeholder="请输入指标名称" /> |
|||
</el-form-item> |
|||
<el-form-item label="关联部门" prop="acceptdepartmentid"> |
|||
<el-cascader filterable clearable v-model="addDiaFormDatal.acceptdepartmentid" :options="grouplist" :show-all-levels="false" :props="propsdepart"></el-cascader> |
|||
</el-form-item> |
|||
<el-form-item label="指标维度" prop="dimension"> |
|||
<el-select v-model="addDiaFormDatal.dimension" clearable placeholder="请选择考核维度"> |
|||
<el-option |
|||
v-for="item in dutyclasslist" |
|||
:key="item.outId" |
|||
:label="item.title" |
|||
:value="item.outId"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="指标性质" prop="nature"> |
|||
<el-select v-model="addDiaFormDatal.nature" placeholder="请选择指标性质"> |
|||
<el-option label="定性指标" :value=1></el-option> |
|||
<el-option label="定量指标" :value=2></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="计量单位" prop="unit"> |
|||
<el-input v-model="addDiaFormDatal.unit" autocomplete="off" placeholder="请输入计量单位" /> |
|||
</el-form-item> |
|||
<el-form-item label="数据提交" prop="userlist"> |
|||
<!-- <el-cascader clearable v-model="form.report" :options="grouplistBackup" :show-all-levels="false" :props="userProps"></el-cascader> --> |
|||
<el-cascader filterable clearable v-model="addDiaFormDatal.userlist" :options="grouplistBackup" :show-all-levels="false" :props="userProps"></el-cascader> |
|||
</el-form-item> |
|||
<el-form-item label="计分方式" prop="scoringmethod"> |
|||
<el-select v-model="addDiaFormDatal.scoringmethod" placeholder="请选择指标性质"> |
|||
<el-option label="自动计分" :value=1></el-option> |
|||
<el-option label="手动计分" :value=2></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="考核周期" prop="cycle"> |
|||
<el-select v-model="addDiaFormDatal.cycle" placeholder="请选择考核周期"> |
|||
<el-option |
|||
v-for="item in options" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="辅助计数" prop="cycleattr"> |
|||
<el-input-number v-model="addDiaFormDatal.cycleattr" controls-position="right" :min="1" :max="12" value="1" placeholder="请输入辅助计数" ></el-input-number> |
|||
</el-form-item> |
|||
</el-form> |
|||
<template #footer> |
|||
<div class="dialog-footer"> |
|||
<el-button size="small" @click="closeAddDialog">取 消</el-button> |
|||
<el-button size="small" type="primary" @click="enterAddDialog">确 定</el-button> |
|||
</div> |
|||
</template> |
|||
</el-dialog> |
|||
<!--编辑--> |
|||
<el-dialog :close-on-click-modal="false" :visible.sync="editDialogFormVisible" :before-close="editCloseDialog" title="修改" width="40%"> |
|||
<el-form ref="editForm" :model="editAdd" :rules="addrules" label-width="100px" > |
|||
<el-form-item label="指标名称" prop="name"> |
|||
<el-input v-model="editAdd.name" autocomplete="off" placeholder="请输入指标名称" /> |
|||
</el-form-item> |
|||
<el-form-item label="关联部门" prop="acceptdepartmentid"> |
|||
<el-cascader filterable clearable v-model="editAdd.acceptdepartmentid" :options="grouplist" :show-all-levels="false" :props="propsdepart"></el-cascader> |
|||
</el-form-item> |
|||
<el-form-item label="指标维度" prop="dimension"> |
|||
<el-select v-model="editAdd.dimension" clearable placeholder="请选择考核维度"> |
|||
<el-option |
|||
v-for="item in dutyclasslist" |
|||
:key="item.outId" |
|||
:label="item.title" |
|||
:value="item.outId"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="指标性质" prop="nature"> |
|||
<el-select v-model="editAdd.nature" placeholder="请选择指标性质"> |
|||
<el-option label="定性指标" :value=1></el-option> |
|||
<el-option label="定量指标" :value=2></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="计量单位" prop="unit"> |
|||
<el-input v-model="editAdd.unit" autocomplete="off" placeholder="请输入计量单位" /> |
|||
</el-form-item> |
|||
<el-form-item label="数据提交" prop="userlist"> |
|||
<!-- <el-cascader clearable v-model="form.report" :options="grouplistBackup" :show-all-levels="false" :props="userProps"></el-cascader> --> |
|||
<el-cascader filterable clearable v-model="editAdd.userlist" :options="grouplistBackup" :show-all-levels="false" :props="userProps"></el-cascader> |
|||
</el-form-item> |
|||
<el-form-item label="计分方式" prop="scoringmethod"> |
|||
<el-select v-model="editAdd.scoringmethod" placeholder="请选择指标性质"> |
|||
<el-option label="自动计分" :value=1></el-option> |
|||
<el-option label="手动计分" :value=2></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="考核周期" prop="cycle"> |
|||
<el-select v-model="editAdd.cycle" placeholder="请选择考核周期"> |
|||
<el-option |
|||
v-for="item in options" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="辅助计数" prop="cycleattr"> |
|||
<el-input-number v-model="editAdd.cycleattr" controls-position="right" :min="1" :max="12" value="1" placeholder="请输入辅助计数" ></el-input-number> |
|||
</el-form-item> |
|||
</el-form> |
|||
<template #footer> |
|||
<div class="dialog-footer"> |
|||
<el-button size="small" @click="editCloseDialog">取 消</el-button> |
|||
<el-button size="small" type="primary" @click="editEnterDialog">确 定</el-button> |
|||
</div> |
|||
</template> |
|||
</el-dialog> |
|||
<!--关联岗位--> |
|||
<el-dialog :close-on-click-modal="false" :visible.sync="relationPost" :before-close="relationCloseDialog" title="关联岗位" width="40%"> |
|||
<el-form ref="relationPostForm" :model="relationPostData" :rules="relationRules" label-width="80px"> |
|||
<el-form-item |
|||
v-for = "(relItem,relIndex) in orglist" |
|||
:key="relIndex" |
|||
label="部门"> |
|||
<el-cascader @change="changeBm(relIndex,relItem.id)" filterable clearable v-model="relItem.id" :options="grouplist" :show-all-levels="false" :props="relationPostDepart" ></el-cascader> |
|||
<el-button @click.prevent="removeBumen(relIndex)">删除</el-button> |
|||
|
|||
<el-table |
|||
:data="relItem.child" |
|||
style="width: 100%"> |
|||
<el-table-column |
|||
prop="date" |
|||
label="关联岗位" |
|||
width="180"> |
|||
<template slot-scope="scope"> |
|||
<el-select |
|||
clearable |
|||
v-model="scope.row.id" |
|||
filterable |
|||
placeholder="请选择" |
|||
> |
|||
<el-option |
|||
v-for="item in postList" |
|||
:key="item.idstr" |
|||
:label="item.name" |
|||
:value="item.idstr" |
|||
> |
|||
</el-option> |
|||
</el-select> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="name" |
|||
label="提报人" |
|||
width="180"> |
|||
<template slot-scope="scope"> |
|||
<el-cascader |
|||
filterable |
|||
clearable |
|||
v-model="scope.row.childCopy" |
|||
:options="grouplistBackup" |
|||
:show-all-levels="false" |
|||
:props="userProps" |
|||
></el-cascader> |
|||
</template> |
|||
|
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="address" |
|||
label="操作"> |
|||
<template slot-scope="scope"> |
|||
<el-button @click="jiaArrAddXi(relIndex)" type="primary" icon="el-icon-plus" circle size="mini"></el-button> |
|||
<el-button |
|||
icon="el-icon-delete" |
|||
size="small" |
|||
type="text" |
|||
@click="deleteAddXiList(relIndex,scope)" |
|||
>删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
|
|||
</el-form-item> |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
<el-button @click="addBumen">新增部门</el-button> |
|||
</el-form> |
|||
<template #footer> |
|||
<div class="dialog-footer"> |
|||
<el-button size="small" @click="relationCloseDialog">取 消</el-button> |
|||
<el-button size="small" type="primary" @click="associationPost">确 定</el-button> |
|||
</div> |
|||
</template> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
acceptdepartmentid |
|||
<script> |
|||
import { positionlist } from "@/api/personnel/post"; //岗位相关项 |
|||
import { dutyclasslist } from '@/api/duty/dimension' //考核纬度api |
|||
import { add_department_target,get_one_terget_info,deparment_target_about_post,edit_one_target } from '@/api/duty/projectNew' //考核项目新接口 |
|||
import { gettarget,addtarget,gettargetinfo,eiteassessinfo,eitetarget,deltarget } from '@/api/duty/project' //考核项目api |
|||
import { |
|||
getgroupdepartmap, |
|||
getgroupuser |
|||
} from '@/api/duty/group' //组织建构 |
|||
export default { |
|||
props:['bmId'], |
|||
data(){ |
|||
return { |
|||
//统计周期 |
|||
options: [ |
|||
{ |
|||
value: 4, |
|||
label: '月' |
|||
}, { |
|||
value: 5, |
|||
label: '季度' |
|||
}, { |
|||
value: 6, |
|||
label: '年' |
|||
}], |
|||
dutyclasslist:{}, //维度 |
|||
// 条件查询变量 |
|||
searchInfo: { |
|||
page: 1, |
|||
pagesize: 10 |
|||
}, |
|||
//获取维度参数 |
|||
searchList:{ |
|||
page:1, |
|||
pagesize:10000, |
|||
}, |
|||
tableData:[], //表格数据 |
|||
total: 0, |
|||
grouplist:[], //部门列表 |
|||
grouplistBackup:[], //数据提报人列表 |
|||
// 新增弹窗变量 |
|||
addDialogForm:false, |
|||
addDiaFormDatal:{ |
|||
cycleattr:1 |
|||
}, |
|||
// 添加时验证规则 |
|||
addrules: { |
|||
name: [{ required: true, message: '必填', trigger: 'blur' }], |
|||
type: [{ required: true, message: '必填', trigger: 'blur' }], |
|||
// share: [{ required: true, message: '必填', trigger: 'blur' }], |
|||
acceptdepartmentid: [{ required: true, message: '必填', trigger: 'blur' }], |
|||
dimension: [{ required: true, message: '必填', trigger: 'blur' }], |
|||
nature: [{ required: true, message: '必填', trigger: 'blur' }], |
|||
unit: [{ required: true, message: '必填', trigger: 'blur' }], |
|||
cycle: [{ required: true, message: '必填', trigger: 'blur' }], |
|||
cycleattr: [{ required: true, message: '必填', trigger: 'blur' }], |
|||
userlist: [{ required: true, message: '必填', trigger: 'blur' }], |
|||
scoringmethod: [{ required: true, message: '必填', trigger: 'blur' }], |
|||
}, |
|||
//关联岗位 |
|||
relationRules:{ |
|||
title: [{ required: true, message: '必填', trigger: 'blur' }], |
|||
type: [{ required: true, message: '必填', trigger: 'blur' }], |
|||
// share: [{ required: true, message: '必填', trigger: 'blur' }], |
|||
relevantdepartments: [{ required: true, message: '必填', trigger: 'blur' }], |
|||
dimension: [{ required: true, message: '必填', trigger: 'blur' }], |
|||
report: [{ required: true, message: '必填', trigger: 'blur' }], |
|||
unites: [{ required: true, message: '必填', trigger: 'blur' }], |
|||
cycle: [{ required: true, message: '必填', trigger: 'blur' }], |
|||
cycleattr: [{ required: true, message: '必填', trigger: 'blur' }], |
|||
}, |
|||
propsdepart: { |
|||
checkStrictly: true, |
|||
value: "id", |
|||
label: "name", |
|||
children: "children", |
|||
emitPath:false, |
|||
multiple: true |
|||
}, //关联部门 |
|||
userProps: { |
|||
value: "key", |
|||
label: "name", |
|||
children: "govlist", |
|||
emitPath:false, |
|||
multiple: true |
|||
},//数据提报人 |
|||
editDialogFormVisible:false, //修改数据 |
|||
// 编辑时数据 |
|||
editAdd:{ |
|||
unittitle:'', |
|||
parentId:'' |
|||
}, |
|||
editFrom:{}, //获取指标详情参数 |
|||
//关联岗位 |
|||
relationPost:false, |
|||
orglist:[ |
|||
{ |
|||
// 岗位id |
|||
id:'', |
|||
// 多人员列表 |
|||
child:[ |
|||
{ |
|||
// 岗位id |
|||
id:'', |
|||
// 多人员列表 |
|||
child:[], |
|||
childCopy:[] |
|||
} |
|||
] |
|||
}, |
|||
], //关联岗位初始值 |
|||
relationPostData:{}, //关联岗位数据 |
|||
relationPostDepart: { |
|||
checkStrictly: true, |
|||
value: "id", |
|||
label: "name", |
|||
children: "children", |
|||
emitPath:false, |
|||
}, |
|||
postList:[], |
|||
} |
|||
}, |
|||
//页面创建和执行 |
|||
created() { |
|||
console.log(this.$store.state.user.token,"UserToken---------------->") |
|||
if (this.$store.state.user.token=='') { |
|||
this.$router.push('/login') |
|||
} |
|||
// 页面渲染时获取初始数据 |
|||
this.getDataList() |
|||
this.getDutyclasslist() |
|||
this.getSystemadminlist() |
|||
this.getGrouplist() |
|||
|
|||
}, |
|||
watch:{ |
|||
bmId(){ |
|||
console.log("bmid变化") |
|||
console.log(this.bmId) |
|||
const list = [] |
|||
list.push(this.bmId) |
|||
this.searchInfo.relevantdepartments=list |
|||
this.getDataList() |
|||
}, |
|||
}, |
|||
methods: { |
|||
// 获取初始数据 |
|||
async getDataList() { |
|||
if(this.searchInfo.relevantdepartments!=null){ |
|||
this.searchInfo.relevantdepartments=this.searchInfo.relevantdepartments.map(String) |
|||
} |
|||
const res = await gettarget(this.searchInfo) |
|||
// console.log("res------111----->",res) |
|||
if(res.data.list != null){ |
|||
this.tableData = res.data.list |
|||
}else{ |
|||
this.tableData = [] |
|||
} |
|||
|
|||
this.total = res.data.total |
|||
this.searchInfo.page = res.data.page |
|||
this.searchInfo.pagesize = res.data.pageSize |
|||
}, |
|||
// 获取考核纬度列表 |
|||
async getDutyclasslist(){ |
|||
const res = await dutyclasslist(this.searchList) |
|||
this.dutyclasslist=res.data.list |
|||
}, |
|||
// 条件搜索 |
|||
onSubmit() { |
|||
this.searchInfo.page = 1 |
|||
this.searchInfo.pagesize = 10 |
|||
this.getDataList() |
|||
console.log("1111") |
|||
}, |
|||
// 新增按钮 |
|||
showAdd(){ |
|||
this.addDialogForm=true; |
|||
console.log(this.dialogFormVisible) |
|||
}, |
|||
// 改变page |
|||
handleCurrentChange(val) { |
|||
this.searchInfo.page=val |
|||
this.getDataList(this.searchInfo) |
|||
}, |
|||
// 添加框关闭 |
|||
closeAddDialog() { |
|||
console.log("closeDialog") |
|||
this.initAddForm() |
|||
this.addDiaFormDatal.cycleattr=1 |
|||
this.addDialogForm = false |
|||
|
|||
}, |
|||
// 重置添加表单 |
|||
initAddForm() { |
|||
console.log("initForm") |
|||
this.$refs.addForm.resetFields() |
|||
this.addDiaFormDatal = {} |
|||
console.log(this.form) |
|||
}, |
|||
// 获取部门 |
|||
async getGrouplist(){ |
|||
const res = await getgroupdepartmap() |
|||
this.grouplist=res.data |
|||
}, |
|||
// 获取员工列表 |
|||
async getSystemadminlist(){ |
|||
const from = { |
|||
id:309, |
|||
level: 4 |
|||
} |
|||
const res = await getgroupuser(from) |
|||
this.grouplistBackup=res.data |
|||
this.grouplistBackup.forEach(item => { |
|||
if (item.govlist != null) { |
|||
// 即：this.digui(item);在这地方添加的 |
|||
item.govlist.forEach(items => { |
|||
// 下面的就是执行递归的方法，因为我是从第二层才开始需要往下挖的，所以这里多了个forEach,如果从第一层起，从item就好了，即：this.digui(item);在上面添加 |
|||
this.digui(items); // 这里是源头，把一个对象开始递归，开始循环 |
|||
// 如果想看完整数据，那么是在这里打印数据哦 |
|||
console.log(items, '看我查看完整的数据哦') |
|||
// 因为上一步递归时，就已经把循环children的动作做完了，这里是验收递归方法的地方。 |
|||
}) |
|||
} else { |
|||
item.govlist=item.child |
|||
// 如果第一层没有子项做的操作。。。。。 |
|||
} |
|||
}) |
|||
console.log(this.grouplistBackup,"获取员工列表-------------------------->") |
|||
}, |
|||
// 添加提交按钮 |
|||
async enterAddDialog(){ |
|||
this.$refs.addForm.validate(async valid => { |
|||
if (valid) { |
|||
if(this.addDiaFormDatal.acceptdepartmentid!=null){ |
|||
this.addDiaFormDatal.acceptdepartmentid=this.addDiaFormDatal.acceptdepartmentid.map(String) |
|||
} |
|||
this.addDiaFormDatal.cycleattr =parseInt(this.addDiaFormDatal.cycleattr) |
|||
// const res = await addtarget(this.form) |
|||
const res = await add_department_target(this.addDiaFormDatal) |
|||
if (res.code === 0) { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '添加成功', |
|||
showClose: true |
|||
}) |
|||
} |
|||
this.getDataList(); |
|||
this.closeAddDialog(); |
|||
} |
|||
}) |
|||
}, |
|||
// 编辑按钮 |
|||
async showEdit(row){ |
|||
console.log("this.editAdd=====================>",row) |
|||
this.editFrom.id=row.outid |
|||
// const res = await gettargetinfo(this.editFrom) |
|||
const res = await get_one_terget_info(this.editFrom) |
|||
this.editAdd = res.data |
|||
console.log("this.editAdd") |
|||
console.log(this.editAdd) |
|||
this.editDialogFormVisible=true; |
|||
}, |
|||
// 修改框关闭 |
|||
editCloseDialog() { |
|||
this.editInitForm() |
|||
this.editDialogFormVisible = false |
|||
}, |
|||
// 修改重置表单 |
|||
editInitForm() { |
|||
this.$refs.editForm.resetFields() |
|||
this.editAdd = {} |
|||
}, |
|||
// 编辑提交按钮 |
|||
async editEnterDialog(){ |
|||
console.log("修改数据表单----》",this.editAdd) |
|||
this.$refs.editForm.validate(async valid => { |
|||
console.log("修改数据表单---1-》",this.editAdd) |
|||
console.log("修改数据表单---2-》",valid) |
|||
if (valid) { |
|||
console.log("修改数据表单---3-》",valid) |
|||
|
|||
console.log(this.editAdd.relevantdepartments) |
|||
if (this.editAdd.share==1) { |
|||
this.editAdd.relevantdepartments=[] |
|||
this.editAdd.relevantdepartmentsmap=[] |
|||
this.$delete(this.editAdd,'relevantdepartments') |
|||
this.$delete(this.editAdd,'relevantdepartmentsmap') |
|||
} |
|||
var newDeaprtAry = new Array |
|||
this.editAdd.acceptdepartmentid.forEach(item=>{ |
|||
newDeaprtAry.push(item.toString()) |
|||
}) |
|||
this.editAdd.acceptdepartmentid = newDeaprtAry |
|||
this.editAdd.report=this.editAdd.reportmap |
|||
this.editAdd.dimension=this.editAdd.dimensionidstr; |
|||
this.editAdd.cycleattr =parseInt(this.editAdd.cycleattr) |
|||
const res = await edit_one_target(this.editAdd) |
|||
if (res.code === 0) { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '编辑成功', |
|||
showClose: true |
|||
}) |
|||
} |
|||
this.getDataList(); |
|||
this.editCloseDialog(); |
|||
} |
|||
}) |
|||
}, |
|||
//关闭关联岗位弹窗 |
|||
relationCloseDialog(){ |
|||
this.relationPost = false |
|||
}, |
|||
// 显示关联岗位弹窗 |
|||
showPost(row){ |
|||
this.projectId=row.outid |
|||
this.relationPost=true |
|||
}, |
|||
// 点击部门触发 获取岗位 |
|||
changeBm(index,id){ |
|||
console.log("index:"+index+','+"id:"+id) |
|||
this.getPost(id) |
|||
}, |
|||
// 获取岗位 |
|||
async getPost(val) { |
|||
const from = { |
|||
organization: val.toString(), |
|||
page: 1, |
|||
pagesize: 1000000, |
|||
}; |
|||
const res = await positionlist(from); |
|||
this.postList = res.data.list; |
|||
}, |
|||
//获取岗位提报人 |
|||
async getPostSubmitUser(departmentId){ |
|||
|
|||
}, |
|||
// 新增关联岗位部门 |
|||
addBumen(){ |
|||
this.orglist.push({ |
|||
// 岗位id |
|||
id:'', |
|||
// 多人员列表 |
|||
child:[ |
|||
{ |
|||
// 岗位id |
|||
id:'', |
|||
// 多人员列表 |
|||
child:[], |
|||
childCopy:[] |
|||
} |
|||
] |
|||
}) |
|||
}, |
|||
// 删除新增部门 |
|||
removeBumen(index){ |
|||
console.log("index") |
|||
console.log(index) |
|||
this.orglist.splice(index,1); |
|||
}, |
|||
// 添加岗位人员数据 |
|||
jiaArrAddXi(index){ |
|||
console.log("indexJia"+index) |
|||
console.log(this.orglist[index]) |
|||
this.orglist[index].child.push({ |
|||
// 岗位id |
|||
id:'', |
|||
// 多人员列表 |
|||
child:[], |
|||
childCopy:[] |
|||
}) |
|||
}, |
|||
// 删除岗位人员数据 |
|||
deleteAddXiList(index,row){ |
|||
this.orglist[index].childCopy.splice(row.$index,1); |
|||
}, |
|||
// 关联岗位数据提交 |
|||
async associationPost(){ |
|||
|
|||
this.orglist.forEach(ele=>{ |
|||
ele.child.forEach(item=>{ |
|||
ele.id=ele.id.toString() |
|||
item.childCopy.forEach(it=>{ |
|||
item.child.push({id:it,child:[]}) |
|||
}) |
|||
|
|||
}) |
|||
}) |
|||
console.log("this.orglist------------------>",this.orglist) |
|||
const from = { |
|||
id:this.projectId, |
|||
orglist:this.orglist |
|||
} |
|||
|
|||
const res = await deparment_target_about_post(from); |
|||
this.relationPost=false |
|||
}, |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
}, |
|||
} |
|||
</script> |
|||
<style> |
|||
@import url("//unpkg.com/element-ui@2.15.10/lib/theme-chalk/index.css"); |
|||
.page_body{ |
|||
margin: 15px 0 0 0px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,152 @@ |
|||
<template> |
|||
<!-- 指标外层布局矿建 --> |
|||
<el-container> |
|||
<!-- 行政组织级 --> |
|||
<el-aside width="220px"> |
|||
<el-scrollbar > |
|||
<el-tree |
|||
:data="GovthreeList2" |
|||
:props="defaultProps1" |
|||
@node-click="handleNodeClick" |
|||
></el-tree> |
|||
</el-scrollbar> |
|||
</el-aside> |
|||
<el-aside v-show="postList.length > 0" |
|||
width="200px" |
|||
> |
|||
<el-tree |
|||
:data="postList" |
|||
:props="defaultProps1" |
|||
@node-click="NodePostClick" |
|||
></el-tree> |
|||
</el-aside> |
|||
<el-main> |
|||
<el-scrollbar > |
|||
<div v-if="postShow"> |
|||
<gwProject :gwFromList="gwFromList" :gwId="gwId"></gwProject> |
|||
</div> |
|||
<div v-if="departShow"> |
|||
<department :bmId="bmId"></department> |
|||
</div> |
|||
</el-scrollbar> |
|||
</el-main> |
|||
</el-container> |
|||
|
|||
</template> |
|||
<script> |
|||
import { govthree, positionlist } from "@/api/personnel/post"; |
|||
import { dutyclasslist } from "@/api/duty/dimension"; |
|||
|
|||
import gwProject from "@/views/basicInfo/gwProject.vue"; |
|||
import department from "@/views/basicCont/departTarget.vue"; |
|||
import { |
|||
posttargetlist, |
|||
addtarget, |
|||
gettargetinfo, |
|||
eiteassessinfo, |
|||
eitetarget, |
|||
deltarget, |
|||
editposttarget, |
|||
editstate, |
|||
addposttarget, |
|||
} from "@/api/duty/project"; |
|||
import { getgroupdepartmap, getgroupuser } from "@/api/duty/group"; |
|||
export default { |
|||
components: { |
|||
// project, |
|||
department, |
|||
gwProject |
|||
}, |
|||
name: "Dashboard", |
|||
data() { |
|||
return { |
|||
GovthreeList2: [], //行政组织 |
|||
defaultProps1: { |
|||
children: "child", |
|||
label: "name", |
|||
}, |
|||
postList: [], //岗位 |
|||
departShow:true, //部门是否显示 |
|||
postShow:false, //岗位是否显示 |
|||
bmId:1, //部门ID参数传递 |
|||
gwId:1, //岗位参数传递 |
|||
gwFromList:{ //岗位参数传递 |
|||
gwId:1, |
|||
bmId:1 |
|||
}, |
|||
} |
|||
}, |
|||
created() { |
|||
// 页面渲染时获取初始数据 |
|||
this.getGovthree2(); |
|||
}, |
|||
methods: { |
|||
// 获取行政组织二级树 |
|||
async getGovthree2() { |
|||
const res = await govthree(); |
|||
// this.GovthreeList2 = res.data[0].child; |
|||
this.GovthreeList2 = res.data |
|||
console.log("this.GovthreeList2===>",res.data); |
|||
}, |
|||
// 点击行政组织树 |
|||
handleNodeClick(val) { |
|||
// this.searchInfo.organization=val.id |
|||
// this.searchInfo.organization=this.searchInfo.organization.toString() |
|||
this.getPost(val.id); |
|||
console.log('bumen----------->layout') |
|||
this.bmId=val.id |
|||
this.gwFromList.bmId=val.id |
|||
this.postShow=false |
|||
this.departShow=true |
|||
// console.log(val); |
|||
}, |
|||
// 获取岗位 |
|||
async getPost(val) { |
|||
const from = { |
|||
organization: val.toString(), |
|||
page: 1, |
|||
pagesize: 10, |
|||
}; |
|||
const res = await positionlist(from); |
|||
this.postList = res.data.list; |
|||
}, |
|||
// 点击岗位列表 |
|||
NodePostClick(val) { |
|||
this.gwId=val.id |
|||
this.gwFromList.gwId=val.id |
|||
this.postShow=true |
|||
this.departShow=false |
|||
// console.log('岗位') |
|||
console.log(this.gwFromList); |
|||
}, |
|||
} |
|||
} |
|||
|
|||
</script> |
|||
<style> |
|||
.el-aside { |
|||
text-align: center; |
|||
height: calc(103% - 2px); |
|||
overflow: hidden; |
|||
overflow-y: auto; |
|||
overflow-x: hidden; |
|||
border-right: 1px solid rgb(220, 223, 230); |
|||
margin: 2px 0 0 0; |
|||
padding-bottom: 10px; |
|||
} |
|||
.el-main{ |
|||
height: 105%; |
|||
} |
|||
.el-container { |
|||
height:calc(100% - 50px); |
|||
overflow: hidden; |
|||
} |
|||
.el-scrollbar { |
|||
height: 100%; |
|||
} |
|||
.el-scrollbar__wrap { |
|||
overflow: hidden; |
|||
overflow-y: auto; |
|||
overflow: scroll; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,189 @@ |
|||
<template> |
|||
<el-container> |
|||
<!-- 行政组织级 --> |
|||
<el-aside width="220px"> |
|||
<el-scrollbar > |
|||
<el-tree style="margin-top:10px" |
|||
:data="orglist" |
|||
:props="treeStruct" |
|||
@node-click="clickOrg" |
|||
></el-tree> |
|||
</el-scrollbar> |
|||
</el-aside> |
|||
<el-aside width="200px"> |
|||
<el-tree style="margin-top:10px" |
|||
:data="postList" |
|||
:props="treeStruct" |
|||
@node-click="clickPost" |
|||
></el-tree> |
|||
</el-aside> |
|||
<el-main> |
|||
<!--头部系统页面--> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div> |
|||
<el-radio-group v-model="choiceSystem" size="medium" @change="systemChange"> |
|||
<el-radio-button :label="sysItem.coder" v-for="(sysItem,sysIndex) in systemList" :key="sysIndex">{{sysItem.title}}</el-radio-button> |
|||
</el-radio-group> |
|||
</div> |
|||
</el-col> |
|||
</el-row> |
|||
<el-scrollbar style="max-height:95%"> |
|||
|
|||
<el-table |
|||
:data="systemMenuList" |
|||
style="width: 100%;margin-bottom: 20px;" |
|||
row-key="id" |
|||
border |
|||
default-expand-all |
|||
:tree-props="{children: 'child', hasChildren: 'hasChildren'}"> |
|||
<el-table-column |
|||
label="菜单名称" |
|||
width="180"> |
|||
<template slot-scope="scope"> |
|||
<el-checkbox v-model="scope.row.istrue" :label="scope.row.name"></el-checkbox> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
label="操作" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<el-checkbox v-model="mItem.istrue" v-for="(mItem,mIndex) in scope.row.menuOperation" :label="mItem.name" :key="mIndex"></el-checkbox> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<el-button type="primary" :loading="buttonLoading" @click="subewport">确定授权</el-button> |
|||
|
|||
</el-scrollbar> |
|||
</el-main> |
|||
</el-container> |
|||
</template> |
|||
|
|||
<script>//systemaccredit |
|||
import { govthree, positionlist } from "@/api/personnel/post"; //行政组织相关 |
|||
import { getsystemlist,getSystemMenuThree } from "@/api/systemaccredit/systemapi"; //行政组织相关 |
|||
//岗位配权 |
|||
export default { |
|||
data () { |
|||
return { |
|||
buttonLoading:false, |
|||
choiceSystem:'kpi', |
|||
systemList:[], |
|||
//已选择的行政组织及岗位 |
|||
orgAndPost:{ |
|||
orgId:0, |
|||
postId:0 |
|||
}, |
|||
//数据树结构体 |
|||
treeStruct: { |
|||
children: "child", |
|||
label: "name", |
|||
}, |
|||
orglist:[], //行政组织 |
|||
postList:[], //岗位 |
|||
systemMenuList:[], //系统菜单 |
|||
} |
|||
}, |
|||
created() { |
|||
// 页面渲染时获取初始数据 |
|||
this.getOrgThree(); //行政组织 |
|||
this.systemInit(); //系统初始化 |
|||
|
|||
}, |
|||
methods: { |
|||
//初始话要授权的系统 |
|||
async systemInit(){ |
|||
const from = { |
|||
page: 1, |
|||
pagesize: 100000, |
|||
}; |
|||
const res = await getsystemlist(from); |
|||
console.log("初始话要授权的系统----》",res.data) |
|||
this.systemList = res.data.list |
|||
if(res.data.list.length > 0){ |
|||
this.choiceSystem = res.data.list[0].coder |
|||
} |
|||
this.getAboutSystemMenu(); //系统菜单初始化 |
|||
}, |
|||
|
|||
//获取行政组织树 |
|||
async getOrgThree(){ |
|||
const res = await govthree(); |
|||
this.orglist = res.data |
|||
}, |
|||
//根据行政组织获取岗位 |
|||
clickOrg(val){ |
|||
this.getPost(val.id); |
|||
this.orgAndPost.orgId = val.id; |
|||
}, |
|||
// 获取岗位 |
|||
async getPost(val) { |
|||
const from = { |
|||
organization: val.toString(), |
|||
page: 1, |
|||
pagesize: 10, |
|||
}; |
|||
const res = await positionlist(from); |
|||
this.postList = res.data.list; |
|||
}, |
|||
//点击岗位列表 |
|||
clickPost(val){ |
|||
this.orgAndPost.postId = val.id; |
|||
this.getAboutSystemMenu() |
|||
}, |
|||
// |
|||
//选择系统 |
|||
systemChange(val){ |
|||
console.log("选择系统-----》",val) |
|||
|
|||
}, |
|||
//获取相关系统菜单 |
|||
async getAboutSystemMenu(){ |
|||
const from = { |
|||
name: this.choiceSystem, |
|||
ordid:this.orgAndPost.orgId.toString(), |
|||
postid:this.orgAndPost.postId.toString(), |
|||
}; |
|||
const res = await getSystemMenuThree(from); |
|||
console.log("系统菜单树-----》",res) |
|||
res.data.forEach(item =>{ |
|||
console.log("系统菜单树-----》",item) |
|||
}) |
|||
this.systemMenuList = res.data; |
|||
}, |
|||
//提交授权 |
|||
subewport(){ |
|||
this.buttonLoading = true |
|||
console.log("提交授权-----》",this.systemMenuList) |
|||
} |
|||
}, |
|||
} |
|||
</script> |
|||
<style> |
|||
.el-aside { |
|||
text-align: center; |
|||
height: calc(103% - 2px); |
|||
overflow: hidden; |
|||
overflow-y: auto; |
|||
overflow-x: hidden; |
|||
border-right: 1px solid rgb(220, 223, 230); |
|||
margin: 2px 0 0 0; |
|||
padding-bottom: 10px; |
|||
} |
|||
.el-main{ |
|||
height: 105%; |
|||
} |
|||
.el-container { |
|||
height:calc(100% - 50px); |
|||
overflow: hidden; |
|||
} |
|||
.el-scrollbar { |
|||
height: 100%; |
|||
} |
|||
.el-scrollbar__wrap { |
|||
overflow: hidden; |
|||
overflow-y: auto; |
|||
overflow: scroll; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue