Skip to content

F
founder_vue
Commit 09ce27e4 by liyuhang19990520
Options

串查、列表接口

parent 0abdfa57
Showing with 4188 additions and 203 deletions
src/router/modules/index.js
/*
* @Author: your name
* @Date: 2021-09-07 09:58:13
* @LastEditTime: 2021-11-29 16:53:54
* @LastEditTime: 2021-12-03 16:40:26
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\router\modules\index.js
......@@ -82,6 +82,15 @@ export default [
component: () => import("@/views/cxyrd/TT.vue")
},
{
path: "/confirm/LL",
name: "LL",
meta: {
title: "认定界面",
auth: "5"
},
component: () => import("@/views/cxyrd/LL.vue")
},
{
path: "/Editor",
name: "Editor",
meta: {
......
src/views/SystemManage/GroupManage.vue
......@@ -6,7 +6,7 @@
<div class="search-item">
<div class="label">用户组：</div>
<el-input
v-model="searchParams.groupname"
v-model="searchParams.userGroupName"
class="search-info"
placeholder="请输入用户名"
></el-input>
......@@ -22,26 +22,24 @@
<div class="search-item">
<div class="label">姓名：</div>
<el-input
v-model="searchParams.truename"
v-model="searchParams.name"
class="search-info"
placeholder="请输入用户名"
></el-input>
</div>
<div class="search-item">
<div class="label">用户所属单位名称：</div>
<el-input
v-model="searchParams.unitcode"
class="search-info"
placeholder="请输入单位名称"
></el-input>
<Cascader :form="searchParams" id="dwCode" width="9.6875"></Cascader>
</div>
<div class="search-item">
<div class="label">组角色：</div>
<el-input
v-model="searchParams.rolename"
class="search-info"
placeholder="请输入角色名"
></el-input>
<SelectCode
width="9.6875"
:form="searchParams"
id="groupRole"
codeUrl="/security/roles/roleMenu"
multiple
></SelectCode>
</div>
<div class="clear-btn" @click="clear" v-if="newStr">清空</div>
<div class="btn" @click="search">筛选用户组</div>
......@@ -208,9 +206,7 @@
</div>
<div class="footer">
<span class="count"
>共{{ tableData.length }} 条记录 第{{ searchParams.page.page }}/{{
Tpage
}}页</span
>共{{ tableData.length }} 条记录 第{{ page.page }}/{{ Tpage }}页</span
>
<div class="page">
<el-pagination
......@@ -218,11 +214,11 @@
background
@size-change="handleSizeChange"
@current-change="handleCurrPageChange"
:current-page="searchParams.page.page"
:current-page="page.page"
:page-sizes="[10, 20, 50, 100]"
:page-size="searchParams.page.total"
:page-size="page.total"
layout="prev, pager, next"
:total="searchParams.page.count"
:total="page.count"
>
</el-pagination>
</div>
......@@ -737,18 +733,11 @@ export default {
// 编辑框
isShowEditGroupDialog: false,
searchParams: {
groupname: "",
userGroupName: "",
username: "",
userId: "",
truename: "",
unitcode: "",
roleId: "",
rolename: "",
page: {
total: 20,
count: 0,
page: 1,
},
name: "",
dwCode: "",
groupRole: [],
// usergroup.append('Id', "用户组Id");
// groupname,
// groupdesc,
......@@ -760,6 +749,11 @@ export default {
// usergroup.append('page', "数据查询当前页码");//必填
// usergroup.append('total', "每页显示的数据条数");//必填
},
page: {
total: 20,
count: 0,
page: 1,
},
tableData: [],
addFormParams: {
......@@ -818,18 +812,17 @@ export default {
computed: {
// 计算总页数
Tpage() {
return (
Math.floor(
this.searchParams.page.count / this.searchParams.page.total
) + 1
);
return Math.floor(this.page.count / this.page.total) + 1;
},
newStr() {
let str = "";
for (let key in this.searchParams) {
if (key != "page") {
if (key != "page" && key != "groupRole") {
str += this.searchParams[key].trim();
}
if (key == "groupRole") {
str += this.searchParams[key].join();
}
}
return str == "" ? false : true;
},
......@@ -884,13 +877,14 @@ export default {
this.$refs.multipleTable.clearSelection();
},
clear() {
this.searchParams.page.page = 1; //必填
this.searchParams.page.total = 20; //必填
this.searchParams.groupname = "";
this.searchParams.username = "";
this.searchParams.truename = "";
this.searchParams.unitcode = "";
this.searchParams.rolename = "";
for (let key in this.searchParams) {
if (key != "page" || key != "groupRole") {
this.$set(this.searchParams, key, "");
}
if (key == "groupRole") {
this.$set(this.searchParams, key, []);
}
}
this.search();
},
//角色设置前端动效
......@@ -1066,12 +1060,12 @@ export default {
},
// 当期页发生变化
handleCurrPageChange: function (val) {
this.searchParams.page.page = val;
this.page.page = val;
this.search();
},
// 每页展示数量发生变化
handleSizeChange: function (val) {
this.searchParams.page.total = val;
this.page.total = val;
this.search();
},
// 打开新增弹窗
......@@ -1309,9 +1303,24 @@ export default {
},
// 搜索
search() {
//console.info("搜索用户列表");
this.$axios.get("/security/user-groups").then((res) => {
if (res.data.code == "200") {
let params = {};
for (let key in this.searchParams) {
if (key == "groupRole") {
params[key] = this.searchParams[key].join();
} else {
params[key] = this.searchParams[key];
}
}
this.$axios({
url: "/security/user-groups/search",
method: "post",
data: JSON.stringify(params),
headers: {
"Content-Type": "application/json",
},
}).then((res) => {
if (res.data.code == 200) {
this.tableData = res.data.detail;
this.allTableData = res.data.detail;
}
......
src/views/SystemManage/PermissionManage.vue
......@@ -29,39 +29,43 @@
<div class="label">姓名：</div>
<el-input
class="search-info"
v-model="userSearchParams.truename"
v-model="userSearchParams.name"
placeholder="请输入姓名"
/>
</div>
<div class="search-item">
<div class="label">用户组：</div>
<el-input
class="search-info"
v-model="userSearchParams.groupname"
placeholder="请输入用户组名"
/>
<SelectCode
width="9.6875"
:form="userSearchParams"
id="userGroupId"
codeUrl="/security/user-groups/userGroupMenu"
multiple
></SelectCode>
</div>
<div class="search-item">
<div class="label">单位代码：</div>
<el-input
class="search-info"
v-model="userSearchParams.unitcode"
placeholder="请输入单位代码"
/>
<div class="label">单位：</div>
<Cascader
:form="userSearchParams"
id="unitCode"
width="9.6875"
></Cascader>
</div>
<div class="search-item">
<div class="label">角色：</div>
<el-input
class="search-info"
v-model="userSearchParams.roleName"
placeholder="请输入角色"
/>
<SelectCode
width="9.6875"
:form="userSearchParams"
id="roleId"
codeUrl="/security/roles/roleMenu"
multiple
></SelectCode>
</div>
<div class="search-item">
<div class="label">权限：</div>
<el-input
class="search-info"
v-model="userSearchParams.permissionname"
v-model="userSearchParams.permissionId"
placeholder="请输入权限"
></el-input>
</div>
......@@ -209,7 +213,7 @@
<div class="footer">
<span class="count"
>共{{ userTableData.length }} 条记录 第{{
userSearchParams.page.page
userPage.page
}}/{{ userTpage }}页</span
>
<div class="page">
......@@ -218,10 +222,10 @@
background
@size-change="userHandleSizeChange"
@current-change="userHandleCurrPageChange"
:current-page="userSearchParams.page.page"
:page-size="userSearchParams.page.total"
:current-page="userPage.page"
:page-size="userPage.total"
layout="prev, pager, next"
:total="userSearchParams.page.count"
:total="userPage.count"
>
</el-pagination>
</div>
......@@ -426,7 +430,7 @@
<div class="footer">
<span class="count"
>共{{ groupTableData.length }} 条记录 第{{
groupSearchParams.page.page
grouppage.page
}}/{{ groupTpage }}页</span
>
<div class="page">
......@@ -435,10 +439,10 @@
background
@size-change="groupHandleSizeChange"
@current-change="groupHandleCurrPageChange"
:current-page="groupSearchParams.page.page"
:page-size="groupSearchParams.page.total"
:current-page="grouppage.page"
:page-size="grouppage.total"
layout="prev, pager, next"
:total="groupSearchParams.page.count"
:total="grouppage.count"
>
</el-pagination>
</div>
......@@ -520,9 +524,14 @@
<script>
import "@/icons/group-item.svg";
import SelectCode from "@/components/SelectCode.vue";
import Cascader from "@/components/Cascader.vue";
export default {
name: "PermissionManage",
components: {
SelectCode,
Cascader
},
created() {
let w1 = 1920;
let w2 = window.innerWidth;
......@@ -566,16 +575,16 @@ export default {
// 搜索用户
userSearchParams: {
username: "",
truename: "",
unitcode: "",
roleName: "",
permissionname: "",
groupname: "",
page: {
total: 20,
count: 0,
page: 1,
},
name: "",
userGroupId: [],
unitCode: "",
roleId: [],
permissionId: "",
},
userPage: {
total: 20,
count: 0,
page: 1,
},
src: require("@/assets/img/police-badge.png"),
groupTableData: [],
......@@ -596,11 +605,11 @@ export default {
unitcode: "",
roleId: "",
rolename: "",
page: {
total: 20,
count: 0,
page: 1,
},
},
grouppage: {
total: 20,
count: 0,
page: 1,
},
};
},
......@@ -609,7 +618,7 @@ export default {
userTpage() {
return (
Math.floor(
this.userSearchParams.page.count / this.userSearchParams.page.total
this.userPage.count / this.userPage.total
) + 1
);
},
......@@ -667,7 +676,7 @@ export default {
groupTpage() {
return (
Math.floor(
this.groupSearchParams.page.count / this.groupSearchParams.page.total
this.grouppage.count / this.grouppage.total
) + 1
);
},
......@@ -725,8 +734,8 @@ export default {
this.userSearchParams.groupname = "";
this.userSearchParams.truename = "";
this.userSearchParams.unitcode = "";
this.userSearchParams.page.page = 1;
this.userSearchParams.page.total = 20;
this.userPage.page = 1;
this.userPage.total = 20;
this.userSearchParams.username = "";
this.userSearchParams.permissionname = "";
this.searchUser();
......@@ -734,8 +743,8 @@ export default {
// 用户组清空
groupClear() {
this.groupSearchParams.page.page = 1; //必填
this.groupSearchParams.page.total = 20; //必填
this.grouppage.page = 1; //必填
this.grouppage.total = 20; //必填
this.groupSearchParams.groupname = "";
this.groupSearchParams.username = "";
this.groupSearchParams.truename = "";
......@@ -745,12 +754,12 @@ export default {
},
// 用户当期页发生变化
userHandleCurrPageChange: function (val) {
this.userSearchParams.page.page = val;
this.userPage.page = val;
this.searchUser();
},
// 用户每页展示数量发生变化
userHandleSizeChange: function (val) {
this.userSearchParams.page.total = val;
this.userPage.total = val;
this.searchUser();
},
// 获取用户信息
......@@ -785,12 +794,12 @@ export default {
},
// 用户组当前页发生变化
groupHandleCurrPageChange: function (val) {
this.groupSearchParams.page.page = val;
this.grouppage.page = val;
this.searchGroup();
},
// 用户组每页展示数量发生变化
groupHandleSizeChange: function (val) {
this.groupSearchParams.page.total = val;
this.grouppage.total = val;
this.searchGroup();
},
......
src/views/SystemManage/UserManage.vue
......@@ -47,7 +47,7 @@
<div class="label">权限：</div>
<el-input
class="search-info"
v-model="searchParams.permissionname"
v-model="searchParams.permissionId"
placeholder="请输入权限"
></el-input>
</div>
......@@ -239,9 +239,7 @@
</div>
<div class="footer">
<span class="count"
>共{{ tableData.length }} 条记录 第{{ searchParams.page.page }}/{{
Tpage
}}页</span
>共{{ tableData.length }} 条记录 第{{ page.page }}/{{ Tpage }}页</span
>
<div class="page">
<el-pagination
......@@ -249,11 +247,11 @@
background
@size-change="handleSizeChange"
@current-change="handleCurrPageChange"
:current-page="searchParams.page.page"
:current-page="page.page"
:page-sizes="[10, 20, 50, 100]"
:page-size="searchParams.page.total"
:page-size="page.total"
layout="prev, pager, next"
:total="searchParams.page.count"
:total="page.count"
>
</el-pagination>
</div>
......@@ -664,16 +662,16 @@ export default {
// 搜索对象
searchParams: {
username: "",
truename: "",
unitcode: "",
roleName: "",
permissionname: "",
groupname: "",
page: {
total: 10,
count: 0,
page: 1,
},
name: "",
userGroupId: [],
unitCode: "",
roleId: [],
permissionId: "",
},
page: {
total: 10,
count: 0,
page: 1,
},
// 选中数据
multipleSelection: [],
......@@ -721,18 +719,18 @@ export default {
},
// 计算总页数
Tpage() {
return (
Math.floor(
this.searchParams.page.count / this.searchParams.page.total
) + 1
);
return Math.floor(this.page.count / this.page.total) + 1;
},
newStr() {
let str = "";
console.log(this.searchParams);
for (let key in this.searchParams) {
if (key != "page" && key != "roleId" && key != "userGroupId") {
str += this.searchParams[key].trim();
}
if (key == "userGroupId" || key == "roleId") {
str += this.searchParams[key].join();
}
}
return str == "" ? false : true;
},
......@@ -839,20 +837,37 @@ export default {
this.$refs[formName].resetFields();
},
clear() {
//console.log(11111111, this.searchParams);
for (let key in this.searchParams) {
if (key != "page") {
if (key != "page" || key != "userGroupId" || key != "roleId") {
this.$set(this.searchParams, key, "");
}
if (key == "userGroupId" || key == "roleId") {
this.$set(this.searchParams, key, []);
}
}
this.searchParams.page.page = 1;
this.searchParams.page.total = 10;
this.search();
},
search() {
let params = {};
for (let key in this.searchParams) {
if (key == "userGroupId" || key == "roleId") {
params[key] = this.searchParams[key].join();
} else {
params[key] = this.searchParams[key];
}
}
console.log(params); ///////////////////
//console.info("搜索用户列表");
this.$axios.get("/security/users").then((res) => {
this.$axios({
url: "/security/users/search",
method: "post",
data: JSON.stringify(params),
headers: {
"Content-Type": "application/json",
},
}).then((res) => {
if (res.data.code == 200) {
this.tableData = res.data.detail;
this.allTableData = res.data.detail;
......@@ -886,12 +901,12 @@ export default {
},
// 当期页发生变化
handleCurrPageChange: function (val) {
this.searchParams.page.page = val;
this.page.page = val;
this.search();
},
// 每页展示数量发生变化
handleSizeChange: function (val) {
this.searchParams.page.total = val;
this.page.total = val;
this.search();
},
// 打开新增弹窗
......
src/views/cxyrd/LL.scss 0 → 100644
// 电话验证颜色
$phone: var(--phone, #606266); //#ff4242;
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.rdwcDialog {
position: absolute;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: 100%;
background: rgba($color: #fff, $alpha: 0.65);
filter: blur(2px);
}
.rdwccontent {
padding: 20px;
box-sizing: border-box;
position: absolute;
top: calc(50% - 300px);
left: calc(50% - 300px);
z-index: 1000;
width: 600px;
height: 152px;
background: #ffffff;
box-shadow: 0px 14px 30px 0px rgba(0, 21, 51, 0.25);
border-radius: 6px;
display: flex;
flex-direction: column;
align-items: center;
.title {
font-size: 16px;
font-family: MicrosoftYaHei;
color: #282f3c;
}
.rdwcbtns {
display: flex;
align-items: center;
margin-top: 30px;
.rdwcconfirm,
.rdwccancel {
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
width: 72px;
height: 40px;
background: #ffffff;
border-radius: 4px;
border: 1px solid #aeb5c2;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #2e3846;
}
.rdwcconfirm {
&:hover {
border: 1px solid #055fe7;
color: #055fe7;
}
&:active {
border: 1px solid #044cb9;
color: #044cb9;
}
}
.rdwccancel {
margin-left: 24px;
background: #055fe7;
color: #ffffff;
&:hover {
background: #377fec;
color: #ffffff;
}
&:active {
background: #044cb9;
color: #ffffff;
}
}
}
}
.bzDialog {
position: absolute;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: 100%;
background: rgba($color: #fff, $alpha: 0.65);
filter: blur(2px);
}
.bzActive {
filter: blur(2px);
}
.bzcontent {
box-sizing: border-box;
position: absolute;
top: calc(50% - 317px);
left: calc(50% - 371.5px);
z-index: 1000;
width: 743px;
height: 634px;
background: #ffffff;
box-shadow: 0px 14px 30px 0px rgba(0, 21, 51, 0.25);
border-radius: 6px;
.head-title {
box-sizing: border-box;
width: 100%;
height: 50px;
display: flex;
justify-content: space-between;
padding: 14px 32px;
.left {
font-size: 16px;
font-family: MicrosoftYaHei;
color: #282f3c;
}
.close {
cursor: pointer;
width: 13px;
height: 13px;
img {
object-fit: contain;
}
}
}
.bzdesc {
font-size: 14px;
font-family: MicrosoftYaHei;
color: #333333;
.bz-source {
width: 743px;
height: 160px;
background: rgba(8, 189, 158, 0.06);
padding: 24px 32px;
.bzitem {
width: 338px;
margin-bottom: 20px;
display: inline-table;
// display: table;
.bzname {
width: 114px;
}
.bzvalue {
display: inline-table;
box-sizing: border-box;
padding: 0 15px;
width: calc(100% - 114px);
}
}
.bzvalue {
&.zc {
font-size: 14px;
font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
font-weight: bold;
color: #08bd9e;
}
.dot {
margin-bottom: 2px;
margin-right: 5px;
width: 6px;
height: 6px;
background: #08bd9e;
border-radius: 50%;
}
}
/deep/.el-radio {
color: #666;
margin-right: 24px;
}
/deep/.el-radio__input.is-checked + .el-radio__label {
color: #333333;
padding-left: 8px;
}
/deep/.el-radio__input.is-checked .el-radio__inner {
border: 1px solid #055fe7;
background: #055fe7;
}
/deep/.el-radio__inner {
width: 16px;
height: 16px;
&::after {
width: 8px;
height: 8px;
}
}
}
.bz-target {
width: 743px;
height: 160px;
padding: 24px 32px;
.bzitem {
width: 338px;
margin-bottom: 20px;
position: relative;
.bzphone {
/deep/.el-input__inner {
color: $phone;
}
}
.error-desc {
position: absolute;
height: 20px;
bottom: -24px;
right: 36px;
font-size: 12px;
font-family: MicrosoftYaHei;
color: #ff3745;
}
.input-error {
position: absolute;
width: 16px;
height: 16px;
right: 51px;
top: 6px;
// img {
// object-fit: contain;
// }
.icon {
width: 16px;
height: 16px;
}
}
.bzname {
width: 114px;
}
}
/deep/.el-input {
width: 180px;
height: 32px;
background: #ffffff;
border-radius: 4px;
border: 1px solid #e6e6e8;
}
/deep/.el-input__inner {
height: 32px;
line-height: 32px;
border: 1px solid #e6e6e8;
}
}
.line {
width: 679px;
height: 1px;
background: #eeeeee;
margin-left: 32px;
}
.bzfooter {
padding: 0 32px;
width: 100%;
.footer-title {
font-size: 14px;
font-family: MicrosoftYaHei;
color: #666666;
/deep/.el-textarea {
width: 100%;
}
}
/deep/.el-textarea__inner {
background: #f6f8fa;
box-shadow: 0px 1px 2px 0px rgba(5, 95, 231, 0.18);
border-radius: 4px;
border: 1px solid #eeeeee;
}
}
.bzbtns {
display: flex;
align-items: center;
margin-left: 287px;
margin-top: 30px;
.bzconfirm,
.bzcancel {
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
width: 72px;
height: 40px;
background: #ffffff;
border-radius: 4px;
border: 1px solid #aeb5c2;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #2e3846;
}
.bzconfirm {
&:hover {
border: 1px solid #055fe7;
color: #055fe7;
}
&:active {
border: 1px solid #044cb9;
color: #044cb9;
}
}
.bzcancel {
margin-left: 24px;
background: #055fe7;
color: #ffffff;
&:hover {
background: #377fec;
color: #ffffff;
}
&:active {
background: #044cb9;
color: #ffffff;
}
}
}
}
}
.bzcontent {
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;
}
.bz-source {
height: auto !important;
background: rgba(5, 95, 231, 0.04) !important;
}
.bzbtns {
margin: 0 !important;
height: 90px !important;
justify-content: center;
}
.bzcontent {
height: auto !important;
}
.smallTitle {
color: #055fe7;
font-family: MicrosoftYaHei;
}
.bzvalue.zc {
color: #055fe7 !important;
.dot {
background-color: #055fe7 !important;
}
}
src/views/cxyrd/LL.vue 0 → 100644
<template>
<div class="ltDiv">
<div class="lt" :class="{ bzActive: isShowbzDialogBg }">
<div class="header">
<div class="label">串查</div>
<div class="btns">
<div class="bz-btn" @click="Bz">比中</div>
<div class="rd-btn" @click="Rdwc">认定完成</div>
</div>
</div>
<div class="header_line"></div>
<div class="lt_main">
<div class="lt_main_left">
<LLSrc :src-data="qid"></LLSrc>
</div>
<div class="lt_main_middle">
<!-- <div class="lt_main_header">顶部工具</div>
<div class="lt_middle_main">中部指纹编辑</div>
<div class="lt_main_footer">底部工具</div> -->
<ImageEd></ImageEd>
</div>
<div class="lt_main_right">
<LLCandidate></LLCandidate>
</div>
</div>
</div>
<!-- 比中弹窗 -->
<!-- <div class="bzDialog" v-show="isShowbzDialogBg" @click="cancelbz"></div> -->
<div class="bzDialog" v-show="isShowbzDialogBg"></div>
<div class="bzcontent" v-show="isShowbzDialog">
<div class="head-title">
<div class="left">比中</div>
<div class="close" @click="cancelbz">
<img src="@/assets/img/LT/close.png" alt="" />
</div>
</div>
<div class="bzdesc">
<div class="bz-source">
<div class="bzitem">
<div class="bzname">查询类型：</div>
<div class="bzvalue zc">
<div class="dot"></div>
串查
</div>
</div>
<div class="bzitem">
<div class="bzname">现场勘验编号：</div>
<div class="bzvalue">{{ xckybh }}</div>
</div>
<div class="bzitem">
<p class="smallTitle">源数据</p>
<img src="@/assets/img/LL/bottomLine.png" alt="" />
</div>
<div class="bzitem">
<p class="smallTitle">目标数据</p>
<img src="@/assets/img/LL/bottomLine.png" alt="" />
</div>
<div class="bzitem">
<div class="bzname">案事件编号：</div>
<div class="bzvalue">{{ source.asjbh }}</div>
</div>
<div class="bzitem">
<div class="bzname">案事件编号：</div>
<div class="bzvalue">{{ target.asjbh }}</div>
</div>
<div class="bzitem">
<div class="bzname">现场勘验编号：</div>
<div class="bzvalue">{{ source.xckybh }}</div>
</div>
<div class="bzitem">
<div class="bzname">现场勘验编号：</div>
<div class="bzvalue">{{ target.xckybh }}</div>
</div>
<div class="bzitem">
<div class="bzname">序号：</div>
<div class="bzvalue">{{ source.xh }}</div>
</div>
<div class="bzitem">
<div class="bzname">序号：</div>
<div class="bzvalue">{{ target.xh }}</div>
</div>
<div class="bzitem">
<div class="bzname">提取单位：</div>
<div class="bzvalue">{{ source.tqdwGajgmc }}</div>
</div>
<div class="bzitem">
<div class="bzname">提取单位：</div>
<div class="bzvalue">{{ target.tqdwGajgmc }}</div>
</div>
<div class="bzitem">
<div class="bzname">提取人：</div>
<div class="bzvalue">{{ source.tqryXm }}</div>
</div>
<div class="bzitem">
<div class="bzname">提取人：</div>
<div class="bzvalue">{{ target.tqryXm }}</div>
</div>
</div>
<div class="bz-target">
<div class="bzitem">
<div class="bzname">比中单位：</div>
<div class="bzvalue">{{ bzdw }}</div>
</div>
<div class="bzitem">
<div class="bzname">比中人：</div>
<div class="bzvalue">{{ bzr }}</div>
</div>
<div class="bzitem">
<div class="bzname">单位代码：</div>
<div class="bzvalue">{{ dwdm }}</div>
</div>
<div class="bzitem">
<div class="bzname">比中人身份证号：</div>
<div class="bzvalue">{{ bzrsfzh }}</div>
</div>
<div class="bzitem">
<div class="bzname">比中时间：</div>
<div class="bzvalue">{{ bzsj }}</div>
</div>
<div class="bzitem">
<div class="bzname">比中人联系电话：</div>
<el-input
class="bzphone"
v-model="phone"
placeholder="请输入内容"
></el-input>
<div class="input-error" v-show="isPhoneError">
<!-- <img src="@/assets/img/inputerror.png" alt=""> -->
<svg-icon icon-class="error" class="icon" />
</div>
<div class="error-desc" v-show="isPhoneError">
联系电话不应低于7位数！
</div>
</div>
</div>
<div class="line"></div>
<div class="bzfooter">
<div class="footer-title">备注</div>
<el-input
type="textarea"
:rows="5"
placeholder="在此输入备注信息"
v-model="textarea"
>
</el-input>
</div>
<div class="bzbtns">
<button class="bzconfirm" @click="confirmbz">确认</button>
<button class="bzcancel" @click="cancelbz">取消</button>
</div>
</div>
</div>
<!-- 认定完成确认框 -->
<div class="rdwcDialog" v-show="isShowrdwcDialogBg"></div>
<div class="rdwccontent" v-show="isShowrdwcDialog">
<div class="title">当前候选未全部查看，是否确认认定完成？</div>
<div class="rdwcbtns">
<button class="rdwcconfirm" @click="confirmrdwc">确认</button>
<button class="rdwccancel" @click="cancelrdwc">取消</button>
</div>
</div>
</div>
</template>
<script>
import "@/icons/error.svg";
import Utils from "@/utils/util.js";
import LLSrc from "./modules/LLSrc.vue";
import LLCandidate from "./modules/LLCandidate.vue";
import ImageEd from "../../components/ImageEd.vue";
export default {
// 正查 倒查 查重
name: "LT",
components: {
LLSrc,
LLCandidate,
ImageEd,
},
data() {
return {
source: {
asjbh: "",
xckybh: "",
tqdwGajgmc: "",
tqryXm: "",
xh: "",
},
target: {
asjbh: "",
xckybh: "",
tqdwGajgmc: "",
tqryXm: "",
xh: "",
},
qid: null,
radio: 6,
phone: "",
textarea: "",
isShowbzDialog: false,
isShowbzDialogBg: false,
bzdw: "",
bzr: "",
dwdm: "",
bzrsfzh: "",
bzsj: "",
isPhoneError: false,
asjbh: "",
xh: "",
xckybh: "",
rybh: "",
zw: "",
// 是否展示认定完成确认框背景
isShowrdwcDialogBg: false,
// 是否展示认定完成确认框
isShowrdwcDialog: false,
};
},
created() {
this.qid = this.$route.query.rowData;
//console.log("源qid====>", this.qid);
},
watch: {
phone(newValue, oldValue) {
if (newValue.length < 7) {
this.isPhoneError = true;
document
.getElementsByTagName("body")[0]
.style.setProperty("--phone", "#ff4242");
} else {
this.isPhoneError = false;
document
.getElementsByTagName("body")[0]
.style.setProperty("--phone", "#606266");
}
},
},
methods: {
/**
* @description: 确认认定完成
* @param {*}
* @return {*}
*/
confirmrdwc() {
let self = this;
this.isShowrdwcDialogBg = false;
this.isShowrdwcDialog = false;
let srcseqno = sessionStorage.getItem("srcseqno") || "";
let destseqno = sessionStorage.getItem("destseqno") || "";
let srcbarcode = sessionStorage.getItem("srcbarcode") || "";
let destbarcode = sessionStorage.getItem("destbarcode") || "";
let qqid = sessionStorage.getItem("qqid") || "";
let qid = sessionStorage.getItem("qid") || "";
let type = sessionStorage.getItem("zctype") || "";
// 3：串查
let querytype = 3;
this.$axios({
method: "post",
url: "/api/matchcand/affirm/finish",
data: {
// affirmState,
// srcseqno,
// destseqno,
srcbarcode,
destbarcode,
qqid,
qid,
querytype,
},
}).then((response) => {
// 跟新列表数据
self.$bus.emit("updateFinderSource");
//console.log(response);
this.$message.success("认定完成！");
if (type == "son") {
window.close();
}
});
},
/**
* @description: 取消认定完成
* @param {*}
* @return {*}
*/
cancelrdwc() {
this.isShowrdwcDialogBg = false;
this.isShowrdwcDialog = false;
},
/**
* @description: 取消比中
* @param {*}
* @return {*}
*/
cancelbz() {
this.isShowbzDialogBg = false;
this.isShowbzDialog = false;
},
/**
* @description: 确认比中
* @param {*}
* @return {*}
*/
confirmbz() {
let self = this;
//console.log("比中");
let affirmstatus = "1";
let srcseqno = sessionStorage.getItem("srcseqno") || "";
let destseqno = sessionStorage.getItem("destseqno") || "";
let srcbarcode = sessionStorage.getItem("srcbarcode") || "";
let destbarcode = sessionStorage.getItem("destbarcode") || "";
let qqid = sessionStorage.getItem("qqid") || "";
let qid = sessionStorage.getItem("qid") || "";
// 3：串查
let querytype = 3;
this.$axios({
method: "post",
url: "/api/matchcand/affirm/hit",
data: {
affirmstatus,
srcseqno,
destseqno,
srcbarcode,
destbarcode,
qqid,
qid,
querytype,
affirmDescribe: self.textarea,
},
})
.then((response) => {
// 跟新列表数据
self.$bus.emit("updateFinderSource");
//console.log(response);
this.$message.success("比中成功！");
})
.catch((err) => {
this.$message.error("比中失败！");
});
// 更新电话
this.$axios({
method: "post",
url: "/api/user/update",
data: {
telephone: self.phone,
},
}).then((res) => {
//console.log(res);
});
this.isShowbzDialogBg = false;
this.isShowbzDialog = false;
},
/**
* @description: 获取现场勘验编号
* @param {*}
* @return {*}
*/
getUserInfo2() {
let self = this;
let destbarcode = sessionStorage.getItem("destbarcode") || "";
this.$set(
self.target,
"asjbh",
sessionStorage.getItem("destbarcode") || ""
);
this.$axios({
url: "/api/casestore/casebase",
method: "get",
params: {
barcode: destbarcode,
},
loading: false,
}).then((res) => {
if (res.data.code == 0 && res.data.message) {
let result = res.data.ret;
for (let key in self.target) {
if (result[key]) {
this.$set(self.target, key, result[key]);
}
}
this.$set(
self.target,
"xh",
sessionStorage.getItem("destseqno") || ""
);
}
});
},
/**
* @description: 获取正查比中下方的数据
* @param {*} id
* @return {*}
*/
getUserInfo() {
let self = this;
let srcbarcode = sessionStorage.getItem("srcbarcode") || "";
this.$set(self.source, "asjbh", srcbarcode);
this.$axios({
method: "get",
url: "/api/casestore/casebase?barcode=" + srcbarcode,
}).then((res) => {
if (res.data.code == 0 && res.data.message) {
let result = res.data.ret;
for (let key in self.source) {
if (result[key]) {
this.$set(self.source, key, result[key]);
}
}
this.$set(self.source, "xh", sessionStorage.getItem("zcseq") || "");
}
});
// this.$axios({
// method: "post",
// url: "/api/user/searchByUserid",
// data: {
// id: id,
// },
// loading: false,
// }).then(async (res) => {
// if (res.data.code == 0) {
// let data = res.data.ret[0];
// //console.log(data);
// let dw = await self.$axios({
// method: "get",
// url: "/api/code/unit/one/" + data.userunit,
// loading: false,
// });
// let time = new Date(data.updatetime);
// self.bzsj = Utils.timeStampTurnTime2(time);
// self.bzr = data.userdesc;
// self.dwdm = dw.data.ret.code;
// self.bzdw = dw.data.ret.name;
// self.bzrsfzh = data.idcard;
// self.phone = data.telephone;
// }
// });
},
/**
* @description: 比中
* @param {*}
* @return {*}
*/
Bz() {
this.getUserInfo();
this.getUserInfo2();
this.asjbh = sessionStorage.getItem("srcbarcode");
this.xh = sessionStorage.getItem("srcseqno");
this.rybh = sessionStorage.getItem("destbarcode");
this.judgeZw(Number(sessionStorage.getItem("destseqno")));
this.isShowbzDialogBg = true;
this.isShowbzDialog = true;
},
/**
* @description: 认定完成
* @param {*}
* @return {*}
*/
Rdwc() {
//console.log("认定完成");
let qqid = sessionStorage.getItem("qqid") || "";
// 认定之前的操作
this.$axios({
method: "post",
url: "/api/matchcand/affirm/confirm",
data: {
qqid,
},
loading: false,
}).then((res) => {
//console.log(res);
if (!res.data.ret) {
this.isShowrdwcDialogBg = true;
this.isShowrdwcDialog = true;
} else {
// 执行认定完成
this.confirmrdwc();
}
});
},
/**
* @description: 更具code判断指位
* @param {*} code
* @return {*}
*/
judgeZw(code) {
//console.log(code);
switch (code) {
case 1:
this.zw = "滚动-右拇";
break;
case 2:
this.zw = "滚动-右食";
break;
case 3:
this.zw = "滚动-右中";
break;
case 4:
this.zw = "滚动-右环";
break;
case 5:
this.zw = "滚动-右小";
break;
case 6:
this.zw = "滚动-左拇";
break;
case 7:
this.zw = "滚动-左食";
break;
case 8:
this.zw = "滚动-左中";
break;
case 9:
this.zw = "滚动-左环";
break;
case 10:
this.zw = "滚动-左小";
break;
case 11:
this.zw = "平面-右拇";
break;
case 12:
this.zw = "平面-右食";
break;
case 13:
this.zw = "平面-右中";
break;
case 14:
this.zw = "平面-右环";
break;
case 15:
this.zw = "平面-右小";
break;
case 16:
this.zw = "平面-左拇";
break;
case 17:
this.zw = "平面-左食";
break;
case 18:
this.zw = "平面-左中";
break;
case 19:
this.zw = "平面-左环";
break;
case 20:
this.zw = "平面-左小";
break;
}
},
},
beforeDestroy() {
//组件销毁前需要解绑事件。否则会出现重复触发事件的问题
this.$bus.off("updateFinderSource");
},
};
</script>
<style scoped lang="scss">
.ltDiv {
width: 100%;
height: 100%;
height: 100vh;
overflow: hidden;
}
div {
margin: 0;
padding: 0;
display: inline-block;
border: none;
}
.lt {
width: 100%;
background-color: #ffffff;
/*padding: 24px;*/
margin: 0;
padding: 0 24px 24px 24px;
display: flex;
flex-direction: column;
/deep/.el-table__body-wrapper.is-scrolling-none {
margin-top: -8px;
}
}
.header {
height: 59px;
flex-grow: 1;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
.label {
align-self: flex-start;
width: 32px;
height: 22px;
font-size: 16px;
font-weight: bold;
color: #055fe7;
line-height: 22px;
margin-top: 14px;
}
}
.header_line {
width: 1872px;
height: 2px;
background: #eee;
position: absolute;
top: 52px;
}
.btns {
margin-top: 14px;
align-self: flex-end;
margin-bottom: 13px;
color: #ffffff;
font-size: 14px;
line-height: 22px;
.bz-btn {
cursor: pointer;
width: 96px;
height: 32px;
background: #ff0039;
border-radius: 4px;
margin-right: 16px;
text-align: center;
line-height: 32px;
}
.rd-btn {
cursor: pointer;
width: 96px;
height: 32px;
background: #055fe7;
border-radius: 4px;
text-align: center;
line-height: 32px;
}
}
.lt_header {
height: 59px;
flex-grow: 1;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.lt_header .lt_header_label {
align-self: flex-start;
width: 100px;
}
.lt_header .tt_header_button {
align-self: flex-end;
margin-right: 50px;
}
.lt_main {
width: 100%;
display: flex;
flex-direction: row;
}
.lt_main_left {
width: 352px;
border: none;
/* margin-right: 16px; */
margin-top: 18px;
}
.lt_main_middle {
width: 1120px;
display: flex;
flex-direction: column;
margin-top: -65px;
}
.lt_main_middle .lt_main_header {
height: 70px;
border: 1px #8b4513 solid;
}
.lt_main_middle .lt_main_footer {
height: 104px;
}
.lt_main_middle .lt_middle_main {
width: 100%;
height: 750px;
border: 1px #8b4513 solid;
}
.lt_main_right {
margin-top: 50px;
margin-left: 16px;
width: 380px;
border: none;
}
.lt_main_footer {
border: 1px saddlebrown solid;
}
/deep/ .current-row {
td {
background: #f5f5f7 !important;
}
}
@import "./LL.scss";
</style>
src/views/cxyrd/QueryConfirm.vue
......@@ -846,12 +846,20 @@ export default {
query: { qid: row.qid, qqid: row.qqid, type: "father" },
});
window.open(routeUrl.href, "_blank");
} else {
} else if (row.children[0].querytype === "3") {
let routeUrl = this.$router.resolve({
path: "/confirm/LL",
query: { qid: row.qid, qqid: row.qqid, type: "father" },
});
window.open(routeUrl.href, "_blank");
} else if (row.children[0].querytype === "2") {
let routeUrl = this.$router.resolve({
path: "/confirm/LT",
query: { qid: row.qid, qqid: row.qqid, type: "father" },
});
window.open(routeUrl.href, "_blank");
} else {
this.$message.error("数据类型错误");
}
} else {
if (row.querytype === "0") {
......@@ -872,74 +880,23 @@ export default {
query: { qid: row.qid, qqid: row.qqid, type: "son" },
});
window.open(routeUrl.href, "_blank");
} else {
} else if (row.querytype === "3") {
// 子级
let routeUrl = this.$router.resolve({
path: "/confirm/LL",
query: { qid: row.qid, qqid: row.qqid, type: "son" },
});
window.open(routeUrl.href, "_blank");
} else if (row.querytype === "2") {
let routeUrl = this.$router.resolve({
path: "/confirm/LT",
query: { qid: row.qid, qqid: row.qqid, type: "son" },
});
window.open(routeUrl.href, "_blank");
} else {
this.$message.error("数据类型不正确");
}
}
// if (row.querytype === "0") {
// if (row.children) {
// let routeUrl = this.$router.resolve({
// path: "/confirm/TT",
// query: {
// qqid: row.qqid,
// qid: row.qid,
// barcode: row.barcode,
// type: "father",
// },
// });
// window.open(routeUrl.href, "_blank");
// } else {
// let routeUrl = this.$router.resolve({
// path: "/confirm/TT",
// query: {
// qqid: row.qqid,
// qid: row.qid,
// barcode: row.barcode,
// type: "son",
// },
// });
// window.open(routeUrl.href, "_blank");
// }
// } // tl 倒查 1
// else if (row.querytype === "1") {
// if (row.children) {
// // 父级
// let routeUrl = this.$router.resolve({
// path: "/confirm/TL",
// query: { qid: row.qid, qqid: row.qqid, type: "father" },
// });
// window.open(routeUrl.href, "_blank");
// } else {
// // 子级
// let routeUrl = this.$router.resolve({
// path: "/confirm/TL",
// query: { qid: row.qid, qqid: row.qqid, type: "son" },
// });
// window.open(routeUrl.href, "_blank");
// }
// }
// // ll 串查 3 lt 正查 2
// else {
// // //console.info("串查/正查", row.querytype, row);
// // 打开新页面
// if (row.children) {
// let routeUrl = this.$router.resolve({
// path: "/confirm/LT",
// query: { qid: row.qid, qqid: row.qqid, type: "father" },
// });
// window.open(routeUrl.href, "_blank");
// } else {
// let routeUrl = this.$router.resolve({
// path: "/confirm/LT",
// query: { qid: row.qid, qqid: row.qqid, type: "son" },
// });
// window.open(routeUrl.href, "_blank");
// }
// }
},
delSelect() {
this.selectBoo = false;
......
src/views/cxyrd/modules/LLCandidate.vue 0 → 100644
<template>
<div class="lt_candidate">
<div class="lt_cnadidate_search">
<!-- <el-dropdown trigger="click" @command="choose">-->
<!-- <span class="el-dropdown-link">-->
<!-- 指纹-->
<!-- <i style=" width: 1rem; height: 1rem" class="el-icon-caret-bottom"></i>-->
<!-- </span>-->
<!-- <el-dropdown-menu slot="dropdown">-->
<!-- <el-dropdown-item command="1">指纹</el-dropdown-item>-->
<!-- <el-dropdown-item command="2">掌纹</el-dropdown-item>-->
<!-- &lt;!&ndash; <div class="label" @click="choose(1)">指纹</div>-->
<!-- <div class="label" @click="choose(2)">掌纹</div> &ndash;&gt;-->
<!-- </el-dropdown-menu>-->
<!-- </el-dropdown>-->
<!-- 指纹下拉框-->
<div class="finger-dropdown">
<div class="fingerName">
<!-- <div @click="fingerDropdownChange">-->
<!-- <span>指纹</span><i style=" width: 1rem; height: 1rem" class="el-icon-caret-bottom"></i>-->
<span>指纹</span>
</div>
<transition name="slide-fade">
<div
class="dropdown-options"
v-show="isFingerDropdown"
@click="changefingershowType($event)"
>
<div class="option-item">
<div class="selected">
<span v-if="fingershowType === '指纹'">√</span>
</div>
<div class="txt">指纹</div>
</div>
<div class="option-item">
<div class="selected">
<span v-if="fingershowType === '掌纹'">√</span>
</div>
<div class="txt">掌纹</div>
</div>
</div>
</transition>
</div>
<el-input
class="input"
v-model="input3"
placeholder="请输入条码号/指位"
@keydown.enter="search"
></el-input>
<div class="btn" @click="search">筛选</div>
<div class="checked">
<el-checkbox v-model="checked">显示已比中候选</el-checkbox>
</div>
<!-- <el-input-->
<!-- placeholder="请输入内容"-->
<!-- v-model="input3"-->
<!-- class="input-with-select"-->
<!-- >-->
<!-- <el-select v-model="select" slot="prepend" placeholder="请选择">-->
<!-- <el-option label="指纹" value="1"></el-option>-->
<!-- <el-option label="掌纹" value="2"></el-option>-->
<!-- </el-select>-->
<!-- <el-button slot="append" @click="search">筛选</el-button>-->
<!-- </el-input>-->
</div>
<div class="lt_candidate_number">
<el-table
highlight-current-row
@current-change="handleCurrentChange"
class="lt_candidate_table"
:data="tableData"
ref="singleTable"
:row-class-name="tableRowClassName"
>
<el-table-column label="排名" type="index" :width="width1">
</el-table-column>
<!-- <el-table-column label="排名" width="50"></el-table-column>-->
<el-table-column prop="score" label="得分" :width="width2">
<template slot-scope="scope">
<!-- 被删除-->
<span v-if="scope.row.removeFlag === 1">
<del>{{ scope.row.score }}</del>
</span>
<span v-else>
{{ scope.row.score }}
</span>
</template>
</el-table-column>
<el-table-column
prop="destseqno"
label="指位"
:width="width3"
:render-header="icons"
>
<template slot-scope="scope">
<span v-if="scope.row.removeFlag === 1">
{{
scope.row.destseqno == "1"
? "拇指"
: scope.row.destseqno == "2"
? "食指"
: scope.row.destseqno == "3"
? "中指"
: scope.row.destseqno == "4"
? "环指"
: scope.row.destseqno == "5"
? "小指"
: scope.row.destseqno == "6"
? "拇指"
: scope.row.destseqno == "7"
? "食指"
: scope.row.destseqno == "8"
? "中指"
: scope.row.destseqno == "9"
? "环指"
: scope.row.destseqno == "10"
? "小指"
: scope.row.destseqno == "11"
? "拇指"
: scope.row.destseqno == "12"
? "食指"
: scope.row.destseqno == "13"
? "中指"
: scope.row.destseqno == "14"
? "环指"
: scope.row.destseqno == "15"
? "小指"
: scope.row.destseqno == "16"
? "拇指"
: scope.row.destseqno == "17"
? "食指"
: scope.row.destseqno == "18"
? "中指"
: scope.row.destseqno == "19"
? "环指"
: "小指"
}}
</span>
<span v-else>
{{
scope.row.destseqno == "1"
? "拇指"
: scope.row.destseqno == "2"
? "食指"
: scope.row.destseqno == "3"
? "中指"
: scope.row.destseqno == "4"
? "环指"
: scope.row.destseqno == "5"
? "小指"
: scope.row.destseqno == "6"
? "拇指"
: scope.row.destseqno == "7"
? "食指"
: scope.row.destseqno == "8"
? "中指"
: scope.row.destseqno == "9"
? "环指"
: scope.row.destseqno == "10"
? "小指"
: scope.row.destseqno == "11"
? "拇指"
: scope.row.destseqno == "12"
? "食指"
: scope.row.destseqno == "13"
? "中指"
: scope.row.destseqno == "14"
? "环指"
: scope.row.destseqno == "15"
? "小指"
: scope.row.destseqno == "16"
? "拇指"
: scope.row.destseqno == "17"
? "食指"
: scope.row.destseqno == "18"
? "中指"
: scope.row.destseqno == "19"
? "环指"
: "小指"
}}
</span>
</template>
</el-table-column>
<el-table-column prop="destbarcode" label="目标条码号" width="auto">
<template slot-scope="scope">
<!-- 被删除-->
<span v-if="scope.row.removeFlag === 1">
<del>{{ scope.row.destbarcode }}</del>
</span>
<span v-else>
{{ scope.row.destbarcode }}
</span>
</template>
</el-table-column>
</el-table>
<div class="lt_candidate_bottom">
<span
>共计<span>{{ total }}条</span>数据</span
>
</div>
</div>
<transition name="slide-fade">
<div class="selectFinger" v-show="isShowOptions">
<div class="left-title">左手</div>
<div class="line" :class="{ active: leftRoll }">
<div class="selected">
<i class="el-icon-check" v-show="leftRoll"></i>
</div>
<div class="selected-type">滚动</div>
<div class="item" :class="{ active: leftRM }" @click="changeLeftRM">
拇
</div>
<div class="item" :class="{ active: leftRS }" @click="changeLeftRS">
食
</div>
<div class="item" :class="{ active: leftRZ }" @click="changeLeftRZ">
中
</div>
<div class="item" :class="{ active: leftRH }" @click="changeLeftRH">
环
</div>
<div class="item" :class="{ active: leftRX }" @click="changeLeftRX">
小
</div>
</div>
<div class="line" :class="{ active: leftPain }">
<div class="selected">
<i class="el-icon-check" v-show="leftPain"></i>
</div>
<div class="selected-type">平面</div>
<div class="item" :class="{ active: leftPM }" @click="changeLeftPM">
拇
</div>
<div class="item" :class="{ active: leftPS }" @click="changeLeftPS">
食
</div>
<div class="item" :class="{ active: leftPZ }" @click="changeLeftPZ">
中
</div>
<div class="item" :class="{ active: leftPH }" @click="changeLeftPH">
环
</div>
<div class="item" :class="{ active: leftPX }" @click="changeLeftPX">
小
</div>
</div>
<div class="right-title">右手</div>
<div class="line" :class="{ active: rightRoll }">
<div class="selected">
<i class="el-icon-check" v-show="rightRoll"></i>
</div>
<div class="selected-type">滚动</div>
<div class="item" :class="{ active: rightRM }" @click="changeRightRM">
拇
</div>
<div class="item" :class="{ active: rightRS }" @click="changeRightRS">
食
</div>
<div class="item" :class="{ active: rightRZ }" @click="changeRightRZ">
中
</div>
<div class="item" :class="{ active: rightRH }" @click="changeRightRH">
环
</div>
<div class="item" :class="{ active: rightRX }" @click="changeRightRX">
小
</div>
</div>
<div class="line" :class="{ active: rightPain }">
<div class="selected">
<i class="el-icon-check" v-show="rightPain"></i>
</div>
<div class="selected-type">平面</div>
<div class="item" :class="{ active: rightPM }" @click="changeRightPM">
拇
</div>
<div class="item" :class="{ active: rightPS }" @click="changeRightPS">
食
</div>
<div class="item" :class="{ active: rightPZ }" @click="changeRightPZ">
中
</div>
<div class="item" :class="{ active: rightPH }" @click="changeRightPH">
环
</div>
<div class="item" :class="{ active: rightPX }" @click="changeRightPX">
小
</div>
</div>
</div>
</transition>
</div>
</template>
<script>
import axios from "axios";
import { Loading } from "element-ui";
export default {
name: "LTCandidate",
data() {
return {
width3: 70,
width2: 60,
width1: 50,
checked: true,
tableData: null,
// 不做处理的数据
sourceTableData: null,
input: "",
select: 1,
input3: "",
total: 0,
// 对勾
rightRoll: false,
rightPain: false,
leftRoll: false,
leftPain: false,
// 左手
leftRM: false,
leftRS: false,
leftRZ: false,
leftRH: false,
leftRX: false,
leftPM: false,
leftPS: false,
leftPZ: false,
leftPH: false,
leftPX: false,
// 右手
rightRM: false,
rightRS: false,
rightRZ: false,
rightRH: false,
rightRX: false,
rightPM: false,
rightPS: false,
rightPZ: false,
rightPH: false,
rightPX: false,
// 是否展示指位选择
isShowOptions: false,
// 是否展示指纹下拉框
isFingerDropdown: false,
// 选择的指纹类型
fingershowType: "",
// 加载动画
loading: null,
timer: null,
// 是否被删除
isDelete: false,
};
},
created() {
let self = this;
let w1 = 1920;
let w2 = window.innerWidth;
this.width1 = (this.width1 * w2) / w1;
this.width2 = (this.width2 * w2) / w1;
this.width3 = (this.width3 * w2) / w1;
// 监听是否被删除
self.$bus.on("deleteMessage", (obj) => {
if (obj.delTime != null) {
self.isDelete = true;
} else {
self.isDelete = false;
}
});
self.$bus.on("initCandidate", (tableData) => {
//console.log(tableData);
self.tableData = tableData;
if (self.tableData) {
self.total = self.tableData.length;
}
self.sourceTableData = tableData;
// 默认选中第一条数据
if (self.tableData && self.tableData.length > 0) {
self.$refs.singleTable.setCurrentRow(self.tableData[0]);
}
// //console.log(tableData);
});
},
methods: {
/**
* 选择指纹类型
* @param e
*/
changefingershowType(e) {
this.fingershowType = e.target.innerHTML;
this.isFingerDropdown = false;
},
/**
* 指纹下拉框
*/
fingerDropdownChange() {
this.isFingerDropdown = !this.isFingerDropdown;
},
/**
* @description: 比中与认定完成添加样式
* @param {*} row
* @param {*} column
* @param {*} rowIndex
* @param {*} columnIndex
* @return {*}
*/
tableRowClassName({ row, column, rowIndex, columnIndex }) {
// //console.log(row);
// 比中的行
if (row.affirmstatus == 2 || row.affirmstatus == 3) {
//console.log(row);
return "Bizhong";
} else if (row.affirmstatus == 1) {
// 认定完成的行
//console.log(row);
return "Identification";
}
// 浏览过的
if (row.clickLog == 1) {
return "looked";
}
},
/**
* @description: 切换指位选择
* @param {*}
* @return {*}
*/
switchOptions() {
this.isShowOptions = !this.isShowOptions;
// if(!this.isShowOptions) {
// this.tableData = this.sourceTableData
// }
},
/**
* @description: 筛选指位为右手平面小指
* @param {*}
* @return {*}
*/
changeRightPX() {
this.tableData = this.sourceTableData.filter((item) => {
return item.destseqno == 15;
});
// 对勾
this.rightRoll = false;
this.rightPain = true;
this.leftRoll = false;
this.leftPain = false;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = true;
},
/**
* @description: 筛选指位为右手平面环指
* @param {*}
* @return {*}
*/
changeRightPH() {
this.tableData = this.sourceTableData.filter((item) => {
return item.destseqno == 14;
});
// 对勾
this.rightRoll = false;
this.rightPain = true;
this.leftRoll = false;
this.leftPain = false;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = true;
this.rightPX = false;
},
/**
* @description: 筛选指位为右手平面中指
* @param {*}
* @return {*}
*/
changeRightPZ() {
this.tableData = this.sourceTableData.filter((item) => {
return item.destseqno == 13;
});
// 对勾
this.rightRoll = false;
this.rightPain = true;
this.leftRoll = false;
this.leftPain = false;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = true;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为右手平面食指
* @param {*}
* @return {*}
*/
changeRightPS() {
this.tableData = this.sourceTableData.filter((item) => {
return item.destseqno == 12;
});
// 对勾
this.rightRoll = false;
this.rightPain = true;
this.leftRoll = false;
this.leftPain = false;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = true;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为右手平面拇指
* @param {*}
* @return {*}
*/
changeRightPM() {
this.tableData = this.sourceTableData.filter((item) => {
return item.destseqno == 11;
});
// 对勾
this.rightRoll = false;
this.rightPain = true;
this.leftRoll = false;
this.leftPain = false;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = true;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为右手滚动小指
* @param {*}
* @return {*}
*/
changeRightRX() {
this.tableData = this.sourceTableData.filter((item) => {
return item.destseqno == 5;
});
// 对勾
this.rightRoll = true;
this.rightPain = false;
this.leftRoll = false;
this.leftPain = false;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = true;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为右手滚动环指
* @param {*}
* @return {*}
*/
changeRightRH() {
this.tableData = this.sourceTableData.filter((item) => {
return item.destseqno == 4;
});
// 对勾
this.rightRoll = true;
this.rightPain = false;
this.leftRoll = false;
this.leftPain = false;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = true;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为右手滚动中指
* @param {*}
* @return {*}
*/
changeRightRZ() {
this.tableData = this.sourceTableData.filter((item) => {
return item.destseqno == 3;
});
// 对勾
this.rightRoll = true;
this.rightPain = false;
this.leftRoll = false;
this.leftPain = false;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = true;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为右手滚动食指
* @param {*}
* @return {*}
*/
changeRightRS() {
this.tableData = this.sourceTableData.filter((item) => {
return item.destseqno == 2;
});
// 对勾
this.rightRoll = true;
this.rightPain = false;
this.leftRoll = false;
this.leftPain = false;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = true;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为右手滚动拇指
* @param {*}
* @return {*}
*/
changeRightRM() {
this.tableData = this.sourceTableData.filter((item) => {
return item.destseqno == 1;
});
// 对勾
this.rightRoll = true;
this.rightPain = false;
this.leftRoll = false;
this.leftPain = false;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = true;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为左手平面小指
* @param {*}
* @return {*}
*/
changeLeftPX() {
this.tableData = this.sourceTableData.filter((item) => {
return item.destseqno == 20;
});
// 对勾
this.rightRoll = false;
this.rightPain = false;
this.leftRoll = false;
this.leftPain = true;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = true;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为左手平面环指
* @param {*}
* @return {*}
*/
changeLeftPH() {
this.tableData = this.sourceTableData.filter((item) => {
return item.destseqno == 19;
});
// 对勾
this.rightRoll = false;
this.rightPain = false;
this.leftRoll = false;
this.leftPain = true;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = true;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为左手平面中指
* @param {*}
* @return {*}
*/
changeLeftPZ() {
this.tableData = this.sourceTableData.filter((item) => {
return item.destseqno == 18;
});
// 对勾
this.rightRoll = false;
this.rightPain = false;
this.leftRoll = false;
this.leftPain = true;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = true;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为左手平面食指
* @param {*}
* @return {*}
*/
changeLeftPS() {
this.tableData = this.sourceTableData.filter((item) => {
return item.destseqno == 17;
});
// 对勾
this.rightRoll = false;
this.rightPain = false;
this.leftRoll = false;
this.leftPain = true;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = true;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为左手平面拇指
* @param {*}
* @return {*}
*/
changeLeftPM() {
this.tableData = this.sourceTableData.filter((item) => {
return item.destseqno == 16;
});
// 对勾
this.rightRoll = false;
this.rightPain = false;
this.leftRoll = false;
this.leftPain = true;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = true;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为左手滚动小指
* @param {*}
* @return {*}
*/
changeLeftRX() {
this.tableData = this.sourceTableData.filter((item) => {
return item.destseqno == 10;
});
// 对勾
this.rightRoll = false;
this.rightPain = false;
this.leftRoll = true;
this.leftPain = false;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = true;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为左手滚动环指
* @param {*}
* @return {*}
*/
changeLeftRH() {
this.tableData = this.sourceTableData.filter((item) => {
return item.destseqno == 9;
});
// 对勾
this.rightRoll = false;
this.rightPain = false;
this.leftRoll = true;
this.leftPain = false;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = true;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为左手滚动中指
* @param {*}
* @return {*}
*/
changeLeftRZ() {
this.tableData = this.sourceTableData.filter((item) => {
return item.destseqno == 8;
});
// 对勾
this.rightRoll = false;
this.rightPain = false;
this.leftRoll = true;
this.leftPain = false;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = true;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为左手滚动食指
* @param {*}
* @return {*}
*/
changeLeftRS() {
this.tableData = this.sourceTableData.filter((item) => {
return item.destseqno == 7;
});
// 对勾
this.rightRoll = false;
this.rightPain = false;
this.leftRoll = true;
this.leftPain = false;
// 左手
this.leftRM = false;
this.leftRS = true;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为左手滚动拇指
* @param {*}
* @return {*}
*/
changeLeftRM() {
this.tableData = this.sourceTableData.filter((item) => {
return item.destseqno == 6;
});
// 对勾
this.rightRoll = false;
this.rightPain = false;
this.leftRoll = true;
this.leftPain = false;
// 左手
this.leftRM = true;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 修改表头添加icon
* @param {*} h
* @param {*} column
* @return {*}
*/
icons(h, { column }) {
return h("div", [
h("span", column.label),
h("i", {
class: "el-icon-arrow-down",
style: "color:#B1B6C2;margin-left:5px;cursor:pointer;",
on: {
click: this.switchOptions,
},
}),
]);
},
/**
* @description: 筛选按钮
* @param {*}
* @return {*}
*/
search() {
let self = this;
//console.info(this.select);
if (self.isDelete) return;
// if (self.input3 != "") {
// this.tableData = this.sourceTableData.filter(item => {
// return item.destbarcode == self.input3;
// });
// } else {
// this.tableData = this.sourceTableData;
// }
let zcseq = sessionStorage.getItem("zcseq");
let qqid = sessionStorage.getItem("qqid");
self.$store.commit("loading/setLoading", true);
this.$axios
.post(`/api/query/matchcand/dest/${qqid}/${zcseq}`, {
srcbarcode: sessionStorage.getItem("srcbarcode"),
destbarcode: self.input3.trim(),
})
.then((response) => {
//console.log(response);
self.tableData = response.data.ret;
self.total = self.tableData.length;
clearTimeout(self.timer);
self.timer = setTimeout(() => {
self.$store.commit("loading/setLoading", false);
}, 500);
});
},
/**
* @description: 选中切换方法
* @param {*} val
* @param {*} old
* @return {*}
*/
handleCurrentChange(val, old) {
let self = this;
if (self.isDelete) {
// 存储目标条码号
sessionStorage.setItem("destbarcode", val.destbarcode);
// 存储目的数据序号
sessionStorage.setItem("destseqno", val.destseqno);
this.$bus.emit("changImageEditTarget", "xxx");
return;
} else {
//console.log(val);
if (val != null) {
// 改变数据为点击状态
self.$set(val, "clickLog", "1");
// 存储目标条码号
sessionStorage.setItem("destbarcode", val.destbarcode);
// 存储目的数据序号
sessionStorage.setItem("destseqno", val.destseqno);
self.$store.commit("loading/setLoading", true);
// 平面 --- 换压缩图
if (val.destseqno > 10) {
this.$axios
.post("/api/png/plainByBarcode/barcode", {
barcode: val.destbarcode,
seqno: val.destseqno,
qqid: val.qqid,
})
.then((response) => {
self.$bus.emit(
"changImageEditTarget",
response.data.ret[0].image
);
});
} else {
// 滚动 --- 换压缩图
this.$axios
.post("/api/org/caseBybarcode/barcode", {
barcode: val.destbarcode,
seqno: val.destseqno,
qqid: val.qqid,
})
.then((response) => {
self.$bus.emit(
"changImageEditTarget",
response.data.ret[0].image
);
});
}
clearTimeout(self.timer);
self.timer = setTimeout(() => {
self.$store.commit("loading/setLoading", false);
}, 500);
// this.$axios.get(`/api/api/org/plainByBarcode/R1100002487002018050034/1/`)
// this.$axios
// .get(`/api/org/plainByBarcode/${val.destbarcode}/${val.destseqno}`)
// .then(response => {
// //console.log(response);
// self.$bus.emit("changImageEditTarget", response.data.ret.image);
// });
} else {
this.$bus.emit("changImageEditTarget", "xxx");
}
}
},
choose(val) {
//console.info(val);
},
},
watch: {
checked(newValue, oldValue) {
if (newValue) {
this.tableData = this.sourceTableData;
} else {
this.tableData = this.sourceTableData.filter((item) => {
return item.affirmstatus != 1;
});
//console.log(this.tableData);
}
this.total = this.tableData.length;
},
},
};
const candidates = [
{
score: "99",
finger: "小指",
barcode: "657487483746234657876744",
},
{
score: "99",
finger: "小指",
barcode: "657487483746234657876744",
},
{
score: "99",
finger: "小指",
barcode: "657487483746234657876744",
},
{
score: "99",
finger: "小指",
barcode: "657487483746234657876744",
},
{
score: "99",
finger: "小指",
barcode: "657487483746234657876744",
},
{
score: "99",
finger: "小指",
barcode: "657487483746234657876744",
},
];
</script>
<style lang="scss">
.lt_candidate {
position: relative;
box-sizing: border-box;
width: 100%;
height: calc(100% - 40px);
background: #f6f8fa;
border-radius: 8px;
div {
display: inline-block;
}
.lt_cnadidate_search {
// width: 352px;
width: 100%;
// height: 60px;
background: #ffffff;
.label {
width: 32px;
height: 24px;
font-size: 16px;
font-family: MicrosoftYaHei;
color: #1a1a1a;
line-height: 24px;
i {
margin: 0;
}
}
.input {
width: 292px;
height: 32px;
background: #ffffff;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border: 1px solid #e6e6e8;
}
.btn {
cursor: pointer;
width: 44px;
height: 34px;
background: #006aff;
border-radius: 0px 4px 4px 0px;
line-height: 34px;
color: #ffffff;
text-align: center;
}
.checked {
display: flex;
justify-content: flex-end;
margin-top: 4px;
}
.finger-dropdown {
position: relative;
cursor: pointer;
.slide-fade-enter-active {
transition: all 0.2s ease;
}
.slide-fade-leave-active {
transition: all 0.2s cubic-bezier(1, 0.5, 0.8, 1);
}
.slide-fade-enter,
.slide-fade-leave-to {
transform: translateX(5px);
opacity: 0;
}
.fingerName {
margin-right: 15px;
font-size: 16px;
font-family: MicrosoftYaHei;
color: #1a1a1a;
}
.dropdown-options {
height: 64px;
width: 87px;
z-index: 9999;
position: absolute;
top: 25px;
right: 0;
background-color: #ffffff;
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.06);
font-size: 14px;
font-family: MicrosoftYaHei;
color: #333333;
.option-item {
display: flex;
align-items: center;
width: 87px;
height: 32px;
.selected {
width: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.txt {
flex: 1;
}
&:hover {
background: #f5f5f7;
}
}
}
}
}
.lt_candidate_table {
width: 100%;
height: 100%;
}
.lt_candidate_number {
width: 100%;
}
.lt_candidate_bottom {
position: absolute;
bottom: 12px;
left: 20px;
text-align: center;
width: 352px;
font-size: 12px;
font-family: MicrosoftYaHei;
color: #999999;
span {
span {
color: #666;
}
}
}
.el-select {
.el-input {
width: 130px;
}
}
.input-with-select {
.el-input-group__prepend {
background-color: #fff;
}
}
.selectFinger {
z-index: 10;
position: absolute;
top: 110px;
right: 60px;
width: 236px;
height: 194px;
background: #ffffff;
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.06);
border-radius: 4px;
border: 1px solid #e6e6e8;
padding: 8px 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
.left-title,
.right-title {
font-size: 14px;
font-family: MicrosoftYaHei;
color: #666666;
padding-left: 16px;
}
.right-title {
margin-top: 7px;
}
.line {
cursor: pointer;
box-sizing: border-box;
padding-left: 8px;
display: flex;
align-items: center;
width: 234px;
height: 32px;
.selected {
width: 14px;
height: 14px;
margin-right: 10px;
box-sizing: border-box;
display: flex;
}
.selected-type {
font-size: 14px;
font-family: MicrosoftYaHei;
color: #333333;
margin-right: 24px;
}
.item {
font-size: 14px;
font-family: MicrosoftYaHei;
color: #999999;
margin-right: 16px;
&.active {
color: #006aff;
}
}
&.active {
background: #f5f5f7;
}
}
}
.Bizhong {
.cell {
color: #ff0039;
}
}
.Identification {
.cell {
color: #055fe7;
}
}
.looked {
.cell {
color: #999;
}
}
.el-dropdown-link {
cursor: pointer;
}
}
</style>
<style scoped lang="scss">
/deep/ .el-table__body {
width: 100% !important;
}
/deep/ .el-input__inner {
border: none;
height: 32px !important;
line-height: 32px !important;
}
.lt_candidate .lt_cnadidate_search .input {
box-sizing: border-box;
width: 286px;
}
/deep/ .el-input {
box-sizing: border-box !important;
width: 296px;
height: 0.34rem !important;
background: #ffffff;
border-radius: 4px;
border: 1px solid #e6e6e8;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input {
height: 34px !important;
}
// 修改多选框样式
/deep/ .el-checkbox.is-checked {
.el-checkbox__label {
color: #333333;
}
.el-checkbox__input.is-checked {
.el-checkbox__inner {
background: #055fe7;
border-color: #055fe7;
}
}
}
/deep/ .el-checkbox {
color: #666;
}
/deep/ .el-dropdown-menu {
width: 100px !important;
}
/deep/ #dropdown-menu-2149 {
width: 100px !important;
}
// 表头
/deep/ .has-gutter {
font-weight: normal;
th {
font-size: 14px;
font-family: MicrosoftYaHei;
color: #282f3c;
font-weight: normal;
}
}
// 在表格显示暂无数据时，去掉白色背景
/deep/ .el-table,
/deep/ .el-table__expanded-cell {
background: none;
}
del {
text-decoration: none; /*没有文本装饰*/
text-decoration: underline red; /*红色下划线*/
text-decoration: underline wavy red; /*红色波浪形下划线*/
text-decoration: line-through red; /*红色删除线*/
}
</style>
src/views/cxyrd/modules/LLSrc.vue 0 → 100644
<template>
<div class="lt_src">
<div class="lt_top">
<!-- <label>任务号：{{ tableData.qid }}</label> -->
<label class="rwh">任务号：{{ rwh }}</label>
<el-checkbox v-model="checked">显示已认定完成查询ID</el-checkbox>
</div>
<div class="lt_middle">
<!-- 源数据区 -->
<div class="lt_middle_src_data">
<el-table
ref="singleTable"
highlight-current-row
@current-change="handleCurrentChange"
:data="dataList"
class="lt_candidate_table border_radius tableHeight"
@row-click="getFirgerPrintDetail"
:row-class-name="tableRowClassName"
>
<el-table-column
prop="qqid"
label="查询ID"
:width="width1"
></el-table-column>
<el-table-column prop="barcode" label="源条码号" width="auto">
<template slot-scope="scope">
<!-- 被删除-->
<span v-if="scope.row.removeFlag === 1">
<del>{{ scope.row.barcode }}</del>
</span>
<span v-else>
{{ scope.row.barcode }}
</span>
</template>
</el-table-column>
<el-table-column prop="fingerCount" label="枚数" :width="width2">
<template slot-scope="scope">
<!-- 被删除-->
<span v-if="scope.row.removeFlag === 1">
<del>{{ scope.row.fingerCount }}</del>
</span>
<span v-else>
{{ scope.row.fingerCount }}
</span>
</template>
</el-table-column>
</el-table>
<div class="lt_middle_bottom">
<span
>该任务共计<span>{{ total }}条</span>查询</span
>
<div class="btn" @click="changeTableHeight">
<span>{{ options }}</span>
<div class="ico"><img src="@/assets/img/bottom.png" alt="" /></div>
</div>
<!-- <el-button type="text" @click="changeTableHeight">{{options}}</el-button> -->
</div>
</div>
<!-- 源指纹区 -->
<div class="lt_middle_finger_print" v-show="isShowPrint">
<!-- 指纹/掌纹切换 -->
<div class="btns-switch">
<div
class="btn"
@click="switchZhiWen"
:class="{ active: fingerShowType == '指纹' }"
>
指纹
</div>
<div
class="btn"
@click="switchZhangWen"
:class="{ active: fingerShowType == '掌纹' }"
>
掌纹
</div>
</div>
<!--指纹图-->
<div class="lt_middle_finger_prints">
<!-- 指纹 -->
<div v-if="fingerShowType === '指纹'">
<div
class="finger_print"
:class="{
finger_print_active: index === isActive,
fingerLook: item.clickLog == 1,
fingerRD: item.affirmstatus == 1,
fingerBZ: item.affirmstatus == 2,
fingerRB: item.affirmstatus == 3,
}"
v-for="(item, index) in enumerate"
@click="changeStyle(index, item)"
:key="index"
>
<div
class="finger_print_number"
:class="{
finger_print_number_active: index === isActive,
fingerLookNum: item.clickLog == 1,
fingerRDNum: item.affirmstatus == 1,
fingerBZNum: item.affirmstatus == 2,
fingerRBNum: item.affirmstatus == 3,
}"
>
{{ Number(item.seq + 1) &lt; 11 ? ("0" + Number(item.seq)) : Number(item.seq) }}
</div>
<img :src="'data:image/jpeg;base64,' + item.image" />
<div class="finger-tips">
<!-- 认定完成 -->
<div class="affirmstatus1" v-if="item.affirmstatus == 1">
<div class="affirmstatusbg"></div>
<div class="dot"></div>
<span class="txt">认定完成</span>
</div>
<!-- 比中 -->
<div class="affirmstatus2" v-else-if="item.affirmstatus == 2">
<div class="affirmstatusbg"></div>
<div class="dot"></div>
<span class="txt">比中</span>
</div>
<div class="affirmstatus2" v-else-if="item.affirmstatus == 3">
<div class="affirmstatusbg"></div>
<div class="dot"></div>
<span class="txt">比中</span>
</div>
<!-- 认定完成+比中 -->
<!-- <div class="affirmstatus3" v-else-if="item.affirmstatus==3">
<div class="affirmstatus3bg"></div>
<div class="icon">
<img class="rb" src="../../../assets/img/LT/rb.png" alt="">
</div>
</div> -->
<!-- 浏览过 -->
<div
class="clickLog"
v-if="item.affirmstatus === '' && item.clickLog == 1"
>
<div class="clickLogbg"></div>
<div class="dot"></div>
<span class="txt">已查看</span>
</div>
</div>
</div>
</div>
<!-- 掌纹 -->
<div v-else>
<div
class="finger_print_zw"
:class="{
finger_print_active_zw: index === isActive,
fingerLook: item.clickLog == 1,
fingerRD: item.affirmstatus == 1,
fingerBZ: item.affirmstatus == 2,
fingerRB: item.affirmstatus == 3,
}"
v-for="(item, index) in enumerate"
@click="changeStyle(index, item)"
:key="index"
>
<div
class="finger_print_number"
:class="{
finger_print_number_active: index === isActive,
fingerLookNum: item.clickLog == 1,
fingerRDNum: item.affirmstatus == 1,
fingerBZNum: item.affirmstatus == 2,
fingerRBNum: item.affirmstatus == 3,
}"
>
{{ 100 + Number(index + 1) }}
</div>
<img :src="'data:image/jpeg;base64,' + item.image" />
<div class="finger-tips">
<!-- 认定完成 -->
<div class="affirmstatus1" v-if="item.affirmstatus == 1">
<div class="affirmstatusbg"></div>
<div class="dot"></div>
<span class="txt">认定完成</span>
</div>
<!-- 比中 -->
<div class="affirmstatus2" v-else-if="item.affirmstatus == 2">
<div class="affirmstatusbg"></div>
<div class="dot"></div>
<span class="txt">比中</span>
</div>
<div class="affirmstatus2" v-else-if="item.affirmstatus == 3">
<div class="affirmstatusbg"></div>
<div class="dot"></div>
<span class="txt">比中</span>
</div>
<!-- 认定完成+比中 -->
<!-- <div class="affirmstatus3" v-else-if="item.affirmstatus==3">
<div class="affirmstatus3bg"></div>
<div class="icon">
<img class="rb" src="../../../assets/img/LT/rb.png" alt="">
</div>
</div> -->
<!-- 浏览过 -->
<div
class="clickLog"
v-if="item.affirmstatus === '' && item.clickLog == 1"
>
<div class="clickLogbg"></div>
<div class="dot"></div>
<span class="txt">已查看</span>
</div>
</div>
</div>
</div>
</div>
<!--指纹个数提示-->
<div class="lt_middle_bottom">
<span
>该查询ID共计<span>{{ fingerTotal }}枚</span
>{{ fingerShowType }}</span
>
</div>
</div>
</div>
</div>
</template>
<script>
import { Loading } from "element-ui";
export default {
name: "LTSrc",
props: ["srcData"],
// watch: {
// srcData: {
// immediate: true,
// handler (val) {
// //console.info("源数据传入组件的值为===>", val);
// this.tableData = val;
// }
// }
// },
created() {
let w1 = 1920;
let w2 = window.innerWidth;
this.width1 = (this.width1 * w2) / w1;
this.width2 = (this.width2 * w2) / w1;
},
data() {
return {
// 指纹/掌纹切换
fingerShowType: "指纹",
width2: 70,
width1: 90,
rwh: null,
checked: true,
enumerate: null,
tableData: null,
isActive: "",
fingerSrc: require("../../../assets/img/img.png"),
isShowPrint: true,
tableHeight: 368,
sourceDataList: [],
dataList: [],
total: 0,
fingerTotal: 0,
currentRow: null,
options: "展开",
qqid: null,
// 加载动画
loading: null,
timer: null,
};
},
methods: {
/**
* 切换位掌纹
*/
switchZhangWen() {
this.fingerShowType = "掌纹";
},
/**
* 切换为指纹
*/
switchZhiWen() {
this.fingerShowType = "指纹";
},
/**
* @description: 比中与认定完成添加样式
* @param {*} row
* @param {*} column
* @param {*} rowIndex
* @param {*} columnIndex
* @return {*}
*/
tableRowClassName({ row, column, rowIndex, columnIndex }) {
// 比中的行
if (row.affirmStatus == 2 || row.affirmStatus == 3) {
//console.log(row);
return "Bizhong";
} else if (row.affirmStatus == 1) {
// 认定完成的行
//console.log(row);
return "Identification";
}
// 浏览过的
if (row.clickLog == 1) {
return "looked";
}
},
/**
* @description: 选择切换
* @param {*} val
* @param {*} old
* @return {*}
*/
handleCurrentChange(val, old) {
let self = this;
// 发送请求
self.$store.commit("loading/setLoading", true);
// 被删除
if (val.removeFlag === 1) {
self.$bus.emit("deleteMessage", {
msg: "该条数据已删除！",
delTime: self.$moment(val.removeTime).format("YYYY.MM.DD HH:MM"),
});
// 清空目标table表
// self.$bus.emit("initCandidate", []);
// 保存qqid和qid
sessionStorage.setItem("qqid", val.qqid);
sessionStorage.setItem("qid", val.qid);
sessionStorage.setItem("srcbarcode", val.barcode);
self.enumerate = [];
self.fingerTotal = 0;
// 请求该条码号的案件指纹图片
self.$axios
.post("/api/org/caseBybarcode/barcode", {
querytype: "2",
barcode: val.barcode,
qqid: self.qqid,
})
.then((response) => {
//console.log(response);
let imageInfo = response.data.ret[0];
// 默认选中第一个指纹预览图片
sessionStorage.setItem("srcseqno", imageInfo.seq);
sessionStorage.setItem("zcseq", imageInfo.seq);
// 发送请求
self.$store.commit("loading/setLoading", true);
this.$axios
.post(`/api/query/matchcand/dest/${self.qqid}/${imageInfo.seq}`, {
srcbarcode: sessionStorage.getItem("srcbarcode"),
})
.then((response) => {
//console.log(response);
self.$bus.emit("initCandidate", response.data.ret);
});
clearTimeout(self.timer);
self.timer = setTimeout(() => {
self.$store.commit("loading/setLoading", false);
}, 500);
});
} else {
// 没有被删除
self.$bus.emit("deleteMessage", {
msg: null,
delTime: null,
});
//console.log(val);
if (val == null) return;
// 改变数据为点击状态
self.$set(val, "clickLog", "1");
self.currentRow = val;
//console.log(val);
self.qqid = val.qqid;
self.qid = val.qid;
// 保存qqid和qid
sessionStorage.setItem("qqid", self.qqid);
sessionStorage.setItem("qid", self.qid);
let barcode = val.barcode;
// 存储原条码号
sessionStorage.setItem("srcbarcode", barcode);
//console.log(barcode);
self.$axios
.post("/api/org/caseBybarcode/barcode", {
querytype: "2",
barcode: barcode,
qqid: self.qqid,
})
.then((response) => {
// console.log(response);
if (response.data.code === 0) {
self.enumerate = response.data.ret;
self.fingerTotal = response.data.ret.length;
// 默认选中第一个指纹预览图片
self.changeStyle(0, self.enumerate[0]);
}
});
self.isActive = "";
}
clearTimeout(self.timer);
self.timer = setTimeout(() => {
self.$store.commit("loading/setLoading", false);
}, 500);
},
/**
* @description: 获取列表数据
* @param {*}
* @return {*}
*/
getDetailData() {
let self = this;
// 发送请求
self.$store.commit("loading/setLoading", true);
if (this.type == "father") {
this.$axios
.post("/api/queryque/standardAll", {
contrastCustomSearchReq: { qid: Number(self.qid) },
})
.then((response) => {
//console.log(response);
self.sourceDataList = response.data.ret;
self.dataList = self.sourceDataList;
self.total = self.dataList.length;
//console.log(self.dataList);
// 默认选中第一行
self.$nextTick(() => {
self.$refs.singleTable.setCurrentRow(self.dataList[0]);
});
});
} else {
this.$axios
.post("/api/queryque/standardAll", {
contrastCustomSearchReq: { qqid: Number(self.qqid) },
})
.then((response) => {
//console.log(response);
self.sourceDataList = response.data.ret;
self.dataList = self.sourceDataList;
self.total = self.dataList.length;
//console.log(self.dataList);
// 默认选中第一行
self.$nextTick(() => {
self.$refs.singleTable.setCurrentRow(self.dataList[0]);
});
});
}
clearTimeout(self.timer);
self.timer = setTimeout(() => {
self.$store.commit("loading/setLoading", false);
}, 500);
},
// 获取选择的任务详情
getFirgerPrintDetail(row) {
// this.enumerate = row.enumerate;
// 选择新的指纹数据时 清空前一个指纹样式
// let self = this
// let barcode = row.barcode
// //console.log(barcode);
// this.$axios
// .get(`/api/png/caseBybarcode/${barcode}`)
// .then(response => {
// //console.log(response);
// self.enumerate = response.data.ret
// self.fingerTotal = response.data.ret.length
// })
// this.isActive = "";
},
// 指纹部分 增加边框
changeStyle(index, imageInfo) {
console.log(imageInfo);
let self = this;
this.isActive = index;
//console.log(this.isActive);
// 存储源数据序号
if (imageInfo) {
// 改变数据为点击状态
self.$set(imageInfo, "clickLog", "1");
sessionStorage.setItem("srcseqno", imageInfo.seq);
sessionStorage.setItem("zcseq", imageInfo.seq);
this.$bus.emit("changImageEdit", imageInfo.image);
// 没有被删除
self.$bus.emit("deleteMessage", {
msg: null,
delTime: null,
});
// 发送请求
self.$store.commit("loading/setLoading", true);
this.$axios
.post(`/api/query/matchcand/dest/${self.qqid}/${imageInfo.seq}`, {
srcbarcode: sessionStorage.getItem("srcbarcode"),
})
.then((response) => {
//console.log(response);
self.$bus.emit("initCandidate", response.data.ret);
});
clearTimeout(self.timer);
self.timer = setTimeout(() => {
self.$store.commit("loading/setLoading", false);
}, 500);
} else {
this.$bus.emit("changImageEdit", "xxx");
this.$bus.emit("changImageEditTarget", "xxx");
}
},
/**
* @description: 展开收缩切换
* @param {*}
* @return {*}
*/
changeTableHeight() {
this.isShowPrint = !this.isShowPrint;
if (!this.isShowPrint) {
document
.getElementsByTagName("body")[0]
.style.setProperty("--tableHeight", "48.75rem");
// this.tableHeight = 810
this.options = "折叠";
$(".ico").css("transform", "rotate(180deg)");
} else {
document
.getElementsByTagName("body")[0]
.style.setProperty("--tableHeight", "20rem");
// this.tableHeight = 368
this.options = "展开";
$(".ico").css("transform", "rotate(0deg)");
}
},
},
watch: {
/**
* @description: 过滤显示已认定完成查询ID
* @param {*} newValue
* @param {*} oldValue
* @return {*}
*/
checked(newValue, oldValue) {
//console.log(newValue);
if (newValue) {
this.dataList = this.sourceDataList;
} else {
this.dataList = this.sourceDataList.filter((item) => {
return item.affirmStatus != 1;
});
//console.log(this.dataList);
}
this.total = this.dataList.length;
},
},
mounted() {
//console.log(this.$route);
this.rwh = this.$route.query.qid;
this.qqid = this.$route.query.qqid;
this.qid = this.$route.query.qid;
this.type = this.$route.query.type;
sessionStorage.setItem("zctype", this.type);
//console.log(this.rwh);
let self = this;
// 初始状态下 展示当前任务的第一条指纹信息（指纹个数）
// this.enumerate = datas[0].enumerate;
this.getDetailData();
// 更新列表数据
this.$bus.on("updateFinderSource", () => {
self.getDetailData();
});
},
beforeDestroy() {
//组件销毁前需要解绑事件。否则会出现重复触发事件的问题
this.$bus.off("updateFinderSource");
},
};
// 某任务下查询的所有信息
const datas = [
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 12 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 13 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 17 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 33 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 24 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 1 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 8 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 12 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 4 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 1 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 8 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 12 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 4 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 11 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 8 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 12 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 14 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 11 },
];
</script>
<style lang="scss">
.lt_src {
width: 100%;
height: 100%;
div {
display: inline-block;
}
label {
margin-right: 67px;
}
.el-button {
cursor: pointer;
margin-left: 32px;
width: 24px;
height: 16px;
font-size: 12px;
font-family: MicrosoftYaHei;
color: #055fe7;
line-height: 16px;
font-weight: 350;
}
.lt_top {
width: 100%;
margin: 0 0 10px 0;
.rwh {
font-size: 14px;
font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
font-weight: bold;
color: #282f3c;
}
}
.lt_middle {
width: 100%;
// height: 100%;
background: #ffffff;
border-radius: 8px;
}
.lt_middle_src_data {
border-radius: 8px;
width: 100%;
height: 320px;
.Bizhong {
.cell {
color: #ff0039;
}
}
.Identification {
.cell {
color: #055fe7;
}
}
.looked {
.cell {
color: #999;
}
}
.finger_print_number {
width: 100%;
height: 40px;
}
}
.lt_middle_finger_print {
background-color: #f6f8fa;
width: 100%;
.btns-switch {
display: flex;
align-items: center;
margin-top: 13px;
margin-left: 47px;
.btn {
cursor: pointer;
width: 129px;
height: 32px;
background: #ffffff;
border-radius: 2px 0px 0px 2px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #282f3c;
}
.active {
width: 129px;
height: 32px;
background: #055fe7;
border-radius: 2px;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #ffffff;
}
}
.lt_middle_finger_prints {
background: #f6f8fa;
margin-top: 12px;
overflow-y: auto;
width: 100%;
height: 360px;
}
}
/*底部的统计数据*/
.lt_middle_bottom {
text-align: center;
background: #f6f8fa;
height: 40px !important;
line-height: 40px;
width: 100%;
font-size: 12px;
font-family: MicrosoftYaHei;
color: #999;
span {
span {
color: #666;
}
}
}
.lt_middle_src_data {
.lt_middle_bottom {
margin-top: -10px;
display: flex;
justify-content: center;
.btn {
margin-left: 32px;
cursor: pointer;
display: flex;
align-items: center;
font-size: 12px;
font-family: MicrosoftYaHei;
color: #055fe7;
.ico {
transform: rotate(0deg);
margin-left: 5px;
width: 10px;
height: 6px;
display: flex;
img {
object-fit: cover;
width: 100%;
height: 100%;
}
}
}
}
}
/* 单个指纹*/
.finger_print {
position: relative;
width: 104px;
height: 104px;
background: #ffffff;
border-radius: 2px;
border: 1px solid #cccccc;
margin: 8px 4px 8px 4px;
overflow: hidden;
object-fit: contain;
&:hover {
border: 1px solid #999;
}
img {
position: absolute;
top: 0;
left: 0;
}
.finger_print_number {
font-size: 12px;
width: 24px;
height: 24px;
background: #ddebff;
border-radius: 0px 0px 7px 0px;
z-index: 20;
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
}
.finger_print_number_active {
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
background: #055fe7;
border-radius: 0px 0px 7px 0px;
}
.finger-tips {
position: absolute;
bottom: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
.affirmstatus1,
.affirmstatus2 {
width: 100%;
height: 20px;
position: relative;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
.affirmstatusbg {
width: 100%;
height: 100%;
position: absolute;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0) -30%,
#000000 100%
);
opacity: 0.66;
}
.dot {
z-index: 10;
width: 7px;
height: 7px;
background: #055fe7;
border: 1px solid #ffffff;
border-radius: 50%;
margin-right: 8px;
}
.txt {
z-index: 10;
font-size: 12px;
font-family: MicrosoftYaHei;
color: #ffffff;
}
}
.affirmstatus2 {
.dot {
background: #ff0039;
}
}
.affirmstatus3 {
width: 100%;
height: 20px;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
position: relative;
.affirmstatus3bg {
width: 100%;
height: 100%;
position: absolute;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0) 0%,
#000000 100%
);
opacity: 0.66;
}
.icon {
width: 14px;
height: 14px;
display: flex;
.rb {
position: relative;
width: 14px;
height: 14px;
object-fit: contain;
}
}
}
.clickLog {
width: 100%;
height: 20px;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
position: relative;
.clickLogbg {
width: 100%;
height: 100%;
position: absolute;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0) 0%,
#000000 100%
);
opacity: 0.66;
}
.dot {
z-index: 10;
width: 7px;
height: 7px;
background: #999999;
border: 1px solid #ffffff;
border-radius: 50%;
margin-right: 8px;
}
.txt {
z-index: 10;
font-size: 12px;
font-family: Microsoft YaHei;
color: #ffffff;
}
}
}
}
// 单个掌纹
.finger_print_zw {
position: relative;
width: 164px;
height: 164px;
background: #ffffff;
border-radius: 2px;
border: 1px solid #cccccc;
margin: 8px 4px 8px 4px;
overflow: hidden;
object-fit: contain;
&:hover {
border: 1px solid #999;
}
img {
position: absolute;
top: 0;
left: 0;
}
.finger_print_number {
font-size: 12px;
width: 24px;
height: 24px;
background: #ddebff;
border-radius: 0px 0px 7px 0px;
z-index: 20;
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
}
.finger_print_number_active {
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
background: #055fe7;
border-radius: 0px 0px 7px 0px;
}
.finger-tips {
position: absolute;
bottom: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
.affirmstatus1,
.affirmstatus2 {
width: 100%;
height: 20px;
position: relative;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
.affirmstatusbg {
width: 100%;
height: 100%;
position: absolute;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0) -30%,
#000000 100%
);
opacity: 0.66;
}
.dot {
z-index: 10;
width: 7px;
height: 7px;
background: #055fe7;
border: 1px solid #ffffff;
border-radius: 50%;
margin-right: 8px;
}
.txt {
z-index: 10;
font-size: 12px;
font-family: MicrosoftYaHei;
color: #ffffff;
}
}
.affirmstatus2 {
.dot {
background: #ff0039;
}
}
.affirmstatus3 {
width: 100%;
height: 20px;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
position: relative;
.affirmstatus3bg {
width: 100%;
height: 100%;
position: absolute;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0) 0%,
#000000 100%
);
opacity: 0.66;
}
.icon {
width: 14px;
height: 14px;
display: flex;
.rb {
position: relative;
width: 14px;
height: 14px;
object-fit: contain;
}
}
}
.clickLog {
width: 100%;
height: 20px;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
position: relative;
.clickLogbg {
width: 100%;
height: 100%;
position: absolute;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0) 0%,
#000000 100%
);
opacity: 0.66;
}
.dot {
z-index: 10;
width: 7px;
height: 7px;
background: #999999;
border: 1px solid #ffffff;
border-radius: 50%;
margin-right: 8px;
}
.txt {
z-index: 10;
font-size: 12px;
font-family: Microsoft YaHei;
color: #ffffff;
}
}
}
}
// .fingerLook {
// border: 1px solid #333;
// }
// .fingerRD {
// border: 1px solid #055fe7;
// }
// .fingerBZ {
// border: 1px solid #FF0039;
// }
// .fingerRB {
// border: 1px solid #FF0039;
// }
// .fingerLookNum {
// background:#ddebff !important;
// color: #303133 !important;
// }
// .fingerRDNum {
// background:#055fe7 !important;
// color: #ffffff !important;
// }
// .fingerBZNum {
// background: #FF0039 !important;
// color: #ffffff !important;
// }
// .fingerRBNum {
// background: #FF0039 !important;
// color: #ffffff !important;
// }
.finger_print_active {
position: relative;
width: 104px;
height: 104px;
background: #ffffff;
border-radius: 2px;
border: 1px solid #055fe7;
.finger_print_number {
color: #ffffff;
font-size: 12px;
}
&:hover {
border: 1px solid #999;
}
}
.finger_print_active_zw {
position: relative;
width: 164px;
height: 164px;
background: #ffffff;
border-radius: 2px;
border: 1px solid #055fe7;
.finger_print_number {
color: #ffffff;
font-size: 12px;
}
&:hover {
border: 1px solid #999;
}
}
}
</style>
<style lang="scss" scoped>
$tableHeight: var(--tableHeight, 320px);
.tableHeight {
height: $tableHeight;
}
/* 设置滚动条的样式 */
::-webkit-scrollbar {
width: 6px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
border-radius: 10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius: 3px;
background: rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: #dadde0;
}
// 滚动条的宽度
/deep/ .el-table__body-wrapper::-webkit-scrollbar {
width: 6px; // 横向滚动条
height: 6px; // 纵向滚动条 必写
}
// 滚动条的滑块
/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {
background-color: #dadde0;
border-radius: 3px;
}
// 修改多选框样式
/deep/ .el-checkbox.is-checked {
.el-checkbox__label {
color: #333333;
}
.el-checkbox__input.is-checked {
.el-checkbox__inner {
background: #055fe7;
border-color: #055fe7;
}
}
}
/deep/ .el-checkbox {
color: #666;
}
/deep/ .el-dropdown-menu__item {
padding: 0 1.25rem !important;
}
// 表头
/deep/ .has-gutter {
font-weight: normal;
th {
font-size: 14px;
font-family: MicrosoftYaHei;
color: #282f3c;
font-weight: normal;
}
}
del {
text-decoration: none; /*没有文本装饰*/
text-decoration: underline red; /*红色下划线*/
text-decoration: underline wavy red; /*红色波浪形下划线*/
text-decoration: line-through red; /*红色删除线*/
}
</style>
src/views/login/modules/AccountsLogin.vue
......@@ -5,7 +5,7 @@
class="width100 margin_top25_bottom10"
type="text"
placeholder="请输入用户名"
v-model="userInfo.userName"
v-model="userInfo.username"
>
<i slot="prefix" style="display: flex; align-items: center">
<img
......@@ -23,7 +23,7 @@
class="width100 margin_top25_bottom10"
type="password"
placeholder="请输入密码"
v-model="userInfo.passWord"
v-model="userInfo.password"
>
<i slot="prefix">
<img
......@@ -72,7 +72,7 @@ export default {
return {
btnLoading: false,
isShow: false,
userInfo: { userName: "admin", passWord: "123456" },
userInfo: { username: "admin", password: "123456" },
usernameUrl: require("../../../assets/img/login/user.png"),
passwordUrl: require("../../../assets/img/login/password.png"),
};
......@@ -85,11 +85,12 @@ export default {
this.$axios({
url: "/login/login/myLoginForm",
method: "post",
data: { username: "admin", password: "admin" },
data: qs.stringify(userinfo),
headers: {
"Content-Type": "application/x-www-form-urlencoded",
},
}).then((res) => {
me.btnLoading = false;
if (res.data.code == 200) {
localStorage.setItem("token", res.data.token);
localStorage.setItem("userInfo", JSON.stringify(res.data.userInfo));
......@@ -97,9 +98,9 @@ export default {
//所在单位数据
this.$store.dispatch("publicData/_getList");
this.$router.push("/index");
this.$bus.emit('goLogin')
this.$bus.emit("goLogin");
} else {
this.$message.error("登陆失败");
this.$message.error(res.data.message);
}
});
},
......
vue.config.js
/*
* @Author: your name
* @Date: 2021-09-07 09:57:48
* @LastEditTime: 2021-12-03 16:23:22
* @LastEditTime: 2021-12-03 20:07:29
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \指纹系统\founder_vue\vue.config.js
......@@ -92,7 +92,7 @@ module.exports = {
// target: "http://192.168.0.137:8080/", //统一的请求头部每次修改都要重启才会生效 http://39.99.224.27:8006/
// target: "http://172.18.108.2:8099/", // 张 认定
// target: "http://192.168.128.108:8099", // 湖南-张
target: "http://192.168.128.114:8099", // 湖南-马
target: "http://192.168.128.166:8099", // 湖南-马
// target: "http://192.168.128.116:8099", // 湖南-王
// target: "http://192.168.128.118:8764", // 湖南-张呈光
// target: "http://172.18.116.73:8099/", //统一的请求头部每次修改都要重启才会生效 http://39.99.224.27:8006/ ma
......@@ -107,12 +107,13 @@ module.exports = {
}
},
"/login": {
target: "http://www.meetfood.cn:2390/", // 登录
// target: "http://www.meetfood.cn:2390/", // 登录
target: "http://192.168.128.122:8764/", // 登录
// target: "http://192.168.128.114:8099", // 登录-马
ws: true,
changeOrigin: true,
pathRewrite: {
"^/login": "/login"
"^/login": ""
}
},
// "/system": {
......@@ -127,8 +128,8 @@ module.exports = {
"/security": {
//target: "http://192.168.128.106:8765", // 湖南-王
// target: "http://192.168.128.122:8764", // 湖南-张
target: "http://www.meetfood.cn:2390", // 湖南-王
target: "http://192.168.128.122:8764", // 湖南-张
// target: "http://www.meetfood.cn:2390", // 湖南-王
ws: true,
changeOrigin: true,
pathRewrite: {
......
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