Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
F
founder_vue
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
常超
founder_vue
Commits
3be61ed6
Commit
3be61ed6
authored
Jan 18, 2022
by
李姝悦
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
主题颜色
parent
d06326de
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
105 additions
and
19 deletions
+105
-19
src/assets/img/zw/L.png
+0
-0
src/assets/img/zw/R.png
+0
-0
src/assets/img/zw/duigou.svg
+14
-0
src/views/zzwcj/fingerprint.scss
+21
-8
src/views/zzwcj/fingerprint.vue
+70
-11
No files found.
src/assets/img/zw/L.png
0 → 100644
View file @
3be61ed6
8.89 KB
src/assets/img/zw/R.png
0 → 100644
View file @
3be61ed6
8.92 KB
src/assets/img/zw/duigou.svg
0 → 100644
View file @
3be61ed6
<?xml version="1.0" encoding="UTF-8"?>
<svg
width=
"37px"
height=
"26px"
viewBox=
"0 0 37 26"
version=
"1.1"
xmlns=
"http://www.w3.org/2000/svg"
xmlns:xlink=
"http://www.w3.org/1999/xlink"
>
<title>
Rectangle 34备份
</title>
<g
id=
"页面-1"
stroke=
"none"
stroke-width=
"1"
fill=
"none"
fill-rule=
"evenodd"
>
<g
id=
"补采-上传完成2"
transform=
"translate(-942.000000, -375.000000)"
fill=
"#17D010"
>
<g
id=
"编组-5"
transform=
"translate(720.000000, 300.000000)"
>
<g
id=
"编组-9备份"
transform=
"translate(172.000000, 20.000000)"
>
<path
d=
"M62.4089152,79.6193352 L51.1028239,68.7493606 C50.532963,68.2014813 50.5151434,67.2953737 51.0630227,66.7255128 C51.0850134,66.7026398 51.1077586,66.6805044 51.1312205,66.6591431 C51.7680133,66.0793674 52.7450855,66.0919785 53.3667023,66.6879966 L63.844974,76.7347645 L63.844974,76.7347645 L83.6921156,56.1081157 C84.2830401,55.4939823 85.2580012,55.4693559 85.8791771,56.0528728 C86.4886453,56.6253919 86.5185985,57.583582 85.9460794,58.1930502 C85.9407097,58.1987664 85.9352958,58.2044407 85.929838,58.2100728 L65.2313048,79.5694103 C64.4647705,80.3604163 63.2029452,80.3827366 62.4089152,79.6193352 Z"
id=
"Rectangle-34备份"
></path>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/views/zzwcj/fingerprint.scss
View file @
3be61ed6
...
...
@@ -143,6 +143,8 @@ $lookingBorder: var(--lookingBorder,#cccccc);
$uploadingBg
:
var
(
--
uploadingBg
,
#ffffff
);
//上传时背景
$uploadingContentBorder
:
var
(
--
uploadingContentBorder
,
#ffffff
);
//方块边框
$uploadingProgressText
:
var
(
--
uploadingProgressText
,
#333333
);
//百分比颜色
$uploadingcircleBg
:
var
(
--
uploadingcircleBg
,
#17D010
);
$uploadingColor
:
var
(
--
uploadingColor
,
#333333
);
$uploadingBorder
:
var
(
--
uploadingBorder
,
0
);
// 2px
// el-dialog背景色
...
...
@@ -154,6 +156,11 @@ $finishTrue: var(--finishTrue, #464646); // 2px
// 设备信息颜色
$versionColor
:
var
(
--
versionColor
,
#000
);
// #000
$cirBackground
:
var
(
--
cirBackground
,
#055fe7
);
$cirDuigou
:
var
(
--
cirDuigou
,
#fff
);
$span
:
var
(
--
span
,
#055fe7
);
$solid
:
var
(
--
solid
,
#055FE7
);
$dashed
:
var
(
--
dashed
,
#055FE7
);
*
{
margin
:
0
;
padding
:
0
;
...
...
@@ -2782,7 +2789,7 @@ $versionColor: var(--versionColor, #000); // #000
}
// .el-progress-circle
/
deep
/
.el-progress-circle__track
{
stroke
:
#f66
;
stroke
:
$uploadingcircleBg
;
}
.pro
{
border
:
$uploadingBorder
solid
#26d31f
;
...
...
@@ -2877,7 +2884,8 @@ $versionColor: var(--versionColor, #000); // #000
margin-top
:
38px
;
font-size
:
16px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#d8d8d8
;
// color: #d8d8d8;
color
:
$uploadingColor
}
.uploading-tip
{
margin-top
:
12px
;
...
...
@@ -2894,17 +2902,20 @@ $versionColor: var(--versionColor, #000); // #000
.cir
{
width
:
24px
;
height
:
24px
;
background
:
#055fe7
;
// background: #055fe7;
background
:
$cirBackground
;
font-size
:
12px
;
border-radius
:
50%
;
padding
:
3px
8px
;
color
:
#fff
;
// color: #fff;
color
:
$cirDuigou
}
span
{
font-size
:
16px
!
important
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#055fe7
!
important
;
// color: #055fe7 !important;
color
:
$span
!
important
;
line-height
:
22px
;
margin-left
:
5px
;
}
...
...
@@ -2913,7 +2924,8 @@ $versionColor: var(--versionColor, #000); // #000
margin
:
10px
10px
;
width
:
112px
;
height
:
1px
;
border
:
1px
dashed
#055fe7
;
// border: 1px dashed #055fe7;
border
:
1px
dashed
$dashed
}
.solid
{
...
...
@@ -2921,7 +2933,8 @@ $versionColor: var(--versionColor, #000); // #000
width
:
112px
;
height
:
1px
;
// background: #cccccc;
border
:
1px
solid
#055fe7
;
// border: 1px solid #055fe7;
border
:
1px
solid
$solid
}
}
...
...
@@ -2940,7 +2953,7 @@ $versionColor: var(--versionColor, #000); // #000
}
span
{
font-size
:
16px
;
font-size
:
16px
!
important
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#999999
!
important
;
line-height
:
22px
;
...
...
src/views/zzwcj/fingerprint.vue
View file @
3be61ed6
...
...
@@ -12,9 +12,28 @@
<!-- 顶部 -->
<div
class=
"head_box"
>
<div
class=
"head-left"
>
<span
class=
"iconfont icon-zhiwen"
>

</span>
<div>
<span
class=
"iconfont icon-zhiwen"
>

</span>
<span>
指纹采集
</span>
<!--
<p>
采集设备型号
</p>
-->
</div>
<div
style=
"display: flex;margin-left: 220px;"
>
<div
class=
"fir"
>
<div
class=
"cir"
>
√
</div>
<span>
人员信息
</span>
<div
class=
"solid"
></div>
</div>
<!--
<div
class=
"unactive"
>
<div
class=
"cir"
>
2
</div>
<span>
人像采集
</span>
<div
class=
"solid"
></div>
</div>
-->
<div
class=
"fir"
>
<div
class=
"cir"
>
2
</div>
<span>
指掌纹采集
</span>
</div>
</div>
</div>
<div
class=
"head-right"
>
<span
class=
"equipment-model"
@
click=
"switchSkin"
>
切换皮肤
</span>
...
...
@@ -141,7 +160,8 @@
<div
class=
"left-hand"
>
<div
class=
"txt"
>
左手
</div>
<div
class=
"hand"
>
<img
src=
"../../assets/img/zw/zwleft2x.png"
alt=
""
>
<img
v-show=
"themeType == '深色' || themeType == '浅色'"
src=
"../../assets/img/zw/zwleft2x.png"
alt=
""
>
<img
v-show=
"themeType == '默认'"
src=
"../../assets/img/zw/L.png"
alt=
""
>
<div
ref=
"leftFinger"
class=
"left-finger"
>
<img
class=
"finger6"
src=
"../../assets/img/zw/fingers/6-d.png"
alt=
""
>
<img
class=
"finger7"
src=
"../../assets/img/zw/fingers/7-d.png"
alt=
""
>
...
...
@@ -153,7 +173,8 @@
</div>
<div
class=
"right-hand"
>
<div
class=
"hand"
>
<img
src=
"../../assets/img/zw/zwright2x.png"
alt=
""
>
<img
v-show=
"themeType == '深色' || themeType == '浅色'"
src=
"../../assets/img/zw/zwright2x.png"
alt=
""
>
<img
v-show=
"themeType == '默认'"
src=
"../../assets/img/zw/R.png"
alt=
""
>
<div
ref=
"rightFinger"
class=
"right-finger"
>
<img
class=
"finger1"
src=
"../../assets/img/zw/fingers/1-d.png"
alt=
""
>
<img
class=
"finger2"
src=
"../../assets/img/zw/fingers/2-d.png"
alt=
""
>
...
...
@@ -588,7 +609,8 @@
<div
class=
"uploading-title"
>
{{
uploadingTitle
}}
</div>
<div
class=
"uploading-tip"
>
{{
uploadingTip
}}
</div>
<div
v-show=
"isUploadingFinish"
class=
"uploading-finish"
>
<img
src=
"../../assets/img/zw/upload-finish.png"
alt=
""
>
<img
v-show=
"themeType == '深色' || themeType == '浅色'"
src=
"../../assets/img/zw/upload-finish.png"
alt=
""
>
<img
v-show=
"themeType == '默认'"
src=
"../../assets/img/zw/duigou.svg"
alt=
""
>
</div>
<div
v-show=
"isUploadingError"
class=
"uploading-error-img"
>
<img
src=
"../../assets/img/zw/upload-error.png"
alt=
""
>
...
...
@@ -684,13 +706,13 @@ export default {
// 采集类型
cj_type
:
0
,
// 主题模式
themeType
:
'
深色
'
,
themeType
:
'
默认
'
,
// 实现展示上传进度
uploadingStart
:
false
,
// 是否显示进度百分比
isShowUploadingTxt
:
tru
e
,
isShowUploadingTxt
:
fals
e
,
// 上传进度条颜色
uploadingColor
:
'#
fff
'
,
uploadingColor
:
'#
17D010
'
,
// 是否上传失败
isUploadingError
:
false
,
// 是否展示最终上传完成
...
...
@@ -1135,9 +1157,10 @@ export default {
// //console.log(this.rybh);
},
async
mounted
()
{
setInterval
(()
=>
{
this
.
percentage
++
},
5000
);
// setInterval(() => {
// this.percentage++
// }, 5000);
// console.log(this.themeType);
let
self
=
this
/************************/
function
getIPs
(
callback
)
{
...
...
@@ -1381,6 +1404,18 @@ export default {
NProgress
.
done
();
}
this
.
getPersonInfo
()
// this.uploadingStart = false
// // 是否上传失败
// this.isUploadingError = true
// // 是否展示最终上传完成
// this.uploadingClose = 'uploadingError'
// // 是否上传成功
// this.isUploadingFinish = false
// self.percentage = 100
// self.isShowUploadingTxt = false
// self.uploadingTitle = '指纹上传完成'
// self.uploadingTip = '页面将在3秒后自动关闭'
},
methods
:
{
/**
...
...
@@ -8856,7 +8891,7 @@ export default {
* @return {*}
*/
defaultChange
()
{
console
.
log
(
'默认模式'
);
//
console.log('默认模式');
this
.
themeType
=
'默认'
document
.
getElementsByTagName
(
'body'
)[
0
].
style
.
setProperty
(
'--elDialog'
,
'#ffffff'
);
//设置
document
.
getElementsByTagName
(
'body'
)[
0
].
style
.
setProperty
(
'--deepBtn'
,
'#fff'
);
...
...
@@ -8970,6 +9005,14 @@ export default {
document
.
getElementsByTagName
(
'body'
)[
0
].
style
.
setProperty
(
'--uploadingBg'
,
'#ffffff'
);
document
.
getElementsByTagName
(
'body'
)[
0
].
style
.
setProperty
(
'--uploadingContentBorder'
,
'#ffffff'
);
document
.
getElementsByTagName
(
'body'
)[
0
].
style
.
setProperty
(
'--uploadingProgressText'
,
'#333333'
);
// document.getElementsByTagName('body')[0].style.setProperty('--uploadingcircleBg', '#17D010');
this
.
uploadingColor
=
"#17D010"
document
.
getElementsByTagName
(
'body'
)[
0
].
style
.
setProperty
(
'--uploadingColor'
,
'#333333'
);
document
.
getElementsByTagName
(
'body'
)[
0
].
style
.
setProperty
(
'--cirBackground'
,
'#055fe7'
);
document
.
getElementsByTagName
(
'body'
)[
0
].
style
.
setProperty
(
'--cirDuigou'
,
'#fff'
);
document
.
getElementsByTagName
(
'body'
)[
0
].
style
.
setProperty
(
'--span'
,
'#055fe7'
);
document
.
getElementsByTagName
(
'body'
)[
0
].
style
.
setProperty
(
'--solid'
,
'#055FE7'
);
document
.
getElementsByTagName
(
'body'
)[
0
].
style
.
setProperty
(
'--dashed'
,
'#055FE7'
);
this
.
isShowColor
=
false
},
/**
...
...
@@ -9092,6 +9135,14 @@ export default {
document
.
getElementsByTagName
(
'body'
)[
0
].
style
.
setProperty
(
'--uploadingBg'
,
'rgba(216, 216, 216, 0.4)'
);
document
.
getElementsByTagName
(
'body'
)[
0
].
style
.
setProperty
(
'--uploadingContentBorder'
,
'rgba(216, 216, 216, 0.4)'
);
document
.
getElementsByTagName
(
'body'
)[
0
].
style
.
setProperty
(
'--uploadingProgressText'
,
'#ffffff'
);
// document.getElementsByTagName('body')[0].style.setProperty('--uploadingcircleBg', '#333333');
this
.
uploadingColor
=
"#fff"
document
.
getElementsByTagName
(
'body'
)[
0
].
style
.
setProperty
(
'--uploadingColor'
,
'#d8d8d8'
);
document
.
getElementsByTagName
(
'body'
)[
0
].
style
.
setProperty
(
'--cirBackground'
,
'#D8D8D8'
);
document
.
getElementsByTagName
(
'body'
)[
0
].
style
.
setProperty
(
'--cirDuigou'
,
'#181614 '
);
document
.
getElementsByTagName
(
'body'
)[
0
].
style
.
setProperty
(
'--span'
,
'#ffffff'
);
document
.
getElementsByTagName
(
'body'
)[
0
].
style
.
setProperty
(
'--solid'
,
'#ffffff'
);
document
.
getElementsByTagName
(
'body'
)[
0
].
style
.
setProperty
(
'--dashed'
,
'#ffffff'
);
this
.
isShowColor
=
false
},
/**
...
...
@@ -9214,6 +9265,14 @@ export default {
document
.
getElementsByTagName
(
'body'
)[
0
].
style
.
setProperty
(
'--uploadingBg'
,
'rgba(216, 216, 216, 0.4)'
);
document
.
getElementsByTagName
(
'body'
)[
0
].
style
.
setProperty
(
'--uploadingContentBorder'
,
'rgba(216, 216, 216, 0.4)'
);
document
.
getElementsByTagName
(
'body'
)[
0
].
style
.
setProperty
(
'--uploadingProgressText'
,
'#ffffff'
);
// document.getElementsByTagName('body')[0].style.setProperty('--uploadingcircleBg', '#333333');
this
.
uploadingColor
=
"#fff"
document
.
getElementsByTagName
(
'body'
)[
0
].
style
.
setProperty
(
'--uploadingColor'
,
'#d8d8d8'
);
document
.
getElementsByTagName
(
'body'
)[
0
].
style
.
setProperty
(
'--cirBackground'
,
'#D8D8D8'
);
document
.
getElementsByTagName
(
'body'
)[
0
].
style
.
setProperty
(
'--cirDuigou'
,
'#ffffff '
);
document
.
getElementsByTagName
(
'body'
)[
0
].
style
.
setProperty
(
'--span'
,
'#ffffff'
);
document
.
getElementsByTagName
(
'body'
)[
0
].
style
.
setProperty
(
'--solid'
,
'#ffffff'
);
document
.
getElementsByTagName
(
'body'
)[
0
].
style
.
setProperty
(
'--dashed'
,
'#ffffff'
);
this
.
isShowColor
=
false
},
/**
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment