DESKTOP-00SUCB6\Administrator
4 years ago
4 changed files with 322 additions and 2 deletions
@ -0,0 +1,65 @@ |
|||||
|
|
||||
|
|
||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
// 申请加入组织列表
|
||||
|
export function applyToJoinList(query) { |
||||
|
return request({ |
||||
|
url: '/system/dept/applyToJoinList', |
||||
|
method: 'post', |
||||
|
data: query |
||||
|
}) |
||||
|
} |
||||
|
// 根据cryptoDeptId查看组织
|
||||
|
export function getDeptByCryptoDeptId(query) { |
||||
|
return request({ |
||||
|
url: '/system/dept/getDeptByCryptoDeptId', |
||||
|
method: 'post', |
||||
|
data: query |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
// 审核申请加入组织列表
|
||||
|
export function applyToJoin(query) { |
||||
|
return request({ |
||||
|
url: '/system/dept/applyToJoin', |
||||
|
method: 'post', |
||||
|
data: query |
||||
|
}) |
||||
|
} |
||||
|
// 申请加入组织列表
|
||||
|
export function selfCreatedList(query) { |
||||
|
return request({ |
||||
|
url: '/system/dept/selfCreatedList', |
||||
|
method: 'post', |
||||
|
data: query |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 创建根节点
|
||||
|
export function createNewRootNode(query) { |
||||
|
return request({ |
||||
|
url: '/system/dept/createNewRootNode', |
||||
|
method: 'post', |
||||
|
data: query |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 同意申请加入组织
|
||||
|
export function agreeApplyToJoin(query) { |
||||
|
return request({ |
||||
|
url: '/system/dept/agreeApplyToJoin', |
||||
|
method: 'post', |
||||
|
data: query |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 拒绝申请加入组织
|
||||
|
export function refuseApplyToJoin(query) { |
||||
|
return request({ |
||||
|
url: '/system/dept/refuseApplyToJoin', |
||||
|
method: 'post', |
||||
|
data: query |
||||
|
}) |
||||
|
} |
||||
@ -0,0 +1,254 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<el-row :gutter="10" class="mb8"> |
||||
|
<el-col :span="1.5"> |
||||
|
<el-button |
||||
|
type="primary" |
||||
|
plain |
||||
|
icon="el-icon-plus" |
||||
|
size="mini" |
||||
|
@click="handleAdd" |
||||
|
v-hasPermi="['system:dept:add']" |
||||
|
>新增所属组织</el-button> |
||||
|
</el-col> |
||||
|
<el-col :span="1.5"> |
||||
|
<el-button |
||||
|
type="primary" |
||||
|
plain |
||||
|
icon="el-icon-plus" |
||||
|
size="mini" |
||||
|
@click="handleAddRoot" |
||||
|
v-hasPermi="['system:dept:add']" |
||||
|
>创建根节点组织</el-button> |
||||
|
</el-col> |
||||
|
<!-- <right-toolbar @queryTable="getList"></right-toolbar> --> |
||||
|
</el-row> |
||||
|
<el-tabs type="border-card"> |
||||
|
<el-tab-pane label="我的申请"> |
||||
|
<el-table :data="deptList"> |
||||
|
<el-table-column label="归属企业名称" align="center" prop="parentName" /> |
||||
|
<el-table-column label="企业名称" align="center" prop="deptName" /> |
||||
|
<el-table-column label="创建日期" align="center" prop="createTime" /> |
||||
|
<el-table-column label="创建人" align="center" prop="createBy" /> |
||||
|
<el-table-column label="审核状态" align="center" prop="delFlag"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span v-if="scope.row.delFlag == 2" class="text-warning">待审核</span> |
||||
|
<span v-else-if="scope.row.delFlag == 0" class="text-navy">审核通过</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
</el-table> |
||||
|
</el-tab-pane> |
||||
|
<el-tab-pane > |
||||
|
<span slot="label"> |
||||
|
<el-badge :is-dot="verifyList.length>0" class="item"> |
||||
|
我的审核 |
||||
|
</el-badge> |
||||
|
</span> |
||||
|
<el-table :data="verifyList"> |
||||
|
<el-table-column label="归属企业名称" align="center" prop="parentName" /> |
||||
|
<el-table-column label="企业名称" align="center" prop="deptName" /> |
||||
|
<el-table-column label="创建日期" align="center" prop="createTime" /> |
||||
|
<el-table-column label="创建人" align="center" prop="createBy" /> |
||||
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button |
||||
|
size="mini" |
||||
|
type="text" |
||||
|
class="text-navy" |
||||
|
@click="handleVerify(scope.row.deptId,true)" |
||||
|
>通过</el-button> |
||||
|
<el-button |
||||
|
size="mini" |
||||
|
type="text" |
||||
|
class="text-danger" |
||||
|
@click="handleVerify(scope.row.deptId,false)" |
||||
|
>驳回</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-tab-pane> |
||||
|
</el-tabs> |
||||
|
|
||||
|
<!-- <pagination |
||||
|
v-show="total>0" |
||||
|
:total="total" |
||||
|
:page.sync="queryParams.pageNum" |
||||
|
:limit.sync="queryParams.pageSize" |
||||
|
@pagination="getList" |
||||
|
/> --> |
||||
|
<el-dialog title="申请所属组织" :visible.sync="open" width="500px" append-to-body> |
||||
|
<el-form ref="form" :model="form" :rules="rules" label-width="180px"> |
||||
|
<el-form-item label="所属组织编号（对方）:" prop="applyCode"> |
||||
|
<el-input |
||||
|
v-model="form.applyCode" |
||||
|
@blur="getEnterpriseByApplyCode" |
||||
|
placeholder="请输入对方组织编号" |
||||
|
clearable |
||||
|
size="small" |
||||
|
style="width:250px" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<span>{{applyEnterprise.name}}</span> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<div slot="footer" class="dialog-footer"> |
||||
|
<el-button type="primary" @click="submitForm('form')">确 定</el-button> |
||||
|
<el-button @click="cancel">取 消</el-button> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
<el-dialog title="创建根节点组织" :visible.sync="open2" width="500px" append-to-body> |
||||
|
<el-form ref="form2" :model="form2" :rules="rules2" label-width="150px"> |
||||
|
<el-form-item label="根节点组织名称:" prop="name"> |
||||
|
<el-input |
||||
|
v-model="form2.name" |
||||
|
placeholder="请输入组织名称" |
||||
|
clearable |
||||
|
size="small" |
||||
|
style="width:250px" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<span>{{applyEnterprise.name}}</span> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<div slot="footer" class="dialog-footer"> |
||||
|
<el-button type="primary" @click="submitForm('form2')">确 定</el-button> |
||||
|
<el-button @click="cancel">取 消</el-button> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import {applyToJoinList,getDeptByCryptoDeptId,applyToJoin,createNewRootNode,selfCreatedList,agreeApplyToJoin,refuseApplyToJoin} from "@/api/company/companyDept" |
||||
|
export default { |
||||
|
name:"companyDept", |
||||
|
data(){ |
||||
|
return { |
||||
|
deptList:[], |
||||
|
verifyList:[], |
||||
|
|
||||
|
// 是否显示弹出层 |
||||
|
open: false, |
||||
|
open2: false, |
||||
|
// 总条数 |
||||
|
total: 0, |
||||
|
// 查询参数 |
||||
|
queryParams: { |
||||
|
pageNum: 1, |
||||
|
pageSize: 10 |
||||
|
}, |
||||
|
// 表单参数 |
||||
|
form: {}, |
||||
|
form2: {}, |
||||
|
// 表单校验 |
||||
|
rules: { |
||||
|
applyCode: [ |
||||
|
{ required: true, message: "组织编号不能为空", trigger: "blur" } |
||||
|
] |
||||
|
}, |
||||
|
rules2: { |
||||
|
name: [ |
||||
|
{ required: true, message: "组织名称不能为空", trigger: "blur" } |
||||
|
] |
||||
|
}, |
||||
|
applyEnterprise:{ |
||||
|
name:'', |
||||
|
id:'' |
||||
|
}, |
||||
|
} |
||||
|
}, |
||||
|
created(){ |
||||
|
this.getList() |
||||
|
}, |
||||
|
methods:{ |
||||
|
getList(){ |
||||
|
applyToJoinList().then(res => { |
||||
|
this.verifyList = res.data |
||||
|
}) |
||||
|
selfCreatedList().then(res => { |
||||
|
this.deptList = res.data |
||||
|
}) |
||||
|
}, |
||||
|
handleAdd(){ |
||||
|
this.reset(); |
||||
|
this.open = true; |
||||
|
}, |
||||
|
handleAddRoot(){ |
||||
|
this.reset(); |
||||
|
this.open2 = true; |
||||
|
}, |
||||
|
// 根据组织编号查询组织名称 |
||||
|
getEnterpriseByApplyCode(){ |
||||
|
if(!this.form.applyCode || this.form.applyCode == '') { |
||||
|
this.applyEnterpriseName = '' |
||||
|
return |
||||
|
} |
||||
|
getDeptByCryptoDeptId({cryptoDeptId:this.form.applyCode }).then(res => { |
||||
|
this.applyEnterprise.name = res.msg |
||||
|
}) |
||||
|
}, |
||||
|
//审核按钮 |
||||
|
handleVerify(deptId,boolean){ |
||||
|
if(boolean) |
||||
|
{ |
||||
|
agreeApplyToJoin({deptId:deptId}).then(res => { |
||||
|
this.msgSuccess("审核通过"); |
||||
|
this.getList(); |
||||
|
}) |
||||
|
} else { |
||||
|
refuseApplyToJoin({deptId:deptId}).then(res => { |
||||
|
this.msgSuccess("审核驳回"); |
||||
|
this.getList(); |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
/** 提交按钮 */ |
||||
|
submitForm(form) { |
||||
|
this.$refs[form].validate(valid => { |
||||
|
if (valid) { |
||||
|
if(form == 'form') |
||||
|
{ |
||||
|
applyToJoin({cryptoDeptId:this.form.applyCode}).then(res => { |
||||
|
this.msgSuccess("申请成功"); |
||||
|
this.open = false; |
||||
|
this.getList(); |
||||
|
}) |
||||
|
} else if (form == 'form2') |
||||
|
{ |
||||
|
createNewRootNode({deptName:this.form2.name}).then(res => { |
||||
|
this.msgSuccess("创建成功"); |
||||
|
this.open2 = false; |
||||
|
this.getList(); |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
// 取消按钮 |
||||
|
cancel() { |
||||
|
this.open = false; |
||||
|
this.open2 = false; |
||||
|
this.reset(); |
||||
|
}, |
||||
|
// 表单重置 |
||||
|
reset() { |
||||
|
this.form = {}; |
||||
|
this.resetForm("form"); |
||||
|
this.form2 = {}; |
||||
|
this.resetForm("form2"); |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss"> |
||||
|
.el-badge__content.is-fixed { |
||||
|
top: 7px; |
||||
|
} |
||||
|
.el-badge__content.is-fixed.is-dot { |
||||
|
right: 0; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue