Skip to content
Toggle navigation
Projects
Groups
Snippets
Help
Toggle navigation
This project
Loading...
Sign in
罗鑫霖
/
vion-tools
Go to a project
Project
Repository
Issues
0
Merge Requests
0
Pipelines
Wiki
Settings
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Commit ffef034b
authored
May 14, 2024
by
Tianqing Liu
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
feat: 新批量,代码逻辑修改
1 parent
86c7be32
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
19 additions
and
64 deletions
src/views/SnapshotCluster/ClusterResult/ClusterResult.vue
src/views/SnapshotCluster/ClusterResult/PersonGroupMover.vue
src/views/SnapshotCluster/ClusterResult/ClusterResult.vue
View file @
ffef034
...
...
@@ -120,16 +120,16 @@
<a-button
type=
"primary"
@
click=
"clerkComparativeFun"
>
店员特征对比
</a-button>
</a-form-item>
<a-form-item
style=
"padding: 0px 5px;border: 1px solid #ccc;border-radius: 6px;"
>
<a-button
type=
"primary"
@
click=
"handleMutipleOperation"
>
批量操作
</a-button>
<a-button
type=
"primary"
@
click=
"handleMutipleOperation"
>
{{
mutipleOperationText
}}
</a-button>
<i
class=
"el-icon-arrow-right"
style=
"margin: 0px 10px;"
></i>
<el-button
type=
"text"
@
click=
"movePersonRecord(person)"
>
移动
</el-button>
<el-button
type=
"text"
:disabled=
"!isMultipleOperation"
@
click=
"movePersonRecord(person)"
>
移动
</el-button>
<a-popconfirm
title=
"将从本组中剔除,您确认吗?"
ok-text=
"是"
cancel-text=
"否"
@
confirm=
"deletePersonRecord(person)"
>
<el-button
type=
"text"
:disabled=
"
mutipleOperationDisabled || !isCurrentGroup(person)
"
>
剔除
</el-button>
<el-button
type=
"text"
:disabled=
"
!isMultipleOperation
"
>
剔除
</el-button>
</a-popconfirm>
<a-popconfirm
title=
"将彻底删除,您确认吗?"
...
...
@@ -137,7 +137,7 @@
cancel-text=
"否"
@
confirm=
"deleteRealPersonRecord(person)"
>
<el-button
type=
"text"
:disabled=
"
mutipleOperationDisabled || !isCurrentGroup(person)
"
>
删除
</el-button>
<el-button
type=
"text"
:disabled=
"
!isMultipleOperation
"
>
删除
</el-button>
</a-popconfirm>
</a-form-item>
</a-form>
...
...
@@ -159,32 +159,6 @@
<el-checkbox
class=
"checkBox"
v-model=
"person.checked"
@
change=
'checkChange(person)'
></el-checkbox>
人id:
{{
' '
+
person
.
person_unid
}}
图片数量:
{{
person
.
perrsonList
.
length
}}
<!--批量操作-->
<div
class=
"multiple-operation"
>
<el-button
type=
"text"
@
click=
"handleMutipleOperation(person)"
>
{{
mutipleOperationText
(
person
)
}}
<i
class=
"el-icon-arrow-right el-icon--right"
></i>
</el-button>
<!--批量子操作-->
<el-button
type=
"text"
:disabled=
"mutipleOperationDisabled || !isCurrentGroup(person)"
@
click=
"movePersonRecord(person)"
>
移动
</el-button>
<a-popconfirm
title=
"将从本组中剔除,您确认吗?"
ok-text=
"是"
cancel-text=
"否"
@
confirm=
"deletePersonRecord(person)"
>
<el-button
type=
"text"
:disabled=
"mutipleOperationDisabled || !isCurrentGroup(person)"
>
剔除
</el-button>
</a-popconfirm>
<a-popconfirm
title=
"将彻底删除,您确认吗?"
ok-text=
"是"
cancel-text=
"否"
@
confirm=
"deleteRealPersonRecord(person)"
>
<el-button
type=
"text"
:disabled=
"mutipleOperationDisabled || !isCurrentGroup(person)"
>
删除
</el-button>
</a-popconfirm>
</div>
</div>
<el-row
v-for=
"row in getPagedList(person.perrsonList, 8)"
>
<el-col
:span=
"3"
v-for=
"item in row"
>
...
...
@@ -490,7 +464,6 @@ export default {
}
const
handleRefresh
=
function
()
{
isMultipleOperation
.
value
=
false
currentMultipleGroupId
.
value
=
''
selectedPersonList
.
value
=
[]
confirmSearch
()
}
...
...
@@ -630,47 +603,32 @@ export default {
// 批量操作
const
isMultipleOperation
=
ref
(
false
)
const
currentMultipleGroupId
=
ref
(
''
)
// 当前批量操作的组id
const
handleMutipleOperation
=
(
person
)
=>
{
if
(
currentMultipleGroupId
.
value
===
person
.
person_unid
)
{
const
handleMutipleOperation
=
()
=>
{
// 在当前组操作,批量按钮
if
(
isMultipleOperation
.
value
)
{
// 已经是多选状态
isMultipleOperation
.
value
=
false
selectedPersonList
.
value
=
[]
currentMultipleGroupId
.
value
=
''
}
else
{
// 非多选状态
currentMultipleGroupId
.
value
=
person
.
person_unid
isMultipleOperation
.
value
=
true
}
}
else
{
// 在其它组操作,批量按钮。此时,必定是非多选状态
isMultipleOperation
.
value
=
true
currentMultipleGroupId
.
value
=
person
.
person_unid
selectedPersonList
.
value
=
[]
}
}
const
mutipleOperationText
=
(
person
)
=>
{
if
(
isMultipleOperation
.
value
&&
isCurrentGroup
(
person
)
)
{
const
mutipleOperationText
=
computed
((
)
=>
{
if
(
isMultipleOperation
.
value
)
{
return
'取消操作'
}
else
{
return
'批量操作'
}
}
const
isCurrentGroup
=
(
data
)
=>
{
return
currentMultipleGroupId
.
value
===
data
.
person_unid
}
const
mutipleOperationDisabled
=
computed
(()
=>
{
return
!
(
selectedPersonList
.
value
.
length
>
0
&&
isMultipleOperation
.
value
)
})
const
isSelectedPerson
=
(
id
)
=>
{
return
selectedPersonList
.
value
.
some
(
item
=>
item
.
id
===
id
)
}
// 剔除人员
const
selectedPersonList
=
ref
([])
// 批量操作,选中的图片
const
deletePersonRecord
=
(
data
)
=>
{
console
.
log
(
'deletePersonRecord'
,
data
,
selectedPersonList
)
const
deletePersonRecord
=
()
=>
{
console
.
log
(
'deletePersonRecord'
,
selectedPersonList
)
if
(
selectedPersonList
.
value
.
length
<
1
)
{
ElMessage
({
message
:
`至少选择一条数据`
,
...
...
@@ -705,8 +663,8 @@ export default {
)
}
// 删除人员
const
deleteRealPersonRecord
=
(
data
)
=>
{
console
.
log
(
'deletePersonRecord'
,
data
,
selectedPersonList
)
const
deleteRealPersonRecord
=
()
=>
{
console
.
log
(
'deletePersonRecord'
,
selectedPersonList
)
const
strIdList
=
selectedPersonList
.
value
.
map
(
item
=>
item
.
id
).
join
(
','
)
const
params
=
{
...
...
@@ -734,8 +692,8 @@ export default {
}
// 移动人员
const
personGroupMoverRef
=
ref
();
const
movePersonRecord
=
(
data
)
=>
{
console
.
log
(
'movePersonRecord'
,
data
)
const
movePersonRecord
=
()
=>
{
console
.
log
(
'movePersonRecord'
)
if
(
selectedPersonList
.
value
.
length
<
1
)
{
ElMessage
({
message
:
`至少选择一条数据`
,
...
...
@@ -744,7 +702,7 @@ export default {
return
}
personGroupMoverRef
.
value
.
initDialog
(
data
,
selectedPersonList
.
value
);
personGroupMoverRef
.
value
.
initDialog
(
selectedPersonList
.
value
);
}
// 查询组
const
personGroupDialogRef
=
ref
();
...
...
@@ -774,7 +732,7 @@ export default {
const
handleClick
=
function
(
data
,
event
){
console
.
log
(
'handleClick'
,
data
,
event
)
// 多选。只有设置为多选状态的组,才可以选中
if
(
isMultipleOperation
.
value
&&
currentMultipleGroupId
.
value
===
data
.
person_unid
)
{
if
(
isMultipleOperation
.
value
)
{
selectedPersonList
.
value
.
push
(
data
)
}
else
{
currentItemId
.
value
=
data
.
id
...
...
@@ -968,10 +926,7 @@ export default {
isMultipleOperation
,
handleMutipleOperation
,
mutipleOperationText
,
mutipleOperationDisabled
,
deleteRealPersonRecord
,
currentMultipleGroupId
,
isCurrentGroup
,
}
}
}
...
...
src/views/SnapshotCluster/ClusterResult/PersonGroupMover.vue
View file @
ffef034
...
...
@@ -55,11 +55,11 @@ export default {
}
const
formData
=
ref
(
getInitialFormData
())
const
initDialog
=
(
data
,
selectedList
)
=>
{
console
.
log
(
'initDialog'
,
data
,
selectedList
)
const
initDialog
=
(
selectedList
)
=>
{
console
.
log
(
'initDialog'
,
selectedList
)
formData
.
value
=
getInitialFormData
()
formData
.
value
.
unidList
=
selectedList
.
map
(
item
=>
item
.
unid
)
formData
.
value
.
countdate
=
data
.
perrsonList
.
length
>
0
?
data
.
perrson
List
[
0
].
counttime
:
''
formData
.
value
.
countdate
=
selectedList
.
length
>
0
?
selected
List
[
0
].
counttime
:
''
isVisible
.
value
=
true
;
getDataList
()
...
...
Write
Preview
Markdown
is supported
Attach a file
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 post a comment