God
2 years ago
71 changed files with 6 additions and 11979 deletions
@ -1,91 +0,0 @@ |
|||
import request from '@/utils/request' |
|||
import qs from 'qs' |
|||
import {getDownLoadUrl } from '@/utils/axios' |
|||
import { removeToken, getToken } from '@/utils/auth' |
|||
|
|||
// 资方信息表
|
|||
// 条件查询
|
|||
export function basefinbankListPage(data) { |
|||
return request({ |
|||
url: '/base/v1/basefinbank/listPage', |
|||
data, |
|||
method: 'post', |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
} |
|||
// 条件查询
|
|||
// export function listPage(data) {
|
|||
// return request({
|
|||
// url: '/base/v1/basefinbank/listPage',
|
|||
// method: 'post',
|
|||
// data: data,
|
|||
// headers: { 'Content-Type': 'application/json' }
|
|||
// })
|
|||
// }
|
|||
// 添加
|
|||
export function basefinbankSaveList(data) { |
|||
return request({ |
|||
url: '/base/v1/basefinbank/save', |
|||
data, |
|||
method: 'post', |
|||
// data: data,
|
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
} |
|||
// 修改
|
|||
export function basefinbankUpdate(data) { |
|||
// console.log('data44', data)
|
|||
return request({ |
|||
url: `/base/v1/basefinbank/update/${data.sid}`, |
|||
method: 'post', |
|||
data: data, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
} |
|||
// 删除/base/v1/basefinbank/delete/{sid}
|
|||
// export function deleteBySids(data) {
|
|||
// return request({
|
|||
// url: '/base/v1/basefinbank/delete/deleteBySid?sid=' + data,
|
|||
// method: 'DELETE',
|
|||
// data: qs.stringify(data)
|
|||
// })
|
|||
// }
|
|||
// 批量删除/base/v1/basefinbank/deleteBySids
|
|||
export function basefinbankDeleteBySids(data) { |
|||
return request({ |
|||
url: '/base/v1/basefinbank/deleteBySids?sids=' + data, |
|||
method: 'DELETE', |
|||
data: qs.stringify(data) |
|||
}) |
|||
} |
|||
|
|||
// 详情以及修改回 获取一条记录显/base/v1/basefinbank/details/{sid}
|
|||
export function basefinbankDetails(data) { |
|||
return request({ |
|||
url: '/base/v1/basefinbank/details/' + data, |
|||
method: 'get' |
|||
}) |
|||
} |
|||
// 根据资方名称模糊搜索资方名称下拉框
|
|||
export function basefinbankDnamesDown(data) { |
|||
return request({ |
|||
url: '/base/v1/basefinbank/namesDown', |
|||
method: 'get', |
|||
params: data |
|||
}) |
|||
} |
|||
// 导出表格
|
|||
export function basefinbankExportExcel(data) { |
|||
return request({ |
|||
url: '/base/v1/basefinbank/exportExcel?sids='+data, |
|||
method: 'get', |
|||
responseType: 'blob' ,// 表明返回服务器返回的数据类型
|
|||
data: qs.stringify(data), |
|||
}) |
|||
} |
|||
@ -1,42 +0,0 @@ |
|||
import request from '@/utils/request' |
|||
import qs from 'qs'; |
|||
class staffOrg { |
|||
staffBingingList(data) { // 人员绑定审核列表
|
|||
return request({ |
|||
url: '/jlcyry/staffOrg/staffBingingList', |
|||
method: 'post', |
|||
data: data, |
|||
headers: { |
|||
'Content-Type': 'application/json', |
|||
'token' : "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyTm8iOiIxOCIsImlzcyI6IldCSyIsImV4cCI6MTYwMjg5ODM0NH0.VBtcZcQm_1eLqThHXPM6YZrIHQFy3_LJtBkEONgcoos" |
|||
} |
|||
}) |
|||
} |
|||
staffOrgBingingDetails(data) { //人员绑定列表点击审核的初始化页面数据
|
|||
return request({ |
|||
url: '/jlcyry/staffOrg/staffOrgBingingDetails/'+ data.userName, |
|||
method: 'get', |
|||
params: data |
|||
}) |
|||
} |
|||
verify(data) { //人员绑定审核
|
|||
return request({ |
|||
url: '/jlcyry/staffOrg/verifyStaffOrg', |
|||
method: 'post', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json'} |
|||
}) |
|||
} |
|||
|
|||
setUpDepartment(data) { //人员绑定部门
|
|||
return request({ |
|||
url: '/system/v1/departmentStaffs/setUpDepartment', |
|||
method: 'post', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json'} |
|||
}) |
|||
} |
|||
|
|||
} |
|||
|
|||
export default new staffOrg() |
|||
@ -1,60 +0,0 @@ |
|||
import request from '@/utils/request' |
|||
import qs from 'qs'; |
|||
// 获取机构的单位类别
|
|||
export function getDwType(data) { |
|||
return request({ |
|||
url: '/system/dictCommon/getDwType', |
|||
method: 'get', |
|||
params: data |
|||
}) |
|||
} |
|||
//获取机构的人员类别
|
|||
export function getRylb(data) { |
|||
return request({ |
|||
url: '/system/dictCommon/getRylb', |
|||
method: 'get' |
|||
}) |
|||
} |
|||
|
|||
//获取验证码(注册)
|
|||
export function getVerificationCode(data) { |
|||
return request({ |
|||
url: '/system/organization/getVerificationCode', |
|||
method: 'get', |
|||
params: data |
|||
}) |
|||
} |
|||
//获取机构信息列表
|
|||
export function verifyList(data) { |
|||
return request({ |
|||
url: '/system/organization/verifyList', |
|||
method: 'post', |
|||
data: qs.stringify(data), |
|||
headers: {'Content-Type': 'application/json'} |
|||
}) |
|||
} |
|||
|
|||
//机构信息保存
|
|||
export function saveOrg(data) { |
|||
return request({ |
|||
url: '/system/organization/save', |
|||
method: 'post', |
|||
data: qs.stringify(data), |
|||
}) |
|||
} |
|||
|
|||
//入职单位下拉框
|
|||
export function inductionUnitList(data) { |
|||
return request({ |
|||
url: '/system/organization/inductionUnitList', |
|||
method: 'post', |
|||
data: qs.stringify(data), |
|||
}) |
|||
} |
|||
|
|||
export function download(data) { // 下载授权证书
|
|||
return request({ |
|||
url: 'system/organization/download', |
|||
method: 'get', |
|||
}) |
|||
} |
|||
@ -1,22 +0,0 @@ |
|||
import request from '@/utils/request' |
|||
import qs from 'qs'; |
|||
class organization{ |
|||
inductionUnitList(data) { // 绑定单位 入职单位下拉框
|
|||
return request({ |
|||
url: '/system/organization/inductionUnitList', |
|||
method: 'post', |
|||
data: qs.stringify(data), |
|||
}) |
|||
} |
|||
save(data) { // 人员机构关系保存
|
|||
return request({ |
|||
url: '/jlcyry/staffOrg/save', |
|||
method: 'post', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json'} |
|||
}) |
|||
} |
|||
|
|||
} |
|||
|
|||
export default new organization() |
|||
@ -1,138 +0,0 @@ |
|||
import request from '@/utils/request' |
|||
import qs from 'qs' |
|||
// 用户列表
|
|||
let tokens = window.sessionStorage.getItem('token'); |
|||
export function userList(data){ |
|||
return request({ |
|||
url: '/base/v1/basefinbank/listPage', |
|||
method: 'post', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
// 根据sid查询一条信息
|
|||
export function userSingle(data){ |
|||
return request({ |
|||
url: '/base/v1/basefinbank/fetchSid/' +data.sid, |
|||
method: 'get', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
// 新增
|
|||
export function userAdd(data){ |
|||
return request({ |
|||
url: '/portal/v1/sysuser/save', |
|||
method: 'post', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
// 更新
|
|||
export function userUpdata(data){ |
|||
return request({ |
|||
url: '/portal/v1/sysuser/update/' +data.sid, |
|||
method: 'post', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
|
|||
// 删除
|
|||
export function delUser(data){ |
|||
return request({ |
|||
url: '/portal/v1/sysuser/delBySid/' +data.sid, |
|||
method: 'get', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
// 初始化密码
|
|||
export function initPwd(data){ |
|||
return request({ |
|||
url: '/portal/v1/sysuser/initPwd/' +data.sid, |
|||
method: 'post', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
|
|||
// 单条用户的角色列表
|
|||
export function setRole(data){ |
|||
return request({ |
|||
url: '/portal/v1/sysrole/listAllByUserSid/' +data.sid, |
|||
method: 'post', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
// 角色列表
|
|||
export function saveOrgRole(data){ |
|||
return request({ |
|||
url: '/portal/v1/sysuserrole/update', |
|||
method: 'post', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
// 查询角色列表
|
|||
export function roleList(data){ |
|||
return request({ |
|||
url: '/base/v1/basefinpolicy/listAll', |
|||
method: 'post', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
// 查询部门列表
|
|||
export function orgList(data){ |
|||
return request({ |
|||
url: '/portal/v1/sysorganization/list', |
|||
method: 'get', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
// 查询岗位列表
|
|||
export function postList(data){ |
|||
return request({ |
|||
url: '/portal/v1/syspost/fetchByOrgSid/'+data.sid, |
|||
method: 'get', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
|
|||
// 获取验证码
|
|||
export function getCode(data){ |
|||
return request({ |
|||
url: '/portal/v1/sysuser/sendMessageCode/'+data.phone, |
|||
method: 'get', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
@ -1,32 +0,0 @@ |
|||
import request from '@/utils/request' |
|||
import qs from 'qs' |
|||
//获取单位级别
|
|||
export function getDwJb(data) { |
|||
return request({ |
|||
url: '/system/dictCommon/getDwJb', |
|||
method: 'GET', |
|||
}) |
|||
} |
|||
// 获取机构单位类别
|
|||
export function getDwType(data) { |
|||
return request({ |
|||
url: '/system/dictCommon/getDwType', |
|||
method: 'get', |
|||
params: data |
|||
}) |
|||
} |
|||
//获取机构人员类别
|
|||
export function getRylb(data) { |
|||
return request({ |
|||
url: '/system/dictCommon/getRylb', |
|||
method: 'get' |
|||
}) |
|||
} |
|||
|
|||
// 根据Type值获取数据对象
|
|||
export function getDicts(typeCode) { |
|||
return request({ |
|||
url: '/system/dictCommon/dicts/'+typeCode, |
|||
method: 'get' |
|||
}) |
|||
} |
|||
@ -1,120 +0,0 @@ |
|||
import request from '@/utils/request' |
|||
import qs from 'qs'; |
|||
|
|||
//let tokens = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyTm8iOiI2IiwiaXNzIjoiV0JLIiwiZXhwIjoxNjMwMDI3MDA3fQ.9bEgBzFW2g1CUT7s5VXxhNCa10cyU_WTCFeqpQje0iY'
|
|||
let tokens = window.sessionStorage.getItem('token'); |
|||
//获取菜单 分页列表
|
|||
export function pageList(data) { |
|||
return request({ |
|||
url: '/portal/v1/sysorganization/listPage', |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
// 查询左侧部门列表
|
|||
export function orgList(data){ |
|||
return request({ |
|||
url: '/portal/v1/sysorganization/list', |
|||
method: 'get', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
// 编辑部门信息
|
|||
export function postOrgtree(data){ |
|||
return request({ |
|||
url: '/portal/v1/sysorganization/update/' +data.sid, |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
// 获取 机构分页列表
|
|||
export function putOrgtree(data) { |
|||
return request({ |
|||
url: '/portal/v1/sysorganization/update/' +data.sid, |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens} |
|||
}) |
|||
} |
|||
// 新增部门信息
|
|||
export function addOrgTree(data){ |
|||
return request({ |
|||
url: '/portal/v1/sysorganization/save', |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
// 树 节点名称 删除
|
|||
export function delOrgtree(data) { |
|||
return request({ |
|||
url: `/portal/v1/sysorganization/delBySid/`+data.sid, |
|||
method: 'get', |
|||
data: qs.stringify(data), |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
// 获取 机构树形
|
|||
export function getOrgTree(data) { |
|||
return request({ |
|||
url: `/system/v1/departments/departmentTreeList/`+ data.organizationSid, |
|||
method: 'GET', |
|||
params: data |
|||
}) |
|||
} |
|||
//// 添加 机构树形节点
|
|||
//export function addOrgTree(data) {
|
|||
//return request({
|
|||
// url: `/system/v1/departments`,
|
|||
// method: 'post',
|
|||
// data: data,
|
|||
// headers: {'Content-Type': 'application/json'}
|
|||
//})
|
|||
//}
|
|||
|
|||
// 获取 机构分页列表
|
|||
export function getPagelist(data) { |
|||
return request({ |
|||
url: `/system/v1/departments/pagelist`, |
|||
method: 'post', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json'} |
|||
}) |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
// 查看二维码
|
|||
export function getQrCode(data) { |
|||
return request({ |
|||
url: `/system/v1/departments/getQrCode/`+data.sid, |
|||
method: 'POST', |
|||
data: qs.stringify(data) |
|||
}) |
|||
} |
|||
@ -1,52 +0,0 @@ |
|||
import request from '@/utils/request' |
|||
import qs from 'qs' |
|||
let tokens = window.sessionStorage.getItem('token'); |
|||
|
|||
//获取字典子集 分页列表
|
|||
export function dictCommonList(data) { |
|||
return request({ |
|||
url: '/portal/v1/dictcommons/pageList', |
|||
method: 'post', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json'} |
|||
}) |
|||
} |
|||
|
|||
//保存 字典子级
|
|||
export function savedictCommon(data) { |
|||
return request({ |
|||
url: '/portal/v1/dictcommons/save', |
|||
method: 'POST', |
|||
data: qs.stringify(data), |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
|
|||
//根据sid 获取单个菜单 信息
|
|||
export function getRoleInfo(data) { |
|||
return request({ |
|||
url: '/system/v1/menus/' + data.sid, |
|||
method: 'GET', |
|||
data: qs.stringify(data) |
|||
}) |
|||
} |
|||
|
|||
//根据sid 修改 数据字典
|
|||
export function putdictCommon(data) { |
|||
return request({ |
|||
url: '/portal/v1/dictcommons/update/' + data.sid, |
|||
method: 'POST', |
|||
data: qs.stringify(data) |
|||
}) |
|||
} |
|||
|
|||
//根据sid 删除菜单 信息
|
|||
export function deldictCommon(data) { |
|||
return request({ |
|||
url: '/portal/v1/dictcommons/delete/' + data.sid, |
|||
method: 'DELETE', |
|||
data: qs.stringify(data) |
|||
}) |
|||
} |
|||
@ -1,72 +0,0 @@ |
|||
import request from '@/utils/request' |
|||
import qs from 'qs' |
|||
//let tokens = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyTm8iOiI2IiwiaXNzIjoiV0JLIiwiZXhwIjoxNjMwMDI3MDA3fQ.9bEgBzFW2g1CUT7s5VXxhNCa10cyU_WTCFeqpQje0iY'
|
|||
let tokens = window.sessionStorage.getItem('token'); |
|||
|
|||
//获取菜单 分页列表
|
|||
export function pageList(data) { |
|||
return request({ |
|||
url: '/portal/v1/dicttypes/pageList', |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
//根据sid 修改
|
|||
export function putDictType(data) { |
|||
return request({ |
|||
url: '/portal/v1/dicttypes/update/' + data.sid, |
|||
method: 'POST', |
|||
data: qs.stringify(data) |
|||
}) |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
////获取菜单 分页列表
|
|||
//export function dictTypeList(data) {
|
|||
//return request({
|
|||
// url: '/system/dicttype/pageList',
|
|||
// method: 'post',
|
|||
// data: data,
|
|||
// headers: {'Content-Type': 'application/json'}
|
|||
//})
|
|||
//}
|
|||
|
|||
//保存 角色信息
|
|||
export function saveDictType(data) { |
|||
return request({ |
|||
url: '/system/dicttype/save', |
|||
method: 'POST', |
|||
data: qs.stringify(data) |
|||
}) |
|||
} |
|||
|
|||
//根据sid 获取单个菜单 信息
|
|||
export function getRoleInfo(data) { |
|||
return request({ |
|||
url: '/system/v1/menus/' + data.sid, |
|||
method: 'GET', |
|||
data: qs.stringify(data) |
|||
}) |
|||
} |
|||
|
|||
|
|||
|
|||
//根据sid 删除菜单 信息
|
|||
export function delDictType(data) { |
|||
return request({ |
|||
url: '/system/dicttype/delete/' + data.sid, |
|||
method: 'DELETE', |
|||
data: qs.stringify(data) |
|||
}) |
|||
} |
|||
@ -1,84 +0,0 @@ |
|||
import request from '@/utils/request' |
|||
import qs from 'qs' |
|||
//let tokens = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyTm8iOiI2IiwiaXNzIjoiV0JLIiwiZXhwIjoxNjMwMDI3MDA3fQ.9bEgBzFW2g1CUT7s5VXxhNCa10cyU_WTCFeqpQje0iY'
|
|||
let tokens = window.sessionStorage.getItem('token'); |
|||
//获取菜单 分页列表
|
|||
export function pageList(data) { |
|||
return request({ |
|||
url: '/portal/v1/sysfunction/listAllVoForSource', |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
|
|||
//新增
|
|||
export function savePost(data) { |
|||
return request({ |
|||
url: '/portal/v1/sysfunction/save', |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
|
|||
//模块名称
|
|||
export function sourceList(data) { |
|||
return request({ |
|||
url: '/portal/v1/syssource/listAll', |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
// 删除
|
|||
export function delOrgroles(data) { |
|||
return request({ |
|||
url: '/portal/v1/sysfunction/delBySids/'+ data.sid, |
|||
method: 'get', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
|
|||
// 修改
|
|||
export function getSingleData(data){ |
|||
return request({ |
|||
url: '/portal/v1/sysfunction/fetchBySid/'+data.id, |
|||
method: 'get', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
export function putOrgroles(data){ |
|||
return request({ |
|||
url: '/portal/v1/sysfunction/update/' +data.sid, |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
|
|||
// 功能是否可用状态
|
|||
export function IsEnable(data){ |
|||
return request({ |
|||
url: '/portal/v1/sysfunction/updateIsEnable/' +data.sid, |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
@ -1,16 +0,0 @@ |
|||
import request from '@/utils/request' |
|||
import qs from 'qs' |
|||
//let tokens = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyTm8iOiI2IiwiaXNzIjoiV0JLIiwiZXhwIjoxNjMwMDI3MDA3fQ.9bEgBzFW2g1CUT7s5VXxhNCa10cyU_WTCFeqpQje0iY'
|
|||
let tokens = window.sessionStorage.getItem('token'); |
|||
//获取菜单 分页列表
|
|||
export function logPageList(data) { |
|||
return request({ |
|||
url: '/portal/v1/systemlog/listPage', |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
|
|||
@ -1,115 +0,0 @@ |
|||
import request from '@/utils/request' |
|||
import qs from 'qs' |
|||
//let tokens = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyTm8iOiI2IiwiaXNzIjoiV0JLIiwiZXhwIjoxNjMwMDI3MDA3fQ.9bEgBzFW2g1CUT7s5VXxhNCa10cyU_WTCFeqpQje0iY'
|
|||
|
|||
let tokens = window.sessionStorage.getItem('token'); |
|||
//获取菜单 分页列表
|
|||
export function pageList(data) { |
|||
return request({ |
|||
url: '/portal/v1/sysmenu/listAllVoForSource', |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
// 新增保存 菜单信息
|
|||
export function saveMenusInfo(data) { |
|||
return request({ |
|||
url: '/portal/v1/sysmenu/save', |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json'} |
|||
}) |
|||
} |
|||
// 修改保存 菜单信息
|
|||
export function putMenusInfo(data) { |
|||
return request({ |
|||
url: '/portal/v1/sysmenu/update/'+ data.sid, |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json'} |
|||
}) |
|||
} |
|||
//根据sid 删除单个 资源信息
|
|||
export function delMenus(data) { |
|||
return request({ |
|||
url: '/portal/v1/sysmenu/delBySids/' + data.sid, |
|||
method: 'get', |
|||
data: qs.stringify(data), |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
|
|||
// 修改状态
|
|||
export function IsEnable(data) { |
|||
return request({ |
|||
url: '/portal/v1/sysmenu/updateIsEnable/' + data.sid, |
|||
method: 'POST', |
|||
data: qs.stringify(data), |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
// 获取菜单 不分页列表
|
|||
export function roleList(data) { |
|||
return request({ |
|||
url: '/system/v1/menus/list', |
|||
method: 'post', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json'} |
|||
}) |
|||
} |
|||
|
|||
//获取菜单 分页列表
|
|||
export function menusPageList(data) { |
|||
return request({ |
|||
url: '/system/v1/menus/pagelist', |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json'} |
|||
}) |
|||
} |
|||
|
|||
//获取菜单 树形分页列表
|
|||
export function menusTreelist(data) { |
|||
return request({ |
|||
url: '/system/v1/menus/treelist', |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json'} |
|||
}) |
|||
} |
|||
|
|||
|
|||
|
|||
//根据sid 获取单个菜单 信息
|
|||
export function getRoleInfo(data) { |
|||
return request({ |
|||
url: '/system/v1/menus/' + data.sid, |
|||
method: 'GET', |
|||
data: qs.stringify(data) |
|||
}) |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
@ -1,61 +0,0 @@ |
|||
import request from '@/utils/request' |
|||
import qs from 'qs' |
|||
//let tokens = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyTm8iOiI2IiwiaXNzIjoiV0JLIiwiZXhwIjoxNjMwMTE1MjUwfQ.gtn_mVsbwH6ztl835rWmIY4DxeNmRe_TOt-Q0TdldIE'
|
|||
let tokens = window.sessionStorage.getItem('token'); |
|||
//获取菜单 分页列表
|
|||
export function pageList(data) { |
|||
return request({ |
|||
url: '/portal/v1/syspost/listPage', |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
|
|||
// 查询部门列表
|
|||
export function orgList(data){ |
|||
return request({ |
|||
url: '/portal/v1/sysorganization/list', |
|||
method: 'get', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
// 新增
|
|||
export function savePost(data){ |
|||
return request({ |
|||
url: '/portal/v1/syspost/save', |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
// 修改
|
|||
export function putOrgroles(data){ |
|||
return request({ |
|||
url: '/portal/v1/syspost/update/' +data.sid, |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
|
|||
// 删除
|
|||
export function delOrgroles(data){ |
|||
return request({ |
|||
url: '/portal/v1/syspost/delBySids/' + data.sids, |
|||
method: 'get', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
@ -1,139 +0,0 @@ |
|||
import request from '@/utils/request' |
|||
import qs from 'qs' |
|||
//let tokens = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyTm8iOiI2IiwiaXNzIjoiV0JLIiwiZXhwIjoxNjI5OTQxNjI1fQ.aOFOz0h7c8YQs-ti2GLpqeWu4AE9mifx_043hLJQf8g'
|
|||
let tokens = window.sessionStorage.getItem('token'); |
|||
// 业务角色 列表
|
|||
export function roleOrgList(data){ |
|||
return request({ |
|||
url: '/portal/v1/sysrole/listPage', |
|||
method: 'post', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
|
|||
// 设置是否可用：isEnable：1可用，0不可用
|
|||
export function setRoleEnable(data) { |
|||
return request({ |
|||
url: `/system/v1/orgroles/setIsEnable/${data.sid}/${data.isEnable}`, |
|||
method: 'POST', |
|||
data: qs.stringify(data) |
|||
}) |
|||
} |
|||
|
|||
/** |
|||
* <新增 保存角色> |
|||
* @orgSid 机构SID |
|||
* @remarks 备注 |
|||
* @roleName 角色名称 |
|||
* */ |
|||
export function saveOrgroles(data) { |
|||
return request({ |
|||
url: '/portal/v1/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: `/portal/v1/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: `/portal/v1/sysrole/delBySids/${data.sid}`, |
|||
method: 'get', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
// 菜单授权
|
|||
export function roleMenuTree(data) { |
|||
return request({ |
|||
url: `/portal/v1/sysmenu/listAllByRoleSid`, |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
// 菜单授权保存
|
|||
export function saveorgrolemenus(data) { |
|||
return request({ |
|||
url: `/portal/v1/sysmenurole/updateRoleAndMenu`, |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
// 资源授权
|
|||
export function sourceMenuTree(data) { |
|||
return request({ |
|||
url: `/portal/v1/syssource/listAllByRoleSid`, |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
// 资源授权保存
|
|||
export function saveSource(data) { |
|||
return request({ |
|||
url: `/portal/v1/syssourcerole/updateRoleAndSource`, |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
// 功能授权
|
|||
export function funMenuTree(data) { |
|||
return request({ |
|||
url: `/portal/v1/sysfunction/listAllByRoleSid`, |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
// 功能授权保存
|
|||
export function savefunMenu(data) { |
|||
return request({ |
|||
url: `/portal/v1/sysrolefunction/updateRoleAndFunction`, |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
@ -1,31 +0,0 @@ |
|||
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'} |
|||
}) |
|||
} |
|||
@ -1,21 +0,0 @@ |
|||
import request from '@/utils/request' |
|||
import qs from 'qs' |
|||
|
|||
//角色授权时菜单列表（拥有的菜单选中）
|
|||
export function getrolemenus(data) { |
|||
return request({ |
|||
url: `/system/v1/rolemenus/${data.roleSid}`, |
|||
method: 'GET', |
|||
params: data |
|||
}) |
|||
} |
|||
|
|||
//保存 角色授权时菜单列表
|
|||
export function saverolemenus(data) { |
|||
return request({ |
|||
url: `/system/v1/rolemenus`, |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json'} |
|||
}) |
|||
} |
|||
@ -1,111 +0,0 @@ |
|||
import request from '@/utils/request' |
|||
import qs from 'qs' |
|||
//let tokens = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyTm8iOiI2IiwiaXNzIjoiV0JLIiwiZXhwIjoxNjMwMDI3MDA3fQ.9bEgBzFW2g1CUT7s5VXxhNCa10cyU_WTCFeqpQje0iY'
|
|||
let tokens = window.sessionStorage.getItem('token'); |
|||
//获取菜单 分页列表
|
|||
export function pageList(data) { |
|||
return request({ |
|||
url: '/portal/v1/syssource/listPage', |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
//保存 资源信息
|
|||
export function saveSourcesInfo(data) { |
|||
return request({ |
|||
url: '/portal/v1/syssource/save', |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
// 修改 保存 资源信息
|
|||
export function putSourcesInfo(data) { |
|||
return request({ |
|||
url: '/portal/v1/syssource/update/' + data.sid, |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
//根据sid 删除单个 资源信息
|
|||
export function delSources(data) { |
|||
return request({ |
|||
url: '/portal/v1/syssource/delBySids/' + data.sid, |
|||
method: 'get', |
|||
data: qs.stringify(data), |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
// 获取获取资源类别
|
|||
export function getZzylb(data) { |
|||
return request({ |
|||
url: '/portal/v1/syssource/listAll', |
|||
method: 'post', |
|||
headers: {'Content-Type': 'application/json'} |
|||
}) |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
// 获取资源 不分页列表
|
|||
export function sourcesList(data) { |
|||
return request({ |
|||
url: '/system/v1/sources/list', |
|||
method: 'post', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json'} |
|||
}) |
|||
} |
|||
|
|||
// 获取资源列表 不分页下拉
|
|||
export function getsourceList(data) { |
|||
return request({ |
|||
url: '/system/v1/sources/sourceList', |
|||
method: 'post' |
|||
}) |
|||
} |
|||
|
|||
|
|||
////获取资源 分页列表
|
|||
//export function sourcesPageList(data) {
|
|||
//return request({
|
|||
// url: '/system/v1/sources/pagelist',
|
|||
// method: 'POST',
|
|||
// data: data,
|
|||
// headers: {'Content-Type': 'application/json'}
|
|||
//})
|
|||
//}
|
|||
|
|||
|
|||
|
|||
//根据sid 获取单个 资源信息
|
|||
export function getSourcesInfo(data) { |
|||
return request({ |
|||
url: '/system/v1/sources/' + data.sid, |
|||
method: 'GET', |
|||
data: qs.stringify(data) |
|||
}) |
|||
} |
|||
|
|||
@ -1,84 +0,0 @@ |
|||
import request from '@/utils/request' |
|||
import qs from 'qs' |
|||
|
|||
export function verifyList(data){ // 用户列表
|
|||
return request({ |
|||
url: '/system/user/verifyList', |
|||
method: 'post', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json'} |
|||
}) |
|||
} |
|||
// admin用户列表
|
|||
export function userListByAdmin(data){ |
|||
return request({ |
|||
url: '/system/user/userListByAdmin', |
|||
method: 'post', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json'} |
|||
}) |
|||
} |
|||
|
|||
// 设置角色
|
|||
export function psotUserRole(data){ |
|||
return request({ |
|||
url: '/system/v1/userrole', |
|||
method: 'post', |
|||
data: qs.stringify(data) |
|||
}) |
|||
} |
|||
|
|||
// 用户初始化密码
|
|||
export function initPwd(data){ |
|||
return request({ |
|||
url: 'system/user/initPwd/'+data.sid, |
|||
method: 'POST', |
|||
data: qs.stringify(data) |
|||
}) |
|||
} |
|||
|
|||
// 用户删除接口
|
|||
export function delUser(data){ |
|||
return request({ |
|||
url: '/system/user/delete/'+data.sid, |
|||
method: 'DELETE', |
|||
params: data |
|||
}) |
|||
} |
|||
|
|||
// 初始化设置角色
|
|||
export function initUserRole(data){ |
|||
return request({ |
|||
url: '/system/v1/userroles/initUserRole/'+ data.userSid, |
|||
method: 'get', |
|||
params: data |
|||
}) |
|||
} |
|||
|
|||
// 保存角色
|
|||
export function saveUserRole(data){ |
|||
return request({ |
|||
url: '/system/v1/userroles', |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json'} |
|||
}) |
|||
} |
|||
|
|||
// 用户信息
|
|||
export function getUserINfo(data){ |
|||
return request({ |
|||
url: '/system/user/userRegisterDetails', |
|||
method: 'get', |
|||
params: data |
|||
}) |
|||
} |
|||
|
|||
// 单位信息
|
|||
export function getOrgINfo(data){ |
|||
return request({ |
|||
url: '/system/organization/organizationRegisterDetails/'+ data.organizationSid, |
|||
method: 'get', |
|||
params: data |
|||
}) |
|||
} |
|||
@ -1,38 +0,0 @@ |
|||
import request from '@/utils/request' |
|||
import qs from 'qs' |
|||
|
|||
|
|||
//获取菜单 分页列表
|
|||
export function login1(data) { |
|||
return request({ |
|||
url: '/portal/v1/sysuser/login', |
|||
method: 'POST', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
// 'token':tokens
|
|||
} |
|||
}) |
|||
} |
|||
|
|||
class user { |
|||
login(data) { // 登录
|
|||
return request({ |
|||
url: '/portal/v1/sysuser/login', |
|||
method: 'post', |
|||
data |
|||
}) |
|||
} |
|||
logout() { // 退出
|
|||
return request({ |
|||
url: '/vue-admin-template/user/logout', |
|||
method: 'post' |
|||
}) |
|||
} |
|||
updatePassword(data) { // 退出修改密码
|
|||
return request({ |
|||
url: '/system/user/updatePassword', |
|||
method: 'post', |
|||
data: qs.stringify(data) |
|||
}) |
|||
} |
|||
} |
|||
@ -1,43 +0,0 @@ |
|||
import request from '@/utils/request' |
|||
import qs from 'qs' |
|||
class user{ |
|||
verifyList(data){ // 请求审核列表
|
|||
return request({ |
|||
url: '/system/user/verifyList', |
|||
method: 'post', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json'} |
|||
}) |
|||
} |
|||
userRegisterDetails(data){ // 获取审核内容
|
|||
console.log(data) |
|||
return request({ |
|||
url: '/system/user/userRegisterDetails', |
|||
method: 'get', |
|||
params: data |
|||
}) |
|||
} |
|||
verify(data){ // 审核通过不通过
|
|||
return request({ |
|||
url: '/system/user/verify', |
|||
method: 'post', |
|||
data: qs.stringify(data) |
|||
}) |
|||
} |
|||
userDelete(data){ // 删除
|
|||
return request({ |
|||
url: '/system/user/delete/{sid}', |
|||
method: 'delete', |
|||
data: qs.stringify(data) |
|||
}) |
|||
} |
|||
userNameDelete(data){ // 删除个人注册审核
|
|||
return request({ |
|||
url: '/system/staffApply/deleteByUserName', |
|||
method: 'delete', |
|||
data: qs.stringify(data) |
|||
}) |
|||
} |
|||
|
|||
} |
|||
export default new user() |
|||
@ -1,32 +0,0 @@ |
|||
import request from '@/utils/request' |
|||
import qs from 'qs' |
|||
|
|||
// 委托人分页列表
|
|||
export function clientList(data){ |
|||
return request({ |
|||
url: '/jlcyry/v1/clientalterrecords/pagerList', |
|||
method: 'post', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json'} |
|||
}) |
|||
} |
|||
|
|||
// 变更选择委托人列表
|
|||
export function setclientList(data){ |
|||
return request({ |
|||
url: '/jlcyry/v1/clientalterrecords/staffClientList', |
|||
method: 'post', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json'} |
|||
}) |
|||
} |
|||
|
|||
// 变更为被委托人
|
|||
export function doClientAlter(data){ |
|||
return request({ |
|||
url: '/jlcyry/v1/clientalterrecords/doClientAlter', |
|||
method: 'post', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json'} |
|||
}) |
|||
} |
|||
@ -1,69 +0,0 @@ |
|||
import request from '@/utils/request' |
|||
import qs from 'qs' |
|||
let tokens = window.sessionStorage.getItem('token'); |
|||
// 单位用户列表
|
|||
export function orgUserList(data){ |
|||
return request({ |
|||
url: '/system/user/userListByOrg', |
|||
method: 'post', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json'} |
|||
}) |
|||
} |
|||
|
|||
|
|||
// 设置角色
|
|||
export function psotUserRole(data){ |
|||
return request({ |
|||
url: '/system/v1/userrole', |
|||
method: 'post', |
|||
data: qs.stringify(data) |
|||
}) |
|||
} |
|||
|
|||
/** |
|||
* 获取角色列表 |
|||
* orgSid 用户SID |
|||
* roleName 角色名称 |
|||
* */ |
|||
export function orgrolesList(data){ |
|||
return request({ |
|||
url: '/system/v1/orgroles/list', |
|||
method: 'post', |
|||
headers: {'Content-Type': 'application/json'}, |
|||
data |
|||
}) |
|||
} |
|||
/** |
|||
* 保存 设置角色 /system/v1/orguserroles |
|||
* */ |
|||
export function saveOrgRole(data){ |
|||
return request({ |
|||
url: '/system/v1/orguserroles', |
|||
method: 'post', |
|||
headers: {'Content-Type': 'application/json'}, |
|||
data |
|||
}) |
|||
} |
|||
|
|||
/** |
|||
* 部门机构列表 /system/v1/departments/departmentOrgList/{organizationSid} |
|||
* */ |
|||
export function getOrgList(organizationSid){ |
|||
return request({ |
|||
url: '/system/v1/departments/departmentOrgList/' + organizationSid, |
|||
method: 'get' |
|||
}) |
|||
} |
|||
/** |
|||
* 保存 设置部门 /system/v1/orguserroles |
|||
* */ |
|||
export function saveDepartment(data){ |
|||
return request({ |
|||
url: '/system/v1/departmentStaffs/setUpDepartment', |
|||
method: 'post', |
|||
headers: {'Content-Type': 'application/json'}, |
|||
data |
|||
}) |
|||
} |
|||
|
|||
@ -1,60 +0,0 @@ |
|||
import request from '@/utils/request' |
|||
import qs from 'qs' |
|||
// 用户列表
|
|||
|
|||
let tokens = window.sessionStorage.getItem('token'); |
|||
export function userList(data){ |
|||
return request({ |
|||
url: '/base/v1/basefinbank/listPage', |
|||
method: 'post', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
// 根据sid查询一条信息
|
|||
export function userSingle(data){ |
|||
return request({ |
|||
url: '/base/v1/basefinpolicy/fetchSid/' +data.sid, |
|||
method: 'get', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
// 新增
|
|||
export function userListAdd(data){ |
|||
return request({ |
|||
url: '/base/v1/basefinbank/save/', |
|||
method: 'post', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
// 更新
|
|||
export function userUpdata(data){ |
|||
return request({ |
|||
url: '/base/v1/basefinbank/update/' +data.sid, |
|||
method: 'post', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
|
|||
// 删除
|
|||
export function delbank(data){ |
|||
return request({ |
|||
url: '/base/v1/basefinbank/deleteBySids/' +data.sid, |
|||
method: 'get', |
|||
data: data, |
|||
headers: {'Content-Type': 'application/json', |
|||
'token':tokens |
|||
} |
|||
}) |
|||
} |
|||
@ -1,43 +0,0 @@ |
|||
<template> |
|||
<div class="imgDemo"> |
|||
<!--<el-button type="primary" @click="getToken()">token</el-button> |
|||
<div style="width: 200px;">{{token}}</div>--> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import {login1} from '@/api/system/user/login.js' |
|||
export default { |
|||
name: '', |
|||
data() { |
|||
return { |
|||
token:'' |
|||
} |
|||
}, |
|||
methods:{ |
|||
// getToken(){ |
|||
// let params = { |
|||
// password: "329653", |
|||
// roleSid: "", |
|||
// token: "", |
|||
// userName: "15097329653", |
|||
// verifyCode: "" |
|||
// } |
|||
// login1(params).then(res => { |
|||
// this.token = res.data.token |
|||
// window.sessionStorage.setItem('token', res.data.token) |
|||
// }) |
|||
// } |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.imgDemo { |
|||
width: 100%; |
|||
height: 100%; |
|||
background: radial-gradient(#fff,#f5f7f4, #fff); |
|||
} |
|||
canvas { |
|||
} |
|||
</style> |
|||
@ -1,161 +0,0 @@ |
|||
<template> |
|||
<div class="content"> |
|||
<div class="right_cont"> |
|||
<!-- table --> |
|||
<div style="padding-top: 15px;"></div> |
|||
<table class="tishi" cellspacing="0" style="margin:0 auto 30px"> |
|||
<tr> |
|||
<td style="border-bottom: none; border-right: none;">原密码</td> |
|||
<td style="border-bottom: none;"> |
|||
<el-input type="password" v-model="form.original" show-password/> |
|||
<span>*</span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td style="border-bottom: none; border-right: none;">新密码</td> |
|||
<td style="border-bottom: none;"> |
|||
<el-input type="password" v-model="form.password" show-password/> |
|||
<span>*</span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td style="border-right: none;">确认密码</td> |
|||
<td> |
|||
<el-input type="password" v-model="form.confirmPassword" show-password/> |
|||
<span>*</span> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
<span slot="footer" class="dialog-footer" style="margin-left:40%;"> |
|||
<el-button style=" margin-left: 8%; width: 100px;height: 40px;" type="primary" @click="updatePsw()">确认</el-button> |
|||
<!-- <el-button style="margin-left: 6%; width: 100px;height: 40px;" type="danger" @click="$router.go(-1)">关闭</el-button> --> |
|||
</span> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import login from '@/api/User/login.js' |
|||
import { removeStorage } from '@/utils/auth' |
|||
import User from '@/api/User/login.js' |
|||
import myviewer from '@/components/viewerjs/index.vue' |
|||
export default { |
|||
components:{myviewer}, |
|||
data() { |
|||
return { |
|||
checked: '', |
|||
form:{ |
|||
confirmPassword: '', |
|||
original: '', |
|||
password: '', |
|||
userSid: window.sessionStorage.getItem('userSid') |
|||
}, |
|||
token:window.sessionStorage.getItem('token') |
|||
} |
|||
}, |
|||
mounted(){ |
|||
|
|||
}, |
|||
methods: { |
|||
updatePsw(){ |
|||
if(this.form.password != this.form.confirmPassword){ |
|||
this.$message({ |
|||
type: 'warning', |
|||
message: '两次密码输入不一致!' |
|||
}); |
|||
return |
|||
} |
|||
login.updatePassword(this.form).then(res => { |
|||
this.$alert('密码修改成！请重新登录点击确定后退出。', '修改成功', { |
|||
confirmButtonText: '确定', |
|||
callback: action => { |
|||
User.logout({ token: this.token}).then(res => { |
|||
// removeToken() |
|||
window.sessionStorage.removeStorage('token') |
|||
window.sessionStorage.removeStorage('userSid') |
|||
this.$router.push({path: '/login'}) |
|||
}) |
|||
.catch(() => { |
|||
this.$router.push({path: '/login'}) |
|||
}) |
|||
} |
|||
}); |
|||
// this.$message({ |
|||
// type: 'success', |
|||
// message: '!' |
|||
// }); |
|||
}) |
|||
}, |
|||
guanli(){ |
|||
this.$router.push({ |
|||
name: 'roleAdminister' |
|||
}) |
|||
} |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style scoped="scoped" lang="scss"> |
|||
|
|||
.content { |
|||
width: 100%; |
|||
padding-top: 10px; |
|||
font-size: 16px; |
|||
color: #fff; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
.shouye { |
|||
position: absolute; |
|||
top: -3px; |
|||
left: 100px; |
|||
font-size: 16px; |
|||
color: #0395d8; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.placename { |
|||
position: absolute; |
|||
top: -3px; |
|||
left: 210px; |
|||
font-size: 16px; |
|||
color: #fff; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.right_cont { |
|||
width: 100%; |
|||
height: 645px; |
|||
background-color: #fff; |
|||
margin: 0; |
|||
padding: 15px; |
|||
box-sizing: border-box; |
|||
} |
|||
.tishi { |
|||
width: 560px; |
|||
color: #000; |
|||
padding-left: 1.5%; |
|||
margin-bottom: 50px; |
|||
tr { |
|||
height: 70px; |
|||
} |
|||
|
|||
td { |
|||
border: 1px solid #e6e9f0; |
|||
text-align: center; |
|||
} |
|||
|
|||
td:first-child { |
|||
background-color: #f7f9fc; |
|||
} |
|||
.el-input, |
|||
input { |
|||
width: 80%; |
|||
} |
|||
span{ |
|||
font-size: 26px; |
|||
color: red; |
|||
margin-left: 10px; |
|||
} |
|||
} |
|||
</style> |
|||
@ -1,174 +0,0 @@ |
|||
<template> |
|||
<el-dialog top="5vh" :append-to-body="true" title="获取地图坐标" :visible.sync="dialogVisible" :before-close="handleClose" width="1000px"> |
|||
<div class="amap-page-container"> |
|||
<el-amap-search-box class="search-box" :search-option="searchOption" :on-search-result="onSearchResult" /> |
|||
<div class="toolbar"> |
|||
<span>当前坐标: {{ lng }}, {{ lat }}</span> |
|||
<span>地址: {{ address }}</span> |
|||
<el-button type="primary" @click="select" class="btn">确定</el-button> |
|||
|
|||
</div> |
|||
<el-amap |
|||
vid="amapDemo2" |
|||
:center="mapCenter" |
|||
:zoom="zoom" |
|||
class="amap-demo" |
|||
:events="events" |
|||
:plugin="plugin" |
|||
> |
|||
<!-- <el-amap-marker v-for="(marker,index) in markers" :key="index" :position="marker.position" /> --> |
|||
<el-amap-marker v-for="marker in markers" :position="marker" /> |
|||
</el-amap> |
|||
|
|||
</div> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
import { AMapManager } from 'vue-amap' |
|||
export default { |
|||
name: 'AmapPage', |
|||
props: { |
|||
dialogVisible: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
address:{ |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
makerPosition: { |
|||
type: Array, |
|||
default: () => { |
|||
return [] |
|||
} |
|||
} |
|||
}, |
|||
data: function() { |
|||
const self = this |
|||
return { |
|||
zoom: 12, |
|||
mapCenter: [116.384201, 39.90307], |
|||
markers: [[116.384201, 39.90307]], |
|||
searchOption: { |
|||
city: '北京', |
|||
citylimit: false |
|||
}, |
|||
lng: 0, |
|||
lat: 0, |
|||
loaded: false, |
|||
plugin: [{ |
|||
pName: 'Geolocation', |
|||
events: { |
|||
init(o) { |
|||
// o 是高德地图定位插件实例 |
|||
o.getCurrentPosition((status, result) => { |
|||
if (result && result.position) { |
|||
if (self.makerPosition.length == 0) { |
|||
self.address = result.formattedAddress |
|||
self.lng = result.position.lng |
|||
self.lat = result.position.lat |
|||
} |
|||
self.searchOption.city = result.addressComponent.city |
|||
self.center = [self.lng, self.lat] |
|||
self.loaded = true |
|||
self.$nextTick() |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
}], |
|||
events: { |
|||
click(e) { |
|||
const { lng, lat } = e.lnglat |
|||
self.lng = lng |
|||
self.lat = lat |
|||
self.markers[0] = [lng, lat] |
|||
|
|||
// 这里通过高德 SDK 完成。 |
|||
var geocoder = new AMap.Geocoder({ |
|||
radius: 1000, |
|||
extensions: 'all' |
|||
}) |
|||
geocoder.getAddress([lng, lat], function(status, result) { |
|||
if (status === 'complete' && result.info === 'OK') { |
|||
if (result && result.regeocode) { |
|||
self.address = result.regeocode.formattedAddress |
|||
self.$nextTick() |
|||
} |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
}, |
|||
created() { |
|||
if (this.makerPosition.length) { |
|||
this.markers[0] = this.makerPosition |
|||
this.lng = this.makerPosition[0] || 0 |
|||
this.lat = this.makerPosition[1] || 0 |
|||
} |
|||
}, |
|||
methods: { |
|||
onSearchResult(pois) { |
|||
let latSum = 0 |
|||
let lngSum = 0 |
|||
if (pois.length > 0) { |
|||
pois.forEach(poi => { |
|||
const { lng, lat } = poi |
|||
lngSum += lng |
|||
latSum += lat |
|||
this.markers.push([poi.lng, poi.lat]) |
|||
}) |
|||
const center = { |
|||
lng: lngSum / pois.length, |
|||
lat: latSum / pois.length |
|||
} |
|||
this.mapCenter = [center.lng, center.lat] |
|||
} |
|||
}, |
|||
handleClose(done) { |
|||
this.$emit('update:dialogVisible', false) |
|||
this.$nextTick(() => { |
|||
done() |
|||
}) |
|||
}, |
|||
select() { |
|||
this.$emit('update:dialogVisible', false) |
|||
this.$emit('update:makerPosition', this.markers[0]) |
|||
this.$emit('update:address', this.address) |
|||
this.$parent.validateForm() |
|||
} |
|||
} |
|||
|
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.amap-demo { |
|||
height: 450px; |
|||
} |
|||
.search-box { |
|||
z-index: 999; |
|||
margin-bottom: 20px; |
|||
position: absolute; |
|||
top: 70px; |
|||
left: 100px; |
|||
} |
|||
.amap-page-container { |
|||
position: relative; |
|||
} |
|||
.toolbar{ |
|||
padding-bottom: 10px; |
|||
height: 50px; |
|||
line-height: 50px; |
|||
position: relative; |
|||
.btn{ |
|||
position: absolute; |
|||
right: 0; |
|||
} |
|||
span{ |
|||
padding-left: 10px; |
|||
} |
|||
} |
|||
</style> |
|||
@ -1,89 +0,0 @@ |
|||
<template> |
|||
<el-row :gutter="50"> |
|||
<el-col :span="12"> |
|||
<div class="color-red fs18" style="line-height: 36px;"> |
|||
<p>提示:</p> |
|||
<p style="text-indent:25px">为保证系统信息安全，本平台使用实名注册，注册时填写的内容需与上传文件相符，并经系统管理员审核通过后生效。 |
|||
对于单位注册，注册时需提供单位法人委托书，授权一名单位管理员专门管理本单位账户，并对本单位信息安全负责。</p> |
|||
<p class="color-grey pd-t40"> |
|||
法人授权委托书制作步骤如下: <br> |
|||
1、点击“下载授权委托书模板”；<br> |
|||
2、打开授权委托书文本；<br> |
|||
3、填写授权委托书内容；<br> |
|||
4、打印授权委托书；<br> |
|||
5、在授权委托书上签字盖章；<br> |
|||
6、扫描或拍照已签字盖章的授权委托书，并上传至本电脑备用。<br> |
|||
</p> |
|||
</div> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div> |
|||
<el-button type="primary" class='bg-primary' @click.native.prevent="download()" style='margin: 12px 0;'>下载授权委托书</el-button> |
|||
<el-button type="primary" class='bg-primary' @click="onImport()">上传授权委托书</el-button> |
|||
</div> |
|||
<UploadImg class='first' ref="uploadImg" :FrontPhoto="Photourl" @imgUrl="attorneyPath"></UploadImg> |
|||
</el-col> |
|||
</el-row> |
|||
</template> |
|||
|
|||
<script> |
|||
import UploadImg from '@/components/uploadFile/index.vue' |
|||
import axios from 'axios' |
|||
import { download } from '@/api/orgRegist/index.js' |
|||
export default { |
|||
components:{UploadImg}, |
|||
name: 'frist', |
|||
props:{ |
|||
Form:{ |
|||
type: Object, |
|||
default: function () { |
|||
return {} |
|||
} |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
Photourl: require('@/assets/images/org/jian.png'), |
|||
} |
|||
}, |
|||
computed: { |
|||
|
|||
}, |
|||
methods: { |
|||
download(){ |
|||
axios({ |
|||
method: 'get', |
|||
url: 'api/system/organization/download', |
|||
responseType: 'blob' |
|||
}).then(response => { |
|||
console.log(response); |
|||
let blob = new Blob([response.data], {type:"application/msword"}); |
|||
let link = document.createElement('a'); |
|||
if (window.navigator && window.navigator.msSaveOrOpenBlob) { |
|||
window.navigator.msSaveOrOpenBlob(blob, "授权书附件.doc"); |
|||
} else { |
|||
// var objectUrl = URL.createObjectURL(blob); |
|||
// window.open(objectUrl); |
|||
link.href = window.URL.createObjectURL(blob); |
|||
link.download = "授权书附件.doc"; |
|||
link.click(); |
|||
} |
|||
}) |
|||
}, |
|||
onImport() { |
|||
this.$refs['uploadImg'].$refs['upload'].$refs['upload-inner'].handleClick() |
|||
}, |
|||
attorneyPath(url){ // 授权委托书 |
|||
this.$set(this.Form,"attorneyPath",url.filePath) |
|||
this.$set(this.Form,"attorneyPathurl",url.fullUrl) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
.avatar-uploader.first .avatar { |
|||
width: 350px; |
|||
height: 350px; |
|||
} |
|||
</style> |
|||
@ -1,31 +0,0 @@ |
|||
<template> |
|||
<div class="text-center pd-y40"> |
|||
<img src="../../../../assets/images/org/success.png" alt=""/> |
|||
<h4 class="pd-y20 fs20">提交成功</h4> |
|||
<p>管理员审核通过后会有短信提醒！<br> 系统将在{{time}}秒后返回登录页！</p> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
time: 13, |
|||
timeInterval: null |
|||
} |
|||
}, |
|||
mounted(){ |
|||
this.timeInterval = setInterval(()=>{ |
|||
--this.time |
|||
if(this.time == 0){ |
|||
clearInterval(this.timeInterval) |
|||
window.close(); |
|||
this.time = ''; |
|||
} |
|||
},1000) |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
</style> |
|||
@ -1,5 +0,0 @@ |
|||
export { default as first } from './first.vue' |
|||
export { default as second } from './second.vue' |
|||
export { default as third } from './third.vue' |
|||
export { default as fourth } from './fourth.vue' |
|||
|
|||
@ -1,149 +0,0 @@ |
|||
<template> |
|||
<div> |
|||
<el-form :model="Form" :rules="rules" ref="ruleForm" label-width="180px"> |
|||
<el-form-item label="单位类别" prop="dwType"> |
|||
<el-select v-model="Form.dwType" placeholder="请选择单位类别"> |
|||
<el-option v-for="item in DwTypelist" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="单位级别" prop="dwjb"> |
|||
<el-select v-model="Form.dwjb" placeholder="请选择单位类别"> |
|||
<el-option v-for="item in DwJblist" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="统一信用代码/登记证号" prop="orgCode"> |
|||
<el-input v-model="Form.orgCode" @input="changeorgCOde" maxlength="18"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="单位名称" prop="name"> |
|||
<el-input v-model="Form.name"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="登录用户名"> |
|||
<el-input v-model="Form.userName" disabled></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="单位注册地址" prop="orgAddress"> |
|||
<el-input v-model="Form.orgAddress"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="法人代表/负责人" prop="contactMan"> |
|||
<el-input v-model="Form.contactMan"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="单位所属区域" prop="regionSid" class="demo-form-inline"> |
|||
<AreaPicker @areaPicker="areaPicker"></AreaPicker> |
|||
</el-form-item> |
|||
<el-form-item label="单位地理位置" prop="gisInfo"> |
|||
<el-input v-model="Form.gisInfo" readonly> |
|||
<el-button slot="append" icon="el-icon-map-location" @click='mapDialog = true'></el-button> |
|||
</el-input> |
|||
</el-form-item> |
|||
<el-form-item label="单位通讯地址" prop="postAddress"> |
|||
<el-input v-model="Form.postAddress"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="法人证书" prop="businessLicense"> |
|||
<UploadImg class="second" :FrontPhoto="Photourl" @imgUrl="FrontPhotoUrl"></UploadImg> |
|||
</el-form-item> |
|||
</el-form> |
|||
|
|||
<Position v-if="mapDialog" :address.sync="Form.postAddress" :maker-position.sync="Form.gisInfo" :dialog-visible.sync="mapDialog" /> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
// import AMap from 'AMap' |
|||
import UploadImg from '@/components/uploadFile/index.vue' |
|||
import AreaPicker from '@/components/AreaPicker/index.vue' |
|||
import Position from './amap.vue' |
|||
import { getDwType, getDwJb } from '@/api/system/dataDict/dataDict.js' |
|||
export default { |
|||
components:{UploadImg, AreaPicker, Position}, |
|||
props:{ |
|||
Form:{ |
|||
type: Object, |
|||
default: function () { |
|||
return {} |
|||
} |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
DwTypelist: [], |
|||
DwJblist: [], |
|||
mapDialog: false, |
|||
address: '', |
|||
Photourl: require('@/assets/images/org/yyzz.png'), |
|||
rules: { |
|||
orgCode: [ |
|||
{ required: true, message: '请输入统一信用代码', trigger: 'blur' }, |
|||
{ min: 9, max: 18, message: '统一信用代码长度在 9位 或者 18 位', trigger: 'blur' } |
|||
], |
|||
dwType: [{ required: true, message: '请选择活动区域', trigger: 'change' }], |
|||
dwjb: [{ required: true, message: '请选择活动区域', trigger: 'change' }], |
|||
name: [{required: true, message: '请输入单位名称', trigger: 'blur'}], |
|||
orgAddress: [{required: true, message: '请输入单位注册地址', trigger: 'blur'}], |
|||
contactMan: [{required: true, message: '请输入法人代表/负责人', trigger: 'blur'}], |
|||
regionSid: [{required: true, message: '请选择单位地区', trigger: ['blur', 'change']}], |
|||
gisInfo: [{required: true, message: '请选择单位地理位置', trigger: 'blur'}], |
|||
postAddress: [{required: true, message: '请输入单位通讯地址', trigger: 'blur'}], |
|||
DwType: [{required: true, message: '请选择活动区域', trigger: 'change'}], |
|||
businessLicense: [{required: true, message: '请上传应用执照', trigger: 'change'}], |
|||
}, |
|||
} |
|||
}, |
|||
async mounted() { |
|||
getDwType().then((res) => { |
|||
this.DwTypelist = res.data |
|||
}) |
|||
getDwJb().then((res) => { |
|||
this.DwJblist = res.data |
|||
}) |
|||
}, |
|||
methods: { |
|||
FrontPhotoUrl(url){ |
|||
this.$set(this.Form,'businessLicense',url.filePath) |
|||
this.validateForm() |
|||
}, |
|||
addressInput(){ |
|||
console.log('ssss') |
|||
this.validateForm() |
|||
}, |
|||
areaPicker(val){ |
|||
this.$set(this.Form,'regionSid',val) |
|||
}, |
|||
changeorgCOde(){ |
|||
this.Form.userName = this.Form.orgCode |
|||
}, |
|||
validateForm () { |
|||
let flag = null |
|||
this.$refs['ruleForm'].validate(valid => { |
|||
if (valid) { |
|||
flag = true |
|||
} else { |
|||
flag = false |
|||
} |
|||
}) |
|||
return flag |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
.avatar-uploader.second .avatar { |
|||
width: 350px; |
|||
height: 450px; |
|||
} |
|||
.map{ |
|||
width: 600px; |
|||
height: 600px; |
|||
} |
|||
.amap-demo { |
|||
height: 300px; |
|||
} |
|||
</style> |
|||
@ -1,176 +0,0 @@ |
|||
<template> |
|||
<el-form :model="Form" :rules="rules" ref="ruleForm" label-width="200px" class="demo-Form"> |
|||
<el-form-item label="被委托人身份证号码" prop="idNo"> |
|||
<el-input type="idNo" v-model="Form.idNo" :maxlength="18" placeholder="请输入身份证号码"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="被委托人姓名" prop="staffInfoName"> |
|||
<el-input v-model="Form.staffInfoName" placeholder="请输入委托人姓名"></el-input> |
|||
</el-form-item> |
|||
<el-row> |
|||
<el-col :span='12'> |
|||
<el-form-item label="单位管理员头像" prop="staffInfoHeadUrl"> |
|||
<UploadImg @imgUrl="HeadUrl" :FrontPhoto="require('@/assets/images/org/headerimg.png')" :tip="'要求图片大小不超过10M'"></UploadImg> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span='12'> |
|||
<el-form-item label="授权书复印件" > |
|||
<UploadImg @imgUrl="FrontPhotoUrl" :FrontPhoto="Form1.attorneyPathurl" :tip="'要求图片大小不超过10M'"></UploadImg> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span='12'> |
|||
<el-form-item label="被委托人身份证正面复印件" prop="idFrontPhoto"> |
|||
<UploadImg @imgUrl="idFrontPhoto" :FrontPhoto="require('@/assets/images/org/sfz.png')" :tip="'要求图片大小不超过10M'"></UploadImg> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span='12'> |
|||
<el-form-item label="被委托人身份证反面复印件" prop="idBackPhoto" class="demo-form-inline"> |
|||
<UploadImg @imgUrl="idBackPhoto" :FrontPhoto="require('@/assets/images/org/sfz.png')" :tip="'要求图片大小不超过10M'"></UploadImg> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-form-item label="用户名"> |
|||
<el-input v-model="Form1.userName" placeholder="请输入用户名" disabled></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="联系人手机号码" prop="contactMobile"> |
|||
<el-input type="text" v-model="Form.contactMobile" placeholder="请输入手机号" maxlength="11"></el-input> |
|||
<el-button class="Tips" type="text" :disabled='isDisabled' @click.stop.prevent="getcode()">点击获取验证码 {{downTime ? downTime+'s':''}}</el-button> |
|||
</el-form-item> |
|||
<el-form-item label="联系人座机电话" prop="contactTelephone"> |
|||
<el-input v-model="Form.contactTelephone" placeholder="请输入座机电话"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="手机短信验证码" prop="verificationCode"> |
|||
<el-input v-model="Form.verificationCode" placeholder="请输入短信验证码"></el-input> |
|||
</el-form-item> |
|||
</el-form> |
|||
</template> |
|||
|
|||
<script> |
|||
import UploadImg from '@/components/uploadFile/index.vue' |
|||
import { |
|||
getVerificationCode |
|||
} from '@/api/orgRegist/index.js' |
|||
export default { |
|||
components:{UploadImg}, |
|||
props:{ |
|||
Form:{ |
|||
type: Object, |
|||
default: function () { |
|||
return {} |
|||
} |
|||
}, |
|||
Form1:{ |
|||
type: Object, |
|||
default: function () { |
|||
return {} |
|||
} |
|||
} |
|||
}, |
|||
data() { |
|||
var validatorPhone = function (rule, value, callback) { |
|||
if (value === '') { |
|||
callback(new Error('手机号不能为空')) |
|||
} else if (!/^1\d{10}$/.test(value)) { |
|||
callback(new Error('手机号格式错误')) |
|||
} else { |
|||
callback() |
|||
} |
|||
} |
|||
return { |
|||
downTime: '', |
|||
isDisabled: false, |
|||
rule: [{ required: true, trigger: 'change' }], |
|||
rules: { |
|||
idNo: [ |
|||
{ required: true, message: '请输入身份证号', trigger: 'blur' }, |
|||
{ pattern: /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}$)/, |
|||
message: '身份证号格式错误', trigger: 'blur' , |
|||
} |
|||
], |
|||
userName: [{ required: true, message: '请输入用户名', trigger: 'change' }], |
|||
staffInfoName: [{ required: true, message: '请输入被委托人姓名', trigger: 'change' }], |
|||
staffInfoHeadUrl: [{ required: true, message: '请上传图片', trigger: 'change' }], |
|||
attorneyPath: [{ required: true, message: '请上传图片', trigger: 'change' }], |
|||
idFrontPhoto: [{ required: true, message: '请上传图片', trigger: 'change' }], |
|||
idBackPhoto: [{ required: true, message: '请上传图片', trigger: 'change' }], |
|||
contactMobile: [ |
|||
{ required: true, validator: validatorPhone, trigger: 'blur' } |
|||
], |
|||
verificationCode: [{ required: true, message: '请输入验证码', trigger: 'change' }], |
|||
}, |
|||
} |
|||
}, |
|||
mounted() { |
|||
|
|||
}, |
|||
methods: { |
|||
// 手机验证码 |
|||
getcode() { |
|||
if(!this.Form.contactMobile){ |
|||
this.$message({ |
|||
type: 'warning', |
|||
message: '请输入手机号码!' |
|||
}); |
|||
return |
|||
} |
|||
this.downTime = 60 |
|||
this.isDisabled = true |
|||
let timeInterval = setInterval(()=>{ |
|||
--this.downTime |
|||
if(this.downTime == 0){ |
|||
clearInterval(timeInterval) |
|||
this.downTime = ''; |
|||
this.isDisabled = false |
|||
} |
|||
},1000) |
|||
getVerificationCode({ |
|||
mobile: this.Form.contactMobile |
|||
}).catch(()=>{ |
|||
this.isDisabled = false |
|||
}) |
|||
}, |
|||
FrontPhotoUrl(url){ |
|||
this.Form.attorneyPath = url.filePath |
|||
}, |
|||
HeadUrl(url){ |
|||
this.Form.staffInfoHeadUrl = url.filePath |
|||
}, |
|||
idBackPhoto(url){ |
|||
this.Form.idBackPhoto = url.filePath |
|||
}, |
|||
idFrontPhoto(url){ |
|||
this.Form.idFrontPhoto = url.filePath |
|||
}, |
|||
validateForm () { |
|||
let flag = null |
|||
this.$refs['ruleForm'].validate(valid => { |
|||
console.log(this.Form) |
|||
if (valid) { |
|||
flag = true |
|||
} else { |
|||
flag = false |
|||
} |
|||
}) |
|||
return flag |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
.avatar-uploader-icon { |
|||
width: 200px; |
|||
height: 200px; |
|||
line-height: 178px; |
|||
} |
|||
|
|||
.avatar-uploader .avatar { |
|||
width: 200px; |
|||
height: 200px; |
|||
} |
|||
.Tips { |
|||
padding-left: 10px; |
|||
position: absolute; |
|||
left: 100%; |
|||
top: 0; |
|||
} |
|||
</style> |
|||
@ -1,217 +0,0 @@ |
|||
<template> |
|||
<div class="container"> |
|||
<el-header> |
|||
<h3 class="title">河北省计量业务应用平台</h3> |
|||
</el-header> |
|||
<div class="org-from"> |
|||
<el-steps :active="active" finish-status="success"> |
|||
<el-step v-for="(item,index) of stepTitle" :key="index" :title="item" @click.native="handleStep(index)" /> |
|||
</el-steps> |
|||
<!-- 内容展示区 --> |
|||
<!-- 第一步 --> |
|||
<div class="basicInfo pd-y20 pd-x20" v-if="active ===0"> |
|||
<keep-alive> |
|||
<first :Form='Form1' ref="Form1"></first> |
|||
</keep-alive> |
|||
</div> |
|||
<!-- 第二步 --> |
|||
<div class="basicInfo" v-if="active ===1"> |
|||
<keep-alive> |
|||
<second :Form.sync='Form2' ref="Form2"></second> |
|||
</keep-alive> |
|||
</div> |
|||
<!-- 第三 --> |
|||
<div class="basicInfo" v-if="active ===2"> |
|||
<keep-alive> |
|||
<third :Form.sync='Form3' :Form1="Form" ref="Form3"></third> |
|||
</keep-alive> |
|||
</div> |
|||
<!-- 第四 --> |
|||
<div class="basicInfo" v-if="active ===3"> |
|||
<keep-alive> |
|||
<fourth></fourth> |
|||
</keep-alive> |
|||
</div> |
|||
<div class="deployBtn text-center"> |
|||
<el-button type="primary" class='bg-primary' style='margin-top: 12px;' @click='prev' v-show='active==1||active==2'>上一步</el-button> |
|||
<el-button type="primary" class='bg-primary' style='margin-top: 12px;' @click='next' v-show='active==1||active==0'>下一步</el-button> |
|||
<el-button type="primary" class='bg-primary' style='margin-top: 12px;' @click='save' v-show='active==2'>提交</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import {first, second, third, fourth} from './components/index.js' |
|||
import paddwordinput from '@/components/passwordSafe/index.vue' |
|||
import { saveOrg } from '@/api/orgRegist/index.js' |
|||
export default { |
|||
components: {first, second, third, fourth}, |
|||
data() { |
|||
return { |
|||
active: 0, // 步骤 |
|||
stepSuc: [0],// 已选步骤 |
|||
stepTitle: ['上传授权证书', '填写单位信息', '填写被授权人信息', '注册完成'], // 步骤标题 |
|||
Form1:{ |
|||
attorneyPath: '', |
|||
attorneyPathurl: '' |
|||
}, |
|||
Form2:{ |
|||
businessLicense: '' |
|||
}, |
|||
Form3:{ |
|||
}, |
|||
Form: { |
|||
|
|||
} |
|||
} |
|||
}, |
|||
mounted() { |
|||
|
|||
}, |
|||
methods: { |
|||
// 点击步骤条 |
|||
handleStep(val) { |
|||
if (this.stepSuc.includes(val) === true) { |
|||
this.active = val |
|||
} |
|||
}, |
|||
prev() { |
|||
document.body.scrollTop = document.documentElement.scrollTop = 0; |
|||
if (--this.active === 0) { |
|||
this.active = 0 |
|||
} |
|||
}, |
|||
next() { |
|||
if( this.active == 0) { |
|||
if(!this.Form1.attorneyPathurl) { |
|||
this.$message({ |
|||
type: 'error', |
|||
message: '请上传授权委托书!' |
|||
}); |
|||
return |
|||
}else { |
|||
this.stepSuc.push(++this.active) |
|||
} |
|||
} |
|||
if( this.active == 1) { |
|||
let flag = this.$refs['Form2'].validateForm() |
|||
console.log(flag) |
|||
if(!this.$refs['Form2'].validateForm()) { |
|||
this.$message({ |
|||
type: 'error', |
|||
message: '必填项不能为空!' |
|||
}); |
|||
return |
|||
}else { |
|||
this.stepSuc.push(++this.active) |
|||
} |
|||
} |
|||
this.Form = Object.assign(this.Form1, this.Form2, this.Form3) |
|||
document.body.scrollTop = document.documentElement.scrollTop = 0; |
|||
}, |
|||
save(){ |
|||
if(!this.$refs['Form3'].validateForm()) { |
|||
this.$message({ |
|||
type: 'error', |
|||
message: '必填项不能为空!' |
|||
}); |
|||
return |
|||
} |
|||
let Form = Object.assign(this.Form1, this.Form2, this.Form3) |
|||
Form.gisInfo = Form.gisInfo.join() |
|||
saveOrg(Form).then(res=>{ |
|||
console.log(res) |
|||
if(res.code == 200){ |
|||
this.stepSuc.push(++this.active) |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
@import "~@/styles/variables.scss"; |
|||
h3{margin: 0;padding: 0;} |
|||
.el-header{ |
|||
width: 100%; |
|||
background-color: #0294d7; |
|||
color: #fff; |
|||
line-height: 60px; |
|||
overflow: hidden; |
|||
position: fixed; |
|||
z-index: 99; |
|||
top: 0; |
|||
.title{ |
|||
float: left; |
|||
font-size: 26px; |
|||
margin-left: 35px; |
|||
} |
|||
} |
|||
.content,.container{ |
|||
padding: 50px 0; |
|||
background-color: #f7f9fc; |
|||
} |
|||
</style> |
|||
<style lang="scss"> |
|||
.org-from { |
|||
width: 1160px; |
|||
padding: 30px 0; |
|||
margin: 0 auto; |
|||
|
|||
// 步骤条样式 |
|||
.el-step__icon { |
|||
width: 40px; |
|||
height: 40px; |
|||
} |
|||
|
|||
.el-step__icon.is-text { |
|||
background-color: #919192; |
|||
font-size: 26px; |
|||
color: #FFFFFF; |
|||
border: 5px solid #DEDEDE; |
|||
} |
|||
|
|||
.el-step.is-horizontal .el-step__line { |
|||
top: 15px; |
|||
height: 10px; |
|||
background-color: #D9D9D9; |
|||
} |
|||
|
|||
.el-step__title.is-success, |
|||
.el-step__title.is-process { |
|||
color: #018CD6; |
|||
} |
|||
|
|||
.el-step__head.is-success { |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.el-step__head.is-process .is-text, |
|||
.el-step__head.is-success .is-text { |
|||
background-color: #018CD6; |
|||
} |
|||
|
|||
.el-input__inner:focus { |
|||
border: 1px solid #549FD9; |
|||
} |
|||
|
|||
.basicInfo .el-form { |
|||
width: 860px; |
|||
padding-top: 20px; |
|||
margin: 0 auto; |
|||
} |
|||
} |
|||
|
|||
.deployBtn {} |
|||
|
|||
.flex-com { |
|||
display: flex; |
|||
} |
|||
|
|||
.active-color { |
|||
color: #018CD6; |
|||
background-color: #018CD6; |
|||
} |
|||
</style> |
|||
@ -1,293 +0,0 @@ |
|||
<template> |
|||
<div class="content"> |
|||
<el-header> |
|||
<h3 class="title">河北省计量业务应用平台</h3> |
|||
</el-header> |
|||
<div class="user-from"> |
|||
<el-form :model="userForm" :rules="rules" ref="userForm" label-width="120px" class="demo-userForm"> |
|||
<el-form-item label="身份证号" prop="idNo"> |
|||
<el-input v-model="userForm.idNo" @blur="onInputBlur" placeholder="请输入身份证号" :maxlength="18"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="真实姓名" prop="name"> |
|||
<el-input v-model="userForm.name" placeholder="请输入真实姓名"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="个人手机号" prop="mobile"> |
|||
<el-input v-model="userForm.mobile" placeholder="请输入手机号" ></el-input> |
|||
<el-button class="Tips" type="text" :disabled='isDisabled' @click.stop.prevent="getcode()">点击获取验证码 {{downTime ? downTime+'s':''}}</el-button> |
|||
</el-form-item> |
|||
<el-form-item label="手机验证码" prop="verificationCode"> |
|||
<el-input v-model="userForm.verificationCode" placeholder="请输入验证码"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="用户名" prop="userName"> |
|||
<el-input v-model="userForm.userName" :disabled="true"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="密码" prop="password"> |
|||
<paddwordinput v-model="userForm.password" placeholder="请输入密码" :pastips='true' :maxlength="10"></paddwordinput> |
|||
<el-button class="Tips" type="text">密码必须为8至10位大小写字母和数字组合</el-button> |
|||
</el-form-item> |
|||
<el-form-item label="确认密码" prop="rePassword"> |
|||
<paddwordinput v-model="userForm.rePassword" placeholder="请再次输入密码" :maxlength="10"></paddwordinput> |
|||
</el-form-item> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="12"> |
|||
<el-form-item label="身份证正面照" prop="idFrontPhoto"> |
|||
<UploadImg @imgUrl="FrontPhotoUrl"></UploadImg> |
|||
<el-input v-model="userForm.idFrontPhoto" v-show="false"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="身份证背面照" prop="idBackPhoto"> |
|||
<UploadImg @imgUrl="BackPhotoUrl"></UploadImg> |
|||
<el-input v-model="userForm.idBackPhoto" v-show="false"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-form-item style="text-align: center;"> |
|||
<el-button type="primary" @click="submitForm('userForm')" :disabled="btnDisabled">注册</el-button> |
|||
<el-button @click="resetForm('userForm')">关闭</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
registUser, |
|||
getVerificationCode |
|||
} from '@/api/user1.js' |
|||
import qs from 'qs' |
|||
import UploadImg from '@/components/uploadFile/index.vue' |
|||
import paddwordinput from '@/components/passwordSafe/index.vue' |
|||
export default { |
|||
components:{ UploadImg, paddwordinput }, |
|||
data() { |
|||
var validatorPhone = function (rule, value, callback) { |
|||
if (value === '') { |
|||
callback(new Error('手机号不能为空')) |
|||
} else if (!/^1\d{10}$/.test(value)) { |
|||
callback(new Error('手机号格式错误')) |
|||
} else { |
|||
callback() |
|||
} |
|||
} |
|||
var validatePass2 = (rule, value, callback) => { |
|||
if (value === '') { |
|||
callback(new Error('请再次输入密码')) |
|||
// password 是表单上绑定的字段 |
|||
} else if (value !== this.userForm.password) { |
|||
callback(new Error('两次输入密码不一致!')) |
|||
} else { |
|||
callback() |
|||
} |
|||
} |
|||
return { |
|||
downTime: '', |
|||
isDisabled: false, |
|||
userForm: { |
|||
name: '', |
|||
userName: '', //用户名 |
|||
password: '', |
|||
rePassword: '', |
|||
mobile: '', // 手机号 |
|||
verificationCode: '', |
|||
idNo: '', |
|||
idBackPhoto: '', // 反面 |
|||
idFrontPhoto: '' |
|||
}, |
|||
btnDisabled: false, |
|||
rule: [{required: true, message: '不能为空', trigger: 'blur'}], |
|||
rules: { |
|||
idNo: [ |
|||
{ required: true, message: '请输入身份证号', trigger: 'blur' }, |
|||
{ pattern: /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}$)/, |
|||
message: '身份证号格式错误', trigger: 'blur' , |
|||
} |
|||
], |
|||
name: [ |
|||
{ required: true, message: '请输入真实姓名', trigger: 'blur' } |
|||
], |
|||
mobile: [ |
|||
{ required: true, validator: validatorPhone, trigger: 'blur' } |
|||
], |
|||
verificationCode: [ |
|||
{ required: true, message: '请输入手机验证码', trigger: 'blur' } |
|||
], |
|||
userName: [ |
|||
{ required: true, message: '请输入身份证号', trigger: 'blur' } |
|||
], |
|||
password: [ |
|||
{ required: true, message: '请输入密码', trigger: 'blur' }, |
|||
{ min: 8, max: 10, message: '长度在 8 到 10 个字符大小写字母和数字组合', trigger: 'blur' } |
|||
], |
|||
rePassword: [ |
|||
{ required: true, validator: validatePass2, trigger: 'blur' } |
|||
], |
|||
idFrontPhoto: [ |
|||
{ required: true, message: '请输入上传身份证', trigger: 'blur' } |
|||
], |
|||
idBackPhoto: [ |
|||
{ required: true, message: '请输入上传身份证', trigger: 'blur' } |
|||
], |
|||
} |
|||
}; |
|||
}, |
|||
methods: { |
|||
// 手机验证码 |
|||
getcode() { |
|||
let _this = this |
|||
if (!/^1\d{10}$/.test(_this.userForm.mobile)) { |
|||
this.$message({ |
|||
type: 'error', |
|||
message: '手机号格式错误!' |
|||
}); |
|||
}else { |
|||
_this.downTime = 60 |
|||
let timeInterval = null |
|||
_this.isDisabled = true |
|||
timeInterval = setInterval(()=>{ |
|||
--_this.downTime |
|||
if(_this.downTime == 0){ |
|||
clearInterval(timeInterval) |
|||
_this.downTime = ''; |
|||
_this.isDisabled = false |
|||
} |
|||
},1000) |
|||
getVerificationCode({ |
|||
mobile: _this.userForm.mobile |
|||
}).then(res =>{ |
|||
// this.isDisabled = false |
|||
}) |
|||
} |
|||
}, |
|||
FrontPhotoUrl(url){ |
|||
this.userForm.idFrontPhoto = url.filePath |
|||
}, |
|||
BackPhotoUrl(url){ |
|||
this.userForm.idBackPhoto = url.filePath |
|||
}, |
|||
submitForm(formName) { |
|||
this.btnDisabled = true |
|||
this.$refs[formName].validate((valid) => { |
|||
if (valid) { |
|||
registUser(qs.stringify(this.userForm)).then((res) => { |
|||
this.btnDisabled = false |
|||
this.$confirm('注册成功, 是否关闭页面?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'success' |
|||
}).then(() => { |
|||
window.close(); |
|||
}) |
|||
}).catch(() => { |
|||
this.btnDisabled = false |
|||
}) |
|||
} else { |
|||
return false; |
|||
} |
|||
}); |
|||
}, |
|||
resetForm(formName) { |
|||
window.close(); |
|||
this.$refs[formName].resetFields(); |
|||
}, |
|||
onInputBlur() { // 用户名密码 |
|||
this.userForm.userName = this.userForm.idNo |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
@import "~@/styles/variables.scss"; |
|||
h3{margin: 0;padding: 0;} |
|||
.el-header{ |
|||
width: 100%; |
|||
background-color: #0294d7; |
|||
color: #fff; |
|||
line-height: 60px; |
|||
overflow: hidden; |
|||
position: fixed; |
|||
z-index: 99; |
|||
top: 0; |
|||
.title{ |
|||
float: left; |
|||
font-size: 26px; |
|||
margin-left: 35px; |
|||
} |
|||
} |
|||
.content{ |
|||
padding: 50px 0; |
|||
background-color: #f7f9fc; |
|||
} |
|||
</style> |
|||
|
|||
<style lang="scss"> |
|||
@import "~@/styles/variables.scss"; |
|||
.opcity{ |
|||
opacity: 1 !important; |
|||
} |
|||
.user-from { |
|||
width: 860px; |
|||
padding-top: 20px; |
|||
margin: 0 auto; |
|||
.el-input__inner:focus { |
|||
border: 1px solid $border-color; |
|||
} |
|||
.Tips { |
|||
padding-left: 10px; |
|||
position: absolute; |
|||
left: 100%; |
|||
top: 0; |
|||
} |
|||
|
|||
.pasTips { |
|||
display: flex; |
|||
justify-content: center; |
|||
|
|||
span { |
|||
display: inline-block; |
|||
margin: 15px 10px 0 10px; |
|||
padding: 0 30px; |
|||
line-height: 30px; |
|||
border-top: 3px solid red; |
|||
opacity: 0.3; |
|||
} |
|||
|
|||
span:nth-child(2) { |
|||
border-color: blue; |
|||
} |
|||
|
|||
span:nth-child(3) { |
|||
border-color: green; |
|||
} |
|||
} |
|||
|
|||
.avatar-uploader .el-upload { |
|||
border: 1px dashed #d9d9d9; |
|||
border-radius: 6px; |
|||
cursor: pointer; |
|||
position: relative; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.avatar-uploader .el-upload:hover { |
|||
border-color: #409EFF; |
|||
} |
|||
|
|||
.avatar-uploader-icon { |
|||
font-size: 28px; |
|||
color: #8c939d; |
|||
width: 200px; |
|||
height: 178px; |
|||
line-height: 178px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.avatar { |
|||
width: 178px; |
|||
height: 178px; |
|||
display: block; |
|||
} |
|||
} |
|||
</style> |
|||
@ -1,501 +0,0 @@ |
|||
<template> |
|||
<div> |
|||
<el-tabs class="my-tabs" v-model="activeName" type="card" @tab-click="handleClick"> |
|||
<el-tab-pane label="角色列表" name="roleList"> |
|||
|
|||
<div class="container"> |
|||
<div class="tab-header"> |
|||
<el-form ref="form" :inline="true" :model="search" label-width="80px"> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="16"> |
|||
<el-form-item label="角色名称"> |
|||
<el-input v-model="search.name" clearable></el-input> |
|||
</el-form-item> |
|||
<el-button @click="getroleOrgList(1)">查询</el-button> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
<!-- table --> |
|||
<el-table :data="roleTable" border style="width: 100%;"> |
|||
<el-table-column label="序号" width="50px" type="index" align="center"> |
|||
</el-table-column> |
|||
<el-table-column label="操作" width="440px" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-button @click="sourceMenus(scope.row)" type="primary" size="mini">资源授权</el-button> |
|||
<el-button @click="funMenus(scope.row)" type="primary" size="mini">功能授权</el-button> |
|||
<el-button @click="roleMenus(scope.row)" type="primary" size="mini">菜单授权</el-button> |
|||
<el-button @click="editRow(scope.row)" type="primary" size="mini">修改</el-button> |
|||
<el-button @click="delRow(scope.row)" type="danger" size="mini">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="name" label="角色名称" width="220px" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="remarks" label="备注" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="isEnableName" label="是否可用" align="center"></el-table-column> |
|||
</el-table> |
|||
<pagination :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination" /> |
|||
|
|||
<!-- 编辑角色信息 --> |
|||
<el-dialog :title="dialogTitle + '角色信息'" :visible.sync="editDialog" width="40%"> |
|||
<table class="e-table" cellspacing="0"> |
|||
<tr> |
|||
<td>角色名称</td> |
|||
<td><el-input v-model="roleForm.name"></el-input></td> |
|||
</tr> |
|||
<tr> |
|||
<td>编码</td> |
|||
<td><el-input v-model="roleForm.code"></el-input></td> |
|||
</tr> |
|||
<tr> |
|||
<td>排序</td> |
|||
<td><el-input v-model="roleForm.sort"></el-input></td> |
|||
</tr> |
|||
<tr> |
|||
<td>备注</td> |
|||
<td> |
|||
<el-input type="textarea" :autosize="{ minRows: 4, maxRows: 6}" v-model="roleForm.remarks"></el-input> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
<div style="margin-top: 20px; text-align: center;"> |
|||
<el-button type="primary" @click="save()">保 存</el-button> |
|||
<el-button @click="editDialog = false">关 闭</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
<!-- 资源授权 --> |
|||
<el-dialog title="资源授权" :visible.sync="sourceDialog" width="50%"> |
|||
<table class="e-table" cellspacing="0"> |
|||
<tr> |
|||
<td>角色名称</td> |
|||
<td><el-input v-model="roleForm.name" readonly></el-input></td> |
|||
</tr> |
|||
<tr> |
|||
<td>可操作资源列表</td> |
|||
<td> |
|||
<el-tree v-loading="loading" :data="treedata" ref="sourceTree" show-checkbox accordion node-key="sid" |
|||
:default-expand-all='true' |
|||
:default-checked-keys="checkedId" :props="sourcedefaultProps" @check-change="checkchange"> |
|||
</el-tree> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
<div slot="footer" class="text-center"> |
|||
<el-button type="primary" @click="sourceSave">保 存</el-button> |
|||
<el-button @click="sourceDialog = false">关 闭</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
<!-- 功能授权 --> |
|||
<el-dialog title="功能授权" :visible.sync="funDialog" width="50%"> |
|||
<table class="e-table" cellspacing="0"> |
|||
<tr> |
|||
<td>角色名称</td> |
|||
<td><el-input v-model="roleForm.name" readonly></el-input></td> |
|||
</tr> |
|||
<tr> |
|||
<td>可操作功能列表</td> |
|||
<td> |
|||
<el-tree v-loading="loading" :data="treedata" ref="funTree" show-checkbox accordion node-key="sid" |
|||
:default-expand-all='true' |
|||
:default-checked-keys="checkedId" :props="defaultProps" @check-change="checkchange"> |
|||
</el-tree> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
<div slot="footer" class="text-center"> |
|||
<el-button type="primary" @click="funSave">保 存</el-button> |
|||
<el-button @click="funDialog = false">关 闭</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
<!-- 菜单授权 --> |
|||
<el-dialog title="菜单授权" :visible.sync="roleDialog" width="50%"> |
|||
<table class="e-table" cellspacing="0"> |
|||
<tr> |
|||
<td>角色名称</td> |
|||
<td><el-input v-model="roleForm.name" readonly></el-input></td> |
|||
</tr> |
|||
<tr> |
|||
<td>可操作菜单列表</td> |
|||
<td> |
|||
<el-tree v-loading="loading" :data="treedata" ref="Tree" show-checkbox accordion node-key="sid" |
|||
:default-expand-all='true' |
|||
:default-checked-keys="checkedId" :props="defaultProps" @check-change="checkchange"> |
|||
</el-tree> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
<div slot="footer" class="text-center"> |
|||
<el-button type="primary" @click="getCheckedKeys">保 存</el-button> |
|||
<el-button @click="roleDialog = false">关 闭</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="新增角色" name="addrole"> |
|||
<el-card class="box-card"> |
|||
<table class="e-table" cellspacing="0"> |
|||
<tr> |
|||
<td>角色名称</td> |
|||
<td> |
|||
<el-input v-model="roleForm.name"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>编码</td> |
|||
<td> |
|||
<el-input v-model="roleForm.code"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>排序</td> |
|||
<td> |
|||
<el-input v-model="roleForm.sort"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>备注</td> |
|||
<td> |
|||
<el-input type="textarea" :autosize="{ minRows: 4, maxRows: 6}" v-model="roleForm.remarks"></el-input> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
<div style="margin-top: 20px; text-align: center;"> |
|||
<el-button type="primary" @click="save()">保 存</el-button> |
|||
</div> |
|||
</el-card> |
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
roleOrgList, |
|||
saveOrgroles, |
|||
putOrgroles, |
|||
delOrgroles, |
|||
setRoleEnable, |
|||
roleMenuTree, |
|||
saveorgrolemenus, |
|||
sourceMenuTree, |
|||
saveSource, |
|||
funMenuTree, |
|||
savefunMenu |
|||
} from '@/api/system/roleAdminister/index.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
dialogTitle: '', |
|||
activeName: 'roleList', |
|||
roleForm: { |
|||
name:'', |
|||
code:'', |
|||
sort:'', |
|||
type:'2', |
|||
remarks:'' |
|||
}, |
|||
formBackup: {}, |
|||
search: { |
|||
name: '' |
|||
}, |
|||
page: { |
|||
total: 0, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
size: 10, // 每页的数据条数 |
|||
}, |
|||
roleTable: [], |
|||
editDialog: false, |
|||
// 树形 |
|||
loading: false, |
|||
defaultProps: { |
|||
children: 'children', |
|||
label: 'name' |
|||
}, |
|||
checkedId: [], // 菜单授权 已选中 |
|||
treedata: [], // 菜单授权 |
|||
chace: [], |
|||
roleDialog: false, |
|||
Thisrow: {}, |
|||
// 资源授权 |
|||
sourceDialog:false, |
|||
sourcetreedata:[], |
|||
sourcedefaultProps: { |
|||
children: 'children', |
|||
label: 'sourceName' |
|||
}, |
|||
// 功能授权 |
|||
funDialog:false |
|||
}; |
|||
}, |
|||
mounted() { |
|||
this.formBackup = Object.assign({}, this.roleForm), |
|||
this.getroleOrgList() |
|||
}, |
|||
methods: { |
|||
pagination(val) { // 分页函数 |
|||
this.page.current = val.pageNum |
|||
this.page.size = val.pageSize |
|||
this.getroleOrgList() |
|||
}, |
|||
// 分页列表 |
|||
getroleOrgList(flag) { |
|||
if(flag == '1'){ |
|||
this.page.current = 1 |
|||
} |
|||
let params = this.page |
|||
params.params = this.search |
|||
roleOrgList(params).then(res => { |
|||
this.page.total = res.data.total |
|||
this.roleTable = res.data.records |
|||
for(let i=0;i<this.roleTable.length;i++){ |
|||
if(this.roleTable[i].isEnable == '1'){ |
|||
this.roleTable[i].isEnableName = '是' |
|||
}else{ |
|||
this.roleTable[i].isEnableName = '否' |
|||
} |
|||
} |
|||
}) |
|||
}, |
|||
handleClick(tab, event) { |
|||
if(tab.name == 'addrole'){ |
|||
this.dialogTitle = '新增' |
|||
this.roleForm = Object.assign({}, this.formBackup) |
|||
}else{ |
|||
this.getroleOrgList() |
|||
} |
|||
}, |
|||
editRow(row) { |
|||
this.dialogTitle = '编辑' |
|||
this.editDialog = true |
|||
this.roleForm = Object.assign({}, row) |
|||
}, |
|||
delRow(row) { |
|||
this.$confirm('确定要删除该角色吗, 是否继续?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
delOrgroles({ |
|||
sid: row.sid |
|||
}).then(res => { |
|||
this.getroleOrgList() |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '删除成功!' |
|||
}); |
|||
}) |
|||
}) |
|||
}, |
|||
// 保存角色 |
|||
save() { |
|||
if (this.roleForm.sid) { |
|||
putOrgroles(this.roleForm).then(res => { |
|||
if (res.code == '200') { |
|||
this.getroleOrgList() |
|||
this.editDialog = false |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
} |
|||
}) |
|||
} else { |
|||
saveOrgroles(this.roleForm).then(res => { |
|||
if (res.code == '200') { |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
this.activeName = "roleList" |
|||
this.getroleOrgList() |
|||
} |
|||
}) |
|||
} |
|||
}, |
|||
// 是否可用 按钮 |
|||
enabledChange(value, row) { |
|||
setRoleEnable({ |
|||
isEnable: value, |
|||
sid: row.sid |
|||
}).then(res => { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: res.msg |
|||
}); |
|||
}) |
|||
}, |
|||
sourceMenus(row){ |
|||
this.sourceDialog = true |
|||
this.checkedId = [] |
|||
this.roleForm.name = row.name |
|||
this.Thisrow = row |
|||
this.loading = true |
|||
let params = { |
|||
roleSid: row.sid |
|||
} |
|||
sourceMenuTree(params).then(res => { |
|||
let data1 = res.data |
|||
for(let i=0;i<data1.length;i++){ |
|||
if(data1[i].checked == 0){ |
|||
this.checkedId.push(data1[i].sid) |
|||
} |
|||
} |
|||
this.treedata = res.data |
|||
this.loading = false |
|||
}) |
|||
}, |
|||
funMenus(row){ |
|||
this.funDialog = true |
|||
this.checkedId = [] |
|||
this.roleForm.name = row.name |
|||
this.Thisrow = row |
|||
this.loading = true |
|||
let params = { |
|||
roleSid: row.sid |
|||
} |
|||
funMenuTree(params).then(res => { |
|||
let data1 = res.data |
|||
for(let i=0;i<data1.length;i++){ |
|||
if(data1[i].checked == 0){ |
|||
this.checkedId.push(data1[i].sid) |
|||
} |
|||
for(let j=0;j<data1[i].children.length;j++){ |
|||
let data2 = data1[i].children |
|||
if(data2[j].checked == 0){ |
|||
this.checkedId.push(data2[j].sid) |
|||
} |
|||
for(let k=0;k<data2[j].children.length;k++){ |
|||
let data3 = data2[j].children |
|||
if(data3[k].checked == 0){ |
|||
this.checkedId.push(data3[k].sid) |
|||
} |
|||
} |
|||
} |
|||
} |
|||
this.treedata = res.data |
|||
this.loading = false |
|||
}) |
|||
}, |
|||
// 获取授权菜单树形 |
|||
roleMenus(row) { |
|||
this.roleDialog = true |
|||
this.checkedId = [] |
|||
this.roleForm.name = row.name |
|||
this.Thisrow = row |
|||
this.loading = true |
|||
let params = { |
|||
roleSid: row.sid |
|||
} |
|||
roleMenuTree(params).then(res => { |
|||
let data1 = res.data |
|||
for(let i=0;i<data1.length;i++){ |
|||
if(data1[i].checked == 0){ |
|||
this.checkedId.push(data1[i].sid) |
|||
} |
|||
for(let j=0;j<data1[i].children.length;j++){ |
|||
let data2 = data1[i].children |
|||
if(data2[j].checked == 0){ |
|||
this.checkedId.push(data2[j].sid) |
|||
} |
|||
for(let k=0;k<data2[j].children.length;k++){ |
|||
let data3 = data2[j].children |
|||
if(data3[k].checked == 0){ |
|||
this.checkedId.push(data3[k].sid) |
|||
} |
|||
} |
|||
} |
|||
} |
|||
this.treedata = res.data |
|||
this.getTreeParentNode(res.data, this.checkedId) |
|||
this.getTreeParentid(res.data) |
|||
this.loading = false |
|||
}) |
|||
|
|||
}, |
|||
// 递归查询所有上级数据 |
|||
getTreeParentNode(menus, ids) { |
|||
for (var i = 0; i < menus.length; i++) { |
|||
if (menus[i].children && menus[i].children.length != 0) { |
|||
this.getTreeParentNode(menus[i].children, ids) |
|||
} else if (menus[i].isCheck) { |
|||
ids.push(menus[i].sid) |
|||
} |
|||
} |
|||
}, |
|||
// 所有一级菜单ID |
|||
getTreeParentid(menus) { |
|||
for (var i = 0; i < menus.length; i++) { |
|||
this.chace.push(menus[i].sid) |
|||
} |
|||
}, |
|||
// 资源授权保存 |
|||
sourceSave(){ |
|||
let _this = this |
|||
let sourceMenus = this.$refs.sourceTree.getCheckedKeys() |
|||
let params={ |
|||
sorceSid:sourceMenus.toString(), |
|||
roleSid:_this.Thisrow.sid |
|||
} |
|||
saveSource(params).then(res => { |
|||
this.sourceDialog = false |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
}) |
|||
}, |
|||
// 功能授权保存 |
|||
funSave(){ |
|||
let _this = this |
|||
let funMenus = this.$refs.funTree.getCheckedKeys() |
|||
let params={ |
|||
functionSid:funMenus.toString(), |
|||
roleSid:_this.Thisrow.sid |
|||
} |
|||
savefunMenu(params).then(res => { |
|||
this.funDialog = false |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
}) |
|||
}, |
|||
// 菜单授权 |
|||
getCheckedKeys() { |
|||
let _this = this |
|||
let roleMenus = [] |
|||
roleMenus = this.$refs.Tree.getCheckedKeys() |
|||
|
|||
// let parentTrue = this.$refs.Tree.getHalfCheckedKeys() |
|||
// for (let i = 0; i < parentTrue.length; i++) { |
|||
// for (let j = 0; j < this.chace.length; j++) { |
|||
// if (parentTrue[i] == this.chace[j]) { |
|||
// parentTrue.splice(i, 1); |
|||
// } |
|||
// } |
|||
// } |
|||
let params={ |
|||
menuSid:roleMenus.toString(), |
|||
roleSid:_this.Thisrow.sid |
|||
} |
|||
saveorgrolemenus(params).then(res => { |
|||
this.roleDialog = false |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
}) |
|||
}, |
|||
checkchange(){ |
|||
|
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped="scoped"> |
|||
.my-tabs{ |
|||
margin-top: 10px; |
|||
} |
|||
</style> |
|||
@ -1,77 +0,0 @@ |
|||
<template> |
|||
<div> |
|||
<el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" width="55"> |
|||
</el-table-column> |
|||
<el-table-column label="日期" width="120"> |
|||
<template slot-scope="scope">{{ scope.row.date }}</template> |
|||
</el-table-column> |
|||
<el-table-column prop="name" label="姓名" width="120"> |
|||
</el-table-column> |
|||
<el-table-column prop="address" label="地址" show-overflow-tooltip> |
|||
</el-table-column> |
|||
</el-table> |
|||
<div style="margin-top: 20px"> |
|||
<el-button @click="toggleSelection([tableData[1], tableData[2]])">切换第二、第三行的选中状态</el-button> |
|||
<el-button @click="toggleSelection()">取消选择</el-button> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
|
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
tableData: [{ |
|||
date: '2016-05-03', |
|||
name: '王小虎', |
|||
address: '上海市普陀区金沙江路 1518 弄' |
|||
}, { |
|||
date: '2016-05-02', |
|||
name: '王小虎', |
|||
address: '上海市普陀区金沙江路 1518 弄' |
|||
}, { |
|||
date: '2016-05-04', |
|||
name: '王小虎', |
|||
address: '上海市普陀区金沙江路 1518 弄' |
|||
}, { |
|||
date: '2016-05-01', |
|||
name: '王小虎', |
|||
address: '上海市普陀区金沙江路 1518 弄' |
|||
}, { |
|||
date: '2016-05-08', |
|||
name: '王小虎', |
|||
address: '上海市普陀区金沙江路 1518 弄' |
|||
}, { |
|||
date: '2016-05-06', |
|||
name: '王小虎', |
|||
address: '上海市普陀区金沙江路 1518 弄' |
|||
}, { |
|||
date: '2016-05-07', |
|||
name: '王小虎', |
|||
address: '上海市普陀区金沙江路 1518 弄' |
|||
}], |
|||
multipleSelection: [] |
|||
} |
|||
}, |
|||
|
|||
methods: { |
|||
toggleSelection(rows) { |
|||
if (rows) { |
|||
rows.forEach(row => { |
|||
this.$refs.multipleTable.toggleRowSelection(row); |
|||
}); |
|||
} else { |
|||
this.$refs.multipleTable.clearSelection(); |
|||
} |
|||
}, |
|||
handleSelectionChange(val) { |
|||
this.multipleSelection = val; |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
@ -1,217 +0,0 @@ |
|||
<template> |
|||
<div class="container"> |
|||
<div class="tab-header"> |
|||
<el-form ref="form" :inline="true" :model="form" label-width="80px"> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="14"> |
|||
<el-form-item label="数据value"> |
|||
<el-input v-model="page.params.dictValue" clearable></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="10"> |
|||
<el-form-item style="float: right;"> |
|||
<el-button type="primary" @click="onSearch()">查 询</el-button> |
|||
<el-button @click="add()">添 加</el-button> |
|||
<el-button @click="closeDict">返 回</el-button> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
|
|||
<el-table :data="tableData" border style="width: 100%;"> |
|||
<el-table-column label="序号" width="50px" type="index" align="center"> |
|||
</el-table-column> |
|||
<el-table-column label="操作" align="center" width="280px"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="primary" size="mini" @click="add(scope.row)"> |
|||
添加子级 |
|||
</el-button> |
|||
<el-button type="primary" size="mini" @click="editRow(scope.row)"> |
|||
修改 |
|||
</el-button> |
|||
<el-button type="danger" size="mini" @click.native.prevent="deleteRow(scope.row)"> |
|||
删除 |
|||
</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="dictType" label="字典分类编码" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="dictKey" label="数据key" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="dictValue" label="数据value" align="center"> |
|||
</el-table-column> |
|||
</el-table> |
|||
<pagination :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination"/> |
|||
|
|||
<!-- 分类编辑 --> |
|||
<el-dialog :title="dialogTitle + '字典分类'" :visible.sync="editDialog" width="50%"> |
|||
<table class="e-table" cellspacing="0"> |
|||
<tr> |
|||
<td>字典分类编码</td> |
|||
<td> |
|||
{{form.dictType}} |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>数据key</td> |
|||
<td> |
|||
<el-input v-model="form.dictKey"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>数据value</td> |
|||
<td> |
|||
<el-input v-model="form.dictValue"></el-input> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click="save()">保 存</el-button> |
|||
<el-button @click="editDialog = false">关 闭</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import axios from 'axios' |
|||
import { dictCommonList, savedictCommon, putdictCommon, deldictCommon } from '@/api/system/dictType/dictCommon.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
editDialog: false, |
|||
dialogTitle: '', |
|||
form: { |
|||
dictKey: '', |
|||
dictType: '', |
|||
dictValue: '', |
|||
parentSid: '' |
|||
}, |
|||
formBackup: Object.assign({}, this.form), |
|||
page: { |
|||
total: 0, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
size: 10, // 每页的数据条数 |
|||
params:{ |
|||
dictKey: '', |
|||
dictType: '', |
|||
dictValue: '', |
|||
parentSid: '', |
|||
sidPath: '', |
|||
} |
|||
}, |
|||
tableData: [] |
|||
} |
|||
}, |
|||
props:['dictData'], |
|||
watch:{ |
|||
dictData: { |
|||
handler(val) { |
|||
this.form.parentSid = val.sid |
|||
this.form.dictType = val.dictType |
|||
this.page.params.parentSid = val.sid |
|||
this.page.params.dictType = val.dictType |
|||
this.getPageList(this.page) |
|||
}, |
|||
deep: true, |
|||
}, |
|||
}, |
|||
mounted() { |
|||
// if (this.$route.query.sid) { |
|||
// sessionStorage.setItem('dictType', this.$route.query.dictType); |
|||
// sessionStorage.setItem('parentSid', this.$route.query.sid); |
|||
// this.page.params.dictType = this.$route.query.dictType |
|||
// this.page.params.parentSid = this.$route.query.sid |
|||
// this.form.dictType = this.$route.query.dictType; |
|||
// this.form.parentSid = this.$route.query.sid |
|||
// } else { |
|||
// this.page.params.dictType = sessionStorage.getItem('dictType'); |
|||
// this.page.params.parentSid = sessionStorage.getItem('parentSid'); |
|||
// this.form.dictType = sessionStorage.getItem('dictType'); |
|||
// this.form.parentSid = sessionStorage.getItem('parentSid'); |
|||
// } |
|||
this.getPageList(this.page) |
|||
}, |
|||
methods: { |
|||
pagination(val) { // 分页 |
|||
this.page.current = val.pageNum |
|||
this.page.size = val.pageSize |
|||
this.getPageList(this.page) |
|||
}, |
|||
onSearch() { //查询 |
|||
this.getPageList(this.page) |
|||
}, |
|||
resetSearch(){ // 重置 |
|||
this.getPageList(this.page) |
|||
}, |
|||
getPageList(data){ // 获取列表 |
|||
dictCommonList(data).then((res)=>{ |
|||
this.tableData = res.data.records |
|||
this.page.total = res.data.total |
|||
}) |
|||
}, |
|||
add(row){ |
|||
if(row){ |
|||
this.form.dictType = row.dictType |
|||
}else{ |
|||
// this.form = Object.assign({}, this.formBackup) |
|||
// this.form.dictType = this.$route.query.dictType |
|||
} |
|||
this.dialogTitle = '新增' |
|||
this.editDialog = true |
|||
|
|||
}, |
|||
closeDict(){ |
|||
this.$emit('show',false) |
|||
}, |
|||
editRow(row) { |
|||
this.dialogTitle = '编辑' |
|||
this.editDialog = true |
|||
this.form = Object.assign({}, row) |
|||
|
|||
}, |
|||
save(){ |
|||
this.form.parentSid = this.$route.query.sid |
|||
if(this.form.sid){ |
|||
putdictCommon(this.form).then(res => { |
|||
this.editDialog = false |
|||
this.getPageList(this.page) |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
}) |
|||
}else{ |
|||
savedictCommon(this.form).then(res => { |
|||
this.editDialog = false |
|||
this.getPageList(this.page) |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
}) |
|||
} |
|||
}, |
|||
deleteRow(row) { |
|||
this.$confirm('确定要删除该数据吗, 是否继续?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
deldictCommon({sid: row.sid}).then(res => { |
|||
this.getPageList(this.page) |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '删除成功!' |
|||
}); |
|||
}) |
|||
}) |
|||
}, |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
|
|||
</style> |
|||
@ -1,200 +0,0 @@ |
|||
<template> |
|||
<div class="container"> |
|||
<div v-show="!commonShow"> |
|||
|
|||
<div class="tab-header"> |
|||
<el-form ref="form" :inline="true" :model="form" label-width="80px"> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="14"> |
|||
<el-form-item label="分类名称"> |
|||
<el-input v-model="page.params.dictTypeName"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="10"> |
|||
<el-form-item style="float: right;"> |
|||
<el-button type="primary" @click="onSearch()">查询</el-button> |
|||
<!--<el-button @click="add()">添加</el-button>--> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
|
|||
<el-table :data="tableData" border style="width: 100%;"> |
|||
<el-table-column label="序号" width="50px" type="index" align="center"> |
|||
</el-table-column> |
|||
<el-table-column label="操作" align="center" width="220px"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="primary" size="mini" @click="guanli(scope.row)"> |
|||
管理 |
|||
</el-button> |
|||
<el-button type="primary" size="mini" @click="editRow(scope.row)"> |
|||
修改 |
|||
</el-button> |
|||
<el-button type="danger" size="mini" @click.native.prevent="deleteRow(scope.row)"> |
|||
删除 |
|||
</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="dictTypeCode" label="字典分类编码" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="dictTypeName" label="字典分类名称" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="remarks" label="说明" align="center"> |
|||
</el-table-column> |
|||
</el-table> |
|||
<pagination :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination"/> |
|||
|
|||
<!-- 分类编辑 --> |
|||
<el-dialog :title="dialogTitle + '字典分类'" :visible.sync="editDialog" width="50%"> |
|||
<table class="e-table" cellspacing="0"> |
|||
<tr> |
|||
<td>数据字典code</td> |
|||
<td> |
|||
<el-input v-model="form.dictTypeCode"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>数据分类名称</td> |
|||
<td> |
|||
<el-input v-model="form.dictTypeName"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>说明</td> |
|||
<td> |
|||
<el-input type="textarea" v-model="form.remarks"></el-input> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click="save()">保 存</el-button> |
|||
<el-button @click="editDialog = false">关 闭</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
</div> |
|||
<dict-common @show = 'isShow' :dictData ='dictData' v-show="commonShow"></dict-common> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { pageList, saveDictType, putDictType, delDictType } from '@/api/system/dictType/index.js' |
|||
import dictCommon from './dictCommon.vue' |
|||
export default { |
|||
data() { |
|||
return { |
|||
editDialog: false, |
|||
dialogTitle: '', |
|||
form: {}, |
|||
formBackup: Object.assign({}, this.form), |
|||
page: { |
|||
total: 0, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
size: 10, // 每页的数据条数 |
|||
params:{ |
|||
dictTypeName: '', |
|||
dictTypeCode: '' |
|||
} |
|||
}, |
|||
tableData: [], |
|||
commonShow:false, |
|||
dictData:{} |
|||
} |
|||
}, |
|||
components:{ |
|||
dictCommon |
|||
}, |
|||
mounted() { |
|||
this.getPageList(this.page) |
|||
}, |
|||
methods: { |
|||
pagination(val) { // 分页 |
|||
this.page.current = val.pageNum |
|||
this.page.size = val.pageSize |
|||
this.getPageList(this.page) |
|||
}, |
|||
onSearch() { //查询 |
|||
this.getPageList(this.page) |
|||
}, |
|||
resetSearch(){ // 重置 |
|||
this.getPageList(this.page) |
|||
}, |
|||
getPageList(data){ // 获取列表 |
|||
pageList(data).then((res)=>{ |
|||
this.tableData = res.data.records |
|||
this.page.total = res.data.total |
|||
}) |
|||
}, |
|||
// add(){ |
|||
// this.dialogTitle = '新增' |
|||
// this.editDialog = true |
|||
// this.form = Object.assign({}, this.formBackup) |
|||
// }, |
|||
editRow(row) { |
|||
this.dialogTitle = '编辑' |
|||
this.editDialog = true |
|||
this.form = Object.assign({}, row) |
|||
}, |
|||
save(){ |
|||
if(this.form.sid){ |
|||
putDictType(this.form).then(res => { |
|||
this.editDialog = false |
|||
this.getPageList(this.page) |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
}) |
|||
}else{ |
|||
saveDictType(this.form).then(res => { |
|||
this.editDialog = false |
|||
this.getPageList(this.page) |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
}) |
|||
} |
|||
}, |
|||
deleteRow(row) { |
|||
this.$confirm('确定要删除该条数据吗, 是否继续?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
delDictType({sid: row.sid}).then(res => { |
|||
this.getPageList(this.page) |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '删除成功!' |
|||
}); |
|||
}) |
|||
}) |
|||
}, |
|||
guanli(row){ |
|||
this.dictData={ |
|||
sid: row.sid, |
|||
dictType: row.dictTypeCode |
|||
} |
|||
this.commonShow = true |
|||
// this.$router.push({ |
|||
// path: '/dictCommon', |
|||
// name:'', |
|||
// query: { |
|||
// sid: row.sid, |
|||
// dictType: row.dictTypeCode |
|||
// } |
|||
// }) |
|||
}, |
|||
isShow(val){ |
|||
this.commonShow = val |
|||
}, |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style scoped="scoped"> |
|||
.my-tabs{ |
|||
margin-top: 10px; |
|||
} |
|||
</style> |
|||
@ -1,349 +0,0 @@ |
|||
<template> |
|||
<div> |
|||
<el-tabs class="my-tabs" v-model="activeName" type="card" @tab-click="handleClick"> |
|||
<el-tab-pane label="功能列表" name="roleList"> |
|||
|
|||
<div class="container"> |
|||
<div class="tab-header"> |
|||
<el-form ref="form" :inline="true" :model="search" label-width="80px"> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="24"> |
|||
<el-form-item label="功能名称"> |
|||
<el-input v-model="search.name" clearable></el-input> |
|||
</el-form-item> |
|||
<el-button @click="getList">查询</el-button> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
<!-- table --> |
|||
<el-table :data="roleTable" border style="width: 100%;" |
|||
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }" |
|||
row-key="sid" |
|||
ref="multipleTable" |
|||
header-cell-class-name="table-header" |
|||
> |
|||
<!--<el-table-column label="序号" width="50px" type="index" align="center"></el-table-column>--> |
|||
<el-table-column prop="name" label="功能名称" width="200px" align="left"></el-table-column> |
|||
<el-table-column label="操作" width="280px" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-button @click="addChildren(scope.row)" type="primary" size="mini"> 添加子功能 </el-button> |
|||
<el-button @click="editRow(scope.row)" v-if="scope.row.isSource == '0'" type="primary" size="mini"> 修改 </el-button> |
|||
<el-button @click="delRow(scope.row)" v-if="scope.row.isSource == '0'" type="danger" size="mini"> 删除 </el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="actionUrl" label="url地址" width="200" align="center"></el-table-column> |
|||
<!--<el-table-column prop="sourceName" label="模块名称" align="center"></el-table-column>--> |
|||
<el-table-column prop="isEnable" label="是否可用" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-switch |
|||
v-model="scope.row.isEnable" |
|||
active-value='1' |
|||
inactive-value='0' |
|||
active-color="#13ce66" |
|||
inactive-color="#ff4949" |
|||
@change="enabledChange($event,scope.row)"> |
|||
</el-switch> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!--<pagination :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination" />--> |
|||
|
|||
<!-- 编辑功能信息 --> |
|||
<el-dialog :title="dialogTitle + '功能信息'" :visible.sync="editDialog" width="40%"> |
|||
<table class="e-table" cellspacing="0"> |
|||
<tr> |
|||
<td>上级功能</td> |
|||
<td><el-input v-model="roleForm.parentName" :disabled="true"></el-input></td> |
|||
</tr> |
|||
<tr> |
|||
<td>功能名称</td> |
|||
<td><el-input v-model="roleForm.name"></el-input></td> |
|||
</tr> |
|||
<tr> |
|||
<td>url地址</td> |
|||
<td><el-input v-model="roleForm.actionUrl"></el-input></td> |
|||
</tr> |
|||
<tr> |
|||
<td>模块名称</td> |
|||
<td> |
|||
<el-select v-model="roleForm.sourceSid"> |
|||
<el-option |
|||
v-for="(item, i) in sourceNameData" |
|||
:key="i" |
|||
:label="item.sourceName" |
|||
:value="item.sid"> |
|||
</el-option> |
|||
</el-select> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>终端权限</td> |
|||
<td> |
|||
<el-checkbox-group v-model="phoneFunction"> |
|||
<!--<el-checkbox v-for="(item,index) in phoneFunctionData" :label="item.name"></el-checkbox>--> |
|||
<el-checkbox label="0" name="type">pc端</el-checkbox> |
|||
<el-checkbox label="1" name="type">移动端</el-checkbox> |
|||
</el-checkbox-group> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>说明</td> |
|||
<td> <el-input type="textarea" :autosize="{ minRows: 4, maxRows: 6}" v-model="roleForm.remarks"></el-input></td> |
|||
</tr> |
|||
</table> |
|||
<div style="margin-top: 20px; text-align: center;"> |
|||
<el-button type="primary" @click="save()">保 存</el-button> |
|||
<el-button @click="editDialog = false">关 闭</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="新增功能" name="addrole"> |
|||
<el-card class="box-card"> |
|||
<table class="e-table" cellspacing="0"> |
|||
<tr> |
|||
<td>上级功能</td> |
|||
<td><el-input v-model="roleForm.parentName" :disabled="true"></el-input></td> |
|||
</tr> |
|||
<tr> |
|||
<td>功能名称</td> |
|||
<td><el-input v-model="roleForm.name"></el-input></td> |
|||
</tr> |
|||
<tr> |
|||
<td>url地址</td> |
|||
<td><el-input v-model="roleForm.actionUrl"></el-input></td> |
|||
</tr> |
|||
<tr> |
|||
<td>模块名称</td> |
|||
<td> |
|||
<el-select v-model="roleForm.sourceSid"> |
|||
<el-option |
|||
v-for="(item, i) in sourceNameData" |
|||
:key="i" |
|||
:label="item.sourceName" |
|||
:value="item.sid"> |
|||
</el-option> |
|||
</el-select> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>终端权限</td> |
|||
<td> |
|||
<el-checkbox-group v-model="phoneFunction"> |
|||
<!--<el-checkbox v-for="(item,index) in phoneFunctionData" :label="item.name"></el-checkbox>--> |
|||
<el-checkbox label="0" name="type">pc端</el-checkbox> |
|||
<el-checkbox label="1" name="type">移动端</el-checkbox> |
|||
</el-checkbox-group> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>说明</td> |
|||
<td> <el-input type="textarea" :autosize="{ minRows: 4, maxRows: 6}" v-model="roleForm.remarks"></el-input></td> |
|||
</tr> |
|||
</table> |
|||
<div style="margin-top: 20px; text-align: center;"> |
|||
<el-button type="primary" @click="save()">保 存</el-button> |
|||
</div> |
|||
</el-card> |
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
pageList, |
|||
savePost, |
|||
sourceList, |
|||
delOrgroles, |
|||
getSingleData, |
|||
putOrgroles, |
|||
IsEnable |
|||
} from '@/api/system/functional/functional.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
dialogTitle: '', |
|||
activeName: 'roleList', |
|||
roleForm: { |
|||
sid:'', |
|||
parentName:'顶级菜单', |
|||
parentSid:'0', |
|||
name:'', |
|||
actionUrl:'', |
|||
// controllerName:'', |
|||
sourceSid:'', |
|||
phoneFunction:'', |
|||
remarks: "", |
|||
}, |
|||
phoneFunction:[], |
|||
phoneFunctionData:[{ |
|||
name:'PC端', |
|||
id:'0' |
|||
},{ |
|||
name:'移动端', |
|||
id:'1' |
|||
}], |
|||
// 模块名称 |
|||
sourceNameData:[], |
|||
formBackup: {}, |
|||
search: { |
|||
name: '' |
|||
}, |
|||
orgName:'', |
|||
roleTable: [], |
|||
editDialog: false, |
|||
// 树形 |
|||
loading: false, |
|||
defaultProps: { |
|||
children: 'children', |
|||
label: 'name' |
|||
}, |
|||
orgdata:[], // 部门 |
|||
checkedId: [], |
|||
treedata: [], |
|||
// chace: [], |
|||
// roleDialog: false, |
|||
// Thisrow: {}, |
|||
// orgListAll:[] |
|||
|
|||
}; |
|||
}, |
|||
mounted() { |
|||
this.formBackup = Object.assign({}, this.roleForm), |
|||
this.getList() |
|||
this.getsourceList() |
|||
}, |
|||
methods: { |
|||
// 分页列表 |
|||
getList() { |
|||
// let params = this.search |
|||
let params={ |
|||
name: this.search.name |
|||
} |
|||
pageList(params).then(res => { |
|||
this.roleTable = res.data |
|||
console.log(res.data) |
|||
}) |
|||
}, |
|||
// 模块名称 |
|||
getsourceList(){ |
|||
let params={} |
|||
sourceList(params).then(res => { |
|||
this.sourceNameData = res.data |
|||
this.loading = false |
|||
}) |
|||
}, |
|||
handleClick(tab, event) { |
|||
if(tab.name == 'addrole'){ |
|||
this.dialogTitle = '新增' |
|||
this.roleForm = Object.assign({}, this.formBackup) |
|||
}else{ |
|||
this.getList() |
|||
} |
|||
}, |
|||
editRow(row) { |
|||
this.dialogTitle = '编辑' |
|||
this.editDialog = true |
|||
this.roleForm = Object.assign({}, row) |
|||
getSingleData({id: row.sid }).then(res => { |
|||
this.roleForm.parentName= res.data.parentName |
|||
this.roleForm.sourceSid= res.data.sourceSid |
|||
this.roleForm.sourceName= '' |
|||
this.phoneFunction = res.data.phoneFunction.split(",") |
|||
}) |
|||
}, |
|||
addChildren(row){ |
|||
this.refersh() |
|||
this.activeName= 'addrole' |
|||
this.roleForm.parentName = row.name |
|||
this.roleForm.parentSid = row.sid |
|||
if(row.isSource == '1'){ |
|||
this.roleForm.parentName = '顶级菜单' |
|||
this.roleForm.parentSid = 0 |
|||
}else{ |
|||
this.roleForm.parentName = row.name |
|||
this.roleForm.parentSid = row.sid |
|||
} |
|||
}, |
|||
delRow(row) { |
|||
this.$confirm('确定要删除该功能吗, 是否继续?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
delOrgroles({ |
|||
sid: row.sid |
|||
}).then(res => { |
|||
this.getList() |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '删除成功!' |
|||
}); |
|||
}) |
|||
}) |
|||
}, |
|||
// 保存角色 |
|||
save() { |
|||
this.roleForm.phoneFunction = this.phoneFunction.toString() |
|||
if (this.roleForm.sid) { |
|||
putOrgroles(this.roleForm).then(res => { |
|||
if (res.code == '200') { |
|||
this.getList() |
|||
this.editDialog = false |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
} |
|||
}) |
|||
} else { |
|||
savePost(this.roleForm).then(res => { |
|||
if (res.code == '200') { |
|||
this.getList() |
|||
this.activeName = "roleList" |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
}, |
|||
refersh(){ |
|||
this.roleForm= { |
|||
parentName:'顶级菜单', |
|||
parentSid:'0', |
|||
name:'', |
|||
actionUrl:'', |
|||
sourceSid:'', |
|||
phoneFunction:'', |
|||
remarks: "", |
|||
} |
|||
}, |
|||
// 是否可用 按钮 |
|||
enabledChange(value, row) { |
|||
IsEnable({ |
|||
sid: row.sid |
|||
}).then(res => { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: res.msg |
|||
}); |
|||
}) |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
|
|||
|
|||
<style scoped="scoped"> |
|||
.el-select > .el-input { |
|||
display: block; |
|||
width: 300px; |
|||
} |
|||
.my-tabs{ |
|||
margin-top: 10px; |
|||
} |
|||
</style> |
|||
@ -1,212 +0,0 @@ |
|||
<template> |
|||
<div class="container"> |
|||
<div class="tab-header"> |
|||
<el-form :inline="true" :model="form" class="demo-form-inline"> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="16"> |
|||
<el-form-item label="日志类别"> |
|||
<el-input v-model="page.params.eventName" clearable></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item style="float: right;"> |
|||
<el-button type="primary" @click="getPageList(page)">查询</el-button> |
|||
<el-button type="primary" @click="exportExcel" >导出日志</el-button> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
|
|||
<el-table :data="tableData" border style="width: 100%;"> |
|||
<el-table-column label="序号" type="index" align="center" width="70px"> |
|||
</el-table-column> |
|||
<el-table-column prop="eventName" label="日志类别" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="eventContent" label="日志内容" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="userName" label="用户名" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="userIp" label="IP地址" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="timestamp" label="记录时间" align="center"> |
|||
</el-table-column> |
|||
</el-table> |
|||
<pagination :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination"/> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { logPageList } from '@/api/system/log/index.js' |
|||
import axios from 'axios' |
|||
import { getStorage } from '@/utils/auth' |
|||
export default { |
|||
data() { |
|||
return { |
|||
radio: '1', |
|||
dialogVisible: false, |
|||
disabled: false, |
|||
form: {}, |
|||
page: { |
|||
total: 0, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
size: 10, // 每页的数据条数 |
|||
params: { |
|||
eventName: '' |
|||
} |
|||
}, |
|||
tableData: [] |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.getPageList(this.page) |
|||
}, |
|||
methods: { |
|||
pagination(val) { // 分页 |
|||
this.page.current = val.pageNum |
|||
this.page.size = val.pageSize |
|||
this.getPageList(this.page) |
|||
}, |
|||
onSearch() { //查询 |
|||
this.getPageList(this.page) |
|||
}, |
|||
resetSearch(){ // 重置 |
|||
this.page = this.pageBackup |
|||
}, |
|||
getPageList(data){ // 获取列表 |
|||
logPageList(data).then((res)=>{ |
|||
this.tableData = res.data.records |
|||
this.page.total = res.data.total |
|||
}) |
|||
}, |
|||
exportExcel(){ // 导出文件 |
|||
axios({ |
|||
method: 'get', |
|||
url: 'api/system/v1/systemlogs/exportLogExcel', |
|||
params: this.page, |
|||
responseType: 'blob', |
|||
headers:{'token': getStorage()} |
|||
}).then(response => { |
|||
let blob = new Blob([response.data], {type:"application/vnd.ms-excel"}); |
|||
if (!!window.ActiveXObject || "ActiveXObject" in window) { |
|||
window.navigator.msSaveOrOpenBlob(blob, '日志'); |
|||
} else { |
|||
let link = document.createElement('a'); |
|||
link.href = window.URL.createObjectURL(blob); |
|||
link.download = "日志"; |
|||
link.click(); |
|||
} |
|||
}).catch((error) => { |
|||
|
|||
}) |
|||
} |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style scoped="scoped" lang="scss"> |
|||
.zcxx { |
|||
color: #000; |
|||
width: 98%; |
|||
margin: 0px auto 30px; |
|||
background-color: #f7f9fc; |
|||
border: 1px solid #e6e9f0; |
|||
height: 60px; |
|||
line-height: 60px; |
|||
|
|||
p { |
|||
font-size: 18px; |
|||
float: left; |
|||
margin-top: 0px; |
|||
margin-left: 10px; |
|||
font-weight: bold; |
|||
width: 300px; |
|||
} |
|||
|
|||
.el-button { |
|||
float: right; |
|||
margin-top: 13px; |
|||
border: none; |
|||
width: 80px; |
|||
padding: 0; |
|||
text-align: center; |
|||
padding-top: 10px; |
|||
padding-bottom: 10px; |
|||
} |
|||
|
|||
} |
|||
|
|||
table { |
|||
width: 98%; |
|||
margin: 0 auto; |
|||
|
|||
tr { |
|||
height: 45px; |
|||
vertical-align: top; |
|||
} |
|||
|
|||
td:first-child { |
|||
text-align: right; |
|||
width: 20%; |
|||
} |
|||
|
|||
td:nth-child(2) { |
|||
padding-left: 30px; |
|||
width: 23%; |
|||
} |
|||
|
|||
td:nth-child(3) { |
|||
text-align: right; |
|||
width: 20%; |
|||
} |
|||
|
|||
td:nth-child(4) { |
|||
padding-left: 30px; |
|||
|
|||
} |
|||
|
|||
span { |
|||
font-size: 14px; |
|||
color: #015bff; |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.sfz { |
|||
border: 1px solid #e6e9f0; |
|||
width: 45%; |
|||
|
|||
} |
|||
|
|||
#bei { |
|||
width: 21.4%; |
|||
|
|||
} |
|||
} |
|||
|
|||
.avatar-uploader .el-upload { |
|||
border: 1px dashed #d9d9d9; |
|||
border-radius: 6px; |
|||
cursor: pointer; |
|||
position: relative; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.avatar-uploader .el-upload:hover { |
|||
border-color: #409EFF; |
|||
} |
|||
|
|||
.avatar-uploader-icon { |
|||
font-size: 28px; |
|||
color: #8c939d; |
|||
width: 148px; |
|||
height: 148px; |
|||
line-height: 148px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.avatar { |
|||
width: 148px; |
|||
height: 148px; |
|||
display: block; |
|||
} |
|||
</style> |
|||
@ -1,558 +0,0 @@ |
|||
<template> |
|||
<el-tabs class="my-tabs" v-model="activeName" type="card" @tab-click="handleClick"> |
|||
<el-tab-pane label="菜单列表" name="roleList"> |
|||
<div class="content"> |
|||
<div class="tab-header"> |
|||
<el-form :inline="true" :model="form" class="demo-form-inline"> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="18"> |
|||
<el-form-item label="菜单名称"> |
|||
<el-input v-model="page.params.name" placeholder="菜单名称" clearable></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="资源名称"> |
|||
<!--<el-select v-model="page.sourceSid" @change="$forceUpdate()" :disabled="isadd"> |
|||
<el-option |
|||
v-for="(item, i) in sourceNameData" |
|||
:key="i" |
|||
:label="item.sourceName" |
|||
:value="item.sid"> |
|||
</el-option> |
|||
</el-select>--> |
|||
<el-input v-model="page.params.sourceName" placeholder="资源名称" clearable></el-input> |
|||
</el-form-item> |
|||
<el-button type="primary" @click="getPageList">查询</el-button> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item style="float: right;"> |
|||
<el-button type="primary" @click="getPageList">保存排序</el-button> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
|
|||
<!-- table --> |
|||
<div class="table-describe clearfix"> |
|||
<h4 style="color:#000;">菜单列表</h4> |
|||
</div> |
|||
<el-table :data="tableData" border style="width: 100%;" |
|||
row-key="sid" |
|||
ref="multipleTable" |
|||
:tree-props="{children: 'children', hasChildren: 'hasChildren'}"> |
|||
<el-table-column prop="name" label="菜单名称" width="220"></el-table-column> |
|||
<el-table-column label="操作" width="260" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="primary" size="mini" @click="add(scope.row)"> |
|||
添加子菜单 |
|||
</el-button> |
|||
<el-button v-if="scope.row.isSource == '0'" type="primary" size="mini" @click="editRow(scope.row)"> |
|||
修改 |
|||
</el-button> |
|||
<el-button v-if="scope.row.isSource == '0'" type="danger" size="mini" @click.native.prevent="deleteRow(scope.row)"> |
|||
删除 |
|||
</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<!--<el-table-column prop="sourceName" label="资源名称" align="center"></el-table-column>--> |
|||
<el-table-column prop="sortNo" sortable label="排序" align="center" width="100"> |
|||
<template slot-scope="scope"> |
|||
<el-input v-model="scope.row.sortNo" size="mini" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="pageUrl" label="链接地址" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="isEnable" label="可见性" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-switch |
|||
v-model="scope.row.isEnable" |
|||
active-color="#13ce66" |
|||
inactive-color="#ff4949" |
|||
active-value="1" |
|||
inactive-value="0" |
|||
@change="enabledChange(scope.row.isEnable,scope.row)"> |
|||
</el-switch> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<!-- <pagination :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination"/> --> |
|||
<!-- 编辑功能信息 --> |
|||
<el-dialog :title="dialogTitle + '功能信息'" :visible.sync="editDialog" width="40%"> |
|||
<table class="e-table" cellspacing="0"> |
|||
<tr> |
|||
<td >上级菜单</td> |
|||
<td ><el-input v-model="form.pname" :disabled="true"></el-input></td> |
|||
</tr> |
|||
<tr> |
|||
<td >资源名称</td> |
|||
<td> |
|||
<el-select v-model="form.sourceSid" @change="$forceUpdate()" :disabled="isadd"> |
|||
<el-option |
|||
v-for="(item, i) in sourceNameData" |
|||
:key="i" |
|||
:label="item.sourceName" |
|||
:value="item.sid"> |
|||
</el-option> |
|||
</el-select> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td >菜单名称</td> |
|||
<td > |
|||
<el-input v-model="form.name"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td >菜单路由</td> |
|||
<td > |
|||
<el-input v-model="form.menuUrl"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td >菜单图片路径</td> |
|||
<td > |
|||
<el-input v-model="form.iconUrl"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td >前端页面名称</td> |
|||
<td > |
|||
<el-input v-model="form.pageName"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td >前端页面路径</td> |
|||
<td > |
|||
<el-input v-model="form.pageUrl"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td >是否可见</td> |
|||
<td > |
|||
<el-radio-group v-model="form.isShow"> |
|||
<el-radio :label="0">否</el-radio> |
|||
<el-radio :label="1">是</el-radio> |
|||
</el-radio-group> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>排序号</td> |
|||
<td> |
|||
<el-input v-model="form.sortNo"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>备注</td> |
|||
<td> |
|||
<el-input v-model="form.remarks"></el-input> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
<div style="margin-top: 20px; text-align: center;"> |
|||
<el-button type="primary" @click="save()">保 存</el-button> |
|||
<el-button @click="editDialog = false">关 闭</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
|
|||
</el-tab-pane> |
|||
<el-tab-pane label="新增菜单" name="addrole"> |
|||
<!-- 添加 --> |
|||
<!--<el-dialog :title="dialogTitle + '菜单管理'" :visible.sync="editDialog" width="40%">--> |
|||
<table class="e-table" cellspacing="0"> |
|||
<tr> |
|||
<td >上级菜单</td> |
|||
<td ><el-input v-model="form.pname" :disabled="true"></el-input></td> |
|||
</tr> |
|||
<tr> |
|||
<td >资源名称</td> |
|||
<td> |
|||
<el-select v-model="form.sourceSid" @change="$forceUpdate()" :disabled="isadd"> |
|||
<el-option |
|||
v-for="(item, i) in sourceNameData" |
|||
:key="i" |
|||
:label="item.sourceName" |
|||
:value="item.sid"> |
|||
</el-option> |
|||
</el-select> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td >菜单名称</td> |
|||
<td > |
|||
<el-input v-model="form.name"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td >菜单路由</td> |
|||
<td > |
|||
<el-input v-model="form.menuUrl"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td >菜单图片路径</td> |
|||
<td > |
|||
<el-input v-model="form.iconUrl"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td >前端页面名称</td> |
|||
<td > |
|||
<el-input v-model="form.pageName"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td >前端页面路径</td> |
|||
<td > |
|||
<el-input v-model="form.pageUrl"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td >是否可见</td> |
|||
<td > |
|||
<el-radio-group v-model="form.isShow"> |
|||
<el-radio :label="0">否</el-radio> |
|||
<el-radio :label="1">是</el-radio> |
|||
</el-radio-group> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>排序号</td> |
|||
<td> |
|||
<el-input v-model="form.sortNo"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>备注</td> |
|||
<td> |
|||
<el-input v-model="form.remarks"></el-input> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
<div style="margin-top: 20px; text-align: center;"> |
|||
<el-button type="primary" @click="save()">保存</el-button> |
|||
</div> |
|||
|
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
</template> |
|||
|
|||
<script> |
|||
import { pageList, menusTreelist, saveMenusInfo, putMenusInfo, delMenus,IsEnable } from '@/api/system/menu/index.js' |
|||
import { sourceList } from '@/api/system/functional/functional.js' |
|||
|
|||
export default { |
|||
data() { |
|||
return { |
|||
activeName: 'roleList', |
|||
editDialog: false, |
|||
dialogTitle: '', |
|||
checked: '', |
|||
form:{ |
|||
pname:'顶级菜单', |
|||
iconUrl: "", |
|||
isShow: 1, |
|||
menuName: "", |
|||
menuUrl: "", |
|||
pageAliasName: "", |
|||
pageName: "", |
|||
pageUrl: "", |
|||
pageUrlRedirect: "", |
|||
psid: "", |
|||
remarks: "", |
|||
sortNo: 0, |
|||
sourceSid: '' |
|||
}, |
|||
formBackup: Object.assign({}, this.form), |
|||
tableData: [], |
|||
page: { |
|||
current: 1, |
|||
size: 10, |
|||
total: 0, |
|||
params:{ |
|||
name: '', |
|||
psid: '', |
|||
sourceName: '', |
|||
sourceSid: '' |
|||
} |
|||
}, |
|||
rank: '1', |
|||
sourceNameData: [], // 资源 |
|||
isadd: false |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.getPageList() |
|||
this.getsourceList() |
|||
|
|||
// getsourceList().then(res => { |
|||
// this.sourceNameData = res.data |
|||
// }) |
|||
}, |
|||
methods: { |
|||
pagination(val) { // 分页 |
|||
this.page.current = val.pageNum |
|||
this.page.size = val.pageSize |
|||
this.getPageList() |
|||
}, |
|||
resetSearch(){ // 重置 |
|||
this.page.params = this.pageBackup |
|||
}, |
|||
getPageList(){ // 获取列表 |
|||
pageList(this.page).then((res)=>{ |
|||
let treedata = res.data |
|||
console.log('菜单列表', res) |
|||
this.tableData = treedata |
|||
this.page.total = res.data.total |
|||
}) |
|||
}, |
|||
// 资源名称 |
|||
getsourceList(){ |
|||
let params={} |
|||
sourceList(params).then(res => { |
|||
this.sourceNameData = res.data |
|||
this.loading = false |
|||
}) |
|||
}, |
|||
handleClick(tab, event) { |
|||
if(tab.name == 'addrole'){ |
|||
this.dialogTitle = '新增' |
|||
this.roleForm = Object.assign({}, this.formBackup) |
|||
}else{ |
|||
this.getPageList() |
|||
} |
|||
}, |
|||
add(row){ |
|||
this.activeName= 'addrole' |
|||
// if(row == 0){ |
|||
// this.isadd = false |
|||
// }else{ |
|||
// this.isadd = true |
|||
// } |
|||
// this.dialogTitle = '新增' |
|||
// this.editDialog = true |
|||
this.form = Object.assign({}, this.formBackup) |
|||
this.form.isShow = 1 |
|||
// this.form.psid = row.sid || 0 |
|||
this.form.pname = row.name || '顶级菜单' |
|||
this.form.sourceSid = row.sourceSid || '' |
|||
if(row.isSource == '1'){ |
|||
this.form.psid = 0 |
|||
}else{ |
|||
this.form.psid = row.sid |
|||
} |
|||
}, |
|||
editRow(row){ |
|||
this.dialogTitle = '编辑' |
|||
this.editDialog = true |
|||
this.form = Object.assign({}, row) |
|||
this.form.isShow = 1 |
|||
this.form.pname = row.psid == "0" ? '顶级菜单' : row.pname |
|||
}, |
|||
save(){ |
|||
if(this.form.sid){ |
|||
putMenusInfo(this.form).then(res => { |
|||
this.editDialog = false |
|||
this.getPageList(this.page) |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
}) |
|||
}else{ |
|||
saveMenusInfo(this.form).then(res => { |
|||
this.activeName = "roleList" |
|||
this.getPageList() |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
}) |
|||
} |
|||
}, |
|||
deleteRow(row) { |
|||
this.$confirm('确定要删除该菜单吗, 是否继续?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
delMenus({sid: row.sid}).then(res => { |
|||
this.getPageList(this.page) |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '删除成功!' |
|||
}); |
|||
}) |
|||
}) |
|||
}, |
|||
// 是否可用 按钮 |
|||
enabledChange(value, row) { |
|||
IsEnable({ |
|||
sid: row.sid |
|||
}).then(res => { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: res.msg |
|||
}); |
|||
}) |
|||
}, |
|||
retname(sid){ |
|||
obj = this.sourceNameData.find((item)=>{ |
|||
return item.sid == sid;//筛选出匹配数据 |
|||
}); |
|||
return obj.name |
|||
} |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
.el-input__inner{ |
|||
line-height: 32px; |
|||
height: 32px; |
|||
} |
|||
</style> |
|||
|
|||
|
|||
<style scoped="scoped" lang="scss"> |
|||
.el-pagination.is-background .btn-next, |
|||
.el-pagination.is-background .btn-prev { |
|||
padding: 0 20px; |
|||
border: 1px solid #ccc; |
|||
border-radius: 2px; |
|||
background-color: #FFFFFF; |
|||
} |
|||
|
|||
.el-icon-arrow-left:before, |
|||
.el-icon-arrow-right:before { |
|||
content: '下一页'; |
|||
color: #727272; |
|||
} |
|||
|
|||
.el-icon-arrow-left:before { |
|||
content: '上一页'; |
|||
} |
|||
|
|||
.content { |
|||
width: 100%; |
|||
padding-top: 10px; |
|||
font-size: 16px; |
|||
color: #fff; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
.shouye { |
|||
position: absolute; |
|||
top: -3px; |
|||
left: 100px; |
|||
font-size: 16px; |
|||
color: #0395d8; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.placename { |
|||
position: absolute; |
|||
top: -3px; |
|||
left: 210px; |
|||
font-size: 16px; |
|||
color: #fff; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.right_cont { |
|||
width: 100%; |
|||
height: 645px; |
|||
background-color: #fff; |
|||
margin: 0; |
|||
padding: 15px; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
.cont_head { |
|||
height: 40px; |
|||
width: 97%; |
|||
margin-left: 1.5%; |
|||
background-color: #f7f9fc; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.cont_head p { |
|||
float: left; |
|||
color: #000; |
|||
line-height: 40px; |
|||
margin-left: 50px; |
|||
} |
|||
|
|||
.cont_head input { |
|||
float: left; |
|||
height: 24px; |
|||
width: 147px; |
|||
margin-top: 6px; |
|||
border: 1px solid #e6e9f0; |
|||
border-radius: 5px; |
|||
-webkit-appearance: none; |
|||
outline: none; |
|||
} |
|||
|
|||
.cont_head select { |
|||
float: left; |
|||
height: 28px; |
|||
width: 147px; |
|||
margin-top: 6px; |
|||
border: 1px solid #e6e9f0; |
|||
border-radius: 5px; |
|||
outline: none; |
|||
} |
|||
|
|||
.chaxun { |
|||
height: 28px; |
|||
width: 85px; |
|||
line-height: 0px; |
|||
background-color: #018ad2; |
|||
margin-top: 6px; |
|||
text-align: center; |
|||
padding: 0; |
|||
float: right; |
|||
margin-right: 6px; |
|||
} |
|||
|
|||
.tishi { |
|||
width: 80%; |
|||
|
|||
margin: auto; |
|||
|
|||
tr { |
|||
height: 50px; |
|||
} |
|||
|
|||
td { |
|||
border: 1px solid #e6e9f0; |
|||
text-align: center; |
|||
} |
|||
|
|||
td:first-child { |
|||
background-color: #f7f9fc; |
|||
} |
|||
|
|||
input { |
|||
width: 80%; |
|||
height: 30px; |
|||
border: 1px solid #e6e9f0; |
|||
} |
|||
|
|||
textarea { |
|||
width: 80%; |
|||
height: 100px; |
|||
border: 1px solid #e6e9f0; |
|||
margin-top: 10px; |
|||
margin-bottom: 6px; |
|||
} |
|||
select { |
|||
width: 80%; |
|||
height: 30px; |
|||
border: 1px solid #e6e9f0; |
|||
} |
|||
} |
|||
.my-tabs{ |
|||
margin-top: 10px; |
|||
} |
|||
</style> |
|||
@ -1,446 +0,0 @@ |
|||
<template> |
|||
<div class="container" style="display: flex;"> |
|||
<div class="org-tree"> |
|||
<el-tree :data="treedata" |
|||
node-key="sid" |
|||
:props="props" |
|||
default-expand-all |
|||
@node-click="handleNodeClick" |
|||
:expand-on-click-node="false" |
|||
> |
|||
<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="40%"> |
|||
<el-form :model="nodeForm"> |
|||
<el-form-item label="部门名称" label-width="120px"> |
|||
<el-input v-model="nodeForm.name" autocomplete="off"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="排序号" label-width="120px"> |
|||
<el-input v-model="nodeForm.sortNo" autocomplete="off"></el-input> |
|||
</el-form-item> |
|||
</el-form> |
|||
<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="序号" type="index" width="40px" align="center"></el-table-column>--> |
|||
<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="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 for="">部门名称: </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"> |
|||
<el-form ref="form" :rules="rules" :model="form" label-width="120px"> |
|||
<el-form-item label="部门名称" prop="name"> |
|||
<el-input v-model="form.name"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="部门地理位置" prop="jwd"> |
|||
<el-input v-model="form.jwd" readonly> |
|||
<el-button slot="append" icon="el-icon-map-location" @click='mapDialog = true'></el-button> |
|||
</el-input> |
|||
</el-form-item> |
|||
<el-form-item label="部门地址" prop="addrs"> |
|||
<el-input v-model="form.addrs"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="主管人员" prop="zgStaffSid"> |
|||
<el-input v-model="form.zgStaffSid"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="分管人员" prop="fgStaffSid"> |
|||
<el-input v-model="form.fgStaffSid"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="部门联系人" prop=" linkPerson"> |
|||
<el-input v-model="form.linkPerson"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="联系电话" prop="linkPhone"> |
|||
<el-input v-model="form.linkPhone"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="排序号" prop="sort"> |
|||
<el-input v-model="form.sort"></el-input> |
|||
</el-form-item> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<Position v-if="mapDialog" :address.sync="form.addrs" :maker-position.sync="form.jwd" :dialog-visible.sync="mapDialog" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { pageList, orgList, addOrgTree, getPagelist, putOrgtree, postOrgtree, delOrgtree, getQrCode } from '@/api/system/departments/departments.js' |
|||
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: '' |
|||
}, |
|||
form: { |
|||
name:'', |
|||
jwd:'', |
|||
addrs:'', |
|||
zgStaffSid:'', |
|||
fgStaffSid:'', |
|||
linkPerson:'', |
|||
linkPhone:'', |
|||
sort:'' |
|||
}, |
|||
formBackup: Object.assign({}, this.form), |
|||
isshow: 'table', |
|||
page: { |
|||
total: 0, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
size: 10, // 每页的数据条数 |
|||
params:{ |
|||
name: '', |
|||
organizationSid: '', |
|||
psid: '' |
|||
} |
|||
}, |
|||
tableData: [], |
|||
treedata: [], |
|||
rules:{ |
|||
name:[ |
|||
{ required: true, message: '请输入', trigger: 'blur' }, |
|||
], |
|||
jwd:[ |
|||
{ required: true, message: '请输入', trigger: 'blur' }, |
|||
], |
|||
addrs:[ |
|||
{ required: true, message: '请输入', trigger: 'blur' }, |
|||
], |
|||
zgStaffSid:[ |
|||
{ required: true, message: '请输入', trigger: 'blur' }, |
|||
], |
|||
fgStaffSid:[{ required: true, message: '请输入', trigger: 'blur' },], |
|||
linkPerson:[{ required: true, message: '请输入', trigger: 'blur' },], |
|||
linkPhone:[{ required: true, message: '请输入', trigger: 'blur' },], |
|||
sort:[ |
|||
{ required: true, message: '请输入', trigger: 'blur' }, |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.getOrgTree() |
|||
// this.getPageList() |
|||
}, |
|||
methods: { |
|||
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 |
|||
|
|||
// let params = { |
|||
// total: 0, |
|||
// current: 1, |
|||
// size: 10, |
|||
// params:{ |
|||
// name: '', |
|||
// organizationSid: this.$store.getters.userInfo.orgSid, |
|||
// psid: data.sid || 0 |
|||
// } |
|||
// } |
|||
this.getPageList(this.page) |
|||
}, |
|||
getPageList(data){ // 获取树形列表 |
|||
pageList(data).then(res => { |
|||
this.tableData = res.data.records |
|||
this.page.total = res.data.total |
|||
}) |
|||
}, |
|||
getOrgTree(){ // 获取树形列表 |
|||
orgList({}).then(res => { |
|||
this.treedata = res.data |
|||
}) |
|||
}, |
|||
save(){ |
|||
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){ |
|||
putOrgtree(this.form).then(res => { |
|||
this.isshow = 'table' |
|||
this.getOrgTree() |
|||
this.handleNodeClick({sid: this.form.psid}) |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
}) |
|||
}else{ |
|||
addOrgTree(this.form).then(res => { |
|||
this.isshow = 'table' |
|||
this.getOrgTree() |
|||
this.handleNodeClick({sid: this.form.psid}) |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
}) |
|||
} |
|||
}, |
|||
append(data) { |
|||
this.dialogTitle = '新增' |
|||
this.isshow = 'edit' |
|||
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 |
|||
}, |
|||
editRow(row) { |
|||
this.dialogTitle = '编辑' |
|||
this.isshow = 'edit' |
|||
this.form = Object.assign({}, row) |
|||
// getRoleInfo({sid: row.sid}).then(res => { |
|||
// this.form = res.data |
|||
// // this.user = Object.assign({}, row |
|||
// }) |
|||
}, |
|||
deit(data){ // 节点编辑保存 |
|||
this.dialogVisible = true |
|||
this.nodeForm.sid = data.sid |
|||
this.nodeForm.name = data.name |
|||
this.nodeForm.sortNo = data.sortNo |
|||
}, |
|||
nodeSave(){ // 节点编辑保存 |
|||
postOrgtree(this.nodeForm).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) |
|||
} |
|||
}, |
|||
} |
|||
</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; |
|||
} |
|||
|
|||
.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; |
|||
} |
|||
</style> |
|||
@ -1,400 +0,0 @@ |
|||
<template> |
|||
<el-tabs class="my-tabs" v-model="activeName" type="card" @tab-click="handleClick"> |
|||
<el-tab-pane label="岗位列表" name="roleList"> |
|||
|
|||
<div class="container"> |
|||
<div class="tab-header"> |
|||
<el-form ref="form" :inline="true" :model="search" label-width="80px"> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="24"> |
|||
<el-form-item label="岗位名称"> |
|||
<el-input v-model="search.name" clearable></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="所属部门"> |
|||
<el-select v-model="search.orgSid" placeholder="请选择" clearable @clear="handleClear"> |
|||
<el-option hidden :key="search.orgSid" :label="orgName" :value="search.orgSid"></el-option> |
|||
<el-tree v-loading="loading" :data="treedata" ref="Tree" show-checkbox accordion node-key="sid" |
|||
:default-checked-keys="checkedId" |
|||
:default-expand-all='true' :check-strictly ='true' :props="defaultProps" @check-change="checkchange" |
|||
> |
|||
</el-tree> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="getList(1)">查询</el-button> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
<!-- table --> |
|||
<el-table :data="roleTable" border style="width: 100%;"> |
|||
<el-table-column label="序号" width="50px" type="index" align="center"> |
|||
</el-table-column> |
|||
<el-table-column label="操作" width="220px" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-button @click="editRow(scope.row)" type="primary" size="mini"> 修改 </el-button> |
|||
<el-button @click="delRow(scope.row)" type="danger" size="mini"> 删除 </el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="name" label="岗位名称" width="220px" align="center"></el-table-column> |
|||
<el-table-column prop="orgName" label="所属部门" align="center"></el-table-column> |
|||
</el-table> |
|||
<pagination :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination" /> |
|||
|
|||
<!-- 编辑角色信息 --> |
|||
<el-dialog :title="dialogTitle + '角色信息'" :visible.sync="editDialog" width="40%"> |
|||
<table class="e-table" cellspacing="0"> |
|||
<tr> |
|||
<td>角色名称</td> |
|||
<td> |
|||
<el-input v-model="roleForm.name"></el-input> |
|||
</td> |
|||
</tr> |
|||
<!--<tr> |
|||
<td>备注</td> |
|||
<td> |
|||
<el-input type="textarea" :autosize="{ minRows: 4, maxRows: 6}" v-model="roleForm.remarks"></el-input> |
|||
</td> |
|||
</tr>--> |
|||
<tr> |
|||
<td>选择部门(单选)</td> |
|||
<td> |
|||
<el-tree |
|||
:data="treedata1" |
|||
show-checkbox |
|||
node-key="sid" |
|||
ref="Tree1" |
|||
:default-expand-all='true' |
|||
:check-strictly ='true' |
|||
:default-checked-keys="checkedId1" |
|||
:props="defaultProps" |
|||
@check-change="checkchange1" |
|||
> |
|||
</el-tree> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
<div style="margin-top: 20px; text-align: center;"> |
|||
<el-button type="primary" @click="save()">保 存</el-button> |
|||
<el-button @click="editDialog = false">关 闭</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="新增岗位" name="addrole"> |
|||
<el-card class="box-card"> |
|||
<table class="e-table" cellspacing="0"> |
|||
<tr> |
|||
<td>岗位名称</td> |
|||
<td><el-input v-model="roleForm.name"></el-input></td> |
|||
</tr> |
|||
<!--<tr> |
|||
<td>备注</td> |
|||
<td> <el-input type="textarea" :autosize="{ minRows: 4, maxRows: 6}" v-model="roleForm.remarks"></el-input></td> |
|||
</tr>--> |
|||
<tr> |
|||
<td>选择部门(单选)</td> |
|||
<td> |
|||
<el-tree |
|||
:data="treedata2" |
|||
show-checkbox |
|||
node-key="sid" |
|||
ref="Tree2" |
|||
:default-expand-all='true' |
|||
:check-strictly ='true' |
|||
:default-checked-keys="checkedId2" |
|||
:props="defaultProps" |
|||
@check-change="checkchange2" |
|||
> |
|||
</el-tree> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
<div style="margin-top: 20px; text-align: center;"> |
|||
<el-button type="primary" @click="save()">保 存</el-button> |
|||
</div> |
|||
</el-card> |
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
pageList, |
|||
orgList, |
|||
savePost, |
|||
putOrgroles, |
|||
delOrgroles, |
|||
// setRoleEnable |
|||
} from '@/api/system/postManage/index.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
dialogTitle: '', |
|||
activeName: 'roleList', |
|||
roleForm: { |
|||
remarks: "", |
|||
roleName: "", |
|||
orgSid:'' |
|||
}, |
|||
formBackup: {}, |
|||
search: { |
|||
name: '', |
|||
orgSid: '' |
|||
}, |
|||
orgName:'', |
|||
page: { |
|||
total: 0, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
size: 10, // 每页的数据条数 |
|||
}, |
|||
roleTable: [], |
|||
editDialog: false, |
|||
// 树形 |
|||
loading: false, |
|||
defaultProps: { |
|||
children: 'children', |
|||
label: 'name' |
|||
}, |
|||
// orgdata:[], // 部门 |
|||
checkedId: [], |
|||
checkedId1: [], |
|||
checkedId2: [], |
|||
treedata: [], |
|||
treedata1: [], |
|||
treedata2: [], |
|||
// chace: [], |
|||
// roleDialog: false, |
|||
// Thisrow: {}, |
|||
// orgListAll:[] |
|||
}; |
|||
}, |
|||
mounted() { |
|||
this.formBackup = Object.assign({}, this.roleForm), |
|||
this.getList() |
|||
this.getOrgList() |
|||
}, |
|||
methods: { |
|||
pagination(val) { // 分页函数 |
|||
this.page.current = val.pageNum |
|||
this.page.size = val.pageSize |
|||
this.getList() |
|||
}, |
|||
// 分页列表 |
|||
getList(flag) { |
|||
if(flag == '1'){ |
|||
this.page.current = 1 |
|||
} |
|||
let params = this.page |
|||
params.params = this.search |
|||
pageList(params).then(res => { |
|||
this.page.total = res.data.total |
|||
this.roleTable = res.data.records |
|||
}) |
|||
}, |
|||
handleClick(tab, event) { |
|||
if(tab.name == 'addrole'){ |
|||
this.dialogTitle = '新增' |
|||
this.roleForm = Object.assign({}, this.formBackup) |
|||
}else{ |
|||
this.getList() |
|||
} |
|||
}, |
|||
editRow(row) { |
|||
this.dialogTitle = '编辑' |
|||
this.editDialog = true |
|||
this.roleForm = Object.assign({}, row) |
|||
this.checkedId1 =[this.roleForm.orgSid] |
|||
}, |
|||
delRow(row) { |
|||
this.$confirm('确定要删除该岗位吗, 是否继续?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
let params={ |
|||
sids: row.sid |
|||
} |
|||
delOrgroles(params).then(res => { |
|||
this.getList() |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '删除成功!' |
|||
}); |
|||
}) |
|||
}) |
|||
}, |
|||
// 保存角色 |
|||
save() { |
|||
|
|||
if (this.roleForm.sid) { |
|||
let orgSid = this.$refs.Tree1.getCheckedKeys() |
|||
this.roleForm.orgSid = orgSid.toString() |
|||
putOrgroles(this.roleForm).then(res => { |
|||
if (res.code == '200') { |
|||
this.getList() |
|||
this.editDialog = false |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
} |
|||
}) |
|||
} else { |
|||
let orgSid = this.$refs.Tree2.getCheckedKeys() |
|||
this.roleForm.orgSid = orgSid.toString() |
|||
savePost(this.roleForm).then(res => { |
|||
if (res.code == '200') { |
|||
this.getList() |
|||
this.activeName = "roleList" |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
let arr =[] |
|||
this.$refs.Tree2.setCheckedKeys(arr); |
|||
} |
|||
}) |
|||
} |
|||
this.reset() |
|||
}, |
|||
reset(){ |
|||
this.roleForm = { |
|||
remarks: "", |
|||
roleName: "", |
|||
orgSid:'' |
|||
}; |
|||
this.search = { |
|||
name: '', |
|||
orgSid: '' |
|||
} |
|||
}, |
|||
|
|||
// 获取部门树形 |
|||
getOrgList(row) { |
|||
this.roleDialog = true |
|||
this.checkedId = [] |
|||
// this.roleForm.roleName = row.roleName |
|||
this.Thisrow = row |
|||
this.loading = true |
|||
let params = { |
|||
// roleSid: row.sid, |
|||
// userType: '2' |
|||
} |
|||
|
|||
orgList(params).then(res => { |
|||
this.treedata = res.data |
|||
this.treedata1 = res.data |
|||
this.treedata2 = res.data |
|||
// this.getTreeParentNode(res.data, this.checkedId) |
|||
// this.getTreeParentid(res.data) |
|||
this.loading = false |
|||
}) |
|||
|
|||
}, |
|||
// // 递归查询所有上级数据 |
|||
// getTreeParentNode(menus, ids) { |
|||
// for (var i = 0; i < menus.length; i++) { |
|||
// if (menus[i].children && menus[i].children.length != 0) { |
|||
// this.getTreeParentNode(menus[i].children, ids) |
|||
// } else if (menus[i].isCheck) { |
|||
// ids.push(menus[i].sid) |
|||
// } |
|||
// } |
|||
// }, |
|||
// // 所有一级菜单ID |
|||
// getTreeParentid(menus) { |
|||
// for (var i = 0; i < menus.length; i++) { |
|||
// this.chace.push(menus[i].sid) |
|||
// } |
|||
// }, |
|||
// getCheckedKeys() { |
|||
// let _this = this |
|||
// let roleMenus = [] |
|||
// this.$refs.Tree.getCheckedKeys().forEach(val => { |
|||
// roleMenus.push({ |
|||
// menuSid: val, |
|||
// orgSid: _this.$store.getters.userInfo.orgSid, |
|||
// roleSid: _this.Thisrow.sid |
|||
// }) |
|||
// }) |
|||
// let parentTrue = this.$refs.Tree.getHalfCheckedKeys() |
|||
// for (let i = 0; i < parentTrue.length; i++) { |
|||
// for (let j = 0; j < this.chace.length; j++) { |
|||
// if (parentTrue[i] == this.chace[j]) { |
|||
// parentTrue.splice(i, 1); |
|||
// } |
|||
// } |
|||
// } |
|||
// parentTrue.forEach(val => { |
|||
// roleMenus.push({ |
|||
// menuSid: val, |
|||
// orgSid: _this.$store.getters.userInfo.orgSid, |
|||
// roleSid: _this.Thisrow.sid |
|||
// }) |
|||
// }) |
|||
// saveorgrolemenus({ |
|||
// roleSid: _this.Thisrow.sid, |
|||
// roleMenus: roleMenus |
|||
// }).then(res => { |
|||
// this.roleDialog = false |
|||
// this.$message({ |
|||
// message: res.msg, |
|||
// type: 'success' |
|||
// }) |
|||
// }) |
|||
// }, |
|||
checkchange(data,checked,indeterminate) { |
|||
if (checked){ |
|||
|
|||
this.search.orgSid = data.sid |
|||
this.orgName = data.name |
|||
|
|||
let arr = [] |
|||
arr = [data.sid]; |
|||
this.$refs.Tree.setCheckedKeys(arr); |
|||
return; |
|||
} |
|||
}, |
|||
checkchange1(data,checked,indeterminate) { |
|||
if (checked){ |
|||
this.roleForm.orgSid = data.sid |
|||
// this.orgName = data.name |
|||
let arr = [] |
|||
arr = [data.sid]; |
|||
this.$refs.Tree1.setCheckedKeys(arr); |
|||
return; |
|||
} |
|||
}, |
|||
checkchange2(data,checked,indeterminate) { |
|||
if (checked){ |
|||
this.roleForm.orgSid = data.sid |
|||
// this.orgName = data.name |
|||
let arr = [] |
|||
arr = [data.sid]; |
|||
this.$refs.Tree2.setCheckedKeys(arr); |
|||
return; |
|||
} |
|||
}, |
|||
handleClear() { |
|||
// 将选择器的值置空 |
|||
this.orgName = '' |
|||
this.search.orgSid = '' |
|||
let arr =[] |
|||
this.$refs.Tree.setCheckedKeys(arr); |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.el-select > .el-input { |
|||
display: block; |
|||
width: 300px; |
|||
} |
|||
/deep/.tab-header .el-select { |
|||
width: 180px; |
|||
} |
|||
.my-tabs{ |
|||
margin-top: 10px; |
|||
} |
|||
</style> |
|||
@ -1,448 +0,0 @@ |
|||
<template> |
|||
<el-tabs class="my-tabs" v-model="activeName" type="card" @tab-click="handleClick"> |
|||
<el-tab-pane label="资源列表" name="roleList"> |
|||
<div class="container"> |
|||
<div class="tab-header"> |
|||
<el-form :inline="true" :model="page.params" class="demo-form-inline"> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="21"> |
|||
<el-form-item label="资源ID"> |
|||
<el-input v-model="page.params.sourceId" placeholder="资源ID" clearable></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="资源名称"> |
|||
<el-input v-model="page.params.sourceName" placeholder="资源名称" clearable></el-input> |
|||
</el-form-item> |
|||
<el-button type="primary" @click="getPageList(1)">查 询</el-button> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item style="float: right;"> |
|||
<el-button type="primary" @click="getPageList">保存排序</el-button> |
|||
<!--<el-button type="primary" @click="add()">添加资源</el-button>--> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
|
|||
<el-table :data="tableData" border style="width: 100%;"> |
|||
<el-table-column label="序号" width="70px" type="index" align="center"> |
|||
</el-table-column> |
|||
<el-table-column label="操作" width="150px" align="center"> |
|||
<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="deleteRow(scope.row)"> |
|||
删除 |
|||
</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="sourceName" label="资源名称" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="sortNo" label="排序" align="center" width="70px"> |
|||
<template slot-scope="scope"> |
|||
<el-input v-model="scope.row.sortNo" size="mini" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="sourceId" label="资源ID(微服务的name属性)" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="remarks" label="资源描述" align="center"> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<pagination :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination"/> |
|||
<!-- 编辑角色信息 --> |
|||
<el-dialog :title="dialogTitle + '角色信息'" :visible.sync="editDialog" width="40%"> |
|||
<table class="e-table" cellspacing="0"> |
|||
<tr> |
|||
<td>父级资源</td> |
|||
<td> |
|||
<el-select v-model="form.psid" placeholder="请选择"> |
|||
<!--<el-option |
|||
label="请选择" |
|||
value="0"> |
|||
</el-option>--> |
|||
<el-option |
|||
v-for="item in sourceList" |
|||
:key="item.sid" |
|||
:label="item.name" |
|||
:value="item.sid"> |
|||
</el-option> |
|||
</el-select> |
|||
<!-- <el-input v-model="form.psid"></el-input> --> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>资源ID</td> |
|||
<td> |
|||
<el-input v-model="form.sourceId"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>资源名称</td> |
|||
<td > |
|||
<el-input v-model="form.sourceName"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>资源类别</td> |
|||
<td > |
|||
<el-select v-model="form.sourceType" placeholder="请选择资源类别"> |
|||
<el-option |
|||
v-for="item in zylb" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey"> |
|||
</el-option> |
|||
</el-select> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>app下载地址</td> |
|||
<td > |
|||
<el-input v-model="form.sourceUrl"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>web页面url</td> |
|||
<td > |
|||
<el-input v-model="form.pageUrl"></el-input> |
|||
</td> |
|||
</tr> |
|||
<!-- <tr> |
|||
<td>资源url标识</td> |
|||
<td > |
|||
<el-input v-model="form.urlSign"></el-input> |
|||
</td> |
|||
</tr> --> |
|||
<tr> |
|||
<td>包名</td> |
|||
<td> |
|||
<el-input v-model="form.sourcePackage"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>菜单图标地址</td> |
|||
<td> |
|||
<el-input v-model="form.iconUrl"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>资源图标背景色</td> |
|||
<td> |
|||
<el-input v-model="form.iconBgColor"></el-input> |
|||
</td> |
|||
</tr> |
|||
|
|||
<tr> |
|||
<td>资源版本</td> |
|||
<td> |
|||
<el-input v-model="form.ver"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>启动模块动作</td> |
|||
<td> |
|||
<el-input v-model="form.sourceAction"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>资源用到的json拼接</td> |
|||
<td> |
|||
<el-input v-model="form.sourceExtra"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>提示数量</td> |
|||
<td> |
|||
<el-input v-model="form.noticeNum"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>RePlugin插件名称</td> |
|||
<td> |
|||
<el-input v-model="form.modulePluginName"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>排序号</td> |
|||
<td> |
|||
<el-input type="number" v-model="form.sortNo"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>资源描述</td> |
|||
<td> |
|||
<el-input type="textarea" v-model="form.remarks"></el-input> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
<div style="margin-top: 20px; text-align: center;"> |
|||
<el-button type="primary" @click="save()">保存</el-button> |
|||
<!--<el-button @click="editDialog = false">关闭</el-button>--> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="新增资源" name="addrole"> |
|||
<!--<el-dialog :title="dialogTitle + '资源描述'" :visible.sync="editDialog" width="60%">--> |
|||
<table class="e-table" cellspacing="0"> |
|||
<tr> |
|||
<td>父级资源</td> |
|||
<td> |
|||
<el-select v-model="form.psid" placeholder="请选择"> |
|||
<!--<el-option |
|||
label="请选择" |
|||
value="0"> |
|||
</el-option>--> |
|||
<el-option |
|||
v-for="item in sourceList" |
|||
:key="item.sid" |
|||
:label="item.name" |
|||
:value="item.sid"> |
|||
</el-option> |
|||
</el-select> |
|||
<!-- <el-input v-model="form.psid"></el-input> --> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>资源ID</td> |
|||
<td> |
|||
<el-input v-model="form.sourceId"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>资源名称</td> |
|||
<td > |
|||
<el-input v-model="form.sourceName"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>资源类别</td> |
|||
<td > |
|||
<el-select v-model="form.sourceType" placeholder="请选择资源类别"> |
|||
<el-option |
|||
v-for="item in zylb" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey"> |
|||
</el-option> |
|||
</el-select> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>app下载地址</td> |
|||
<td > |
|||
<el-input v-model="form.sourceUrl"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>web页面url</td> |
|||
<td > |
|||
<el-input v-model="form.pageUrl"></el-input> |
|||
</td> |
|||
</tr> |
|||
<!-- <tr> |
|||
<td>资源url标识</td> |
|||
<td > |
|||
<el-input v-model="form.urlSign"></el-input> |
|||
</td> |
|||
</tr> --> |
|||
<tr> |
|||
<td>包名</td> |
|||
<td> |
|||
<el-input v-model="form.sourcePackage"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>菜单图标地址</td> |
|||
<td> |
|||
<el-input v-model="form.iconUrl"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>资源图标背景色</td> |
|||
<td> |
|||
<el-input v-model="form.iconBgColor"></el-input> |
|||
</td> |
|||
</tr> |
|||
|
|||
<tr> |
|||
<td>资源版本</td> |
|||
<td> |
|||
<el-input v-model="form.ver"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>启动模块动作</td> |
|||
<td> |
|||
<el-input v-model="form.sourceAction"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>资源用到的json拼接</td> |
|||
<td> |
|||
<el-input v-model="form.sourceExtra"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>提示数量</td> |
|||
<td> |
|||
<el-input v-model="form.noticeNum"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>RePlugin插件名称</td> |
|||
<td> |
|||
<el-input v-model="form.modulePluginName"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>排序号</td> |
|||
<td> |
|||
<el-input type="number" v-model="form.sortNo"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>资源描述</td> |
|||
<td> |
|||
<el-input type="textarea" v-model="form.remarks"></el-input> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
<div style="margin-top: 20px; text-align: center;"> |
|||
<el-button type="primary" @click="save()">保存</el-button> |
|||
<!--<el-button @click="editDialog = false">关闭</el-button>--> |
|||
</div> |
|||
<!--</el-dialog>--> |
|||
<!--</div>--> |
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
</template> |
|||
|
|||
<script> |
|||
import { pageList, saveSourcesInfo, getSourcesInfo, putSourcesInfo, delSources, getZzylb, getsourceList } from '@/api/system/sources/index.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
activeName: 'roleList', |
|||
dialogTitle: '', |
|||
editDialog: false, |
|||
form: {}, |
|||
formBackup: Object.assign({}, this.form), |
|||
page: { |
|||
total: 0, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
size: 10, // 每页的数据条数 |
|||
params: { |
|||
psid: '', |
|||
sourceId: '', |
|||
sourceName: '' |
|||
}, |
|||
}, |
|||
tableData: [], |
|||
zylb: [], |
|||
sourceList:[] |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.getPageList(this.page) |
|||
// getsourceList().then(res => { |
|||
// this.sourceList = res.data |
|||
// }) |
|||
// getZzylb().then(res => { |
|||
// this.zylb = res.data |
|||
// }) |
|||
}, |
|||
methods: { |
|||
pagination(val) { // 分页 |
|||
this.page.current = val.pageNum |
|||
this.page.size = val.pageSize |
|||
this.getPageList(this.page) |
|||
}, |
|||
resetSearch(){ // 重置 |
|||
this.page = { |
|||
total: 0, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
size: 10, // 每页的数据条数 |
|||
params: { |
|||
psid: '', |
|||
sourceId: '', |
|||
sourceName: '' |
|||
}, |
|||
} |
|||
this.getPageList() |
|||
}, |
|||
getPageList(){ // 获取列表 |
|||
pageList(this.page).then((res)=>{ |
|||
this.tableData = res.data.records |
|||
this.page.total = res.data.total |
|||
}) |
|||
}, |
|||
handleClick(tab, event) { |
|||
if(tab.name == 'addrole'){ |
|||
this.dialogTitle = '新增' |
|||
this.roleForm = Object.assign({}, this.formBackup) |
|||
}else{ |
|||
this.getPageList() |
|||
} |
|||
}, |
|||
save(){ |
|||
if(this.form.sid){ |
|||
putSourcesInfo(this.form).then(res => { |
|||
this.editDialog = false |
|||
this.getPageList(this.page) |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
}) |
|||
}else{ |
|||
saveSourcesInfo(this.form).then(res => { |
|||
this.getPageList() |
|||
this.activeName = "roleList" |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
}) |
|||
} |
|||
this.reset() |
|||
}, |
|||
reset(){ |
|||
this.form = { |
|||
|
|||
} |
|||
}, |
|||
editRow(row) { |
|||
this.dialogTitle = '编辑' |
|||
this.editDialog = true |
|||
this.form = Object.assign({}, row) |
|||
// getSourcesInfo({sid: row.sid}).then(res => { |
|||
// this.form = res.data |
|||
// }) |
|||
}, |
|||
deleteRow(row) { |
|||
this.$confirm('确定要删除该资源吗, 是否继续?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
delSources({sid: row.sid}).then(res => { |
|||
this.getPageList() |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '删除成功!' |
|||
}); |
|||
}) |
|||
}) |
|||
} |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style scoped="scoped" lang="scss"> |
|||
.my-tabs{ |
|||
margin-top: 10px; |
|||
} |
|||
</style> |
|||
@ -1,344 +0,0 @@ |
|||
<template> |
|||
<el-tabs class="my-tabs" v-model="activeName" type="card" @tab-click="handleClick"> |
|||
<el-tab-pane label="角色列表" name="roleList"> |
|||
|
|||
<div class="container"> |
|||
<div class="tab-header"> |
|||
<el-form ref="form" :inline="true" :model="search" label-width="80px"> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="16"> |
|||
<el-form-item label="角色名称"> |
|||
<el-input v-model="search.roleName" clearable></el-input> |
|||
</el-form-item> |
|||
<el-button @click="getroleOrgList()">查询</el-button> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
<!-- table --> |
|||
<el-table :data="roleTable" border style="width: 100%;"> |
|||
<el-table-column label="序号" width="50px" type="index" align="center"> |
|||
</el-table-column> |
|||
<el-table-column label="操作" width="240px" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-button @click="roleMenus(scope.row)" type="primary" size="mini"> |
|||
菜单授权 |
|||
</el-button> |
|||
<el-button @click="editRow(scope.row)" type="primary" size="mini"> |
|||
修改 |
|||
</el-button> |
|||
<el-button @click="delRow(scope.row)" type="danger" size="mini"> |
|||
删除 |
|||
</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="roleName" label="角色名称" width="220px" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="remarks" label="备注" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="isEnable" label="是否可用" width="120px" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-switch v-model="scope.row.isEnable" active-color="#13ce66" inactive-color="#ff4949" :active-value="1" :inactive-value="0" @change="enabledChange(scope.row.isEnable,scope.row)"> |
|||
</el-switch> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<pagination :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination" /> |
|||
|
|||
<!-- 编辑角色信息 --> |
|||
<el-dialog :title="dialogTitle + '角色信息'" :visible.sync="editDialog" width="40%"> |
|||
<table class="e-table" cellspacing="0"> |
|||
<tr> |
|||
<td>角色名称</td> |
|||
<td> |
|||
<el-input v-model="roleForm.roleName"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>是否可用</td> |
|||
<td> |
|||
<el-switch v-model="roleForm.isEnable" active-color="#13ce66" inactive-color="#ff4949" :active-value="1" :inactive-value="0"> |
|||
</el-switch> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>备注</td> |
|||
<td> |
|||
<el-input type="textarea" :autosize="{ minRows: 4, maxRows: 6}" v-model="roleForm.remarks"></el-input> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
<div style="margin-top: 20px; text-align: center;"> |
|||
<el-button type="primary" @click="save()">保 存</el-button> |
|||
<el-button @click="editDialog = false">关 闭</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
<!-- 菜单授权 --> |
|||
<el-dialog title="菜单授权" :visible.sync="roleDialog" width="50%"> |
|||
<table class="e-table" cellspacing="0"> |
|||
<tr> |
|||
<td>角色名称</td> |
|||
<td> |
|||
<el-input v-model="roleForm.roleName" readonly></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>可操作菜单列表</td> |
|||
<td> |
|||
<el-tree v-loading="loading" :data="treedata" ref="Tree" show-checkbox accordion node-key="sid" :default-checked-keys="checkedId" :props="defaultProps" @check-change="checkchange"> |
|||
</el-tree> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
<div slot="footer" class="text-center"> |
|||
<el-button type="primary" @click="getCheckedKeys">保 存</el-button> |
|||
<el-button @click="roleDialog = false">关 闭</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="新增角色" name="addrole"> |
|||
<el-card class="box-card"> |
|||
<table class="e-table" cellspacing="0"> |
|||
<tr> |
|||
<td>角色名称</td> |
|||
<td> |
|||
<el-input v-model="roleForm.roleName"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>备注</td> |
|||
<td> |
|||
<el-input type="textarea" :autosize="{ minRows: 4, maxRows: 6}" v-model="roleForm.remarks"></el-input> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
<div style="margin-top: 20px; text-align: center;"> |
|||
<el-button type="primary" @click="save()">保 存</el-button> |
|||
</div> |
|||
</el-card> |
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
roleOrgList, |
|||
saveOrgroles, |
|||
putOrgroles, |
|||
delOrgroles, |
|||
setRoleEnable, |
|||
} from '@/api/system/roleAdminister/index.js' |
|||
import { |
|||
roleMenuTree, |
|||
saveorgrolemenus, |
|||
} from '@/api/system/roleAdminister/rolemenus.js' |
|||
import { getrolemenus, saverolemenus } from '@/api/system/roleMenus/index.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
dialogTitle: '', |
|||
activeName: 'roleList', |
|||
roleForm: { |
|||
orgSid: this.$setStorage.getters.userInfo.orgSid, |
|||
remarks: '', |
|||
roleName: '', |
|||
}, |
|||
formBackup: {}, |
|||
search: { |
|||
roleName: '', |
|||
orgSid: this.$store.getters.userInfo.orgSid, |
|||
}, |
|||
page: { |
|||
total: 0, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
size: 10, // 每页的数据条数 |
|||
}, |
|||
roleTable: [], |
|||
editDialog: false, |
|||
// 树形 |
|||
loading: false, |
|||
defaultProps: { |
|||
children: 'children', |
|||
label: 'menuName', |
|||
}, |
|||
checkedId: [], |
|||
treedata: [], |
|||
chace: [], |
|||
roleDialog: false, |
|||
Thisrow: {}, |
|||
} |
|||
}, |
|||
mounted() { |
|||
;(this.formBackup = Object.assign({}, this.roleForm)), this.getroleOrgList() |
|||
}, |
|||
methods: { |
|||
pagination(val) { |
|||
// 分页函数 |
|||
this.page.current = val.pageNum |
|||
this.page.size = val.pageSize |
|||
this.getroleOrgList(this.page) |
|||
}, |
|||
// 分页列表 |
|||
getroleOrgList() { |
|||
let params = this.page |
|||
params.params = this.search |
|||
roleOrgList(params).then((res) => { |
|||
this.page.total = res.data.total |
|||
this.roleTable = res.data.records |
|||
}) |
|||
}, |
|||
handleClick(tab, event) { |
|||
if (tab.name == 'addrole') { |
|||
this.dialogTitle = '新增' |
|||
this.roleForm = Object.assign({}, this.formBackup) |
|||
} else { |
|||
this.getroleOrgList() |
|||
} |
|||
}, |
|||
add() { |
|||
this.dialogTitle = '新增' |
|||
this.editDialog = true |
|||
this.roleForm = Object.assign({}, this.formBackup) |
|||
}, |
|||
editRow(row) { |
|||
this.dialogTitle = '编辑' |
|||
this.editDialog = true |
|||
this.roleForm = Object.assign({}, row) |
|||
}, |
|||
delRow(row) { |
|||
this.$confirm('确定要删除该角色吗, 是否继续?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning', |
|||
}).then(() => { |
|||
delOrgroles({ |
|||
sid: row.sid, |
|||
}).then((res) => { |
|||
this.getroleOrgList() |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '删除成功!', |
|||
}) |
|||
}) |
|||
}) |
|||
}, |
|||
// 保存角色 |
|||
save() { |
|||
if (this.roleForm.sid) { |
|||
putOrgroles(this.roleForm).then((res) => { |
|||
if (res.code == '200') { |
|||
this.getroleOrgList() |
|||
this.editDialog = false |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success', |
|||
}) |
|||
} |
|||
}) |
|||
} else { |
|||
saveOrgroles(this.roleForm).then((res) => { |
|||
if (res.code == '200') { |
|||
this.getroleOrgList() |
|||
this.activeName = 'roleList' |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success', |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
}, |
|||
// 是否可用 按钮 |
|||
enabledChange(value, row) { |
|||
setRoleEnable({ |
|||
isEnable: value, |
|||
sid: row.sid, |
|||
}).then((res) => { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: res.msg, |
|||
}) |
|||
}) |
|||
}, |
|||
// 获取授权菜单树形 |
|||
roleMenus(row) { |
|||
this.roleDialog = true |
|||
this.checkedId = [] |
|||
this.roleForm.roleName = row.roleName |
|||
this.Thisrow = row |
|||
this.loading = true |
|||
let params = { |
|||
orgSid: this.$store.getters.userInfo.orgSid, |
|||
roleSid: row.sid, |
|||
userType: '2', |
|||
} |
|||
|
|||
roleMenuTree(params).then((res) => { |
|||
this.treedata = res.data |
|||
this.getTreeParentNode(res.data, this.checkedId) |
|||
this.getTreeParentid(res.data) |
|||
this.loading = false |
|||
}) |
|||
}, |
|||
// 递归查询所有上级数据 |
|||
getTreeParentNode(menus, ids) { |
|||
for (var i = 0; i < menus.length; i++) { |
|||
if (menus[i].children && menus[i].children.length != 0) { |
|||
this.getTreeParentNode(menus[i].children, ids) |
|||
} else if (menus[i].isCheck) { |
|||
ids.push(menus[i].sid) |
|||
} |
|||
} |
|||
}, |
|||
// 所有一级菜单ID |
|||
getTreeParentid(menus) { |
|||
for (var i = 0; i < menus.length; i++) { |
|||
this.chace.push(menus[i].sid) |
|||
} |
|||
}, |
|||
getCheckedKeys() { |
|||
let _this = this |
|||
let roleMenus = [] |
|||
this.$refs.Tree.getCheckedKeys().forEach((val) => { |
|||
roleMenus.push({ |
|||
menuSid: val, |
|||
orgSid: _this.$store.getters.userInfo.orgSid, |
|||
roleSid: _this.Thisrow.sid, |
|||
}) |
|||
}) |
|||
let parentTrue = this.$refs.Tree.getHalfCheckedKeys() |
|||
for (let i = 0; i < parentTrue.length; i++) { |
|||
for (let j = 0; j < this.chace.length; j++) { |
|||
if (parentTrue[i] == this.chace[j]) { |
|||
parentTrue.splice(i, 1) |
|||
} |
|||
} |
|||
} |
|||
parentTrue.forEach((val) => { |
|||
roleMenus.push({ |
|||
menuSid: val, |
|||
orgSid: _this.$store.getters.userInfo.orgSid, |
|||
roleSid: _this.Thisrow.sid, |
|||
}) |
|||
}) |
|||
saveorgrolemenus({ |
|||
roleSid: _this.Thisrow.sid, |
|||
roleMenus: roleMenus, |
|||
}).then((res) => { |
|||
this.roleDialog = false |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success', |
|||
}) |
|||
}) |
|||
}, |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style scoped="scoped"> |
|||
.my-tabs { |
|||
margin-top: 10px; |
|||
} |
|||
</style> |
|||
@ -1,220 +0,0 @@ |
|||
<template> |
|||
<div> |
|||
<div class="cline-set"><el-button type="primary" icon="el-icon-plus" @click="set_SQR()">变更被授权人</el-button></div> |
|||
<div class="tab-header"> |
|||
<el-form ref="form" :inline="true" :model="search" label-width="100px"> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="24"> |
|||
<el-form-item label="被委托人姓名"> |
|||
<el-input v-model="search.name" clearable></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="被委托日期"> |
|||
<el-date-picker |
|||
v-model="search.startDate" |
|||
type="date" |
|||
format="yyyy-MM-dd" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label="至" label-width="23px"> |
|||
<el-date-picker |
|||
v-model="search.endDate" |
|||
:picker-options="pickerStartData(search.startDate)" |
|||
type="date" |
|||
format="yyyy-MM-dd" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-button @click="onSearch()">查询</el-button> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
<!-- table --> |
|||
<div class="table-describe clearfix"> |
|||
<h4 style="">被委托人列表</h4> |
|||
<pagination class="pagesize" layout="sizes" :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination"/> |
|||
</div> |
|||
<el-table :data="clientTable" border style="width: 100%;"> |
|||
<el-table-column label="序号" width="50px" type="index" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="name" label="姓名" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="idNo" label="身份证号码" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="mobile" label="手机号码" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="startDate" label="开始日期" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="endDate" label="结束日期" align="center"> |
|||
</el-table-column> |
|||
</el-table> |
|||
<pagination :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination"/> |
|||
|
|||
<!-- 变更授权ren --> |
|||
<el-dialog title="本单位人员列表" width="70%" :visible.sync="dialogTable" append-to-body> |
|||
<div class="clearfix"> |
|||
<div class="tab-header"> |
|||
<el-form ref="form" :inline="true" :model="search" label-width="60px"> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="24"> |
|||
<el-form-item label="姓名:"> |
|||
<el-input v-model="search1.name" clearable></el-input> |
|||
</el-form-item> |
|||
<el-button @click="set_SQR()">查询</el-button> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
<div class="table-describe clearfix"> |
|||
<h4 style="">本单位人员列表</h4> |
|||
<pagination class="pagesize" layout="sizes" :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination"/> |
|||
</div> |
|||
<el-table :data="gridData" border style="width: 100%;"> |
|||
<el-table-column label="序号" width="50px" type="index" align="center"> |
|||
</el-table-column> |
|||
<el-table-column label="操作" width="160px" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-button @click="setRole(scope.row)" type="primary" size="mini"> |
|||
变更为授权委托人 |
|||
</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="name" label="姓名" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="idNO" label="身份证号码" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="mobile" label="手机号码" align="center" width="140px"> |
|||
</el-table-column> |
|||
</el-table> |
|||
<pagination :total="page1.total" :page.sync="page1.current" :limit.sync="page1.size" @pagination="pagination1"/> |
|||
</div> |
|||
|
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { clientList, setclientList, doClientAlter } from '@/api/system/userAdminister/client.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
activeName: 'first', |
|||
search: { |
|||
endDate: "", |
|||
name: "", |
|||
startDate: "", |
|||
orgSid: this.$store.getters.userInfo.orgSid |
|||
}, |
|||
page: { |
|||
total: 0, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
size: 10, // 每页的数据条数 |
|||
}, |
|||
clientTable: [], |
|||
dialogTable: false, |
|||
search1: { |
|||
endDate: "", |
|||
name: "", |
|||
startDate: "", |
|||
orgSid: this.$store.getters.userInfo.orgSid |
|||
}, |
|||
page1: { |
|||
total: 0, |
|||
current: 1, |
|||
size: 10, |
|||
}, |
|||
gridData:[] |
|||
}; |
|||
}, |
|||
mounted() { |
|||
this.getclientList() |
|||
}, |
|||
methods: { |
|||
getclientList(){ |
|||
let params = this.page |
|||
params.params = this.search |
|||
clientList(params).then(res=>{ |
|||
this.page.total = res.data.total |
|||
this.clientTable = res.data.records |
|||
}) |
|||
}, |
|||
pickerStartData(newtime){ |
|||
return { |
|||
disabledDate(time) { return time.getTime() < new Date(newtime) - 1000*60*60*24 } |
|||
} |
|||
}, |
|||
handleClick(tab, event) { |
|||
console.log(tab, event); |
|||
}, |
|||
onSearch(){ |
|||
this.getclientList() |
|||
}, |
|||
// 分页 |
|||
pagination(val) { |
|||
this.page.current = val.pageNum |
|||
this.page.size = val.pageSize |
|||
this.getclientList() |
|||
}, |
|||
pagination1(){ |
|||
this.page.current = val.pageNum |
|||
this.page.size = val.pageSize |
|||
this.set_SQR() |
|||
}, |
|||
set_SQR(row){ |
|||
this.dialogTable = true |
|||
let params = this.page1 |
|||
params.params = this.search1 |
|||
setclientList(params).then(res =>{ |
|||
this.page1.total = res.data.total |
|||
this.gridData = res.data.records |
|||
}) |
|||
}, |
|||
// 变更为被委托人 |
|||
setRole(row){ |
|||
console.log(row) |
|||
let params = { |
|||
orgSid: this.$store.getters.userInfo.orgSid, |
|||
name: row.name, |
|||
staffSid: row.staffSid, |
|||
mobile: row.mobile, |
|||
idNo: row.idNO |
|||
} |
|||
doClientAlter(params).then(res => { |
|||
if(res.code == '200'){ |
|||
this.getclientList() |
|||
this.dialogTable = false |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
|
|||
<style> |
|||
.clearfix{ |
|||
zoom: 1; |
|||
} |
|||
.clearfix:before, |
|||
.clearfix:after{ |
|||
width: 100%; |
|||
display: table; |
|||
content: ""; |
|||
height: 0; |
|||
visibility: hidden; |
|||
} |
|||
.clearfix:after{ |
|||
clear: both; |
|||
} |
|||
.cline-set{ |
|||
padding-bottom: 10px; |
|||
margin-bottom: 10px; |
|||
border-bottom: 1px solid #018ad2; |
|||
} |
|||
</style> |
|||
@ -1,277 +0,0 @@ |
|||
<template> |
|||
<div> |
|||
<div class="tab-header"> |
|||
<el-form ref="form" :inline="true" :model="search" label-width="80px"> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="24"> |
|||
<el-form-item label="用户姓名"> |
|||
<el-input v-model="search.xm" clearable></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="部门名称"> |
|||
<el-input v-model="search.deptmentName" clearable></el-input> |
|||
</el-form-item> |
|||
<el-button @click="getOrgUserList()">查询</el-button> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
<!-- table --> |
|||
<div class="table-describe clearfix"> |
|||
<h4 style="">本单位用户列表</h4> |
|||
<pagination class="pagesize" layout="sizes" :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination"/> |
|||
</div> |
|||
<el-table :data="userTable" border style="width: 100%;"> |
|||
<el-table-column label="序号" width="50px" type="index" align="center"> |
|||
</el-table-column> |
|||
<el-table-column label="操作" width="300px" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-button @click="setRole(scope.row)" type="primary" size="mini"> |
|||
设置角色 |
|||
</el-button> |
|||
<el-button @click="setOrg(scope.row)" type="primary" size="mini"> |
|||
设置部门 |
|||
</el-button> |
|||
<el-button @click="initPwd(scope.row)" type="danger" size="mini"> |
|||
初始化密码 |
|||
</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="userName" label="用户名" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span class="tablerow-click" @click="userinfo(scope.row)">{{scope.row.userName}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="roleName" label="角色名称" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="idNo" label="身份证号码" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="name" label="真实姓名" width="120px" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="mobile" label="手机号码" align="center" width="140px"> |
|||
</el-table-column> |
|||
<el-table-column prop="deptmentName" label="所属部门" align="center"> |
|||
|
|||
</el-table-column> |
|||
</el-table> |
|||
<pagination :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination"/> |
|||
<!-- 角色设置 --> |
|||
<el-dialog title="设置角色" :visible.sync="roleDialog" width="30%"> |
|||
<el-form :model="roleForm" :rules="rules" ref="roleForm"> |
|||
<el-form-item label="角色名称" :label-width="formLabelWidth" prop="roleSid"> |
|||
<el-select v-model="roleForm.roleSid" placeholder="请选择"> |
|||
<el-option v-for="item in roleList" |
|||
:key="item.sid" |
|||
:label="item.roleName" |
|||
:value="item.sid" |
|||
></el-option> |
|||
</el-select> |
|||
<el-button type="primary" size='mini' @click="toNav('RoleAdminister')" style="margin-left: 10px;" circle icon="el-icon-plus"></el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click="saveRole('roleForm')">保 存</el-button> |
|||
<el-button @click="roleDialog = false">关 闭</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
<!-- 部门设置 --> |
|||
<el-dialog title="部门设置" :visible.sync="bm_Dialog" width="30%"> |
|||
<el-form :model="bm_Form" :rules="rules" ref="bm_Form"> |
|||
<el-form-item label="部门名称" :label-width="formLabelWidth" prop="departmentSid"> |
|||
<!-- <el-select v-model="bm_Form.departmentSid" placeholder="请选择"> |
|||
<el-option v-for="item in bm_List" |
|||
:key="item.departmentSid" |
|||
:label="item.departmentName" |
|||
:value="item.departmentSid" |
|||
></el-option> |
|||
</el-select> --> |
|||
<el-cascader |
|||
v-model="bm_Form.departmentSid" |
|||
:options="treedata" |
|||
:props="props"></el-cascader> |
|||
<el-button type="primary" size='mini' @click="toNav('deptManage')" style="margin-left: 10px;" circle icon="el-icon-plus"></el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click="saveOrg('bm_Form')">保 存</el-button> |
|||
<el-button @click="bm_Dialog = false">关 闭</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { orgUserList } from '@/api/system/userAdminister/index.js' |
|||
import { orgrolesList, saveOrgRole, getOrgList, saveDepartment } from '@/api/system/userAdminister/index.js' |
|||
import { initPwd } from '@/api/system/user/Auser.js' |
|||
import { getOrgTree } from '@/api/system/departments/departments.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
activeName: 'first', |
|||
search: { |
|||
userName: '', |
|||
xm: '', |
|||
orgSid: this.$store.getters.userInfo.orgSid |
|||
}, |
|||
props: { |
|||
value: "sid", |
|||
label: "name", |
|||
children: "orgDepartmentVoList" |
|||
}, |
|||
treedata:null, |
|||
page: { |
|||
total: 0, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
size: 10, // 每页的数据条数 |
|||
}, |
|||
userTable: [], |
|||
clientTable: [], |
|||
// 设置角色 |
|||
formLabelWidth: '100', |
|||
roleDialog: false, |
|||
roleList: [], |
|||
roleForm: { |
|||
orgSid: this.$store.getters.userInfo.orgSid, |
|||
roleSid: "", |
|||
userSid: "" |
|||
}, |
|||
// 部门 |
|||
bm_Dialog: false, |
|||
bm_Form: {departmentSid: ''}, |
|||
bm_List: [], |
|||
rules: { |
|||
roleSid: [ |
|||
{ required: true, message: '请选择角色名称', trigger: 'change' } |
|||
], |
|||
departmentSid: [ |
|||
{ required: true, message: '请选择部门名称', trigger: 'change' } |
|||
], |
|||
} |
|||
}; |
|||
}, |
|||
mounted() { |
|||
this.getOrgUserList() |
|||
orgrolesList({orgSid: this.$store.getters.userInfo.orgSid,roleName:''}).then(res => { |
|||
this.roleList = res.data |
|||
}) |
|||
this.getOrgTree() |
|||
getOrgList(this.$store.getters.userInfo.orgSid).then(res => { |
|||
this.bm_List = res.data |
|||
}) |
|||
}, |
|||
methods: { |
|||
// 列表 + 初始化 |
|||
getOrgUserList(){ |
|||
let params = this.page |
|||
params.params = this.search |
|||
orgUserList(this.page).then(res=>{ |
|||
this.page.total = res.data.total |
|||
this.userTable = res.data.records |
|||
}) |
|||
}, |
|||
// 分页 |
|||
pagination(val) { |
|||
this.page.current = val.pageNum |
|||
this.page.size = val.pageSize |
|||
this.getOrgUserList() |
|||
}, |
|||
getOrgTree(){ // 获取部门树形列表 |
|||
function treeArr(data){ |
|||
if (data.length > 0) { |
|||
for (var i = 0; i < data.length; i++) { |
|||
if(data[i].orgDepartmentVoList.length > 0){ |
|||
treeArr(data[i].orgDepartmentVoList) |
|||
} else { |
|||
delete data[i].orgDepartmentVoList |
|||
} |
|||
} |
|||
} |
|||
} |
|||
getOrgTree({organizationSid: this.$store.getters.userInfo.orgSid}).then(res => { |
|||
let tree = res.data[0].orgDepartmentVoList |
|||
treeArr(tree) |
|||
this.treedata = tree |
|||
}) |
|||
}, |
|||
//设置角色 设置 用户ID |
|||
setRole(row){ |
|||
this.roleDialog = true |
|||
this.roleForm.userSid = row.sid |
|||
}, |
|||
//设置角色 提交 |
|||
saveRole(formName){ |
|||
this.$refs[formName].validate((valid) => { |
|||
if (valid) { |
|||
saveOrgRole(this.roleForm).then(res => { |
|||
if(res.code == "200"){ |
|||
this.roleDialog = false |
|||
this.getOrgUserList() |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
} |
|||
}) |
|||
} else { |
|||
console.log('error submit!!'); |
|||
return false; |
|||
} |
|||
}); |
|||
}, |
|||
//设置部门 获取 用户ID |
|||
setOrg(row){ |
|||
this.bm_Dialog = true |
|||
this.bm_Form.departmentSid = '' |
|||
this.$set(this.bm_Form,'staffSid',row.staffSid) |
|||
}, |
|||
//设置部门 提交 |
|||
saveOrg(formName){ |
|||
this.$refs[formName].validate((valid) => { |
|||
if (valid) { |
|||
let params = { // 请求的参数 |
|||
departmentSid: this.bm_Form.departmentSid[this.bm_Form.departmentSid.length-1], |
|||
staffSid: this.bm_Form.staffSid, |
|||
} |
|||
saveDepartment(params).then(res => { |
|||
if(res.code == "200"){ |
|||
this.getOrgUserList() |
|||
this.bm_Dialog = false |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
} |
|||
}) |
|||
} else { |
|||
console.log('error submit!!'); |
|||
return false; |
|||
} |
|||
}); |
|||
}, |
|||
initPwd(row){ |
|||
this.$confirm('此操作将初始化该用户密码, 是否继续?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
initPwd({sid: row.sid}).then(res => { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: res.msg |
|||
}); |
|||
}) |
|||
}) |
|||
}, |
|||
toNav(src){ |
|||
this.$router.push("/"+src); |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped="scoped"> |
|||
.el-select > .el-input { |
|||
display: block; |
|||
width: 300px; |
|||
} |
|||
</style> |
|||
@ -1,39 +0,0 @@ |
|||
<template> |
|||
<el-tabs class="my-tabs" v-model="activeName" type="card" @tab-click="handleClick"> |
|||
<el-tab-pane label="用户列表" name="first"> |
|||
<User></User> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="被委托人列表" name="second"> |
|||
<Client></Client> |
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
</template> |
|||
|
|||
<script> |
|||
import User from './components/user.vue' |
|||
import Client from './components/client.vue' |
|||
export default { |
|||
components:{Client, User}, |
|||
data() { |
|||
return { |
|||
activeName: 'first' |
|||
}; |
|||
}, |
|||
methods: { |
|||
handleClick(tab, event) { |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.my-tabs{ |
|||
margin-top: 10px; |
|||
.el-date-editor .el-range-separator{ |
|||
line-height: 26px; |
|||
} |
|||
.tab-header .el-form-item .el-input__icon { |
|||
line-height: 26px; |
|||
} |
|||
} |
|||
</style> |
|||
@ -1,456 +0,0 @@ |
|||
<template> |
|||
<div class="container"> |
|||
<!-- 查询 --> |
|||
<tab-search> |
|||
<div slot="from"> |
|||
<el-form ref="form" :inline="true" :model="page.params" > |
|||
<el-form-item label="区域" label-width="50px"> |
|||
<AreaPicker @areaPicker="areaPicker" |
|||
:province="page.params.province" |
|||
:city="page.params.city" |
|||
:county="page.params.county"></AreaPicker> |
|||
</el-form-item> |
|||
<el-form-item label="单位名称" label-width="80px"> |
|||
<el-input v-model="page.params.name" clearable></el-input> |
|||
</el-form-item> |
|||
<!-- <el-form-item label="状态" label-width="50px"> |
|||
<el-select v-model="page.params.state" placeholder="请选择状态"> |
|||
<el-option label="全部" :value="0"> |
|||
</el-option> |
|||
<el-option label="未审核" :value="1"> |
|||
</el-option> |
|||
<el-option label="已审核" :value="2"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> --> |
|||
</el-form> |
|||
</div> |
|||
<div slot="btn"> |
|||
<el-button @click="onSearch()">查询</el-button> |
|||
<el-button @click="resetSearch()">重置</el-button> |
|||
</div> |
|||
</tab-search> |
|||
|
|||
<!-- table --> |
|||
<el-table :data="tableData" border style="width: 100%;"> |
|||
<el-table-column prop="id" label="序号" width="60" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{(scope.$index+1)+(page.current-1)*page.size}} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="操作" width="180" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-button @click="orgRegister(scope.row)" type="primary" size="mini"> |
|||
{{scope.row.state == 1 ? "审核":"查看"}} |
|||
</el-button> |
|||
<el-button @click="handledelete(scope.row)" type="danger" size="mini"> |
|||
删除 |
|||
</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="orgCode" label="单位代码" align="center"> |
|||
</el-table-column> |
|||
<el-table-column label="单位名称" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span class="tablerow-click" @click="orgRegister(scope.row)">{{scope.row.name}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="所在区域" align="center"> |
|||
<el-table-column prop="province" label="省" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="city" label="市" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="county" label="区/县" align="center"> |
|||
</el-table-column> |
|||
</el-table-column> |
|||
<el-table-column prop="contactMan" label="负责人" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="contactMobile" label="手机号码" align="center"> |
|||
</el-table-column> |
|||
</el-table> |
|||
<pagination :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination"/> |
|||
<!-- 审核窗口 --> |
|||
<el-dialog :visible.sync="dialogVisible" :append-to-body="true" width="70%" class="company" style="margin-top: -10vh;"> |
|||
<div class="zcxx" > |
|||
<p>审核单位注册信息</p> |
|||
<el-button v-if="showbtn == 1" type="primary" @click="dialogVisible = false" icon="el-icon-back" style="background-color: #0272c8; margin-right: 10px;">返回</el-button> |
|||
<!-- <el-button type="primary" icon="el-icon-position" style="background-color: #018ad2; margin-right: 10px;">导出</el-button> --> |
|||
<el-button v-if="showbtn == 1" type="primary" @click="handleVerify(3)" icon="el-icon-circle-close" style="background-color: #d6432b;margin-right: 10px;">不通过</el-button> |
|||
<el-button v-if="showbtn == 1" type="primary" @click="handleVerify(2)" icon="el-icon-circle-check" style="background-color: #198e08;">通过</el-button> |
|||
</div> |
|||
<table style="font-size: 16px;"> |
|||
<tr> |
|||
<td >法人证书：</td> |
|||
<td >{{orgInfo.orgCode}}</td> |
|||
<td >单位全称：</td> |
|||
<td >{{orgInfo.name}}<span>点击验证企业</span></td> |
|||
</tr> |
|||
<tr> |
|||
<td >法定代表人姓名：</td> |
|||
<td >{{orgInfo.contactMan}}</td> |
|||
<td >单位类别：</td> |
|||
<td >{{orgInfo.dwType}}</td> |
|||
</tr> |
|||
|
|||
<tr> |
|||
<td>电话：</td> |
|||
<td>{{orgInfo.contactMobile}}</td> |
|||
<td>单位地理位置：</td> |
|||
<td>{{orgInfo.gisInfo}}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>所在区域：</td> |
|||
<td>{{orgInfo.region}}</td> |
|||
<td>单位级别：</td> |
|||
<td>{{orgInfo.dwjb}}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>单位通讯地址：</td> |
|||
<td colspan="3"> |
|||
{{orgInfo.postAddress}} |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>单位注册地址：</td> |
|||
<td colspan="3">{{orgInfo.orgAddress}}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>单位营业执照副本复印件：</td> |
|||
<td> |
|||
<eimage :url="orgInfo.businessLicense"></eimage> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
<div class="zcxx" style="margin-top: 20px;"> |
|||
<p>被委托人信息</p> |
|||
</div> |
|||
<table class="bwtr" style="font-size: 16px;"> |
|||
<tr> |
|||
<td>身份证号：</td> |
|||
<td>{{orgInfo.idNo}}</td> |
|||
<td>姓名：</td> |
|||
<td>{{orgInfo.name}}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>用户名：</td> |
|||
<td>{{orgInfo.userName}}</td> |
|||
<td>手机号码：</td> |
|||
<td>{{orgInfo.mobile}}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>单位管理员头像：</td> |
|||
<td> |
|||
<eimage :url="orgInfo.photoPath"></eimage> |
|||
</td> |
|||
<td>授权书复印件：</td> |
|||
<td> |
|||
<eimage :url="orgInfo.businessLicense"></eimage> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>身份证正面复印件：</td> |
|||
<td> |
|||
<eimage :url="orgInfo.idFrontPhoto"></eimage> |
|||
</td> |
|||
<td>身份证反面复印件：</td> |
|||
<td> |
|||
<eimage :url="orgInfo.idBackPhoto"></eimage> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
</el-dialog> |
|||
<remarks :dialogBack.sync="dialogBack" @verifyBack="verifyBack"></remarks> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import organization from '@/api/system/organization/organization.js' |
|||
import AreaPicker from '@/components/AreaPicker/index.vue' |
|||
import remarks from './remarks/index.vue' |
|||
export default { |
|||
components:{AreaPicker, remarks}, |
|||
data() { |
|||
return { |
|||
imageUrl: '', |
|||
dialogVisible: false, |
|||
disabled: false, |
|||
dialogBack: false, |
|||
showbtn: true, |
|||
organizationSid: '',// 单位SID |
|||
page: { |
|||
total: 10, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
params: { |
|||
city: '', |
|||
county: '', |
|||
name: '', |
|||
province: '', |
|||
state: 0, |
|||
}, |
|||
size: 10, // 每页的数据条数 |
|||
}, |
|||
pageBackup: Object.assign({}, this.page), |
|||
tableData: [], |
|||
orgInfo:{ |
|||
"attorney": "", |
|||
"businessLicense": "", |
|||
"contactMan": "", |
|||
"contactMobile": "", |
|||
"dwType": "", |
|||
"gisInfo": "", |
|||
"idBackPhoto": "", |
|||
"idFrontPhoto": "", |
|||
"orgCode": "", |
|||
"organizationName": "", |
|||
"photoPath": "", |
|||
"postAddress": "", |
|||
"region": "", |
|||
"idNo": "", |
|||
"mobile": "", |
|||
"name": "", |
|||
"userName": "" |
|||
}, |
|||
orgBackup: Object.assign({}, this.orgInfo), |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.getverifyList(this.page) |
|||
}, |
|||
methods: { |
|||
pagination(val) { // 分页 |
|||
this.page.current = val.pageNum |
|||
this.page.size = val.pageSize |
|||
this.getverifyList(this.page) |
|||
}, |
|||
getverifyList(data){ // 获取审核列表 |
|||
organization.verifyList(data).then(res => { |
|||
console.log(res) |
|||
this.tableData = res.data.records |
|||
this.page.total = res.data.total |
|||
}) |
|||
}, |
|||
onSearch() { //查询 |
|||
this.getverifyList(this.page) |
|||
}, |
|||
resetSearch(){ |
|||
this.page = { |
|||
total: 20, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
params: { |
|||
city: '', |
|||
county: '', |
|||
name: '', |
|||
province: '', |
|||
state: 0, |
|||
}, |
|||
size: 10, // 每页的数据条数 |
|||
} |
|||
this.getverifyList(this.page) |
|||
}, |
|||
areaPicker(val){//省市区值 |
|||
let arr = val.split('/') |
|||
this.page.params.province = arr[1] || "" |
|||
this.page.params.city = arr[2] || "" |
|||
this.page.params.county = arr[3] || "" |
|||
}, |
|||
orgRegister(row){ // 获取审核详情 |
|||
this.dialogVisible = true |
|||
this.organizationSid = row.sid |
|||
this.showbtn = row.state |
|||
this.orgInfo = Object.assign({}, this.orgBackup) |
|||
let params = { |
|||
organizationSid: row.sid |
|||
} |
|||
organization.orgRegisterDetails(params).then(res => { |
|||
console.log(res) |
|||
this.orgInfo = res.data |
|||
}) |
|||
}, |
|||
verify(state){ // 审核 |
|||
let params ={ |
|||
state: state+'', |
|||
organizationSid: this.organizationSid |
|||
} |
|||
organization.verify(params).then(res => { |
|||
console.log(res) |
|||
this.dialogVisible = false |
|||
this.$message({ |
|||
type: 'success', |
|||
message: res.msg |
|||
}); |
|||
this.getverifyList(this.page) |
|||
}) |
|||
}, |
|||
// 审核通过 |
|||
handleVerify(state){ |
|||
if(state == 2){ |
|||
let params ={ // 请求的参数 |
|||
state: state, |
|||
remarks:'', |
|||
organizationSid: this.organizationSid |
|||
} |
|||
organization.verify(params).then(res => { |
|||
this.getverifyList(this.page) |
|||
this.$message({ |
|||
type: 'success', |
|||
message: res.msg |
|||
}); |
|||
this.dialogVisible = false |
|||
}) |
|||
}else{ |
|||
this.dialogBack = true |
|||
} |
|||
}, |
|||
// 审核不通过 |
|||
verifyBack(remarks){ |
|||
let params ={ // 请求的参数 |
|||
state: 3, |
|||
remarks:remarks, |
|||
organizationSid: this.organizationSid |
|||
} |
|||
organization.verify(params).then(res => { |
|||
this.getverifyList(this.page) |
|||
this.$message({ |
|||
type: 'success', |
|||
message: res.msg |
|||
}); |
|||
this.dialogBack = false |
|||
this.dialogVisible = false |
|||
}) |
|||
}, |
|||
handledelete(row) { |
|||
this.$confirm('确认要删除吗?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
organization.del({sid: row.sid}).then(res => { |
|||
this.getverifyList(this.page) |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '删除成功!' |
|||
}); |
|||
}) |
|||
}).catch(() => { |
|||
this.$message({ |
|||
type: 'info', |
|||
message: '已取消删除' |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.company .el-image .el-image__inner--center{ |
|||
height: 150px !important; |
|||
} |
|||
</style> |
|||
|
|||
<style lang="scss" scoped="scoped"> |
|||
.el-image{ |
|||
width: 180px; |
|||
height: 150px; |
|||
} |
|||
.zcxx { |
|||
color: #000; |
|||
width: 98%; |
|||
margin: 0px auto 30px; |
|||
background-color: #f7f9fc; |
|||
border: 1px solid #e6e9f0; |
|||
height: 60px; |
|||
line-height: 60px; |
|||
|
|||
p { |
|||
font-size: 16px; |
|||
float: left; |
|||
margin-top: 0px; |
|||
margin-left: 10px; |
|||
font-weight: bold; |
|||
width: 300px; |
|||
} |
|||
|
|||
.el-button { |
|||
float: right; |
|||
margin-top: 13px; |
|||
border: none; |
|||
width: 80px; |
|||
padding: 0; |
|||
text-align: center; |
|||
padding-top: 10px; |
|||
padding-bottom: 10px; |
|||
} |
|||
|
|||
} |
|||
|
|||
table { |
|||
width: 98%; |
|||
margin: 0 auto; |
|||
|
|||
tr { |
|||
height: 45px; |
|||
vertical-align: top; |
|||
} |
|||
|
|||
td:first-child { |
|||
text-align: right; |
|||
} |
|||
|
|||
td:nth-child(2) { |
|||
padding-left: 30px; |
|||
} |
|||
|
|||
td:nth-child(3) { |
|||
text-align: right; |
|||
} |
|||
|
|||
td:nth-child(4) { |
|||
padding-left: 30px; |
|||
|
|||
} |
|||
|
|||
span { |
|||
font-size: 14px; |
|||
color: #015bff; |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.sfz { |
|||
border: 1px solid #e6e9f0; |
|||
width: 45%; |
|||
|
|||
} |
|||
|
|||
#bei { |
|||
width: 21.4%; |
|||
|
|||
} |
|||
} |
|||
|
|||
.avatar-uploader .el-upload { |
|||
border: 1px dashed #d9d9d9; |
|||
border-radius: 6px; |
|||
cursor: pointer; |
|||
position: relative; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.avatar-uploader .el-upload:hover { |
|||
border-color: #409EFF; |
|||
} |
|||
|
|||
.avatar-uploader-icon { |
|||
font-size: 28px; |
|||
color: #8c939d; |
|||
width: 148px; |
|||
height: 148px; |
|||
line-height: 148px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.avatar { |
|||
width: 148px; |
|||
height: 148px; |
|||
display: block; |
|||
} |
|||
</style> |
|||
@ -1,307 +0,0 @@ |
|||
<!-- 个人注册 --> |
|||
<template> |
|||
<div class="container"> |
|||
<!-- 查询 --> |
|||
<tab-search> |
|||
<div slot="from"> |
|||
<el-form ref="form" :inline="true" label-width="80px"> |
|||
<el-form-item label="用户名"> |
|||
<el-input v-model="page.params.userName" clearable></el-input> |
|||
</el-form-item> |
|||
</el-form> |
|||
</div> |
|||
<div slot="btn"> |
|||
<el-button @click="onSearch()">查询</el-button> |
|||
<el-button @click="resetSearch()">重置</el-button> |
|||
</div> |
|||
</tab-search> |
|||
<!-- table --> |
|||
<el-table :data="tableData" border style="width: 100%;"> |
|||
<el-table-column prop="id" label="序号" width="60" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{(scope.$index+1)+(page.current-1)*page.size}} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="操作" width="180" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-button @click="userRegister(scope.row)" type="primary" size="mini"> |
|||
{{scope.row.state == 1 ? "审核":"已审核"}} |
|||
</el-button> |
|||
<el-button @click.stop="Rowdelete(scope.row)" type="danger" size="mini"> |
|||
删除 |
|||
</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="userName" label="用户名" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="idNo" label="身份证号码" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="name" label="真实姓名" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="mobile" label="手机号码" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="createTime" label="注册日期" align="center"> |
|||
</el-table-column> |
|||
</el-table> |
|||
<pagination :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination"/> |
|||
<!-- 审核 --> |
|||
<el-dialog :visible.sync="dialogVisible" :append-to-body="true" width="70%" style="margin-top: -10vh;"> |
|||
<div class="zcxx" v-if="showbtn == 1"> |
|||
<p>审核注册个人信息</p> |
|||
<el-button type="primary" @click="dialogVisible=false" icon="el-icon-back" style="background-color: #0272c8;margin-right: 10px;">返回</el-button> |
|||
<el-button type="primary" @click="handleVerify(3)" icon="el-icon-circle-close" style="background-color: #d6432b; margin-right: 10px;">不通过</el-button> |
|||
<el-button type="primary" @click="handleVerify(2)" icon="el-icon-circle-check" style="background-color: #198e08;">通过</el-button> |
|||
</div> |
|||
<table style="font-size: 18px;"> |
|||
<tr> |
|||
<td>真实姓名：</td> |
|||
<td>{{userInfo.name }}</td> |
|||
<td>身份证号：</td> |
|||
<td>{{userInfo.idNo}}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>用户名：</td> |
|||
<td>{{userInfo.userName}}</td> |
|||
<td>手机号：</td> |
|||
<td>{{userInfo.mobile}}</td> |
|||
</tr> |
|||
<tr style="vertical-align: middle;"> |
|||
<td>身份证正面照片：</td> |
|||
<td> |
|||
<eimage :url="userInfo.idFrontPhoto"></eimage> |
|||
</td> |
|||
<td>身份证背面照片：</td> |
|||
<td> |
|||
<eimage :url="userInfo.idBackPhoto"></eimage> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
</el-dialog> |
|||
<remarks :dialogBack.sync="dialogBack" @verifyBack="verifyBack"></remarks> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import remarks from './remarks/index.vue' |
|||
import user from '@/api/system/user/user1.js' |
|||
export default { |
|||
components:{remarks}, |
|||
data() { |
|||
return { |
|||
dialogVisible: false, |
|||
showbtn: true, |
|||
dialogBack: false, |
|||
page: { |
|||
total: 20, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
params: { // 查询的参数 |
|||
state: '', |
|||
userName: '', |
|||
state: 1 |
|||
}, |
|||
size: 10, // 每页的数据条数 |
|||
}, |
|||
pageBackup: Object.assign({}, this.page), |
|||
tableData: [], // tabel 数据 |
|||
userInfo:{ // 审核的表单字段 |
|||
"idBackPhoto": "", |
|||
"idFrontPhoto": "", |
|||
"idNo": "", |
|||
"mobile": "", |
|||
"name": "", |
|||
"userName": "" |
|||
}, |
|||
userBackup: Object.assign({}, this.userInfo), |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.getverifyList(this.page) |
|||
}, |
|||
methods: { |
|||
pagination(val) { // 分页 |
|||
this.page.current = val.pageNum |
|||
this.page.size = val.pageSize |
|||
this.getverifyList(this.page) |
|||
}, |
|||
getverifyList(data){ // 获取列表 |
|||
user.verifyList(data).then(res => { |
|||
console.log(res) |
|||
this.tableData = res.data.records |
|||
this.page.total = res.data.total |
|||
}) |
|||
}, |
|||
onSearch() { //查询 |
|||
this.getverifyList(this.page) |
|||
}, |
|||
resetSearch(){ |
|||
this.page = { |
|||
total: 20, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
params: { // 查询的参数 |
|||
state: '', |
|||
userName: '', |
|||
state: 1 |
|||
}, |
|||
size: 10, // 每页的数据条数 |
|||
} |
|||
this.getverifyList(this.page) |
|||
}, |
|||
userRegister(row){ // 获取审核表单内容 |
|||
console.log(row.userName) |
|||
this.dialogVisible = true |
|||
this.showbtn = row.state |
|||
this.userInfo = Object.assign({}, this.userBackup) |
|||
let params = { // 请求的参数 |
|||
userName: row.userName |
|||
} |
|||
user.userRegisterDetails(params).then(res => { |
|||
console.log(res) |
|||
this.userInfo = res.data |
|||
}) |
|||
}, |
|||
verify(state){ // 审核的通过不通过 |
|||
|
|||
}, |
|||
// 审核通过 |
|||
handleVerify(state){ |
|||
if(state == 2){ |
|||
let params ={ // 请求的参数 |
|||
state: state, |
|||
remarks:'', |
|||
userName: this.userInfo.userName, |
|||
} |
|||
user.verify(params).then(res => { |
|||
this.getverifyList(this.page) |
|||
this.$message({ |
|||
type: 'success', |
|||
message: res.msg |
|||
}); |
|||
this.dialogVisible = false |
|||
}) |
|||
}else{ |
|||
this.dialogBack = true |
|||
} |
|||
}, |
|||
// 审核不通过 |
|||
verifyBack(remarks){ |
|||
let params ={ // 请求的参数 |
|||
state: 3, |
|||
remarks:remarks, |
|||
userName: this.userInfo.userName, |
|||
} |
|||
user.verify(params).then(res => { |
|||
this.getverifyList(this.page) |
|||
this.$message({ |
|||
type: 'success', |
|||
message: res.msg |
|||
}); |
|||
this.dialogBack = false |
|||
this.dialogVisible = false |
|||
}) |
|||
}, |
|||
Rowdelete(row) { // 删除当前行 |
|||
this.$confirm('确认要删除吗?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
user.userNameDelete({userName: row.userName}).then(res => { |
|||
this.getverifyList(this.page) |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '删除成功!' |
|||
}); |
|||
}) |
|||
}).catch(() => { |
|||
this.$message({ |
|||
type: 'info', |
|||
message: '已取消删除' |
|||
}); |
|||
}); |
|||
} |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped="scoped"> |
|||
.el-image{ |
|||
width: 180px; |
|||
height: 150px; |
|||
} |
|||
.zcxx { |
|||
color: #000; |
|||
width: 98%; |
|||
margin: 0px auto 30px; |
|||
background-color: #f7f9fc; |
|||
border: 1px solid #e6e9f0; |
|||
height: 60px; |
|||
line-height: 60px; |
|||
|
|||
p { |
|||
font-size: 18px; |
|||
float: left; |
|||
margin-top: 0px; |
|||
margin-left: 10px; |
|||
font-weight: bold; |
|||
width: 300px; |
|||
} |
|||
|
|||
.el-button { |
|||
float: right; |
|||
margin-top: 13px; |
|||
border: none; |
|||
width: 80px; |
|||
padding: 0; |
|||
text-align: center; |
|||
padding-top: 10px; |
|||
padding-bottom: 10px; |
|||
} |
|||
|
|||
} |
|||
|
|||
table { |
|||
width: 98%; |
|||
margin: 0 auto; |
|||
|
|||
tr { |
|||
height: 45px; |
|||
vertical-align: top; |
|||
} |
|||
|
|||
td:first-child { |
|||
text-align: right; |
|||
width: 20%; |
|||
} |
|||
|
|||
td:nth-child(2) { |
|||
padding-left: 30px; |
|||
width: 23%; |
|||
} |
|||
|
|||
td:nth-child(3) { |
|||
text-align: right; |
|||
width: 20%; |
|||
} |
|||
|
|||
td:nth-child(4) { |
|||
padding-left: 30px; |
|||
|
|||
} |
|||
|
|||
span { |
|||
font-size: 14px; |
|||
color: #015bff; |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.sfz { |
|||
border: 1px solid #e6e9f0; |
|||
width: 45%; |
|||
|
|||
} |
|||
|
|||
#bei { |
|||
width: 21.4%; |
|||
|
|||
} |
|||
} |
|||
</style> |
|||
@ -1,377 +0,0 @@ |
|||
<!-- 人员绑定 --> |
|||
<template> |
|||
<div class="container"> |
|||
<!-- 查询 --> |
|||
<tab-search> |
|||
<div slot="from"> |
|||
<el-form ref="form" :inline="true" label-width="40px"> |
|||
<el-form-item label="姓名"> |
|||
<el-input v-model="page.params.userName" clearable></el-input> |
|||
</el-form-item> |
|||
<el-button @click="onSearch()">查询</el-button> |
|||
<!-- <el-button @click="resetSearch()">重置</el-button> --> |
|||
</el-form> |
|||
</div> |
|||
<div slot="btn"> |
|||
</div> |
|||
</tab-search> |
|||
|
|||
<!-- table --> |
|||
<el-table :data="tableData" border style="width: 100%;"> |
|||
<el-table-column prop="id" label="序号" width="60" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{(scope.$index+1)+(page.current-1)*page.size}} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="操作" width="190" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-button @click="Register(scope.row)" type="primary" size="mini"> |
|||
{{scope.row.state == 1 ? "审核":"已通过"}} |
|||
</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="idNo" label="身份证号码" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="name" label="真实姓名" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="mobile" label="手机号码" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="userName" label="用户名" align="center"> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 分页 --> |
|||
<pagination :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination" /> |
|||
<!-- 审核 --> |
|||
<el-dialog :visible.sync="dialogVisible" :append-to-body="true" width="70%" style="margin-top: -10vh;"> |
|||
<div class="zcxx" v-if="showbtn == 1"> |
|||
<p>审核单位人员信息</p> |
|||
<el-button type="primary" @click="dialogVisible=false" icon="el-icon-back" style="background-color: #0272c8;margin-right: 10px;">返回</el-button> |
|||
<el-button type="primary" @click="verify(3)" icon="el-icon-circle-close" style="background-color: #d6432b; margin-right: 10px;"> |
|||
不通过 |
|||
</el-button> |
|||
<el-button type="primary" @click="setinnerVisible" icon="el-icon-circle-check" style="background-color: #198e08;"> |
|||
通过 |
|||
</el-button> |
|||
</div> |
|||
<table style="font-size: 16px;"> |
|||
<tr> |
|||
<td>真实姓名：</td> |
|||
<td>{{verifyInfo.name }}</td> |
|||
<td>身份证号：</td> |
|||
<td>{{verifyInfo.idNo}}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>用户名：</td> |
|||
<td>{{verifyInfo.userName}}</td> |
|||
<td>手机号：</td> |
|||
<td>{{verifyInfo.mobile}}</td> |
|||
</tr> |
|||
<tr style="vertical-align: middle;"> |
|||
<td>身份证正面照片：</td> |
|||
<td> |
|||
<eimage :url="verifyInfo.idFrontPhoto"></eimage> |
|||
</td> |
|||
<td>身份证背面照片：</td> |
|||
<td> |
|||
<eimage :url="verifyInfo.idBackPhoto"></eimage> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
<el-dialog |
|||
width="30%" |
|||
title="绑定部门" |
|||
:visible.sync="innerVisible" |
|||
append-to-body> |
|||
<div class="block"> |
|||
<label class="demonstration">请选择部门: </label> |
|||
<el-cascader |
|||
v-model="departmentSid" |
|||
:options="treedata" |
|||
:props="props"></el-cascader> |
|||
<el-button type="primary" size='mini' @click="toNav('deptManage')" style="margin-left: 10px;" circle icon="el-icon-plus"></el-button> |
|||
</div> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click="setDepartment(0)">保存</el-button> |
|||
<el-button @click="innerVisible = false">返回</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
</el-dialog> |
|||
<el-dialog |
|||
width="30%" |
|||
title="绑定部门" |
|||
:visible.sync="bmdialog" |
|||
append-to-body> |
|||
<div class="block"> |
|||
<label class="demonstration">请选择部门: </label> |
|||
<el-cascader |
|||
v-model="departmentSid" |
|||
:options="treedata" |
|||
:props="props"></el-cascader> |
|||
<el-button type="primary" size='mini' @click="toNav('RoleAdminister')" style="margin-left: 10px;" circle icon="el-icon-plus"></el-button> |
|||
</div> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click="setDepartment(1)">保存</el-button> |
|||
<el-button @click="bmdialog = false">返回</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import staffOrg from '@/api/jlcyry/staffOrg/staffOrg.js' |
|||
import departments from '@/api/system/departments/departments.js' |
|||
import { getOrgTree } from '@/api/system/departments/departments.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
props: { |
|||
value: "sid", |
|||
label: "name", |
|||
children: "orgDepartmentVoList" |
|||
}, |
|||
departmentSid: '', |
|||
dialogVisible: false, |
|||
dialogFormVisible: false, |
|||
innerVisible: false, |
|||
bmdialog: false, |
|||
showbtn: true, |
|||
departmentTree: [], |
|||
department: '', |
|||
page: { |
|||
total: 0, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
params: {}, |
|||
size: 10, // 每页的数据条数 |
|||
}, |
|||
pageBackup: Object.assign({}, this.page), |
|||
tableData: [], |
|||
treedata: null, |
|||
verifyInfo: { // 审核的表单字段 |
|||
"idBackPhoto": "", |
|||
"idFrontPhoto": "", |
|||
"idNo": "", |
|||
"mobile": "", |
|||
"name": "", |
|||
"userName": "" |
|||
}, |
|||
verifyBackup: Object.assign({}, this.verifyInfo), |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.getverifyList(this.page) |
|||
}, |
|||
methods: { |
|||
pagination(val) { // 分页 |
|||
this.page.current = val.pageNum |
|||
this.page.size = val.pageSize |
|||
this.getverifyList(this.page) |
|||
}, |
|||
getverifyList(data) { // 获取table列表 |
|||
staffOrg.staffBingingList(data).then(res => { |
|||
this.tableData = res.data.records |
|||
this.page.total = res.data.total |
|||
}) |
|||
}, |
|||
onSearch() { //查询 |
|||
this.getverifyList(this.page) |
|||
}, |
|||
resetSearch() { // 查询重置 |
|||
this.page = { |
|||
total: 0, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
params: {}, |
|||
size: 10, // 每页的数据条数 |
|||
}, |
|||
this.getverifyList(this.page) |
|||
}, |
|||
// 获取审核 表单内容 |
|||
Register(row) { |
|||
this.dialogVisible = true |
|||
this.showbtn = row.state |
|||
this.verifyInfo = Object.assign({}, this.verifyBackup) |
|||
let params = { // 请求的参数 |
|||
userName: row.userName |
|||
} |
|||
staffOrg.staffOrgBingingDetails(params).then(res => { |
|||
console.log(res) |
|||
this.verifyInfo = res.data |
|||
this.verifyInfo.orgSid = row.orgSid |
|||
this.verifyInfo.staffSid = row.staffSid |
|||
}) |
|||
}, |
|||
verify(state) { // 审核 —— 通过 ，不通过 |
|||
let params = { // 请求的参数 |
|||
organizationSid: this.verifyInfo.orgSid, |
|||
staffSid: this.verifyInfo.staffSid, |
|||
state: state, |
|||
} |
|||
staffOrg.verify(params).then(res => { |
|||
console.log(res) |
|||
this.$message({ |
|||
type: 'success', |
|||
message: res.msg |
|||
}); |
|||
this.getverifyList(this.page) |
|||
this.dialogVisible = false |
|||
this.dialogFormVisible = false |
|||
}) |
|||
}, |
|||
setDepartment(state){ |
|||
console.log(this.departmentSid) |
|||
let params = { // 请求的参数 |
|||
departmentSid: this.departmentSid[this.departmentSid.length-1], |
|||
staffSid: this.verifyInfo.staffSid, |
|||
} |
|||
staffOrg.setUpDepartment(params).then(res => { |
|||
this.innerVisible = false |
|||
this.bmdialog = false |
|||
this.$message({ |
|||
type: 'success', |
|||
message: res.msg |
|||
}); |
|||
if(state == 0){ |
|||
this.verify(2) |
|||
} |
|||
}) |
|||
}, |
|||
setinnerVisible(){ |
|||
this.innerVisible = true |
|||
this.getOrgTree() |
|||
}, |
|||
setbmdialog(){ |
|||
this.bmdialog = true |
|||
this.getOrgTree() |
|||
}, |
|||
getOrgTree(){ // 获取部门树形列表 |
|||
function treeArr(data){ |
|||
if (data.length > 0) { |
|||
for (var i = 0; i < data.length; i++) { |
|||
if(data[i].orgDepartmentVoList.length > 0){ |
|||
treeArr(data[i].orgDepartmentVoList) |
|||
} else { |
|||
delete data[i].orgDepartmentVoList |
|||
} |
|||
} |
|||
} |
|||
} |
|||
getOrgTree({organizationSid: this.$store.getters.userInfo.orgSid}).then(res => { |
|||
let tree = res.data[0].orgDepartmentVoList |
|||
treeArr(tree) |
|||
this.treedata = tree |
|||
}) |
|||
}, |
|||
delete(row) { // 删除当前行 |
|||
this.$confirm('确认要删除吗?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
user.delete().then(res => { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '删除成功!' |
|||
}); |
|||
}) |
|||
}).catch(() => { |
|||
this.$message({ |
|||
type: 'info', |
|||
message: '已取消删除' |
|||
}); |
|||
}); |
|||
}, |
|||
toNav(src){ |
|||
this.$router.push("/"+src); |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped="scoped"> |
|||
.el-image { |
|||
width: 180px; |
|||
height: 150px; |
|||
} |
|||
|
|||
.el-image__preview { |
|||
object-fit: none !important; |
|||
} |
|||
.demonstration{ |
|||
padding-right: 10px; |
|||
} |
|||
.zcxx { |
|||
color: #000; |
|||
width: 98%; |
|||
margin: 0px auto 30px; |
|||
background-color: #f7f9fc; |
|||
border: 1px solid #e6e9f0; |
|||
height: 60px; |
|||
line-height: 60px; |
|||
|
|||
p { |
|||
font-size: 18px; |
|||
float: left; |
|||
margin-top: 0px; |
|||
margin-left: 10px; |
|||
font-weight: bold; |
|||
width: 300px; |
|||
} |
|||
|
|||
.el-button { |
|||
float: right; |
|||
margin-top: 13px; |
|||
border: none; |
|||
width: 80px; |
|||
padding: 0; |
|||
text-align: center; |
|||
padding-top: 10px; |
|||
padding-bottom: 10px; |
|||
} |
|||
|
|||
} |
|||
|
|||
table { |
|||
width: 98%; |
|||
margin: 0 auto; |
|||
|
|||
tr { |
|||
height: 45px; |
|||
vertical-align: top; |
|||
} |
|||
|
|||
td:first-child { |
|||
text-align: right; |
|||
width: 20%; |
|||
} |
|||
|
|||
td:nth-child(2) { |
|||
padding-left: 30px; |
|||
width: 23%; |
|||
} |
|||
|
|||
td:nth-child(3) { |
|||
text-align: right; |
|||
width: 20%; |
|||
} |
|||
|
|||
td:nth-child(4) { |
|||
padding-left: 30px; |
|||
|
|||
} |
|||
|
|||
span { |
|||
font-size: 14px; |
|||
color: #015bff; |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.sfz { |
|||
border: 1px solid #e6e9f0; |
|||
width: 45%; |
|||
|
|||
} |
|||
|
|||
#bei { |
|||
width: 21.4%; |
|||
|
|||
} |
|||
} |
|||
</style> |
|||
@ -1,58 +0,0 @@ |
|||
<template> |
|||
<el-dialog title="退回原因" :visible.sync="dialogBack" :before-close="handleClose" append-to-body> |
|||
<el-form :model="formBack" :rules="rules" ref="formBack"> |
|||
<el-form-item label="" prop="remarks"> |
|||
<el-input type="textarea" :rows="4" v-model="formBack.remarks" autocomplete="off"></el-input> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click="submitForm('formBack')">退 回</el-button> |
|||
<el-button @click="handleClose">取 消</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
props: { |
|||
dialogBack: Boolean, |
|||
}, |
|||
data() { |
|||
return { |
|||
formBack: { |
|||
remarks: '' |
|||
}, |
|||
rules: { |
|||
name: [{ |
|||
required: true, |
|||
message: '请输入', |
|||
trigger: 'blur' |
|||
}] |
|||
} |
|||
}; |
|||
}, |
|||
methods: { |
|||
// 关闭弹匡事件 |
|||
handleClose(done) { |
|||
this.$emit('update:dialogBack', false) |
|||
this.$nextTick(() => { |
|||
done() |
|||
}) |
|||
}, |
|||
submitForm(formName) { |
|||
this.$refs[formName].validate((valid) => { |
|||
if (valid) { |
|||
console.log(this.formBack.remarks) |
|||
this.$emit('verifyBack', this.formBack.remarks) |
|||
} else { |
|||
console.log('error submit!!'); |
|||
return false; |
|||
} |
|||
}); |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
</style> |
|||
@ -1,151 +0,0 @@ |
|||
<template> |
|||
<div class="orginfo"> |
|||
<div class="zcxx"> |
|||
<p>审核单位注册信息</p> |
|||
</div> |
|||
<table style="font-size: 16px;"> |
|||
<tr> |
|||
<td>法人证书：</td> |
|||
<td>{{orgInfo.orgCode}}</td> |
|||
<td>单位全称：</td> |
|||
<td>{{orgInfo.name}}<span>点击验证企业</span></td> |
|||
</tr> |
|||
<tr> |
|||
<td>法定代表人姓名：</td> |
|||
<td>{{orgInfo.contactMan}}</td> |
|||
<td>单位类别：</td> |
|||
<td>{{orgInfo.dwType}}</td> |
|||
</tr> |
|||
|
|||
<tr> |
|||
<td>电话：</td> |
|||
<td>{{orgInfo.contactMobile}}</td> |
|||
<td>单位地理位置：</td> |
|||
<td>{{orgInfo.gisInfo}}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>所在区域：</td> |
|||
<td>{{orgInfo.region}}</td> |
|||
<td>单位级别：</td> |
|||
<td>{{orgInfo.dwjb}}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>单位通讯地址：</td> |
|||
<td colspan="3"> |
|||
{{orgInfo.postAddress}} |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>单位注册地址：</td> |
|||
<td colspan="3">{{orgInfo.orgAddress}}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>单位营业执照副本复印件：</td> |
|||
<td> |
|||
<eimage :url="orgInfo.grantPhoto"></eimage> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
<div class="zcxx" style="margin-top: 20px;"> |
|||
<p>被委托人信息</p> |
|||
</div> |
|||
<table class="bwtr" style="font-size: 16px;"> |
|||
<tr> |
|||
<td>身份证号：</td> |
|||
<td>{{orgInfo.idNo}}</td> |
|||
<td>姓名：</td> |
|||
<td>{{orgInfo.name}}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>用户名：</td> |
|||
<td>{{orgInfo.userName}}</td> |
|||
<td>手机号码：</td> |
|||
<td>{{orgInfo.mobile}}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>单位管理员头像：</td> |
|||
<td> |
|||
<eimage :url="orgInfo.photoPath"></eimage> |
|||
</td> |
|||
<td>授权书复印件：</td> |
|||
<td> |
|||
<eimage :url="orgInfo.businessLicense"></eimage> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>身份证正面复印件：</td> |
|||
<td> |
|||
<eimage :url="orgInfo.idBackPhoto"></eimage> |
|||
</td> |
|||
<td>身份证反面复印件：</td> |
|||
<td> |
|||
<eimage :url="orgInfo.idFrontPhoto"></eimage> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
props: { |
|||
orgInfo: { |
|||
type: Object, |
|||
default () { |
|||
return {} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped="scoped"> |
|||
.el-image{ |
|||
width: 180px; |
|||
height: 150px; |
|||
} |
|||
.zcxx { |
|||
color: #000; |
|||
width: 98%; |
|||
margin: 0px auto 30px; |
|||
background-color: #f7f9fc; |
|||
border: 1px solid #e6e9f0; |
|||
height: 60px; |
|||
line-height: 60px; |
|||
|
|||
p { |
|||
font-size: 16px; |
|||
float: left; |
|||
margin-top: 0px; |
|||
margin-left: 10px; |
|||
font-weight: bold; |
|||
width: 300px; |
|||
} |
|||
|
|||
.el-button { |
|||
float: right; |
|||
margin-top: 13px; |
|||
border: none; |
|||
width: 80px; |
|||
padding: 0; |
|||
text-align: center; |
|||
padding-top: 10px; |
|||
padding-bottom: 10px; |
|||
} |
|||
|
|||
} |
|||
|
|||
table { |
|||
width: 100%; |
|||
margin: 0 20px; |
|||
td { |
|||
padding: 5px 0; |
|||
} |
|||
span { |
|||
font-size: 14px; |
|||
color: #015bff; |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
} |
|||
</style> |
|||
@ -1,35 +0,0 @@ |
|||
<template> |
|||
<div class="zcxx"> |
|||
<p>审核注册个人信息</p> |
|||
</div> |
|||
<table style="font-size: 18px;"> |
|||
<tr> |
|||
<td>真实姓名：</td> |
|||
<td>{{userInfo.name }}</td> |
|||
<td>身份证号：</td> |
|||
<td>{{userInfo.idNo}}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>用户名：</td> |
|||
<td>{{userInfo.userName}}</td> |
|||
<td>手机号：</td> |
|||
<td>{{userInfo.mobile}}</td> |
|||
</tr> |
|||
<tr style="vertical-align: middle;"> |
|||
<td>身份证正面照片：</td> |
|||
<td> |
|||
<eimage :src="userInfo.idFrontPhoto"></eimage> |
|||
</td> |
|||
<td>身份证背面照片：</td> |
|||
<td> |
|||
<eimage :src="userInfo.idBackPhoto"></eimage> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
</template> |
|||
|
|||
<script> |
|||
</script> |
|||
|
|||
<style> |
|||
</style> |
|||
@ -1,180 +0,0 @@ |
|||
<template> |
|||
<div class="container"> |
|||
<div class="tab-header"> |
|||
<el-form ref="form" :inline="true" :model="form" label-width="80px"> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="14"> |
|||
<el-form-item label="数据value"> |
|||
<el-input v-model="page.params.dictValue" clearable></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="10"> |
|||
<el-form-item style="float: right;"> |
|||
<el-button type="primary" @click="onSearch()">查 询</el-button> |
|||
<el-button @click="add()">添 加</el-button> |
|||
<el-button @click="$router.go(-1)">返 回</el-button> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
|
|||
<el-table :data="tableData" border style="width: 100%;"> |
|||
<el-table-column label="序号" width="50px" type="index" align="center"> |
|||
</el-table-column> |
|||
<el-table-column label="操作" align="center"> |
|||
<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="deleteRow(scope.row)"> |
|||
删除 |
|||
</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="dictType" label="字典分类编码" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="dictKey" label="数据key" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="dictValue" label="数据value" align="center"> |
|||
</el-table-column> |
|||
</el-table> |
|||
<pagination :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination"/> |
|||
|
|||
<!-- 分类编辑 --> |
|||
<el-dialog :title="dialogTitle + '字典分类'" :visible.sync="editDialog" width="50%"> |
|||
<table class="e-table" cellspacing="0"> |
|||
<tr> |
|||
<td>字典分类编码</td> |
|||
<td> |
|||
{{form.dictType}} |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>数据key</td> |
|||
<td> |
|||
<el-input v-model="form.dictKey"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>数据value</td> |
|||
<td> |
|||
<el-input v-model="form.dictValue"></el-input> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click="save()">保 存</el-button> |
|||
<el-button @click="editDialog = false">关 闭</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { dictCommonList, savedictCommon, putdictCommon, deldictCommon } from '@/api/system/dictType/dictCommon.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
editDialog: false, |
|||
dialogTitle: '', |
|||
form: { |
|||
dictKey: '', |
|||
dictType: '', |
|||
dictValue: '', |
|||
parentSid: '' |
|||
}, |
|||
formBackup: Object.assign({}, this.form), |
|||
page: { |
|||
total: 0, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
size: 10, // 每页的数据条数 |
|||
params:{ |
|||
dictKey: '', |
|||
dictType: '', |
|||
dictValue: '', |
|||
parentSid: '', |
|||
sidPath: '', |
|||
} |
|||
}, |
|||
tableData: [] |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.page.params.dictType = this.$route.params.dictType |
|||
this.getPageList(this.page) |
|||
}, |
|||
methods: { |
|||
pagination(val) { // 分页 |
|||
this.page.current = val.pageNum |
|||
this.page.size = val.pageSize |
|||
this.getPageList(this.page) |
|||
}, |
|||
onSearch() { //查询 |
|||
this.getPageList(this.page) |
|||
}, |
|||
resetSearch(){ // 重置 |
|||
this.getPageList(this.page) |
|||
}, |
|||
getPageList(data){ // 获取列表 |
|||
dictCommonList(data).then((res)=>{ |
|||
this.tableData = res.data.records |
|||
this.page.total = res.data.total |
|||
}) |
|||
}, |
|||
add(){ |
|||
this.dialogTitle = '新增' |
|||
this.editDialog = true |
|||
this.form = Object.assign({}, this.formBackup) |
|||
this.form.dictType = this.$route.params.dictType |
|||
}, |
|||
editRow(row) { |
|||
this.dialogTitle = '编辑' |
|||
this.editDialog = true |
|||
this.form = Object.assign({}, row) |
|||
|
|||
}, |
|||
save(){ |
|||
this.form.parentSid = this.$route.params.sid |
|||
if(this.form.sid){ |
|||
putdictCommon(this.form).then(res => { |
|||
this.editDialog = false |
|||
this.getPageList(this.page) |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
}) |
|||
}else{ |
|||
savedictCommon(this.form).then(res => { |
|||
this.editDialog = false |
|||
this.getPageList(this.page) |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
}) |
|||
} |
|||
}, |
|||
deleteRow(row) { |
|||
this.$confirm('确定要删除该角色吗, 是否继续?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
deldictCommon({sid: row.sid}).then(res => { |
|||
this.getPageList(this.page) |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '删除成功!' |
|||
}); |
|||
}) |
|||
}) |
|||
}, |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
|
|||
</style> |
|||
@ -1,433 +0,0 @@ |
|||
<template> |
|||
<div class="container" style="display: flex;"> |
|||
<div class="org-tree"> |
|||
<el-tree :data="treedata" |
|||
node-key="organizationSid" |
|||
:props="props" |
|||
default-expand-all |
|||
@node-click="handleNodeClick" |
|||
:expand-on-click-node="false"> |
|||
<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="40%"> |
|||
<el-form :model="nodeForm"> |
|||
<el-form-item label="部门名称" label-width="120px"> |
|||
<el-input v-model="nodeForm.name" autocomplete="off"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="排序号" label-width="120px"> |
|||
<el-input v-model="nodeForm.sortNo" autocomplete="off"></el-input> |
|||
</el-form-item> |
|||
</el-form> |
|||
<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="序号" type="index" width="70px" align="center"> |
|||
</el-table-column> |
|||
<el-table-column label="操作" align="center" width="200px"> |
|||
<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="contactMan" label="联系人" align="center" width="100px"> |
|||
</el-table-column> |
|||
<el-table-column prop="mobile" label="联系人手机号码" width="160px" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="address" label="地址" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="sortNo" label="排序" align="center" width="50px"> |
|||
</el-table-column> |
|||
<el-table-column prop="regdate" 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 for="">部门名称: </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"> |
|||
<el-form ref="form" :rules="rules" :model="form" label-width="120px"> |
|||
<el-form-item label="部门名称" prop="name"> |
|||
<el-input v-model="form.name"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="部门地理位置" prop="dlxx"> |
|||
<el-input v-model="form.dlxx" readonly> |
|||
<el-button slot="append" icon="el-icon-map-location" @click='mapDialog = true'></el-button> |
|||
</el-input> |
|||
</el-form-item> |
|||
<el-form-item label="部门地址" prop="address"> |
|||
<el-input v-model="form.address"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="部门联系人" prop="contactMan"> |
|||
<el-input v-model="form.contactMan"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="联系电话" prop="mobile"> |
|||
<el-input v-model="form.mobile"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="排序号" prop="sortNo"> |
|||
<el-input v-model="form.sortNo"></el-input> |
|||
</el-form-item> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<Position v-if="mapDialog" :address.sync="form.address" :maker-position.sync="form.dlxx" :dialog-visible.sync="mapDialog" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { getOrgTree, addOrgTree, getPagelist, putOrgtree, postOrgtree, delOrgtree, getQrCode } from '@/api/system/departments/departments.js' |
|||
import Position from '@/components/amap/amap.vue' |
|||
export default { |
|||
components:{ Position }, |
|||
data() { |
|||
return { |
|||
dialogVisible: false, |
|||
mapDialog: false, |
|||
dialogTitle: '', |
|||
props:{ |
|||
label:"name", |
|||
children:"orgDepartmentVoList", |
|||
}, |
|||
nodeForm:{ |
|||
sid: '', |
|||
name: '', |
|||
sortNo:'' |
|||
}, |
|||
ewmForm: { |
|||
qrFilePath: '', |
|||
organizationName: '', |
|||
departmentName: '', |
|||
address: '' |
|||
}, |
|||
form: { |
|||
organizationSid: '', |
|||
psid: '', |
|||
address: '', |
|||
dlxx: '' |
|||
}, |
|||
formBackup: Object.assign({}, this.form), |
|||
isshow: 'table', |
|||
page: { |
|||
total: 0, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
size: 10, // 每页的数据条数 |
|||
params:{ |
|||
name: '', |
|||
organizationSid: '', |
|||
psid: '' |
|||
} |
|||
}, |
|||
tableData: [], |
|||
treedata: [], |
|||
rules:{ |
|||
name:[ |
|||
{ required: true, message: '请输入', trigger: 'blur' }, |
|||
], |
|||
dlxx:[ |
|||
{ required: true, message: '请输入', trigger: 'blur' }, |
|||
], |
|||
address:[ |
|||
{ required: true, message: '请输入', trigger: 'blur' }, |
|||
], |
|||
contactMan:[ |
|||
{ required: true, message: '请输入', trigger: 'blur' }, |
|||
], |
|||
mobile:[ |
|||
{ required: true, message: '请输入', trigger: 'blur' }, |
|||
], |
|||
sortNo:[ |
|||
{ required: true, message: '请输入', trigger: 'blur' }, |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.getOrgTree() |
|||
}, |
|||
methods: { |
|||
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 |
|||
|
|||
// let params = { |
|||
// total: 0, |
|||
// current: 1, |
|||
// size: 10, |
|||
// params:{ |
|||
// name: '', |
|||
// organizationSid: this.$store.getters.userInfo.orgSid, |
|||
// psid: data.sid || 0 |
|||
// } |
|||
// } |
|||
this.getPageList(this.page) |
|||
}, |
|||
getPageList(data){ // 获取树形列表 |
|||
getPagelist(data).then(res => { |
|||
this.tableData = res.data.records |
|||
this.page.total = res.data.total |
|||
}) |
|||
}, |
|||
getOrgTree(){ // 获取树形列表 |
|||
getOrgTree({organizationSid: this.$store.getters.userInfo.orgSid}).then(res => { |
|||
this.treedata = res.data |
|||
}) |
|||
}, |
|||
save(){ |
|||
this.form.organizationSid = this.$store.getters.userInfo.orgSid |
|||
console.log(this.form) |
|||
this.form.dlxx = typeof(this.form.dlxx) == 'string' ? this.form.dlxx : this.form.dlxx.join() |
|||
if(this.form.sid){ |
|||
putOrgtree(this.form).then(res => { |
|||
this.isshow = 'table' |
|||
this.getOrgTree() |
|||
this.handleNodeClick({sid: this.form.psid}) |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
}) |
|||
}else{ |
|||
addOrgTree(this.form).then(res => { |
|||
this.isshow = 'table' |
|||
this.getOrgTree() |
|||
this.handleNodeClick({sid: this.form.psid}) |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
}) |
|||
} |
|||
}, |
|||
append(data) { |
|||
console.log(data) |
|||
this.dialogTitle = '新增' |
|||
this.isshow = 'edit' |
|||
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 |
|||
}, |
|||
editRow(row) { |
|||
this.dialogTitle = '编辑' |
|||
this.isshow = 'edit' |
|||
this.form = Object.assign({}, row) |
|||
// getRoleInfo({sid: row.sid}).then(res => { |
|||
// this.form = res.data |
|||
// // this.user = Object.assign({}, row |
|||
// }) |
|||
}, |
|||
deit(data){ // 节点编辑保存 |
|||
console.log(data) |
|||
this.dialogVisible = true |
|||
this.nodeForm.sid = data.sid |
|||
this.nodeForm.name = data.name |
|||
this.nodeForm.sortNo = data.sortNo |
|||
}, |
|||
nodeSave(){ // 节点编辑保存 |
|||
postOrgtree(this.nodeForm).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) |
|||
} |
|||
}, |
|||
} |
|||
</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; |
|||
} |
|||
|
|||
.org-table { |
|||
flex: 1; |
|||
// padding-left: 10px; |
|||
margin:0 10px; |
|||
border: 1px solid #edf1f7; |
|||
.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; |
|||
} |
|||
} |
|||
</style> |
|||
@ -1,323 +0,0 @@ |
|||
<template> |
|||
<div class="container"> |
|||
<div class="tab-header"> |
|||
<el-form :inline="true" :model="form" class="demo-form-inline"> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="16"> |
|||
<el-form-item label="角色名称"> |
|||
<el-input v-model="page.params.roleName" placeholder="角色名称" clearable></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item style="float: right;"> |
|||
<el-button type="primary" @click="onSearch">查询</el-button> |
|||
<el-button type="primary" @click="add()">新增</el-button> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
<!-- table --> |
|||
<el-table :data="tableData" border style="width: 100%;"> |
|||
<el-table-column label="序号" width="70px" type="index" align="center"> |
|||
</el-table-column> |
|||
<el-table-column label="操作" width="260px" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="primary" size="mini" @click="roleMenus(scope.row)"> |
|||
菜单授权 |
|||
</el-button> |
|||
<el-button type="primary" size="mini" @click="editRow(scope.row)"> |
|||
修改 |
|||
</el-button> |
|||
<el-button type="danger" size="mini" @click.native.prevent="deleteRow(scope.row)"> |
|||
删除 |
|||
</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="roleName" label="角色名称" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="orgTypeKey" label="单位类别" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="remarks" label="备注" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="enabled" label="是否可用" width="100px" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-switch |
|||
v-model="scope.row.isEnable" |
|||
active-color="#13ce66" |
|||
inactive-color="#ff4949" |
|||
:active-value="1" |
|||
:inactive-value="0" |
|||
@change="enabledChange(scope.row.isEnable,scope.row)"> |
|||
</el-switch> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<pagination :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination"/> |
|||
<!-- 编辑角色信息 --> |
|||
<el-dialog :title="dialogTitle + '角色信息'" :visible.sync="editDialog" width="40%"> |
|||
<table class="e-table" cellspacing="0"> |
|||
<tr> |
|||
<td>角色名称</td> |
|||
<td> |
|||
<el-input v-model="form.roleName"></el-input> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>单位类型</td> |
|||
<td> |
|||
<el-select v-model="form.orgTypeKey" placeholder="请选择单位类型"> |
|||
<el-option |
|||
v-for="item in dwlb" |
|||
:key="item.sid" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey"> |
|||
</el-option> |
|||
</el-select> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>用户类型</td> |
|||
<td> |
|||
<el-select v-model="form.state" placeholder="请选择用户类型"> |
|||
<el-option |
|||
v-for="item in userType" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey"> |
|||
</el-option> |
|||
</el-select> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>备注</td> |
|||
<td> |
|||
<el-input type="textarea" v-model="form.remarks"></el-input> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click="save()">保 存</el-button> |
|||
<el-button @click="editDialog = false">关 闭</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
<!-- 菜单授权 --> |
|||
<el-dialog title="菜单授权" :visible.sync="roleDialog" width="50%"> |
|||
<el-tree |
|||
v-loading="loading" |
|||
:data="treedata" |
|||
ref="Tree" |
|||
show-checkbox |
|||
accordion |
|||
node-key="sid" |
|||
:default-checked-keys="checkedId" |
|||
@setChecked="setChecked" |
|||
:props="defaultProps" |
|||
@check-change="checkchange"> |
|||
</el-tree> |
|||
<div slot="footer" class="text-center"> |
|||
<el-button type="primary" @click="getCheckedKeys">保 存</el-button> |
|||
<el-button @click="roleDialog = false">返 回</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { rolePageList, saveRoleInfo, getRoleInfo, putRoleInfo, delRole, setRoleEnable } from '@/api/system/Role/roleManage.js' |
|||
import { getrolemenus, saverolemenus } from '@/api/system/roleMenus/index.js' |
|||
import { getDicts } from '@/api/system/dataDict/dataDict.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
loading: false, |
|||
dialogTitle: '', |
|||
form: {}, |
|||
formBackup: Object.assign({}, this.form), |
|||
page: { |
|||
total: 0, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
size: 10, // 每页的数据条数 |
|||
params: { |
|||
roleName: '' |
|||
}, |
|||
}, |
|||
tableData: [], |
|||
editDialog: false, |
|||
treedata: [], |
|||
roleDialog: false, |
|||
defaultProps: { |
|||
children: 'children', |
|||
label: 'menuName' |
|||
}, |
|||
checkedId: [], |
|||
roleSid: '', |
|||
chace: [], |
|||
userType:[], |
|||
dwlb:[] |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.getPageList(this.page) |
|||
getDicts("userType").then(res =>{ this.userType = res.data }) |
|||
getDicts('dwlb').then(res =>{ this.dwlb = res.data }) |
|||
}, |
|||
methods: { |
|||
pagination(val) { // 分页 |
|||
this.page.current = val.pageNum |
|||
this.page.size = val.pageSize |
|||
this.getPageList(this.page) |
|||
}, |
|||
onSearch() { //查询 |
|||
this.getPageList(this.page) |
|||
}, |
|||
resetSearch(){ // 重置 |
|||
this.page = { |
|||
total: 0, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
size: 10, // 每页的数据条数 |
|||
params: { |
|||
roleName: '' |
|||
}, |
|||
} |
|||
this.getPageList(this.page) |
|||
}, |
|||
getPageList(data){ // 获取列表 |
|||
|
|||
rolePageList(data).then((res)=>{ |
|||
this.tableData = res.data.records |
|||
this.page.total = res.data.total |
|||
}) |
|||
}, |
|||
add(){ |
|||
this.dialogTitle = '新增' |
|||
this.editDialog = true |
|||
this.form = Object.assign({}, this.formBackup) |
|||
}, |
|||
save(){ |
|||
let data = this.form |
|||
if(this.form.sid){ |
|||
putRoleInfo(this.form).then(res => { |
|||
this.editDialog = false |
|||
this.getPageList(this.page) |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
}) |
|||
}else{ |
|||
saveRoleInfo(data).then(res => { |
|||
this.editDialog = false |
|||
this.getPageList(this.page) |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
}) |
|||
} |
|||
}, |
|||
editRow(row) { |
|||
this.dialogTitle = '编辑' |
|||
this.editDialog = true |
|||
this.form = Object.assign({}, row) |
|||
// getRoleInfo({sid: row.sid}).then(res => { |
|||
// this.form = res.data |
|||
// // this.user = Object.assign({}, row |
|||
// }) |
|||
}, |
|||
deleteRow(row) { |
|||
this.$confirm('确定要删除该角色吗, 是否继续?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
delRole({sid: row.sid}).then(res => { |
|||
this.getPageList(this.page) |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '删除成功!' |
|||
}); |
|||
}) |
|||
}) |
|||
}, |
|||
enabledChange(value,row){ |
|||
console.log(value,row) |
|||
setRoleEnable({isEnable:value, sid: row.sid }).then(res => { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: res.msg |
|||
}); |
|||
}) |
|||
}, |
|||
roleMenus(row){ // 获取授权菜单树形 |
|||
this.roleDialog = true |
|||
this.checkedId = [] |
|||
this.roleSid = row.sid |
|||
this.loading = true |
|||
getrolemenus({roleSid: row.sid}).then(res => { |
|||
this.treedata = res.data |
|||
this.getTreeParentNode(res.data, this.checkedId) |
|||
this.getTreeParentid(res.data) |
|||
this.loading = false |
|||
}) |
|||
|
|||
}, |
|||
// 递归查询所有上级数据 |
|||
getTreeParentNode (menus, ids) { |
|||
for (var i = 0; i < menus.length; i++) { |
|||
if (menus[i].children && menus[i].children.length != 0) { |
|||
this.getTreeParentNode(menus[i].children, ids) |
|||
}else if (menus[i].isCheck) { |
|||
ids.push(menus[i].sid) |
|||
} |
|||
} |
|||
}, |
|||
// 所有一级菜单ID |
|||
getTreeParentid (menus) { |
|||
for (var i = 0; i < menus.length; i++) { |
|||
this.chace.push(menus[i].sid) |
|||
} |
|||
}, |
|||
getCheckedKeys() { |
|||
let roleMenus = [] |
|||
this.$refs.Tree.getCheckedKeys().forEach(val => { |
|||
roleMenus.push({ |
|||
menuSid: val, |
|||
roleSid: this.roleSid |
|||
}) |
|||
}) |
|||
let parentTrue = this.$refs.Tree.getHalfCheckedKeys() |
|||
for(let i = 0; i < parentTrue.length;i++) { |
|||
for(let j = 0; j < this.chace.length;j++) { |
|||
if(parentTrue[i] == this.chace[j]) { |
|||
parentTrue.splice(i, 1); |
|||
} |
|||
} |
|||
} |
|||
parentTrue.forEach(val => { |
|||
roleMenus.push({ |
|||
menuSid: val, |
|||
roleSid: this.roleSid |
|||
}) |
|||
}) |
|||
saverolemenus({roleSid: this.roleSid,roleMenus: roleMenus}).then(res => { |
|||
this.roleDialog = false |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
}) |
|||
}, |
|||
setChecked(){ |
|||
}, |
|||
checkchange(){ |
|||
console.log(this.$refs.Tree.getCheckedKeys()) |
|||
console.log(this.$refs.Tree.getHalfCheckedKeys()) |
|||
} |
|||
}, |
|||
} |
|||
</script> |
|||
<style scoped="scoped" lang="scss"> |
|||
|
|||
</style> |
|||
@ -1,363 +0,0 @@ |
|||
<template> |
|||
<div class="container"> |
|||
<div class="tab-header"> |
|||
<el-form ref="form" :inline="true" :model="form" label-width="80px"> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="16"> |
|||
<el-form-item label="单位名称"> |
|||
<el-input v-model="page.params.organizationName"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="用户名"> |
|||
<el-input v-model="page.params.userName"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item style="float: right;"> |
|||
<el-button @click="onSearch()">查询</el-button> |
|||
<el-button @click="resetSearch()">重置</el-button> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
|
|||
<!-- table --> |
|||
<div class="table-describe clearfix"> |
|||
<h4 style="">用户信息列表</h4> |
|||
<pagination class="pagesize" layout="sizes" :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination"/> |
|||
</div> |
|||
<el-table :data="tableData" border style="width: 100%;"> |
|||
<el-table-column label="序号" width="50px" type="index" align="center"> |
|||
</el-table-column> |
|||
<el-table-column label="操作" width="200px" align="center"> |
|||
<template slot-scope="scope"> |
|||
<!-- <el-button @click="getrolelist(scope.row)" type="primary" size="mini" |
|||
:disabled="!scope.row.organizationName"> |
|||
设置角色 |
|||
</el-button> --> |
|||
<el-button @click="initPwd(scope.row)" type="primary" size="mini"> |
|||
初始化密码 |
|||
</el-button> |
|||
<el-button @click="delUser(scope.row)" type="danger" size="mini"> |
|||
删除 |
|||
</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="userName" label="用户名" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span class="tablerow-click" @click="userinfo(scope.row)">{{scope.row.userName}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="idNo" label="身份证号码" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="name" label="真实姓名" width="120px" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="mobile" label="手机号码" align="center" width="140px"> |
|||
</el-table-column> |
|||
<!-- <el-table-column prop="role" label="角色" align="center" width="140px"> |
|||
</el-table-column> --> |
|||
<el-table-column prop="organizationName" label="单位名称" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span class="tablerow-click" @click="orgInfo(scope.row)">{{scope.row.organizationName}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<pagination :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination"/> |
|||
|
|||
<el-dialog title="用户信息" :visible.sync="showuserInfo" width="70%" > |
|||
<table class="tishi" cellspacing="0"> |
|||
<tr> |
|||
<td style="border-bottom: none; border-right: none;">真实姓名</td> |
|||
<td style="border-bottom: none;"> |
|||
{{userInfoFrom.name}} |
|||
</td> |
|||
<td style="border-bottom: none; border-right: none;">身份证号码</td> |
|||
<td style="border-bottom: none;"> |
|||
{{userInfoFrom.idNo}} |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td style="border-bottom: none; border-right: none;">用户名</td> |
|||
<td style="border-bottom: none;"> |
|||
{{userInfoFrom.userName}} |
|||
</td> |
|||
<td style="border-bottom: none; border-right: none;">手机号码</td> |
|||
<td style="border-bottom: none;"> |
|||
{{userInfoFrom.mobile}} |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td style="border-right: none;">身份证正面照片</td> |
|||
<td> |
|||
<eimage :url="userInfoFrom.idFrontPhoto"></eimage> |
|||
</td> |
|||
<td style="border-right: none;">身份证背面照片</td> |
|||
<td> |
|||
<eimage :url="userInfoFrom.idBackPhoto"></eimage> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
</el-dialog> |
|||
|
|||
|
|||
<el-dialog title="" :visible.sync="showOrgInfo" width="70%" > |
|||
<lockorginfo :orgInfo="OrgInfoFrom"></lockorginfo> |
|||
</el-dialog> |
|||
|
|||
|
|||
<el-dialog title="设置角色" :visible.sync="roledialog" width="40%"> |
|||
<table class="e-table" cellspacing="0"> |
|||
<tr> |
|||
<td style="border-bottom: none; border-right: none;">用户名</td> |
|||
<td style="border-bottom: none;"> |
|||
{{rolefrom.userName }} |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td style="border-right: none;">角色</td> |
|||
<td> |
|||
<el-select v-model="rolefrom.roleSid" placeholder="请选择"> |
|||
<el-option |
|||
v-for="item in rolelist" |
|||
:key="item.sid" |
|||
:label="item.roleName" |
|||
:value="item.sid"> |
|||
</el-option> |
|||
</el-select> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click="saveUserRole()">保 存</el-button> |
|||
<el-button @click="roledialog = false">关 闭</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { userListByAdmin, verifyList, initPwd, delUser, getUserINfo, getOrgINfo, initUserRole, saveUserRole } from '@/api/system/user/Auser.js' |
|||
import { roleList } from '@/api/system/Role/roleManage.js' |
|||
|
|||
import lockorginfo from './components/orgInfo.vue' |
|||
export default { |
|||
components:{ lockorginfo }, |
|||
data() { |
|||
return { |
|||
imageUrl: '', |
|||
dialogImageUrl: '', |
|||
showuserInfo: false, |
|||
showOrgInfo: false, |
|||
dialogVisible: false, |
|||
roledialog: false, |
|||
form: {}, |
|||
page: { |
|||
total: 0, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
size: 10, // 每页的数据条数 |
|||
params: { |
|||
isAdmin: '', |
|||
organizationName: '', |
|||
state: 2, |
|||
userName: '' |
|||
} |
|||
}, |
|||
pageBackup: Object.assign({}, this.page), |
|||
tableData: [], |
|||
userInfoFrom: {}, |
|||
OrgInfoFrom: {}, |
|||
rolelist: [], |
|||
rolefrom: { |
|||
roleSid: '', |
|||
userSid: '' |
|||
} |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.getverifyList(this.page) |
|||
}, |
|||
methods: { |
|||
pagination(val) { // 分页 |
|||
this.page.current = val.pageNum |
|||
this.page.size = val.pageSize |
|||
this.getverifyList(this.page) |
|||
}, |
|||
onSearch() { //查询 |
|||
this.getverifyList(this.page) |
|||
}, |
|||
resetSearch(){ // 重置 |
|||
this.page = { |
|||
total: 0, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
size: 10, // 每页的数据条数 |
|||
params: { |
|||
isAdmin: '', |
|||
organizationName: '', |
|||
state: 2, |
|||
userName: '' |
|||
} |
|||
} |
|||
this.getverifyList(this.page) |
|||
}, |
|||
getverifyList(data){ // 获取用户列表 |
|||
userListByAdmin(data).then((res)=>{ |
|||
this.tableData = res.data.records |
|||
this.page.total = res.data.total |
|||
}) |
|||
}, |
|||
// getrolelist(row){ // 获取角色初始化列表 |
|||
// initUserRole({userSid: row.sid}).then(res => { |
|||
// this.roledialog = true |
|||
// this.rolelist = res.data.roleVoList |
|||
// this.rolefrom.userSid = res.data.userSid |
|||
// this.rolefrom.userName = res.data.userName |
|||
// this.rolefrom.roleSid = res.data.roleSid |
|||
// }) |
|||
// }, |
|||
saveUserRole(){ |
|||
saveUserRole(this.rolefrom).then(res=>{ |
|||
this.roledialog = false |
|||
this.$message({ |
|||
type: 'success', |
|||
message: res.msg |
|||
}); |
|||
}) |
|||
}, |
|||
initPwd(row){ |
|||
this.$confirm('此操作将初始化该用户密码, 是否继续?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
initPwd({sid: row.sid}).then(res => { |
|||
this.getverifyList(this.page) |
|||
this.$message({ |
|||
type: 'success', |
|||
message: res.msg |
|||
}); |
|||
}) |
|||
}) |
|||
|
|||
}, |
|||
userinfo(row) { // 查看用户信息 |
|||
this.showuserInfo = true |
|||
getUserINfo({userName: row.userName}).then(res => { |
|||
this.userInfoFrom = res.data |
|||
}) |
|||
}, |
|||
orgInfo(row){ |
|||
this.showOrgInfo = true |
|||
getOrgINfo({organizationSid: row.organizationSid}).then(res => { |
|||
this.OrgInfoFrom = res.data |
|||
}) |
|||
}, |
|||
delUser(row){ |
|||
this.$confirm('此操作将永久删除该用户, 是否继续?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
delUser({sid: row.sid}).then(res => { |
|||
this.getverifyList(this.page) |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '删除成功!' |
|||
}); |
|||
}) |
|||
}) |
|||
} |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
.el-dialog__footer{ |
|||
text-align: center; |
|||
} |
|||
</style> |
|||
|
|||
<style lang="scss" scoped="scoped"> |
|||
.el-image{ |
|||
width: 180px; |
|||
height: 150px; |
|||
} |
|||
.tablerow-click{ |
|||
color: #007FFF; |
|||
cursor: pointer; |
|||
} |
|||
.zcxx { |
|||
color: #000; |
|||
width: 98%; |
|||
margin: 0px auto 30px; |
|||
background-color: #f7f9fc; |
|||
border: 1px solid #e6e9f0; |
|||
height: 60px; |
|||
line-height: 60px; |
|||
|
|||
p { |
|||
font-size: 16px; |
|||
float: left; |
|||
margin-top: 0px; |
|||
margin-left: 10px; |
|||
font-weight: bold; |
|||
width: 300px; |
|||
} |
|||
|
|||
.el-button { |
|||
float: right; |
|||
margin-top: 13px; |
|||
border: none; |
|||
width: 80px; |
|||
padding: 0; |
|||
text-align: center; |
|||
padding-top: 10px; |
|||
padding-bottom: 10px; |
|||
} |
|||
|
|||
} |
|||
|
|||
table { |
|||
width: 98%; |
|||
margin: 0 auto; |
|||
|
|||
tr { |
|||
height: 45px; |
|||
vertical-align: top; |
|||
} |
|||
|
|||
td:first-child { |
|||
text-align: right; |
|||
} |
|||
|
|||
td:nth-child(2) { |
|||
padding-left: 30px; |
|||
} |
|||
|
|||
td:nth-child(3) { |
|||
text-align: right; |
|||
} |
|||
|
|||
td:nth-child(4) { |
|||
padding-left: 30px; |
|||
|
|||
} |
|||
|
|||
span { |
|||
font-size: 14px; |
|||
color: #015bff; |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.sfz { |
|||
border: 1px solid #e6e9f0; |
|||
width: 45%; |
|||
|
|||
} |
|||
|
|||
#bei { |
|||
width: 21.4%; |
|||
|
|||
} |
|||
} |
|||
|
|||
</style> |
|||
@ -1,64 +0,0 @@ |
|||
<template> |
|||
<div> |
|||
<el-tabs class="my-tabs" v-model="activeName" type="card" @tab-click="handleClick"> |
|||
<el-tab-pane label="资方信息" name="roleList"> |
|||
<user-manage-list :dataObj = 'dataObj' @status = 'isShow' @item ='listObj'></user-manage-list> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="新增" name="addrole"> |
|||
<user-manage-add @status = 'isShow' :dataObj = 'childObj'></user-manage-add> |
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import userManageList from './userManageList.vue' |
|||
import userManageAdd from './userManageAdd.vue' |
|||
export default { |
|||
components: { |
|||
userManageList: userManageList, |
|||
userManageAdd: userManageAdd, |
|||
}, |
|||
data() { |
|||
return { |
|||
activeName: 'roleList', |
|||
editDialog: false, |
|||
dataObj:{ |
|||
isShow:'' |
|||
}, |
|||
childObj:{} |
|||
}; |
|||
}, |
|||
mounted() { |
|||
|
|||
}, |
|||
methods: { |
|||
handleClick(tab, event) { |
|||
if(tab.name == 'addrole'){ |
|||
this.dialogTitle = '新增' |
|||
// this.roleForm = Object.assign({}, this.formBackup) |
|||
}else{ |
|||
// this.getroleOrgList() |
|||
} |
|||
}, |
|||
isShow(val){ |
|||
if(!val){ |
|||
this.activeName = 'roleList' |
|||
this.dataObj.isShow = false |
|||
this.dataObj.isShow = true |
|||
}else{ |
|||
this.activeName = 'addrole' |
|||
} |
|||
}, |
|||
listObj(val){ |
|||
this.childObj = val |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped="scoped"> |
|||
.my-tabs{ |
|||
margin-top: 10px; |
|||
} |
|||
</style> |
|||
@ -1,71 +0,0 @@ |
|||
<template> |
|||
<div> |
|||
<el-card class="box-card"> |
|||
<div style="float: right;"> |
|||
<el-button type="primary" @click='save()' size="mini">保 存</el-button> |
|||
<el-button type="success" size="mini">下 载</el-button> |
|||
<el-button type="info" size="mini">返 回</el-button> |
|||
</div> |
|||
<el-form :inline="true" :model="bankform" class="demo-form-inline" label-position="right"> |
|||
<el-form-item> |
|||
<h2>资方基础信息</h2> |
|||
</el-form-item> |
|||
<br /> |
|||
<el-form-item label="资方名称:"> |
|||
<el-input v-model="bankform.manageName" placeholder="资方名称" style="width: 500px;"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="联系人:"> |
|||
<el-input v-model="bankform.name" placeholder="联系人" style="width: 500px;"></el-input> |
|||
</el-form-item> |
|||
<br /> |
|||
<el-form-item label="联系电话:"> |
|||
<el-input v-model="bankform.mobile" placeholder="联系电话" style="width: 500px;"></el-input> |
|||
</el-form-item> |
|||
</el-form> |
|||
</el-card> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
userListAdd |
|||
} from '@/api/system/userManage/index.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
bankform: { |
|||
manageName: '', |
|||
name: '', |
|||
mobile: '' |
|||
}, |
|||
}; |
|||
}, |
|||
mounted() { |
|||
|
|||
}, |
|||
methods: { |
|||
save() { |
|||
userListAdd(this.bankform).then(res => { |
|||
if (res.code == '200') { |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
this.$emit('status', false) |
|||
} |
|||
this.reset() |
|||
}) |
|||
}, |
|||
reset() { |
|||
this.bankform = { |
|||
manageName: '', |
|||
name: '', |
|||
mobile: '' |
|||
} |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
</style> |
|||
@ -1,192 +0,0 @@ |
|||
<template> |
|||
<div> |
|||
<el-collapse v-model="activeNames" @change="handleChange"> |
|||
<br /> |
|||
<div style="float: right;"> |
|||
<el-button type="primary" size="small" @click='add()'>新增</el-button> |
|||
<el-button type="primary" size="small" @click=''>修改</el-button> |
|||
<el-button type="primary" size="small" @click='del()'>删除</el-button> |
|||
<el-button type="primary" size="small">导出</el-button> |
|||
</div> |
|||
<el-collapse-item title="显示" name="0"> |
|||
<div class="tab-header"> |
|||
<el-form ref="form" :inline="true" :model="search" label-width="80px"> |
|||
<el-row :gutter="24"> |
|||
<el-col :span="24"> |
|||
<el-form-item label="资方名称"> |
|||
<el-input placeholder="请输入资方名称" v-model="search.manageName" clearable></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="联系人"> |
|||
<el-input placeholder="请输入联系人" v-model="search.name" clearable></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="联系电话"> |
|||
<el-input placeholder="请输入联系电话" v-model="search.mobile" clearable></el-input> |
|||
</el-form-item> |
|||
<el-button @click="getOrgUserList(1)">查询</el-button> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
</el-collapse-item> |
|||
</el-collapse> |
|||
<!-- table --> |
|||
<el-table :data="userTable" border style="width: 100%;" @selection-change="handleSelectionChange"> |
|||
<el-table-column width="50px" type="selection" align="center"> |
|||
</el-table-column> |
|||
<el-table-column label="序号" width="50px" type="index" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="manageName" label="资方名称" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span class="tablerow-click" @click="sel(scope.row)">{{scope.row.manageName}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="name" label="联系人" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="mobile" label="联系电话" width="120px" align="center"> |
|||
</el-table-column> |
|||
</el-table> |
|||
<pagination :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination" /> |
|||
<div> |
|||
<el-dialog title="详情" :visible.sync="dlvs" width="30%" :before-close="handleClose"> |
|||
<el-form ref="form" :model="bankform" label-width="80px"> |
|||
<el-form-item label="资方名称"> |
|||
<el-input v-model="bankform.manageName"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="联系人"> |
|||
<el-input v-model="bankform.name"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="联系电话"> |
|||
<el-input v-model="bankform.mobile"></el-input> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button type="primary" @click="close()">关 闭</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</el-dialog> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
userList, |
|||
userSingle, |
|||
userListAdd, |
|||
delbank |
|||
} from '@/api/system/userManage/index.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
bankform: { |
|||
sid:'', |
|||
manageName: '', |
|||
name: '', |
|||
mobile: '' |
|||
}, |
|||
// 新增弹框 |
|||
dialogVisible: false, |
|||
dlvs: false, |
|||
// |
|||
activeNames: ['1'], |
|||
|
|||
form: {}, |
|||
roleListAll: [], |
|||
search: { |
|||
sid:'', |
|||
manageName: '', |
|||
name: '', |
|||
mobile: '' |
|||
}, |
|||
page: { |
|||
total: 0, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
size: 10, // 每页的数据条数 |
|||
}, |
|||
userTable: [], |
|||
}; |
|||
}, |
|||
mounted() { |
|||
this.getOrgUserList() |
|||
}, |
|||
methods: { |
|||
// 列表 + 初始化 |
|||
getOrgUserList(flag) { |
|||
if (flag == '1') { |
|||
this.page.current = 1 |
|||
} |
|||
let params = this.page |
|||
params.params = this.search |
|||
userList(params).then(res => { |
|||
this.page.total = res.data.total |
|||
this.userTable = res.data.records |
|||
}) |
|||
}, |
|||
//查看详情 |
|||
sel(row) { |
|||
this.dlvs = true; |
|||
this.bankform = Object.assign({}, row) |
|||
}, |
|||
// 新增保存 |
|||
add() { |
|||
this.dialogVisible = true; |
|||
}, |
|||
save() { |
|||
userListAdd(this.bankform).then(res => { |
|||
if (res.code == '200') { |
|||
this.$message({ |
|||
message: res.msg, |
|||
type: 'success' |
|||
}) |
|||
this.$emit('status', false) |
|||
} |
|||
this.reset() |
|||
this.dialogVisible = false; |
|||
}) |
|||
}, |
|||
reset() { |
|||
this.form = { |
|||
manageName: '', |
|||
name: '', |
|||
mobile: '' |
|||
} |
|||
}, |
|||
del(row) { |
|||
delbank(this.userTable.sid).then( res => { |
|||
|
|||
}) |
|||
}, |
|||
handleClose(done) { |
|||
this.$confirm('确认关闭？') |
|||
.then(_ => { |
|||
done(); |
|||
}) |
|||
.catch(_ => {}); |
|||
}, |
|||
close() { |
|||
this.dlvs = false; |
|||
this.entls = false; |
|||
}, |
|||
// 分页 |
|||
pagination(val) { |
|||
this.page.current = val.pageNum |
|||
this.page.size = val.pageSize |
|||
this.getOrgUserList() |
|||
}, |
|||
// |
|||
handleChange(val) { |
|||
console.log(val); |
|||
}, |
|||
handleSelectionChange(val) { |
|||
this.multipleSelection = val; |
|||
this.userTable.sid |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped="scoped"> |
|||
.el-select>.el-input { |
|||
display: block; |
|||
width: 300px; |
|||
} |
|||
</style> |
|||
@ -1,3 +0,0 @@ |
|||
<template> |
|||
<router-view /> |
|||
</template> |
|||
@ -1,358 +0,0 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="visible"> |
|||
<div class="tab-header webtop"> |
|||
<div>资方信息表管理</div> |
|||
<div> |
|||
<el-button type="primary" size="medium" @click="handleCreate()">新增</el-button> |
|||
<el-button type="primary" size="medium" @click="handleUpdate()">修改</el-button> |
|||
<el-button type="danger" size="medium" @click="handleDelete()">删除</el-button> |
|||
<el-button type="success" size="medium" @click="handleDaoChu()">导出</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="searchcon"> |
|||
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ |
|||
searchxianshitit |
|||
}}</el-button> |
|||
<div v-show="isSearchShow" class="search"> |
|||
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header"> |
|||
<el-form-item label="资方名称"> |
|||
<el-input v-model="listQuery.manageName" placeholder="请输入资方名称" clearable class="filter-item" /> |
|||
</el-form-item> |
|||
<el-form-item label="联系人"> |
|||
<el-input v-model="listQuery.name" placeholder="请输入联系人" clearable class="filter-item" /> |
|||
</el-form-item> |
|||
<el-form-item label="联系电话"> |
|||
<el-input v-model="listQuery.mobile" placeholder="请输入联系电话" clearable class="filter-item" /> |
|||
</el-form-item> |
|||
<el-button type="primary" @click="handleFilter">查询</el-button> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<div class="listtop"> |
|||
<div class="tit">资方管理信息列表</div> |
|||
<pageye v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|||
class="pagination" @pagination="getList" /> |
|||
</div> |
|||
<div> |
|||
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%" |
|||
@selection-change="handleSelectionChange"> |
|||
<el-table-column width="50px" type="selection" align="center" /> |
|||
<el-table-column width="80px" label="编号" type="index" :index="indexMethod" align="center" /> |
|||
<el-table-column label="资方名称" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span class="bluezi" @click="handleCheck(scope.row)">{{scope.row.manageName}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="联系人" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.name }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="联系电话" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.mobile }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<!-- <el-table-column label="操作" align="center" width="250px" class-name="small-padding fixed-width"> |
|||
<template slot-scope="{row}"> |
|||
<el-button size="mini" type="primary" @click="handleCheck(row)">查看</el-button> |
|||
</template> |
|||
</el-table-column> --> |
|||
</el-table> |
|||
</div> |
|||
|
|||
<div class="pages"> |
|||
<div class="tit" /> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|||
class="pagination" @pagination="getList" /> |
|||
</div> |
|||
</div> |
|||
<zifangguanli-add ref="addAndUpdate" @handleReturn="visible=true" @created="dataCreated" @updated="dataUpdated" /> |
|||
<zifangguanli-info ref="info" @handleReturn="visible=true" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
mapGetters |
|||
} from 'vuex' |
|||
import { |
|||
basefinbankListPage, |
|||
basefinbankDeleteBySids, |
|||
basefinbankExportExcel |
|||
} from '@/api/jichuxinxi/basefinbank' |
|||
import { |
|||
setuser, |
|||
getuser |
|||
} from '@/utils/baocun' |
|||
import { |
|||
delUser |
|||
} from '@/api/system/user/Auser' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import zifangguanliAdd from './zifangguanliAdd.vue' |
|||
import zifangguanliInfo from './zifangguanliInfo.vue' |
|||
export default { |
|||
name: 'zifangguanli', |
|||
components: { |
|||
Pagination, |
|||
pageye, |
|||
zifangguanliAdd, |
|||
zifangguanliInfo |
|||
}, |
|||
|
|||
data() { |
|||
return { |
|||
isSearchShow: false, |
|||
searchxianshitit: '显示查询条件', |
|||
// --按钮菜单------- |
|||
menuState: { |
|||
add: false, // 添加 |
|||
edit: false, // 编辑 |
|||
delete: false, // 删除 |
|||
view: false, // 查看 |
|||
audit: false, // 审核 |
|||
input: false, // 导入 |
|||
output: false, // 导出 |
|||
upload: false, // 同步 |
|||
release: false // 下发 |
|||
}, |
|||
// 查询 ----------- |
|||
tableKey: 0, |
|||
list: [], |
|||
sids: [], |
|||
// list: [{ title: '蔚县鑫元汽贸有限责任公司' }], |
|||
total: 1, |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
listQuery: { |
|||
current: 1, |
|||
size: 20, |
|||
params: { |
|||
manageName: '', |
|||
name: '', |
|||
mobile: '' |
|||
} |
|||
}, |
|||
selectDate: undefined, |
|||
temp: {}, // 添加和修改 |
|||
visible: true |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'id', |
|||
'roles', |
|||
'rolesIds', |
|||
'departmentId', |
|||
'departmentCode' |
|||
]) |
|||
}, |
|||
created() { |
|||
// 初始化变量 |
|||
this.init() |
|||
// 加载列表 |
|||
this.getList() |
|||
}, |
|||
methods: { |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
init() { |
|||
// 根据当前用户. 加载当前页面的按钮权限 |
|||
// findButtonByUserId(this.$route.path).then(response => { |
|||
// if ( |
|||
// response.code === 20000 && |
|||
// response.data && |
|||
// response.data.length > 0 |
|||
// ) { |
|||
// this.menuState = ConvertMenuState(response.data) // 处理各按钮显示状态 |
|||
// } |
|||
// }) |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
basefinbankListPage({ |
|||
current: this.listQuery.current, |
|||
size: this.listQuery.size, |
|||
params: { |
|||
manageName: this.listQuery.manageName, |
|||
mobile: this.listQuery.mobile, |
|||
name: this.listQuery.name |
|||
} |
|||
}).then((response) => { |
|||
console.log('列表查询结果1：', response) |
|||
console.log('列表查询结果：' + JSON.stringify(response)) |
|||
this.listLoading = false |
|||
if ( |
|||
response.code === '200' && |
|||
response.data && |
|||
response.data.total > 0 |
|||
) { |
|||
this.list = response.data.records |
|||
this.total = response.data.total |
|||
} else { |
|||
this.list = [] |
|||
this.total = 0 |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.listQuery.current = 1 |
|||
this.getList() |
|||
}, |
|||
// 打开添加 |
|||
handleCreate() { |
|||
this.$refs.addAndUpdate.openCreate(() => { |
|||
this.visible = false |
|||
}) |
|||
}, |
|||
// 勾选 |
|||
handleSelectionChange(row) { |
|||
const aa = [] |
|||
row.forEach((element) => { |
|||
aa.push(element.sid) |
|||
setuser(this.sids) |
|||
}) |
|||
this.sids = aa |
|||
}, |
|||
// 打开修改 |
|||
handleUpdate() { |
|||
if (this.sids.length === 1) { |
|||
this.dialogStatus = 'update' |
|||
this.$refs.addAndUpdate.openUpdate(this.sids[0], () => { |
|||
this.visible = false |
|||
}) |
|||
} else if (this.sids.length > 1) { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '不能选中多个资方信息修改!!', |
|||
type: 'info', |
|||
duration: 2000 |
|||
}) |
|||
} else { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '没有选择资方信息!!', |
|||
type: 'error', |
|||
duration: 2000 |
|||
}) |
|||
return |
|||
} |
|||
}, |
|||
// 打开查看 |
|||
handleCheck(row) { |
|||
this.$refs.info.openInfo(row.sid, () => { |
|||
this.visible = false |
|||
}) |
|||
}, |
|||
// 根据本行ID删除数据 |
|||
handleDelete() { |
|||
if (this.sids.length > 0) { |
|||
basefinbankDeleteBySids(this.sids).then((response) => { |
|||
console.log('3455', response) |
|||
if (response.code === '200') { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '删除成功', |
|||
type: 'success', |
|||
duration: 2000 |
|||
}) |
|||
this.getList() |
|||
} else { |
|||
this.$notify({ |
|||
title: '删除失败', |
|||
message: response.msg, |
|||
type: 'error' |
|||
}) |
|||
} |
|||
}) |
|||
} else { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '没有选择资方信息!!', |
|||
type: 'error', |
|||
duration: 2000 |
|||
}) |
|||
return |
|||
} |
|||
}, |
|||
// 导出 |
|||
handleDaoChu() { |
|||
// this.$confirm('确定要导出数据, 是否继续?', '提示', { |
|||
// confirmButtonText: '确定', |
|||
// cancelButtonText: '取消', |
|||
// type: 'warning' |
|||
// }) |
|||
basefinbankExportExcel(this.sids).then((res) => { |
|||
const blob = new Blob([res], { |
|||
type: 'application/vnd.ms-excel' |
|||
}) |
|||
const objectUrl = URL.createObjectURL(blob) |
|||
window.location.href = objectUrl |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '导出成功', |
|||
type: 'success', |
|||
duration: 2000, |
|||
}) |
|||
}) |
|||
}, |
|||
// 添加修改返回 |
|||
AddUpdateReturn() { |
|||
this.visible = true |
|||
}, |
|||
// 添加保存完成 |
|||
dataCreated() { |
|||
this.visible = true |
|||
this.handleFilter() |
|||
}, |
|||
// 修改保存完成 |
|||
dataUpdated() { |
|||
this.visible = true |
|||
this.getList() |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
/deep/ .el-collapse { |
|||
border-top: 0px solid #e6ebf5; |
|||
border-bottom: 0px solid #e6ebf5; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__content { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__wrap { |
|||
border-bottom: 0px solid #ebeef5; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__header { |
|||
border-bottom: 0px solid #e6ebf5; |
|||
} |
|||
|
|||
.searchli { |
|||
padding: 5px 100px; |
|||
} |
|||
</style> |
|||
@ -1,217 +0,0 @@ |
|||
<template> |
|||
<div v-show="visible" class="app-container"> |
|||
<div class="tab-header webtop"> |
|||
<div v-if="stateId === '0'">添加资方信息</div> |
|||
<div v-else>修改资方信息</div> |
|||
<div> |
|||
<el-button type="primary" size="small" @click="handleCreate()">保存</el-button> |
|||
<el-button type="primary" size="small">下载</el-button> |
|||
<el-button type="info" size="small" @click="handleReturn()">返回</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="listconadd"> |
|||
<el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="formadd" :rules="rules"> |
|||
<div class="title">资方基本信息</div> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item prop="manageName"> |
|||
<span slot="label">资方名称：</span> |
|||
<el-input v-model="temp.manageName" maxlength="125" placeholder="" class="addinputw" clearable /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item prop="name"> |
|||
<span slot="label">联系人：</span> |
|||
<el-input v-model="temp.name" maxlength="125" placeholder="" class="addinputw" clearable /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item prop="mobile"> |
|||
<span slot="label">联系电话：</span> |
|||
<el-input v-model="temp.mobile" maxlength="125" placeholder="" class="addinputw" clearable /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12" /> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
mapGetters |
|||
} from 'vuex' |
|||
import { |
|||
basefinbankSaveList, |
|||
basefinbankUpdate, |
|||
basefinbankDetails |
|||
} from '@/api/jichuxinxi/basefinbank' |
|||
export default { |
|||
name: 'ZifangguanliAdd', |
|||
// components: { }, |
|||
data() { |
|||
return { |
|||
// --按钮菜单------- |
|||
menuState: { |
|||
add: false, // 添加 |
|||
edit: false, // 编辑 |
|||
delete: false, // 删除 |
|||
view: false, // 查看 |
|||
audit: false, // 审核 |
|||
input: false, // 导入 |
|||
output: false, // 导出 |
|||
upload: false, // 同步 |
|||
release: false // 下发 |
|||
}, |
|||
visible: false, |
|||
stateId: 0, |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
temp: {}, // 添加和修改 |
|||
textMap: { |
|||
update: '修改', |
|||
create: '创建' |
|||
}, |
|||
dialogStatus: '', // 对话框状态 |
|||
rules: { |
|||
manageName: [{ |
|||
required: true, |
|||
message: '请填写资方名称', |
|||
trigger: 'blur' |
|||
}], |
|||
name: [{ |
|||
required: true, |
|||
message: '请填写联系人', |
|||
trigger: 'blur' |
|||
}], |
|||
mobile: [{ |
|||
required: true, |
|||
message: '请填写联系电话', |
|||
trigger: 'blur' |
|||
}, |
|||
{ |
|||
pattern: /^1[3-9]\d{9}$/, |
|||
message: '手机号格式错误' |
|||
} |
|||
] |
|||
} |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'id', |
|||
'roles', |
|||
'rolesIds', |
|||
'departmentId', |
|||
'departmentCode' |
|||
]) |
|||
}, |
|||
created() { |
|||
// 初始化变量 |
|||
this.init() |
|||
}, |
|||
methods: { |
|||
init() { |
|||
|
|||
}, |
|||
openUpdate(sid, showed) { |
|||
this.stateId = sid |
|||
if (this.stateId !== '0') { |
|||
basefinbankDetails(this.stateId).then((response) => { |
|||
if (response.code === '200') { |
|||
this.$refs['dataForm'].clearValidate() |
|||
this.temp = response.data |
|||
this.visible = true |
|||
if (showed && typeof(showed) === 'function') { |
|||
showed() |
|||
} |
|||
} |
|||
}) |
|||
} |
|||
}, |
|||
openCreate(showed) { |
|||
this.$refs['dataForm'].clearValidate() |
|||
this.stateId = '0' |
|||
this.resetTemp() |
|||
this.visible = true |
|||
if (showed && typeof(showed) === 'function') { |
|||
showed() |
|||
} |
|||
}, |
|||
// ----------------------------------方法-------------------- |
|||
// 返回 |
|||
handleReturn() { |
|||
this.visible = false |
|||
this.$emit('handleReturn') |
|||
}, |
|||
|
|||
// 添加前数据初始化 |
|||
resetTemp() { |
|||
this.temp = { |
|||
manageName: '', // |
|||
mobile: '', // |
|||
name: '' |
|||
} |
|||
}, |
|||
// 添加数据 |
|||
handleCreate() { |
|||
this.$refs['dataForm'].validate((valid) => { |
|||
if (valid) { |
|||
this.FormLoading = true |
|||
this.dialogStatus = 'create' |
|||
if (this.stateId === '0') { |
|||
console.log('传入值:', this.temp) |
|||
basefinbankSaveList(this.temp).then((response) => { |
|||
console.log('返回值:', response) |
|||
this.FormLoading = false |
|||
if (response.code === '200') { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '添加成功', |
|||
type: 'success', |
|||
duration: 2000 |
|||
}) |
|||
this.$emit('created') |
|||
} else { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '添加失败', |
|||
type: 'error', |
|||
duration: 2000 |
|||
}) |
|||
} |
|||
}) |
|||
} else { |
|||
basefinbankUpdate(this.temp).then((response) => { |
|||
this.dialogStatus = 'update' |
|||
console.log('response', response) |
|||
this.FormLoading = false |
|||
if (response.code === '200') { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '修改成功', |
|||
type: 'success', |
|||
duration: 2000 |
|||
}) |
|||
this.$emit('updated') |
|||
} else { |
|||
this.$notify({ |
|||
title: '失败', |
|||
message: '修改失败', |
|||
type: 'error' |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
</style> |
|||
@ -1,93 +0,0 @@ |
|||
<template> |
|||
<div v-show="visible" class="app-container"> |
|||
<div class="tab-header webtop"> |
|||
<div>查看资方信息</div> |
|||
<div> |
|||
<el-button type="primary" size="small">下载</el-button> |
|||
<el-button type="info" size="small" @click="handleReturn()">返回</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="listconadd"> |
|||
<el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="forminfo"> |
|||
<div class="title">资方基本信息</div> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">资方名称：</el-col> |
|||
<el-col :span="8" class="tleft"> {{ temp.manageName }} </el-col> |
|||
<el-col :span="4" class="trightb">联系人：</el-col> |
|||
<el-col :span="8" class="tleft"> {{ temp.name }} </el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">联系电话：</el-col> |
|||
<el-col :span="8" class="tleft"> {{ temp.mobile }} </el-col> |
|||
<el-col :span="4" class="trightb" /> |
|||
<el-col :span="8" class="tleft" /> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mapGetters } from 'vuex' |
|||
import { |
|||
basefinbankDetails |
|||
} from '@/api/jichuxinxi/basefinbank' |
|||
export default { |
|||
name: 'ZifangguanliInfo', |
|||
// components: { }, |
|||
data() { |
|||
return { |
|||
visible: false, |
|||
FormLoading: false, |
|||
temp: {} // 查看实体 |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'id', |
|||
'roles', |
|||
'rolesIds', |
|||
'departmentId', |
|||
'departmentCode' |
|||
]) |
|||
}, |
|||
created() { |
|||
// 初始化变量 |
|||
this.init() |
|||
}, |
|||
methods: { |
|||
init() { |
|||
}, |
|||
openInfo(sid, showed) { |
|||
this.stateId = sid |
|||
basefinbankDetails(this.stateId).then((response) => { |
|||
console.log('查询', response) |
|||
this.FormLoading = false |
|||
if (response.code === '200') { |
|||
this.temp = response.data |
|||
this.visible = true |
|||
if (showed && typeof (showed) === 'function') { |
|||
showed() |
|||
} |
|||
} else { |
|||
this.$notify({ |
|||
title: '失败', |
|||
message: '查询失败', |
|||
type: 'error' |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
// ----------------------------------方法-------------------- |
|||
// 返回 |
|||
handleReturn() { |
|||
this.visible = false |
|||
this.$emit('handleReturn') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
|
|||
</style> |
|||
|
|||
@ -1,480 +0,0 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div class="tab-header webtop"> |
|||
<div>资方政策管理</div> |
|||
<div> |
|||
<el-button type="primary" size="small" @click="handleCreate()">新增</el-button> |
|||
<el-button type="primary" size="small" @click="handleUpdate()">修改</el-button> |
|||
<el-button type="danger" size="small" @click="handleDelete()">删除</el-button> |
|||
<!-- <el-button type="success" size="small" @click="handleDaoChu()">导出</el-button> --> |
|||
<el-button type="info" size="small" @click="handleReturn()">返回</el-button> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="searchcon"> |
|||
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> |
|||
<div v-show="isSearchShow" class="search"> |
|||
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header"> |
|||
<el-form-item label="政策名称"> |
|||
<el-input v-model="listQuery.params.policyName" placeholder="请输入政策名称" clearable class="filter-item" /> |
|||
</el-form-item> |
|||
<el-form-item label="品牌"> |
|||
<!-- <el-input v-model="listQuery.brand" placeholder="请输入品牌" clearable class="filter-item" /> --> |
|||
<el-autocomplete v-model="listQuery.params.brand" :fetch-suggestions="querySearchAsync" class="addinputw" placeholder="请输入品牌名称" @select="handleSelect"> |
|||
<i slot="suffix" class="el-icon-edit el-input__icon" @click="inputclear" /> |
|||
<template slot-scope="{ item }"> |
|||
<div style="paddingg:5px;background-color:Azure;"> |
|||
<span>品牌名称：</span> |
|||
<span style="color:red">{{ item.brandName }}</span><br> |
|||
</div> |
|||
</template> |
|||
</el-autocomplete> |
|||
</el-form-item> |
|||
<el-form-item label="资方名称"> |
|||
<!-- <el-input v-model="listQuery.params.manageName" placeholder="请输入资方名称" clearable class="filter-item" /> --> |
|||
<el-select v-model="listQuery.params.manageName" class="addinputw" placeholder="请选择资方名称"> |
|||
<el-option v-for="(item,index) in manageNameType" :key="index" :label="item.manageName" :value="item.manageName" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button type="primary" @click="handleFilter">查询</el-button> |
|||
|
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<div class="listtop"> |
|||
<div class="tit">资方产品政策信息列表</div> |
|||
<pageye |
|||
v-show="total>0" |
|||
:total="total" |
|||
:page.sync="listQuery.current" |
|||
:limit.sync="listQuery.size" |
|||
class="pagination" |
|||
@pagination="getList" |
|||
/> |
|||
</div> |
|||
<div> |
|||
<el-table |
|||
:key="tableKey" |
|||
v-loading="listLoading" |
|||
:data="list" |
|||
border |
|||
style="width: 100%;" |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column width="50px" type="selection" align="center" /> |
|||
<el-table-column width="80px" label="编号" type="index" :index="indexMethod" align="center" /> |
|||
<el-table-column label="政策名称" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.policyName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="品牌" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.brandName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="车型" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.modelName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="资方名称" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.manageName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="首付比例" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.downPayment }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="保证金比例" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.marginRatio }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="利率" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.rate }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="期数" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.nper }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="厂家贴息" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.discount }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="政策盈利比例" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.earningsRatio }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="操作" align="center" width="100px" class-name="small-padding fixed-width"> |
|||
<template slot-scope="{row}"> |
|||
<el-button size="mini" type="primary" @click="handleCheck(row)">查看</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div class="pages"> |
|||
<div class="tit" /> |
|||
<!-- 翻页 --> |
|||
<pagination |
|||
v-show="total>0" |
|||
:total="total" |
|||
:page.sync="listQuery.current" |
|||
:limit.sync="listQuery.size" |
|||
class="pagination" |
|||
@pagination="getList" |
|||
/> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
mapGetters |
|||
} from 'vuex' |
|||
import { |
|||
listPage, |
|||
deleteBySids |
|||
} from '@/api/jichuxinxi/basefinpolicy' |
|||
import { |
|||
setuser |
|||
} from '@/utils/baocun' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import { brandLike } from '@/api/jichuxinxi/brandManagement' |
|||
import { basefinbankDnamesDown } from '@/api/jichuxinxi/basefinbank' // 资方名称 |
|||
export default { |
|||
name: 'zifangzhengce', |
|||
components: { |
|||
Pagination, |
|||
pageye |
|||
}, |
|||
data() { |
|||
return { |
|||
isSearchShow: false, |
|||
searchxianshitit: '显示查询条件', |
|||
// --按钮菜单------- |
|||
menuState: { |
|||
add: false, // 添加 |
|||
edit: false, // 编辑 |
|||
delete: false, // 删除 |
|||
view: false, // 查看 |
|||
audit: false, // 审核 |
|||
input: false, // 导入 |
|||
output: false, // 导出 |
|||
upload: false, // 同步 |
|||
release: false // 下发 |
|||
}, |
|||
// 查询 ----------- |
|||
tableKey: 0, |
|||
sids: [], |
|||
list: [], |
|||
manageNameType:[], |
|||
// list: [{ title: '123' }], |
|||
total: 1, |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
listQuery: { |
|||
current: 1, |
|||
size: 20, |
|||
params: { |
|||
policyName: '', |
|||
brand: '', |
|||
manageName: '' |
|||
} |
|||
}, |
|||
selectDate: undefined, |
|||
temp: {}, // 添加和修改 |
|||
templook: {}, // 查看实体 |
|||
textMap: { |
|||
update: '修改', |
|||
create: '创建' |
|||
}, |
|||
datass:[], |
|||
YongHu:[], |
|||
dialogFormVisible: false, // 添加修改对话框状态 |
|||
dialogFormShowVisible: false, // 查看对话框默认关闭状态 |
|||
dialogStatus: '' // 对话框状态 |
|||
// typeOptions: [], |
|||
// tureArrys: [ |
|||
// { |
|||
// value: 1, |
|||
// label: '是' |
|||
// }, |
|||
// { |
|||
// value: 0, |
|||
// label: '否' |
|||
// } |
|||
// ], |
|||
// fenzuOptions: [ |
|||
// { value: '1', label: '单位' }, |
|||
// { value: '2', label: '个人' } |
|||
// ], |
|||
// rules: { |
|||
// title: [{ required: true, message: '请填写', trigger: 'blur' }], |
|||
// qc: [{ required: true, message: '请填写全称', trigger: 'blur' }] |
|||
// } |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'id', |
|||
'roles', |
|||
'rolesIds', |
|||
'departmentId', |
|||
'departmentCode' |
|||
]) |
|||
}, |
|||
created() { |
|||
// 初始化变量 |
|||
this.init() |
|||
// 加载列表 |
|||
this.getList() |
|||
this.pingpai() |
|||
this.zifangmingcheng() |
|||
}, |
|||
methods: { |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
zifangmingcheng() { |
|||
basefinbankDnamesDown({ name: this.temp.manageName }).then((res) => { |
|||
if (res.code === '200') { |
|||
console.log(res.data, 66666666666) |
|||
this.manageNameType = res.data |
|||
} |
|||
}) |
|||
}, |
|||
querySearchAsync(queryString, cb) { |
|||
console.log('查询条件：', queryString) |
|||
|
|||
if ( |
|||
queryString != null && |
|||
queryString != undefined && |
|||
queryString !== '' |
|||
) { |
|||
// this.searchData({ name: queryString }) |
|||
brandLike({ name: queryString }).then((response) => { |
|||
if (response.code === '200') { |
|||
this.datass = response.data |
|||
cb(response.data) |
|||
} |
|||
}) |
|||
} else { |
|||
console.log(1111111111, this.YongHu) |
|||
this.datass = this.YongHu |
|||
cb(this.YongHu) |
|||
} |
|||
}, |
|||
handleSelect(e) { |
|||
this.listQuery.params.brand = e.brandName |
|||
}, |
|||
// 清空信息 |
|||
inputclear() { |
|||
this.listQuery.brand = '' |
|||
}, |
|||
pingpai() { |
|||
brandLike().then((res) => { |
|||
if (res.code === '200') { |
|||
console.log(res.data, 222) |
|||
this.YongHu = res.data |
|||
} |
|||
}) |
|||
}, |
|||
init() { |
|||
// 根据当前用户. 加载当前页面的按钮权限 |
|||
// findButtonByUserId(this.$route.path).then(response => { |
|||
// if ( |
|||
// response.code === 20000 && |
|||
// response.data && |
|||
// response.data.length > 0 |
|||
// ) { |
|||
// this.menuState = ConvertMenuState(response.data) // 处理各按钮显示状态 |
|||
// } |
|||
// }) |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
|
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
console.log(this.listQuery, 11111111111) |
|||
console.log('查询：' + JSON.stringify(this.listQuery)) |
|||
listPage(this.listQuery).then((response) => { |
|||
console.log('列表查询结果1：', response) |
|||
console.log('列表查询结果：' + JSON.stringify(response)) |
|||
this.listLoading = false |
|||
if ( |
|||
response.code === '200' && |
|||
response.data && |
|||
response.data.total > 0 |
|||
) { |
|||
this.list = response.data.records |
|||
// this.list.brand = tempData.brandName |
|||
console.log(this.list, 123) |
|||
// setuser(response.data.records.sid) |
|||
this.total = response.data.total |
|||
} else { |
|||
this.list = [] |
|||
this.total = 0 |
|||
} |
|||
}) |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.listQuery.current = 1 |
|||
console.log(this.listQuery,789) |
|||
this.getList() |
|||
}, |
|||
|
|||
// ----------------------------------方法-------------------- |
|||
// 返回 |
|||
handleReturn() { |
|||
this.$router.go(-1) |
|||
}, |
|||
// 添加前数据初始化 |
|||
resetTemp() { |
|||
this.temp = { |
|||
branchSid: '', |
|||
brand: '', |
|||
discount: '', |
|||
downPayment: '', |
|||
earningsRatio: '', |
|||
manageName: '', |
|||
marginRatio: '', |
|||
nper: '', |
|||
policyName: '', |
|||
rate: '', |
|||
vehicleModel: '' |
|||
|
|||
} |
|||
}, |
|||
handleSelectionChange(row) { |
|||
const aa = [] |
|||
row.forEach((element) => { |
|||
aa.push(element.sid) |
|||
setuser(this.sids) |
|||
}) |
|||
this.sids = aa |
|||
}, |
|||
// 打开添加 |
|||
handleCreate() { |
|||
this.$router.push({ |
|||
path: '/zifang/zifangzhengceAdd/0' |
|||
}) |
|||
}, |
|||
// 打开修改 |
|||
handleUpdate() { |
|||
if (this.sids.length === 1) { |
|||
this.dialogStatus = 'update' |
|||
console.log(this.sids) |
|||
this.$router.push({ |
|||
path: `/zifang/zifangzhengceAdd/${this.sids[0]}` |
|||
}) |
|||
} else if (this.sids.length > 1) { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '不能选中多个资方产品政策修改!!', |
|||
type: 'info', |
|||
duration: 2000 |
|||
}) |
|||
} else { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '没有选择资方产品政策!!', |
|||
type: 'error', |
|||
duration: 2000 |
|||
}) |
|||
return |
|||
} |
|||
}, |
|||
|
|||
// 打开查看 |
|||
handleCheck(row) { |
|||
console.log('111', row) |
|||
this.$router.push({ |
|||
path: '/zifang/zifangzhengceInfo', |
|||
query: { |
|||
sid: row.sid |
|||
} |
|||
}) |
|||
}, |
|||
// 根据本行ID删除数据 |
|||
handleDelete() { |
|||
if (this.sids.length) { |
|||
deleteBySids(this.sids).then((response) => { |
|||
console.log('3455', response) |
|||
if (response.code === '200') { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '删除成功', |
|||
type: 'success', |
|||
duration: 2000 |
|||
}) |
|||
this.getList() |
|||
} else { |
|||
this.$notify({ |
|||
title: '删除失败', |
|||
message: response.msg, |
|||
type: 'error' |
|||
}) |
|||
} |
|||
}) |
|||
} else { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '没有选择资方产品政策!!', |
|||
type: 'error', |
|||
duration: 2000 |
|||
}) |
|||
return |
|||
} |
|||
} |
|||
// // 导出 |
|||
// handleDaoChu() { |
|||
// } |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
/deep/ .el-collapse { |
|||
border-top: 0px solid #e6ebf5; |
|||
border-bottom: 0px solid #e6ebf5; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__content { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__wrap { |
|||
border-bottom: 0px solid #EBEEF5; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__header { |
|||
border-bottom: 0px solid #e6ebf5; |
|||
} |
|||
|
|||
.searchli { |
|||
padding: 5px 100px; |
|||
} |
|||
</style> |
|||
@ -1,419 +0,0 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div class="tab-header webtop"> |
|||
<div v-if="stateId==='0'">添加资方产品政策</div> |
|||
<div v-else>资方产品政策</div> |
|||
<div> |
|||
<el-button type="primary" size="small" @click="handleCreate()">保存</el-button> |
|||
<el-button type="info" size="small" @click="handleReturn()">返回</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="listconadd"> |
|||
<el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="formadd" :rules="rules"> |
|||
<div class="title">资方产品政策</div> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item prop="policyName"> |
|||
<span slot="label">政策名称：</span> |
|||
<el-input v-model="temp.policyName" maxlength="125" placeholder="" class="addinputw" clearable /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item prop="brand"> |
|||
<span slot="label">品牌：</span> |
|||
<el-autocomplete v-model="temp.brandName" :fetch-suggestions="querySearchAsync" class="addinputw" placeholder="请输入品牌名称" @select="handleSelect"> |
|||
<i slot="suffix" class="el-icon-edit el-input__icon" @click="inputclear" /> |
|||
<template slot-scope="{ item }"> |
|||
<div style="paddingg:5px;background-color:Azure;"> |
|||
<span>品牌名称：</span> |
|||
<span style="color:red">{{ item.brandName }}</span><br> |
|||
</div> |
|||
</template> |
|||
</el-autocomplete> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item prop="vehicleModel"> |
|||
<span slot="label">车型：</span> |
|||
<el-select v-model="temp.vehicleModel" class="addinputw" filterable placeholder="请选择车型" @click="xuanzhong"> |
|||
<el-option v-for="(item,index) in vehicleModelType" :key="index" :label="item.modelName" :value="item.sid" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item prop="manageSid"> |
|||
<span slot="label">资方名称：</span> |
|||
<el-select v-model="temp.manageSid" class="addinputw" placeholder="请选择资方名称"> |
|||
<el-option v-for="(item,index) in manageNameType" :key="index" :label="item.manageName" :value="item.sid" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item prop="downPayment"> |
|||
<span slot="label">首付比例：</span> |
|||
<el-input v-model="temp.downPayment" maxlength="125" placeholder="" class="addinputw" clearable /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item prop="marginRatio"> |
|||
<span slot="label">保证金比例：</span> |
|||
<el-input v-model="temp.marginRatio" maxlength="125" placeholder="" class="addinputw" clearable /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item prop="rate"> |
|||
<span slot="label">利率：</span> |
|||
<el-input v-model="temp.rate" maxlength="125" placeholder="" class="addinputw" clearable /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item prop="nper"> |
|||
<span slot="label">期数：</span> |
|||
<el-input v-model="temp.nper" maxlength="125" placeholder="" class="addinputw" clearable /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<!-- <el-col :span="12"> |
|||
<el-form-item prop="branchSid"> |
|||
<span slot="label">分公司sid：</span> |
|||
<el-input v-model="temp.branchSid" maxlength="125" placeholder="" class="addinputw" clearable /> |
|||
</el-form-item> |
|||
</el-col> --> |
|||
<el-col :span="12"> |
|||
<el-form-item prop="discount"> |
|||
<span slot="label">厂家贴息：</span> |
|||
<el-input v-model="temp.discount" maxlength="125" placeholder="" class="addinputw" clearable /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item prop="earningsRatio"> |
|||
<span slot="label">政策盈利比例：</span> |
|||
<el-input v-model="temp.earningsRatio" maxlength="125" placeholder="" class="addinputw" clearable /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
|
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mapGetters } from 'vuex' |
|||
import { |
|||
listPage, |
|||
SaveList, |
|||
Update, |
|||
deleteBySids, |
|||
details, |
|||
ExportExcel |
|||
} from '@/api/jichuxinxi/basefinpolicy' |
|||
import { brandLike } from '@/api/jichuxinxi/brandManagement' // 品牌管理模糊查询 |
|||
import { basefinbankDnamesDown } from '@/api/jichuxinxi/basefinbank' // 资方名称 |
|||
import { selectDown } from '@/api/jichuxinxi/basevehicle'// 根据品牌sid查询车型下拉框 |
|||
export default { |
|||
name: 'ZifangzhengceAdd', |
|||
// components: { }, |
|||
data() { |
|||
return { |
|||
// --按钮菜单------- |
|||
menuState: { |
|||
add: false, // 添加 |
|||
edit: false, // 编辑 |
|||
delete: false, // 删除 |
|||
view: false, // 查看 |
|||
audit: false, // 审核 |
|||
input: false, // 导入 |
|||
output: false, // 导出 |
|||
upload: false, // 同步 |
|||
release: false // 下发 |
|||
}, |
|||
YongHu: [], |
|||
datass: [], |
|||
sid: '', |
|||
stateId: 0, |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
temp: {}, // 添加和修改 |
|||
// templook: {}, |
|||
textMap: { |
|||
update: '修改', |
|||
create: '创建' |
|||
}, |
|||
// dialogFormVisible: false, // 添加修改对话框状态 |
|||
// dialogFormShowVisible: false, // 查看对话框默认关闭状态 |
|||
dialogStatus: '', // 对话框状态 |
|||
brandType: [], |
|||
manageNameType: [], |
|||
vehicleModelType: [], |
|||
rules: { |
|||
policyName: [ |
|||
{ required: true, message: '请填写政策名称', trigger: 'blur' } |
|||
], |
|||
// brand: [{ required: true, message: '请填写品牌', trigger: 'blur' }], |
|||
vehicleModel: [ |
|||
// { required: true, message: '请填写车型', trigger: 'blur' } |
|||
], |
|||
manageName: [ |
|||
// { required: true, message: '请填写资方名称', trigger: 'blur' } |
|||
], |
|||
downPayment: [ |
|||
{ required: true, message: '请填写首付比例', trigger: 'blur' } |
|||
], |
|||
marginRatio: [ |
|||
{ required: true, message: '请填写保证金比例', trigger: 'blur' } |
|||
], |
|||
rate: [{ required: true, message: '请填写利率', trigger: 'blur' }], |
|||
nper: [{ required: true, message: '请填写期数', trigger: 'blur' }], |
|||
branchSid: [ |
|||
{ required: true, message: '请填写分公司sid', trigger: 'blur' } |
|||
], |
|||
discount: [ |
|||
{ required: true, message: '请填写厂家贴息', trigger: 'blur' } |
|||
], |
|||
earningsRatio: [ |
|||
{ required: true, message: '请填写政策盈利比例', trigger: 'blur' } |
|||
] |
|||
} |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'id', |
|||
'roles', |
|||
'rolesIds', |
|||
'departmentId', |
|||
'departmentCode' |
|||
]) |
|||
}, |
|||
created() { |
|||
// 初始化变量 |
|||
this.init() |
|||
}, |
|||
methods: { |
|||
init() { |
|||
this.stateId = this.$route.params.id |
|||
// 根据当前用户. 加载当前页面的按钮权限 |
|||
// findButtonByUserId(this.$route.path).then(response => { |
|||
// if ( |
|||
// response.code === 20000 && |
|||
// response.data && |
|||
// response.data.length > 0 |
|||
// ) { |
|||
// this.menuState = ConvertMenuState(response.data) // 处理各按钮显示状态 |
|||
// } |
|||
// }) |
|||
if (this.stateId !== '0') { |
|||
details(this.stateId).then((response) => { |
|||
if (response.code === '200') { |
|||
this.temp = response.data |
|||
this.chexing(response.data.brand) |
|||
// this.chexing(response.data.vehicleModel) |
|||
console.log(this.temp, 555555555555) |
|||
} |
|||
}) |
|||
} |
|||
this.pingpai() |
|||
this.zifangmingcheng() |
|||
}, |
|||
|
|||
// ----------------------------------方法-------------------- |
|||
// 品牌 |
|||
pingpai() { |
|||
brandLike().then((res) => { |
|||
if (res.code === '200') { |
|||
console.log(res.data, 222) |
|||
this.YongHu = res.data |
|||
} |
|||
}) |
|||
}, |
|||
handleSelect(e) { |
|||
// 选择： |
|||
console.log('选择qqqqqqqqq：' ,e) |
|||
this.temp.brandName = e.brandName |
|||
this.temp.brand = e.sid |
|||
this.chexing(this.temp.brand) |
|||
}, |
|||
// 清空信息 |
|||
inputclear() { |
|||
this.temp.brandName = '' |
|||
// this.temp.brandCode = '' |
|||
}, |
|||
// 文本模糊查询 |
|||
querySearchAsync(queryString, cb) { |
|||
console.log('查询条件：', queryString) |
|||
|
|||
if ( |
|||
queryString != null && |
|||
queryString != undefined && |
|||
queryString !== '' |
|||
) { |
|||
// this.searchData({ name: queryString }) |
|||
brandLike({ name: queryString }).then((response) => { |
|||
if (response.code === '200') { |
|||
this.datass = response.data |
|||
cb(response.data) |
|||
} |
|||
}) |
|||
} else { |
|||
console.log(1111111111, this.YongHu) |
|||
this.datass = this.YongHu |
|||
cb(this.YongHu) |
|||
} |
|||
}, |
|||
// handleSelect1(e) { |
|||
// // 选择： |
|||
// console.log('选择：' ,e) |
|||
// this.temp.name = e.name |
|||
// this.sid = e.sid |
|||
// }, |
|||
// // 清空信息 |
|||
// inputclear1() { |
|||
// this.temp.brand = '' |
|||
// // this.temp.brandCode = '' |
|||
// }, |
|||
// // 文本模糊查询 |
|||
// querySearchAsync1(queryString, cb) { |
|||
// console.log('查询条件：', queryString) |
|||
|
|||
// if ( |
|||
// queryString != null && |
|||
// queryString != undefined && |
|||
// queryString !== '' |
|||
// ) { |
|||
// // this.searchData({ name: queryString }) |
|||
// namesDown({ name: queryString }).then((response) => { |
|||
// if (response.code === '200') { |
|||
// this.manageNameType = response.data |
|||
// cb(response.data) |
|||
// } |
|||
// }) |
|||
// } else { |
|||
// console.log(1111111111, this.YongHu) |
|||
// this.manageNameType = this.YongHu |
|||
// cb(this.YongHu) |
|||
// } |
|||
// }, |
|||
// 资方名称 |
|||
zifangmingcheng() { |
|||
basefinbankDnamesDown({ name: this.temp.manageName }).then((res) => { |
|||
if (res.code === '200') { |
|||
console.log(res.data, 66666666666) |
|||
this.manageNameType = res.data |
|||
} |
|||
}) |
|||
}, |
|||
xuanzhong() { |
|||
if (this.datass.length === 0) { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '请选择品牌后再选择车型', |
|||
type: 'error', |
|||
duration: 2000 |
|||
}) |
|||
} |
|||
}, |
|||
// 车型 |
|||
chexing(sid1) { |
|||
console.log('车型11111111',sid1) |
|||
var sid ={ |
|||
sid:sid1 |
|||
} |
|||
selectDown(sid).then((res) => { |
|||
console.log(33333333333, res) |
|||
if (res.code === '200') { |
|||
this.vehicleModelType = res.data |
|||
} |
|||
}) |
|||
}, |
|||
// 返回 |
|||
handleReturn() { |
|||
this.$router.go(-1) |
|||
}, |
|||
|
|||
// 添加前数据初始化 |
|||
resetTemp() { |
|||
this.temp = { |
|||
branchSid: '', |
|||
brand: '', |
|||
discount: '', |
|||
downPayment: '', |
|||
earningsRatio: '', |
|||
manageName: '', |
|||
marginRatio: '', |
|||
nper: '', |
|||
policyName: '', |
|||
rate: '', |
|||
vehicleModel: '' |
|||
} |
|||
}, |
|||
// 添加数据 |
|||
handleCreate() { |
|||
this.$refs['dataForm'].validate((valid) => { |
|||
if (valid) { |
|||
this.FormLoading = true |
|||
this.dialogStatus = 'create' |
|||
if (this.stateId === '0') { |
|||
console.log('传入值:', this.temp) |
|||
// this.temp.brand = this.sid |
|||
SaveList(this.temp).then((response) => { |
|||
console.log('返回值:', response) |
|||
this.FormLoading = false |
|||
if (response.code === '200') { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '添加成功', |
|||
type: 'success', |
|||
duration: 2000 |
|||
}) |
|||
this.$router.push({ path: '/zifang/zifangzhengce' }) |
|||
} else { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '添加失败', |
|||
type: 'error', |
|||
duration: 2000 |
|||
}) |
|||
} |
|||
}) |
|||
} else { |
|||
this.temp.sid=this.stateId |
|||
console.log(this.temp) |
|||
Update(this.temp).then((response) => { |
|||
this.dialogStatus = 'update' |
|||
console.log('response', response) |
|||
this.FormLoading = false |
|||
if (response.code === '200') { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '修改成功', |
|||
type: 'success', |
|||
duration: 2000 |
|||
}) |
|||
this.$router.push({ path: '/zifang/zifangzhengce' }) |
|||
} else { |
|||
this.$notify({ |
|||
title: '失败', |
|||
message: '修改失败', |
|||
type: 'error' |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
</style> |
|||
@ -1,197 +0,0 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div class="tab-header webtop"> |
|||
<div>资方产品政策详细信息</div> |
|||
<div> |
|||
<el-button type="info" size="medium" @click="handleReturn()">返回</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="listconadd"> |
|||
<el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="forminfo" :rules="rules"> |
|||
<div class="title">资方产品政策详细信息</div> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">政策名称：</el-col> |
|||
<el-col :span="8" class="tleft"> {{ temp.policyName }} </el-col> |
|||
<el-col :span="4" class="trightb">品牌：</el-col> |
|||
<el-col :span="8" class="tleft"> {{ temp.brandName }} </el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">车型：</el-col> |
|||
<el-col :span="8" class="tleft"> {{ temp.modelName }} </el-col> |
|||
<el-col :span="4" class="trightb">资方名称：</el-col> |
|||
<el-col :span="8" class="tleft"> {{ temp.manageName }} </el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">首付比例：</el-col> |
|||
<el-col :span="8" class="tleft"> {{ temp.downPayment }} </el-col> |
|||
<el-col :span="4" class="trightb">保证金比例：</el-col> |
|||
<el-col :span="8" class="tleft"> {{ temp.marginRatio }} </el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">利率：</el-col> |
|||
<el-col :span="8" class="tleft"> {{ temp.rate }} </el-col> |
|||
<el-col :span="4" class="trightb">期数：</el-col> |
|||
<el-col :span="8" class="tleft"> {{ temp.nper }} </el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">厂家贴息：</el-col> |
|||
<el-col :span="8" class="tleft"> {{ temp.discount }} </el-col> |
|||
<el-col :span="4" class="trightb">政策盈利比例：</el-col> |
|||
<el-col :span="8" class="tleft"> {{ temp.earningsRatio }} </el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mapGetters } from 'vuex' |
|||
import { |
|||
listPage, |
|||
SaveList, |
|||
Update, |
|||
deleteBySids, |
|||
details, |
|||
ExportExcel |
|||
} from '@/api/jichuxinxi/basefinpolicy' |
|||
export default { |
|||
name: 'ZifangzhengceInfo', |
|||
// components: { }, |
|||
data() { |
|||
return { |
|||
// --按钮菜单------- |
|||
menuState: { |
|||
add: false, // 添加 |
|||
edit: false, // 编辑 |
|||
delete: false, // 删除 |
|||
view: false, // 查看 |
|||
audit: false, // 审核 |
|||
input: false, // 导入 |
|||
output: false, // 导出 |
|||
upload: false, // 同步 |
|||
release: false // 下发 |
|||
}, |
|||
FormLoading: false, |
|||
// listLoading: false, |
|||
|
|||
temp: {}, // 查看实体 |
|||
textMap: { |
|||
update: '修改', |
|||
create: '创建' |
|||
}, |
|||
// dialogFormVisible: false, // 添加修改对话框状态 |
|||
// dialogFormShowVisible: false, // 查看对话框默认关闭状态 |
|||
dialogStatus: '', // 对话框状态 |
|||
// fenzuOptions: [ |
|||
// ], |
|||
rules: { |
|||
policyName: [{ required: true, message: '请填写政策名称', trigger: 'blur' }], |
|||
brand: [{ required: true, message: '请填写品牌', trigger: 'blur' }], |
|||
vehicleModel: [{ required: true, message: '请填写车型', trigger: 'blur' }], |
|||
manageName: [{ required: true, message: '请填写资方名称', trigger: 'blur' }], |
|||
downPayment: [{ required: true, message: '请填写首付比例', trigger: 'blur' }], |
|||
marginRatio: [{ required: true, message: '请填写保证金比例', trigger: 'blur' }], |
|||
rate: [{ required: true, message: '请填写利率', trigger: 'blur' }], |
|||
nper: [{ required: true, message: '请填写期数', trigger: 'blur' }], |
|||
branchSid: [{ required: true, message: '请填写分公司sid', trigger: 'blur' }], |
|||
discount: [{ required: true, message: '请填写厂家贴息', trigger: 'blur' }], |
|||
earningsRatio: [{ required: true, message: '请填写政策盈利比例', trigger: 'blur' }] |
|||
} |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'id', |
|||
'roles', |
|||
'rolesIds', |
|||
'departmentId', |
|||
'departmentCode' |
|||
]) |
|||
}, |
|||
created() { |
|||
// 初始化变量 |
|||
this.init() |
|||
}, |
|||
methods: { |
|||
init() { |
|||
this.stateId = this.$route.query.sid |
|||
console.log(this.stateId, 2222) |
|||
|
|||
details(this.stateId).then((response) => { |
|||
console.log('查询', response) |
|||
this.FormLoading = false |
|||
if (response.code === '200') { |
|||
this.temp = response.data |
|||
this.temp.brandName = tempData.brand |
|||
this.temp.manageName = tempData.manageName |
|||
console.log('查询1', this.temp) |
|||
} else { |
|||
this.$notify({ |
|||
title: '失败', |
|||
message: '查询失败', |
|||
type: 'error' |
|||
}) |
|||
} |
|||
}) |
|||
|
|||
// 根据当前用户. 加载当前页面的按钮权限 |
|||
// findButtonByUserId(this.$route.path).then(response => { |
|||
// if ( |
|||
// response.code === 20000 && |
|||
// response.data && |
|||
// response.data.length > 0 |
|||
// ) { |
|||
// this.menuState = ConvertMenuState(response.data) // 处理各按钮显示状态 |
|||
// } |
|||
// }) |
|||
}, |
|||
|
|||
// ----------------------------------方法-------------------- |
|||
// 返回 |
|||
handleReturn() { |
|||
this.$router.go(-1) |
|||
}, |
|||
|
|||
// 添加前数据初始化 |
|||
resetTemp() { |
|||
this.temp = { |
|||
branchSid: '', |
|||
brand: '', |
|||
discount: '', |
|||
downPayment: '', |
|||
earningsRatio: '', |
|||
manageName: '', |
|||
marginRatio: '', |
|||
nper: '', |
|||
policyName: '', |
|||
rate: '', |
|||
vehicleModel: '' |
|||
} |
|||
}, |
|||
|
|||
// 打开修改 |
|||
handleCheck() { |
|||
this.FormLoading = true |
|||
details(this.tempDate.sid).then((response) => { |
|||
console.log('查询', response) |
|||
this.FormLoading = false |
|||
if (response.code === '200') { |
|||
this.temp = response.data |
|||
console.log('查询1', this.temp) |
|||
} else { |
|||
this.$notify({ |
|||
title: '失败', |
|||
message: '查询失败', |
|||
type: 'error' |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
|
|||
</style> |
|||
Loading…
Reference in new issue