Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
V
vue-composition-api
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
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
宁路鹏
vue-composition-api
Commits
7cddb121
Commit
7cddb121
authored
Apr 18, 2023
by
唐玉峰
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
。
parent
8450f51d
Show whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
369 additions
and
29 deletions
+369
-29
src/components/medicalRecordHomepage/index.scss
+1
-1
src/styles/media/components/Entrypath.scss
+14
-2
src/styles/media/components/outClinicalpathway.scss
+3
-3
src/styles/media/components/outpatientDetails.scss
+234
-4
src/styles/outHistorygrouping.scss
+117
-19
No files found.
src/components/medicalRecordHomepage/index.scss
View file @
7cddb121
...
@@ -45,7 +45,7 @@
...
@@ -45,7 +45,7 @@
@media
screen
and
(
min-width
:
1366px
)
and
(
max-width
:
1440px
)
{
@media
screen
and
(
min-width
:
1366px
)
and
(
max-width
:
1440px
)
{
#medicalRecord
{
#medicalRecord
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
...
...
src/styles/media/components/Entrypath.scss
View file @
7cddb121
@import
"../../mixin.scss"
;
@import
"../../mixin.scss"
;
// 1024
// 1024
@media
screen
and
(
min-width
:
769px
)
and
(
max-width
:
1024px
)
{
@media
screen
and
(
min-width
:
769px
)
and
(
max-width
:
1024px
)
{
.Entrypath
{
.Entrypath
{
...
@@ -9,11 +10,13 @@
...
@@ -9,11 +10,13 @@
width
:
50%
!
important
;
width
:
50%
!
important
;
}
}
}
}
&
_t2
{
&
_t2
{
span
{
span
{
width
:
50%
!
important
;
width
:
50%
!
important
;
}
}
}
}
&
_t3
{
&
_t3
{
span
{
span
{
width
:
50%
!
important
;
width
:
50%
!
important
;
...
@@ -21,6 +24,7 @@
...
@@ -21,6 +24,7 @@
}
}
}
}
}
}
&
_table
{
&
_table
{
&
_lefttab
{
&
_lefttab
{
&
_select
{
&
_select
{
...
@@ -29,6 +33,7 @@
...
@@ -29,6 +33,7 @@
&
_inp
{
&
_inp
{
width
:
100%
!
important
;
width
:
100%
!
important
;
}
}
&
_chack
{
&
_chack
{
width
:
100%
!
important
;
width
:
100%
!
important
;
}
}
...
@@ -48,11 +53,13 @@
...
@@ -48,11 +53,13 @@
width
:
50%
!
important
;
width
:
50%
!
important
;
}
}
}
}
&
_t2
{
&
_t2
{
span
{
span
{
width
:
50%
!
important
;
width
:
50%
!
important
;
}
}
}
}
&
_t3
{
&
_t3
{
span
{
span
{
width
:
50%
!
important
;
width
:
50%
!
important
;
...
@@ -60,6 +67,7 @@
...
@@ -60,6 +67,7 @@
}
}
}
}
}
}
&
_table
{
&
_table
{
&
_lefttab
{
&
_lefttab
{
&
_select
{
&
_select
{
...
@@ -68,6 +76,7 @@
...
@@ -68,6 +76,7 @@
&
_inp
{
&
_inp
{
width
:
100%
!
important
;
width
:
100%
!
important
;
}
}
&
_chack
{
&
_chack
{
width
:
100%
!
important
;
width
:
100%
!
important
;
}
}
...
@@ -78,7 +87,7 @@
...
@@ -78,7 +87,7 @@
}
}
// 1366px
// 1366px
@media
screen
and
(
min-width
:
1366px
)
and
(
max-width
:
1439px
)
{
@media
screen
and
(
min-width
:
1366px
)
and
(
max-width
:
1439px
)
{
.Entrypath
{
.Entrypath
{
&
_top
{
&
_top
{
&
_left
{
&
_left
{
...
@@ -87,11 +96,13 @@
...
@@ -87,11 +96,13 @@
width
:
50%
!
important
;
width
:
50%
!
important
;
}
}
}
}
&
_t2
{
&
_t2
{
span
{
span
{
width
:
50%
!
important
;
width
:
50%
!
important
;
}
}
}
}
&
_t3
{
&
_t3
{
span
{
span
{
width
:
50%
!
important
;
width
:
50%
!
important
;
...
@@ -99,6 +110,7 @@
...
@@ -99,6 +110,7 @@
}
}
}
}
}
}
&
_table
{
&
_table
{
&
_lefttab
{
&
_lefttab
{
&
_select
{
&
_select
{
...
@@ -114,7 +126,7 @@
...
@@ -114,7 +126,7 @@
}
}
//1600
//1600
@media
screen
and
(
min-width
:
1600px
)
and
(
max-width
:
1919px
)
{
@media
screen
and
(
min-width
:
1600px
)
and
(
max-width
:
1919px
)
{
.Entrypath
{
.Entrypath
{
&
_table
{
&
_table
{
&
_lefttab
{
&
_lefttab
{
...
...
src/styles/media/components/outClinicalpathway.scss
View file @
7cddb121
...
@@ -129,7 +129,7 @@
...
@@ -129,7 +129,7 @@
}
}
// 1366px
// 1366px
@media
screen
and
(
min-width
:
1366px
)
and
(
max-width
:
1439px
)
{
@media
screen
and
(
min-width
:
1366px
)
and
(
max-width
:
1439px
)
{
.outClinicalpathway
{
.outClinicalpathway
{
&
_top
{
&
_top
{
&
_left
{
&
_left
{
...
@@ -178,7 +178,7 @@
...
@@ -178,7 +178,7 @@
}
}
//1400
//1400
@media
screen
and
(
min-width
:
1440px
)
and
(
max-width
:
1599px
)
{
@media
screen
and
(
min-width
:
1440px
)
and
(
max-width
:
1599px
)
{
.outClinicalpathway
{
.outClinicalpathway
{
&
_top
{
&
_top
{
&
_left
{
&
_left
{
...
@@ -227,7 +227,7 @@
...
@@ -227,7 +227,7 @@
}
}
//1600
//1600
@media
screen
and
(
min-width
:
1600px
)
and
(
max-width
:
1919px
)
{
@media
screen
and
(
min-width
:
1600px
)
and
(
max-width
:
1919px
)
{
.outClinicalpathway
{
.outClinicalpathway
{
&
_top
{
&
_top
{
&
_left
{
&
_left
{
...
...
src/styles/media/components/outpatientDetails.scss
View file @
7cddb121
@import
'../../mixin.scss'
;
@import
'../../mixin.scss'
;
// 1024
// 1024
@media
screen
and
(
min-width
:
769px
)
and
(
max-width
:
1024px
)
{
@media
screen
and
(
min-width
:
769px
)
and
(
max-width
:
1024px
)
{
.outpatientDetails
{
.outpatientDetails
{
...
@@ -6,36 +7,45 @@
...
@@ -6,36 +7,45 @@
.span1
{
.span1
{
font-size
:
14px
;
font-size
:
14px
;
}
}
&
_message
{
&
_message
{
&
_left
{
&
_left
{
.iconfont
{
.iconfont
{
font-size
:
18px
!
important
;
font-size
:
18px
!
important
;
}
}
&
_t1
{
&
_t1
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
span
{
span
{
color
:
#787e8a
;
color
:
#787e8a
;
}
}
}
}
}
}
&
_centert
{
&
_centert
{
.iconfont
{
.iconfont
{
font-size
:
18px
;
font-size
:
18px
;
}
}
&
_t2
{
&
_t2
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
span
{
span
{
color
:
#787e8a
;
color
:
#787e8a
;
}
}
}
}
}
}
&
_right
{
&
_right
{
.iconfont
{
.iconfont
{
font-size
:
18px
!
important
;
font-size
:
18px
!
important
;
}
}
&
_t3
{
&
_t3
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
text-align
:
start
!
important
;
text-align
:
start
!
important
;
span
{
span
{
color
:
#787e8a
;
color
:
#787e8a
;
}
}
...
@@ -43,71 +53,89 @@
...
@@ -43,71 +53,89 @@
}
}
}
}
}
}
&
_msg
{
&
_msg
{
.iconfont
{
.iconfont
{
font-size
:
18px
!
important
;
font-size
:
18px
!
important
;
}
}
span
:nth-child
(
2
)
{
span
:nth-child
(
2
)
{
margin-left
:
21px
;
margin-left
:
21px
;
}
}
span
:nth-child
(
n
+
2
)
{
span
:nth-child
(
n
+
2
)
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
}
}
span
:nth-child
(
n
+
7
)
{
span
:nth-child
(
n
+
7
)
{
margin-right
:
5px
;
margin-right
:
5px
;
}
}
}
}
&
_title
{
&
_title
{
span
{
span
{
font-size
:
13px
;
font-size
:
13px
;
}
}
}
}
&
_bottom
{
&
_bottom
{
height
:
64%
!
important
;
height
:
64%
!
important
;
// 无数据
// 无数据
&
_box
{
&
_box
{
&
_img
{
&
_img
{
width
:
200px
;
width
:
200px
;
height
:
200px
;
height
:
200px
;
}
}
&
_text
{
&
_text
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
}
}
}
}
// 有数据
// 有数据
&
_left
{
&
_left
{
&
_ul
{
&
_ul
{
.active
{
.active
{
flex-direction
:
column
!
important
;
flex-direction
:
column
!
important
;
align-items
:
flex-start
!
important
;
align-items
:
flex-start
!
important
;
.fc2
{
.fc2
{
width
:
100%
!
important
;
width
:
100%
!
important
;
.iconfont
{
.iconfont
{
font-size
:
10px
!
important
;
font-size
:
10px
!
important
;
}
}
}
}
.fc3
{
.fc3
{
width
:
100%
!
important
;
width
:
100%
!
important
;
}
}
}
}
}
}
li
{
li
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
height
:
65px
!
important
;
height
:
65px
!
important
;
div
{
div
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
height
:
61px
!
important
;
height
:
61px
!
important
;
flex-direction
:
column
!
important
;
flex-direction
:
column
!
important
;
.sp1
{
.sp1
{
width
:
100%
!
important
;
width
:
100%
!
important
;
}
}
.sp2
{
.sp2
{
width
:
100%
!
important
;
width
:
100%
!
important
;
justify-content
:
start
!
important
;
justify-content
:
start
!
important
;
&
_avg
{
&
_avg
{
justify-content
:
start
!
important
;
justify-content
:
start
!
important
;
padding-left
:
5px
!
important
;
padding-left
:
5px
!
important
;
}
}
&
_reto
{
&
_reto
{
display
:
flex
;
display
:
flex
;
flex-direction
:
row
;
flex-direction
:
row
;
...
@@ -119,61 +147,76 @@
...
@@ -119,61 +147,76 @@
}
}
}
}
}
}
&
_right
{
&
_right
{
width
:
50%
;
width
:
50%
;
// 无数据样式
// 无数据样式
&
_box
{
&
_box
{
&
_text
{
&
_text
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
}
}
&
_table
{
&
_table
{
height
:
calc
(
100%
-
100px
);
height
:
calc
(
100%
-
100px
);
}
}
.isverifyStyle
{
.isverifyStyle
{
background-color
:
#f4f5f8
;
background-color
:
#f4f5f8
;
}
}
.paginations
{
.paginations
{
text-align
:
right
;
text-align
:
right
;
}
}
}
}
&
_rght2
{
&
_rght2
{
&
_top
{
&
_top
{
height
:
27%
!
important
;
height
:
27%
!
important
;
&
_title
{
&
_title
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
&
_mes
{
&
_mes
{
flex-direction
:
column
!
important
;
flex-direction
:
column
!
important
;
&
_span1
{
&
_span1
{
width
:
100%
!
important
;
width
:
100%
!
important
;
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
margin-bottom
:
5px
!
important
;
margin-bottom
:
5px
!
important
;
}
}
&
_span2
{
&
_span2
{
width
:
100%
!
important
;
width
:
100%
!
important
;
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
margin-bottom
:
5px
!
important
;
margin-bottom
:
5px
!
important
;
}
}
&
_span3
{
&
_span3
{
width
:
100%
!
important
;
width
:
100%
!
important
;
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
margin-bottom
:
5px
!
important
;
margin-bottom
:
5px
!
important
;
}
}
&
_span4
{
&
_span4
{
width
:
100%
!
important
;
width
:
100%
!
important
;
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
}
}
}
}
&
_bottom
{
&
_bottom
{
margin-top
:
10px
!
important
;
margin-top
:
10px
!
important
;
&
_li
{
&
_li
{
&
_title
{
&
_title
{
width
:
54px
!
important
;
width
:
54px
!
important
;
height
:
25px
!
important
;
height
:
25px
!
important
;
font-size
:
16px
!
important
;
font-size
:
16px
!
important
;
}
}
&
_cont
{
&
_cont
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
...
@@ -191,36 +234,45 @@
...
@@ -191,36 +234,45 @@
.span1
{
.span1
{
font-size
:
14px
;
font-size
:
14px
;
}
}
&
_message
{
&
_message
{
&
_left
{
&
_left
{
.iconfont
{
.iconfont
{
font-size
:
18px
!
important
;
font-size
:
18px
!
important
;
}
}
&
_t1
{
&
_t1
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
span
{
span
{
color
:
#787e8a
;
color
:
#787e8a
;
}
}
}
}
}
}
&
_centert
{
&
_centert
{
.iconfont
{
.iconfont
{
font-size
:
18px
;
font-size
:
18px
;
}
}
&
_t2
{
&
_t2
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
span
{
span
{
color
:
#787e8a
;
color
:
#787e8a
;
}
}
}
}
}
}
&
_right
{
&
_right
{
.iconfont
{
.iconfont
{
font-size
:
18px
!
important
;
font-size
:
18px
!
important
;
}
}
&
_t3
{
&
_t3
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
text-align
:
start
!
important
;
text-align
:
start
!
important
;
span
{
span
{
color
:
#787e8a
;
color
:
#787e8a
;
}
}
...
@@ -228,71 +280,89 @@
...
@@ -228,71 +280,89 @@
}
}
}
}
}
}
&
_msg
{
&
_msg
{
.iconfont
{
.iconfont
{
font-size
:
18px
!
important
;
font-size
:
18px
!
important
;
}
}
span
:nth-child
(
2
)
{
span
:nth-child
(
2
)
{
margin-left
:
21px
;
margin-left
:
21px
;
}
}
span
:nth-child
(
n
+
2
)
{
span
:nth-child
(
n
+
2
)
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
}
}
span
:nth-child
(
n
+
7
)
{
span
:nth-child
(
n
+
7
)
{
margin-right
:
5px
;
margin-right
:
5px
;
}
}
}
}
&
_title
{
&
_title
{
span
{
span
{
font-size
:
13px
;
font-size
:
13px
;
}
}
}
}
&
_bottom
{
&
_bottom
{
height
:
64%
!
important
;
height
:
64%
!
important
;
// 无数据
// 无数据
&
_box
{
&
_box
{
&
_img
{
&
_img
{
width
:
200px
;
width
:
200px
;
height
:
200px
;
height
:
200px
;
}
}
&
_text
{
&
_text
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
}
}
}
}
// 有数据
// 有数据
&
_left
{
&
_left
{
&
_ul
{
&
_ul
{
.active
{
.active
{
flex-direction
:
column
!
important
;
flex-direction
:
column
!
important
;
align-items
:
flex-start
!
important
;
align-items
:
flex-start
!
important
;
.fc2
{
.fc2
{
width
:
100%
!
important
;
width
:
100%
!
important
;
.iconfont
{
.iconfont
{
font-size
:
10px
!
important
;
font-size
:
10px
!
important
;
}
}
}
}
.fc3
{
.fc3
{
width
:
100%
!
important
;
width
:
100%
!
important
;
}
}
}
}
}
}
li
{
li
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
height
:
65px
!
important
;
height
:
65px
!
important
;
div
{
div
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
height
:
61px
!
important
;
height
:
61px
!
important
;
flex-direction
:
column
!
important
;
flex-direction
:
column
!
important
;
.sp1
{
.sp1
{
width
:
100%
!
important
;
width
:
100%
!
important
;
}
}
.sp2
{
.sp2
{
width
:
100%
!
important
;
width
:
100%
!
important
;
justify-content
:
start
!
important
;
justify-content
:
start
!
important
;
&
_avg
{
&
_avg
{
justify-content
:
start
!
important
;
justify-content
:
start
!
important
;
padding-left
:
5px
!
important
;
padding-left
:
5px
!
important
;
}
}
&
_reto
{
&
_reto
{
display
:
flex
;
display
:
flex
;
flex-direction
:
row
;
flex-direction
:
row
;
...
@@ -304,61 +374,76 @@
...
@@ -304,61 +374,76 @@
}
}
}
}
}
}
&
_right
{
&
_right
{
width
:
50%
;
width
:
50%
;
// 无数据样式
// 无数据样式
&
_box
{
&
_box
{
&
_text
{
&
_text
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
}
}
&
_table
{
&
_table
{
height
:
calc
(
100%
-
100px
);
height
:
calc
(
100%
-
100px
);
}
}
.isverifyStyle
{
.isverifyStyle
{
background-color
:
#f4f5f8
;
background-color
:
#f4f5f8
;
}
}
.paginations
{
.paginations
{
text-align
:
right
;
text-align
:
right
;
}
}
}
}
&
_rght2
{
&
_rght2
{
&
_top
{
&
_top
{
height
:
27%
!
important
;
height
:
27%
!
important
;
&
_title
{
&
_title
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
&
_mes
{
&
_mes
{
flex-direction
:
column
!
important
;
flex-direction
:
column
!
important
;
&
_span1
{
&
_span1
{
width
:
100%
!
important
;
width
:
100%
!
important
;
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
margin-bottom
:
5px
!
important
;
margin-bottom
:
5px
!
important
;
}
}
&
_span2
{
&
_span2
{
width
:
100%
!
important
;
width
:
100%
!
important
;
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
margin-bottom
:
5px
!
important
;
margin-bottom
:
5px
!
important
;
}
}
&
_span3
{
&
_span3
{
width
:
100%
!
important
;
width
:
100%
!
important
;
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
margin-bottom
:
5px
!
important
;
margin-bottom
:
5px
!
important
;
}
}
&
_span4
{
&
_span4
{
width
:
100%
!
important
;
width
:
100%
!
important
;
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
}
}
}
}
&
_bottom
{
&
_bottom
{
margin-top
:
10px
!
important
;
margin-top
:
10px
!
important
;
&
_li
{
&
_li
{
&
_title
{
&
_title
{
width
:
54px
!
important
;
width
:
54px
!
important
;
height
:
25px
!
important
;
height
:
25px
!
important
;
font-size
:
16px
!
important
;
font-size
:
16px
!
important
;
}
}
&
_cont
{
&
_cont
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
...
@@ -370,79 +455,98 @@
...
@@ -370,79 +455,98 @@
}
}
// 1366px
// 1366px
@media
screen
and
(
min-width
:
1366px
)
and
(
max-width
:
1439px
)
{
@media
screen
and
(
min-width
:
1366px
)
and
(
max-width
:
1439px
)
{
.outpatientDetails
{
.outpatientDetails
{
height
:
768px
!
important
;
height
:
768px
!
important
;
&
_top
{
&
_top
{
.span1
{
.span1
{
font-size
:
14px
;
font-size
:
14px
;
}
}
&
_message
{
&
_message
{
&
_left
{
&
_left
{
.iconfont
{
.iconfont
{
font-size
:
18px
!
important
;
font-size
:
18px
!
important
;
}
}
&
_t1
{
&
_t1
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
span
{
span
{
color
:
#787e8a
;
color
:
#787e8a
;
}
}
}
}
}
}
&
_centert
{
&
_centert
{
.iconfont
{
.iconfont
{
font-size
:
18px
;
font-size
:
18px
;
}
}
&
_t2
{
&
_t2
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
span
{
span
{
color
:
#787e8a
;
color
:
#787e8a
;
}
}
}
}
}
}
&
_right
{
&
_right
{
.iconfont
{
.iconfont
{
font-size
:
18px
!
important
;
font-size
:
18px
!
important
;
}
}
&
_t3
{
&
_t3
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
text-align
:
start
!
important
;
text-align
:
start
!
important
;
span
{
span
{
color
:
#787e8a
;
color
:
#787e8a
;
}
}
}
}
}
}
&
_low
{
&
_low
{
.iconfont
{
.iconfont
{
font-size
:
18px
!
important
;
font-size
:
18px
!
important
;
}
}
&
_t4
{
&
_t4
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
text-align
:
start
!
important
;
text-align
:
start
!
important
;
span
{
span
{
color
:
#787e8a
;
color
:
#787e8a
;
}
}
}
}
}
}
&
_div6
{
&
_div6
{
.iconfont
{
.iconfont
{
font-size
:
18px
!
important
;
font-size
:
18px
!
important
;
}
}
&
_t6
{
&
_t6
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
text-align
:
start
!
important
;
text-align
:
start
!
important
;
span
{
span
{
color
:
#787e8a
;
color
:
#787e8a
;
}
}
}
}
}
}
&
_div5
{
&
_div5
{
.iconfont
{
.iconfont
{
font-size
:
18px
!
important
;
font-size
:
18px
!
important
;
}
}
&
_t5
{
&
_t5
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
text-align
:
start
!
important
;
text-align
:
start
!
important
;
span
{
span
{
color
:
#787e8a
;
color
:
#787e8a
;
}
}
...
@@ -450,42 +554,53 @@
...
@@ -450,42 +554,53 @@
}
}
}
}
}
}
&
_msg
{
&
_msg
{
.iconfont
{
.iconfont
{
font-size
:
18px
!
important
;
font-size
:
18px
!
important
;
}
}
span
:nth-child
(
2
)
{
span
:nth-child
(
2
)
{
margin-left
:
21px
;
margin-left
:
21px
;
}
}
span
:nth-child
(
n
+
2
)
{
span
:nth-child
(
n
+
2
)
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
span
:nth-child
(
n
+
7
)
{
span
:nth-child
(
n
+
7
)
{
margin-right
:
5px
;
margin-right
:
5px
;
}
}
}
}
&
_title
{
&
_title
{
span
{
span
{
font-size
:
13px
;
font-size
:
13px
;
}
}
}
}
&
_bottom
{
&
_bottom
{
height
:
55%
!
important
;
height
:
55%
!
important
;
&
_leftShowBox
{
&
_leftShowBox
{
width
:
83%
!
important
;
width
:
83%
!
important
;
// 无数据
// 无数据
&
_box
{
&
_box
{
&
_img
{
&
_img
{
width
:
200px
;
width
:
200px
;
height
:
200px
;
height
:
200px
;
}
}
&
_text
{
&
_text
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
}
}
}
}
// 有数据
// 有数据
&
_left
{
&
_left
{
width
:
45%
!
important
;
width
:
45%
!
important
;
&
_ul
{
&
_ul
{
.active
{
.active
{
.fc2
{
.fc2
{
...
@@ -493,18 +608,24 @@
...
@@ -493,18 +608,24 @@
font-size
:
10px
!
important
;
font-size
:
10px
!
important
;
}
}
}
}
.fc3
{}
.fc3
{}
}
}
}
}
li
{
li
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
div
{
div
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
.sp1
{}
.sp1
{}
.sp2
{
.sp2
{
&
_avg
{
&
_avg
{
padding-left
:
5px
!
important
;
padding-left
:
5px
!
important
;
}
}
&
_reto
{
&
_reto
{
display
:
flex
;
display
:
flex
;
flex-direction
:
row
;
flex-direction
:
row
;
...
@@ -516,66 +637,82 @@
...
@@ -516,66 +637,82 @@
}
}
}
}
}
}
&
_right
{
&
_right
{
width
:
55%
!
important
;
width
:
55%
!
important
;
height
:
98%
!
important
;
height
:
98%
!
important
;
margin-bottom
:
10px
!
important
;
margin-bottom
:
10px
!
important
;
// 无数据样式
// 无数据样式
&
_box
{
&
_box
{
&
_text
{
&
_text
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
}
}
//中间有数据
//中间有数据
&
_treebtn
{
&
_treebtn
{
margin
:
5px
10px
5px
10px
!
important
;
margin
:
5px
10px
5px
10px
!
important
;
}
}
&
_table
{
&
_table
{
height
:
calc
(
100%
-
100px
);
height
:
calc
(
100%
-
100px
);
}
}
.isverifyStyle
{
.isverifyStyle
{
background-color
:
#f4f5f8
;
background-color
:
#f4f5f8
;
}
}
.paginations
{
.paginations
{
text-align
:
right
;
text-align
:
right
;
}
}
}
}
}
}
&
_rght2
{
&
_rght2
{
height
:
97%
!
important
;
height
:
97%
!
important
;
width
:
17%
!
important
;
width
:
17%
!
important
;
&
_top
{
&
_top
{
height
:
30%
!
important
;
height
:
30%
!
important
;
&
_title
{
&
_title
{
font-size
:
13px
!
important
;
font-size
:
13px
!
important
;
display
:
flex
!
important
;
display
:
flex
!
important
;
justify-content
:
flex-start
!
important
;
justify-content
:
flex-start
!
important
;
align-items
:
center
!
important
;
align-items
:
center
!
important
;
}
}
&
_mes
{
&
_mes
{
&
_span1
{
&
_span1
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
&
_span2
{
&
_span2
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
&
_span3
{
&
_span3
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
&
_span4
{
&
_span4
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
}
}
}
}
&
_bottom
{
&
_bottom
{
height
:
65%
!
important
;
height
:
65%
!
important
;
&
_li
{
&
_li
{
&
_title
{
&
_title
{
width
:
45px
!
important
;
width
:
45px
!
important
;
height
:
20px
!
important
;
height
:
20px
!
important
;
font-size
:
13px
!
important
;
font-size
:
13px
!
important
;
}
}
&
_cont
{
&
_cont
{
font-size
:
14px
!
important
;
font-size
:
14px
!
important
;
}
}
...
@@ -587,78 +724,96 @@
...
@@ -587,78 +724,96 @@
}
}
//1400
//1400
@media
screen
and
(
min-width
:
1440px
)
and
(
max-width
:
1599px
)
{
@media
screen
and
(
min-width
:
1440px
)
and
(
max-width
:
1599px
)
{
.outpatientDetails
{
.outpatientDetails
{
&
_top
{
&
_top
{
.span1
{
.span1
{
font-size
:
14px
;
font-size
:
14px
;
}
}
&
_message
{
&
_message
{
&
_left
{
&
_left
{
.iconfont
{
.iconfont
{
font-size
:
18px
!
important
;
font-size
:
18px
!
important
;
}
}
&
_t1
{
&
_t1
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
span
{
span
{
color
:
#787e8a
;
color
:
#787e8a
;
}
}
}
}
}
}
&
_centert
{
&
_centert
{
.iconfont
{
.iconfont
{
font-size
:
18px
;
font-size
:
18px
;
}
}
&
_t2
{
&
_t2
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
span
{
span
{
color
:
#787e8a
;
color
:
#787e8a
;
}
}
}
}
}
}
&
_right
{
&
_right
{
.iconfont
{
.iconfont
{
font-size
:
18px
!
important
;
font-size
:
18px
!
important
;
}
}
&
_t3
{
&
_t3
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
text-align
:
start
!
important
;
text-align
:
start
!
important
;
span
{
span
{
color
:
#787e8a
;
color
:
#787e8a
;
}
}
}
}
}
}
&
_low
{
&
_low
{
.iconfont
{
.iconfont
{
font-size
:
18px
!
important
;
font-size
:
18px
!
important
;
}
}
&
_t4
{
&
_t4
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
text-align
:
start
!
important
;
text-align
:
start
!
important
;
span
{
span
{
color
:
#787e8a
;
color
:
#787e8a
;
}
}
}
}
}
}
&
_div6
{
&
_div6
{
.iconfont
{
.iconfont
{
font-size
:
18px
!
important
;
font-size
:
18px
!
important
;
}
}
&
_t6
{
&
_t6
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
text-align
:
start
!
important
;
text-align
:
start
!
important
;
span
{
span
{
color
:
#787e8a
;
color
:
#787e8a
;
}
}
}
}
}
}
&
_div5
{
&
_div5
{
.iconfont
{
.iconfont
{
font-size
:
18px
!
important
;
font-size
:
18px
!
important
;
}
}
&
_t5
{
&
_t5
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
text-align
:
start
!
important
;
text-align
:
start
!
important
;
span
{
span
{
color
:
#787e8a
;
color
:
#787e8a
;
}
}
...
@@ -666,37 +821,47 @@
...
@@ -666,37 +821,47 @@
}
}
}
}
}
}
&
_msg
{
&
_msg
{
.iconfont
{
.iconfont
{
font-size
:
18px
!
important
;
font-size
:
18px
!
important
;
}
}
span
:nth-child
(
2
)
{
span
:nth-child
(
2
)
{
margin-left
:
21px
;
margin-left
:
21px
;
}
}
span
:nth-child
(
n
+
2
)
{
span
:nth-child
(
n
+
2
)
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
span
:nth-child
(
n
+
7
)
{
span
:nth-child
(
n
+
7
)
{
margin-right
:
5px
;
margin-right
:
5px
;
}
}
}
}
&
_bottom
{
&
_bottom
{
height
:
63%
!
important
;
height
:
63%
!
important
;
&
_leftShowBox
{
&
_leftShowBox
{
width
:
83%
!
important
;
width
:
83%
!
important
;
// 无数据
// 无数据
&
_box
{
&
_box
{
&
_img
{
&
_img
{
width
:
200px
;
width
:
200px
;
height
:
200px
;
height
:
200px
;
}
}
&
_text
{
&
_text
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
}
}
}
}
// 有数据
// 有数据
&
_left
{
&
_left
{
width
:
45%
!
important
;
width
:
45%
!
important
;
&
_ul
{
&
_ul
{
.active
{
.active
{
.fc2
{
.fc2
{
...
@@ -704,11 +869,14 @@
...
@@ -704,11 +869,14 @@
font-size
:
10px
!
important
;
font-size
:
10px
!
important
;
}
}
}
}
.fc3
{}
.fc3
{}
}
}
}
}
li
{
li
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
div
{
div
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
...
@@ -716,6 +884,7 @@
...
@@ -716,6 +884,7 @@
&
_avg
{
&
_avg
{
padding-left
:
5px
!
important
;
padding-left
:
5px
!
important
;
}
}
&
_reto
{
&
_reto
{
display
:
flex
;
display
:
flex
;
flex-direction
:
row
;
flex-direction
:
row
;
...
@@ -727,61 +896,76 @@
...
@@ -727,61 +896,76 @@
}
}
}
}
}
}
&
_right
{
&
_right
{
width
:
55%
!
important
;
width
:
55%
!
important
;
height
:
98%
!
important
;
height
:
98%
!
important
;
margin-bottom
:
10px
!
important
;
margin-bottom
:
10px
!
important
;
// 无数据样式
// 无数据样式
&
_box
{
&
_box
{
&
_text
{
&
_text
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
}
}
&
_table
{
&
_table
{
height
:
calc
(
100%
-
100px
);
height
:
calc
(
100%
-
100px
);
}
}
.isverifyStyle
{
.isverifyStyle
{
background-color
:
#f4f5f8
;
background-color
:
#f4f5f8
;
}
}
.paginations
{
.paginations
{
text-align
:
right
;
text-align
:
right
;
}
}
}
}
}
}
&
_rght2
{
&
_rght2
{
height
:
98%
!
important
;
height
:
98%
!
important
;
width
:
17%
!
important
;
width
:
17%
!
important
;
&
_top
{
&
_top
{
height
:
30%
!
important
;
height
:
30%
!
important
;
&
_title
{
&
_title
{
font-size
:
13px
!
important
;
font-size
:
13px
!
important
;
display
:
flex
!
important
;
display
:
flex
!
important
;
justify-content
:
flex-start
!
important
;
justify-content
:
flex-start
!
important
;
align-items
:
center
!
important
;
align-items
:
center
!
important
;
}
}
&
_mes
{
&
_mes
{
&
_span1
{
&
_span1
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
&
_span2
{
&
_span2
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
&
_span3
{
&
_span3
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
&
_span4
{
&
_span4
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
}
}
}
}
&
_bottom
{
&
_bottom
{
height
:
68%
!
important
;
height
:
68%
!
important
;
&
_li
{
&
_li
{
&
_title
{
&
_title
{
width
:
46px
!
important
;
width
:
46px
!
important
;
height
:
23px
!
important
;
height
:
23px
!
important
;
font-size
:
14px
!
important
;
font-size
:
14px
!
important
;
}
}
&
_cont
{
&
_cont
{
font-size
:
14px
!
important
;
font-size
:
14px
!
important
;
}
}
...
@@ -793,78 +977,96 @@
...
@@ -793,78 +977,96 @@
}
}
//1600
//1600
@media
screen
and
(
min-width
:
1600px
)
and
(
max-width
:
1919px
)
{
@media
screen
and
(
min-width
:
1600px
)
and
(
max-width
:
1919px
)
{
.outpatientDetails
{
.outpatientDetails
{
&
_top
{
&
_top
{
.span1
{
.span1
{
font-size
:
14px
;
font-size
:
14px
;
}
}
&
_message
{
&
_message
{
&
_left
{
&
_left
{
.iconfont
{
.iconfont
{
font-size
:
18px
!
important
;
font-size
:
18px
!
important
;
}
}
&
_t1
{
&
_t1
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
span
{
span
{
color
:
#787e8a
;
color
:
#787e8a
;
}
}
}
}
}
}
&
_centert
{
&
_centert
{
.iconfont
{
.iconfont
{
font-size
:
18px
;
font-size
:
18px
;
}
}
&
_t2
{
&
_t2
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
span
{
span
{
color
:
#787e8a
;
color
:
#787e8a
;
}
}
}
}
}
}
&
_right
{
&
_right
{
.iconfont
{
.iconfont
{
font-size
:
18px
!
important
;
font-size
:
18px
!
important
;
}
}
&
_t3
{
&
_t3
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
text-align
:
start
!
important
;
text-align
:
start
!
important
;
span
{
span
{
color
:
#787e8a
;
color
:
#787e8a
;
}
}
}
}
}
}
&
_low
{
&
_low
{
.iconfont
{
.iconfont
{
font-size
:
18px
!
important
;
font-size
:
18px
!
important
;
}
}
&
_t4
{
&
_t4
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
text-align
:
start
!
important
;
text-align
:
start
!
important
;
span
{
span
{
color
:
#787e8a
;
color
:
#787e8a
;
}
}
}
}
}
}
&
_div6
{
&
_div6
{
.iconfont
{
.iconfont
{
font-size
:
18px
!
important
;
font-size
:
18px
!
important
;
}
}
&
_t6
{
&
_t6
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
text-align
:
start
!
important
;
text-align
:
start
!
important
;
span
{
span
{
color
:
#787e8a
;
color
:
#787e8a
;
}
}
}
}
}
}
&
_div5
{
&
_div5
{
.iconfont
{
.iconfont
{
font-size
:
18px
!
important
;
font-size
:
18px
!
important
;
}
}
&
_t5
{
&
_t5
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
text-align
:
start
!
important
;
text-align
:
start
!
important
;
span
{
span
{
color
:
#787e8a
;
color
:
#787e8a
;
}
}
...
@@ -872,41 +1074,52 @@
...
@@ -872,41 +1074,52 @@
}
}
}
}
}
}
&
_msg
{
&
_msg
{
.iconfont
{
.iconfont
{
font-size
:
18px
!
important
;
font-size
:
18px
!
important
;
}
}
span
:nth-child
(
2
)
{
span
:nth-child
(
2
)
{
margin-left
:
21px
;
margin-left
:
21px
;
}
}
span
:nth-child
(
n
+
2
)
{
span
:nth-child
(
n
+
2
)
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
span
:nth-child
(
n
+
7
)
{
span
:nth-child
(
n
+
7
)
{
margin-right
:
5px
;
margin-right
:
5px
;
}
}
}
}
&
_title
{
&
_title
{
span
{
span
{
font-size
:
13px
;
font-size
:
13px
;
}
}
}
}
&
_bottom
{
&
_bottom
{
height
:
64%
!
important
;
height
:
64%
!
important
;
&
_leftShowBox
{
&
_leftShowBox
{
// 无数据
// 无数据
&
_box
{
&
_box
{
&
_img
{
&
_img
{
width
:
200px
;
width
:
200px
;
height
:
200px
;
height
:
200px
;
}
}
&
_text
{
&
_text
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
}
}
}
}
// 有数据
// 有数据
&
_left
{
&
_left
{
width
:
38%
!
important
;
width
:
38%
!
important
;
&
_ul
{
&
_ul
{
.active
{
.active
{
.fc2
{
.fc2
{
...
@@ -916,14 +1129,18 @@
...
@@ -916,14 +1129,18 @@
}
}
}
}
}
}
li
{
li
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
div
{
div
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
.sp2
{
.sp2
{
&
_avg
{
&
_avg
{
padding-left
:
5px
!
important
;
padding-left
:
5px
!
important
;
}
}
&
_reto
{
&
_reto
{
display
:
flex
;
display
:
flex
;
flex-direction
:
row
;
flex-direction
:
row
;
...
@@ -935,28 +1152,35 @@
...
@@ -935,28 +1152,35 @@
}
}
}
}
}
}
&
_right
{
&
_right
{
width
:
62%
!
important
;
width
:
62%
!
important
;
// 无数据样式
// 无数据样式
&
_box
{
&
_box
{
&
_text
{
&
_text
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
}
}
&
_table
{
&
_table
{
height
:
calc
(
100%
-
100px
);
height
:
calc
(
100%
-
100px
);
}
}
.isverifyStyle
{
.isverifyStyle
{
background-color
:
#f4f5f8
;
background-color
:
#f4f5f8
;
}
}
.paginations
{
.paginations
{
text-align
:
right
;
text-align
:
right
;
}
}
}
}
}
}
&
_rght2
{
&
_rght2
{
&
_top
{
&
_top
{
height
:
20%
!
important
;
height
:
20%
!
important
;
&
_title
{
&
_title
{
height
:
24px
!
important
;
height
:
24px
!
important
;
font-size
:
16px
!
important
;
font-size
:
16px
!
important
;
...
@@ -964,26 +1188,32 @@
...
@@ -964,26 +1188,32 @@
justify-content
:
flex-start
!
important
;
justify-content
:
flex-start
!
important
;
align-items
:
center
!
important
;
align-items
:
center
!
important
;
}
}
&
_mes
{
&
_mes
{
&
_span1
{
&
_span1
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
&
_span2
{
&
_span2
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
&
_span3
{
&
_span3
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
&
_span4
{
&
_span4
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
}
}
}
}
&
_bottom
{
&
_bottom
{
&
_li
{
&
_li
{
&
_title
{
&
_title
{
font-size
:
16px
!
important
;
font-size
:
16px
!
important
;
}
}
&
_cont
{
&
_cont
{
font-size
:
16px
!
important
;
font-size
:
16px
!
important
;
}
}
...
...
src/styles/outHistorygrouping.scss
View file @
7cddb121
//1024px
//1024px
@media
screen
and
(
min-width
:
769px
)
and
(
max-width
:
1024px
)
{
@media
screen
and
(
min-width
:
769px
)
and
(
max-width
:
1024px
)
{
.outoutaddrecordEnrollment
{
.outoutaddrecordEnrollment
{
&
_top
{
&
_top
{
.span1
{}
.span1
{}
&
_message
{
&
_message
{
&
_left
{
&
_left
{
.iconfont
{
.iconfont
{
padding-left
:
12px
!
important
;
padding-left
:
12px
!
important
;
font-size
:
11px
!
important
;
font-size
:
11px
!
important
;
}
}
&
_t1
{
&
_t1
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
width
:
82%
!
important
;
width
:
82%
!
important
;
margin-left
:
17px
!
important
;
margin-left
:
17px
!
important
;
}
}
}
}
&
_centert
{
&
_centert
{
.iconfont
{
.iconfont
{
padding-left
:
12px
!
important
;
padding-left
:
12px
!
important
;
font-size
:
11px
!
important
;
font-size
:
11px
!
important
;
}
}
&
_t2
{
&
_t2
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
width
:
82%
!
important
;
width
:
82%
!
important
;
margin-left
:
17px
!
important
;
margin-left
:
17px
!
important
;
}
}
}
}
&
_right
{
&
_right
{
.iconfont
{
.iconfont
{
padding-left
:
12px
!
important
;
padding-left
:
12px
!
important
;
font-size
:
11px
!
important
;
font-size
:
11px
!
important
;
}
}
&
_t3
{
&
_t3
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
width
:
82%
!
important
;
width
:
82%
!
important
;
...
@@ -40,36 +45,43 @@
...
@@ -40,36 +45,43 @@
}
}
}
}
}
}
&
_top2
{
&
_top2
{
.span1
{}
.span1
{}
&
_message
{
&
_message
{
&
_left
{
&
_left
{
.iconfont
{
.iconfont
{
padding-left
:
12px
!
important
;
padding-left
:
12px
!
important
;
font-size
:
11px
!
important
;
font-size
:
11px
!
important
;
}
}
&
_t1
{
&
_t1
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
width
:
82%
!
important
;
width
:
82%
!
important
;
margin-left
:
17px
!
important
;
margin-left
:
17px
!
important
;
}
}
}
}
&
_centert
{
&
_centert
{
.iconfont
{
.iconfont
{
padding-left
:
12px
!
important
;
padding-left
:
12px
!
important
;
font-size
:
11px
!
important
;
font-size
:
11px
!
important
;
}
}
&
_t2
{
&
_t2
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
width
:
82%
!
important
;
width
:
82%
!
important
;
margin-left
:
17px
!
important
;
margin-left
:
17px
!
important
;
}
}
}
}
&
_right
{
&
_right
{
.iconfont
{
.iconfont
{
padding-left
:
12px
!
important
;
padding-left
:
12px
!
important
;
font-size
:
11px
!
important
;
font-size
:
11px
!
important
;
}
}
&
_t3
{
&
_t3
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
width
:
82%
!
important
;
width
:
82%
!
important
;
...
@@ -78,57 +90,71 @@
...
@@ -78,57 +90,71 @@
}
}
}
}
}
}
&
_title
{
&
_title
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
}
}
&
_search
{
&
_search
{
&
_message
{
&
_message
{
&
_left
{
&
_left
{
&
_t1
{
&
_t1
{
width
:
30%
!
important
;
width
:
30%
!
important
;
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
.iconfont
{
.iconfont
{
padding-left
:
12px
!
important
;
padding-left
:
12px
!
important
;
font-size
:
16px
!
important
;
font-size
:
16px
!
important
;
}
}
}
}
&
_t2
{
&
_t2
{
.el-input__inner
{
.el-input__inner
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
}
}
}
}
}
}
&
_centert
{
&
_centert
{
&
_t1
{
&
_t1
{
width
:
35%
!
important
;
width
:
35%
!
important
;
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
.iconfont
{
.iconfont
{
padding-left
:
12px
!
important
;
padding-left
:
12px
!
important
;
font-size
:
16px
!
important
;
font-size
:
16px
!
important
;
}
}
}
}
&
_t2
{
&
_t2
{
.el-input__inner
{
.el-input__inner
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
}
}
}
}
}
}
&
_right
{
&
_right
{
width
:
10%
!
important
;
width
:
10%
!
important
;
&
_search
{
&
_search
{
height
:
50%
!
important
;
height
:
50%
!
important
;
&
_span2
{
&
_span2
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
}
}
.iconfont
{
.iconfont
{
font-size
:
10px
!
important
;
font-size
:
10px
!
important
;
}
}
}
}
&
_submit
{
&
_submit
{
height
:
50%
!
important
;
height
:
50%
!
important
;
&
_span3
{
&
_span3
{
font-size
:
9px
!
important
;
font-size
:
9px
!
important
;
}
}
.iconfont
{
.iconfont
{
font-size
:
10px
!
important
;
font-size
:
10px
!
important
;
}
}
...
@@ -136,17 +162,21 @@
...
@@ -136,17 +162,21 @@
}
}
}
}
}
}
&
_centent
{
&
_centent
{
&
_totalnum
{
&
_totalnum
{
// width: 1673px;
// width: 1673px;
flex-direction
:
column
!
important
;
flex-direction
:
column
!
important
;
height
:
275px
!
important
;
height
:
275px
!
important
;
&
_left
{
&
_left
{
width
:
99%
!
important
;
width
:
99%
!
important
;
margin
:
10px
15px
!
important
;
margin
:
10px
15px
!
important
;
}
}
&
_right
{
&
_right
{
width
:
100%
!
important
;
width
:
100%
!
important
;
&
_echar1
{
&
_echar1
{
display
:
flex
!
important
;
display
:
flex
!
important
;
justify-content
:
center
!
important
;
justify-content
:
center
!
important
;
...
@@ -154,6 +184,7 @@
...
@@ -154,6 +184,7 @@
width
:
20%
;
width
:
20%
;
height
:
132px
;
height
:
132px
;
}
}
&
_echar2
{
&
_echar2
{
display
:
flex
!
important
;
display
:
flex
!
important
;
justify-content
:
center
!
important
;
justify-content
:
center
!
important
;
...
@@ -161,6 +192,7 @@
...
@@ -161,6 +192,7 @@
width
:
20%
;
width
:
20%
;
height
:
132px
;
height
:
132px
;
}
}
&
_echar3
{
&
_echar3
{
display
:
flex
!
important
;
display
:
flex
!
important
;
justify-content
:
center
!
important
;
justify-content
:
center
!
important
;
...
@@ -168,6 +200,7 @@
...
@@ -168,6 +200,7 @@
width
:
20%
;
width
:
20%
;
height
:
132px
;
height
:
132px
;
}
}
&
_echar4
{
&
_echar4
{
display
:
flex
!
important
;
display
:
flex
!
important
;
justify-content
:
center
!
important
;
justify-content
:
center
!
important
;
...
@@ -175,6 +208,7 @@
...
@@ -175,6 +208,7 @@
width
:
20%
;
width
:
20%
;
height
:
132px
;
height
:
132px
;
}
}
&
_echar5
{
&
_echar5
{
display
:
flex
!
important
;
display
:
flex
!
important
;
justify-content
:
center
!
important
;
justify-content
:
center
!
important
;
...
@@ -184,6 +218,7 @@
...
@@ -184,6 +218,7 @@
}
}
}
}
}
}
&
_nodata
{
&
_nodata
{
&
_img
{
&
_img
{
img
{
img
{
...
@@ -191,6 +226,7 @@
...
@@ -191,6 +226,7 @@
height
:
54px
!
important
;
height
:
54px
!
important
;
}
}
}
}
&
_text
{
&
_text
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
...
@@ -200,7 +236,7 @@
...
@@ -200,7 +236,7 @@
}
}
//1366px
//1366px
@media
screen
and
(
min-width
:
1366px
)
and
(
max-width
:
1439px
)
{
@media
screen
and
(
min-width
:
1366px
)
and
(
max-width
:
1439px
)
{
.outsetgrouping
{
.outsetgrouping
{
.outaddrecordEnrollment
{
.outaddrecordEnrollment
{
...
@@ -209,17 +245,20 @@
...
@@ -209,17 +245,20 @@
&
_span1
{
&
_span1
{
width
:
60px
!
important
;
width
:
60px
!
important
;
}
}
&
_inp1
{
&
_inp1
{
width
:
180px
!
important
;
width
:
180px
!
important
;
}
}
&
_span2
{
&
_span2
{
width
:
70px
!
important
;
width
:
70px
!
important
;
}
}
&
_inp2
{
&
_inp2
{
width
:
270px
!
important
;
width
:
270px
!
important
;
}
}
&
_span3
{
&
_span3
{
width
:
70px
!
important
;
width
:
70px
!
important
;
}
}
...
@@ -229,27 +268,31 @@
...
@@ -229,27 +268,31 @@
}
}
&
_span5
{
&
_span5
{
margin-left
:
180px
!
important
;
margin-left
:
180px
!
important
;
}
}
}
}
&
_div2
{
&
_div2
{
&
_span1
{
&
_span1
{
width
:
60px
!
important
;
width
:
60px
!
important
;
}
}
&
_inp1
{
&
_inp1
{
width
:
180px
!
important
;
width
:
180px
!
important
;
}
}
&
_span2
{
&
_span2
{
width
:
70px
!
important
;
width
:
70px
!
important
;
}
}
&
_inp2
{
&
_inp2
{
width
:
270px
!
important
;
width
:
270px
!
important
;
}
}
&
_span3
{
&
_span3
{
width
:
70px
!
important
;
width
:
70px
!
important
;
}
}
...
@@ -259,6 +302,7 @@
...
@@ -259,6 +302,7 @@
}
}
}
}
&
_div3
{
&
_div3
{
&
_span1
{
&
_span1
{
...
@@ -268,27 +312,33 @@
...
@@ -268,27 +312,33 @@
}
}
}
}
&
_centent
{
&
_centent
{
height
:
67vh
!
important
;
height
:
67vh
!
important
;
&
_totalnum
{
&
_totalnum
{
&
_left
{
&
_left
{
margin
:
10px
15px
!
important
;
margin
:
10px
15px
!
important
;
&
_text1
{
&
_text1
{
span
{
span
{
font-size
:
10px
!
important
;
font-size
:
10px
!
important
;
}
}
}
}
&
_text2
{
&
_text2
{
span
{
span
{
font-size
:
10px
!
important
;
font-size
:
10px
!
important
;
}
}
}
}
&
_text3
{
&
_text3
{
span
{
span
{
font-size
:
10px
!
important
;
font-size
:
10px
!
important
;
}
}
}
}
}
}
&
_right
{
&
_right
{
&
_echar1
{
&
_echar1
{
display
:
flex
!
important
;
display
:
flex
!
important
;
...
@@ -297,6 +347,7 @@
...
@@ -297,6 +347,7 @@
width
:
20%
;
width
:
20%
;
height
:
132px
;
height
:
132px
;
}
}
&
_echar2
{
&
_echar2
{
display
:
flex
!
important
;
display
:
flex
!
important
;
justify-content
:
center
!
important
;
justify-content
:
center
!
important
;
...
@@ -304,6 +355,7 @@
...
@@ -304,6 +355,7 @@
width
:
20%
;
width
:
20%
;
height
:
132px
;
height
:
132px
;
}
}
&
_echar3
{
&
_echar3
{
display
:
flex
!
important
;
display
:
flex
!
important
;
justify-content
:
center
!
important
;
justify-content
:
center
!
important
;
...
@@ -311,6 +363,7 @@
...
@@ -311,6 +363,7 @@
width
:
20%
;
width
:
20%
;
height
:
132px
;
height
:
132px
;
}
}
&
_echar4
{
&
_echar4
{
display
:
flex
!
important
;
display
:
flex
!
important
;
justify-content
:
center
!
important
;
justify-content
:
center
!
important
;
...
@@ -318,6 +371,7 @@
...
@@ -318,6 +371,7 @@
width
:
20%
;
width
:
20%
;
height
:
132px
;
height
:
132px
;
}
}
&
_echar5
{
&
_echar5
{
display
:
flex
!
important
;
display
:
flex
!
important
;
justify-content
:
center
!
important
;
justify-content
:
center
!
important
;
...
@@ -327,6 +381,7 @@
...
@@ -327,6 +381,7 @@
}
}
}
}
}
}
&
_nodata
{
&
_nodata
{
&
_img
{
&
_img
{
img
{
img
{
...
@@ -334,6 +389,7 @@
...
@@ -334,6 +389,7 @@
height
:
54px
!
important
;
height
:
54px
!
important
;
}
}
}
}
&
_text
{
&
_text
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
...
@@ -343,8 +399,9 @@
...
@@ -343,8 +399,9 @@
}
}
}
}
//1440px
//1440px
@media
screen
and
(
min-width
:
1440px
)
and
(
max-width
:
1599px
)
{
@media
screen
and
(
min-width
:
1440px
)
and
(
max-width
:
1599px
)
{
.outaddrecordEnrollment
{
.outaddrecordEnrollment
{
&
_search
{
&
_search
{
...
@@ -352,17 +409,20 @@
...
@@ -352,17 +409,20 @@
&
_span1
{
&
_span1
{
width
:
50px
!
important
;
width
:
50px
!
important
;
}
}
&
_inp1
{
&
_inp1
{
width
:
180px
!
important
;
width
:
180px
!
important
;
}
}
&
_span2
{
&
_span2
{
width
:
70px
!
important
;
width
:
70px
!
important
;
}
}
&
_inp2
{
&
_inp2
{
width
:
300px
!
important
;
width
:
300px
!
important
;
}
}
&
_span3
{
&
_span3
{
width
:
70px
!
important
;
width
:
70px
!
important
;
}
}
...
@@ -372,27 +432,31 @@
...
@@ -372,27 +432,31 @@
}
}
&
_span5
{
&
_span5
{
margin-left
:
230px
!
important
;
margin-left
:
230px
!
important
;
}
}
}
}
&
_div2
{
&
_div2
{
&
_span1
{
&
_span1
{
width
:
50px
!
important
;
width
:
50px
!
important
;
}
}
&
_inp1
{
&
_inp1
{
width
:
180px
!
important
;
width
:
180px
!
important
;
}
}
&
_span2
{
&
_span2
{
width
:
70px
!
important
;
width
:
70px
!
important
;
}
}
&
_inp2
{
&
_inp2
{
width
:
300px
!
important
;
width
:
300px
!
important
;
}
}
&
_span3
{
&
_span3
{
width
:
70px
!
important
;
width
:
70px
!
important
;
}
}
...
@@ -402,6 +466,7 @@
...
@@ -402,6 +466,7 @@
}
}
}
}
&
_div3
{
&
_div3
{
&
_span1
{
&
_span1
{
...
@@ -411,27 +476,33 @@
...
@@ -411,27 +476,33 @@
}
}
}
}
&
_centent
{
&
_centent
{
height
:
67vh
!
important
;
height
:
67vh
!
important
;
&
_totalnum
{
&
_totalnum
{
&
_left
{
&
_left
{
margin
:
10px
15px
!
important
;
margin
:
10px
15px
!
important
;
&
_text1
{
&
_text1
{
span
{
span
{
font-size
:
10px
!
important
;
font-size
:
10px
!
important
;
}
}
}
}
&
_text2
{
&
_text2
{
span
{
span
{
font-size
:
10px
!
important
;
font-size
:
10px
!
important
;
}
}
}
}
&
_text3
{
&
_text3
{
span
{
span
{
font-size
:
10px
!
important
;
font-size
:
10px
!
important
;
}
}
}
}
}
}
&
_right
{
&
_right
{
&
_echar1
{
&
_echar1
{
display
:
flex
!
important
;
display
:
flex
!
important
;
...
@@ -440,6 +511,7 @@
...
@@ -440,6 +511,7 @@
width
:
20%
;
width
:
20%
;
height
:
132px
;
height
:
132px
;
}
}
&
_echar2
{
&
_echar2
{
display
:
flex
!
important
;
display
:
flex
!
important
;
justify-content
:
center
!
important
;
justify-content
:
center
!
important
;
...
@@ -447,6 +519,7 @@
...
@@ -447,6 +519,7 @@
width
:
20%
;
width
:
20%
;
height
:
132px
;
height
:
132px
;
}
}
&
_echar3
{
&
_echar3
{
display
:
flex
!
important
;
display
:
flex
!
important
;
justify-content
:
center
!
important
;
justify-content
:
center
!
important
;
...
@@ -454,6 +527,7 @@
...
@@ -454,6 +527,7 @@
width
:
20%
;
width
:
20%
;
height
:
132px
;
height
:
132px
;
}
}
&
_echar4
{
&
_echar4
{
display
:
flex
!
important
;
display
:
flex
!
important
;
justify-content
:
center
!
important
;
justify-content
:
center
!
important
;
...
@@ -461,6 +535,7 @@
...
@@ -461,6 +535,7 @@
width
:
20%
;
width
:
20%
;
height
:
132px
;
height
:
132px
;
}
}
&
_echar5
{
&
_echar5
{
display
:
flex
!
important
;
display
:
flex
!
important
;
justify-content
:
center
!
important
;
justify-content
:
center
!
important
;
...
@@ -470,6 +545,7 @@
...
@@ -470,6 +545,7 @@
}
}
}
}
}
}
&
_nodata
{
&
_nodata
{
&
_img
{
&
_img
{
img
{
img
{
...
@@ -477,6 +553,7 @@
...
@@ -477,6 +553,7 @@
height
:
54px
!
important
;
height
:
54px
!
important
;
}
}
}
}
&
_text
{
&
_text
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
...
@@ -484,8 +561,9 @@
...
@@ -484,8 +561,9 @@
}
}
}
}
}
}
//1600px
//1600px
@media
screen
and
(
min-width
:
1600px
)
and
(
max-width
:
1919px
)
{
@media
screen
and
(
min-width
:
1600px
)
and
(
max-width
:
1919px
)
{
.outaddrecordEnrollment
{
.outaddrecordEnrollment
{
...
@@ -494,17 +572,20 @@
...
@@ -494,17 +572,20 @@
&
_span1
{
&
_span1
{
width
:
50px
!
important
;
width
:
50px
!
important
;
}
}
&
_inp1
{
&
_inp1
{
width
:
180px
!
important
;
width
:
180px
!
important
;
}
}
&
_span2
{
&
_span2
{
width
:
70px
!
important
;
width
:
70px
!
important
;
}
}
&
_inp2
{
&
_inp2
{
width
:
300px
!
important
;
width
:
300px
!
important
;
}
}
&
_span3
{
&
_span3
{
width
:
70px
!
important
;
width
:
70px
!
important
;
}
}
...
@@ -514,27 +595,31 @@
...
@@ -514,27 +595,31 @@
}
}
&
_span5
{
&
_span5
{
margin-left
:
400px
!
important
;
margin-left
:
400px
!
important
;
}
}
}
}
&
_div2
{
&
_div2
{
&
_span1
{
&
_span1
{
width
:
50px
!
important
;
width
:
50px
!
important
;
}
}
&
_inp1
{
&
_inp1
{
width
:
180px
!
important
;
width
:
180px
!
important
;
}
}
&
_span2
{
&
_span2
{
width
:
70px
!
important
;
width
:
70px
!
important
;
}
}
&
_inp2
{
&
_inp2
{
width
:
300px
!
important
;
width
:
300px
!
important
;
}
}
&
_span3
{
&
_span3
{
width
:
70px
!
important
;
width
:
70px
!
important
;
}
}
...
@@ -544,6 +629,7 @@
...
@@ -544,6 +629,7 @@
}
}
}
}
&
_div3
{
&
_div3
{
&
_span1
{
&
_span1
{
...
@@ -553,27 +639,33 @@
...
@@ -553,27 +639,33 @@
}
}
}
}
&
_centent
{
&
_centent
{
height
:
67vh
!
important
;
height
:
67vh
!
important
;
&
_totalnum
{
&
_totalnum
{
&
_left
{
&
_left
{
margin
:
10px
15px
!
important
;
margin
:
10px
15px
!
important
;
&
_text1
{
&
_text1
{
span
{
span
{
font-size
:
10px
!
important
;
font-size
:
10px
!
important
;
}
}
}
}
&
_text2
{
&
_text2
{
span
{
span
{
font-size
:
10px
!
important
;
font-size
:
10px
!
important
;
}
}
}
}
&
_text3
{
&
_text3
{
span
{
span
{
font-size
:
10px
!
important
;
font-size
:
10px
!
important
;
}
}
}
}
}
}
&
_right
{
&
_right
{
&
_echar1
{
&
_echar1
{
display
:
flex
!
important
;
display
:
flex
!
important
;
...
@@ -582,6 +674,7 @@
...
@@ -582,6 +674,7 @@
width
:
20%
;
width
:
20%
;
height
:
132px
;
height
:
132px
;
}
}
&
_echar2
{
&
_echar2
{
display
:
flex
!
important
;
display
:
flex
!
important
;
justify-content
:
center
!
important
;
justify-content
:
center
!
important
;
...
@@ -589,6 +682,7 @@
...
@@ -589,6 +682,7 @@
width
:
20%
;
width
:
20%
;
height
:
132px
;
height
:
132px
;
}
}
&
_echar3
{
&
_echar3
{
display
:
flex
!
important
;
display
:
flex
!
important
;
justify-content
:
center
!
important
;
justify-content
:
center
!
important
;
...
@@ -596,6 +690,7 @@
...
@@ -596,6 +690,7 @@
width
:
20%
;
width
:
20%
;
height
:
132px
;
height
:
132px
;
}
}
&
_echar4
{
&
_echar4
{
display
:
flex
!
important
;
display
:
flex
!
important
;
justify-content
:
center
!
important
;
justify-content
:
center
!
important
;
...
@@ -603,6 +698,7 @@
...
@@ -603,6 +698,7 @@
width
:
20%
;
width
:
20%
;
height
:
132px
;
height
:
132px
;
}
}
&
_echar5
{
&
_echar5
{
display
:
flex
!
important
;
display
:
flex
!
important
;
justify-content
:
center
!
important
;
justify-content
:
center
!
important
;
...
@@ -612,6 +708,7 @@
...
@@ -612,6 +708,7 @@
}
}
}
}
}
}
&
_nodata
{
&
_nodata
{
&
_img
{
&
_img
{
img
{
img
{
...
@@ -619,6 +716,7 @@
...
@@ -619,6 +716,7 @@
height
:
54px
!
important
;
height
:
54px
!
important
;
}
}
}
}
&
_text
{
&
_text
{
font-size
:
12px
!
important
;
font-size
:
12px
!
important
;
}
}
...
...
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