Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
F
founder_vue
Overview
Overview
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
常超
founder_vue
Commits
c4a1be34
Commit
c4a1be34
authored
Nov 02, 2021
by
米嘉伟
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
新增人员 导出
parent
387d0e03
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
1519 additions
and
111 deletions
+1519
-111
src/views/AllPersonnelBase/AllPersonnelBase.vue
+270
-49
src/views/AllPersonnelBase/modules/dcfptxAj.vue
+223
-0
src/views/AllPersonnelBase/modules/xzaj.vue
+65
-4
src/views/AllPersonnelBase/modules/xzry.vue
+739
-0
src/views/AllPersonnelBase/qbalk.vue
+222
-58
No files found.
src/views/AllPersonnelBase/AllPersonnelBase.vue
View file @
c4a1be34
<
template
>
<el-container
class=
"AllPersonnelBase"
direction=
'vertical'
id=
"AllPersonnelBase"
>
<el-container
class=
"AllPersonnelBase"
direction=
'vertical'
id=
"AllPersonnelBase"
>
<!--一-->
<div
class=
'title'
>
全部人员库
</div>
<!--二-->
...
...
@@ -34,8 +38,14 @@
<!-- 三 -->
<div
class=
"options"
>
<div
class=
"left"
>
<div
class=
"btn"
@
click=
"batch"
>
批量操作
</div>
<el-checkbox-group
v-model=
"reqParam.personStoreCustomSearch.checkboxQuery"
@
change=
"searchCheckList"
>
<div
class=
"btn"
@
click=
"batch"
>
批量操作
</div>
<el-checkbox-group
v-model=
"reqParam.personStoreCustomSearch.checkboxQuery"
@
change=
"searchCheckList"
>
<el-checkbox
label=
"gundong"
>
滚动
</el-checkbox>
<el-checkbox
label=
"pingmian"
>
平面
</el-checkbox>
<el-checkbox
label=
"zhangwen"
>
掌纹
</el-checkbox>
...
...
@@ -67,22 +77,48 @@
@
click=
"delMore"
>
删除
</div>
<div
class=
"btn new"
@
click=
"isShowXzryBtn"
><i
class=
"el-icon-plus"
></i>
新增人员
</div>
<div
class=
"btn send"
@
click=
"isShowFcxBtn"
>
发查询
</div>
</div>
</div>
<!--四 -->
<el-tag
style=
"width:100%;color:#666666;margin-bottom:1rem"
v-show=
"isShowTip"
>
<i
class=
"el-icon-info"
style=
"color:#055FE7;font-size:15px"
></i>
<el-tag
style=
"width:100%;color:#666666;margin-bottom:1rem"
v-show=
"isShowTip"
>
<i
class=
"el-icon-info"
style=
"color:#055FE7;font-size:15px"
></i>
已选择
<span
style=
"color:#055FE7"
>
{{
multipleSelection
.
length
}}
</span>
项
<span
v-html=
"' '"
></span>
服务调用总计:
<span
v-html=
"' '"
></span>
36.4万
<el-link
type=
"primary"
:underline=
"false"
style=
"margin-left:1.25rem;"
@
click=
"toggleSelection()"
>
清除
</el-link>
<el-link
type=
"primary"
:underline=
"false"
style=
"margin-left:1.25rem;"
@
click=
"toggleSelection()"
>
清除
</el-link>
</el-tag>
<!-- 五 -->
<el-table
:max-height=
"height"
ref=
"multipleTable"
:data=
"tableDate"
tooltip-effect=
"dark"
style=
"width: 100%;"
@
selection-change=
"handleSelectionChange"
>
<el-table-column
type=
"selection"
width=
"auto"
v-if=
"isSelected"
>
<el-table
:max-height=
"height"
ref=
"multipleTable"
:data=
"tableDate"
tooltip-effect=
"dark"
style=
"width: 100%;"
@
selection-change=
"handleSelectionChange"
>
<el-table-column
type=
"selection"
width=
"auto"
v-if=
"isSelected"
>
</el-table-column>
<el-table-column
prop=
"ysxtAsjxgrybh"
...
...
@@ -117,15 +153,36 @@
:formatter=
"xbdmFormat"
>
</el-table-column>
<el-table-column
prop=
"rollcount"
label=
"滚动"
:width=
"width5"
>
<el-table-column
prop=
"rollcount"
label=
"滚动"
:width=
"width5"
>
</el-table-column>
<el-table-column
prop=
"plancount"
label=
"平面"
:width=
"width5"
>
<el-table-column
prop=
"plancount"
label=
"平面"
:width=
"width5"
>
</el-table-column>
<el-table-column
prop=
"plamcount"
label=
"掌纹"
:width=
"width5"
>
<el-table-column
prop=
"plamcount"
label=
"掌纹"
:width=
"width5"
>
</el-table-column>
<el-table-column
prop=
"piccount"
label=
"人像"
:width=
"width5"
>
<el-table-column
prop=
"piccount"
label=
"人像"
:width=
"width5"
>
</el-table-column>
<el-table-column
prop=
"ifidcard"
label=
"采集二代证"
:width=
"width2"
:formatter=
"ifidcardFormat"
>
<el-table-column
prop=
"ifidcard"
label=
"采集二代证"
:width=
"width2"
:formatter=
"ifidcardFormat"
>
</el-table-column>
<el-table-column
prop=
"nydwGajgmc"
...
...
@@ -135,16 +192,42 @@
show-overflow-tooltip
>
</el-table-column>
<el-table-column
fixed=
"right"
label=
"操作"
width=
"auto"
>
<el-table-column
fixed=
"right"
label=
"操作"
width=
"auto"
>
<template
slot-scope=
"scope"
>
<div
class=
"ops"
>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"编辑"
placement=
"top"
:open-delay=
'500'
@
click=
"handleClick(scope.row)"
>
<div
class=
"icon bj"
@
click=
"handleClick(scope.row)"
>
<img
src=
"../../assets/img/qbryk/bj.svg"
alt=
""
>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"编辑"
placement=
"top"
:open-delay=
'500'
@
click=
"handleClick(scope.row)"
>
<div
class=
"icon bj"
@
click=
"handleClick(scope.row)"
>
<img
src=
"../../assets/img/qbryk/bj.svg"
alt=
""
>
</div>
</el-tooltip>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"关注"
placement=
"top"
:open-delay=
'500'
>
<div
v-if=
"scope.row.collectstatus==1"
class=
"icon sc"
>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"关注"
placement=
"top"
:open-delay=
'500'
>
<div
v-if=
"scope.row.collectstatus==1"
class=
"icon sc"
>
<el-popconfirm
placement=
"top-start"
...
...
@@ -155,35 +238,95 @@
title=
"确认取消关注该数据吗?该操作无法撤消!"
>
<div
slot=
"reference"
>
<img
src=
"../../assets/img/qbryk/gz.svg"
alt=
""
>
<img
src=
"../../assets/img/qbryk/gz.svg"
alt=
""
>
</div>
</el-popconfirm>
</div>
<div
v-else
class=
"icon sc"
>
<div
class=
"icon sc"
@
click=
"isShowGzBtn1(scope.row)"
>
<img
src=
"../../assets/img/qbryk/sc.svg"
alt=
""
>
<div
v-else
class=
"icon sc"
>
<div
class=
"icon sc"
@
click=
"isShowGzBtn1(scope.row)"
>
<img
src=
"../../assets/img/qbryk/sc.svg"
alt=
""
>
</div>
</div>
</el-tooltip>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"改号"
placement=
"top"
:open-delay=
'500'
>
<div
class=
"icon gx"
@
click=
'isShowGgrytmBtn(scope.row)'
>
<img
src=
"../../assets/img/qbryk/gx.svg"
alt=
""
>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"改号"
placement=
"top"
:open-delay=
'500'
>
<div
class=
"icon gx"
@
click=
'isShowGgrytmBtn(scope.row)'
>
<img
src=
"../../assets/img/qbryk/gx.svg"
alt=
""
>
</div>
</el-tooltip>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"发查询"
placement=
"top"
:open-delay=
'500'
>
<div
class=
"icon look"
@
click=
"isShowFcxBtn1(scope.row)"
>
<img
src=
"../../assets/img/qbryk/search.svg"
alt=
""
>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"发查询"
placement=
"top"
:open-delay=
'500'
>
<div
class=
"icon look"
@
click=
"isShowFcxBtn1(scope.row)"
>
<img
src=
"../../assets/img/qbryk/search.svg"
alt=
""
>
</div>
</el-tooltip>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"复制数据"
placement=
"top"
:open-delay=
'500'
>
<div
class=
"icon bz"
@
click=
'isShowFztmBtn(scope.row)'
>
<img
src=
"../../assets/img/qbryk/bz.svg"
alt=
""
>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"复制数据"
placement=
"top"
:open-delay=
'500'
>
<div
class=
"icon bz"
@
click=
'isShowFztmBtn(scope.row)'
>
<img
src=
"../../assets/img/qbryk/bz.svg"
alt=
""
>
</div>
</el-tooltip>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"打印"
placement=
"top"
:open-delay=
'500'
>
<div
class=
"icon print"
@
click=
"handleClick(scope.row)"
>
<img
src=
"../../assets/img/qbryk/print.svg"
alt=
""
>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"打印"
placement=
"top"
:open-delay=
'500'
>
<div
class=
"icon print"
@
click=
"handleClick(scope.row)"
>
<img
src=
"../../assets/img/qbryk/print.svg"
alt=
""
>
</div>
</el-tooltip>
<el-tooltip
...
...
@@ -202,7 +345,10 @@
title=
"确认要删除该数据吗?该操作无法撤消!"
>
<div
slot=
"reference"
>
<img
src=
"../../assets/img/qbryk/del.svg"
alt=
""
>
<img
src=
"../../assets/img/qbryk/del.svg"
alt=
""
>
</div>
</el-popconfirm>
</el-tooltip>
...
...
@@ -213,24 +359,68 @@
<!-- 六 -->
<div
class=
"block"
>
<span
class=
"record"
>
共{{ reqParam.page.total }}条记录 第{{ reqParam.page.currPage }}/{{ Tpage }}页
</span>
<el-pagination
class=
'paging'
@
size-change=
"handleSizeChange"
@
current-change=
"handleCurrentChange"
:current-page=
"reqParam.page.currPage"
:page-sizes=
"[10, 20, 30, 40]"
background
layout=
"prev, pager, next"
:total=
"reqParam.page.total"
>
<el-pagination
class=
'paging'
@
size-change=
"handleSizeChange"
@
current-change=
"handleCurrentChange"
:current-page=
"reqParam.page.currPage"
:page-sizes=
"[10, 20, 30, 40]"
background
layout=
"prev, pager, next"
:total=
"reqParam.page.total"
>
</el-pagination>
<!-- <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[10, 20, 30, 40]" background layout="sizes, prev, pager, next" :total="tableDataLength">
</el-pagination> -->
<!-- 添加到队列弹窗 -->
<tjddl
:isShowTjddl=
"isShowTjddl"
:rowData=
"rowData"
:type=
"type"
@
closeTjddl=
"closeTjddl"
></tjddl>
<tjddl
:isShowTjddl=
"isShowTjddl"
:rowData=
"rowData"
:type=
"type"
@
closeTjddl=
"closeTjddl"
></tjddl>
<!-- 关注弹窗 -->
<gz
:isShowGz=
"isShowGz"
:rowData=
"rowData"
:type=
"type"
@
closeGz=
"closeGz"
></gz>
<gz
:isShowGz=
"isShowGz"
:rowData=
"rowData"
:type=
"type"
@
closeGz=
"closeGz"
></gz>
<!-- 导出FPTX弹窗 -->
<dcftpx
:isShowDcftpx=
"isShowDcftpx"
:rowData=
"rowData"
@
closeDcftpx=
"closeDcftpx"
></dcftpx>
<dcftpx
:isShowDcftpx=
"isShowDcftpx"
:rowData=
"rowData"
@
closeDcftpx=
"closeDcftpx"
></dcftpx>
<!-- 复制数据弹窗 -->
<fztm
:isShowFztm=
"isShowFztm"
:rowData=
"rowData"
:type=
"type"
@
closeFztm=
"closeFztm"
></fztm>
<fztm
:isShowFztm=
"isShowFztm"
:rowData=
"rowData"
:type=
"type"
@
closeFztm=
"closeFztm"
></fztm>
<!-- 更改人员条码弹窗 -->
<ggrytm
:isShowGgrytm=
"isShowGgrytm"
:rowData=
"rowData"
:type=
"type"
@
closeGgrytm=
"closeGgrytm"
>
<ggrytm
:isShowGgrytm=
"isShowGgrytm"
:rowData=
"rowData"
:type=
"type"
@
closeGgrytm=
"closeGgrytm"
>
</ggrytm>
<!-- 发查询弹窗 -->
<fcx
:isShowFcx=
"isShowFcx"
:rowData=
"rowData"
:type=
"type"
@
closeFcx=
"closeFcx"
>
<fcx
:isShowFcx=
"isShowFcx"
:rowData=
"rowData"
:type=
"type"
@
closeFcx=
"closeFcx"
>
</fcx>
<!-- 新增案件弹窗 -->
<xzry
:isShowXzry=
"isShowXzry"
@
closeXzry=
"closeXzry"
>
</xzry>
</div>
</el-container>
</template>
...
...
@@ -242,6 +432,7 @@ import fztm from "./modules/fztm.vue" // 复制数据弹窗
import
dcftpx
from
"./modules/dcftpx.vue"
//导出FPTX弹窗
import
ggrytm
from
"./modules/ggrytm.vue"
// 更改人员条码弹窗
import
fcx
from
"./modules/fcx.vue"
// 发查询弹窗
import
xzry
from
"./modules/xzry.vue"
// 新增案件
export
default
{
name
:
'AllPersonnelBase'
,
components
:
{
...
...
@@ -250,7 +441,8 @@ export default {
fztm
,
dcftpx
,
ggrytm
,
fcx
fcx
,
xzry
},
created
()
{
let
w1
=
1920
...
...
@@ -265,11 +457,11 @@ export default {
},
data
()
{
return
{
width5
:
80
,
width4
:
110
,
width3
:
180
,
width2
:
100
,
width1
:
220
,
width5
:
80
,
width4
:
110
,
width3
:
180
,
width2
:
100
,
width1
:
220
,
height
:
500
,
isSelected
:
false
,
// 是否批量操作
isShowTjddl
:
false
,
// 添加到队列
...
...
@@ -278,6 +470,7 @@ export default {
isShowGgrytm
:
false
,
// 更改人员条码
isShowFztm
:
false
,
//复制条码
isShowFcx
:
false
,
//发查询
isShowXzry
:
false
,
// 新增人员
type
:
'ry'
,
// 人员还是案件
rowData
:
{},
// 单行数据
ysxtAsjxgrybh
:
null
,
...
...
@@ -335,6 +528,15 @@ export default {
this
.
reqParam
.
personStoreCustomSearch
.
ysxtAsjxgrybh
=
''
this
.
search
()
},
// 新增案件操作
isShowXzryBtn
()
{
this
.
isShowXzry
=
true
;
},
closeXzry
(
val
)
{
console
.
log
(
'新增人员关闭'
,
val
)
this
.
isShowXzry
=
val
this
.
search
()
},
// 身份证格式化
zjhmFormat
(
row
)
{
let
showProp
=
null
...
...
@@ -850,6 +1052,25 @@ export default {
background
:
#044cb9
;
}
}
.new
{
border
:
none
;
border
:
1px
solid
#055fe7
;
font-size
:
14px
;
font-family
:
MicrosoftYaHei
;
color
:
#055fe7
;
i
{
font-size
:
14px
;
margin-right
:
5px
;
}
&
:hover
{
border
:
1px
solid
#377fec
;
color
:
#377fec
;
}
&
:active
{
border
:
1px
solid
#044cb9
;
color
:
#044cb9
;
}
}
}
}
.icon
{
...
...
src/views/AllPersonnelBase/modules/dcfptxAj.vue
0 → 100644
View file @
c4a1be34
<
template
>
<el-dialog
title=
"导出FPTX"
:visible
.
sync=
"dialogVisible"
width=
"36.375rem"
append-to-body
:before-close=
"handleClose"
>
<!--
<div
class=
"head"
>
文字:
<el-checkbox
v-model=
"wzChecked"
>
基本信息
</el-checkbox>
</div>
<div
class=
"content"
>
</div>
-->
<el-form
label-width=
"6.25rem"
class=
"demo-ruleForm"
:label-position=
"position"
>
<el-form-item
label=
"文字:"
>
<el-checkbox
v-model=
"wzChecked"
>
基本信息
</el-checkbox>
</el-form-item>
<el-form-item
label=
"指掌纹序号:"
>
<el-checkbox
v-model=
"wzChecked"
>
基本信息
</el-checkbox>
</el-form-item>
<el-form-item
label=
"数据类型:"
>
<el-radio-group
v-model=
"sjlx"
>
<el-radio
:label=
"1"
>
原图
</el-radio>
<el-radio
:label=
"2"
>
压缩图
</el-radio>
<el-radio
:label=
"3"
>
特征
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item
label=
"文件格式:"
>
<el-radio-group
v-model=
"wjgs"
>
<el-radio
:label=
"1"
>
5.0
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item
label=
"导出模式:"
>
<el-radio-group
v-model=
"dcms"
>
<el-radio
:label=
"1"
>
分开文件
</el-radio>
<el-radio
:label=
"2"
>
同一文件
</el-radio>
<el-checkbox
v-model=
"wzChecked"
>
脱密
</el-checkbox>
</el-radio-group>
</el-form-item>
<el-form-item
label=
"条码补值:"
>
<el-radio-group
class=
'tmbz'
v-model=
"tmbz"
size=
"mini"
>
<el-radio
:label=
"1"
border
>
000
</el-radio>
<el-radio
:label=
"2"
border
>
999
</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
<span
slot=
"footer"
class=
"dialog-footer"
>
<el-button
class=
"confirmBtn"
@
click=
"focus"
type=
"primary"
>
导出
</el-button>
</span>
</el-dialog>
</
template
>
<
script
>
export
default
{
name
:
"dcftpx"
,
props
:
{
isShowDcfptx
:
{
type
:
[
Number
,
String
,
Boolean
],
default
:
false
},
rowData
:
{
default
:
false
}
},
data
()
{
return
{
position
:
'left'
,
//
filenameexport
:
'文件'
,
dialogVisible
:
false
,
// 弹窗状态
wzChecked
:
true
,
// 文字单选
sjlx
:
1
,
// 数据类型
wjgs
:
1
,
//文件格式
dcms
:
1
,
//导出模式
tmbz
:
1
,
// 条码补值
};
},
mounted
()
{
this
.
dialogVisible
=
this
.
isShowDcfptx
;
},
watch
:
{
isShowDcfptx
(
newVal
,
oldVal
)
{
this
.
dialogVisible
=
newVal
;
},
dialogVisible
(
val
)
{
console
.
log
(
this
.
dialogVisible
,
123
)
this
.
$emit
(
'closeDcfptx'
,
this
.
dialogVisible
);
},
},
methods
:
{
focus
()
{
// 创建隐藏的可下载链接
let
eleLink
=
document
.
createElement
(
'a'
)
// let url = 'http://192.168.128.107:8099/api/export/person/' + this.rowData[0].barcode
let
url
=
'http://www.meetfood.cn:2390/api/export/case/'
+
this
.
rowData
[
0
].
ysxtAsjbh
eleLink
.
download
=
this
.
filenameexport
eleLink
.
style
.
display
=
'none'
eleLink
.
href
=
url
// 触发点击
document
.
body
.
appendChild
(
eleLink
)
eleLink
.
click
()
// 然后移除
document
.
body
.
removeChild
(
eleLink
)
this
.
dialogVisible
=
false
;
},
handleClose
(
done
)
{
this
.
dialogVisible
=
false
;
},
}
};
</
script
>
<
style
lang=
"scss"
scoped
>
/
deep
/
.el-dialog
{
border-radius
:
6px
;
font-family
:
MicrosoftYaHei
;
}
/
deep
/
.el-dialog__header
{
border-bottom
:
1px
solid
#eee
;
padding
:
15px
20px
8px
;
}
/
deep
/
.el-dialog__title
{
font-size
:
16px
;
}
/
deep
/
.el-radio
{
margin-right
:
24px
;
}
/
deep
/
.el-radio__input.is-checked
+
.el-radio__label
{
color
:
#333333
;
}
/
deep
/
.el-checkbox__input.is-checked
.el-checkbox__inner
,
.el-checkbox__input.is-indeterminate
.el-checkbox__inner
{
border-color
:
#055fe7
;
background
:
#055fe7
;
}
/
deep
/
.el-checkbox__input.is-indeterminate
.el-checkbox__inner
{
border-color
:
#055fe7
;
background
:
#055fe7
;
}
/
deep
/
.el-radio.is-bordered.is-checked
{
border-color
:
#055fe7
;
.el-radio__input.is-checked
+
.el-radio__label
{
color
:
#055fe7
;
}
}
/
deep
/
.el-checkbox__input.is-checked
+
.el-checkbox__label
{
color
:
#055fe7
;
}
/
deep
/
.el-radio__input.is-checked
.el-radio__inner
{
border-color
:
#055fe7
;
background
:
#055fe7
;
}
/
deep
/
.el-dialog
{
border-radius
:
6px
;
}
/
deep
/
.el-dialog__header
{
border-bottom
:
1px
solid
#eee
;
}
/
deep
/
.el-dialog__footer
{
text-align
:
center
;
}
/
deep
/
.el-button--primary
{
border-color
:
#055fe7
;
background
:
#055fe7
;
}
/
deep
/
.el-button
+
.el-button
{
margin-left
:
24px
;
}
/
deep
/
.el-input
{
width
:
264px
;
}
/
deep
/
.el-form-item
{
padding
:
4px
0
;
border-bottom
:
1px
solid
#eee
;
margin
:
0
;
}
.tmbz
{
/deep/.el-radio--mini.is-bordered
{
width
:
42px
;
height
:
24px
;
background
:
#f6f8fa
;
border-radius
:
2px
;
padding
:
0
;
padding-top
:
3px
;
}
/
deep
/
.el-radio__input
{
display
:
none
;
}
}
.confirmBtn
{
width
:
72px
;
height
:
40px
;
}
</
style
>
\ No newline at end of file
src/views/AllPersonnelBase/modules/xzaj.vue
View file @
c4a1be34
...
...
@@ -107,10 +107,10 @@
<!-- 五 -->
<el-row>
<el-col
:span=
"12"
>
<el-form-item
label=
"案件类别"
>
<el-form-item
label=
"案件类别
:
"
>
<el-select
v-model=
"ruleForm.ajlbdm"
placeholder=
"请选择案件类别
:
"
placeholder=
"请选择案件类别"
>
<el-option
label=
"区域一"
...
...
@@ -146,6 +146,24 @@
<div
class=
"colorDiv"
></div>
<div>
案件逻辑分库
</div>
</el-row>
<el-row
class=
"flexBox"
>
<el-checkbox
:indeterminate=
"isIndeterminate"
v-model=
"checkAll"
@
change=
"handleCheckAllChange"
>
全选
</el-checkbox>
<div
style=
"margin: 15px 0;"
></div>
<el-checkbox-group
v-model=
"checkedTargets"
@
change=
"handleCheckedTargetsChange"
>
<el-checkbox
v-for=
"city in targets"
:label=
"city"
:key=
"city"
>
{{
city
}}
</el-checkbox>
</el-checkbox-group>
</el-row>
<el-divider></el-divider>
<!-- 六 -->
<el-row
class=
"title"
>
...
...
@@ -189,7 +207,7 @@
>
<el-date-picker
type=
"datetime"
placeholder=
"请
输入
提取时间"
placeholder=
"请
选择
提取时间"
v-model=
"ruleForm.tqsj"
style=
"width: 100%;"
></el-date-picker>
...
...
@@ -247,6 +265,7 @@
</
template
>
<
script
>
const
targetOptions
=
[
'本地案件库'
,
'比中案件库'
,
'已破案件库'
,
'重大案件库'
,
'B类案件库'
,
'C类案件库'
,
'勘查案件库'
,
'协查案件库'
];
export
default
{
name
:
"xzaj"
,
props
:
{
...
...
@@ -259,6 +278,10 @@ export default {
return
{
dialogVisible
:
''
,
// 弹窗状态
labelPosition
:
'left'
,
// 数据项对齐方式
checkAll
:
false
,
// 目标逻辑库
checkedTargets
:
[],
// 选定的目标逻辑库
targets
:
targetOptions
,
// 目标逻辑库
isIndeterminate
:
false
,
// 目标逻辑库不确定状态
ruleForm
:
{
ysxtAsjbh
:
''
,
// 案事件编号
xckybh
:
''
,
// 现场勘验编号
...
...
@@ -298,7 +321,7 @@ export default {
{
required
:
true
,
message
:
'请输入提取人姓名'
,
trigger
:
'blur'
},
],
tqsj
:
[
{
type
:
'date'
,
required
:
true
,
message
:
'请
输入
提取时间'
,
trigger
:
'change'
}
{
type
:
'date'
,
required
:
true
,
message
:
'请
选择
提取时间'
,
trigger
:
'change'
}
],
tqryGmsfhm
:
[
{
required
:
true
,
message
:
'请输入提取人身份证号'
,
trigger
:
'blur'
},
...
...
@@ -347,12 +370,50 @@ export default {
handleClose
(
done
)
{
this
.
dialogVisible
=
false
;
this
.
$refs
[
formName
].
resetFields
();
},
handleCheckAllChange
(
val
)
{
this
.
checkedTargets
=
val
?
targetOptions
:
[];
this
.
isIndeterminate
=
false
;
},
handleCheckedTargetsChange
(
value
)
{
let
checkedCount
=
value
.
length
;
this
.
checkAll
=
checkedCount
===
this
.
targets
.
length
;
this
.
isIndeterminate
=
checkedCount
>
0
&&
checkedCount
<
this
.
targets
.
length
;
}
}
};
</
script
>
<
style
lang=
"scss"
scoped
>
//
滚动条的宽度
/
deep
/
.el-form
::-webkit-scrollbar
{
width
:
6px
;
//
横向滚动条
height
:
6px
;
//
纵向滚动条
必写
}
//
滚动条的滑块
/
deep
/
.el-form
::-webkit-scrollbar-thumb
{
background-color
:
#dadde0
;
border-radius
:
3px
;
}
/
deep
/
.el-checkbox__input.is-checked
.el-checkbox__inner
,
.el-checkbox__input.is-indeterminate
.el-checkbox__inner
{
background-color
:
#055fe7
;
border-color
:
#055fe7
;
}
/
deep
/
.el-checkbox__input.is-checked
.el-checkbox__inner
,
/
deep
/
.el-checkbox__input.is-indeterminate
.el-checkbox__inner
{
background-color
:
#055fe7
;
border-color
:
#055fe7
;
}
/
deep
/
.el-checkbox__input.is-checked
+
.el-checkbox__label
{
color
:
#333333
;
}
/
deep
/
.flexBox
{
display
:
flex
;
.el-checkbox
{
margin-right
:
24px
;
}
}
/
deep
/
.el-form
{
height
:
685px
;
overflow
:
auto
;
...
...
src/views/AllPersonnelBase/modules/xzry.vue
0 → 100644
View file @
c4a1be34
<
template
>
<el-dialog
title=
"新增人员"
:visible
.
sync=
"dialogVisible"
width=
"59.875rem"
top=
"1.25rem"
append-to-body
:before-close=
"handleClose"
>
<el-form
:label-position=
"labelPosition"
:inline=
"true"
:model=
"ruleForm"
:rules=
"rules"
ref=
"ruleForm"
class=
"demo-form-inline"
>
<!-- 一 -->
<el-row
class=
"title"
>
<div
class=
"colorDiv"
></div>
<div>
捺印指掌纹基本信息
</div>
</el-row>
<!-- 二 -->
<el-row>
<el-col
:span=
"12"
>
<el-form-item
label=
"人员编号:"
prop=
"ysxtAsjxgrybh"
>
<el-input
v-model=
"ruleForm.ysxtAsjxgrybh"
placeholder=
"请输入人员编号"
maxlength=
"23"
show-word-limit
></el-input>
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"警综人员编号:"
prop=
"jzrybh"
>
<el-input
v-model=
"ruleForm.jzrybh"
placeholder=
"请输入警综人员编号"
maxlength=
"23"
show-word-limit
></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 三 -->
<el-row>
<el-col
:span=
"12"
>
<el-form-item
label=
"案事件相关人员编号:"
prop=
"asjxgrybh"
>
<el-input
v-model=
"ruleForm.asjxgrybh"
placeholder=
"请输入案事件相关人员编号"
maxlength=
"23"
show-word-limit
></el-input>
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"指掌纹卡编号:"
prop=
"zzhwkbh"
>
<el-input
v-model=
"ruleForm.zzhwkbh"
placeholder=
"请输入指掌纹卡编号"
maxlength=
"23"
show-word-limit
></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 四 -->
<el-row>
<el-col
:span=
"12"
>
<el-form-item
label=
"采集信息原因:"
prop=
"cjxxyydm"
>
<el-select
v-model=
"ruleForm.cjxxyydm"
placeholder=
"根据代码自动匹配"
>
<el-option
label=
"1"
value=
"1"
></el-option>
<el-option
label=
"2"
value=
"2"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
</el-col>
</el-row>
<el-divider></el-divider>
<!-- 五 -->
<el-row
class=
"title"
>
<div
class=
"colorDiv"
></div>
<div>
指掌纹提取信息
</div>
</el-row>
<!-- 六 -->
<el-row>
<el-col
:span=
"12"
>
<el-form-item
label=
"姓名:"
prop=
"xm"
>
<el-input
v-model=
"ruleForm.xm"
placeholder=
"请输入姓名"
maxlength=
"23"
show-word-limit
></el-input>
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"别名/绰号:"
>
<el-input
v-model=
"ruleForm.bmch"
placeholder=
"请输入别名/绰号"
maxlength=
"23"
show-word-limit
></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 七 -->
<el-row>
<el-col
:span=
"12"
>
<el-form-item
label=
"性别:"
prop=
"xbdm"
>
<el-select
v-model=
"ruleForm.xbdm"
placeholder=
"请选择性别"
>
<el-option
label=
"男"
value=
"1"
></el-option>
<el-option
label=
"女"
value=
"0"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"出生日期:"
prop=
"csrq"
>
<el-date-picker
type=
"datetime"
placeholder=
"请选择出生日期"
v-model=
"ruleForm.csrq"
style=
"width: 100%;"
></el-date-picker>
</el-form-item>
</el-col>
</el-row>
<!-- 八 -->
<el-row>
<el-col
:span=
"12"
>
<el-form-item
label=
"国籍:"
prop=
"gjdm"
>
<el-select
v-model=
"ruleForm.gjdm"
placeholder=
"请选择国籍"
>
<el-option
label=
"区域一"
value=
"1"
></el-option>
<el-option
label=
"区域二"
value=
"2"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"民族:"
prop=
"mzdm"
>
<el-select
v-model=
"ruleForm.mzdm"
placeholder=
"请选择民族"
>
<el-option
label=
"区域一"
value=
"1"
></el-option>
<el-option
label=
"区域二"
value=
"2"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<!-- 九 -->
<el-row>
<el-col
:span=
"12"
>
<el-form-item
label=
"证件类型:"
prop=
"cyzjdm"
>
<el-select
v-model=
"ruleForm.cyzjdm"
placeholder=
"请选择证件类型"
>
<el-option
label=
"户口"
value=
"1"
></el-option>
<el-option
label=
"身份证"
value=
"2"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"证件号码:"
prop=
"zjhm"
>
<el-input
v-model=
"ruleForm.zjhm"
placeholder=
"请输入证件号码"
maxlength=
"23"
show-word-limit
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col
:span=
"12"
>
<el-form-item
label=
"户籍地行政区:"
prop=
"hjdzXzqhdm"
>
<el-select
v-model=
"ruleForm.hjdzXzqhdm"
placeholder=
"请选择户籍地行政区"
>
<el-option
label=
"区域一"
value=
"1"
></el-option>
<el-option
label=
"区域二"
value=
"2"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"户籍地址:"
prop=
"hjdzDzmc"
>
<el-input
v-model=
"ruleForm.hjdzDzmc"
placeholder=
"请输入户籍地址"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col
:span=
"12"
>
<el-form-item
label=
"现住址行政区:"
prop=
"xzzXzqhdm"
>
<el-select
v-model=
"ruleForm.xzzXzqhdm"
placeholder=
"请选择现住址行政区"
>
<el-option
label=
"区域一"
value=
"1"
></el-option>
<el-option
label=
"区域二"
value=
"2"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"现住址:"
prop=
"xzzDzmc"
>
<el-input
v-model=
"ruleForm.xzzDzmc"
placeholder=
"请输入现住址"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col
:span=
"24"
>
<el-form-item
label=
"备注信息:"
>
<el-input
resize=
"none"
type=
"textarea"
placeholder=
"请输入内容"
v-model=
"ruleForm.bz"
>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-divider></el-divider>
<!-- 逻辑库 -->
<el-row
class=
"title"
>
<div
class=
"colorDiv"
></div>
<div>
人员逻辑分库
</div>
</el-row>
<el-row
class=
"flexBox"
>
<el-checkbox
:indeterminate=
"isIndeterminate"
v-model=
"checkAll"
@
change=
"handleCheckAllChange"
>
全选
</el-checkbox>
<div
style=
"margin: 15px 0;"
></div>
<el-checkbox-group
v-model=
"checkedTargets"
@
change=
"handleCheckedTargetsChange"
>
<el-checkbox
v-for=
"city in targets"
:label=
"city"
:key=
"city"
>
{{
city
}}
</el-checkbox>
</el-checkbox-group>
</el-row>
<el-divider></el-divider>
<!-- 六 -->
<el-row
class=
"title"
>
<div
class=
"colorDiv"
></div>
<div>
捺印信息
</div>
</el-row>
<!-- 七 -->
<el-row>
<el-col
:span=
"12"
>
<el-form-item
label=
"捺印单位:"
prop=
"nydwGajgmc"
>
<el-input
v-model=
"ruleForm.nydwGajgmc"
placeholder=
"请输入捺印单位名称"
>
</el-input>
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"捺印人姓名:"
prop=
"nyryXm"
>
<el-input
v-model=
"ruleForm.nyryXm"
placeholder=
"请输入现场物证编号"
></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 八 -->
<el-row>
<el-col
:span=
"12"
>
<el-form-item
label=
"捺印时间:"
prop=
"nysj"
>
<el-date-picker
type=
"datetime"
placeholder=
"请输入捺印时间"
v-model=
"ruleForm.nysj"
style=
"width: 100%;"
></el-date-picker>
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"捺印人身份证号:"
prop=
"nyryGmsfhm"
>
<el-input
v-model=
"ruleForm.nyryGmsfhm"
placeholder=
"请输入捺印人身份证号"
maxlength=
"18"
show-word-limit
></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 九 -->
<el-row>
<el-col
:span=
"12"
>
<el-form-item>
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"捺印人联系电话:"
prop=
"nyryLxdh"
>
<el-input
v-model=
"ruleForm.nyryLxdh"
placeholder=
"请输入捺印人联系电话"
></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-divider></el-divider>
<!-- 十 -->
<span
slot=
"footer"
class=
"dialog-footer"
>
<el-button
@
click=
"submitForm('ruleForm')"
>
提交并新增手纹
</el-button>
<el-button
@
click=
"resetForm('ruleForm')"
type=
"primary"
>
取 消
</el-button>
</span>
</el-dialog>
</
template
>
<
script
>
const
targetOptions
=
[
'本地案件库'
,
'比中案件库'
,
'已破案件库'
,
'重大案件库'
,
'B类案件库'
,
'C类案件库'
,
'勘查案件库'
,
'协查案件库'
];
export
default
{
name
:
"xzry"
,
props
:
{
isShowXzry
:
{
type
:
[
Number
,
String
,
Boolean
],
default
:
false
}
},
data
()
{
return
{
dialogVisible
:
''
,
// 弹窗状态
labelPosition
:
'left'
,
// 数据项对齐方式
checkAll
:
false
,
// 目标逻辑库
checkedTargets
:
[],
// 选定的目标逻辑库
targets
:
targetOptions
,
// 目标逻辑库
isIndeterminate
:
false
,
// 目标逻辑库不确定状态
ruleForm
:
{
ysxtAsjxgrybh
:
''
,
// 人员编号
jzrybh
:
''
,
// 警综人员编号
asjxgrybh
:
''
,
// 案事件相关人员编号号
zzhwkbh
:
''
,
// 现场掌指纹卡编号
cjxxyydm
:
''
,
// 采集信息原因
xm
:
''
,
// 姓名
bmch
:
''
,
// 别名
xbdm
:
''
,
// 性别
csrq
:
''
,
// 出生日期
gjdm
:
''
,
// 国籍
mzdm
:
''
,
// 民族
cyzjdm
:
''
,
// 证件类型
zjhm
:
''
,
// 证件号码
hjdzXzqhdm
:
''
,
// 户籍地行政区
hjdzDzmc
:
''
,
// 户籍地址
xzzXzqhdm
:
''
,
// 现住址行政区
xzzDzmc
:
''
,
// 现住址
bz
:
""
,
// 备注
nydwGajgmc
:
''
,
// 捺印单位
nyryXm
:
''
,
// 捺印人姓名
nysj
:
''
,
// 捺印时间
nyryGmsfhm
:
''
,
// 捺印人身份证号
nyryLxdh
:
''
,
// 捺印人电话
ifidcard
:
"是"
,
// 是否采集二代身份证
zwbdxtlxms
:
'1'
,
// 指纹比对描述
nydwGajgjgdm
:
'1'
,
// 捺印单位代码
},
rules
:
{
ysxtAsjxgrybh
:
[
{
required
:
true
,
message
:
'请输入人员条码号'
,
trigger
:
'blur'
},
],
jzrybh
:
[
{
required
:
true
,
message
:
'请输入警综人员编号'
,
trigger
:
'blur'
},
],
asjxgrybh
:
[
{
required
:
true
,
message
:
'请输入案事件人员号'
,
trigger
:
'blur'
},
],
zzhwkbh
:
[
{
required
:
true
,
message
:
'请输入掌指纹卡编号'
,
trigger
:
'blur'
},
],
cjxxyydm
:
[
{
required
:
true
,
message
:
'请选择采集信息原因'
,
trigger
:
'blur'
},
],
xm
:
[
{
required
:
true
,
message
:
'请输入姓名'
,
trigger
:
'blur'
},
],
xbdm
:
[
{
required
:
true
,
message
:
'请选择性别'
,
trigger
:
'blur'
},
],
csrq
:
[
{
type
:
'date'
,
required
:
true
,
message
:
'请选择出生日期'
,
trigger
:
'change'
}
],
gjdm
:
[
{
required
:
true
,
message
:
'请选择国籍'
,
trigger
:
'blur'
},
],
mzdm
:
[
{
required
:
true
,
message
:
'请选择民族'
,
trigger
:
'blur'
},
],
cyzjdm
:
[
{
required
:
true
,
message
:
'请选择证件类型'
,
trigger
:
'blur'
},
],
zjhm
:
[
{
required
:
true
,
message
:
'请输入证件号码'
,
trigger
:
'blur'
},
],
hjdzXzqhdm
:
[
{
required
:
true
,
message
:
'请选择户籍地行政区'
,
trigger
:
'blur'
},
],
hjdzDzmc
:
[
{
required
:
true
,
message
:
'请输入户籍地址'
,
trigger
:
'blur'
},
],
xzzXzqhdm
:
[
{
required
:
true
,
message
:
'请选现住地行政区'
,
trigger
:
'blur'
},
],
xzzDzmc
:
[
{
required
:
true
,
message
:
'请输入现住地址'
,
trigger
:
'blur'
},
],
nydwGajgmc
:
[
{
required
:
true
,
message
:
'请输入捺印单位'
,
trigger
:
'blur'
},
],
nyryXm
:
[
{
required
:
true
,
message
:
'请输入捺印人员姓名'
,
trigger
:
'change'
}
],
nysj
:
[
{
type
:
'date'
,
required
:
true
,
message
:
'请选择捺印时间'
,
trigger
:
'change'
}
],
nyryGmsfhm
:
[
{
required
:
true
,
message
:
'请输入捺印人身份证号'
,
trigger
:
'blur'
},
],
nyryLxdh
:
[
{
required
:
true
,
message
:
'请输入捺印人联系电话'
,
trigger
:
'blur'
}
],
}
};
},
mounted
()
{
this
.
dialogVisible
=
this
.
isShowXzry
;
},
watch
:
{
isShowXzry
(
newVal
,
oldVal
)
{
this
.
dialogVisible
=
newVal
;
},
dialogVisible
(
val
)
{
this
.
$emit
(
'closeXzry'
,
this
.
dialogVisible
);
}
},
methods
:
{
submitForm
(
formName
)
{
this
.
$refs
[
formName
].
validate
((
valid
)
=>
{
if
(
valid
)
{
let
reqParam
=
{
personDo
:
""
}
reqParam
.
personDo
=
this
.
ruleForm
this
.
$axios
.
post
(
"/api/personstore/personadd"
,
reqParam
)
.
then
(
response
=>
{
if
(
response
.
data
.
code
===
0
)
{
this
.
$message
.
success
(
"新增成功"
);
this
.
dialogVisible
=
false
;
}
else
{
this
.
$message
.
error
(
"新增失败"
);
}
});
}
else
{
return
false
;
}
});
},
resetForm
(
formName
)
{
this
.
$refs
[
formName
].
resetFields
();
this
.
dialogVisible
=
false
},
handleClose
(
done
)
{
this
.
dialogVisible
=
false
;
this
.
$refs
[
formName
].
resetFields
();
},
handleCheckAllChange
(
val
)
{
this
.
checkedTargets
=
val
?
targetOptions
:
[];
this
.
isIndeterminate
=
false
;
},
handleCheckedTargetsChange
(
value
)
{
let
checkedCount
=
value
.
length
;
this
.
checkAll
=
checkedCount
===
this
.
targets
.
length
;
this
.
isIndeterminate
=
checkedCount
>
0
&&
checkedCount
<
this
.
targets
.
length
;
}
}
};
</
script
>
<
style
lang=
"scss"
scoped
>
//
滚动条的宽度
/
deep
/
.el-form
::-webkit-scrollbar
{
width
:
6px
;
//
横向滚动条
height
:
6px
;
//
纵向滚动条
必写
}
//
滚动条的滑块
/
deep
/
.el-form
::-webkit-scrollbar-thumb
{
background-color
:
#dadde0
;
border-radius
:
3px
;
}
/
deep
/
.el-checkbox__input.is-checked
.el-checkbox__inner
,
.el-checkbox__input.is-indeterminate
.el-checkbox__inner
{
background-color
:
#055fe7
;
border-color
:
#055fe7
;
}
/
deep
/
.el-checkbox__input.is-checked
.el-checkbox__inner
,
/
deep
/
.el-checkbox__input.is-indeterminate
.el-checkbox__inner
{
background-color
:
#055fe7
;
border-color
:
#055fe7
;
}
/
deep
/
.el-checkbox__input.is-checked
+
.el-checkbox__label
{
color
:
#333333
;
}
/
deep
/
.flexBox
{
display
:
flex
;
.el-checkbox
{
margin-right
:
24px
;
}
}
/
deep
/
.el-form
{
height
:
685px
;
overflow
:
auto
;
}
/
deep
/
.el-radio
{
margin-right
:
30px
;
}
.title
{
display
:
flex
;
div
{
font-size
:
16px
;
font-family
:
MicrosoftYaHei
;
color
:
#282f3c
;
line-height
:
24px
;
}
.colorDiv
{
width
:
4px
;
height
:
16px
;
background
:
#055fe7
;
border-radius
:
2px
;
margin-right
:
10px
;
margin-top
:
5px
;
}
}
/
deep
/
.el-button
{
width
:
142px
;
height
:
40px
;
background
:
#ffffff
;
border-radius
:
4px
;
border
:
1px
solid
#aeb5c2
;
}
/
deep
/
.el-button--primary
{
border-color
:
#055fe7
;
background
:
#055fe7
;
width
:
72px
;
height
:
40px
;
}
/
deep
/
.el-button
+
.el-button
{
margin-left
:
24px
;
}
/
deep
/
.el-dialog__body
{
padding
:
30px
20px
0
;
}
/
deep
/
.el-dialog__footer
{
text-align
:
center
;
}
/
deep
/
.el-divider--horizontal
:nth-child
(
odd
)
{
width
:
880px
;
margin-bottom
:
24px
;
}
/
deep
/
.el-divider--horizontal
:nth-child
(
even
)
{
width
:
880px
;
margin-bottom
:
16px
;
}
/
deep
/
.el-textarea__inner
{
width
:
722px
;
height
:
76px
;
overflow
:
auto
;
}
/
deep
/
.el-row
{
margin-bottom
:
24px
;
}
/
deep
/
.el-input__inner
{
width
:
264px
;
}
/
deep
/
.el-form-item__label
{
width
:
160px
;
padding
:
0
;
font-size
:
14px
;
font-family
:
MicrosoftYaHei
;
color
:
#333333
;
}
/
deep
/
.el-dialog__header
{
border-bottom
:
1px
solid
#eee
;
}
/
deep
/
.el-dialog
{
box-shadow
:
0px
14px
30px
0px
rgba
(
0
,
21
,
51
,
0.25
);
border-radius
:
6px
;
//
height
:
860px
;
}
</
style
>
\ No newline at end of file
src/views/AllPersonnelBase/qbalk.vue
View file @
c4a1be34
<
template
>
<el-container
class=
"AllPersonnelBase"
direction=
"vertical"
>
<el-container
class=
"AllPersonnelBase"
direction=
"vertical"
>
<!--一-->
<div
class=
"title"
>
全部案件库
</div>
<!--二-->
...
...
@@ -30,8 +33,14 @@
<!-- 三 -->
<div
class=
"options"
>
<div
class=
"left"
>
<div
class=
"btn"
@
click=
"batch"
>
批量操作
</div>
<el-checkbox-group
v-model=
"reqParam.caseStoreCustomSearchReq.caseCheckboxQuery"
@
change=
"searchCheckList"
>
<div
class=
"btn"
@
click=
"batch"
>
批量操作
</div>
<el-checkbox-group
v-model=
"reqParam.caseStoreCustomSearchReq.caseCheckboxQuery"
@
change=
"searchCheckList"
>
<el-checkbox
label=
"shouwen"
>
手纹
</el-checkbox>
<el-checkbox
label=
"shitizhiwen"
>
尸体指纹
</el-checkbox>
<el-checkbox
label=
"wutezheng"
>
无特征
</el-checkbox>
...
...
@@ -52,7 +61,7 @@
>
复制条码
</div>
<div
class=
"btn"
@
click=
"dcF
tp
x"
@
click=
"dcF
pt
x"
>
导出FPTX
</div>
<div
class=
"btn"
...
...
@@ -73,16 +82,38 @@
</div>
</div>
<!--四 -->
<el-tag
style=
"width:100%;color:#666666;margin-bottom:1rem"
v-show=
"isShowTip"
>
<i
class=
"el-icon-info"
style=
"color:#055FE7;font-size:.9375rem"
></i>
<el-tag
style=
"width:100%;color:#666666;margin-bottom:1rem"
v-show=
"isShowTip"
>
<i
class=
"el-icon-info"
style=
"color:#055FE7;font-size:.9375rem"
></i>
已选择
<span
style=
"color:#055FE7"
>
{{
multipleSelection
.
length
}}
</span>
项
<span
v-html=
"' '"
></span>
服务调用总计:
<span
v-html=
"' '"
></span>
36.4万
<el-link
type=
"primary"
:underline=
"false"
style=
"margin-left:1.25rem;"
@
click=
"toggleSelection()"
>
清除
</el-link>
<el-link
type=
"primary"
:underline=
"false"
style=
"margin-left:1.25rem;"
@
click=
"toggleSelection()"
>
清除
</el-link>
</el-tag>
<!-- 五 -->
<el-table
:max-height=
"height"
ref=
"multipleTable"
:data=
"tableDate"
tooltip-effect=
"dark"
style=
"width: 100%;"
@
selection-change=
"handleSelectionChange"
>
<el-table-column
type=
"selection"
width=
"auto"
v-if=
"isSelected"
>
<el-table
:max-height=
"height"
ref=
"multipleTable"
:data=
"tableDate"
tooltip-effect=
"dark"
style=
"width: 100%;"
@
selection-change=
"handleSelectionChange"
>
<el-table-column
type=
"selection"
width=
"auto"
v-if=
"isSelected"
>
</el-table-column>
<el-table-column
prop=
"ysxtAsjbh"
...
...
@@ -90,7 +121,13 @@
:width=
"width1"
>
</el-table-column>
<el-table-column
prop=
"caseTypeNames"
label=
"案件类型"
:width=
"width1"
:formatter=
"caseTypeNamesFormat"
show-overflow-tooltip
>
<el-table-column
prop=
"caseTypeNames"
label=
"案件类型"
:width=
"width1"
:formatter=
"caseTypeNamesFormat"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop=
"xckybh"
...
...
@@ -125,16 +162,41 @@
:width=
"width4"
>
</el-table-column>
<el-table-column
fixed=
"right"
label=
"操作"
width=
"auto"
>
<el-table-column
fixed=
"right"
label=
"操作"
width=
"auto"
>
<template
slot-scope=
"scope"
>
<div
class=
"ops"
>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"编辑"
placement=
"top"
:open-delay=
'500'
>
<div
class=
"icon bj"
@
click=
"handleClick(scope.row)"
>
<img
src=
"../../assets/img/qbryk/bj.svg"
alt=
""
/>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"编辑"
placement=
"top"
:open-delay=
'500'
>
<div
class=
"icon bj"
@
click=
"handleClick(scope.row)"
>
<img
src=
"../../assets/img/qbryk/bj.svg"
alt=
""
/>
</div>
</el-tooltip>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"关注"
placement=
"top"
:open-delay=
'500'
>
<div
v-if=
"scope.row.collectstatus==1"
class=
"icon sc"
>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"关注"
placement=
"top"
:open-delay=
'500'
>
<div
v-if=
"scope.row.collectstatus==1"
class=
"icon sc"
>
<el-popconfirm
placement=
"top-start"
...
...
@@ -145,34 +207,94 @@
title=
"确认取消关注该数据吗?该操作无法撤消!"
>
<div
slot=
"reference"
>
<img
src=
"../../assets/img/qbryk/gz.svg"
alt=
""
>
<img
src=
"../../assets/img/qbryk/gz.svg"
alt=
""
>
</div>
</el-popconfirm>
</div>
<div
v-else
class=
"icon sc"
>
<div
class=
"icon sc"
@
click=
"isShowGzBtn1(scope.row)"
>
<img
src=
"../../assets/img/qbryk/sc.svg"
alt=
""
>
<div
v-else
class=
"icon sc"
>
<div
class=
"icon sc"
@
click=
"isShowGzBtn1(scope.row)"
>
<img
src=
"../../assets/img/qbryk/sc.svg"
alt=
""
>
</div>
</div>
</el-tooltip>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"改号"
placement=
"top"
:open-delay=
'500'
>
<div
class=
"icon gx"
@
click=
'isShowGgrytmBtn(scope.row)'
>
<img
src=
"../../assets/img/qbryk/gx.svg"
alt=
""
/>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"改号"
placement=
"top"
:open-delay=
'500'
>
<div
class=
"icon gx"
@
click=
'isShowGgrytmBtn(scope.row)'
>
<img
src=
"../../assets/img/qbryk/gx.svg"
alt=
""
/>
</div>
</el-tooltip>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"发查询"
placement=
"top"
:open-delay=
'500'
>
<div
class=
"icon look"
@
click=
"isShowFcxBtn1(scope.row)"
>
<img
src=
"../../assets/img/qbryk/search.svg"
alt=
""
/>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"发查询"
placement=
"top"
:open-delay=
'500'
>
<div
class=
"icon look"
@
click=
"isShowFcxBtn1(scope.row)"
>
<img
src=
"../../assets/img/qbryk/search.svg"
alt=
""
/>
</div>
</el-tooltip>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"复制数据"
placement=
"top"
:open-delay=
'500'
>
<div
class=
"icon bz"
@
click=
"isShowFztmBtn(scope.row)"
>
<img
src=
"../../assets/img/qbryk/bz.svg"
alt=
""
/>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"复制数据"
placement=
"top"
:open-delay=
'500'
>
<div
class=
"icon bz"
@
click=
"isShowFztmBtn(scope.row)"
>
<img
src=
"../../assets/img/qbryk/bz.svg"
alt=
""
/>
</div>
</el-tooltip>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"打印"
placement=
"top"
:open-delay=
'500'
>
<div
class=
"icon print"
@
click=
"handleClick(scope.row)"
>
<img
src=
"../../assets/img/qbryk/print.svg"
alt=
""
/>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"打印"
placement=
"top"
:open-delay=
'500'
>
<div
class=
"icon print"
@
click=
"handleClick(scope.row)"
>
<img
src=
"../../assets/img/qbryk/print.svg"
alt=
""
/>
</div>
</el-tooltip>
<el-tooltip
...
...
@@ -191,7 +313,10 @@
title=
"确认要删除该数据吗?该操作无法撤消!"
>
<div
slot=
"reference"
>
<img
src=
"../../assets/img/qbryk/del.svg"
alt=
""
/>
<img
src=
"../../assets/img/qbryk/del.svg"
alt=
""
/>
</div>
</el-popconfirm>
</el-tooltip>
...
...
@@ -202,25 +327,69 @@
<!-- 六 -->
<div
class=
"block"
>
<span
class=
"record"
>
共{{ reqParam.page.total }}条记录 第{{ reqParam.page.currPage }}/{{Tpage}}页
</span>
<el-pagination
class=
"paging"
@
size-change=
"handleSizeChange"
@
current-change=
"handleCurrentChange"
:current-page=
"reqParam.page.currPage"
:page-sizes=
"[3, 6, 9, 20, 50, 100, 500]"
:page-size=
"reqParam.page.pageSize"
layout=
"prev, pager, next"
:total=
"reqParam.page.total"
background
>
<el-pagination
class=
"paging"
@
size-change=
"handleSizeChange"
@
current-change=
"handleCurrentChange"
:current-page=
"reqParam.page.currPage"
:page-sizes=
"[3, 6, 9, 20, 50, 100, 500]"
:page-size=
"reqParam.page.pageSize"
layout=
"prev, pager, next"
:total=
"reqParam.page.total"
background
>
</el-pagination>
<!-- <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[10, 20, 30, 40]" background layout="sizes, prev, pager, next" :total="tableDateLength">
</el-pagination> -->
<!-- 添加到队列弹窗 -->
<tjddl
:isShowTjddl=
"isShowTjddl"
:rowData=
"rowData"
:type=
"type"
@
closeTjddl=
"closeTjddl"
></tjddl>
<tjddl
:isShowTjddl=
"isShowTjddl"
:rowData=
"rowData"
:type=
"type"
@
closeTjddl=
"closeTjddl"
></tjddl>
<!-- 关注弹窗 -->
<gz
:isShowGz=
"isShowGz"
:rowData=
"rowData"
:type=
"type"
@
closeGz=
"closeGz"
></gz>
<gz
:isShowGz=
"isShowGz"
:rowData=
"rowData"
:type=
"type"
@
closeGz=
"closeGz"
></gz>
<!-- 导出FPTX弹窗 -->
<dcfptxAj
:isShowDcfptx=
"isShowDcfptx"
:rowData=
"rowData"
@
closeDcfptx=
"closeDcfptx"
></dcfptxAj>
<!-- 更改条码弹窗 -->
<ggrytm
:isShowGgrytm=
"isShowGgrytm"
:rowData=
"rowData"
:type=
"type"
@
closeGgrytm=
"closeGgrytm"
>
<ggrytm
:isShowGgrytm=
"isShowGgrytm"
:rowData=
"rowData"
:type=
"type"
@
closeGgrytm=
"closeGgrytm"
>
</ggrytm>
<!-- 复制数据弹窗 -->
<fztm
:isShowFztm=
"isShowFztm"
:rowData=
"rowData"
:type=
"type"
@
closeFztm=
"closeFztm"
></fztm>
<fztm
:isShowFztm=
"isShowFztm"
:rowData=
"rowData"
:type=
"type"
@
closeFztm=
"closeFztm"
></fztm>
<!-- 发查询弹窗 -->
<fcx
:isShowFcx=
"isShowFcx"
:rowData=
"rowData"
:type=
"type"
@
closeFcx=
"closeFcx"
>
<fcx
:isShowFcx=
"isShowFcx"
:rowData=
"rowData"
:type=
"type"
@
closeFcx=
"closeFcx"
>
</fcx>
<!-- 发查询弹窗 -->
<xzaj
:isShowXzaj=
"isShowXzaj"
@
closeXzaj=
"closeXzaj"
>
<!-- 新增案件弹窗 -->
<xzaj
:isShowXzaj=
"isShowXzaj"
@
closeXzaj=
"closeXzaj"
>
</xzaj>
</div>
...
...
@@ -230,6 +399,7 @@
import
moment
from
"moment"
;
import
tjddl
from
"./modules/tjddl.vue"
// 添加到队列弹窗
import
gz
from
"./modules/gz.vue"
// 关注
import
dcfptxAj
from
"./modules/dcfptxAj.vue"
//导出FPTX弹窗
import
fztm
from
"./modules/fztm.vue"
// 复制数据弹窗
import
dcftpx
from
"./modules/dcftpx.vue"
//导出FTPX弹窗
import
ggrytm
from
"./modules/ggrytm.vue"
// 更改人员条码弹窗
...
...
@@ -239,6 +409,7 @@ export default {
name
:
"AllPersonnelBase"
,
components
:
{
tjddl
,
dcfptxAj
,
gz
,
fztm
,
dcftpx
,
...
...
@@ -265,6 +436,7 @@ export default {
height
:
500
,
isShowTjddl
:
false
,
// 添加到队列
isShowGz
:
false
,
// 关注
isShowDcfptx
:
false
,
// 导出FPTX
isShowGgrytm
:
false
,
// 更改条码
isShowFztm
:
false
,
//复制条码
isShowFcx
:
false
,
//发查询
...
...
@@ -409,29 +581,21 @@ export default {
}
},
// 导出
dcFtpx
()
{
this
.
ysxtAsjbh
=
null
;
dcFptx
()
{
if
(
this
.
multipleSelection
.
length
===
0
)
{
this
.
$message
.
error
(
"请选择需要
复制条码号
的数据!"
);
this
.
$message
.
error
(
"请选择需要
导出FPTX
的数据!"
);
this
.
isSelected
=
true
}
else
if
(
this
.
multipleSelection
.
length
===
1
)
{
this
.
ysxtAsjbh
=
this
.
multipleSelection
[
0
].
ysxtAsjbh
;
// 创建隐藏的可下载链接
let
eleLink
=
document
.
createElement
(
'a'
)
// let url = 'http://192.168.128.112:8099/api/export/case/' + this.ysxtAsjbh
let
url
=
'http://www.meetfood.cn:2390/api/export/case/'
+
this
.
ysxtAsjbh
eleLink
.
download
=
this
.
filenameexport
eleLink
.
style
.
display
=
'none'
eleLink
.
href
=
url
// 触发点击
document
.
body
.
appendChild
(
eleLink
)
eleLink
.
click
()
// 然后移除
document
.
body
.
removeChild
(
eleLink
)
this
.
rowData
=
this
.
multipleSelection
;
this
.
isShowDcfptx
=
true
;
}
else
{
this
.
$message
.
error
(
"只能
复制单条数据的条码号
!"
);
this
.
$message
.
error
(
"只能
导出单条数据的FPTX
!"
);
}
},
closeDcfptx
(
val
)
{
console
.
log
(
'导出FPTX关闭'
,
val
)
this
.
isShowDcfptx
=
val
},
// 复制成功时的回调函数
onCopy
(
e
)
{
this
.
$message
({
...
...
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