21 changed files with 1582 additions and 146 deletions
@ -0,0 +1,15 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
let tokens = window.sessionStorage.getItem('tokenValue') |
||||
|
export default { |
||||
|
// 获取流程列表
|
||||
|
getRecordBySid: function(sid) { |
||||
|
return request({ |
||||
|
url: '/cyf/approval/getRecordBySid/' + sid, |
||||
|
method: 'get', |
||||
|
headers: { |
||||
|
'Content-Type': 'application/json', |
||||
|
'token': tokens |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,125 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
import qs from 'qs' |
||||
|
|
||||
|
// let tokens = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyTm8iOiI2IiwiaXNzIjoiV0JLIiwiZXhwIjoxNjMwMDI3MDA3fQ.9bEgBzFW2g1CUT7s5VXxhNCa10cyU_WTCFeqpQje0iY'
|
||||
|
let tokens = window.sessionStorage.getItem('tokenValue') |
||||
|
// 获取菜单 分页列表
|
||||
|
export function pageList(data) { |
||||
|
return request({ |
||||
|
url: '/cyf/sysorganization/listPage', |
||||
|
method: 'POST', |
||||
|
data: data, |
||||
|
headers: { |
||||
|
'Content-Type': 'application/json', |
||||
|
'token': tokens |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
// 查询左侧部门列表
|
||||
|
export function orgList(data) { |
||||
|
return request({ |
||||
|
url: '/cyf/sysorganization/list', |
||||
|
method: 'get', |
||||
|
data: data, |
||||
|
headers: { |
||||
|
'Content-Type': 'application/json', |
||||
|
'token': tokens |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
// 编辑部门信息
|
||||
|
export function postOrgtree(data) { |
||||
|
return request({ |
||||
|
url: '/cyf/sysorganization/update/' + data.sid, |
||||
|
method: 'POST', |
||||
|
data: data, |
||||
|
headers: { |
||||
|
'Content-Type': 'application/json', |
||||
|
'token': tokens |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
// 获取 机构分页列表（编辑部门信息）
|
||||
|
export function putOrgtree(data) { |
||||
|
return request({ |
||||
|
url: '/cyf/sysorganization/update/' + data.sid, |
||||
|
method: 'POST', |
||||
|
data: data, |
||||
|
headers: { |
||||
|
'Content-Type': 'application/json', |
||||
|
'token': tokens |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 新增部门信息
|
||||
|
export function addOrgTree(data) { |
||||
|
return request({ |
||||
|
url: '/cyf/sysorganization/save', |
||||
|
method: 'POST', |
||||
|
data: data, |
||||
|
headers: { |
||||
|
'Content-Type': 'application/json', |
||||
|
'token': tokens |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
// 回显
|
||||
|
export function selectBySid(data) { |
||||
|
return request({ |
||||
|
url: 'cyf/sysorganization/fetchBySid/' + data, |
||||
|
method: 'get', |
||||
|
data: data, |
||||
|
headers: { |
||||
|
'Content-Type': 'application/json', |
||||
|
'token': tokens |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
// 树 节点名称 删除
|
||||
|
export function delOrgtree(data) { |
||||
|
return request({ |
||||
|
url: `/cyf/sysorganization/delBySid/` + data.sid, |
||||
|
method: 'get', |
||||
|
data: qs.stringify(data), |
||||
|
headers: { |
||||
|
'Content-Type': 'application/json', |
||||
|
'token': tokens |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
// 查询主管人员 旧的:/cyf/sysstafforg/staffinfoList
|
||||
|
export function getStaff(data) { |
||||
|
return request({ |
||||
|
url: 'cyf/sysstaffinfo/getStaffNameByDeptSid', |
||||
|
method: 'get', |
||||
|
params: data, |
||||
|
headers: { |
||||
|
'Content-Type': 'application/json', |
||||
|
'token': tokens |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
// 查询分管人员
|
||||
|
export function getStaffName(params) { |
||||
|
return request({ |
||||
|
url: '/cyf/sysstaffinfo/getStaffName', |
||||
|
method: 'get', |
||||
|
params: params, |
||||
|
headers: { |
||||
|
'Content-Type': 'application/json', |
||||
|
'token': tokens |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
// 查看二维码
|
||||
|
export function getQrCode(data) { |
||||
|
return request({ |
||||
|
url: '/cyf/sysorganization/getQrCode/' + data.sid, |
||||
|
method: 'post', |
||||
|
data: data, |
||||
|
headers: { |
||||
|
'Content-Type': 'application/json' |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
@ -0,0 +1,182 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
import qs from 'qs' |
||||
|
//let tokens = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyTm8iOiI2IiwiaXNzIjoiV0JLIiwiZXhwIjoxNjI5OTQxNjI1fQ.aOFOz0h7c8YQs-ti2GLpqeWu4AE9mifx_043hLJQf8g'
|
||||
|
let tokens = window.sessionStorage.getItem('tokenValue'); |
||||
|
// 业务角色 列表
|
||||
|
export function roleOrgList(data){ |
||||
|
return request({ |
||||
|
url: '/cyf/sysrole/listPage', |
||||
|
method: 'post', |
||||
|
data: data, |
||||
|
headers: {'Content-Type': 'application/json', |
||||
|
'token':tokens |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export function postList(data){ |
||||
|
return request({ |
||||
|
url: '/cyf/syspost/list', |
||||
|
method: 'get', |
||||
|
data: data, |
||||
|
headers: {'Content-Type': 'application/json'} |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 获取数据字典下拉列表
|
||||
|
export function typeValues(data) { |
||||
|
return request({ |
||||
|
url: '/cyf/dictcommon/typeValues', |
||||
|
method: 'get', |
||||
|
params: data |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 设置是否可用：isEnable：1可用，0不可用
|
||||
|
export function setRoleEnable(data) { |
||||
|
return request({ |
||||
|
url: '/cyf/sysrole/setIsEnable/' + data.sid + '/' + data.isEnable, |
||||
|
method: 'POST', |
||||
|
data: data, |
||||
|
headers: { |
||||
|
'Content-Type': 'application/json' |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* <新增 保存角色> |
||||
|
* @orgSid 机构SID |
||||
|
* @remarks 备注 |
||||
|
* @roleName 角色名称 |
||||
|
* */ |
||||
|
export function saveOrgroles(data) { |
||||
|
return request({ |
||||
|
url: '/cyf/sysrole/save', |
||||
|
method: 'POST', |
||||
|
data: data, |
||||
|
headers: {'Content-Type': 'application/json', |
||||
|
'token':tokens |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
/** |
||||
|
* <根据SID 修改角色> |
||||
|
* @sid 角色SID |
||||
|
* @orgSid 机构SID |
||||
|
* @remarks 备注 |
||||
|
* @roleName 角色名称 |
||||
|
* */ |
||||
|
export function putOrgroles(data) { |
||||
|
return request({ |
||||
|
url: `/cyf/sysrole/update/${data.sid}`, |
||||
|
method: 'POST', |
||||
|
data: data, |
||||
|
headers: {'Content-Type': 'application/json', |
||||
|
'token':tokens |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* <根据SID 删除角色> |
||||
|
* @sid 角色SID |
||||
|
* */ |
||||
|
export function delOrgroles(data) { |
||||
|
return request({ |
||||
|
url: `/cyf/sysrole/delBySids/${data.sid}`, |
||||
|
method: 'get', |
||||
|
data: data, |
||||
|
headers: {'Content-Type': 'application/json', |
||||
|
'token':tokens |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
// 移动端授权
|
||||
|
export function getRoleMenuList(data) { |
||||
|
return request({ |
||||
|
url: '/cyf/sysmobilemenurole/getRoleMenuList', |
||||
|
method: 'post', |
||||
|
params: { roleSid: data } |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 菜单授权保存
|
||||
|
export function saveRoleMenuList(data) { |
||||
|
return request({ |
||||
|
url: `/cyf/sysmobilemenurole/saveRoleMenuList`, |
||||
|
method: 'POST', |
||||
|
data: data, |
||||
|
headers: {'Content-Type': 'application/json', |
||||
|
'token':tokens |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 菜单授权
|
||||
|
export function roleMenuTree(data) { |
||||
|
return request({ |
||||
|
url: `/cyf/sysmenu/listAllByRoleSid`, |
||||
|
method: 'POST', |
||||
|
data: data, |
||||
|
headers: {'Content-Type': 'application/json', |
||||
|
'token':tokens |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 菜单授权保存
|
||||
|
export function saveorgrolemenus(data) { |
||||
|
return request({ |
||||
|
url: `/cyf/sysmenurole/updateRoleAndMenu`, |
||||
|
method: 'POST', |
||||
|
data: data, |
||||
|
headers: {'Content-Type': 'application/json', |
||||
|
'token':tokens |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
// 资源授权
|
||||
|
export function sourceMenuTree(data) { |
||||
|
return request({ |
||||
|
url: `/cyf/syssource/listAllByRoleSid`, |
||||
|
method: 'POST', |
||||
|
data: data, |
||||
|
headers: {'Content-Type': 'application/json', |
||||
|
'token':tokens |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
// 资源授权保存
|
||||
|
export function saveSource(data) { |
||||
|
return request({ |
||||
|
url: `/cyf/syssourcerole/updateRoleAndSource`, |
||||
|
method: 'POST', |
||||
|
data: data, |
||||
|
headers: {'Content-Type': 'application/json', |
||||
|
'token':tokens |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
// 功能授权
|
||||
|
export function funMenuTree(data) { |
||||
|
return request({ |
||||
|
url: `/cyf/sysfunction/listAllByRoleSid`, |
||||
|
method: 'POST', |
||||
|
data: data, |
||||
|
headers: {'Content-Type': 'application/json', |
||||
|
'token':tokens |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
// 功能授权保存
|
||||
|
export function savefunMenu(data) { |
||||
|
return request({ |
||||
|
url: `/cyf/sysrolefunction/updateRoleAndFunction`, |
||||
|
method: 'POST', |
||||
|
data: data, |
||||
|
headers: {'Content-Type': 'application/json', |
||||
|
'token':tokens |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
@ -0,0 +1,31 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
import qs from 'qs' |
||||
|
|
||||
|
/** |
||||
|
* < 业务角色授权时菜单列表（拥有的菜单选中）> |
||||
|
* @orgTypeKeys 单位性质（类别 |
||||
|
* @roleSid 业务角色sid |
||||
|
* @userType 用户类型只能为1或2 |
||||
|
* */ |
||||
|
export function roleMenuTree(data){ |
||||
|
return request({ |
||||
|
url: '/system/v1/orgrolemenus/menutree', |
||||
|
method: 'post', |
||||
|
data: data, |
||||
|
headers: {'Content-Type': 'application/json'} |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* < 保存角色授权的菜单项 > |
||||
|
* @roleMenus[] 角色权限列表 {menuSid 菜单sid} {orgSid 单位sid} {roleSid 角色sid} |
||||
|
* @roleSid 业务角色sid |
||||
|
* */ |
||||
|
export function saveorgrolemenus(data){ |
||||
|
return request({ |
||||
|
url: '/system/v1/orgrolemenus', |
||||
|
method: 'post', |
||||
|
data: data, |
||||
|
headers: {'Content-Type': 'application/json'} |
||||
|
}) |
||||
|
} |
||||
@ -0,0 +1,660 @@ |
|||||
|
<template> |
||||
|
<div class="container" style="display: flex;"> |
||||
|
<div class="org-tree"> |
||||
|
<el-tree :data="treedata" node-key="sid" :props="props" :default-expanded-keys="['fd6435f2-0005-11ec-a033-48452053aa33']" @node-click="handleNodeClick"> |
||||
|
<span class="custom-tree-node" slot-scope="{ node, data }" @mouseenter="mouseenter(data)" @mouseleave="mouseleave(data)" @click.stop.native> |
||||
|
<span>{{ node.label || $store.getters.userInfo.Orgname }}</span> |
||||
|
<span v-show="data.del" class="handle"> |
||||
|
<el-tooltip class="item" effect="dark" content="新增" placement="top-start"> |
||||
|
<el-button type="text" size="mini" @click.stop="() => append(data)" icon="el-icon-circle-plus-outline"> |
||||
|
</el-button> |
||||
|
</el-tooltip> |
||||
|
<!-- <el-tooltip v-show="data.sid" class="item" effect="dark" content="修改" placement="top-start">--> |
||||
|
<!-- <el-button type="text" size="mini" @click.stop="() => deit(data)" icon="el-icon-edit">--> |
||||
|
<!-- </el-button>--> |
||||
|
<!-- </el-tooltip>--> |
||||
|
<!-- <el-tooltip v-show="data.sid" class="item" effect="dark" content="删除" placement="top-start">--> |
||||
|
<!-- <el-button type="text" size="mini" @click.stop="() => remove(data)" icon="el-icon-delete">--> |
||||
|
<!-- </el-button>--> |
||||
|
<!-- </el-tooltip>--> |
||||
|
</span> |
||||
|
</span> |
||||
|
</el-tree> |
||||
|
</div> |
||||
|
<el-dialog title="编辑节点" :visible.sync="dialogVisible" width="50%" class="edit"> |
||||
|
<table class="e-table" cellspacing="0"> |
||||
|
<tr> |
||||
|
<td>组织名称</td> |
||||
|
<td> |
||||
|
<el-input v-model="form.name" style="width:300px"></el-input> |
||||
|
</td> |
||||
|
<td>组织编码</td> |
||||
|
<td> |
||||
|
<el-input v-model="form.orgCode" style="width:300px"></el-input> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>主管人员</td> |
||||
|
<td> |
||||
|
<el-select v-model="form.zgStaffSid" style="width:300px" filterable> |
||||
|
<el-option v-for="item in staffdata" :key="item.sid" :label="item.name" :value="item.sid"/> |
||||
|
</el-select> |
||||
|
</td> |
||||
|
<td>分管人员</td> |
||||
|
<td> |
||||
|
<el-select v-model="fgStaffSid" style="width:300px" filterable multiple> |
||||
|
<el-option v-for="item in staffdata2" :key="item.sid" :label="item.name" :value="item.sid"/> |
||||
|
</el-select> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>组织简称</td> |
||||
|
<td :colspan="3"> |
||||
|
<el-input v-model="form.orgAbbre" style="width: 30%"></el-input> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>管理层级</td> |
||||
|
<td> |
||||
|
<el-select v-model="form.orgLevelValue" style="width:300px" placeholder="请选择" filterable @change="changeOrgLevel"> |
||||
|
<el-option v-for="item in orgLevel_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option> |
||||
|
</el-select> |
||||
|
</td> |
||||
|
<td>其他编码</td> |
||||
|
<td> |
||||
|
<el-input v-model="form.otherCode" style="width:300px" placeholder="与财务中客户编码相同"></el-input> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>组织地址</td> |
||||
|
<td> |
||||
|
<el-input v-model="form.addrs" style="width:300px"></el-input> |
||||
|
</td> |
||||
|
<td>组织属性</td> |
||||
|
<td> |
||||
|
<el-select v-model="form.orgAttributeValue" placeholder="请选择" filterable @change="changeOrgAttribute"> |
||||
|
<el-option v-for="item in orgAttribute_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option> |
||||
|
</el-select> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>组织联系人</td> |
||||
|
<td> |
||||
|
<el-input v-model="form.linkPerson" style="width:300px"></el-input> |
||||
|
</td> |
||||
|
|
||||
|
<td>联系电话</td> |
||||
|
<td> |
||||
|
<el-input v-model="form.linkPhone" style="width:300px"></el-input> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>是否独立法人</td> |
||||
|
<td> |
||||
|
<el-radio v-model="form.isDept" :label="0">是</el-radio> |
||||
|
<el-radio v-model="form.isDept" :label="1">否</el-radio> |
||||
|
</td> |
||||
|
<td>排序号</td> |
||||
|
<td> |
||||
|
<el-input v-model="form.sort" style="width:300px"></el-input> |
||||
|
</td> |
||||
|
</tr> |
||||
|
</table> |
||||
|
<div slot="footer" class="text-center"> |
||||
|
<el-button type="primary" @click="nodeSave()">保 存</el-button> |
||||
|
<el-button @click="dialogVisible = false">返 回</el-button> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
<div class="org-table" v-show="isshow == 'table'"> |
||||
|
<div class="tab-header"> |
||||
|
<el-form ref="form" :inline="true" :model="form" label-width="80px"> |
||||
|
<el-row :gutter="20"> |
||||
|
<el-col :span="24"> |
||||
|
<el-form-item label="组织名称"> |
||||
|
<el-input v-model="page.params.name" clearable></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button @click="onSearch()">查询</el-button> |
||||
|
<el-button @click="resetSearch()">重置</el-button> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
<!-- table --> |
||||
|
<el-table :data="tableData" default-expand-all border style="width: 100%;"> |
||||
|
<el-table-column label="操作" align="center" width="160px"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button type="primary" size="mini" @click="editRow(scope.row)"> |
||||
|
编辑 |
||||
|
</el-button> |
||||
|
<el-button type="danger" size="mini" @click.native.prevent="remove(scope.row)"> |
||||
|
删除 |
||||
|
</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="name" label="组织名称" align="center"></el-table-column> |
||||
|
<el-table-column prop="orgCode" label="组织编码" align="center"></el-table-column> |
||||
|
<!-- <el-table-column prop="zgNames" label="主管" align="center"></el-table-column>--> |
||||
|
<el-table-column prop="fgNames" label="分管" align="center"></el-table-column> |
||||
|
<!--<el-table-column prop="contactMan" label="联系人" align="center" width="100px"></el-table-column>--> |
||||
|
<el-table-column prop="linkPhone" label="联系人手机号" width="110" align="center"> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="addrs" label="地址" align="center"> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="sort" label="排序" align="center" width="50px"> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="qrText" label="二维码" align="center" width="80px"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button @click.native.prevent="lookRow(scope.row)" type="text" size="small">查看</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<pagination :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination"/> |
||||
|
</div> |
||||
|
|
||||
|
<div class="org-table" v-show="isshow == 'ewm'"> |
||||
|
<div class="tab-header"> |
||||
|
<el-form ref="form" :inline="true" :model="form" label-width="80px"> |
||||
|
<el-row :gutter="20"> |
||||
|
<el-col :span="16"> |
||||
|
<h4 style="margin: 0;line-height: 32px;">组织二维码</h4> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item style="float: right;"> |
||||
|
<el-button type="primary" @click="Printewm">打 印</el-button> |
||||
|
<el-button @click="isshow = 'table'">返 回</el-button> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
<!-- center --> |
||||
|
<div class="ewm" style="display: flex;justify-content: center; align-items: center;" ref="print"> |
||||
|
<img style="width: 200px; height: 200px;" :src="ewmForm.qrFilePath" alt=""> |
||||
|
<ul style="list-style:none; line-height: 32px; font-size: 16px;"> |
||||
|
<li><label>组织名称: </label><span>{{ ewmForm.departmentName }}</span></li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- 新增、编辑页面 --> |
||||
|
<div class="org-table" v-show="isshow == 'edit'"> |
||||
|
<div class="tab-header"> |
||||
|
<el-form ref="form" :inline="true" :model="form" label-width="80px"> |
||||
|
<el-row :gutter="20"> |
||||
|
<el-col :span="16"> |
||||
|
<h4 style="margin: 0;line-height: 32px;"> {{ dialogTitle }}组织信息</h4> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item style="float: right;"> |
||||
|
<el-button type="primary" @click="save()">保 存</el-button> |
||||
|
<el-button @click="isshow = 'table'">返 回</el-button> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
<!-- center --> |
||||
|
<div class="ediut"> |
||||
|
<table class="e-table" cellspacing="0"> |
||||
|
<tr> |
||||
|
<td>组织名称</td> |
||||
|
<td> |
||||
|
<el-input v-model="form.name" style="width:300px"></el-input> |
||||
|
</td> |
||||
|
<td>组织编码</td> |
||||
|
<td> |
||||
|
<el-input v-model="form.orgCode" style="width:300px"></el-input> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>主管人员</td> |
||||
|
<td> |
||||
|
<el-select v-model="form.zgStaffSid" style="width:300px" filterable> |
||||
|
<el-option v-for="item in staffdata" :key="item.sid" :label="item.name" :value="item.sid"/> |
||||
|
</el-select> |
||||
|
</td> |
||||
|
<td>分管人员</td> |
||||
|
<td> |
||||
|
<el-select v-model="fgStaffSid" style="width:300px" filterable multiple> |
||||
|
<el-option v-for="item in staffdata2" :key="item.sid" :label="item.name" :value="item.sid"/> |
||||
|
</el-select> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>组织简称</td> |
||||
|
<td :colspan="3"> |
||||
|
<el-input v-model="form.orgAbbre" style="width: 300px"></el-input> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>管理层级</td> |
||||
|
<td> |
||||
|
<el-select v-model="form.orgLevelValue" style="width:300px" placeholder="请选择" filterable @change="changeOrgLevel"> |
||||
|
<el-option v-for="item in orgLevel_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option> |
||||
|
</el-select> |
||||
|
</td> |
||||
|
<td>其他编码</td> |
||||
|
<td> |
||||
|
<el-input v-model="form.otherCode" style="width:300px" placeholder="与财务中客户编码相同"></el-input> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>组织地址</td> |
||||
|
<td> |
||||
|
<el-input v-model="form.addrs" style="width:300px"></el-input> |
||||
|
</td> |
||||
|
<td>组织属性</td> |
||||
|
<td> |
||||
|
<el-select v-model="form.orgAttributeValue" placeholder="请选择" filterable @change="changeOrgAttribute"> |
||||
|
<el-option v-for="item in orgAttribute_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option> |
||||
|
</el-select> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>组织联系人</td> |
||||
|
<td> |
||||
|
<el-input v-model="form.linkPerson" style="width:300px"></el-input> |
||||
|
</td> |
||||
|
<td>联系电话</td> |
||||
|
<td> |
||||
|
<el-input v-model="form.linkPhone" style="width:300px"></el-input> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>是否独立法人</td> |
||||
|
<td> |
||||
|
<el-radio v-model="form.isDept" :label="0">是</el-radio> |
||||
|
<el-radio v-model="form.isDept" :label="1">否</el-radio> |
||||
|
</td> |
||||
|
<td>排序号</td> |
||||
|
<td> |
||||
|
<el-input v-model="form.sort" style="width:300px"></el-input> |
||||
|
</td> |
||||
|
</tr> |
||||
|
</table> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- <Position v-if="mapDialog" :address.sync="form.addrs" :maker-position.sync="form.jwd" |
||||
|
:dialog-visible.sync="mapDialog"/>--> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
addOrgTree, |
||||
|
delOrgtree, |
||||
|
getQrCode, getStaff, |
||||
|
getStaffName, |
||||
|
orgList, |
||||
|
pageList, |
||||
|
postOrgtree, |
||||
|
putOrgtree, |
||||
|
selectBySid |
||||
|
} from '@/api/system/departments/departments.js' |
||||
|
import { typeValues } from '@/api/system/roleAdminister/index' |
||||
|
import Position from '@/components/amap/amap.vue' |
||||
|
|
||||
|
export default { |
||||
|
components: { Position }, |
||||
|
data() { |
||||
|
return { |
||||
|
dialogVisible: false, |
||||
|
mapDialog: false, |
||||
|
dialogTitle: '', |
||||
|
props: { |
||||
|
label: 'name', |
||||
|
children: 'children' |
||||
|
}, |
||||
|
nodeForm: { |
||||
|
sid: '', |
||||
|
name: '', |
||||
|
sortNo: '' |
||||
|
}, |
||||
|
ewmForm: { |
||||
|
qrFilePath: '', |
||||
|
organizationName: '', |
||||
|
departmentName: '', |
||||
|
address: '' |
||||
|
}, |
||||
|
orgAttribute_list: [], |
||||
|
orgLevel_list: [], |
||||
|
form: { |
||||
|
sid: '', |
||||
|
name: '', |
||||
|
orgCode: '', |
||||
|
/* jwd: '',*/ |
||||
|
addrs: '', |
||||
|
zgStaffSid: '', |
||||
|
zgStaffName: '', |
||||
|
fgStaffSid: '', |
||||
|
fgStaffName: '', |
||||
|
linkPerson: '', |
||||
|
linkPhone: '', |
||||
|
sort: '', |
||||
|
isDept: '', |
||||
|
orgAbbre: '', |
||||
|
orgAttributeValue: '', |
||||
|
orgAttributeKey: '', |
||||
|
orgLevelValue: '', |
||||
|
orgLevelKey: '', |
||||
|
otherCode: '' |
||||
|
}, |
||||
|
fgStaffSid: [], |
||||
|
formBackup: Object.assign({}, this.form), |
||||
|
isshow: 'table', |
||||
|
page: { |
||||
|
total: 0, // 默认数据总数 |
||||
|
current: 1, // 默认开始页面 |
||||
|
size: 10, // 每页的数据条数 |
||||
|
params: { |
||||
|
name: '', |
||||
|
organizationSid: '', |
||||
|
psid: '' |
||||
|
} |
||||
|
}, |
||||
|
tableData: [], |
||||
|
treedata: [], |
||||
|
staffdata: [], |
||||
|
staffdata2: [], |
||||
|
rules: {} |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.getOrgTree() |
||||
|
this.init() |
||||
|
}, |
||||
|
methods: { |
||||
|
init() { |
||||
|
typeValues({ type: 'orgAttribute' }).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.orgAttribute_list = res.data |
||||
|
} |
||||
|
}) |
||||
|
typeValues({ type: 'orgLevel' }).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.orgLevel_list = res.data |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
changeOrgLevel(value) { |
||||
|
let bb = null |
||||
|
this.orgLevel_list.forEach((e) => { |
||||
|
if (e.dictValue === value) { |
||||
|
bb = { |
||||
|
value: e.dictValue, |
||||
|
key: e.dictKey |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
this.form.orgLevelValue = bb.value |
||||
|
this.form.orgLevelKey = bb.key |
||||
|
}, |
||||
|
changeOrgAttribute(value) { |
||||
|
let bb = null |
||||
|
this.orgAttribute_list.forEach((e) => { |
||||
|
if (e.dictValue === value) { |
||||
|
bb = { |
||||
|
key: e.dictKey, |
||||
|
value: e.dictValue |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
this.form.orgAttributeKey = bb.key |
||||
|
}, |
||||
|
pagination(val) { // 分页 |
||||
|
this.page.current = val.pageNum |
||||
|
this.page.size = val.pageSize |
||||
|
this.getPageList(this.page) |
||||
|
}, |
||||
|
handleNodeClick(data) { |
||||
|
this.isshow = 'table' |
||||
|
this.page.params.organizationSid = this.$store.getters.userInfo.orgSid |
||||
|
this.page.params.psid = data.sid || 0 |
||||
|
|
||||
|
this.getPageList(this.page) |
||||
|
}, |
||||
|
getPageList(data) { // 获取树形列表 |
||||
|
pageList(data).then(res => { |
||||
|
console.log('返回子级:',res) |
||||
|
this.tableData = res.data.records |
||||
|
this.page.total = res.data.total |
||||
|
}) |
||||
|
}, |
||||
|
getOrgTree() { // 获取树形列表 |
||||
|
orgList({}).then(res => { |
||||
|
this.treedata = res.data |
||||
|
}) |
||||
|
}, |
||||
|
save() { |
||||
|
if (this.fgStaffSid.length > 0) { |
||||
|
this.form.fgStaffSid = this.fgStaffSid.join() |
||||
|
} else { |
||||
|
this.form.fgStaffName = '' |
||||
|
this.form.fgStaffSid = '' |
||||
|
} |
||||
|
this.form.organizationSid = this.$store.getters.userInfo.orgSid |
||||
|
// this.form.dlxx = typeof(this.form.dlxx) == 'string' ? this.form.dlxx : this.form.dlxx.join() |
||||
|
if (this.form.sid) { |
||||
|
// console.log(this.form) |
||||
|
putOrgtree(this.form).then(res => { |
||||
|
if (res.success) { |
||||
|
this.isshow = 'table' |
||||
|
this.getOrgTree() |
||||
|
this.handleNodeClick({ sid: this.form.psid }) |
||||
|
this.$message({ |
||||
|
message: res.msg, |
||||
|
type: 'success' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
addOrgTree(this.form).then(res => { |
||||
|
if (res.success) { |
||||
|
this.isshow = 'table' |
||||
|
this.getOrgTree() |
||||
|
this.handleNodeClick({ sid: this.form.psid }) |
||||
|
this.$message({ |
||||
|
message: res.msg, |
||||
|
type: 'success' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
append(data) { |
||||
|
console.log(123456789, data) |
||||
|
this.dialogTitle = '新增' |
||||
|
this.isshow = 'edit' |
||||
|
this.fgStaffSid = [] |
||||
|
this.form = Object.assign({}, this.formBackup) |
||||
|
this.form.psid = data.sid || 0 |
||||
|
this.form.organizationSid = this.$store.getters.userInfo.orgSid |
||||
|
this.form.address = data.orgAddress || data.address |
||||
|
this.form.dlxx = data.gisInfo || data.dlxx |
||||
|
this.getStaff(data.sid) |
||||
|
this.getStaff2(data.sid) |
||||
|
}, |
||||
|
editRow(row) { |
||||
|
this.getStaff(row.sid) |
||||
|
this.getStaff2(row.sid) |
||||
|
this.dialogTitle = '编辑' |
||||
|
this.isshow = 'edit' |
||||
|
this.fgStaffSid = [] |
||||
|
selectBySid(row.sid).then((response) => { |
||||
|
if (response.success) { |
||||
|
this.form = response.data |
||||
|
this.form.fgStaffName = response.data.fgNames |
||||
|
this.form.fgStaffSid = response.data.fgStaffSid |
||||
|
if (this.form.fgStaffSid) { |
||||
|
this.fgStaffSid = response.data.fgStaffSid.split(',') |
||||
|
} |
||||
|
this.form.zgStaffName = response.data.zgNames |
||||
|
this.form.zgStaffSid = response.data.zgStaffSid |
||||
|
console.log('编辑回显的数据', this.form) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
deit(data) { // 节点编辑保存 |
||||
|
this.getStaff(data.sid) |
||||
|
this.getStaff2(data.sid) |
||||
|
console.log(data, 8888) |
||||
|
this.dialogVisible = true |
||||
|
this.form.sid = data.sid |
||||
|
// this.form.psid = null |
||||
|
this.form.name = data.name |
||||
|
this.form.orgCode = data.orgCode |
||||
|
/* this.form.jwd = data.jwd*/ |
||||
|
this.form.addrs = data.addrs |
||||
|
this.form.linkPerson = data.linkPerson |
||||
|
this.form.linkPhone = data.linkPhone |
||||
|
this.form.sort = data.sort |
||||
|
this.form.zgStaffSid = data.zgSids |
||||
|
this.form.fgStaffSid = data.fgSids.split(',') |
||||
|
}, |
||||
|
nodeSave() { // 节点编辑保存 |
||||
|
console.log('这是保存nodeSave(0') |
||||
|
this.form.fgStaffSid = this.form.fgStaffSid.join() |
||||
|
postOrgtree(this.form).then(res => { |
||||
|
this.getOrgTree() |
||||
|
this.dialogVisible = false |
||||
|
this.$message({ |
||||
|
message: res.msg, |
||||
|
type: 'success' |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
remove(data) { |
||||
|
this.$confirm('确定要删除该组织吗, 是否继续?', '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
delOrgtree({ sid: data.sid }).then(res => { |
||||
|
this.getOrgTree() |
||||
|
this.handleNodeClick({ sid: data.psid }) |
||||
|
this.$message({ |
||||
|
message: res.msg, |
||||
|
type: 'success' |
||||
|
}) |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
lookRow(row) { // 查看二维码 |
||||
|
this.isshow = 'ewm' |
||||
|
getQrCode({ sid: row.sid }).then(res => { |
||||
|
this.ewmForm = res.data |
||||
|
}) |
||||
|
}, |
||||
|
Printewm() { |
||||
|
this.$print(this.$refs.print) // 使用 |
||||
|
}, |
||||
|
mouseenter(data) { |
||||
|
this.$set(data, 'del', true) |
||||
|
}, |
||||
|
mouseleave(data) { |
||||
|
this.$set(data, 'del', false) |
||||
|
}, |
||||
|
onSearch() { |
||||
|
this.getPageList(this.page) |
||||
|
}, |
||||
|
resetSearch() { |
||||
|
this.page.params.name = '' |
||||
|
this.getPageList(this.page) |
||||
|
}, |
||||
|
// 主管人员 |
||||
|
getStaff(orgSid) { |
||||
|
getStaff({ deptSid: orgSid }).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.staffdata = res.data |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 分管人员 |
||||
|
getStaff2(orgSid) { |
||||
|
getStaffName({ deptSid: orgSid }).then(res => { |
||||
|
this.staffdata2 = res.data |
||||
|
console.log('分管人员', this.staffdata2) |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style> |
||||
|
.el-icon-arrow-right:before { |
||||
|
content: '\e6e0'; |
||||
|
color: #727272; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
<style scoped="scoped" lang="scss"> |
||||
|
.org-tree { |
||||
|
width: 240px; |
||||
|
min-height: 100%; |
||||
|
box-sizing: border-box; |
||||
|
/*padding-right: 10px;*/ |
||||
|
border: 1px solid #edf1f7; |
||||
|
overflow: scroll; |
||||
|
} |
||||
|
|
||||
|
.org-table { |
||||
|
flex: 1; |
||||
|
// padding-left: 10px; |
||||
|
margin: 0 10px; |
||||
|
border: 1px solid #edf1f7; |
||||
|
min-height: 100%; |
||||
|
overflow-y: scroll; |
||||
|
|
||||
|
.ewm { |
||||
|
margin: 30px auto 0; |
||||
|
width: 560px; |
||||
|
} |
||||
|
|
||||
|
.ediut { |
||||
|
margin: 30px auto 0; |
||||
|
/*width:750px;*/ |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.custom-tree-node { |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
|
width: 100%; |
||||
|
flex: 1; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: space-between; |
||||
|
font-size: 14px; |
||||
|
padding-right: 8px; |
||||
|
} |
||||
|
|
||||
|
.handle { |
||||
|
position: absolute; |
||||
|
right: 0; |
||||
|
|
||||
|
.el-button--text { |
||||
|
font-size: 15px; |
||||
|
background-color: #FFFFFF; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.my-tabs { |
||||
|
margin-top: 10px; |
||||
|
} |
||||
|
|
||||
|
.edit { |
||||
|
.el-form-item__label { |
||||
|
width: 100px !important; |
||||
|
display: inline-block !important; |
||||
|
} |
||||
|
|
||||
|
.el-input { |
||||
|
width: 70%; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.td_left { |
||||
|
border-left: 0 solid #e6e9f0; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue