Skip to content

V
vue-composition-api
Commit c37cdbc7 by wangshuangqing
Options

Merge branch 'feature/修改' into develop

parents 29d2441f 6c626f0a
Showing with 507 additions and 390 deletions
src/styles/media/components/outpatientDetails.scss
@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 {
&_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: 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;
} }
...@@ -54,89 +43,71 @@ ...@@ -54,89 +43,71 @@
} }
} }
} }
&_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;
...@@ -148,78 +119,61 @@ ...@@ -148,78 +119,61 @@
} }
} }
} }
&_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;
} }
...@@ -230,54 +184,43 @@ ...@@ -230,54 +184,43 @@
} }
} }
//1280 //1280
@media screen and (max-width:1280px) { @media screen and (max-width:1280px) {
.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: 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;
} }
...@@ -285,89 +228,71 @@ ...@@ -285,89 +228,71 @@
} }
} }
} }
&_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;
...@@ -379,78 +304,61 @@ ...@@ -379,78 +304,61 @@
} }
} }
} }
&_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;
} }
...@@ -462,53 +370,55 @@ ...@@ -462,53 +370,55 @@
} }
// 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;
&_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: 9px !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: 9px !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: 9px !important; 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; text-align: start !important;
span { span {
color: #787e8a; color: #787e8a;
} }
...@@ -516,156 +426,127 @@ ...@@ -516,156 +426,127 @@
} }
} }
} }
&_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: 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: 55% !important;
&_leftShowBox {
// 无数据 width: 83% !important;
&_box { // 无数据
&_img { &_box {
width: 200px; &_img {
height: 200px; width: 200px;
} height: 200px;
}
&_text { &_text {
font-size: 9px !important; font-size: 9px !important;
}
} }
} // 有数据
&_left {
// 有数据 width: 45% !important;
&_left { &_ul {
&_ul { .active {
.active { .fc2 {
.iconfont {
.fc2 { font-size: 10px !important;
}
.iconfont {
font-size: 10px !important;
} }
.fc3 {}
} }
.fc3 {}
} }
} li {
li {
font-size: 9px !important;
div {
font-size: 9px !important; font-size: 9px !important;
div {
.sp1 {} font-size: 9px !important;
.sp1 {}
.sp2 { .sp2 {
&_avg {
&_avg { padding-left: 5px !important;
}
padding-left: 5px !important; &_reto {
} display: flex;
flex-direction: row;
&_reto { align-items: center;
display: flex; width: 50%;
flex-direction: row; justify-content: flex-end;
align-items: center; }
width: 50%;
justify-content: flex-end;
} }
} }
} }
} }
} &_right {
width: 55% !important;
&_right { height: 90% !important;
width: 50%; margin-bottom: 10px !important;
// 无数据样式
// 无数据样式 &_box {
&_box { &_text {
&_text { font-size: 12px !important;
font-size: 12px !important; }
}
&_table {
height: calc(100% - 100px);
}
.isverifyStyle {
background-color: #f4f5f8;
}
.paginations {
text-align: right;
} }
}
&_table {
height: calc(100% - 100px);
}
.isverifyStyle {
background-color: #f4f5f8;
}
.paginations {
text-align: right;
} }
} }
&_rght2 { &_rght2 {
height: 87% !important;
width: 17% !important;
&_top { &_top {
height: 30% !important;
&_title { &_title {
font-size: 13px !important; font-size: 13px !important;
display: flex !important;
justify-content: flex-start !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: 70% !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: 14px !important; font-size: 14px !important;
} }
...@@ -673,27 +554,185 @@ ...@@ -673,27 +554,185 @@
} }
} }
} }
} }
} }
//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 {
.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;
}
}
}
}
}
&_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 { &_bottom {
height: 60% !important;
// margin-top: 10px !important; &_leftShowBox {
&_li { width: 83% !important;
&_title { // 无数据
width: 54px !important; &_box {
height: 25px !important; &_img {
font-size: 16px !important; width: 200px;
height: 200px;
}
&_text {
font-size: 9px !important;
}
} }
// 有数据
&_cont { &_left {
font-size: 16px !important; width: 45% !important;
&_ul {
.active {
.fc2 {
.iconfont {
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;
align-items: center;
width: 50%;
justify-content: flex-end;
}
}
}
}
}
&_right {
width: 55% !important;
height: 90% !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: 87% !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: 70% !important;
&_li {
&_title {
width: 54px !important;
height: 25px !important;
font-size: 16px !important;
}
&_cont {
font-size: 14px !important;
}
}
} }
} }
} }
...@@ -702,51 +741,53 @@ ...@@ -702,51 +741,53 @@
//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: 9px !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: 9px !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: 9px !important; 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; text-align: start !important;
span { span {
color: #787e8a; color: #787e8a;
} }
...@@ -754,155 +795,118 @@ ...@@ -754,155 +795,118 @@
} }
} }
} }
&_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: 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 {
// 无数据 // 无数据
&_box { &_box {
&_img { &_img {
width: 200px; width: 200px;
height: 200px; height: 200px;
} }
&_text {
&_text { font-size: 9px !important;
font-size: 9px !important; }
} }
} // 有数据
&_left {
// 有数据 width: 38% !important;
&_left { &_ul {
&_ul { .active {
.active { .fc2 {
.iconfont {
.fc2 { font-size: 10px !important;
}
.iconfont {
font-size: 10px !important;
} }
} }
} }
} li {
li {
font-size: 9px !important;
div {
font-size: 9px !important; font-size: 9px !important;
div {
font-size: 9px !important;
.sp2 { .sp2 {
&_avg {
&_avg { padding-left: 5px !important;
}
padding-left: 5px !important; &_reto {
} display: flex;
flex-direction: row;
&_reto { align-items: center;
display: flex; width: 50%;
flex-direction: row; justify-content: flex-end;
align-items: center; }
width: 50%;
justify-content: flex-end;
} }
} }
} }
} }
} &_right {
width: 62% !important;
&_right { // 无数据样式
width: 50%; &_box {
&_text {
// 无数据样式 font-size: 12px !important;
&_box { }
&_text { }
font-size: 12px !important; &_table {
height: calc(100% - 100px);
}
.isverifyStyle {
background-color: #f4f5f8;
}
.paginations {
text-align: right;
} }
}
&_table {
height: calc(100% - 100px);
}
.isverifyStyle {
background-color: #f4f5f8;
}
.paginations {
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;
display: flex !important;
justify-content: flex-start !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: 18px !important; font-size: 18px !important;
} }
&_cont { &_cont {
font-size: 16px !important; font-size: 16px !important;
} }
......
src/views/outpatientDetails.vue
...@@ -160,45 +160,45 @@ ...@@ -160,45 +160,45 @@
<!-- 有数据 --> <!-- 有数据 -->
<div <div
class="outpatientDetails_bottom_leftShowBox" class="outpatientDetails_bottom_leftShowBox"
v-if="goods.length !== 0"
> >
<div class="outpatientDetails_bottom_leftShowBox_left"> <div class="outpatientDetails_bottom_leftShowBox_left">
<ul class="outpatientDetails_bottom_leftShowBox_left_ul">
<li v-for="(item, index) in goods" :key="index"> <el-table
<div ref="monthlyPlanTable"
@click=" :data="tableData1"
toggle(index, item); style="width: 100%;"
scrollToFoods(index); height='98%'
" row-key="id"
:class="{ active: index == checkindex }" size="small"
> :default-expand-all="false"
<span :class="{ fc2: index == checkindex }" class="sp1"> :highlight-current-row="true"
<span :tree-props="{ children: 'inpat_FeeDatas', hasChildren: 'hasChildren' }"
v-show="index == checkindex" @row-click="eowclick"
style="color: #fff" @expand-change="changeRowClick"
class="iconfont icon-jiantou1" >
></span> <el-table-column prop="iteM_TYPE" label="项目名称" width="100" header-align="center" align="center"> </el-table-column>
{{ item.iteM_TYPE }}:{{ decimal(item.totalFee) }}</span <el-table-column prop="totalFee" label="总金额(小计)" width="80" header-align="center" align="center">
> <template slot-scope="scope">
<span :class="{ fc3: index == checkindex }" class="sp2"> {{ decimal(scope.row.totalFee) }}
<!-- <span class="sp2_avg"> </template>
平均: </el-table-column>
{{ decimal(item.avgFee) }} <el-table-column prop="proportion" label="占总费用(比例)" width="80" header-align="center" align="center">
</span> --> <template slot-scope="scope" >
<!-- <span class="sp2_reto" v-ratio="[item.proportion / 100, item.proportion / 100, `${index == checkindex ? '#fff' : '#6a707e'}`]"> {{scope.row.proportion !=undefined?decimal(scope.row.proportion)+'%':''}}
</span> --> </template>
<span class="sp2_reto" v-if="item.proportion <= 0"> </el-table-column>
{{ decimal(item.proportion * -1) + "%" }} <el-table-column prop="coreTotalFee" label="预计DRG设定费用(参考)" width="100" header-align="center" align="center">
<!-- <img style="width: 4px; height: 12px; margin-left: 5px" src="../assets/img/dataCockpit/lvse_zuo.png" /> --> <template slot-scope="scope" >
</span> {{ decimal(scope.row.coreTotalFee)}}
<span class="sp2_reto" v-else> </template>
{{ decimal(item.proportion) + "%" }} </el-table-column>
<!-- <img style="width: 4px; height: 12px; margin-left: 5px" src="../assets/img/dataCockpit/hongse_you.png" /> --> <el-table-column prop="coreProportion" label="设定费用比例(参考)" header-align="center" align="center">
</span> <template slot-scope="scope" >
</span> {{ scope.row.coreProportion !=undefined? decimal(scope.row.coreProportion)+'%':''}}
</div> </template>
</li> </el-table-column>
</ul> </el-table>
</div> </div>
<!-- 中间有数据样式 表格--> <!-- 中间有数据样式 表格-->
<div <div
...@@ -212,7 +212,7 @@ ...@@ -212,7 +212,7 @@
style="width: 100%" style="width: 100%"
:default-sort="{ prop: 'date', order: 'descending' }" :default-sort="{ prop: 'date', order: 'descending' }"
:row-class-name="tableRowClassName" :row-class-name="tableRowClassName"
height="575" height='98%'
> >
<el-table-column <el-table-column
label="开单日期" label="开单日期"
...@@ -232,7 +232,7 @@ ...@@ -232,7 +232,7 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="数量" prop="quantity"></el-table-column> <el-table-column label="数量" prop="quantity"></el-table-column>
<el-table-column label="总金额" prop="fee"> <el-table-column label="金额" prop="fee">
<template slot-scope="scope"> <template slot-scope="scope">
{{ decimal(scope.row.fee) }} {{ decimal(scope.row.fee) }}
</template> </template>
...@@ -255,7 +255,7 @@ ...@@ -255,7 +255,7 @@
</div> </div>
<!-- 表格无数据样式 --> <!-- 表格无数据样式 -->
<div class="outpatientDetails_bottom_leftShowBox" v-else> <!-- <div class="outpatientDetails_bottom_leftShowBox" v-else>
<div class="outpatientDetails_bottom_leftShowBox_box"> <div class="outpatientDetails_bottom_leftShowBox_box">
<img <img
class="outpatientDetails_bottom_leftShowBox_box_img" class="outpatientDetails_bottom_leftShowBox_box_img"
...@@ -266,7 +266,7 @@ ...@@ -266,7 +266,7 @@
暂无数据 暂无数据
</div> </div>
</div> </div>
</div> </div> -->
<!-- 右侧有数据 --> <!-- 右侧有数据 -->
<div class="outpatientDetails_bottom_rght2"> <div class="outpatientDetails_bottom_rght2">
<div class="outpatientDetails_bottom_rght2_top"> <div class="outpatientDetails_bottom_rght2_top">
...@@ -343,6 +343,7 @@ import { ...@@ -343,6 +343,7 @@ import {
onMounted, onMounted,
nextTick, nextTick,
computed, computed,
ref
} from "@vue/composition-api"; } from "@vue/composition-api";
import { decimal } from "../utils/decimal"; import { decimal } from "../utils/decimal";
...@@ -352,6 +353,7 @@ import { setItem, getItem } from "../utils/auth"; ...@@ -352,6 +353,7 @@ import { setItem, getItem } from "../utils/auth";
export default { export default {
name: "outpatientDetails", name: "outpatientDetails",
setup() { setup() {
const monthlyPlanTable=ref();
//表格颜色 //表格颜色
const tableRowClassName = ({ row }) => { const tableRowClassName = ({ row }) => {
if (row.rowIndex % 2 == 0) { if (row.rowIndex % 2 == 0) {
...@@ -361,6 +363,41 @@ export default { ...@@ -361,6 +363,41 @@ export default {
} }
}; };
//当某一个行被点击时
const eowclick=(row)=>{
if(state.tableData1 !=[]){
getInpatFeesByREGCODE(row.types)
}
};
//获取左侧表格数据
const getlefttable = () => {
http
.post(`/medical/Post/getHisStaChargeType?code=${route.value.query.id}`, {})
.then((data) => {
state.tableData1 = data;
if (state.tableData1 != []) {
eowclick(state.tableData1[0]);
//默认高亮第一行
nextTick(() => {
monthlyPlanTable.value.setCurrentRow(state.tableData1[0]);
});
}
//中间的表格默认展示第一条数据
})
.catch((error) => {});
};
//当行展开和关闭是触发
const changeRowClick=(row)=>{
console.log('row-chang',row);
};
//异常问题接口 显示全部异常信息 //异常问题接口 显示全部异常信息
const GetProjectRulesData = () => { const GetProjectRulesData = () => {
http http
...@@ -488,34 +525,29 @@ export default { ...@@ -488,34 +525,29 @@ export default {
state.bottomheight = "70%"; state.bottomheight = "70%";
} }
if (state.goods.length > 0) {
// debugger
toggle(0, state.goods[0]);
}
}) })
.catch((error) => {}); .catch((error) => {});
}; };
//费用分类接口 //费用分类接口
const getInpatFeesByREGCODE = (item) => { const getInpatFeesByREGCODE = (types) => {
http http
.post( .post(
`/medical/Get/getIFHisByREGCODE?&code=${route.value.query.id}&ItemType=${item.iteM_TYPE}`, `/medical/Get/getIFHisByREGCODE?&code=${route.value.query.id}`,
{} types
) )
.then((data) => { .then((data) => {
state.tableData = data; state.tableData = data;
}) })
.catch((error) => {}); .catch((error) => {});
}; };
const toggle = (index, item) => {
state.checkindex = index;
getInpatFeesByREGCODE(item);
};
const scrollToFoods = (index) => { const scrollToFoods = (index) => {
// state.checkindex = index; // state.checkindex = index;
}; };
let state = reactive({ let state = reactive({
tableData1: [],
HistoryInfo: { HistoryInfo: {
name: "", name: "",
healthyID: "", healthyID: "",
...@@ -549,7 +581,7 @@ export default { ...@@ -549,7 +581,7 @@ export default {
name: "quantity", name: "quantity",
}, },
{ {
cloumn: "总金额", cloumn: "金额",
name: "fee", name: "fee",
}, },
], ],
...@@ -581,12 +613,12 @@ export default { ...@@ -581,12 +613,12 @@ export default {
onMounted(() => { onMounted(() => {
GetProjectRulesData(); GetProjectRulesData();
getHistoryInfo(); getHistoryInfo();
getlefttable();
}); });
return { return {
...toRefs(state), ...toRefs(state),
tableRowClassName, tableRowClassName,
toggle,
scrollToFoods, scrollToFoods,
getHistoryInfo, getHistoryInfo,
getInpatFeesByREGCODE, getInpatFeesByREGCODE,
...@@ -595,14 +627,36 @@ export default { ...@@ -595,14 +627,36 @@ export default {
GetProjectRulesData, GetProjectRulesData,
getControl, getControl,
gettype, gettype,
getruleId getruleId,
eowclick,
changeRowClick,
getlefttable,
monthlyPlanTable
}; };
}, },
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "../styles/mixin.scss"; @import "../styles/mixin.scss";
// @import '../styles/media/components/outpatientDetails.scss'; @import '../styles/media/components/outpatientDetails.scss';
// 左侧表格点击高亮背景色
::v-deep .el-table__body tr.current-row > td {
background-color: #ffff !important;
}
// 点击文本颜色
::v-deep .current-row{
color: #55a6da !important;
}
// 点击icon颜色
::v-deep .current-row .el-table__expand-icon{
color: #55a6da !important;
}
.outpatientDetails { .outpatientDetails {
// height: calc(100% - 50px); // height: calc(100% - 50px);
// background-color: white; // background-color: white;
...@@ -777,21 +831,79 @@ export default { ...@@ -777,21 +831,79 @@ export default {
padding-left: 29px; padding-left: 29px;
font-size: 23px; font-size: 23px;
} }
span:nth-child(2) { span:nth-child(2) {
margin-left: 21px; margin-left: 21px;
} width: 200px;
span:nth-child(n + 2) { height: 39px;
width: 258px; background-color: #fff;
height: 39px; font-size: 14px;
background-color: #fff; color: #6d7381;
font-size: 14px; display: flex;
color: #6d7381; align-items: center;
display: flex; justify-content: center;
align-items: center; font-family: PingFang SC;
justify-content: center; margin-right: 5px;
font-family: PingFang SC; }
margin-right: 5px; span:nth-child(3) {
} width: 200px;
height: 39px;
background-color: #fff;
font-size: 14px;
color: #6d7381;
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang SC;
margin-right: 5px;
}
span:nth-child(4) {
width: 258px;
height: 39px;
background-color: #fff;
font-size: 14px;
color: #6d7381;
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang SC;
margin-right: 5px;
}
span:nth-child(5) {
width: 200px;
height: 39px;
background-color: #fff;
font-size: 14px;
color: #6d7381;
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang SC;
margin-right: 5px;
}
span:nth-child(6) {
width: 200px;
height: 39px;
background-color: #fff;
font-size: 14px;
color: #6d7381;
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang SC;
margin-right: 5px;
}
span:nth-child(n + 7) {
width: 258px;
height: 39px;
background-color: #fff;
font-size: 14px;
color: #6d7381;
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang SC;
margin-right: 5px;
}
span:nth-child(n + 7) { span:nth-child(n + 7) {
margin-right: 5px; margin-right: 5px;
} }
...@@ -1015,7 +1127,7 @@ export default { ...@@ -1015,7 +1127,7 @@ export default {
// 有数据 // 有数据
&_left { &_left {
list-style-type: none; list-style-type: none;
width: 27%; width: 35%;
height: 90%; height: 90%;
overflow-y: auto; overflow-y: auto;
...@@ -1120,7 +1232,8 @@ export default { ...@@ -1120,7 +1232,8 @@ export default {
} }
} }
&_right { &_right {
width: 72%; width: 65%;
height: 90%;
// 无数据样式 // 无数据样式
&_box { &_box {
width: 100%; width: 100%;
...@@ -1153,10 +1266,10 @@ export default { ...@@ -1153,10 +1266,10 @@ export default {
} }
&_rght2 { &_rght2 {
width: 22%; width: 20%;
height: 100%; height: 100%;
border: 1px solid #f6f6f8; border: 1px solid #f6f6f8;
padding: 10px; padding:0 10px;
&_top { &_top {
height: 20%; height: 20%;
width: 100%; width: 100%;
...@@ -1190,7 +1303,7 @@ export default { ...@@ -1190,7 +1303,7 @@ export default {
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;
color: #5d5d5d; color: #5d5d5d;
margin-right: 5px; // margin-right: 5px;
cursor: pointer;/*鼠标移上有小手*/ cursor: pointer;/*鼠标移上有小手*/
} }
&_span1background{ &_span1background{
......
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