Skip to content

F
founder_vue
Commit 5a9c9dab by 米嘉伟
Options

全部人员库接口

parent dce5ebfc
Showing with 788 additions and 17 deletions
src/views/AllPersonnelBase/AllPersonnelBase.vue
......@@ -53,8 +53,14 @@
class="btn"
@click="getBarcode"
>复制条码</div>
<div class="btn">导出FTPX</div>
<div class="btn">关注</div>
<div
class="btn"
@click="isShowDcftpxBtn"
>导出FTPX</div>
<div
class="btn"
@click="isShowGzBtn"
>关注</div>
<div
class="btn"
@click="delMore"
......@@ -196,7 +202,7 @@
>
<div
class="icon sc"
@click="handleClick(scope.row)"
@click="isShowGzBtn1(scope.row)"
>
<img
src="../../assets/img/qbryk/sc.png"
......@@ -316,6 +322,18 @@
:rowData="rowData"
@closeTjddl="closeTjddl"
></tjddl>
<!-- 关注弹窗 -->
<gz
:isShowGz="isShowGz"
:rowData="rowData"
@closeGz="closeGz"
></gz>
<!-- 导出FTPX弹窗 -->
<dcftpx
:isShowDcftpx="isShowDcftpx"
:rowData="rowData"
@closeDcftpx="closeDcftpx"
></dcftpx>
<!-- 复制数据弹窗 -->
<fztm
:isShowFztm="isShowFztm"
......@@ -336,19 +354,25 @@
<script>
import moment from "moment";
import tjddl from "./modules/tjddl.vue" // 添加到队列弹窗
import gz from "./modules/gz.vue" // 关注
import fztm from "./modules/fztm.vue" // 复制数据弹窗
import dcftpx from "./modules/dcftpx.vue" //导出FTPX弹窗
import ggrytm from "./modules/ggrytm.vue"// 更改人员条码弹窗
export default {
name: 'AllPersonnelBase',
components: {
tjddl,
gz,
fztm,
dcftpx,
ggrytm
},
data () {
return {
isSelected: false,// 是否批量操作
isShowTjddl: false,// 添加到队列
isShowGz: false,// 关注
isShowDcftpx: false, // 导出FTPX
isShowGgrytm: false,// 更改人员条码
isShowFztm: false, //复制条码
rowData: {}, // 单行数据
......@@ -446,10 +470,6 @@ export default {
console.log(this.reqParam.page.checkboxQuery)
this.search()
},
// 添加到队列
addList () {
console.log('添加到队列', this.multipleSelection)
},
// 复制条码号 获取选中条码值
getBarcode () {
this.barcode = null;
......@@ -477,13 +497,59 @@ export default {
// 添加到队列
isShowTjddlBtn () {
console.log('添加到队列')
if (this.multipleSelection.length === 0) {
this.$message.error("请选择需要添加到队列的数据！");
} else {
this.rowData = this.multipleSelection
this.isShowTjddl = true;
}
},
closeTjddl (val) {
console.log('添加到队列关闭', val)
this.isShowTjddl = val
},
// 导出FTPX
isShowDcftpxBtn () { // 多行
console.log('导出FTPX')
if (this.multipleSelection.length === 0) {
this.$message.error("请选择需要关注的数据！");
} else {
this.rowData = this.multipleSelection
this.isShowDcftpx = true;
}
},
isShowDcftpxBtn1 (val) { // 单行
console.log(val, 123)
let rowVal = [];
rowVal.push(val)
this.rowData = rowVal
this.isShowDcftpx = true;
},
closeDcftpx (val) {
console.log('导出FTPX关闭', val)
this.isShowDcftpx = val
},
// 关注
isShowGzBtn () { // 多行
console.log('关注')
if (this.multipleSelection.length === 0) {
this.$message.error("请选择需要关注的数据！");
} else {
this.rowData = this.multipleSelection
this.isShowGz = true;
}
},
isShowGzBtn1 (val) { // 单行
console.log(val, 123)
let rowVal = [];
rowVal.push(val)
this.rowData = rowVal
this.isShowGz = true;
},
closeGz (val) {
console.log('关注关闭', val)
this.isShowGz = val
},
// 更改条码操作
isShowGgrytmBtn (val) {
console.log('更改条码', val)
......
src/views/AllPersonnelBase/modules/dcftpx.vue 0 → 100644
<template>
<el-dialog
title="导出FTPX"
:visible.sync="dialogVisible"
width="875px"
append-to-body
:before-close="handleClose"
>
<div class="head">
文字:<el-checkbox v-model="reqParam.personStoreCustomSearch.wzChecked">基本信息</el-checkbox>
</div>
<div class="content">
<div class="zwDiv gdzw">
<div class="top">
<span>滚动指纹</span>
<el-checkbox v-model="reqParam.personStoreCustomSearch.wzChecked">全部</el-checkbox>
</div>
<div class="bottom">
<div class="bhead">
<div class="righthand">
<el-checkbox v-model="reqParam.personStoreCustomSearch.wzChecked">右手</el-checkbox>
</div>
<div class="line"></div>
<div class="lefthead">
<el-checkbox v-model="reqParam.personStoreCustomSearch.wzChecked">左手</el-checkbox>
</div>
</div>
<div class="bbottom">
<div class="righthand">
<el-checkbox
label="拇"
border
></el-checkbox>
<el-checkbox
label="食"
border
></el-checkbox>
<el-checkbox
label="中"
border
></el-checkbox>
<el-checkbox
label="环"
border
></el-checkbox>
<el-checkbox
label="小"
border
></el-checkbox>
</div>
<div class="lefthand">
<el-checkbox
label="拇"
border
></el-checkbox>
<el-checkbox
label="食"
border
></el-checkbox>
<el-checkbox
label="中"
border
></el-checkbox>
<el-checkbox
label="环"
border
></el-checkbox>
<el-checkbox
label="小"
border
></el-checkbox>
</div>
</div>
</div>
</div>
<div class="zwDiv pmzw">
<div class="top">
<span>平面指纹</span>
<el-checkbox v-model="reqParam.personStoreCustomSearch.wzChecked">全部</el-checkbox>
</div>
<div class="bottom">
<div class="bhead">
<div class="righthand">
<el-checkbox v-model="reqParam.personStoreCustomSearch.wzChecked">右手</el-checkbox>
</div>
<div class="line"></div>
<div class="lefthead">
<el-checkbox v-model="reqParam.personStoreCustomSearch.wzChecked">左手</el-checkbox>
</div>
</div>
<div class="bbottom">
<div class="righthand">
<el-checkbox
label="拇"
border
></el-checkbox>
<el-checkbox
label="食"
border
></el-checkbox>
<el-checkbox
label="中"
border
></el-checkbox>
<el-checkbox
label="环"
border
></el-checkbox>
<el-checkbox
label="小"
border
></el-checkbox>
</div>
<div class="lefthand">
<el-checkbox
label="拇"
border
></el-checkbox>
<el-checkbox
label="食"
border
></el-checkbox>
<el-checkbox
label="中"
border
></el-checkbox>
<el-checkbox
label="环"
border
></el-checkbox>
<el-checkbox
label="小"
border
></el-checkbox>
</div>
</div>
</div>
</div>
<div class="zwDiv zw">
<div class="top">
<span>掌纹</span>
<el-checkbox v-model="reqParam.personStoreCustomSearch.wzChecked">全部</el-checkbox>
</div>
<div class="bottom">
<div class="bhead">
<div class="righthand">
<el-checkbox v-model="reqParam.personStoreCustomSearch.wzChecked">右手</el-checkbox>
</div>
<div class="line"></div>
<div class="lefthead">
<el-checkbox v-model="reqParam.personStoreCustomSearch.wzChecked">左手</el-checkbox>
</div>
</div>
<div class="bbottom">
<div class="righthand">
<el-checkbox
label="半掌"
border
></el-checkbox>
<el-checkbox
label="全掌"
border
></el-checkbox>
<el-checkbox
label="侧掌"
border
></el-checkbox>
</div>
<div class="lefthand">
<el-checkbox
label="半掌"
border
></el-checkbox>
<el-checkbox
label="全掌"
border
></el-checkbox>
<el-checkbox
label="侧掌"
border
></el-checkbox>
</div>
</div>
</div>
</div>
<div class="zwDiv rx">
<div class="top">
<span>人像</span>
<el-checkbox v-model="reqParam.personStoreCustomSearch.wzChecked">全部</el-checkbox>
</div>
<div class="bottom">
<div class="bhead">
<!-- <div class="righthand">
<el-checkbox v-model="reqParam.personStoreCustomSearch.wzChecked">右手</el-checkbox>
</div>
<div class="line"></div>
<div class="lefthead">
<el-checkbox v-model="reqParam.personStoreCustomSearch.wzChecked">左手</el-checkbox>
</div> -->
</div>
<div class="bbottom">
<div class="righthand">
<el-checkbox
label="右侧照"
border
></el-checkbox>
<el-checkbox
label="正面照"
border
></el-checkbox>
</div>
<div class="lefthand">
<el-checkbox
label="左侧照"
border
></el-checkbox>
</div>
</div>
</div>
</div>
</div>
<el-form
label-width="100px"
class="demo-ruleForm"
>
<el-form-item label="数据类型：">
<el-radio-group>
<el-radio label="原图"></el-radio>
<el-radio label="压缩图"></el-radio>
<el-radio label="特征"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="文件格式：">
<el-radio-group>
<el-radio label="5.0"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="导出模式：">
<el-radio-group>
<el-radio label="分开文件"></el-radio>
<el-radio label="同一文件"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="保存路径：">
<el-input></el-input>
<el-button type="text">浏览</el-button>
</el-form-item>
<el-form-item label="条码补值：">
<el-button
size="mini"
plain
>000</el-button>
<el-button
size="mini"
plain
>999</el-button>
</el-form-item>
</el-form>
<span
slot="footer"
class="dialog-footer"
>
<el-button
type="primary"
@click="focus"
>确 定</el-button>
<el-button @click="dialogVisible = false">取 消</el-button>
</span>
</el-dialog>
</template>
<script>
export default {
name: "dcftpx",
props: {
isShowDcftpx: {
type: [Number, String, Boolean],
default: false
},
rowData: {
default: false
}
},
data () {
return {
dialogVisible: false, // 弹窗状态
reqParam: { // 请求参数
personStoreCustomSearch: {
wzChecked: true //文字单选
}
},
};
},
mounted () {
this.dialogVisible = this.isShowDcftpx;
},
watch: {
isShowDcftpx (newVal, oldVal) {
this.dialogVisible = newVal;
},
dialogVisible (val) {
console.log(this.dialogVisible, 123)
this.$emit('closeDcftpx', this.dialogVisible);
}
},
methods: {
focus () {
// 确认提示
this.$confirm("是否确定提交数据?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "info"
})
.then(() => {
this.$axios
.post("/api/api/mypsn/add", { myPerson: '' })
.then(response => {
if (response.data.code === 0) {
this.$message.success("导出成功");
this.search();
} else {
this.$message.error("导出失败");
}
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消提交"
});
});
},
handleClose (done) {
this.$confirm('确认关闭？')
.then(_ => {
done();
this.dialogVisible = false;
})
.catch(_ => { });
}
}
};
</script>
<style lang="scss" scoped>
/deep/.el-dialog__header {
border-bottom: 1px solid #eee;
}
/deep/.el-dialog__footer {
text-align: center;
}
.head .el-checkbox {
margin-left: 18px;
}
.content {
display: flex;
justify-content: space-between;
margin-top: 20px;
padding-bottom: 30px;
box-sizing: border-box;
border-bottom: 1px solid #eee;
.zwDiv {
width: 175px;
.top {
display: flex;
justify-content: space-between;
margin-bottom: 8px;
}
.bottom {
.bhead {
width: 100%;
height: 40px;
background: #f6f8fa;
border-radius: 4px 4px 0 0;
border: 1px solid #eeeeee;
border-bottom: 0;
box-sizing: border-box;
display: flex;
justify-content: space-around;
align-items: center;
.line {
width: 1px;
height: 14px;
background: #d8d8d8;
}
}
.bbottom {
display: flex;
height: 200px;
justify-content: space-around;
padding: 4px 0;
box-sizing: border-box;
border-radius: 0 0 4px 4px;
border: 1px solid #eeeeee;
border-top: 0;
.righthand {
width: 72px;
/deep/.el-checkbox {
position: relative;
width: 72px;
height: 26px;
margin: 6px 0;
padding: 4px 17px;
background: #f6f8fa;
border: 0;
.el-checkbox__input {
position: absolute;
bottom: -2px;
right: 0px;
.el-checkbox__inner {
width: 13px;
height: 9px;
border: 0;
border-radius: 10px 0 6px 0;
}
}
}
}
.lefthand {
width: 72px;
/deep/.el-checkbox {
position: relative;
width: 72px;
height: 26px;
margin: 6px 0;
padding: 4px 17px;
background: #f6f8fa;
border: 0;
.el-checkbox__input {
position: absolute;
bottom: -2px;
right: 0px;
.el-checkbox__inner {
width: 13px;
height: 9px;
border: 0;
border-radius: 10px 0 6px 0;
}
}
}
}
}
}
}
}
.content .zw .bottom .bbottom .righthand /deep/.el-checkbox {
padding: 4px 11px;
}
.content .zw .bottom .bbottom .lefthand /deep/.el-checkbox {
padding: 4px 11px;
}
.content .rx .bottom .bhead {
background-color: #fff;
}
.content .rx .bottom .bbottom .righthand /deep/.el-checkbox {
padding: 4px 6px;
}
.content .rx .bottom .bbottom .lefthand /deep/.el-checkbox {
padding: 4px 6px;
}
/deep/.el-input {
width: 264px;
}
/deep/.el-form-item {
padding: 4px 0;
border-bottom: 1px solid #eee;
margin: 0;
}
</style>
\ No newline at end of file
src/views/AllPersonnelBase/modules/ggrytm.vue
......@@ -16,7 +16,7 @@
</el-form-item>
<el-form-item label="修改条码号：">
<el-input
v-model="reqParam.personStoreCustomSearch.barcode"
v-model="reqParam.personDo.rfpbarcode"
placeholder="请修改条码号"
maxlength='22'
show-word-limit
......@@ -32,7 +32,7 @@
>
<el-button
type="primary"
@click="dialogVisible = false"
@click="updata"
>确 定</el-button>
<el-button @click="dialogVisible = false">取 消</el-button>
......@@ -57,13 +57,11 @@ export default {
labelPosition: 'left', // 标签对齐方式
dialogVisible: false, // 弹窗状态
reqParam: { // 请求参数
// page: {
// total: 0,//表格条数
// pageSize: 10, //当前选择要显示的条数
// currPage: 1 // 当前在第几页
// },
personStoreCustomSearch: {
barcode: '', // 增加条码号
barcode: '', //
pid: '',// 关注ID
ifidcard: '', //
personDo: {
rfpbarcode: '', // 增加条码号
}
},
};
......@@ -81,6 +79,35 @@ export default {
}
},
methods: {
updata () {
this.reqParam.barcode = this.rowData.barcode;
this.reqParam.pid = this.rowData.pid
this.reqParam.ifidcard = this.rowData.ifidcard
// 确认提示
this.$confirm("是否确定更改数据?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "info"
})
.then(() => {
this.$axios
.put("/api/api/personstore/update", this.reqParam)
.then(response => {
if (response.data.code === 0) {
this.$message.success("更改成功");
this.search();
} else {
this.$message.error("更改失败");
}
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消提交"
});
});
},
handleClose (done) {
this.$confirm('确认关闭？')
.then(_ => {
......
src/views/AllPersonnelBase/modules/gz.vue 0 → 100644
<template>
<el-dialog
title="加入关注人员列表"
:visible.sync="dialogVisible"
width="757px"
append-to-body
:before-close="handleClose"
>
<el-table
:data="rowData"
:header-cell-style="{background:'#eef1f6',color:'#606266'}"
style="width: 100%"
>
<el-table-column
type="index"
label="#"
width="50"
>
</el-table-column>
<el-table-column
prop="barcode"
label="条码号"
width="240"
>
</el-table-column>
<el-table-column
prop="name"
label="姓名"
width="80"
>
</el-table-column>
<el-table-column
prop="sex"
label="性别"
width="80"
>
</el-table-column>
<el-table-column
prop="idnumber"
label="身份证号"
>
</el-table-column>
</el-table>
<div class='total'>
<span>共计{{rowData.length}}条数据</span>
</div>
<div> <span style='color:red'>*</span> 备注</div>
<el-input
type="textarea"
:rows="5"
placeholder="请输入内容"
v-model="reqParam.myPerson.comments"
>
</el-input>
<span
slot="footer"
class="dialog-footer"
>
<el-button
type="primary"
@click="focus"
>确 定</el-button>
<el-button @click="dialogVisible = false">取 消</el-button>
</span>
</el-dialog>
</template>
<script>
export default {
name: "gz",
props: {
isShowGz: {
type: [Number, String, Boolean],
default: false
},
rowData: {
default: false
}
},
data () {
return {
labelPosition: 'left', // 标签对齐方式
dialogVisible: false, // 弹窗状态
reqParam: { // 请求参数
pid: '',// 关注ID
barcode: '',//条码号
myPerson: {
comments: '',//备注
pid: '',// 关注ID
barcode: '',//条码号
}
},
};
},
mounted () {
this.dialogVisible = this.isShowGz;
},
watch: {
isShowGz (newVal, oldVal) {
this.dialogVisible = newVal;
},
dialogVisible (val) {
console.log(this.dialogVisible, 123)
this.$emit('closeGz', this.dialogVisible);
}
},
methods: {
focus () {
let barCode = [];
let myPerson = [];
for (let i = 0; i < this.rowData.length; i++) {
myPerson.push(this.rowData[i].pid);
barCode.push(this.rowData[i].barcode);
}
this.reqParam.pid = myPerson[0];
this.reqParam.myPerson.pid = myPerson;
this.reqParam.barcode = barCode[0];
this.reqParam.myPerson.barcode = barCode;
console.log('关注ID', myPerson)
// 确认提示
this.$confirm("是否确定提交数据?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "info"
})
.then(() => {
this.$axios
.post("/api/api/mypsn/add", this.reqParam)
.then(response => {
if (response.data.code === 0) {
this.$message.success("关注成功");
this.search();
} else {
this.$message.error("关注失败");
}
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消提交"
});
});
},
handleClose (done) {
this.$confirm('确认关闭？')
.then(_ => {
done();
this.dialogVisible = false;
})
.catch(_ => { });
}
}
};
</script>
<style lang="scss" scoped>
/deep/.el-dialog__header {
border-bottom: 1px solid #eee;
}
/deep/.el-dialog__footer {
text-align: center;
}
.total {
width: 100%;
display: flex;
justify-content: right;
margin: 6px 0;
span {
height: 16px;
font-size: 12px;
font-family: MicrosoftYaHei;
color: #999999;
line-height: 16px;
}
}
</style>
\ No newline at end of file
src/views/AllPersonnelBase/modules/tjddl.vue
......@@ -20,6 +20,26 @@
label="处理队列"
value="cldl"
></el-option>
<el-option
label="检查队列"
value="jcdl"
></el-option>
<el-option
label="编辑队列"
value="bjdl"
></el-option>
<el-option
label="查询队列"
value="cxdl"
></el-option>
<el-option
label="上报队列"
value="sbdl"
></el-option>
<el-option
label="下载队列"
value="xzdl"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="删除原图">
......@@ -47,7 +67,7 @@
>
<el-button
type="primary"
@click="dialogVisible = false"
@click="addList"
>确 定</el-button>
<el-button @click="dialogVisible = false">取 消</el-button>
......@@ -101,6 +121,9 @@ export default {
}
},
methods: {
addList () {
console.log(this.reqParam, '添加到队列')
},
handleClose (done) {
this.$confirm('确认关闭？')
.then(_ => {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment