Commit 762708d4 by 张超军

Merge branch 'dev_zwpt' of http://39.99.224.27:9022/changchao/founder_vue into dev_zwpt

parents 5640f73d ae12d5f3
......@@ -11,6 +11,7 @@ import './utils/CrashHandle'
import './plugins/axios'
import fHttp from './request/http.js'
import NetUtil from './netmgr/NetUtil'
import VerifyDataType from './utils/verify-data/VerifyDataType.js'
import App from './App.vue'
import router from './router'
import store from './store'
......@@ -42,7 +43,8 @@ Vue.prototype.$moment = moment
import uploader from 'vue-simple-uploader'
Vue.use(uploader)
import md5 from "js-md5";
import md5 from 'js-md5'
Vue.prototype.$md5 = md5
Vue.prototype.$driver = new Driver({
......@@ -71,6 +73,7 @@ window.util = Util
window.logger = LoggerUtil
window.user = UserUtil
window.fHttp = fHttp
window.verifyData = VerifyDataType
window.NetUtil = NetUtil
Vue.use(VueWechatTitle)
Vue.use(VueClipboard)
......
......@@ -32,6 +32,20 @@ export default [
component: () => import('@/views/zzwlr/htcj.vue')
},
{
path: '/xzry',
// redirect: "/fingerprintIndex/R4300000000002021125008/admin",
name: 'xzry',
hidden: true,
// icon_d: '/img/zzwcj_d.png',
// icon_a: '/img/zzwcj_a.png',
meta: {
parentId: 'zzwlr',
title: '新增人员',
auth: 'A'
},
component: () => import('@/views/zzwlr/xzry.vue')
},
{
path: '/zzwlr',
name: 'zzwlr',
hidden: false,
......@@ -41,7 +55,7 @@ export default [
title: '指掌纹录入',
auth: 'B'
},
component: () => import('@/views/zzwlr/Index.vue'),
component: () => import('@/views/zzwlr/index.vue'),
},
{
path: '/drFPTX',
......
export default {
/**
* Description: 逻辑分库名称正则
* @author: li_hongchao
* @date: 2022/1/9 19:47
*/
_LJFKM: /(([\u4E00-\u9FA5·]{2,})|([a-zA-Z]{4,}))/,
_NUMBER: /^(0|([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$/,
/**
* Description: 自然数
* @author: li_hongchao
* @date: 2022/1/9 19:06
* ^(0|([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$"
*/
_NATURAL_NUMBER: /^\\+?[1-9][0-9]*$/,
/**
* Description: 校验中文姓名和英文姓名
* @author: li_hongchao
* @date: 2022/1/9 19:07
*/
_NAME: /(([\u4E00-\u9FA5·]{1,17})|([a-zA-Z]{1,17}))/,
/**
* Description: 18位身份证号
* @author: li_hongchao
* @date: 2022/1/9 19:41
*/
_18_IDCard: /^[1-9]\\d{5}[1-9]\\d{3}((0\\d)|(1[0-2]))(([0|1|2]\\d)|3[0-1])\\d{3}([0-9]|X|x)$/,
/**
* Description:15位身份证号
* @author: li_hongchao
* @date: 2022/1/9 19:42
*/
_15_IDCard: /^[1-9]\\d{7}((0\\[1-9])|(1[0-2]))(([0\\[1-9]|1\\d|2\\d])|3[0-1])\\d{2}([0-9]|x|X){1}$/,
/**
* Description: URL
* @author: li_hongchao
* @date: 2022/1/9 19:42
*/
_URL: /(http|https):\/\/([\w.]+\/?)\S*/,
/**
* Description: QQ号
* @author: li_hongchao
* @date: 2022/1/9 19:42
*/
_QQ: /^[1-9]\\d{4,10}$/,
/**
* Description: 一个或多个汉字
* @author: li_hongchao
* @date: 2022/1/9 19:42
*/
_CHINESE: /^[\\u0391-\\uFFE5]+$/,
/**
* Description: 手机号码
* @author: li_hongchao
* @date: 2022/1/9 19:42
*/
_MOBILE_PHONE: /^1[3|4|5|8][0-9]\\d{8}$/,
/**
* Description: 所有电话格式校验
* @author: li_hongchao
* @date: 2022/1/9 19:42
*/
_ALL_PHONE: /^((1[0,1,2,3,4,5,6,7,8,9]))\\d{9}|((\\d{4})?(\\-)?\\d{7})$/,
/**
* Description: 邮箱验证
* @author: li_hongchao
* @date: 2022/1/9 19:43
*/
_MAIL: /^[A-Za-z0-9\\u4e00-\\u9fa5]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+$"/,
/**
* Description: 邮政编码
* @author: li_hongchao
* @date: 2022/1/9 19:43
*/
_POST_CODE: /^[1-9]\\d{5}$/,
}
......@@ -785,7 +785,7 @@ export default {
// .el-message-box__message {
// margin: 23px 24px 17px 24px;
// font-size: 14px;
// font-family: MicrosoftYaHei;
// font-family: HarmonyOS_Sans_SC;
// color: #333333;
// }
// .el-message-box__btns {
......@@ -800,7 +800,7 @@ export default {
// background: #055fe7;
// border-radius: 4px;
// font-size: 14px;
// font-family: MicrosoftYaHei;
// font-family: HarmonyOS_Sans_SC;
// color: #ffffff;
// }
// .el-button:nth-child(2) {
......@@ -812,14 +812,14 @@ export default {
// border-radius: 4px;
// border: 1px solid #aeb5c2;
// font-size: 14px;
// font-family: MicrosoftYaHei;
// font-family: HarmonyOS_Sans_SC;
// color: #2e3846;
// }
// }
.el-popconfirm__main {
margin: 23px 24px 17px 24px;
font-size: 14px;
font-family: MicrosoftYaHei;
font-family: HarmonyOS_Sans_SC;
color: #333333;
}
.el-popconfirm__action {
......@@ -834,7 +834,7 @@ export default {
background: #055fe7;
border-radius: 4px;
font-size: 14px;
font-family: MicrosoftYaHei;
font-family: HarmonyOS_Sans_SC;
color: #ffffff;
}
.el-button:nth-child(2) {
......@@ -846,7 +846,7 @@ export default {
border-radius: 4px;
border: 1px solid #aeb5c2;
font-size: 14px;
font-family: MicrosoftYaHei;
font-family: HarmonyOS_Sans_SC;
color: #2e3846;
}
}
......@@ -873,10 +873,10 @@ export default {
height: 100%;
box-sizing: border-box;
padding: 24px;
font-family: MicrosoftYaHei;
font-family: HarmonyOS_Sans_SC;
.title {
font-size: 16px;
font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
font-family: HarmonyOS_Sans_SC-Bold, HarmonyOS_Sans_SC;
font-weight: bold;
color: #333333;
margin-bottom: 20px;
......@@ -1008,7 +1008,7 @@ export default {
border: none;
background: #055fe7;
font-size: 14px;
font-family: MicrosoftYaHei;
font-family: HarmonyOS_Sans_SC;
color: #ffffff;
&:hover {
background: #377fec;
......@@ -1021,7 +1021,7 @@ export default {
border: none;
border: 1px solid #055fe7;
font-size: 14px;
font-family: MicrosoftYaHei;
font-family: HarmonyOS_Sans_SC;
color: #055fe7;
background-color: #fff;
i {
......@@ -1041,7 +1041,7 @@ export default {
border: none;
border: 1px solid #ecedf1;
font-size: 14px;
font-family: MicrosoftYaHei;
font-family: HarmonyOS_Sans_SC;
background-color: #fff;
color: #c2c4c7;
i {
......@@ -1107,7 +1107,7 @@ export default {
// align-items: center;
.record {
font-size: 14px;
font-family: MicrosoftYaHei;
font-family: HarmonyOS_Sans_SC;
color: #666666;
}
.paging {
......@@ -1158,13 +1158,13 @@ export default {
}
/deep/.el-table th > .cell {
font-size: 14px;
font-family: MicrosoftYaHei;
font-family: HarmonyOS_Sans_SC;
font-weight: normal;
color: #282f3c;
}
/deep/.el-table td > .cell {
font-size: 14px;
font-family: MicrosoftYaHei;
font-family: HarmonyOS_Sans_SC;
color: #333333;
}
/deep/.el-checkbox__input.is-checked .el-checkbox__inner,
......
......@@ -327,7 +327,7 @@
name="type"
></el-checkbox> -->
<el-checkbox
label="已中,不发送查询"
label="已中,不发送查询"
name="type"
></el-checkbox>
<el-checkbox
......
......@@ -1382,7 +1382,7 @@ $tableHeight: var(--tableHeight, 320px);
}
}
}
}
}
/deep/ .el-checkbox {
color: #666;
......
......@@ -15,9 +15,9 @@
<template slot-scope="scope">
<div class="tagsBox">
<div v-for="item in strArr(scope.row.groups)"
:class="{ tags: true, tagszu: item.type === 1 }"
:key="item.logicId"
v-show="item !== ''">
:class="{ tags: true, tagszu: item.type === 1 }"
:key="item.logicId"
v-show="item !== ''">
<div v-if="item.type === 1 && item.user && item.user.length >0">
<el-tooltip
......@@ -53,9 +53,7 @@
<div
v-for="item in scope.row.groups"
:class="{divtext:item.type === 1}"
:title="item.name"
:key="item.id"
>
:title="item.name">
<div v-if="item.type === 1 && item.user && item.user.length >0">
<el-tooltip
class="item"
......
......@@ -18,27 +18,36 @@
<el-dropdown-menu slot="dropdown" class="select-list-content">
<div class="select-list-content-left">
<div :class="{'list-item':true,'list-item-focus':isYh}" @click="toggleYh(true)">用户</div>
<div :class="{'list-item':true,'list-item-focus':!isYh}" @click="toggleYh(false)">用户组</div>
<div :class="{'list-item':true,'list-item-focus':isYh}" @click="toggleYh(true)">
用户
<div v-if="userSelectSet.size > 0" style="position: absolute; right:4px;">
{{userSelectSet.size}}
</div>
</div>
<div :class="{'list-item':true,'list-item-focus':!isYh}" @click="toggleYh(false)">
用户组
<div v-if="userGroupSelectSet.size > 0" style="position: absolute; right:4px;">
{{userGroupSelectSet.size}}
</div>
</div>
</div>
<div class="select-list-content-right">
<div class="top-div">
<div v-for="(item,index) in getItemArr()" class="top-item" @click="selectItem(item)"
<div v-for="(item,index) in getItemArr()" class="top-item" @click.stop="selectItem(item)"
:key="index">
<span v-if='item.name.length > 6'>
<el-tooltip effect="dark" :content="item.name" placement="top">
<div class="span-name">
{{ item.name.slice(0,6) + '...'}}
</div>
</el-tooltip>
</span>
<span v-else>
{{ item.name}}
</span>
<div v-show="isSelect(item)" class="look" style="float: right;margin-right: 17px;">
<i class="iconfont icon-duihao"></i>
<!-- <span v-if='item.name.length > 7'>-->
<!-- <el-tooltip effect="dark" :content="item.name" placement="right">-->
<!-- <div class="span-name">-->
<!-- {{ item.name.slice(0,7) + '...'}}-->
<!-- </div>-->
<!-- </el-tooltip>-->
<!-- </span>-->
<!-- <span v-else>{{ item.name}}</span>-->
<span style="margin-right: 36px;">{{ item.name}}</span>
<div v-show="isSelect(item)" class="look"
style="position: absolute; top:0px; right:16px;">
<i class=" iconfont icon-duihao"></i>
</div>
</div>
......@@ -182,6 +191,29 @@ export default {
})
}
},
getAllUsers() {
let result = []
if (this.userArr.length > 0) {
this.userArr.forEach(item => {
result.push({
id: item.id,
name: item.name,
type: 0
})
})
}
if (this.userGroupArr.length > 0) {
this.userGroupArr.forEach(item => {
result.push({
id: item.id,
name: item.name,
type: 1
})
})
}
return result
},
cancel() {
if (this.$refs.dropdown) {
this.$refs.dropdown.visible = false
......@@ -331,20 +363,21 @@ export default {
color: #333333;
line-height: 19px;
padding: 0px 0px 0px 13px;
padding: 0px 0px 0px 8px;
display: flex;
align-items: center;
justify-content: left;
border: 2px none white;
border-left-style: solid;
border-left: 2px solid white;
position: relative;
}
.list-item-focus {
border: 2px none #055FE7;
border-left-style: solid;
border-left: 2px solid #055FE7;
color: #055FE7;
}
......@@ -363,14 +396,16 @@ export default {
.top-item {
width: 100%;
height: 40px;
background: #FFFFFF;
/*background: #FFFFFF;*/
background: transparent;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #333333;
line-height: 40px;
padding-left: 16px;
position: relative;
}
.top-item:hover {
......@@ -378,8 +413,8 @@ export default {
}
.span-name {
overflow: hidden;
float: left;
/*overflow: hidden;*/
/*float: left;*/
}
}
......
......@@ -16,7 +16,7 @@
//margin-bottom: 40px;
top: 50%;
left: 50%;
transform: translate(-40%, -50%);
transform: translate(-50%, -50%);
z-index: 1000;
width: 892px;
//height: 830px;
......@@ -92,11 +92,6 @@
max-height: 600px;
overflow: scroll;
}
.addbtns {
.el-form-item__content {
}
}
}
.info-item {
......@@ -159,7 +154,60 @@
}
}
.dui-lie-ming-cheng-layout {
.GongZuoDuiLieChuanXing { // 串行
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
float: left;
.itemBox {
min-width: 96px;
height: 32px;
display: inline-block;
float: left;
position: relative;
background: #F6F8FA;
box-shadow: 4px 4px 4px 0px rgba(193, 216, 251, 0.8), -4px -4px 4px 0px #FFFFFF;
border-radius: 4px;
color: #333333;
font-size: 14px;
font-family: MicrosoftYaHei;
line-height: 32px;
.dlIndexBg { // 序号背景
position: absolute;
width: 16px;
height: 19px;
}
.dlIndex { // 序号
position: absolute;
width: 16px;
height: 14px;
font-size: 12px;
font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
font-weight: bold;
color: #FFFFFF;
line-height: 14px;
text-align: center;
}
.iconChuanXing {
position: absolute;
color: #055fe7;
top: -6px;
right: -6px;
cursor: pointer;
}
}
}
.dlNoSelect {
color: #999999;
}
......@@ -168,17 +216,14 @@
height: 32px;
border-radius: 4px;
border: 1px solid #AEB5C2;
//margin-right: 4px;
margin-right: 4px;
margin-left: 20px;
display: inline-block;
background: #f6f8fa;
//box-shadow: 4px 4px 4px 0px rgba(193, 216, 251, 0.8), -4px -4px 4px 0px #ffffff;
position: relative;
text-align: center;
margin-right: 5px;
//margin-top: 7px;
> div {
line-height: 32px;
......@@ -236,7 +281,7 @@
border: 1px dashed #aeb5c2 !important;
position: relative !important;
display: inline-block;
margin-right: 5px;
margin-right: 4px;
margin-left: 20px;
border-radius: 4px;
}
......@@ -262,157 +307,23 @@
line-height: 22px;
}
.chu-li-dui-lie {
width: 96px;
height: 32px;
background: #F6F8FA;
box-shadow: 4px 4px 4px 0px rgba(193, 216, 251, 0.8), -4px -4px 4px 0px #FFFFFF;
border-radius: 4px;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #999999;
line-height: 22px;
//-webkit-background-clip: text;
//-webkit-text-fill-color: transparent;
margin-left: 30px;
.jiantou {
width: 14px;
height: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: 10px;
margin-right: 10px;
}
//.gong-zuo-dui-lie-chuanxing { // 串行
// min-width: 96px;
// height: 32px;
// margin-right: 25px;
// display: inline-block;
//
// background: #F6F8FA;
// border: 1px solid #AEB5C2;
// box-shadow: 4px 4px 4px 0px rgba(193, 216, 251, 0.8), -4px -4px 4px 0px #FFFFFF;
// border-radius: 4px;
// position: relative;
// text-align: center;
//
// > div {
// line-height: 32px;
// width: 100%;
// overflow: hidden;
// text-overflow: ellipsis;
// white-space: nowrap;
// box-sizing: border-box;
// padding: 0 10px;
//
// display: flex;
// align-items: center;
// justify-content: center;
//
// .line {
// margin-right: 14px;
// margin-left: 14px;
//
// width: 1px;
// height: 16px;
// background: #D8D8D8;
// border: 1px solid #979797;
// }
//
// //.gztl-tag {
// // width: 32px;
// // height: 20px;
// // background: #D8D8D8;
// // border-radius: 2px;
// //
// // margin-right: 8px;
// // font-size: 12px;
// // font-family: HarmonyOS_Sans_SC;
// // color: #FFFFFF;
// // line-height: 16px;
// //
// // display: inline-flex;
// // align-items: center;
// // justify-content: center;
// //
// //}
// //
// //.zhengcha { /* 案件 正查*/
// // background: #08BD9E;
// //}
// //
// //.chuancha { /* 案件 串查*/
// // background: #055FE7;
// //}
// //
// //.chachong { /* 人员 查重*/
// // background: #FFA219;
// //}
// //
// //.daocha { /* 人员 倒查*/
// // background: #FE0000;
// //}
//
// }
//
// > .icon {
// position: absolute;
// top: -6px;
// right: -6px;
// cursor: pointer;
// }
//}
.gong-zuo-dui-lie-chuanxing { // 串行
min-width: 96px;
height: 32px;
margin-right: 0px;
display: inline-block;
background: #F6F8FA;
border: 1px solid #AEB5C2;
box-shadow: 4px 4px 4px 0px rgba(193, 216, 251, 0.8), -4px -4px 4px 0px #FFFFFF;
border-radius: 4px;
position: relative;
text-align: center;
margin-left: 8px;
> div {
line-height: 32px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
box-sizing: border-box;
padding: 0 10px;
display: flex;
align-items: center;
justify-content: center;
}
> .icon {
position: absolute;
top: -6px;
right: -6px;
cursor: pointer;
}
}
.kk {
margin-left: 73px;
}
.gong-zuo-dui-lie-bingxing-item {
height: 52px;
display: flex;
vertical-align: middle;
//align-items: center;
//justify-content: center; DialogBg
.gong-zuo-dui-lie-bingxing-item-left {
width: 1px;
......@@ -428,39 +339,49 @@
background: transparent;
}
.mid-line {
width: 14px;
height: 2px;
background: linear-gradient(90deg, #7CD5FF 0%, #49AFFF 100%);
}
.mid-line-hide {
background: transparent;
}
.mid-circle {
width: 7px;
height: 7px;
background: #FFFFFF;
border: 1px solid #49AFFF;
border-radius: 100px;
}
.mid-circle-hide {
border: 1px solid transparent;
background: transparent;
}
.gong-zuo-dui-lie-bingxing-item-right {
width: auto;
height: 52px;
/*background: black;*/
display: flex;
align-items: center;
justify-content: center;
.gong-zuo-dui-lie-bingxing { // 并行
min-width: 96px;
height: 32px;
margin-left: 12px;
display: inline-block;
background: #F6F8FA;
border: 1px solid #AEB5C2;
box-shadow: 4px 4px 4px 0px rgba(193, 216, 251, 0.8), -4px -4px 4px 0px #FFFFFF;
border-radius: 4px;
//border: 1px solid #AEB5C2;
border-radius: 4px;
position: relative;
text-align: center;
......@@ -480,6 +401,7 @@
> .icon {
position: absolute;
color: #055fe7;
top: -6px;
right: -6px;
cursor: pointer;
......@@ -491,8 +413,8 @@
.gzdl-line {
margin-right: 14px;
margin-left: 14px;
margin-right: 12px;
margin-left: 12px;
width: 1px;
height: 16px;
......@@ -568,6 +490,11 @@
}
}
.divider-line {
margin: 0px 31px 0px 32px;
height: 2px;
border: 1px solid #E6E6E8;
}
.slide-fade-leave-active,
.slide-fade-enter-active {
......@@ -590,15 +517,15 @@
}
}
.el-form-item__error {
left: 100%;
width: 100%;
top: 50%;
box-sizing: border-box;
transform: translateY(-50%);
padding-left: 10px;
padding-top: 0 !important;
}
//.el-form-item__error {
// left: 0%;
// width: 100%;
// top: 100%;
// box-sizing: border-box;
// transform: translateY(-50%);
// padding-left: 10px;
// padding-top: 0 !important;
//}
.el-form-item__label {
position: relative;
......
<!--
* @Author: your name
* @Date: 2021-09-07 10:31:34
* @LastEditTime: 2021-11-11 16:31:53
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\zzwlr\Index.vue
-->
<template>
<div id="zzwlr"></div>
</template>
<script>
import zoom from "@/utils/autosize";
export default {
name: 'zzwlr'
};
</script>
<style lang="scss" scoped>
#zzwlr {
width: 100% !important;
height: 100% !important;
overflow: hidden !important;
}
</style>
\ No newline at end of file
......@@ -131,7 +131,7 @@
.xzry{
border: 1px solid #055fe7 !important;
// font-size: 14px;
font-family: MicrosoftYaHei;
font-family: HarmonyOS_Sans_SC;
color: #055fe7;
background-color: #fff;
i {
......@@ -149,4 +149,106 @@
}
.el-tag{
margin-top: 16px;
}
// 表格
.delSelection /deep/ .el-table-column--selection .cell {
display: none;
}
/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-table th {
background-color: #f6f8fa;
}
/deep/.el-popover {
padding: 15px 20px !important;
}
/deep/.el-popconfirm__action {
display: flex;
justify-content: center;
}
/deep/.el-popover.el-popper {
background: #006aff;
}
/deep/.el-form-item__label {
color: #333333;
}
/deep/ .disableheadselection > .cell .el-checkbox__inner {
display: none;
}
/deep/.el-table th > .cell {
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
font-weight: normal;
color: #282f3c;
}
/deep/.el-table td > .cell {
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #333333;
}
/deep/.el-table {
width: 100%;
max-height: 435px !important;
margin-top: 16px;
.cell:empty::before {
content: "---";
color: gray;
}
.is-leaf {
.cell:empty::before {
content: "---";
color: gray;
}
}
}
/deep/.el-table--enable-row-transition .el-table__body td.el-table__cell {
height: 55px;
}
.iconfont {
width: 16px;
height: 16px;
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
color: #055fe7;
object-fit: fill;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.block {
position: absolute;
bottom: 27px;
// width: calc(100vw - 367px);
width: 1544px;
// justify-content: space-between;
// align-items: center;
.record {
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #666666;
}
.paging {
float: right;
}
}
/deep/.el-pager {
.number {
background-color: transparent;
}
.number.active {
background-color: #055fe7 !important;
box-shadow: 0px 12px 16px 1px rgba(0, 21, 51, 0.03);
border-radius: 6px;
}
.el-icon.more.btn-quicknext.el-icon-more,
.el-icon.more.btn-quickprev.el-icon-more {
background-color: transparent !important;
}
}
\ No newline at end of file
......@@ -76,15 +76,15 @@
<div class="middle_rig">
<div class="btn ">复制条码</div>
<div class="btn">删除</div>
<div class="btn xzry">
<router-link tag="div" to="/xzry" class="btn xzry">
<i class="el-icon-plus"></i>
新增人员
</div>
</router-link>
</div>
</div>
<!-- 3 已选择x项弹弹出框 -->
<el-tag style="width: 100%; color: #666666;margin-bottom:1rem " v-show="isShowTip">
<el-tag style="width: 100%; color: #666666 " v-show="isShowTip">
<span v-html="'&nbsp;&nbsp;'"></span>
<i class="iconfont icon-tanhao1" style="color: #055fe7; font-size: 16px; margin: 0 0.625rem;"></i>
已选择
......@@ -92,7 +92,57 @@
<el-link type="primary" :underline="false" style="margin-left: 1.25rem" @click="toggleSelection()">清除</el-link>
</el-tag>
<!-- 4 表格 -->
<el-table :max-height="height" ref="multipleTable" :data="tableDate" :row-key="getRowKeys" tooltip-effect="dark" :class="{ delSelection: !selectBoo }" @selection-change="handleSelectionChange" @row-click="isShowRyxxkBtn">
<el-table-column type="selection" :reserve-selection="true" :width="width33" >
</el-table-column>
<el-table-column prop="ysxtAsjxgrybh" label="人员编号" :width="width1" show-overflow-tooltip>
</el-table-column>
<el-table-column prop="xm" label="姓名" :width="width5" show-overflow-tooltip>
</el-table-column>
<el-table-column prop="xbdm" label="性别" :width="width5" :formatter="xbdmFormat">
</el-table-column>
<el-table-column prop="zjhm" label="身份证号" :width="width3" show-overflow-tooltip>
</el-table-column>
<el-table-column prop="zz" label="现住址" :width="width4">
</el-table-column>
<el-table-column prop="piccount" label="人像" :width="width33">
</el-table-column>
<el-table-column prop="rollcount" label="滚动" :width="width33">
</el-table-column>
<el-table-column prop="plancount" label="平面" :width="width33">
</el-table-column>
<el-table-column prop="plamcount" label="掌纹" :width="width33">
</el-table-column>
<el-table-column prop="wzd" label="完整度" :width="width5">
</el-table-column>
<el-table-column prop="nysj" label="捺印时间" :width="width3">
</el-table-column>
<el-table-column prop="nydwGajgmc" label="捺印单位" :width="width3" show-overflow-tooltip>
</el-table-column>
<el-table-column label="操作" width="auto">
<template slot-scope="scope">
<el-tooltip class="item" v-if="roleArr.includes('F-1-8')" effect="dark" content="编辑" placement="top" :open-delay="500">
<!-- <i></i> -->
<!-- <span class="iconfont icon-bianji1 zttb"></span> -->
<div class="icon-div" @click="handleClick(scope.row)">
<!-- <img-->
<!-- src="../../assets/img/qbryk/bj.svg"-->
<!-- alt=""-->
<!-- />-->
<span class="iconfont">&#xe63d;</span>
</div>
</el-tooltip>
</template>
</el-table-column>
</el-table>
<!-- 页码 -->
<div class="block">
<span class="record">共{{ reqParam.page.total }}条记录 第{{ reqParam.page.currPage }}/{{
Tpage
}}页</span>
<el-pagination class="paging" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="reqParam.page.currPage" :page-sizes="[10, 20, 30, 40]" background layout="prev, pager, next" :total="reqParam.page.total">
</el-pagination>
</div>
</div>
</template>
......@@ -116,6 +166,28 @@
xb: '',
cjdw: ''
},
selectBoo: false, // 是否批量操作,
tableDate: [],
reqParam: {
// 请求参数
page: {
total: 0, //表格条数
pageSize: 10, //当前选择要显示的条数
currPage: 1 // 当前在第几页
},
personStoreCustomSearch: {
ysxtAsjxgrybh: "", // 搜索框内容
searchOptions: 3, // 默认搜索方式
checkboxQuery: [] //滚动平面等筛选条件
}
},
width33: "50",
width5: 80,
width4: 110,
width3: 180,
width2: 100,
width1: 220,
height: 500,
}
},
methods: {
......@@ -145,7 +217,87 @@
}
// this.$set(this.multipleSelection, [])
},
search () { // 获取全部人员列表请求
// //console.info("请求===>", this.reqParam);
this.$axios
.post("/api/personstore/person/list", this.reqParam)
.then(response => {
if (response.data.code === 0) {
this.tableDate = response.data.ret.list;
this.reqParam.page.total = response.data.ret.total;
//console.info("查询结果===>", this.tableDate);
// this.userInfo = this.getUserInfo(this.tableDate);
} else {
this.$message.error(response.data.message);
}
});
},
getRowKeys (row) {// 保存选中的数据,row-key就是要指定一个key标识这一行的数据
return row.id;
},
handleSelectionChange (val) {
this.multipleSelection = val;
//console.log(this.multipleSelection);
// if (this.multipleSelection.length) {
// this.isShowTip = true;
// } else {
// this.isShowTip = false;
// }
},
isShowRyxxkBtn (row) {// 人员信息卡操作
// console.log("row", row)
this.rowData = row;
console.log("row", row);
this.isShowRyxxk = true;
},
// 性别格式化
xbdmFormat (row, colnum) {
let xbdm = row.xbdm;
let showProp = null;
if (xbdm == 0) {
showProp = "未知";
} else if (xbdm == 1) {
showProp = "男";
} else if (xbdm == 2) {
showProp = "女";
} else if (xbdm == 9) {
showProp = "未说明";
} else {
showProp = "---";
}
return showProp;
},
handleSizeChange (pageSize) {
this.reqParam.page.pageSize = pageSize;
//console.log("每页条数", this.reqParam.page.pageSize);
},
handleCurrentChange (page) {
this.reqParam.page.currPage = page;
//console.log("当前页", this.reqParam.page.currPage);
this.search();
},
},
mounted () {
this.search();
if (this.$route.query.xzry === "true") {
this.isShowXzry = true;
}
},
computed: {
roleArr () {
return this.$store.state.layout.Menu;
},
Tpage () {
return Math.floor(this.reqParam.page.total / this.reqParam.page.pageSize);
}
}
};
</script>
......
#xzry{
width: 100%;
height: 100%;
}
.top {
width: 100%;
height: 82px;
background: linear-gradient(270deg, rgba(249, 251, 254, 0.5) 0%, #F2F6FA 49%, rgba(249, 251, 254, 0.5) 100%);
filter: blur(0px);
display: flex;
align-items: center;
justify-content: center;
.fir {
display: flex;
.cir {
width: 24px;
height: 24px;
background: #055FE7;
font-size: 12px;
border-radius: 50%;
padding: 3px 8px;
color: #fff;
}
span {
font-size: 16px;
font-family: HarmonyOS_Sans_SC;
color: #055FE7;
line-height: 22px;
margin-left: 5px;
}
.dashed{
margin: 10px 10px;
width: 112px;
height: 1px;
border: 1px dashed #055FE7;
}
.solid{
margin: 10px 10px;
width: 112px;
height: 1px;
background: #CCCCCC;
}
}
.unactive{
display: flex;
.cir {
width: 24px;
height: 24px;
border: 1px solid #999999;
font-size: 12px;
border-radius: 50%;
padding: 2px 7px;
color: #999999;
}
span {
font-size: 16px;
font-family: HarmonyOS_Sans_SC;
color: #999999 !important;
line-height: 22px;
margin-left: 5px;
}
.dashed{
margin: 10px 10px;
width: 112px;
height: 1px;
border: 1px dashed #055FE7;
}
.solid{
margin: 10px 10px;
width: 112px;
height: 1px;
background: #CCCCCC;
}
}
}
.content{
height: 100%;
padding-bottom: 200px;
.el-form{
height: 100%;
overflow: auto;
padding: 0 245px;
}
}
.inputBh {
/deep/.el-input-group__prepend {
width: 40px;
text-align: center;
padding: 0;
}
/deep/.el-input__inner {
width: 224px;
}
}
// 滚动条的宽度
/deep/ .el-form::-webkit-scrollbar {
width: 6px; // 横向滚动条
height: 6px; // 纵向滚动条 必写
}
// 滚动条的滑块
/deep/ .el-form::-webkit-scrollbar-thumb {
background-color: #dadde0;
border-radius: 3px;
}
/deep/.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: #055fe7;
border-color: #055fe7;
}
/deep/.el-checkbox__input.is-checked .el-checkbox__inner,
/deep/.el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: #055fe7;
border-color: #055fe7;
}
/deep/.el-checkbox__input.is-checked + .el-checkbox__label {
color: #333333;
}
/deep/.flexBox {
display: flex;
.el-checkbox {
margin-right: 24px;
margin-bottom: 10px;
}
}
/deep/.el-radio {
margin-right: 30px;
}
.title {
display: flex;
margin-top: 30px;
div {
font-size: 16px;
font-family: HarmonyOS_Sans_SC;
color: #282f3c;
line-height: 24px;
}
.colorDiv {
width: 4px;
height: 16px;
background: #055fe7;
border-radius: 2px;
margin-right: 10px;
margin-top: 5px;
}
}
/deep/.el-button {
width: 72px;
height: 40px;
background: #ffffff;
color: #333333;
border-radius: 4px;
border: 1px solid #aeb5c2;
}
/deep/.el-button--primary {
border-color: #055fe7;
background: #055fe7;
color: #fff;
width: 72px;
height: 40px;
}
/deep/.el-button + .el-button {
margin-left: 24px;
}
/deep/.el-textarea__inner {
width: 722px;
height: 76px;
overflow: auto;
}
/deep/.el-row {
margin-bottom: 24px;
}
/deep/.el-input__inner {
width: 264px;
}
/deep/.el-form-item__label {
width: 160px;
padding: 0;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #333333;
}
/deep/.el-divider--horizontal{
width: 89% !important;
}
\ No newline at end of file
......@@ -113,7 +113,7 @@ module.exports = {
// target: "http://192.168.128.166:8099/", // 张 认定
// target: "http://192.168.128.104:8099", // 湖南-马
// target: "http://192.168.128.116:8099", // 湖南-王
// target: "http://192.168.128.109:8099", // 湖南-张呈光
// target: "http://192.168.128.114:8099", // 湖南-张呈光
// target: "http://172.18.116.73:8099/", //统一的请求头部每次修改都要重启才会生效 http://39.99.224.27:8006/ ma
// target: "http://127.0.0.1:8099",
// target: "http://47.92.225.109:5602",
......@@ -129,9 +129,9 @@ module.exports = {
"/security": {
// target: "http://192.168.128.106:8765", // 湖南-王
// target: "http://192.168.128.166:8099/", // 张 认定
target: "http://192.168.128.114:8765/", // 张 认定
// target: "http://www.meetfood.cn:2390", // 湖南-王
target: "http://zwpt.xzclub.top:9333",
// target: "http://zwpt.xzclub.top:9333",
// target: "http://192.168.128.109:8765",
ws: true,
changeOrigin: true,
......
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