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
0c438410
Commit
0c438410
authored
Jan 13, 2022
by
张超军
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
人员/案件指纹编辑,活体采集新增
parent
224377e9
Expand all
Show whitespace changes
Inline
Side-by-side
Showing
14 changed files
with
782 additions
and
78 deletions
+782
-78
src/assets/css/globalBase.scss
+1
-1
src/views/AllPersonnelBase/AllPersonnelBase.vue
+174
-1
src/views/AllPersonnelBase/qbalk.vue
+174
-1
src/views/Editor/ajzwbj.vue
+4
-2
src/views/Editor/modules/ajzwbjLeft.scss
+1
-1
src/views/Editor/modules/ryzwbjLeft.scss
+1
-1
src/views/Editor/ryzwbj.vue
+5
-2
src/views/Home.vue
+1
-1
src/views/bzxxgl/scss/bzxxfh.scss
+1
-1
src/views/cxyrd/QueryConfirm.vue
+2
-3
src/views/zzwlr/htcj.scss
+311
-36
src/views/zzwlr/htcj.vue
+19
-9
src/views/zzwlr/xzry.scss
+88
-19
src/views/zzwlr/xzry.vue
+0
-0
No files found.
src/assets/css/globalBase.scss
View file @
0c438410
...
@@ -215,7 +215,7 @@
...
@@ -215,7 +215,7 @@
cursor
:
text
;
cursor
:
text
;
}
}
/
deep
/
.el-select
:hover
{
/
deep
/
.el-select
__input
:hover
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0
.08
)
!
important
;
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0
.08
)
!
important
;
}
}
...
...
src/views/AllPersonnelBase/AllPersonnelBase.vue
View file @
0c438410
...
@@ -1483,5 +1483,178 @@ export default {
...
@@ -1483,5 +1483,178 @@ export default {
/
deep
/
.el-table--enable-row-transition
.el-table__body
td
.el-table__cell
{
/
deep
/
.el-table--enable-row-transition
.el-table__body
td
.el-table__cell
{
//
height
:
55px
;
//
height
:
55px
;
}
}
@import
"@/assets/css/globalBase.scss"
;
/
deep
/
.el-table
td
,
.el-table
th
.is-leaf
{
background-color
:
#ffffff
;
border
:
none
;
//
border-bottom
:
1px
#f6f8fa
solid
;
border-top
:
1px
#f6f8fa
solid
;
}
//
去除
table
表格最底部边框
.el-table__row
>
td
{
border
:
none
;
}
//
去除
table
表格最底部边框
.el-table
::before
{
height
:
0px
;
}
/
deep
/
.el-table
.el-table__header-wrapper
tr
th
{
background-color
:
#ecf1f7
!important
;
font-size
:
14px
!important
;
font-family
:
HarmonyOS_Sans_SC_Medium
!important
;
color
:
#282f3c
!important
;
height
:
48px
!important
;
padding
:
0
!important
;
}
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
background-color
:
#f2f7fe
!important
;
}
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
background-color
:
#f2f7fe
!important
;
}
/
deep
/
.el-table__row
{
height
:
48px
!important
;
}
/
deep
/
.el-table__row--level-1
{
.el-table__cell
{
background-color
:
#f5f6f7
!important
;
}
}
/
deep
/
.el-table
th
>
.cell
{
font-family
:
HarmonyOS_Sans_SC_Medium
;
}
/
deep
/
.el-table
.el-table__cell
{
padding
:
0
!important
;
}
/
deep
/
.el-table__body
{
width
:
100%
!important
;
}
//
el-table
左侧固定
样式统一
/
deep
/
.el-table__fixed
{
height
:
100%
!important
;
&::before
{
height
:
0
;
}
}
/
deep
/
.el-table__fixed-header-wrapper
{
height
:
48px
!important
;
.el-table__header
{
width
:
100%
!important
;
height
:
48px
!important
;
background-color
:
#ecf1f7
!important
;
font-size
:
0.875rem
!important
;
font-family
:
HarmonyOS_Sans_SC_Medium
!important
;
color
:
#282f3c
!important
;
height
:
3rem
!important
;
padding
:
0
!important
;
}
thead
{
font-size
:
0.875rem
!important
;
font-family
:
HarmonyOS_Sans_SC_Medium
!important
;
color
:
#282f3c
!important
;
.cell
{
font-weight
:
normal
!important
;
}
}
th
{
border
:
none
!important
;
background-color
:
#ecf1f7
!important
;
}
}
/
deep
/
.el-table__fixed-body-wrapper
{
//
height
:
100%
!important
;
}
/
deep
/
.hover-row
{
.el-table__cell
{
background-color
:
#f2f7fe
!important
;
}
}
/
deep
/
.el-table__fixed-right
{
height
:
100%
!important
;
&::before
{
height
:
0
;
}
}
//
批量操作
.el-tag
{
color
:
#055fe7
!important
;
height
:
32px
;
box-sizing
:
border-box
!important
;
padding
:
0
8px
!important
;
background
:
#ddebff
;
border-radius
:
4px
;
font-size
:
0.75rem
;
margin-bottom
:
16px
;
display
:
flex
;
align-items
:
center
;
}
/
deep
/
.el-link--inner
{
color
:
rgb
(
5
,
95
,
231
);
}
.icon-tanhao1
{
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
}
//
表格高度
--
展示下面的
border
.split-line
{
height
:
650px
;
border-bottom
:
1px
solid
#eee
;
}
//
复选框
/
deep
/
.el-checkbox__inner
{
cursor
:
pointer
;
}
/
deep
/
.el-checkbox__input
{
line-height
:
16px
;
}
.search
{
/deep/
.el-input__inner
{
background
:
#ffffff
;
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.03
);
border-radius
:
4px
;
border
:
none
;
}
//
输入框选中样式
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:focus
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
);
border-color
:
none
;
color
:
#055fe7
;
}
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:hover
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
);
border-color
:
none
;
}
//
:focus-within
能非常方便处理获取焦点状态。当元素本身或其后代元素获得焦点时,
:focus-within
伪类的元素就会有效著作权归作者所有。
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:focus-within
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
);
border-color
:
none
;
color
:
#055fe7
;
.el-range-input
{
color
:
#055fe7
;
}
}
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:hover
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
);
border-color
:
none
;
}
}
/
deep
/
.el-input__inner
:hover
{
cursor
:
text
;
}
//
@import
"@/assets/css/globalBase.scss"
;
</
style
>
</
style
>
src/views/AllPersonnelBase/qbalk.vue
View file @
0c438410
...
@@ -1352,5 +1352,178 @@ const datas1 = [
...
@@ -1352,5 +1352,178 @@ const datas1 = [
/
deep
/
.el-table--enable-row-transition
.el-table__body
td
.el-table__cell
{
/
deep
/
.el-table--enable-row-transition
.el-table__body
td
.el-table__cell
{
//
height
:
55px
;
//
height
:
55px
;
}
}
@import
"@/assets/css/globalBase.scss"
;
/
deep
/
.el-table
td
,
.el-table
th
.is-leaf
{
background-color
:
#ffffff
;
border
:
none
;
//
border-bottom
:
1px
#f6f8fa
solid
;
border-top
:
1px
#f6f8fa
solid
;
}
//
去除
table
表格最底部边框
.el-table__row
>
td
{
border
:
none
;
}
//
去除
table
表格最底部边框
.el-table
::before
{
height
:
0px
;
}
/
deep
/
.el-table
.el-table__header-wrapper
tr
th
{
background-color
:
#ecf1f7
!important
;
font-size
:
14px
!important
;
font-family
:
HarmonyOS_Sans_SC_Medium
!important
;
color
:
#282f3c
!important
;
height
:
48px
!important
;
padding
:
0
!important
;
}
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
background-color
:
#f2f7fe
!important
;
}
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
background-color
:
#f2f7fe
!important
;
}
/
deep
/
.el-table__row
{
height
:
48px
!important
;
}
/
deep
/
.el-table__row--level-1
{
.el-table__cell
{
background-color
:
#f5f6f7
!important
;
}
}
/
deep
/
.el-table
th
>
.cell
{
font-family
:
HarmonyOS_Sans_SC_Medium
;
}
/
deep
/
.el-table
.el-table__cell
{
padding
:
0
!important
;
}
/
deep
/
.el-table__body
{
width
:
100%
!important
;
}
//
el-table
左侧固定
样式统一
/
deep
/
.el-table__fixed
{
height
:
100%
!important
;
&::before
{
height
:
0
;
}
}
/
deep
/
.el-table__fixed-header-wrapper
{
height
:
48px
!important
;
.el-table__header
{
width
:
100%
!important
;
height
:
48px
!important
;
background-color
:
#ecf1f7
!important
;
font-size
:
0.875rem
!important
;
font-family
:
HarmonyOS_Sans_SC_Medium
!important
;
color
:
#282f3c
!important
;
height
:
3rem
!important
;
padding
:
0
!important
;
}
thead
{
font-size
:
0.875rem
!important
;
font-family
:
HarmonyOS_Sans_SC_Medium
!important
;
color
:
#282f3c
!important
;
.cell
{
font-weight
:
normal
!important
;
}
}
th
{
border
:
none
!important
;
background-color
:
#ecf1f7
!important
;
}
}
/
deep
/
.el-table__fixed-body-wrapper
{
//
height
:
100%
!important
;
}
/
deep
/
.hover-row
{
.el-table__cell
{
background-color
:
#f2f7fe
!important
;
}
}
/
deep
/
.el-table__fixed-right
{
height
:
100%
!important
;
&::before
{
height
:
0
;
}
}
//
批量操作
.el-tag
{
color
:
#055fe7
!important
;
height
:
32px
;
box-sizing
:
border-box
!important
;
padding
:
0
8px
!important
;
background
:
#ddebff
;
border-radius
:
4px
;
font-size
:
0.75rem
;
margin-bottom
:
16px
;
display
:
flex
;
align-items
:
center
;
}
/
deep
/
.el-link--inner
{
color
:
rgb
(
5
,
95
,
231
);
}
.icon-tanhao1
{
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
}
//
表格高度
--
展示下面的
border
.split-line
{
height
:
650px
;
border-bottom
:
1px
solid
#eee
;
}
//
复选框
/
deep
/
.el-checkbox__inner
{
cursor
:
pointer
;
}
/
deep
/
.el-checkbox__input
{
line-height
:
16px
;
}
.search
{
/deep/
.el-input__inner
{
background
:
#ffffff
;
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.03
);
border-radius
:
4px
;
border
:
none
;
}
//
输入框选中样式
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:focus
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
);
border-color
:
none
;
color
:
#055fe7
;
}
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:hover
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
);
border-color
:
none
;
}
//
:focus-within
能非常方便处理获取焦点状态。当元素本身或其后代元素获得焦点时,
:focus-within
伪类的元素就会有效著作权归作者所有。
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:focus-within
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
);
border-color
:
none
;
color
:
#055fe7
;
.el-range-input
{
color
:
#055fe7
;
}
}
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:hover
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
);
border-color
:
none
;
}
}
/
deep
/
.el-input__inner
:hover
{
cursor
:
text
;
}
//
@import
"@/assets/css/globalBase.scss"
;
</
style
>
</
style
>
src/views/Editor/ajzwbj.vue
View file @
0c438410
<!--
<!--
* @Author: your name
* @Author: your name
* @Date: 2021-09-08 13:01:23
* @Date: 2021-09-08 13:01:23
* @LastEditTime: 202
1-11-11 16:34:29
* @LastEditTime: 202
2-01-13 23:45:55
* @LastEditors: Please set LastEditors
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\Editor\ajzwbj.vue
* @FilePath: \founder_vue\src\views\Editor\ajzwbj.vue
...
@@ -31,7 +31,9 @@ import imageEDAJ from './modules/imageEdAJ.vue';
...
@@ -31,7 +31,9 @@ import imageEDAJ from './modules/imageEdAJ.vue';
<
style
lang=
"scss"
scoped
>
<
style
lang=
"scss"
scoped
>
.ajzwbj
{
.ajzwbj
{
width
:
100%
;
width
:
100%
;
height
:
calc
(
100%
-
4
7
px
);
height
:
calc
(
100%
-
4px
);
display
:
flex
;
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
}
}
</
style
>
</
style
>
src/views/Editor/modules/ajzwbjLeft.scss
View file @
0c438410
...
@@ -90,7 +90,7 @@
...
@@ -90,7 +90,7 @@
.lr-hand
{
.lr-hand
{
// width: 100%;
// width: 100%;
width
:
268px
;
width
:
268px
;
height
:
6
24
px
;
height
:
6
55
px
;
overflow
:
auto
;
overflow
:
auto
;
:nth-child
(
even
)
{
:nth-child
(
even
)
{
margin-left
:
8px
;
margin-left
:
8px
;
...
...
src/views/Editor/modules/ryzwbjLeft.scss
View file @
0c438410
...
@@ -267,7 +267,7 @@
...
@@ -267,7 +267,7 @@
color
:
#aeafb4
;
color
:
#aeafb4
;
}
}
.finger-total
{
.finger-total
{
margin-top
:
1
00
px
;
margin-top
:
1
58
px
;
//position: absolute;
//position: absolute;
//bottom: 30px;
//bottom: 30px;
display
:
flex
;
display
:
flex
;
...
...
src/views/Editor/ryzwbj.vue
View file @
0c438410
<!--
<!--
* @Author: your name
* @Author: your name
* @Date: 2021-09-08 13:00:08
* @Date: 2021-09-08 13:00:08
* @LastEditTime: 202
1-12-10 11:59:30
* @LastEditTime: 202
2-01-13 23:45:06
* @LastEditors: Please set LastEditors
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\Editor\ryzwbj.vue
* @FilePath: \founder_vue\src\views\Editor\ryzwbj.vue
...
@@ -31,7 +31,10 @@ import rydaxx from "./modules/rydaxx.vue";
...
@@ -31,7 +31,10 @@ import rydaxx from "./modules/rydaxx.vue";
<
style
lang=
"scss"
scoped
>
<
style
lang=
"scss"
scoped
>
.ryzwbj
{
.ryzwbj
{
width
:
100%
;
width
:
100%
;
height
:
calc
(
100%
-
4
7
px
);
height
:
calc
(
100%
-
4px
);
display
:
flex
;
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
}
}
</
style
>
</
style
>
src/views/Home.vue
View file @
0c438410
...
@@ -84,7 +84,7 @@
...
@@ -84,7 +84,7 @@
>
>
</el-tab-pane>
</el-tab-pane>
</el-tabs> -->
</el-tabs> -->
<
div
class=
"breadcrumb"
></div
>
<
!-- <div class="breadcrumb"></div> --
>
<!-- 路由出口 -->
<!-- 路由出口 -->
<keep-alive
:include=
"cachePageName"
>
<keep-alive
:include=
"cachePageName"
>
<router-view></router-view>
<router-view></router-view>
...
...
src/views/bzxxgl/scss/bzxxfh.scss
View file @
0c438410
...
@@ -409,7 +409,7 @@ $tableHeight: var(--tableHeight, 33rem);
...
@@ -409,7 +409,7 @@ $tableHeight: var(--tableHeight, 33rem);
.cxfh-dialog
{
.cxfh-dialog
{
z-index
:
99
;
z-index
:
99
;
position
:
absolute
;
position
:
absolute
;
right
:
175
px
;
right
:
222
px
;
top
:
280px
;
top
:
280px
;
width
:
400px
;
width
:
400px
;
height
:
326px
;
height
:
326px
;
...
...
src/views/cxyrd/QueryConfirm.vue
View file @
0c438410
...
@@ -259,7 +259,6 @@
...
@@ -259,7 +259,6 @@
:style=
"
{
:style=
"
{
marginLeft: '1.25rem',
marginLeft: '1.25rem',
color: selectionData.length > 0 ? '#055FE7' : '#C2C4C7',
color: selectionData.length > 0 ? '#055FE7' : '#C2C4C7',
transform: 'translateY(-2px)',
}"
}"
@click="toggleSelection()"
@click="toggleSelection()"
>清除
</el-link
>清除
</el-link
...
@@ -1481,7 +1480,7 @@ b {
...
@@ -1481,7 +1480,7 @@ b {
}
}
/
deep
/
.el-tag
.el-icon-close
{
/
deep
/
.el-tag
.el-icon-close
{
background-color
:
#b1b6c2
;
background-color
:
#b1b6c2
;
right
:
1px
!important
;
//
right
:
1px
!important
;
}
}
.el-icon-arrow-down
{
.el-icon-arrow-down
{
color
:
#999999
;
color
:
#999999
;
...
@@ -1895,7 +1894,7 @@ b {
...
@@ -1895,7 +1894,7 @@ b {
</
style
>
</
style
>
<
style
lang=
"scss"
>
<
style
lang=
"scss"
>
.el-tag-box
{
.el-tag-box
{
width
:
930px
;
//
width
:
930px
;
text-align
:
left
;
text-align
:
left
;
white-space
:
nowrap
;
white-space
:
nowrap
;
overflow
:
hidden
;
overflow
:
hidden
;
...
...
src/views/zzwlr/htcj.scss
View file @
0c438410
#htcj
{
#htcj
{
width
:
1544px
!
important
;
//
width: 1544px !important;
height
:
100%
!
important
;
height
:
100%
!
important
;
overflow
:
hidden
!
important
;
overflow
:
hidden
!
important
;
margin
:
0
24px
;
margin
:
0
24px
;
...
@@ -7,7 +7,7 @@
...
@@ -7,7 +7,7 @@
.top
{
.top
{
height
:
132px
;
height
:
132px
;
background
:
#F6F8FA
;
background
:
#f6f8fa
;
// background: #F66;
// background: #F66;
box-shadow
:
inset
0px
0px
3px
0px
rgba
(
5
,
95
,
231
,
0
.2
);
box-shadow
:
inset
0px
0px
3px
0px
rgba
(
5
,
95
,
231
,
0
.2
);
border-radius
:
10px
;
border-radius
:
10px
;
...
@@ -17,13 +17,14 @@
...
@@ -17,13 +17,14 @@
display
:
flex
;
display
:
flex
;
flex-direction
:
column
;
flex-direction
:
column
;
}
}
/
deep
/
.el-select
.el-input
.el-select__caret
{
/
deep
/
.el-select
.el-input
.el-select__caret
{
margin-top
:
5px
;
//
margin-top: 5px;
margin-right
:
10px
;
//
margin-right: 10px;
}
}
/
deep
/
.cjdw
.el-input__suffix
{
/
deep
/
.cjdw
.el-input__suffix
{
margin-top
:
-5px
;
// margin-top: -5px;
margin-right
:
10px
;
// margin-right: 10px;
line-height
:
32px
;
}
}
.top_fir
,
.top_fir
,
.top_sec
{
.top_sec
{
...
@@ -43,7 +44,6 @@
...
@@ -43,7 +44,6 @@
.sfzh
{
.sfzh
{
margin-left
:
30px
;
margin-left
:
30px
;
}
}
}
}
.el-select-dropdown__item
{
.el-select-dropdown__item
{
...
@@ -69,6 +69,70 @@
...
@@ -69,6 +69,70 @@
}
}
}
}
}
}
/
deep
/
.el-input
{
background
:
#ffffff
;
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0
.03
);
border-radius
:
4px
;
border
:
none
;
height
:
32px
;
&
:hover
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0
.08
)
!
important
;
border-color
:
none
!
important
;
color
:
#055fe7
;
}
}
/
deep
/
.el-input__inner
:hover
{
cursor
:
text
;
}
/
deep
/
.el-input__inner
:focus
{
border-color
:
none
!
important
;
color
:
#055fe7
;
}
/
deep
/
.el-input__inner
{
width
:
280px
;
}
// 日期选择器
/
deep
/
.el-date-editor
{
width
:
274
.58px
!
important
;
display
:
flex
;
align-items
:
center
;
background
:
#ffffff
;
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0
.03
);
border-radius
:
4px
;
border
:
none
;
height
:
32px
;
&
:hover
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0
.08
)
!
important
;
border-color
:
none
!
important
;
color
:
#055fe7
;
}
}
/
deep
/
.el-range__close-icon
{
line-height
:
1
.8rem
!
important
;
}
/
deep
/
.el-date-editor
.el-range-separator
{
line-height
:
26px
;
}
/
deep
/
.el-date-editor
{
/
deep
/
.el-range__close-icon
{
height
:
32px
!
important
;
}
}
/
deep
/
.el-input__icon.el-range__icon.el-icon-date
{
position
:
absolute
;
right
:
6px
;
}
// :focus-within能非常方便处理获取焦点状态。当元素本身或其后代元素获得焦点时,:focus-within伪类的元素就会有效著作权归作者所有。
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:focus-within
{
border-color
:
none
!
important
;
color
:
#055fe7
;
.el-range-input
{
color
:
#055fe7
;
}
}
.filter
{
.filter
{
display
:
flex
;
display
:
flex
;
...
@@ -84,7 +148,7 @@
...
@@ -84,7 +148,7 @@
/
deep
/
.el-input__inner
,
/
deep
/
.el-input__inner
,
.el-select__inner
{
.el-select__inner
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0
.03
);
//
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.03);
border
:
none
;
border
:
none
;
border-radius
:
4px
;
border-radius
:
4px
;
background-color
:
#fff
;
background-color
:
#fff
;
...
@@ -95,7 +159,7 @@
...
@@ -95,7 +159,7 @@
.top_sec_lef
{
.top_sec_lef
{
.cjr
{
.cjr
{
margin-left
:
3
0px
;
margin-left
:
2
0px
;
span
{
span
{
width
:
91px
;
width
:
91px
;
...
@@ -120,22 +184,34 @@
...
@@ -120,22 +184,34 @@
width
:
28px
;
width
:
28px
;
height
:
19px
;
height
:
19px
;
font-family
:
HarmonyOS_Sans_SC
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#055FE
7
;
color
:
#055fe
7
;
line-height
:
19px
;
line-height
:
19px
;
cursor
:
pointer
;
cursor
:
pointer
;
background-color
:
#F6F8FA
;
background-color
:
#f6f8fa
;
border
:none
border
:
none
;
}
}
.show
{
.show
{
display
:
none
;
display
:
none
;
}
}
.search
{
.search
{
width
:
72px
;
width
:
72px
;
height
:
32px
;
height
:
32px
;
background
:
#055FE
7
;
background
:
#055fe
7
;
border-radius
:
4px
;
border-radius
:
4px
;
margin-left
:
7px
;
margin-left
:
7px
;
border
:
none
;
border
:
none
;
&
:hover
{
background
:
#377fec
!
important
;
}
&
:active
{
background
:
#044cb9
!
important
;
}
}
/
deep
/
.el-button
{
cursor
:
pointer
;
span
{
cursor
:
pointer
;
}
}
}
}
}
...
@@ -144,14 +220,14 @@
...
@@ -144,14 +220,14 @@
display
:
flex
;
display
:
flex
;
justify-content
:
space-between
;
justify-content
:
space-between
;
.btn
{
//
.btn {
background
:
#FFFFFF
;
// background: #ffffff
;
border-radius
:
8px
;
//
border-radius: 8px;
border
:
1px
solid
#AEB5C
2
;
// border: 1px solid #aeb5c
2;
padding
:
0
20px
;
//
padding: 0 20px;
height
:
36px
;
//
height: 36px;
line-height
:
36px
;
//
line-height: 36px;
}
//
}
.middle_rig
{
.middle_rig
{
display
:
flex
;
display
:
flex
;
...
@@ -161,9 +237,30 @@
...
@@ -161,9 +237,30 @@
}
}
}
}
}
}
.middle_lef
,
.middle_rig
{
.xzry
{
.btn
{
width
:
96px
;
height
:
32px
;
border-radius
:
4px
;
border
:
1px
solid
#aeb5c2
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#2e3846
;
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
cursor
:
pointer
;
&
:hover
{
border
:
1px
solid
#055fe7
!
important
;
border
:
1px
solid
#055fe7
!
important
;
color
:
#055fe7
!
important
;
}
&
:active
{
border
:
1px
solid
#044cb9
!
important
;
color
:
#044cb9
!
important
;
}
}
.xzry
{
border
:
1px
solid
#055fe7
;
// font-size: 14px;
// font-size: 14px;
font-family
:
HarmonyOS_Sans_SC
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#055fe7
;
color
:
#055fe7
;
...
@@ -175,13 +272,18 @@
...
@@ -175,13 +272,18 @@
}
}
&
:hover
{
&
:hover
{
border
:
1px
solid
#377fec
;
border
:
1px
solid
#377FEC
!
important
;
color
:
#377fec
;
color
:
#377FEC
!
important
;
}
}
&
:active
{
&
:active
{
border
:
1px
solid
#044cb9
;
border
:
1px
solid
#044CB9
!
important
;
color
:
#044cb9
;
color
:
#044CB9
!
important
;
}
}
}
.icon-div
{
span
{
cursor
:
pointer
;
}
}
}
}
...
@@ -230,18 +332,18 @@
...
@@ -230,18 +332,18 @@
color
:
#333333
;
color
:
#333333
;
}
}
/
deep
/
.disableheadselection
>
.cell
.el-checkbox__inner
{
/
deep
/
.disableheadselection
>
.cell
.el-checkbox__inner
{
display
:
none
;
display
:
none
;
}
}
/
deep
/
.el-table
th
>
.cell
{
/
deep
/
.el-table
th
>
.cell
{
font-size
:
14px
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
font-family
:
HarmonyOS_Sans_SC
;
font-weight
:
normal
;
font-weight
:
normal
;
color
:
#282f3c
;
color
:
#282f3c
;
}
}
/
deep
/
.el-table
td
>
.cell
{
/
deep
/
.el-table
td
>
.cell
{
font-size
:
14px
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#333333
;
color
:
#333333
;
...
@@ -249,7 +351,7 @@
...
@@ -249,7 +351,7 @@
/
deep
/
.el-table
{
/
deep
/
.el-table
{
width
:
100%
;
width
:
100%
;
max-height
:
435px
!
important
;
//
max-height: 435px !important;
margin-top
:
16px
;
margin-top
:
16px
;
.cell
:empty::before
{
.cell
:empty::before
{
...
@@ -265,8 +367,12 @@
...
@@ -265,8 +367,12 @@
}
}
}
}
/
deep
/
.el-input__icon
{
line-height
:
32px
;
}
/
deep
/
.el-table--enable-row-transition
.el-table__body
td
.el-table__cell
{
/
deep
/
.el-table--enable-row-transition
.el-table__body
td
.el-table__cell
{
height
:
55px
;
//
height: 55px;
}
}
.iconfont
{
.iconfont
{
...
@@ -316,3 +422,172 @@
...
@@ -316,3 +422,172 @@
background-color
:
transparent
!
important
;
background-color
:
transparent
!
important
;
}
}
}
}
/
deep
/
.el-table
td
,
.el-table
th
.is-leaf
{
background-color
:
#ffffff
;
border
:
none
;
// border-bottom: 1px #f6f8fa solid;
border-top
:
1px
#f6f8fa
solid
;
}
// 去除table表格最底部边框
.el-table__row
>
td
{
border
:
none
;
}
// 去除table表格最底部边框
.
el-table
:
:
before
{
height
:
0px
;
}
/
deep
/
.el-table
.el-table__header-wrapper
tr
th
{
background-color
:
#ecf1f7
!
important
;
font-size
:
14px
!
important
;
font-family
:
HarmonyOS_Sans_SC_Medium
!
important
;
color
:
#282f3c
!
important
;
height
:
48px
!
important
;
padding
:
0
!
important
;
}
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
background-color
:
#f2f7fe
!
important
;
}
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
background-color
:
#f2f7fe
!
important
;
}
/
deep
/
.el-table__row
{
height
:
48px
!
important
;
}
/
deep
/
.el-table__row--level-1
{
.el-table__cell
{
background-color
:
#f5f6f7
!
important
;
}
}
/
deep
/
.el-table
th
>
.cell
{
font-family
:
HarmonyOS_Sans_SC_Medium
;
}
/
deep
/
.el-table
.el-table__cell
{
padding
:
0
!
important
;
}
/
deep
/
.el-table__body
{
width
:
100%
!
important
;
}
// el-table 左侧固定 样式统一
/
deep
/
.el-table__fixed
{
height
:
100%
!
important
;
&
:
:
before
{
height
:
0
;
}
}
/
deep
/
.el-table__fixed-header-wrapper
{
height
:
48px
!
important
;
.el-table__header
{
width
:
100%
!
important
;
height
:
48px
!
important
;
background-color
:
#ecf1f7
!
important
;
font-size
:
0
.875rem
!
important
;
font-family
:
HarmonyOS_Sans_SC_Medium
!
important
;
color
:
#282f3c
!
important
;
height
:
3rem
!
important
;
padding
:
0
!
important
;
}
thead
{
font-size
:
0
.875rem
!
important
;
font-family
:
HarmonyOS_Sans_SC_Medium
!
important
;
color
:
#282f3c
!
important
;
.cell
{
font-weight
:
normal
!
important
;
}
}
th
{
border
:
none
!
important
;
background-color
:
#ecf1f7
!
important
;
}
}
/
deep
/
.el-table__fixed-body-wrapper
{
// height: 100% !important;
}
/
deep
/
.hover-row
{
.el-table__cell
{
background-color
:
#f2f7fe
!
important
;
}
}
/
deep
/
.el-table__fixed-right
{
height
:
100%
!
important
;
&
:
:
before
{
height
:
0
;
}
}
/
deep
/
.btn-prev
{
cursor
:
pointer
;
i
{
cursor
:
pointer
;
}
}
/
deep
/
.btn-next
{
cursor
:
pointer
;
i
{
cursor
:
pointer
;
}
}
// 批量操作
.el-tag
{
color
:
#055fe7
!
important
;
height
:
32px
;
box-sizing
:
border-box
!
important
;
padding
:
0
8px
!
important
;
background
:
#ddebff
;
border-radius
:
4px
;
font-size
:
0
.75rem
;
margin-bottom
:
16px
;
display
:
flex
;
align-items
:
center
;
}
/
deep
/
.el-link--inner
{
color
:
rgb
(
5
,
95
,
231
);
}
.icon-tanhao1
{
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
}
// 表格高度 -- 展示下面的border
.split-line
{
height
:
630px
;
border-bottom
:
1px
solid
#eee
;
}
// 复选框
/
deep
/
.el-checkbox__inner
{
cursor
:
pointer
;
}
/
deep
/
.el-checkbox__input
{
line-height
:
16px
;
}
// 分页
/
deep
/
.el-pager
{
.number
{
background-color
:
transparent
!
important
;
}
.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
;
}
}
/
deep
/
.btn-prev
,
/
deep
/
.btn-next
{
background-color
:
transparent
!
important
;
}
/
deep
/
.el-pagination__sizes
{
position
:
absolute
;
right
:
0
;
}
src/views/zzwlr/htcj.vue
View file @
0c438410
...
@@ -8,17 +8,21 @@
...
@@ -8,17 +8,21 @@
<span>
人员编号:
</span>
<span>
人员编号:
</span>
<el-input
<el-input
placeholder=
"请输入人员编号"
placeholder=
"请输入人员编号"
v-model=
"liveCollectionTo.barcode"
v-model
.
trim=
"liveCollectionTo.barcode"
@
keyup
.
enter
.
native=
"search"
maxlength=
"23"
show-word-limit
clearable
>
>
</el-input>
</el-input>
</div>
</div>
<div
class=
"filter xm"
>
<div
class=
"filter xm"
>
<span
style=
"width:
90px
"
>
姓名:
</span>
<span
style=
"width:
5.625rem
"
>
姓名:
</span>
<el-input
placeholder=
"请输入用户名"
v-model=
"liveCollectionTo.name"
>
<el-input
placeholder=
"请输入用户名"
v-model=
"liveCollectionTo.name"
>
</el-input>
</el-input>
</div>
</div>
<div
class=
"filter xb"
>
<div
class=
"filter xb"
>
<span
style=
"width:
51px
"
>
性别:
</span>
<span
style=
"width:
3.1875rem
"
>
性别:
</span>
<SelectCode
<SelectCode
ref=
"xbdm"
ref=
"xbdm"
codeUrl=
"/api/code/sex"
codeUrl=
"/api/code/sex"
...
@@ -28,6 +32,7 @@
...
@@ -28,6 +32,7 @@
class=
"xb"
class=
"xb"
v-model=
"liveCollectionTo.sex"
v-model=
"liveCollectionTo.sex"
id=
"sex"
id=
"sex"
:width=
"17.1612"
></SelectCode>
></SelectCode>
</div>
</div>
<div
class=
"filter sfzh"
>
<div
class=
"filter sfzh"
>
...
@@ -49,6 +54,7 @@
...
@@ -49,6 +54,7 @@
:form=
"ruleForm"
:form=
"ruleForm"
id=
"collectionDw"
id=
"collectionDw"
class=
"cjdw"
class=
"cjdw"
:width=
"17.1612"
></Cascader>
></Cascader>
</div>
</div>
<div
class=
"filter cjr"
>
<div
class=
"filter cjr"
>
...
@@ -85,6 +91,7 @@
...
@@ -85,6 +91,7 @@
</div>
</div>
</div>
</div>
</div>
</div>
<div
class=
"split-line"
>
<!-- 2 批量操作中间这一块 -->
<!-- 2 批量操作中间这一块 -->
<div
class=
"middle"
>
<div
class=
"middle"
>
<!-- 左边 -->
<!-- 左边 -->
...
@@ -117,7 +124,7 @@
...
@@ -117,7 +124,7 @@
<span
v-html=
"' '"
></span>
<span
v-html=
"' '"
></span>
<i
<i
class=
"iconfont icon-tanhao1"
class=
"iconfont icon-tanhao1"
style=
"color: #055fe7; font-size: 16px
; margin: 0 0.625rem"
style=
"color: #055fe7; font-size: 1rem
; margin: 0 0.625rem"
></i>
></i>
已选择
已选择
<span
style=
"color: #055fe7"
>
{{
multipleSelection
.
length
}}
</span>
项
<span
style=
"color: #055fe7"
>
{{
multipleSelection
.
length
}}
</span>
项
...
@@ -131,7 +138,8 @@
...
@@ -131,7 +138,8 @@
</el-tag>
</el-tag>
<!-- 4 表格 -->
<!-- 4 表格 -->
<el-table
<el-table
:max-height=
"height"
:border=
"false"
:height=
"height"
ref=
"multipleTable"
ref=
"multipleTable"
:data=
"tableDate"
:data=
"tableDate"
:row-key=
"getRowKeys"
:row-key=
"getRowKeys"
...
@@ -205,9 +213,10 @@
...
@@ -205,9 +213,10 @@
show-overflow-tooltip
show-overflow-tooltip
>
>
</el-table-column>
</el-table-column>
<el-table-column
label=
"操作"
:width=
"width33
"
>
<el-table-column
label=
"操作"
width=
"auto
"
>
<
template
slot-scope=
"scope"
>
<
template
slot-scope=
"scope"
>
<el-tooltip
<el-tooltip
style=
"width: 1rem;"
class=
"item"
class=
"item"
v-if=
"roleArr.includes('F-1-8')"
v-if=
"roleArr.includes('F-1-8')"
effect=
"dark"
effect=
"dark"
...
@@ -224,6 +233,7 @@
...
@@ -224,6 +233,7 @@
</
template
>
</
template
>
</el-table-column>
</el-table-column>
</el-table>
</el-table>
</div>
<!-- 页码 -->
<!-- 页码 -->
<div
class=
"block"
>
<div
class=
"block"
>
<span
class=
"record"
<span
class=
"record"
...
@@ -304,13 +314,12 @@ export default {
...
@@ -304,13 +314,12 @@ export default {
width3
:
180
,
width3
:
180
,
width2
:
100
,
width2
:
100
,
width1
:
220
,
width1
:
220
,
height
:
500
,
height
:
"33rem"
,
};
};
},
},
created
()
{
created
()
{
let
w1
=
1920
;
let
w1
=
1920
;
let
w2
=
window
.
innerWidth
;
let
w2
=
window
.
innerWidth
;
this
.
height
=
(
this
.
height
*
w2
)
/
w1
;
this
.
width1
=
(
this
.
width1
*
w2
)
/
w1
;
this
.
width1
=
(
this
.
width1
*
w2
)
/
w1
;
this
.
width2
=
(
this
.
width2
*
w2
)
/
w1
;
this
.
width2
=
(
this
.
width2
*
w2
)
/
w1
;
this
.
width3
=
(
this
.
width3
*
w2
)
/
w1
;
this
.
width3
=
(
this
.
width3
*
w2
)
/
w1
;
...
@@ -601,5 +610,5 @@ export default {
...
@@ -601,5 +610,5 @@ export default {
<
style
lang=
"scss"
scoped
>
<
style
lang=
"scss"
scoped
>
@import
"./htcj.scss"
;
@import
"./htcj.scss"
;
@import
"@/assets/css/globalBase.scss"
;
//
@import
"@/assets/css/globalBase.scss"
;
</
style
>
</
style
>
\ No newline at end of file
src/views/zzwlr/xzry.scss
View file @
0c438410
#xzry
{
#xzry
{
width
:
100%
;
width
:
100%
;
height
:
100%
;
height
:
100%
;
}
}
.top
{
.top
{
width
:
100%
;
width
:
100%
;
height
:
82px
;
height
:
82px
;
background
:
linear-gradient
(
270deg
,
rgba
(
249
,
251
,
254
,
0
.5
)
0%
,
#F2F6FA
49%
,
rgba
(
249
,
251
,
254
,
0
.5
)
100%
);
background
:
linear-gradient
(
270deg
,
rgba
(
249
,
251
,
254
,
0
.5
)
0%
,
#f2f6fa
49%
,
rgba
(
249
,
251
,
254
,
0
.5
)
100%
);
filter
:
blur
(
0px
);
filter
:
blur
(
0px
);
display
:
flex
;
display
:
flex
;
align-items
:
center
;
align-items
:
center
;
...
@@ -16,7 +21,7 @@
...
@@ -16,7 +21,7 @@
.cir
{
.cir
{
width
:
24px
;
width
:
24px
;
height
:
24px
;
height
:
24px
;
background
:
#055FE
7
;
background
:
#055fe
7
;
font-size
:
12px
;
font-size
:
12px
;
border-radius
:
50%
;
border-radius
:
50%
;
padding
:
3px
8px
;
padding
:
3px
8px
;
...
@@ -25,24 +30,24 @@
...
@@ -25,24 +30,24 @@
span
{
span
{
font-size
:
16px
;
font-size
:
16px
;
font-family
:
HarmonyOS_Sans_SC
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#055FE
7
;
color
:
#055fe
7
;
line-height
:
22px
;
line-height
:
22px
;
margin-left
:
5px
;
margin-left
:
5px
;
}
}
.dashed
{
.dashed
{
margin
:
10px
10px
;
margin
:
10px
10px
;
width
:
112px
;
width
:
112px
;
height
:
1px
;
height
:
1px
;
border
:
1px
dashed
#055FE
7
;
border
:
1px
dashed
#055fe
7
;
}
}
.solid
{
.solid
{
margin
:
10px
10px
;
margin
:
10px
10px
;
width
:
112px
;
width
:
112px
;
height
:
1px
;
height
:
1px
;
background
:
#CCCCCC
;
background
:
#cccccc
;
}
}
}
}
.unactive
{
.unactive
{
display
:
flex
;
display
:
flex
;
.cir
{
.cir
{
width
:
24px
;
width
:
24px
;
...
@@ -60,25 +65,25 @@
...
@@ -60,25 +65,25 @@
line-height
:
22px
;
line-height
:
22px
;
margin-left
:
5px
;
margin-left
:
5px
;
}
}
.dashed
{
.dashed
{
margin
:
10px
10px
;
margin
:
10px
10px
;
width
:
112px
;
width
:
112px
;
height
:
1px
;
height
:
1px
;
border
:
1px
dashed
#055FE
7
;
border
:
1px
dashed
#055fe
7
;
}
}
.solid
{
.solid
{
margin
:
10px
10px
;
margin
:
10px
10px
;
width
:
112px
;
width
:
112px
;
height
:
1px
;
height
:
1px
;
background
:
#CCCCCC
;
background
:
#cccccc
;
}
}
}
}
}
}
.content
{
.content
{
height
:
100%
;
height
:
100%
;
padding-bottom
:
200px
;
padding-bottom
:
200px
;
.el-form
{
.el-form
{
height
:
100%
;
height
:
100%
;
overflow
:
auto
;
overflow
:
auto
;
padding
:
0
245px
;
padding
:
0
245px
;
...
@@ -91,7 +96,8 @@
...
@@ -91,7 +96,8 @@
padding
:
0
;
padding
:
0
;
}
}
/
deep
/
.el-input__inner
{
/
deep
/
.el-input__inner
{
width
:
224px
;
// width: 224px;
width
:
260px
;
}
}
}
}
// 滚动条的宽度
// 滚动条的宽度
...
@@ -165,15 +171,26 @@
...
@@ -165,15 +171,26 @@
margin-left
:
24px
;
margin-left
:
24px
;
}
}
/
deep
/
.el-textarea__inner
{
/
deep
/
.el-textarea__inner
{
width
:
722
px
;
width
:
845
px
;
height
:
76px
;
height
:
76px
;
overflow
:
auto
;
overflow
:
auto
;
}
}
/
deep
/
.el-row
{
/
deep
/
.el-row
{
margin-bottom
:
24px
;
margin-bottom
:
24px
;
}
}
.el-form-item
{
width
:
470px
;
}
.title
,
.el-divider--horizontal
,
.el-checkbox-group
{
margin-left
:
55px
;
}
.item-row
{
display
:
flex
;
justify-content
:
space-between
;
align-items
:
center
;
}
/
deep
/
.el-input__inner
{
/
deep
/
.el-input__inner
{
width
:
264
px
;
width
:
300
px
;
}
}
/
deep
/
.el-form-item__label
{
/
deep
/
.el-form-item__label
{
width
:
160px
;
width
:
160px
;
...
@@ -182,6 +199,58 @@
...
@@ -182,6 +199,58 @@
font-family
:
HarmonyOS_Sans_SC
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#333333
;
color
:
#333333
;
}
}
/
deep
/
.el-divider--horizontal
{
/
deep
/
.el-divider--horizontal
{
width
:
89%
!
important
;
width
:
89%
!
important
;
}
}
.bz
{
margin-left
:
70px
;
.el-form-item
{
width
:
1300px
;
}
/
deep
/
.el-form-item__label
{
width
:
150px
;
}
}
// 日期选择器
/
deep
/
.el-input__icon.el-range__icon.el-icon-date
{
position
:
absolute
;
right
:
6px
;
}
// /deep/.el-date-editor {
// .el-input__prefix {
// position: absolute;
// right: 6px;
// }
// }
/
deep
/
.el-input__prefix
,
.el-input__suffix
{
left
:
250px
;
}
/
deep
/
.el-input--prefix
.el-input__inner
{
padding-left
:
15px
;
}
/
deep
/
.el-input-group__prepend
{
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
width
:
18px
!
important
;
height
:
18px
!
important
;
background
:
#ECEDF1
;
border-radius
:
3px
;
position
:
absolute
;
margin
:
0
8px
;
}
.inputBh
{
display
:
flex
;
align-items
:
center
;
/
deep
/
.el-input__inner
{
padding-left
:
30px
;
width
:
300px
;
}
}
.no_require
{
/
deep
/
.el-form-item__label
{
padding-left
:
10px
;
}
}
src/views/zzwlr/xzry.vue
View file @
0c438410
This diff is collapsed.
Click to expand it.
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