Skip to content

V
vue-composition-api
Commit 7cddb121 by 唐玉峰
Options

。

parent 8450f51d
Showing with 369 additions and 29 deletions
src/components/medicalRecordHomepage/index.scss
......@@ -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 {
font-size: 12px !important;
......
src/styles/media/components/Entrypath.scss
@import "../../mixin.scss";
// 1024
@media screen and (min-width: 769px) and (max-width: 1024px) {
.Entrypath {
......@@ -9,11 +10,13 @@
width: 50% !important;
}
}
&_t2 {
span {
width: 50% !important;
}
}
&_t3 {
span {
width: 50% !important;
......@@ -21,6 +24,7 @@
}
}
}
&_table {
&_lefttab {
&_select {
......@@ -29,6 +33,7 @@
&_inp {
width: 100% !important;
}
&_chack {
width: 100% !important;
}
......@@ -48,11 +53,13 @@
width: 50% !important;
}
}
&_t2 {
span {
width: 50% !important;
}
}
&_t3 {
span {
width: 50% !important;
......@@ -60,6 +67,7 @@
}
}
}
&_table {
&_lefttab {
&_select {
......@@ -68,6 +76,7 @@
&_inp {
width: 100% !important;
}
&_chack {
width: 100% !important;
}
......@@ -78,7 +87,7 @@
}
// 1366px
@media screen and (min-width: 1366px) and(max-width:1439px) {
@media screen and (min-width: 1366px) and (max-width:1439px) {
.Entrypath {
&_top {
&_left {
......@@ -87,11 +96,13 @@
width: 50% !important;
}
}
&_t2 {
span {
width: 50% !important;
}
}
&_t3 {
span {
width: 50% !important;
......@@ -99,6 +110,7 @@
}
}
}
&_table {
&_lefttab {
&_select {
......@@ -114,7 +126,7 @@
}
//1600
@media screen and (min-width: 1600px) and(max-width:1919px) {
@media screen and (min-width: 1600px) and (max-width:1919px) {
.Entrypath {
&_table {
&_lefttab {
......
src/styles/media/components/outClinicalpathway.scss
......@@ -129,7 +129,7 @@
}
// 1366px
@media screen and (min-width: 1366px) and(max-width:1439px) {
@media screen and (min-width: 1366px) and (max-width:1439px) {
.outClinicalpathway {
&_top {
&_left {
......@@ -178,7 +178,7 @@
}
//1400
@media screen and (min-width: 1440px) and(max-width:1599px) {
@media screen and (min-width: 1440px) and (max-width:1599px) {
.outClinicalpathway {
&_top {
&_left {
......@@ -227,7 +227,7 @@
}
//1600
@media screen and (min-width: 1600px) and(max-width:1919px) {
@media screen and (min-width: 1600px) and (max-width:1919px) {
.outClinicalpathway {
&_top {
&_left {
......
src/styles/media/components/outpatientDetails.scss
@import '../../mixin.scss';
// 1024
@media screen and (min-width: 769px) and (max-width: 1024px) {
.outpatientDetails {
......@@ -6,36 +7,45 @@
.span1 {
font-size: 14px;
}
&_message {
&_left {
.iconfont {
font-size: 18px !important;
}
&_t1 {
font-size: 9px !important;
span {
color: #787e8a;
}
}
}
&_centert {
.iconfont {
font-size: 18px;
}
&_t2 {
font-size: 9px !important;
span {
color: #787e8a;
}
}
}
&_right {
.iconfont {
font-size: 18px !important;
}
&_t3 {
font-size: 9px !important;
text-align: start !important;
span {
color: #787e8a;
}
......@@ -43,71 +53,89 @@
}
}
}
&_msg {
.iconfont {
font-size: 18px !important;
}
span:nth-child(2) {
margin-left: 21px;
}
span:nth-child(n + 2) {
font-size: 9px !important;
}
span:nth-child(n + 7) {
margin-right: 5px;
}
}
&_title {
span {
font-size: 13px;
}
}
&_bottom {
height: 64% !important;
// 无数据
&_box {
&_img {
width: 200px;
height: 200px;
}
&_text {
font-size: 9px !important;
}
}
// 有数据
&_left {
&_ul {
.active {
flex-direction: column !important;
align-items: flex-start !important;
.fc2 {
width: 100% !important;
.iconfont {
font-size: 10px !important;
}
}
.fc3 {
width: 100% !important;
}
}
}
li {
font-size: 9px !important;
height: 65px !important;
div {
font-size: 9px !important;
height: 61px !important;
flex-direction: column !important;
.sp1 {
width: 100% !important;
}
.sp2 {
width: 100% !important;
justify-content: start !important;
&_avg {
justify-content: start !important;
padding-left: 5px !important;
}
&_reto {
display: flex;
flex-direction: row;
......@@ -119,61 +147,76 @@
}
}
}
&_right {
width: 50%;
// 无数据样式
&_box {
&_text {
font-size: 12px !important;
}
}
&_table {
height: calc(100% - 100px);
}
.isverifyStyle {
background-color: #f4f5f8;
}
.paginations {
text-align: right;
}
}
&_rght2 {
&_top {
height: 27% !important;
&_title {
font-size: 12px !important;
}
&_mes {
flex-direction: column !important;
&_span1 {
width: 100% !important;
font-size: 12px !important;
margin-bottom: 5px !important;
}
&_span2 {
width: 100% !important;
font-size: 12px !important;
margin-bottom: 5px !important;
}
&_span3 {
width: 100% !important;
font-size: 12px !important;
margin-bottom: 5px !important;
}
&_span4 {
width: 100% !important;
font-size: 12px !important;
}
}
}
&_bottom {
margin-top: 10px !important;
&_li {
&_title {
width: 54px !important;
height: 25px !important;
font-size: 16px !important;
}
&_cont {
font-size: 12px !important;
}
......@@ -191,36 +234,45 @@
.span1 {
font-size: 14px;
}
&_message {
&_left {
.iconfont {
font-size: 18px !important;
}
&_t1 {
font-size: 9px !important;
span {
color: #787e8a;
}
}
}
&_centert {
.iconfont {
font-size: 18px;
}
&_t2 {
font-size: 9px !important;
span {
color: #787e8a;
}
}
}
&_right {
.iconfont {
font-size: 18px !important;
}
&_t3 {
font-size: 9px !important;
text-align: start !important;
span {
color: #787e8a;
}
......@@ -228,71 +280,89 @@
}
}
}
&_msg {
.iconfont {
font-size: 18px !important;
}
span:nth-child(2) {
margin-left: 21px;
}
span:nth-child(n + 2) {
font-size: 9px !important;
}
span:nth-child(n + 7) {
margin-right: 5px;
}
}
&_title {
span {
font-size: 13px;
}
}
&_bottom {
height: 64% !important;
// 无数据
&_box {
&_img {
width: 200px;
height: 200px;
}
&_text {
font-size: 9px !important;
}
}
// 有数据
&_left {
&_ul {
.active {
flex-direction: column !important;
align-items: flex-start !important;
.fc2 {
width: 100% !important;
.iconfont {
font-size: 10px !important;
}
}
.fc3 {
width: 100% !important;
}
}
}
li {
font-size: 9px !important;
height: 65px !important;
div {
font-size: 9px !important;
height: 61px !important;
flex-direction: column !important;
.sp1 {
width: 100% !important;
}
.sp2 {
width: 100% !important;
justify-content: start !important;
&_avg {
justify-content: start !important;
padding-left: 5px !important;
}
&_reto {
display: flex;
flex-direction: row;
......@@ -304,61 +374,76 @@
}
}
}
&_right {
width: 50%;
// 无数据样式
&_box {
&_text {
font-size: 12px !important;
}
}
&_table {
height: calc(100% - 100px);
}
.isverifyStyle {
background-color: #f4f5f8;
}
.paginations {
text-align: right;
}
}
&_rght2 {
&_top {
height: 27% !important;
&_title {
font-size: 12px !important;
}
&_mes {
flex-direction: column !important;
&_span1 {
width: 100% !important;
font-size: 12px !important;
margin-bottom: 5px !important;
}
&_span2 {
width: 100% !important;
font-size: 12px !important;
margin-bottom: 5px !important;
}
&_span3 {
width: 100% !important;
font-size: 12px !important;
margin-bottom: 5px !important;
}
&_span4 {
width: 100% !important;
font-size: 12px !important;
}
}
}
&_bottom {
margin-top: 10px !important;
&_li {
&_title {
width: 54px !important;
height: 25px !important;
font-size: 16px !important;
}
&_cont {
font-size: 12px !important;
}
......@@ -370,79 +455,98 @@
}
// 1366px
@media screen and (min-width: 1366px) and(max-width:1439px) {
@media screen and (min-width: 1366px) and (max-width:1439px) {
.outpatientDetails {
height: 768px !important;
&_top {
.span1 {
font-size: 14px;
}
&_message {
&_left {
.iconfont {
font-size: 18px !important;
}
&_t1 {
font-size: 12px !important;
span {
color: #787e8a;
}
}
}
&_centert {
.iconfont {
font-size: 18px;
}
&_t2 {
font-size: 12px !important;
span {
color: #787e8a;
}
}
}
&_right {
.iconfont {
font-size: 18px !important;
}
&_t3 {
font-size: 12px !important;
text-align: start !important;
span {
color: #787e8a;
}
}
}
&_low {
.iconfont {
font-size: 18px !important;
}
&_t4 {
font-size: 12px !important;
text-align: start !important;
span {
color: #787e8a;
}
}
}
&_div6 {
.iconfont {
font-size: 18px !important;
}
&_t6 {
font-size: 12px !important;
text-align: start !important;
span {
color: #787e8a;
}
}
}
&_div5 {
.iconfont {
font-size: 18px !important;
}
&_t5 {
font-size: 12px !important;
text-align: start !important;
span {
color: #787e8a;
}
......@@ -450,42 +554,53 @@
}
}
}
&_msg {
.iconfont {
font-size: 18px !important;
}
span:nth-child(2) {
margin-left: 21px;
}
span:nth-child(n + 2) {
font-size: 12px !important;
}
span:nth-child(n + 7) {
margin-right: 5px;
}
}
&_title {
span {
font-size: 13px;
}
}
&_bottom {
height: 55% !important;
&_leftShowBox {
width: 83% !important;
// 无数据
&_box {
&_img {
width: 200px;
height: 200px;
}
&_text {
font-size: 9px !important;
}
}
// 有数据
&_left {
width: 45% !important;
&_ul {
.active {
.fc2 {
......@@ -493,18 +608,24 @@
font-size: 10px !important;
}
}
.fc3 {}
}
}
li {
font-size: 9px !important;
div {
font-size: 9px !important;
.sp1 {}
.sp2 {
&_avg {
padding-left: 5px !important;
}
&_reto {
display: flex;
flex-direction: row;
......@@ -516,66 +637,82 @@
}
}
}
&_right {
width: 55% !important;
height: 98% !important;
margin-bottom: 10px !important;
// 无数据样式
&_box {
&_text {
font-size: 12px !important;
}
}
//中间有数据
&_treebtn {
margin: 5px 10px 5px 10px !important;
}
&_table {
height: calc(100% - 100px);
}
.isverifyStyle {
background-color: #f4f5f8;
}
.paginations {
text-align: right;
}
}
}
&_rght2 {
height:97% !important;
height: 97% !important;
width: 17% !important;
&_top {
height: 30% !important;
&_title {
font-size: 13px !important;
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
}
&_mes {
&_span1 {
font-size: 12px !important;
}
&_span2 {
font-size: 12px !important;
}
&_span3 {
font-size: 12px !important;
}
&_span4 {
font-size: 12px !important;
}
}
}
&_bottom {
height: 65% !important;
&_li {
&_title {
width: 45px !important;
height: 20px !important;
font-size: 13px !important;
}
&_cont {
font-size: 14px !important;
}
......@@ -587,78 +724,96 @@
}
//1400
@media screen and (min-width: 1440px) and(max-width:1599px) {
@media screen and (min-width: 1440px) and (max-width:1599px) {
.outpatientDetails {
&_top {
.span1 {
font-size: 14px;
}
&_message {
&_left {
.iconfont {
font-size: 18px !important;
}
&_t1 {
font-size: 12px !important;
span {
color: #787e8a;
}
}
}
&_centert {
.iconfont {
font-size: 18px;
}
&_t2 {
font-size: 12px !important;
span {
color: #787e8a;
}
}
}
&_right {
.iconfont {
font-size: 18px !important;
}
&_t3 {
font-size: 12px !important;
text-align: start !important;
span {
color: #787e8a;
}
}
}
&_low {
.iconfont {
font-size: 18px !important;
}
&_t4 {
font-size: 12px !important;
text-align: start !important;
span {
color: #787e8a;
}
}
}
&_div6 {
.iconfont {
font-size: 18px !important;
}
&_t6 {
font-size: 12px !important;
text-align: start !important;
span {
color: #787e8a;
}
}
}
&_div5 {
.iconfont {
font-size: 18px !important;
}
&_t5 {
font-size: 12px !important;
text-align: start !important;
span {
color: #787e8a;
}
......@@ -666,37 +821,47 @@
}
}
}
&_msg {
.iconfont {
font-size: 18px !important;
}
span:nth-child(2) {
margin-left: 21px;
}
span:nth-child(n + 2) {
font-size: 12px !important;
}
span:nth-child(n + 7) {
margin-right: 5px;
}
}
&_bottom {
height: 63% !important;
&_leftShowBox {
width: 83% !important;
// 无数据
&_box {
&_img {
width: 200px;
height: 200px;
}
&_text {
font-size: 9px !important;
}
}
// 有数据
&_left {
width: 45% !important;
&_ul {
.active {
.fc2 {
......@@ -704,11 +869,14 @@
font-size: 10px !important;
}
}
.fc3 {}
}
}
li {
font-size: 9px !important;
div {
font-size: 9px !important;
......@@ -716,6 +884,7 @@
&_avg {
padding-left: 5px !important;
}
&_reto {
display: flex;
flex-direction: row;
......@@ -727,61 +896,76 @@
}
}
}
&_right {
width: 55% !important;
height: 98% !important;
margin-bottom: 10px !important;
// 无数据样式
&_box {
&_text {
font-size: 12px !important;
}
}
&_table {
height: calc(100% - 100px);
}
.isverifyStyle {
background-color: #f4f5f8;
}
.paginations {
text-align: right;
}
}
}
&_rght2 {
height: 98% !important;
width: 17% !important;
&_top {
height: 30% !important;
&_title {
font-size: 13px !important;
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
}
&_mes {
&_span1 {
font-size: 12px !important;
}
&_span2 {
font-size: 12px !important;
}
&_span3 {
font-size: 12px !important;
}
&_span4 {
font-size: 12px !important;
}
}
}
&_bottom {
height: 68% !important;
&_li {
&_title {
width: 46px !important;
height: 23px !important;
font-size: 14px !important;
}
&_cont {
font-size: 14px !important;
}
......@@ -793,78 +977,96 @@
}
//1600
@media screen and (min-width: 1600px) and(max-width:1919px) {
@media screen and (min-width: 1600px) and (max-width:1919px) {
.outpatientDetails {
&_top {
.span1 {
font-size: 14px;
}
&_message {
&_left {
.iconfont {
font-size: 18px !important;
}
&_t1 {
font-size: 12px !important;
span {
color: #787e8a;
}
}
}
&_centert {
.iconfont {
font-size: 18px;
}
&_t2 {
font-size: 12px !important;
span {
color: #787e8a;
}
}
}
&_right {
.iconfont {
font-size: 18px !important;
}
&_t3 {
font-size: 12px !important;
text-align: start !important;
span {
color: #787e8a;
}
}
}
&_low {
.iconfont {
font-size: 18px !important;
}
&_t4 {
font-size: 12px !important;
text-align: start !important;
span {
color: #787e8a;
}
}
}
&_div6 {
.iconfont {
font-size: 18px !important;
}
&_t6 {
font-size: 12px !important;
text-align: start !important;
span {
color: #787e8a;
}
}
}
&_div5 {
.iconfont {
font-size: 18px !important;
}
&_t5 {
font-size: 12px !important;
text-align: start !important;
span {
color: #787e8a;
}
......@@ -872,41 +1074,52 @@
}
}
}
&_msg {
.iconfont {
font-size: 18px !important;
}
span:nth-child(2) {
margin-left: 21px;
}
span:nth-child(n + 2) {
font-size: 12px !important;
}
span:nth-child(n + 7) {
margin-right: 5px;
}
}
&_title {
span {
font-size: 13px;
}
}
&_bottom {
height: 64% !important;
&_leftShowBox {
// 无数据
&_box {
&_img {
width: 200px;
height: 200px;
}
&_text {
font-size: 9px !important;
}
}
// 有数据
&_left {
width: 38% !important;
&_ul {
.active {
.fc2 {
......@@ -916,14 +1129,18 @@
}
}
}
li {
font-size: 9px !important;
div {
font-size: 9px !important;
.sp2 {
&_avg {
padding-left: 5px !important;
}
&_reto {
display: flex;
flex-direction: row;
......@@ -935,28 +1152,35 @@
}
}
}
&_right {
width: 62% !important;
// 无数据样式
&_box {
&_text {
font-size: 12px !important;
}
}
&_table {
height: calc(100% - 100px);
}
.isverifyStyle {
background-color: #f4f5f8;
}
.paginations {
text-align: right;
}
}
}
&_rght2 {
&_top {
height: 20% !important;
&_title {
height: 24px !important;
font-size: 16px !important;
......@@ -964,26 +1188,32 @@
justify-content: flex-start !important;
align-items: center !important;
}
&_mes {
&_span1 {
font-size: 12px !important;
}
&_span2 {
font-size: 12px !important;
}
&_span3 {
font-size: 12px !important;
}
&_span4 {
font-size: 12px !important;
}
}
}
&_bottom {
&_li {
&_title {
font-size: 16px !important;
}
&_cont {
font-size: 16px !important;
}
......
src/styles/outHistorygrouping.scss
//1024px
@media screen and (min-width: 769px) and (max-width: 1024px) {
.outoutaddrecordEnrollment {
&_top {
.span1 {}
&_message {
&_left {
.iconfont {
padding-left: 12px !important;
font-size: 11px !important;
}
&_t1 {
font-size: 9px !important;
width: 82% !important;
margin-left: 17px !important;
}
}
&_centert {
.iconfont {
padding-left: 12px !important;
font-size: 11px !important;
}
&_t2 {
font-size: 9px !important;
width: 82% !important;
margin-left: 17px !important;
}
}
&_right {
.iconfont {
padding-left: 12px !important;
font-size: 11px !important;
}
&_t3 {
font-size: 9px !important;
width: 82% !important;
......@@ -40,36 +45,43 @@
}
}
}
&_top2 {
.span1 {}
&_message {
&_left {
.iconfont {
padding-left: 12px !important;
font-size: 11px !important;
}
&_t1 {
font-size: 9px !important;
width: 82% !important;
margin-left: 17px !important;
}
}
&_centert {
.iconfont {
padding-left: 12px !important;
font-size: 11px !important;
}
&_t2 {
font-size: 9px !important;
width: 82% !important;
margin-left: 17px !important;
}
}
&_right {
.iconfont {
padding-left: 12px !important;
font-size: 11px !important;
}
&_t3 {
font-size: 9px !important;
width: 82% !important;
......@@ -78,57 +90,71 @@
}
}
}
&_title {
font-size: 9px !important;
}
&_search {
&_message {
&_left {
&_t1 {
width: 30% !important;
font-size: 9px !important;
.iconfont {
padding-left: 12px !important;
font-size: 16px !important;
}
}
&_t2 {
.el-input__inner {
font-size: 9px !important;
}
}
}
&_centert {
&_t1 {
width: 35% !important;
font-size: 9px !important;
.iconfont {
padding-left: 12px !important;
font-size: 16px !important;
}
}
&_t2 {
.el-input__inner {
font-size: 9px !important;
}
}
}
&_right {
width: 10% !important;
&_search {
height: 50% !important;
&_span2 {
font-size: 9px !important;
}
.iconfont {
font-size: 10px !important;
}
}
&_submit {
height: 50% !important;
&_span3 {
font-size: 9px !important;
}
.iconfont {
font-size: 10px !important;
}
......@@ -136,17 +162,21 @@
}
}
}
&_centent {
&_totalnum {
// width: 1673px;
flex-direction: column !important;
height: 275px !important;
&_left {
width: 99% !important;
margin: 10px 15px !important;
}
&_right {
width: 100% !important;
&_echar1 {
display: flex !important;
justify-content: center !important;
......@@ -154,6 +184,7 @@
width: 20%;
height: 132px;
}
&_echar2 {
display: flex !important;
justify-content: center !important;
......@@ -161,6 +192,7 @@
width: 20%;
height: 132px;
}
&_echar3 {
display: flex !important;
justify-content: center !important;
......@@ -168,6 +200,7 @@
width: 20%;
height: 132px;
}
&_echar4 {
display: flex !important;
justify-content: center !important;
......@@ -175,6 +208,7 @@
width: 20%;
height: 132px;
}
&_echar5 {
display: flex !important;
justify-content: center !important;
......@@ -184,6 +218,7 @@
}
}
}
&_nodata {
&_img {
img {
......@@ -191,6 +226,7 @@
height: 54px !important;
}
}
&_text {
font-size: 12px !important;
}
......@@ -200,7 +236,7 @@
}
//1366px
@media screen and (min-width: 1366px) and(max-width:1439px) {
@media screen and (min-width: 1366px) and (max-width:1439px) {
.outsetgrouping {
.outaddrecordEnrollment {
......@@ -209,17 +245,20 @@
&_span1 {
width: 60px !important;
}
&_inp1 {
width:180px !important;
width: 180px !important;
}
&_span2 {
width: 70px !important;
}
&_inp2 {
width:270px !important;
width: 270px !important;
}
&_span3 {
width: 70px !important;
}
......@@ -229,27 +268,31 @@
}
&_span5 {
margin-left:180px !important;
margin-left: 180px !important;
}
}
&_div2 {
&_span1 {
width: 60px !important;
}
&_inp1 {
width:180px !important;
width: 180px !important;
}
&_span2 {
width: 70px !important;
}
&_inp2 {
width:270px !important;
width: 270px !important;
}
&_span3 {
width: 70px !important;
}
......@@ -259,6 +302,7 @@
}
}
&_div3 {
&_span1 {
......@@ -268,27 +312,33 @@
}
}
&_centent {
height: 67vh !important;
&_totalnum {
&_left {
margin: 10px 15px !important;
&_text1 {
span {
font-size: 10px !important;
}
}
&_text2 {
span {
font-size: 10px !important;
}
}
&_text3 {
span {
font-size: 10px !important;
}
}
}
&_right {
&_echar1 {
display: flex !important;
......@@ -297,6 +347,7 @@
width: 20%;
height: 132px;
}
&_echar2 {
display: flex !important;
justify-content: center !important;
......@@ -304,6 +355,7 @@
width: 20%;
height: 132px;
}
&_echar3 {
display: flex !important;
justify-content: center !important;
......@@ -311,6 +363,7 @@
width: 20%;
height: 132px;
}
&_echar4 {
display: flex !important;
justify-content: center !important;
......@@ -318,6 +371,7 @@
width: 20%;
height: 132px;
}
&_echar5 {
display: flex !important;
justify-content: center !important;
......@@ -327,6 +381,7 @@
}
}
}
&_nodata {
&_img {
img {
......@@ -334,6 +389,7 @@
height: 54px !important;
}
}
&_text {
font-size: 12px !important;
}
......@@ -343,8 +399,9 @@
}
}
//1440px
@media screen and (min-width: 1440px) and(max-width:1599px) {
@media screen and (min-width: 1440px) and (max-width:1599px) {
.outaddrecordEnrollment {
&_search {
......@@ -352,17 +409,20 @@
&_span1 {
width: 50px !important;
}
&_inp1 {
width:180px !important;
width: 180px !important;
}
&_span2 {
width: 70px !important;
}
&_inp2 {
width:300px !important;
width: 300px !important;
}
&_span3 {
width: 70px !important;
}
......@@ -372,27 +432,31 @@
}
&_span5 {
margin-left:230px !important;
margin-left: 230px !important;
}
}
&_div2 {
&_span1 {
width: 50px !important;
}
&_inp1 {
width:180px !important;
width: 180px !important;
}
&_span2 {
width: 70px !important;
}
&_inp2 {
width:300px !important;
width: 300px !important;
}
&_span3 {
width: 70px !important;
}
......@@ -402,6 +466,7 @@
}
}
&_div3 {
&_span1 {
......@@ -411,27 +476,33 @@
}
}
&_centent {
height: 67vh !important;
&_totalnum {
&_left {
margin: 10px 15px !important;
&_text1 {
span {
font-size: 10px !important;
}
}
&_text2 {
span {
font-size: 10px !important;
}
}
&_text3 {
span {
font-size: 10px !important;
}
}
}
&_right {
&_echar1 {
display: flex !important;
......@@ -440,6 +511,7 @@
width: 20%;
height: 132px;
}
&_echar2 {
display: flex !important;
justify-content: center !important;
......@@ -447,6 +519,7 @@
width: 20%;
height: 132px;
}
&_echar3 {
display: flex !important;
justify-content: center !important;
......@@ -454,6 +527,7 @@
width: 20%;
height: 132px;
}
&_echar4 {
display: flex !important;
justify-content: center !important;
......@@ -461,6 +535,7 @@
width: 20%;
height: 132px;
}
&_echar5 {
display: flex !important;
justify-content: center !important;
......@@ -470,6 +545,7 @@
}
}
}
&_nodata {
&_img {
img {
......@@ -477,6 +553,7 @@
height: 54px !important;
}
}
&_text {
font-size: 12px !important;
}
......@@ -484,8 +561,9 @@
}
}
}
//1600px
@media screen and (min-width: 1600px) and(max-width:1919px) {
@media screen and (min-width: 1600px) and (max-width:1919px) {
.outaddrecordEnrollment {
......@@ -494,17 +572,20 @@
&_span1 {
width: 50px !important;
}
&_inp1 {
width:180px !important;
width: 180px !important;
}
&_span2 {
width: 70px !important;
}
&_inp2 {
width:300px !important;
width: 300px !important;
}
&_span3 {
width: 70px !important;
}
......@@ -514,27 +595,31 @@
}
&_span5 {
margin-left:400px !important;
margin-left: 400px !important;
}
}
&_div2 {
&_span1 {
width: 50px !important;
}
&_inp1 {
width:180px !important;
width: 180px !important;
}
&_span2 {
width: 70px !important;
}
&_inp2 {
width:300px !important;
width: 300px !important;
}
&_span3 {
width: 70px !important;
}
......@@ -544,6 +629,7 @@
}
}
&_div3 {
&_span1 {
......@@ -553,27 +639,33 @@
}
}
&_centent {
height: 67vh !important;
&_totalnum {
&_left {
margin: 10px 15px !important;
&_text1 {
span {
font-size: 10px !important;
}
}
&_text2 {
span {
font-size: 10px !important;
}
}
&_text3 {
span {
font-size: 10px !important;
}
}
}
&_right {
&_echar1 {
display: flex !important;
......@@ -582,6 +674,7 @@
width: 20%;
height: 132px;
}
&_echar2 {
display: flex !important;
justify-content: center !important;
......@@ -589,6 +682,7 @@
width: 20%;
height: 132px;
}
&_echar3 {
display: flex !important;
justify-content: center !important;
......@@ -596,6 +690,7 @@
width: 20%;
height: 132px;
}
&_echar4 {
display: flex !important;
justify-content: center !important;
......@@ -603,6 +698,7 @@
width: 20%;
height: 132px;
}
&_echar5 {
display: flex !important;
justify-content: center !important;
......@@ -612,6 +708,7 @@
}
}
}
&_nodata {
&_img {
img {
......@@ -619,6 +716,7 @@
height: 54px !important;
}
}
&_text {
font-size: 12px !important;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment