Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Contribute to GitLab
Sign in / Register
Toggle navigation
D
dsk-operate-sys-cscec
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
fulixin
dsk-operate-sys-cscec
Commits
a11f3d06
Commit
a11f3d06
authored
Nov 16, 2023
by
tianhongyang
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
企业管理新添账号前端增加验证规则
修复框架自带角色管理模块数据权限取值错误bug
parent
06818197
Changes
5
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
305 additions
and
339 deletions
+305
-339
index.js
dsk-operate-ui/src/utils/index.js
+18
-0
EnterpriseAddAccount.vue
.../enterpriseManagement/components/EnterpriseAddAccount.vue
+6
-4
index.vue
dsk-operate-ui/src/views/enterpriseManagement/index.vue
+5
-5
programme.vue
dsk-operate-ui/src/views/enterpriseManagement/programme.vue
+264
-318
index.vue
dsk-operate-ui/src/views/system/role/index.vue
+12
-12
No files found.
dsk-operate-ui/src/utils/index.js
View file @
a11f3d06
...
...
@@ -565,6 +565,24 @@ export async function elementMessageSingleton(type = "success", messgage = "") {
}
}
/**
* 检测数组对象中是否有重复数据
* @param {Array} arr
* @param {string | null} mapKey
* @returns
*/
export
function
hasDuplicates
(
arr
,
mapKey
=
null
)
{
const
map
=
new
Map
();
for
(
const
item
of
arr
)
{
const
key
=
mapKey
?
item
[
mapKey
]
:
JSON
.
stringify
(
item
);
if
(
map
.
has
(
key
))
{
return
{
hasRepeat
:
true
,
repeatKey
:
key
};
}
map
.
set
(
key
,
true
);
}
return
{
hasRepeat
:
false
,
repeatKey
:
key
};
}
// 甲方详情左侧菜单映射
export
const
detailSideBar
=
new
Map
([
// 企业速览
...
...
dsk-operate-ui/src/views/enterpriseManagement/components/EnterpriseAddAccount.vue
View file @
a11f3d06
...
...
@@ -30,7 +30,7 @@
<!-- 底部提交 取消按钮 -->
<div
class=
"add-account-footer"
>
<el-button
type=
"primary"
size=
"medium"
@
click=
"submitAdd"
>
确定
</el-button>
<el-button
size=
"medium"
@
click=
"dialog
Clo
se"
>
取消
</el-button>
<el-button
size=
"medium"
@
click=
"dialog
Status = fal
se"
>
取消
</el-button>
</div>
</
template
>
</el-dialog>
...
...
@@ -40,7 +40,7 @@
import
{
Loading
}
from
'element-ui'
;
import
{
enterpriseAddAccountApi
}
from
"@/api/enterpriseManagement/enterpriseManagement"
;
import
{
phoneNumberValidator
,
requiredStrLengthValidator
}
from
"@/utils/validate"
;
import
{
elementMessageSingleton
}
from
"@/utils/"
;
import
{
elementMessageSingleton
,
hasDuplicates
}
from
"@/utils/"
;
import
{
v4
}
from
'uuid'
;
export
default
{
name
:
"enterpriseAddAccount"
,
...
...
@@ -111,6 +111,7 @@ export default {
},
addAccount
()
{
if
(
this
.
comAddAccountCount
>=
6
)
return
elementMessageSingleton
(
"warning"
,
"该租户下已经添加了五个账号"
);
if
(
this
.
accountForm
.
accountList
?.
length
>=
5
)
return
elementMessageSingleton
(
"warning"
,
"最多添加五个账号"
);
const
remaining
=
6
-
this
.
comAddAccountCount
;
const
len
=
this
.
accountForm
?.
accountList
?.
length
;
if
(
len
>=
remaining
)
return
elementMessageSingleton
(
"warning"
,
`该租户下剩余可添加账号个数为
${
remaining
}
个,现已添加
${
len
}
个`
);
...
...
@@ -123,6 +124,8 @@ export default {
submitAdd
()
{
this
.
$refs
[
"accountForm"
].
validate
(
async
flag
=>
{
if
(
!
flag
)
return
;
const
{
hasRepeat
,
repeatKey
}
=
hasDuplicates
(
JSON
.
parse
(
JSON
.
stringify
(
this
.
accountForm
.
accountList
)),
"phonenumber"
);
if
(
hasRepeat
)
return
elementMessageSingleton
(
"warning"
,
`电话号码
${
repeatKey
}
不允许重复创建`
);
const
loadingService
=
Loading
.
service
({
target
:
".enterprise-add-account-dialog"
,
lock
:
true
,
...
...
@@ -130,7 +133,6 @@ export default {
});
let
successCount
=
0
;
try
{
// 验证通过提交信息
const
array
=
(
JSON
.
parse
(
JSON
.
stringify
(
this
.
accountForm
.
accountList
))).
map
(({
nickName
,
phonenumber
})
=>
({
nickName
,
phonenumber
}));
let
len
=
array
.
length
;
...
...
@@ -155,7 +157,7 @@ export default {
count
++
;
}
}
this
.
dialog
Close
()
;
this
.
dialog
Status
=
false
;
}
catch
(
error
)
{
console
.
log
(
error
);
}
finally
{
...
...
dsk-operate-ui/src/views/enterpriseManagement/index.vue
View file @
a11f3d06
...
...
@@ -68,7 +68,7 @@
<pagination
v-show=
"total>0"
:total=
"total"
:page
.
sync=
"queryParams.pageNum"
:limit
.
sync=
"queryParams.pageSize"
@
pagination=
"getList"
/>
<!-- 添加或修改对话框 -->
<el-dialog
:title=
"title"
:visible
.
sync=
"open"
width=
"800px"
append-to-body
>
<el-dialog
:title=
"title"
:visible
.
sync=
"open"
width=
"800px"
append-to-body
:close-on-click-modal=
"false"
>
<el-form
ref=
"form"
:model=
"form"
:rules=
"rules"
label-width=
"100px"
>
<el-row>
<el-col
:span=
"12"
>
...
...
@@ -85,7 +85,7 @@
<el-row>
<el-col
:span=
"12"
>
<el-form-item
label=
"续约时间"
prop=
"dateRange"
>
<el-date-picker
:disabled=
"disabled"
v-model=
"form.dateRange"
style=
"width:
240px
"
value-format=
"yyyy-MM-dd HH:mm:ss"
<el-date-picker
:disabled=
"disabled"
v-model=
"form.dateRange"
style=
"width:
100%
"
value-format=
"yyyy-MM-dd HH:mm:ss"
type=
"datetimerange"
range-separator=
"-"
start-placeholder=
"开始日期"
end-placeholder=
"结束日期"
></el-date-picker>
</el-form-item>
</el-col>
...
...
@@ -98,7 +98,7 @@
<el-row>
<el-col
:span=
"12"
>
<el-form-item
label=
"企业方案"
prop=
"packageId"
>
<el-select
:disabled=
"disabled"
v-model=
"form.packageId"
placeholder=
"企业方案"
clearable
style=
"width:
240px
"
>
<el-select
:disabled=
"disabled"
v-model=
"form.packageId"
placeholder=
"企业方案"
clearable
style=
"width:
100%
"
>
<el-option
v-for=
"dict in packageList"
:key=
"dict.packageId"
:label=
"dict.packageName"
:value=
"dict.packageId"
/>
</el-select>
</el-form-item>
...
...
@@ -288,8 +288,8 @@ export default {
getList
()
{
this
.
loading
=
true
;
getTenantList
(
this
.
queryParams
).
then
(
response
=>
{
this
.
tenantList
=
response
.
rows
;
this
.
total
=
response
.
total
;
this
.
tenantList
=
response
.
rows
?
response
.
rows
:
[]
;
this
.
total
=
response
.
total
?
response
.
total
:
0
;
this
.
loading
=
false
;
}
);
...
...
dsk-operate-ui/src/views/enterpriseManagement/programme.vue
View file @
a11f3d06
...
...
@@ -2,13 +2,7 @@
<div
class=
"app-container"
>
<el-form
:model=
"queryParams"
ref=
"queryForm"
size=
"small"
:inline=
"true"
v-show=
"showSearch"
>
<el-form-item
label=
"方案名称"
prop=
"packageName"
>
<el-input
v-model=
"queryParams.packageName"
placeholder=
"请输入方案名称"
clearable
style=
"width: 240px"
@
keyup
.
enter
.
native=
"handleQuery"
/>
<el-input
v-model=
"queryParams.packageName"
placeholder=
"请输入方案名称"
clearable
style=
"width: 240px"
@
keyup
.
enter
.
native=
"handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button
type=
"primary"
icon=
"el-icon-search"
size=
"mini"
@
click=
"handleQuery"
>
搜索
</el-button>
...
...
@@ -18,52 +12,33 @@
<el-row
:gutter=
"10"
class=
"mb8"
>
<el-col
:span=
"1.5"
>
<el-button
type=
"primary"
plain
icon=
"el-icon-plus"
size=
"mini"
@
click=
"handleAdd"
>
新增
</el-button>
<el-button
type=
"primary"
plain
icon=
"el-icon-plus"
size=
"mini"
@
click=
"handleAdd"
>
新增
</el-button>
</el-col>
<el-col
:span=
"1.5"
>
<el-button
type=
"danger"
plain
icon=
"el-icon-delete"
size=
"mini"
:disabled=
"multiple"
@
click=
"handleDelete"
>
批量删除
</el-button>
<el-button
type=
"danger"
plain
icon=
"el-icon-delete"
size=
"mini"
:disabled=
"multiple"
@
click=
"handleDelete"
>
批量删除
</el-button>
</el-col>
<right-toolbar
:showSearch
.
sync=
"showSearch"
@
queryTable=
"getList"
></right-toolbar>
</el-row>
<el-table
v-loading=
"loading"
:data=
"packList"
@
selection-change=
"handleSelectionChange"
>
<el-table-column
type=
"selection"
width=
"55"
align=
"center"
/>
<el-table-column
label=
"序号"
width=
"60"
>
<el-table-column
label=
"序号"
width=
"60"
>
<template
slot-scope=
"scope"
>
<span>
{{
(
queryParams
.
pageNum
-
1
)
*
queryParams
.
pageSize
+
scope
.
$index
+
1
}}
</span>
</
template
>
</el-table-column>
<el-table-column
label=
"方案名称"
prop=
"packageName"
:show-overflow-tooltip=
"true"
width=
"150"
/>
<el-table-column
label=
"备注"
prop=
"remark"
width=
"400"
>
<
template
slot-scope=
"scope"
>
<el-popover
title=
""
:visible-arrow=
"false"
width=
"400"
trigger=
"hover"
popper-class=
"popovers"
:content=
"scope.row.remark"
>
<div
class=
"over"
slot=
"reference"
>
{{
scope
.
row
.
remark
}}
</div>
</el-popover>
<
template
slot-scope=
"scope"
>
<el-popover
title=
""
:visible-arrow=
"false"
width=
"400"
trigger=
"hover"
popper-class=
"popovers"
:content=
"scope.row.remark"
>
<div
class=
"over"
slot=
"reference"
>
{{
scope
.
row
.
remark
}}
</div>
</el-popover>
</
template
>
</
template
>
</el-table-column>
<el-table-column
label=
"方案状态"
align=
"center"
width=
"100"
>
<
template
slot-scope=
"scope"
>
<dict-tag
:options=
"dict.type.ent_pro_status"
:value=
"scope.row.status"
/>
<dict-tag
:options=
"dict.type.ent_pro_status"
:value=
"scope.row.status"
/>
</
template
>
</el-table-column>
<el-table-column
label=
"创建时间"
align=
"center"
prop=
"createTime"
width=
"180"
>
...
...
@@ -73,41 +48,20 @@
</el-table-column>
<el-table-column
label=
"操作"
align=
"center"
class-name=
"small-padding fixed-width"
>
<
template
slot-scope=
"scope"
>
<el-button
size=
"mini"
type=
"text"
icon=
"el-icon-edit"
@
click=
"handleUpdate(scope.row)"
>
修改
</el-button>
<el-button
size=
"mini"
type=
"text"
icon=
"el-icon-delete"
@
click=
"handleDelete(scope.row)"
>
删除
</el-button>
<el-button
size=
"mini"
type=
"text"
icon=
"el-icon-zoom-in"
@
click=
"handleLook(scope.row)"
>
查看
</el-button>
<el-button
size=
"mini"
type=
"text"
icon=
"el-icon-edit"
@
click=
"handleUpdate(scope.row)"
>
修改
</el-button>
<el-button
size=
"mini"
type=
"text"
icon=
"el-icon-delete"
@
click=
"handleDelete(scope.row)"
>
删除
</el-button>
<el-button
size=
"mini"
type=
"text"
icon=
"el-icon-zoom-in"
@
click=
"handleLook(scope.row)"
>
查看
</el-button>
<!--
<el-button-->
<!--size="mini"-->
<!--type="text"-->
<!--icon="el-icon-upload"-->
<!--@click="handleSave(scope.row.packageId)"-->
<!--size="mini"-->
<!--type="text"-->
<!--icon="el-icon-upload"-->
<!--@click="handleSave(scope.row.packageId)"-->
<!-->同步
</el-button>
-->
</
template
>
</el-table-column>
</el-table>
<pagination
v-show=
"total>0"
:total=
"total"
:page
.
sync=
"queryParams.pageNum"
:limit
.
sync=
"queryParams.pageSize"
@
pagination=
"getList"
/>
<pagination
v-show=
"total>0"
:total=
"total"
:page
.
sync=
"queryParams.pageNum"
:limit
.
sync=
"queryParams.pageSize"
@
pagination=
"getList"
/>
<!-- 添加或修改租户套餐配置对话框 -->
<el-dialog
:title=
"title"
:visible
.
sync=
"open"
width=
"500px"
append-to-body
>
...
...
@@ -124,16 +78,8 @@
<el-checkbox
:disabled=
"disabled"
v-model=
"menuExpand"
@
change=
"handleCheckedTreeExpand($event, 'menu')"
>
展开/折叠
</el-checkbox>
<el-checkbox
:disabled=
"disabled"
v-model=
"menuNodeAll"
@
change=
"handleCheckedTreeNodeAll($event, 'menu')"
>
全选/全不选
</el-checkbox>
<el-checkbox
:disabled=
"disabled"
v-model=
"form.menuCheckStrictly"
@
change=
"handleCheckedTreeConnect($event, 'menu')"
>
父子联动
</el-checkbox>
<el-tree
class=
"tree-border"
:data=
"menuOptions"
show-checkbox
ref=
"menu"
node-key=
"id"
:check-strictly=
"!form.menuCheckStrictly"
empty-text=
"加载中,请稍候"
:props=
"defaultProps"
></el-tree>
<el-tree
class=
"tree-border"
:data=
"menuOptions"
show-checkbox
ref=
"menu"
node-key=
"id"
:check-strictly=
"!form.menuCheckStrictly"
empty-text=
"加载中,请稍候"
:props=
"defaultProps"
></el-tree>
</el-form-item>
<el-form-item
label=
"备注"
>
<el-input
:disabled=
"disabled"
v-model=
"form.remark"
maxlength=
"50"
type=
"textarea"
placeholder=
"请输入文字(50字以内)"
></el-input>
...
...
@@ -148,265 +94,265 @@
</template>
<
script
>
import
{
qytreeselect
}
from
"@/api/system/menu"
;
import
{
qytreeselect
}
from
"@/api/system/menu"
;
import
{
addTenantPackage
,
getTenantPackage
,
detailTenantPackage
,
saveTenantPackage
,
deleteTenantPackage
}
from
"@/api/enterpriseManagement/enterpriseManagement"
;
import
{
addTenantPackage
,
getTenantPackage
,
detailTenantPackage
,
saveTenantPackage
,
deleteTenantPackage
}
from
"@/api/enterpriseManagement/enterpriseManagement"
;
export
default
{
name
:
"Programme"
,
dicts
:
[
'ent_pro_status'
],
data
()
{
return
{
disabled
:
false
,
// 遮罩层
loading
:
true
,
// 选中数组
ids
:
[],
// 非单个禁用
single
:
true
,
// 非多个禁用
multiple
:
true
,
// 显示搜索条件
showSearch
:
true
,
// 总条数
total
:
0
,
// 方案表格数据
packList
:
[],
// 弹出层标题
title
:
""
,
// 是否显示弹出层
open
:
false
,
// 是否显示弹出层(数据权限)
openDataScope
:
false
,
menuExpand
:
false
,
menuNodeAll
:
false
,
deptExpand
:
true
,
// 日期范围
dateRange
:
[],
// 菜单列表
menuOptions
:
[],
// 部门列表
deptOptions
:
[],
// 查询参数
queryParams
:
{
pageNum
:
1
,
pageSize
:
10
,
packageName
:
''
,
},
// 表单参数
form
:
{},
defaultProps
:
{
children
:
"children"
,
label
:
"label"
,
disabled
:
this
.
disabledFn
},
// 表单校验
rules
:
{
packageName
:
[
{
required
:
true
,
message
:
"套餐名称不能为空"
,
trigger
:
"blur"
}
],
status
:
[
{
required
:
true
,
message
:
"状态不能为空"
,
trigger
:
"blur"
}
],
menuIds
:
[
{
required
:
true
,
message
:
"权限不能为空"
,
trigger
:
"blur"
}
],
}
};
export
default
{
name
:
"Programme"
,
dicts
:
[
'ent_pro_status'
],
data
()
{
return
{
disabled
:
false
,
// 遮罩层
loading
:
true
,
// 选中数组
ids
:
[],
// 非单个禁用
single
:
true
,
// 非多个禁用
multiple
:
true
,
// 显示搜索条件
showSearch
:
true
,
// 总条数
total
:
0
,
// 方案表格数据
packList
:
[],
// 弹出层标题
title
:
""
,
// 是否显示弹出层
open
:
false
,
// 是否显示弹出层(数据权限)
openDataScope
:
false
,
menuExpand
:
false
,
menuNodeAll
:
false
,
deptExpand
:
true
,
// 日期范围
dateRange
:
[],
// 菜单列表
menuOptions
:
[],
// 部门列表
deptOptions
:
[],
// 查询参数
queryParams
:
{
pageNum
:
1
,
pageSize
:
10
,
packageName
:
''
,
},
// 表单参数
form
:
{},
defaultProps
:
{
children
:
"children"
,
label
:
"label"
,
disabled
:
this
.
disabledFn
},
// 表单校验
rules
:
{
packageName
:
[
{
required
:
true
,
message
:
"套餐名称不能为空"
,
trigger
:
"blur"
}
],
status
:
[
{
required
:
true
,
message
:
"状态不能为空"
,
trigger
:
"blur"
}
],
menuIds
:
[
{
required
:
true
,
message
:
"权限不能为空"
,
trigger
:
"blur"
}
],
}
};
},
created
()
{
this
.
getList
();
this
.
getMenuTreeselect
();
},
methods
:
{
disabledFn
()
{
return
this
.
disabled
;
},
/** 查询方案列表 */
getList
()
{
this
.
loading
=
true
;
getTenantPackage
(
this
.
queryParams
).
then
(
response
=>
{
this
.
packList
=
response
.
rows
?
response
.
rows
:
[];
this
.
total
=
response
.
total
?
response
.
total
:
0
;
this
.
loading
=
false
;
}
);
},
/** 查询菜单树结构 */
getMenuTreeselect
()
{
qytreeselect
().
then
(
response
=>
{
this
.
menuOptions
=
response
.
data
;
});
},
created
()
{
// 所有菜单节点数据
getMenuAllCheckedKeys
()
{
// 目前被选中的菜单节点
let
checkedKeys
=
this
.
$refs
.
menu
.
getCheckedKeys
();
// 半选中的菜单节点
let
halfCheckedKeys
=
this
.
$refs
.
menu
.
getHalfCheckedKeys
();
checkedKeys
.
unshift
.
apply
(
checkedKeys
,
halfCheckedKeys
);
return
checkedKeys
;
},
// 取消按钮
cancel
()
{
this
.
open
=
false
;
this
.
reset
();
},
// 表单重置
reset
()
{
if
(
this
.
$refs
.
menu
!=
undefined
)
{
this
.
$refs
.
menu
.
setCheckedKeys
([]);
}
this
.
menuExpand
=
false
,
this
.
menuNodeAll
=
false
,
this
.
deptExpand
=
true
,
this
.
form
=
{
packageId
:
undefined
,
packageName
:
undefined
,
remark
:
undefined
,
menuCheckStrictly
:
true
,
status
:
"0"
,
menuIds
:
[],
};
this
.
resetForm
(
"form"
);
},
/** 搜索按钮操作 */
handleQuery
()
{
this
.
queryParams
.
pageNum
=
1
;
this
.
getList
();
this
.
getMenuTreeselect
();
},
methods
:
{
disabledFn
(){
return
this
.
disabled
},
/** 查询方案列表 */
getList
()
{
this
.
loading
=
true
;
getTenantPackage
(
this
.
queryParams
).
then
(
response
=>
{
this
.
packList
=
response
.
rows
;
this
.
total
=
response
.
total
;
this
.
loading
=
false
;
}
);
},
/** 查询菜单树结构 */
getMenuTreeselect
()
{
qytreeselect
().
then
(
response
=>
{
this
.
menuOptions
=
response
.
data
;
});
},
// 所有菜单节点数据
getMenuAllCheckedKeys
()
{
// 目前被选中的菜单节点
let
checkedKeys
=
this
.
$refs
.
menu
.
getCheckedKeys
();
// 半选中的菜单节点
let
halfCheckedKeys
=
this
.
$refs
.
menu
.
getHalfCheckedKeys
();
checkedKeys
.
unshift
.
apply
(
checkedKeys
,
halfCheckedKeys
);
return
checkedKeys
;
},
// 取消按钮
cancel
()
{
this
.
open
=
false
;
this
.
reset
();
},
// 表单重置
reset
()
{
if
(
this
.
$refs
.
menu
!=
undefined
)
{
this
.
$refs
.
menu
.
setCheckedKeys
([]);
}
this
.
menuExpand
=
false
,
this
.
menuNodeAll
=
false
,
this
.
deptExpand
=
true
,
this
.
form
=
{
packageId
:
undefined
,
packageName
:
undefined
,
remark
:
undefined
,
menuCheckStrictly
:
true
,
status
:
"0"
,
menuIds
:
[],
};
this
.
resetForm
(
"form"
);
},
/** 搜索按钮操作 */
handleQuery
()
{
this
.
queryParams
.
pageNum
=
1
;
this
.
getList
();
},
/** 重置按钮操作 */
resetQuery
()
{
this
.
dateRange
=
[];
this
.
resetForm
(
"queryForm"
);
this
.
handleQuery
();
},
// 多选框选中数据
handleSelectionChange
(
selection
)
{
this
.
ids
=
selection
.
map
(
item
=>
item
.
packageId
)
this
.
single
=
selection
.
length
!=
1
this
.
multiple
=
!
selection
.
length
},
// 树权限(展开/折叠)
handleCheckedTreeExpand
(
value
,
type
)
{
let
treeList
=
this
.
menuOptions
;
for
(
let
i
=
0
;
i
<
treeList
.
length
;
i
++
)
{
this
.
$refs
.
menu
.
store
.
nodesMap
[
treeList
[
i
].
id
].
expanded
=
value
;
}
},
// 树权限(全选/全不选)
handleCheckedTreeNodeAll
(
value
,
type
)
{
this
.
$refs
.
menu
.
setCheckedNodes
(
value
?
this
.
menuOptions
:
[]);
},
// 树权限(父子联动)
handleCheckedTreeConnect
(
value
,
type
)
{
if
(
type
==
'menu'
)
{
this
.
form
.
menuCheckStrictly
=
value
?
true
:
false
;
}
else
if
(
type
==
'dept'
)
{
this
.
form
.
deptCheckStrictly
=
value
?
true
:
false
;
}
},
/** 新增按钮操作 */
handleAdd
()
{
this
.
disabled
=
false
this
.
reset
();
/** 重置按钮操作 */
resetQuery
()
{
this
.
dateRange
=
[];
this
.
resetForm
(
"queryForm"
);
this
.
handleQuery
();
},
// 多选框选中数据
handleSelectionChange
(
selection
)
{
this
.
ids
=
selection
.
map
(
item
=>
item
.
packageId
);
this
.
single
=
selection
.
length
!=
1
;
this
.
multiple
=
!
selection
.
length
;
},
// 树权限(展开/折叠)
handleCheckedTreeExpand
(
value
,
type
)
{
let
treeList
=
this
.
menuOptions
;
for
(
let
i
=
0
;
i
<
treeList
.
length
;
i
++
)
{
this
.
$refs
.
menu
.
store
.
nodesMap
[
treeList
[
i
].
id
].
expanded
=
value
;
}
},
// 树权限(全选/全不选)
handleCheckedTreeNodeAll
(
value
,
type
)
{
this
.
$refs
.
menu
.
setCheckedNodes
(
value
?
this
.
menuOptions
:
[]);
},
// 树权限(父子联动)
handleCheckedTreeConnect
(
value
,
type
)
{
if
(
type
==
'menu'
)
{
this
.
form
.
menuCheckStrictly
=
value
?
true
:
false
;
}
else
if
(
type
==
'dept'
)
{
this
.
form
.
deptCheckStrictly
=
value
?
true
:
false
;
}
},
/** 新增按钮操作 */
handleAdd
()
{
this
.
disabled
=
false
;
this
.
reset
();
this
.
open
=
true
;
this
.
title
=
"添加方案"
;
},
/** 修改按钮操作 */
handleUpdate
(
row
)
{
this
.
disabled
=
false
;
this
.
reset
();
const
packageId
=
row
.
packageId
;
detailTenantPackage
(
packageId
).
then
(
response
=>
{
response
.
data
.
menuIds
=
response
.
data
.
menuIds
.
split
(
','
);
this
.
form
=
response
.
data
;
this
.
open
=
true
;
this
.
title
=
"添加方案"
;
},
/** 修改按钮操作 */
handleUpdate
(
row
)
{
this
.
disabled
=
false
this
.
reset
();
const
packageId
=
row
.
packageId
detailTenantPackage
(
packageId
).
then
(
response
=>
{
response
.
data
.
menuIds
=
response
.
data
.
menuIds
.
split
(
','
)
this
.
form
=
response
.
data
;
this
.
open
=
true
;
this
.
$nextTick
(()
=>
{
let
checkedKeys
=
response
.
data
.
menuIds
// menuOptions
this
.
$nextTick
(()
=>
{
let
checkedKeys
=
response
.
data
.
menuIds
;
// menuOptions
checkedKeys
.
forEach
((
v
)
=>
{
v
=
v
.
trim
()
let
nodes
=
this
.
$refs
.
menu
.
getNode
(
v
)
if
(
nodes
&&
nodes
.
isLeaf
&&
nodes
.
isLeaf
==
true
){
this
.
$refs
.
menu
.
setChecked
(
v
,
true
,
true
);
}
else
{
this
.
$refs
.
menu
.
setChecked
(
v
,
true
,
false
);
}
})
})
this
.
title
=
this
.
disabled
==
true
?
'查看方案'
:
"修改方案"
;
});
},
//查看
handleLook
(
row
){
this
.
handleUpdate
(
row
)
this
.
disabled
=
true
},
/** 提交按钮 */
submitForm
:
function
()
{
this
.
form
.
menuIds
=
this
.
getMenuAllCheckedKeys
();
this
.
$refs
[
"form"
].
validate
(
valid
=>
{
if
(
valid
)
{
// return false
if
(
this
.
form
.
packageId
!=
undefined
)
{
saveTenantPackage
(
this
.
form
).
then
(
response
=>
{
if
(
response
.
code
==
200
){
this
.
$modal
.
msgSuccess
(
"修改成功"
);
this
.
open
=
false
;
this
.
getList
();
}
else
{
this
.
$message
.
error
(
response
.
msg
)
}
});
checkedKeys
.
forEach
((
v
)
=>
{
v
=
v
.
trim
();
let
nodes
=
this
.
$refs
.
menu
.
getNode
(
v
);
if
(
nodes
&&
nodes
.
isLeaf
&&
nodes
.
isLeaf
==
true
)
{
this
.
$refs
.
menu
.
setChecked
(
v
,
true
,
true
);
}
else
{
// this.form.menuIds = this.getMenuAllCheckedKeys();
addTenantPackage
(
this
.
form
).
then
(
response
=>
{
if
(
response
.
code
==
200
){
this
.
$modal
.
msgSuccess
(
"新增成功"
);
this
.
open
=
false
;
this
.
getList
();
}
else
{
this
.
$message
.
error
(
response
.
msg
)
}
});
this
.
$refs
.
menu
.
setChecked
(
v
,
true
,
false
);
}
});
});
this
.
title
=
this
.
disabled
==
true
?
'查看方案'
:
"修改方案"
;
});
},
//查看
handleLook
(
row
)
{
this
.
handleUpdate
(
row
);
this
.
disabled
=
true
;
},
/** 提交按钮 */
submitForm
:
function
()
{
this
.
form
.
menuIds
=
this
.
getMenuAllCheckedKeys
();
this
.
$refs
[
"form"
].
validate
(
valid
=>
{
if
(
valid
)
{
// return false
if
(
this
.
form
.
packageId
!=
undefined
)
{
saveTenantPackage
(
this
.
form
).
then
(
response
=>
{
if
(
response
.
code
==
200
)
{
this
.
$modal
.
msgSuccess
(
"修改成功"
);
this
.
open
=
false
;
this
.
getList
();
}
else
{
this
.
$message
.
error
(
response
.
msg
);
}
});
}
else
{
// this.form.menuIds = this.getMenuAllCheckedKeys();
addTenantPackage
(
this
.
form
).
then
(
response
=>
{
if
(
response
.
code
==
200
)
{
this
.
$modal
.
msgSuccess
(
"新增成功"
);
this
.
open
=
false
;
this
.
getList
();
}
else
{
this
.
$message
.
error
(
response
.
msg
);
}
});
}
}
});
},
/** 删除按钮操作 */
handleDelete
(
row
)
{
const
packageIds
=
row
.
packageId
||
this
.
ids
;
let
_this
=
this
;
this
.
$modal
.
confirm
(
'是否确认删除选中的方案数据项?'
).
then
(
function
()
{
deleteTenantPackage
(
packageIds
).
then
(
res
=>
{
if
(
res
.
code
==
200
)
{
_this
.
getList
();
_this
.
$message
.
success
(
"删除成功"
);
}
else
{
_this
.
$message
.
error
(
res
.
msg
);
}
});
},
/** 删除按钮操作 */
handleDelete
(
row
)
{
const
packageIds
=
row
.
packageId
||
this
.
ids
;
let
_this
=
this
this
.
$modal
.
confirm
(
'是否确认删除选中的方案数据项?'
).
then
(
function
()
{
deleteTenantPackage
(
packageIds
).
then
(
res
=>
{
if
(
res
.
code
==
200
){
_this
.
getList
();
_this
.
$message
.
success
(
"删除成功"
);
}
else
{
_this
.
$message
.
error
(
res
.
msg
);
}
});
}).
catch
(()
=>
{});
},
}
};
}).
catch
(()
=>
{
});
},
}
};
</
script
>
<
style
scoped
lang=
"scss"
>
.over
{
overflow
:
hidden
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
}
.over
{
overflow
:
hidden
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
}
</
style
>
<
style
lang=
"scss"
>
.popovers
{
padding
:
6px
12px
!
important
;
line-height
:
20px
;
color
:
rgba
(
35
,
35
,
35
,
0
.80
);
font-size
:
12px
;
}
.popovers
{
padding
:
6px
12px
!
important
;
line-height
:
20px
;
color
:
rgba
(
35
,
35
,
35
,
0
.8
);
font-size
:
12px
;
}
</
style
>
dsk-operate-ui/src/views/system/role/index.vue
View file @
a11f3d06
...
...
@@ -297,7 +297,7 @@ export default {
/** 根据角色ID查询组织树结构 */
getDeptTree
(
roleId
)
{
return
deptTreeSelect
(
roleId
).
then
(
response
=>
{
this
.
deptOptions
=
response
.
d
epts
;
this
.
deptOptions
=
response
.
d
ata
?.
depts
?
response
.
data
?.
depts
:
[]
;
return
response
;
});
},
...
...
@@ -440,19 +440,19 @@ export default {
}
},
/** 分配数据权限操作 */
handleDataScope
(
row
)
{
this
.
reset
();
const
deptTreeSelect
=
this
.
getDeptTree
(
row
.
roleId
);
getRole
(
row
.
roleId
).
then
(
response
=>
{
this
.
form
=
response
.
data
;
async
handleDataScope
(
row
)
{
try
{
this
.
reset
();
const
res
=
await
this
.
getDeptTree
(
row
.
roleId
);
const
result
=
await
getRole
(
row
.
roleId
);
this
.
form
=
result
.
data
;
this
.
openDataScope
=
true
;
this
.
$nextTick
(()
=>
{
deptTreeSelect
.
then
(
res
=>
{
this
.
$refs
.
dept
.
setCheckedKeys
(
res
.
checkedKeys
);
});
});
this
.
title
=
"分配数据权限"
;
});
await
this
.
$nextTick
();
this
.
$refs
.
dept
.
setCheckedKeys
(
res
.
checkedKeys
?
res
.
checkedKeys
:
[]);
}
catch
(
error
)
{
console
.
log
(
error
);
}
},
/** 分配用户操作 */
handleAuthUser
:
function
(
row
)
{
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment