Skip to content

F
founder_vue
Commit dd8dc570 by 米嘉伟
Options

指纹质量检查

parent 7ba1ed79
Showing with 495 additions and 128 deletions
public/iconfont/demo_index.html
......@@ -55,6 +55,42 @@
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe642;</span>
<div class="name">复核</div>
<div class="code-name">&amp;#xe642;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe640;</span>
<div class="name">下箭头</div>
<div class="code-name">&amp;#xe640;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe641;</span>
<div class="name">禁用箭头</div>
<div class="code-name">&amp;#xe641;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe63f;</span>
<div class="name">不合格</div>
<div class="code-name">&amp;#xe63f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe63e;</span>
<div class="name">合格</div>
<div class="code-name">&amp;#xe63e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe63d;</span>
<div class="name">编辑</div>
<div class="code-name">&amp;#xe63d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe63c;</span>
<div class="name">错误-不合格</div>
<div class="code-name">&amp;#xe63c;</div>
......@@ -73,12 +109,6 @@
</li>
<li class="dib">
<span class="icon iconfont">&#xe639;</span>
<div class="name">审核</div>
<div class="code-name">&amp;#xe639;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe638;</span>
<div class="name">叹号</div>
<div class="code-name">&amp;#xe638;</div>
......@@ -97,12 +127,6 @@
</li>
<li class="dib">
<span class="icon iconfont">&#xe635;</span>
<div class="name">编辑</div>
<div class="code-name">&amp;#xe635;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe636;</span>
<div class="name">系统管理备份</div>
<div class="code-name">&amp;#xe636;</div>
......@@ -348,9 +372,9 @@
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1638878673085') format('woff2'),
url('iconfont.woff?t=1638878673085') format('woff'),
url('iconfont.ttf?t=1638878673085') format('truetype');
src: url('iconfont.woff2?t=1639448021142') format('woff2'),
url('iconfont.woff?t=1639448021142') format('woff'),
url('iconfont.ttf?t=1639448021142') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
......@@ -377,6 +401,60 @@
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icon-fuhe"></span>
<div class="name">
复核
</div>
<div class="code-name">.icon-fuhe
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiajiantou"></span>
<div class="name">
下箭头
</div>
<div class="code-name">.icon-xiajiantou
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jinyongjiantou"></span>
<div class="name">
禁用箭头
</div>
<div class="code-name">.icon-jinyongjiantou
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-buhege"></span>
<div class="name">
不合格
</div>
<div class="code-name">.icon-buhege
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-hege"></span>
<div class="name">
合格
</div>
<div class="code-name">.icon-hege
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bianji"></span>
<div class="name">
编辑
</div>
<div class="code-name">.icon-bianji
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cuowu-buhege"></span>
<div class="name">
错误-不合格
......@@ -404,15 +482,6 @@
</li>
<li class="dib">
<span class="icon iconfont icon-shenhe1"></span>
<div class="name">
审核
</div>
<div class="code-name">.icon-shenhe1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tanhao1"></span>
<div class="name">
叹号
......@@ -440,15 +509,6 @@
</li>
<li class="dib">
<span class="icon iconfont icon-bianji1"></span>
<div class="name">
编辑
</div>
<div class="code-name">.icon-bianji1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xitongguanlibeifen"></span>
<div class="name">
系统管理备份
......@@ -819,6 +879,54 @@
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fuhe"></use>
</svg>
<div class="name">复核</div>
<div class="code-name">#icon-fuhe</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiajiantou"></use>
</svg>
<div class="name">下箭头</div>
<div class="code-name">#icon-xiajiantou</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jinyongjiantou"></use>
</svg>
<div class="name">禁用箭头</div>
<div class="code-name">#icon-jinyongjiantou</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-buhege"></use>
</svg>
<div class="name">不合格</div>
<div class="code-name">#icon-buhege</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-hege"></use>
</svg>
<div class="name">合格</div>
<div class="code-name">#icon-hege</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bianji"></use>
</svg>
<div class="name">编辑</div>
<div class="code-name">#icon-bianji</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cuowu-buhege"></use>
</svg>
<div class="name">错误-不合格</div>
......@@ -843,14 +951,6 @@
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shenhe1"></use>
</svg>
<div class="name">审核</div>
<div class="code-name">#icon-shenhe1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tanhao1"></use>
</svg>
<div class="name">叹号</div>
......@@ -875,14 +975,6 @@
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bianji1"></use>
</svg>
<div class="name">编辑</div>
<div class="code-name">#icon-bianji1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xitongguanlibeifen"></use>
</svg>
<div class="name">系统管理备份</div>
......
public/iconfont/iconfont.css
@font-face {
font-family: "iconfont"; /* Project id 2961960 */
src: url('iconfont.woff2?t=1638878673085') format('woff2'),
url('iconfont.woff?t=1638878673085') format('woff'),
url('iconfont.ttf?t=1638878673085') format('truetype');
src: url('iconfont.woff2?t=1639448021142') format('woff2'),
url('iconfont.woff?t=1639448021142') format('woff'),
url('iconfont.ttf?t=1639448021142') format('truetype');
}
.iconfont {
......@@ -13,6 +13,30 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-fuhe:before {
content: "\e642";
}
.icon-xiajiantou:before {
content: "\e640";
}
.icon-jinyongjiantou:before {
content: "\e641";
}
.icon-buhege:before {
content: "\e63f";
}
.icon-hege:before {
content: "\e63e";
}
.icon-bianji:before {
content: "\e63d";
}
.icon-cuowu-buhege:before {
content: "\e63c";
}
......@@ -25,10 +49,6 @@
content: "\e63a";
}
.icon-shenhe1:before {
content: "\e639";
}
.icon-tanhao1:before {
content: "\e638";
}
......@@ -41,10 +61,6 @@
content: "\e634";
}
.icon-bianji1:before {
content: "\e635";
}
.icon-xitongguanlibeifen:before {
content: "\e636";
}
......
public/iconfont/iconfont.json
......@@ -6,6 +6,48 @@
"description": "",
"glyphs": [
{
"icon_id": "26448924",
"name": "复核",
"font_class": "fuhe",
"unicode": "e642",
"unicode_decimal": 58946
},
{
"icon_id": "26407926",
"name": "下箭头",
"font_class": "xiajiantou",
"unicode": "e640",
"unicode_decimal": 58944
},
{
"icon_id": "26407927",
"name": "禁用箭头",
"font_class": "jinyongjiantou",
"unicode": "e641",
"unicode_decimal": 58945
},
{
"icon_id": "26400556",
"name": "不合格",
"font_class": "buhege",
"unicode": "e63f",
"unicode_decimal": 58943
},
{
"icon_id": "26400287",
"name": "合格",
"font_class": "hege",
"unicode": "e63e",
"unicode_decimal": 58942
},
{
"icon_id": "26336890",
"name": "编辑",
"font_class": "bianji",
"unicode": "e63d",
"unicode_decimal": 58941
},
{
"icon_id": "26222466",
"name": "错误-不合格",
"font_class": "cuowu-buhege",
......@@ -27,13 +69,6 @@
"unicode_decimal": 58938
},
{
"icon_id": "26156485",
"name": "审核",
"font_class": "shenhe1",
"unicode": "e639",
"unicode_decimal": 58937
},
{
"icon_id": "26156409",
"name": "叹号",
"font_class": "tanhao1",
......@@ -55,13 +90,6 @@
"unicode_decimal": 58932
},
{
"icon_id": "26116268",
"name": "编辑",
"font_class": "bianji1",
"unicode": "e635",
"unicode_decimal": 58933
},
{
"icon_id": "26116269",
"name": "系统管理备份",
"font_class": "xitongguanlibeifen",
......
src/views/AllPersonnelBase/AllPersonnelBase.vue
......@@ -231,7 +231,7 @@
<!-- src="../../assets/img/qbryk/bj.svg"-->
<!-- alt=""-->
<!-- />-->
<span class="iconfont">&#xe635;</span>
<span class="iconfont">&#xe63d;</span>
</div>
</el-tooltip>
<el-tooltip
......
src/views/AllPersonnelBase/qbalk.vue
......@@ -193,7 +193,7 @@
<!-- src="../../assets/img/qbryk/bj.svg"-->
<!-- alt=""-->
<!-- />-->
<span class="iconfont">&#xe635;</span>
<span class="iconfont">&#xe63d;</span>
</div>
</el-tooltip>
<el-tooltip
......
src/views/zljc/jcxq.vue
......@@ -7,13 +7,48 @@
<el-radio-button label="1">人员信息</el-radio-button>
<el-radio-button label="2">左手捺印指纹</el-radio-button>
<el-radio-button label="3">右手捺印指纹</el-radio-button>
<el-radio-button label="4">掌纹信息</el-radio-button>
<el-radio-button label="5">人像信息</el-radio-button>
</el-radio-group>
</div>
<div class="headRight">
<el-button class='hg'>合格</el-button>
<el-button class="bhg">不合格</el-button>
<el-button class='hg'>一键合格</el-button>
<el-button class="bhg">提交结果</el-button>
</div>
</div>
<div class="headResults ">
<div class='lableresult'>
<span class="iconfont cgColors">&#xe629;</span>
<span class="iconfont sbColors">&#xe63c;</span>
<span class="iconfont cgColor">&#xe63e;</span>
<span class="iconfont sbColor">&#xe63f;</span>
</div>
<div class='lableresult'>
<!-- <span class="iconfont cgColors">&#xe629;</span>
<span class="iconfont sbColors">&#xe63c;</span> -->
<span class="iconfont cgColor">&#xe63e;</span>
<!-- <span class="iconfont sbColor">&#xe63f;</span> -->
</div>
<div class='lableresult'>
<!-- <span class="iconfont cgColors">&#xe629;</span> -->
<span class="iconfont sbColors">&#xe63c;</span>
<!-- <span class="iconfont cgColor">&#xe63e;</span>
<span class="iconfont sbColor">&#xe63f;</span> -->
</div>
<div class='lableresult'>
<span class="iconfont cgColors">&#xe629;</span>
<!-- <span class="iconfont sbColors">&#xe63c;</span>
<span class="iconfont cgColor">&#xe63e;</span>
<span class="iconfont sbColor">&#xe63f;</span> -->
</div>
<div class='lableresult'>
<!-- <span class="iconfont cgColors">&#xe629;</span>
<span class="iconfont sbColors">&#xe63c;</span>
<span class="iconfont cgColor">&#xe63e;</span> -->
<span class="iconfont sbColor">&#xe63f;</span>
</div>
</div>
<div
class="line"
v-if="radio1==1"
......@@ -115,20 +150,51 @@ export default {
color: #ffffff;
}
/deep/.hg {
width: 72px;
width: 96px;
background: #00b48f;
}
/deep/.bhg {
width: 86px;
width: 96px;
background: #ff0039;
}
}
}
.headResults {
width: 100%;
height: 24px;
padding: 0 24px;
box-sizing: border-box;
display: flex;
.lableresult {
width: 129px;
height: 100%;
display: flex;
justify-content: space-around;
line-height: 24px;
.iconfont {
font-size: 16px;
cursor: pointer;
}
.cgColors {
color: #00b48f;
}
.sbColors {
color: #ff0039;
}
.cgColor {
color: #00b48f;
}
.sbColor {
color: #ff0039;
}
}
}
.line {
padding: 0 24px;
box-sizing: border-box;
div {
margin: 24px 0;
margin-bottom: 24px;
width: 100%;
height: 1px;
background: #eeeeee;
......
src/views/zljc/modules/nyzw.vue
......@@ -6,7 +6,9 @@
<div class="w660">{{radio1==2?'左手':'右手'}}滚动指纹</div>
<div class="w48"></div>
<div class="w660">{{radio1==2?'左手':'右手'}}平面指纹</div>
<div class="w88"><span class="iconfont icon-baocun"></span>保存</div>
<div class="w88">
<!-- <span class="iconfont icon-baocun"></span>保存 -->
</div>
</div>
</div>
<div class='zw'>
......@@ -18,29 +20,43 @@
trigger="click"
>
<el-carousel-item
v-for="item in arr"
v-for="item in arrLeft"
:key="item.id"
>
<div class="plamItem">
<div class="yuan">
<p>{{ item.text }}</p>
<div
class="imgbox"
@dblclick="showDetail(item)"
>
<div class='Top'>
<p>{{ item.text }}</p>
<div class="imgbox">
</div>
</div>
<div class='btns'>
<div
class='btnhg'
@click="showDetail(item)"
>合格</div>
<div
class='btnhg'
@click="showDetail(item)"
>不合格</div>
</div>
</div>
<div class="mubiao">
<p>{{ item.text }}</p>
<div
class="imgbox"
@dblclick="showDetail(item)"
>
<div class='Top'>
<p>{{ item.text }}</p>
<div class="imgbox">
</div>
</div>
<div class='btns'>
<div
class='btnhg'
@click="showDetail(item)"
>合格</div>
<div
class='btnhg'
@click="showDetail(item)"
>不合格</div>
</div>
</div>
</div>
</el-carousel-item>
......@@ -53,19 +69,90 @@ export default {
data () {
return {
radio1: 2,
arr: [
{
id: "31",
text: "右手平面掌纹",
list: {},
},
{ id: "32", text: "左手平面掌纹", list: {} },
{ id: "33", text: "右手侧面掌纹", list: {} },
{ id: "34", text: "左手侧面掌纹", list: {} },
arrLeft: [
{ pmId: 16, gdId: 6, text: '左拇指', pmImg: null, gdImg: null },
{ pmId: 17, gdId: 7, text: '左食指', pmImg: null, gdImg: null },
{ pmId: 18, gdId: 8, text: '左中指', pmImg: null, gdImg: null },
{ pmId: 19, gdId: 9, text: '左环指', pmImg: null, gdImg: null },
{ pmId: 20, gdId: 10, text: '左环指', pmImg: null, gdImg: null },
],
arrRight: [
{ pmId: 11, gdId: 1, text: '右拇指', pmImg: null, gdImg: null },
{ pmId: 12, gdId: 2, text: '右食指', pmImg: null, gdImg: null },
{ pmId: 13, gdId: 3, text: '右中指', pmImg: null, gdImg: null },
{ pmId: 14, gdId: 4, text: '右环指', pmImg: null, gdImg: null },
{ pmId: 15, gdId: 5, text: '右环指', pmImg: null, gdImg: null },
],
}
},
methods: {
getPlainByBarcode () { // 人员平面压缩图
let self = this;
this.$axios
.post(
"/api/png/plainByBarcode/barcode",
{ barcode: this.ysryjbxx.ysxtAsjxgrybh },
{ loading: false }
)
.then((response) => {
if (response.data.code == 0) {
this.PlainImgNum = response.data.ret.length;
response.data.ret.forEach((element, index) => {
self.PlainImg.forEach((item) => {
if (item.code == element.seq) {
item.img = element.image;
console.log(112233)
}
});
});
// 去掉加载状态
self.PlainImgfingerLoading = false;
} else if (response.data.code == 4) {
// 去掉加载状态
self.PlainImgfingerLoading = false;
}
})
.catch(function (error) {
//console.log(error);
});
},
getRollByBarcode () { // 人员滚动压缩图
let self = this;
this.$axios
.post(
"/api/png/rollByBarcode/barcode",
{ barcode: this.ysryjbxx.ysxtAsjxgrybh },
{ loading: false }
)
.then((response) => {
if (response.data.code == 0) {
// this.RollImgNum = response.data.ret.length;
response.data.ret.forEach((element, index) => {
self.RollImg.forEach((item) => {
if (item.code == element.seq) {
item.img = element.image;
console.log(112233)
}
});
});
// 去掉加载状态
self.RollImgfingerLoading = false;
console.log('RollImgNum', this.RollImgNum)
console.log('RollImgfingerLoading', this.RollImgfingerLoading)
} else if (response.data.code == 4) {
// 去掉加载状态
self.RollImgfingerLoading = false;
}
})
.catch(function (error) {
//console.log(error);
});
},
showDetail (item) {
console.log(item)
},
rollScroll (event) {
let _that = this;
// chrome、ie使用的wheelDelta，火狐使用detail
......@@ -134,13 +221,14 @@ export default {
/deep/ .el-carousel {
position: relative;
height: 600px;
height: 648px;
.el-carousel__container {
height: 600px;
height: 648px;
}
ul.el-carousel__indicators {
position: absolute;
right: 100px;
top: 100px;
right: 10px;
}
.el-carousel__indicators {
.el-carousel__button {
......@@ -163,19 +251,57 @@ export default {
}
}
.plamItem {
height: 600px;
height: 648px;
display: flex;
justify-content: center;
.yuan {
width: 570px;
height: 600px;
margin-right: 30px;
width: 660px;
height: 648px;
margin-right: 24px;
.Top {
border-radius: 8px;
border: 1px solid #d1d1d1;
box-sizing: border-box;
}
.imgbox {
width: 570px;
width: 660px;
height: 570px;
border-radius: 8px;
border: 1px solid #cccccc;
background-color: #ccc;
box-sizing: border-box;
text-align: center;
img {
height: 570px;
}
}
.btns {
display: flex;
justify-content: center;
margin-top: 10px;
.btnhg {
width: 72px;
height: 32px;
background: #ecedf1;
border-radius: 4px;
margin-right: 16px;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #aeafb4;
line-height: 32px;
text-align: center;
}
.btnbhg {
width: 86px;
height: 32px;
background: #ecedf1;
border-radius: 4px;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #aeafb4;
line-height: 32px;
text-align: center;
}
}
p {
line-height: 30px;
......@@ -183,16 +309,55 @@ export default {
}
}
.mubiao {
width: 660px;
height: 648px;
margin-left: 24px;
.Top {
border-radius: 8px;
border: 1px solid #d1d1d1;
box-sizing: border-box;
}
.imgbox {
width: 570px;
width: 660px;
height: 570px;
border-radius: 8px;
border: 1px solid #cccccc;
background-color: #ccc;
box-sizing: border-box;
text-align: center;
img {
height: 570px;
}
}
width: 570px;
height: 600px;
margin-left: 30px;
.btns {
display: flex;
justify-content: center;
margin-top: 10px;
.btnhg {
width: 72px;
height: 32px;
background: #ecedf1;
border-radius: 4px;
margin-right: 16px;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #aeafb4;
line-height: 32px;
text-align: center;
}
.btnbhg {
width: 86px;
height: 32px;
background: #ecedf1;
border-radius: 4px;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #aeafb4;
line-height: 32px;
text-align: center;
}
}
p {
line-height: 30px;
text-align: center;
......
src/views/zljc/modules/ryxx.vue
......@@ -6,7 +6,6 @@
人员信息
</div>
<div class="headRight">
保存
</div>
</div>
<el-form
......@@ -79,7 +78,7 @@
<el-col :span="12">
<el-form-item label="采集信息原因：">
<el-input
v-model.trim="tableDate.cjxxyydm"
v-model.trim="tableDate.cjxxyyCodeName "
maxlength="23"
show-word-limit
:disabled="true"
......@@ -133,7 +132,7 @@
<el-col :span="12">
<el-form-item label="性别：">
<el-input
v-model.trim="tableDate.xbdm"
v-model.trim="tableDate.sexCodeName"
maxlength="50"
show-word-limit
:disabled="true"
......@@ -164,7 +163,7 @@
<el-col :span="12">
<el-form-item label="国籍：">
<el-input
v-model.trim="tableDate.gjdm"
v-model.trim="tableDate.gjCodeName "
maxlength="50"
show-word-limit
:disabled="true"
......@@ -181,7 +180,7 @@
<el-col :span="12">
<el-form-item label="民族：">
<el-input
v-model.trim="tableDate.mzdm"
v-model.trim="tableDate.mzCodeName "
maxlength="50"
show-word-limit
:disabled="true"
......@@ -202,7 +201,7 @@
<el-col :span="12">
<el-form-item label="证件类型：">
<el-input
v-model.trim="tableDate.cyzjdm"
v-model.trim="tableDate.cyzjCodeName "
maxlength="50"
show-word-limit
:disabled="true"
......@@ -233,7 +232,7 @@
<el-col :span="12">
<el-form-item label="户籍地行政区：">
<el-input
v-model.trim="tableDate.hjdzXzqhdm"
v-model.trim="tableDate.hjdzCodeName"
maxlength="30"
show-word-limit
:disabled="true"
......@@ -249,7 +248,7 @@
<el-col :span="12">
<el-form-item label="户籍地址：">
<el-input
v-model="tableDate.hjdzDzmc"
v-model="tableDate.hjdzDzmc "
maxlength="100"
show-word-limit
:disabled="true"
......@@ -262,7 +261,7 @@
<el-col :span="12">
<el-form-item label="现住址行政区：">
<el-input
v-model.trim="tableDate.xzzXzqhdm"
v-model.trim="tableDate.xzzCodeName"
maxlength="30"
show-word-limit
:disabled="true"
......@@ -344,7 +343,7 @@
<el-col :span="12">
<el-form-item label="捺印单位：">
<el-input
v-model="tableDate.nydwGajgjgdm"
v-model="tableDate.nydwGajgmc"
maxlength="50"
show-word-limit
:disabled="true"
......@@ -516,6 +515,7 @@ export default {
if (response.data.code === 0) {
console.log(response.data.ret)
this.tableDate = response.data.ret;
this.checkedTargets = response.data.ret.logicDatabaseName || []
// this.total = response.data.ret.total;
// console.info("查询结果===>", this.tableDate);
......
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