Skip to content

V
vue-composition-api
Commit e9aca377 by tangyufeng
Options

解决报错

parent 6e32017a
Showing with 1660 additions and 1265 deletions
package-lock.json
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json
...@@ -30,7 +30,8 @@ ...@@ -30,7 +30,8 @@
"sessionstorage": "^0.1.0", "sessionstorage": "^0.1.0",
"vue-router": "^3.3.2", "vue-router": "^3.3.2",
"vue-template-compiler": "^2.6.11", "vue-template-compiler": "^2.6.11",
"vuex": "^3.4.0" "vuex": "^3.4.0",
"uuid": "^3.4.0"
}, },
"eslintConfig": { "eslintConfig": {
"root": true, "root": true,
......
src/main.js
...@@ -21,7 +21,8 @@ import "element-ui/lib/theme-chalk/index.css"; ...@@ -21,7 +21,8 @@ import "element-ui/lib/theme-chalk/index.css";
Vue.use(ElementUI); Vue.use(ElementUI);
import VueCompositionApi from "@vue/composition-api"; import VueCompositionApi from "@vue/composition-api";
const uuid4 = require("uuid/v4");
Vue.prototype.$uuid = uuid4;
Vue.use(VueCompositionApi); Vue.use(VueCompositionApi);
//引入 dayjs //引入 dayjs
import dayjs from "dayjs"; import dayjs from "dayjs";
......
src/styles/media/components/Entrypath.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) {
.Entrypath { .Entrypath {
&_top { &_top {
&_left { &_left {
&_t1 { &_t1 {
span { span {
width: 50% !important; width: 50% !important;
} }
} }
&_t2 {
span { &_t2 {
width: 50% !important; span {
} width: 50% !important;
} }
&_t3 { }
span {
width: 50% !important; &_t3 {
} span {
width: 50% !important;
}
}
}
} }
}
} &_table {
&_table { &_lefttab {
&_lefttab { &_select {
&_select { flex-direction: column !important;
flex-direction: column !important;
&_inp {
&_inp { width: 100% !important;
width: 100% !important; }
}
&_chack { &_chack {
width: 100% !important; width: 100% !important;
} }
}
}
} }
}
} }
}
} }
//1280 //1280
@media screen and (max-width: 1280px) { @media screen and (max-width: 1280px) {
.Entrypath { .Entrypath {
&_top { &_top {
&_left { &_left {
&_t1 { &_t1 {
span { span {
width: 50% !important; width: 50% !important;
} }
} }
&_t2 {
span { &_t2 {
width: 50% !important; span {
} width: 50% !important;
} }
&_t3 { }
span {
width: 50% !important; &_t3 {
} span {
width: 50% !important;
}
}
}
} }
}
} &_table {
&_table { &_lefttab {
&_lefttab { &_select {
&_select { flex-direction: column !important;
flex-direction: column !important;
&_inp {
&_inp { width: 100% !important;
width: 100% !important; }
}
&_chack { &_chack {
width: 100% !important; width: 100% !important;
} }
}
}
} }
}
} }
}
} }
// 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 {
&_t1 { &_t1 {
span { span {
width: 50% !important; width: 50% !important;
} }
} }
&_t2 {
span { &_t2 {
width: 50% !important; span {
} width: 50% !important;
} }
&_t3 { }
span {
width: 50% !important; &_t3 {
} span {
width: 50% !important;
}
}
}
} }
}
} &_table {
&_table { &_lefttab {
&_lefttab { &_select {
&_select { &_inp {
&_inp { span {
span { width: 54% !important;
width: 54% !important; }
}
}
} }
}
} }
}
} }
}
} }
//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 {
&_select { &_select {
&_inp { &_inp {
span { span {
width: 54% !important; width: 54% !important;
}
}
}
} }
}
} }
}
} }
} }
} \ No newline at end of file
src/styles/media/components/outClinicalpathway.scss
...@@ -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
@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,18 +869,22 @@ ...@@ -704,18 +869,22 @@
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;
.sp2 { .sp2 {
&_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
//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,95 +236,109 @@ ...@@ -200,95 +236,109 @@
} }
//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 {
&_search { &_search {
&_div1 { &_div1 {
&_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;
} }
&_span4 { &_span4 {
width: 90px !important; width: 90px !important;
} }
&_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;
} }
&_span4 { &_span4 {
width: 90px !important; width: 90px !important;
} }
} }
&_div3 { &_div3 {
&_span1 { &_span1 {
width: 60px !important; width: 60px !important;
} }
} }
} }
&_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;
} }
...@@ -341,97 +397,112 @@ ...@@ -341,97 +397,112 @@
} }
} }
} }
} }
//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 {
&_div1 { &_div1 {
&_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;
} }
&_span4 { &_span4 {
width: 90px !important; width: 90px !important;
} }
&_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;
} }
&_span4 { &_span4 {
width: 90px !important; width: 90px !important;
} }
} }
&_div3 { &_div3 {
&_span1 { &_span1 {
width: 50px !important; width: 50px !important;
} }
} }
} }
&_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,96 +561,111 @@ ...@@ -484,96 +561,111 @@
} }
} }
} }
//1600px //1600px
@media screen and (min-width: 1600px) and(max-width:1919px) { @media screen and (min-width: 1600px) and (max-width:1919px) {
.outaddrecordEnrollment { .outaddrecordEnrollment {
&_search { &_search {
&_div1 { &_div1 {
&_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;
} }
&_span4 { &_span4 {
width: 90px !important; width: 90px !important;
} }
&_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;
} }
&_span4 { &_span4 {
width: 90px !important; width: 90px !important;
} }
} }
&_div3 { &_div3 {
&_span1 { &_span1 {
width: 50px !important; width: 50px !important;
} }
} }
} }
&_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;
} }
......
src/views/outClinicalpathway.vue
...@@ -6,298 +6,350 @@ ...@@ -6,298 +6,350 @@
* @Description: * @Description:
--> -->
<template> <template>
<!-- 临床路径外放页面 --> <!-- 临床路径外放页面 -->
<div class="outClinicalpathway"> <div class="outClinicalpathway">
<!-- 患者信息 --> <!-- 患者信息 -->
<div class="outClinicalpathway_top"> <div class="outClinicalpathway_top">
<div class="outClinicalpathway_top_bg"></div> <div class="outClinicalpathway_top_bg"></div>
<div class="outClinicalpathway_top_coent"> <div class="outClinicalpathway_top_coent">
<!--患者信息 --> <!--患者信息 -->
<div class="outClinicalpathway_top_coent_left"> <div class="outClinicalpathway_top_coent_left">
<div class="outClinicalpathway_top_coent_left_one"> <div class="outClinicalpathway_top_coent_left_one">
<span><img src="../assets/img/peo.png" alt="" /></span> <span><img src="../assets/img/peo.png" alt="" /></span>
<div class="outClinicalpathway_top_coent_left_one_t1"> <div class="outClinicalpathway_top_coent_left_one_t1">
患者姓名:<span>{{ topdata.patientName }}</span> 患者姓名:<span>{{ topdata.patientName }}</span>
</div>
<div class="outClinicalpathway_top_coent_left_one_t2">
住院号:<span>{{ topdata.regCode }}</span>
</div>
<div class="outClinicalpathway_top_coent_left_one_t3">
住院次数:<span>{{ topdata.inHosNum }}</span>
</div>
<div class="outClinicalpathway_top_coent_left_one_t4">
符合临床路径:<span>{{ topdata.clinical_route_name }}</span>
</div>
</div>
</div>
<div class="outClinicalpathway_top_coent_right">
<div class="outClinicalpathway_top_coent_right_btn">
<el-button icon="el-icon-user" style="background-color: #0283bb; color: #ffff" @click="joinorder()">保存医嘱</el-button>
<el-button icon="el-icon-s-tools" style="background-color: #0283bb; color: #ffff" @click="variation()">病情变异</el-button>
</div>
</div>
</div> </div>
<div class="outClinicalpathway_top_coent_left_one_t2"> <div class="outClinicalpathway_top_time">
住院号:<span>{{ topdata.regCode }}</span> <el-timeline style="display: flex; padding: 0 10px">
<el-timeline-item
:class="timeindex == activity.inhosdays ? 'outClinicalpathway_top_time_timespan' : 'outClinicalpathway_top_time_timespan2'"
v-for="(activity, index) in activities"
:key="index"
:type="activity.type"
:color="activity.color"
:size="activity.size"
:hollow="activity.hollow"
:timestamp="activity.timestamp"
>
<el-tooltip class="item" effect="dark" :content="activity.inhosdays" placement="top-start" v-if="activity.inhosdays.length > 7">
<span @click="timeclick(activity)">{{ activity.inhosdays }}</span>
</el-tooltip>
<span v-else @click="timeclick(activity)">{{ activity.inhosdays }}</span>
</el-timeline-item>
</el-timeline>
</div> </div>
<div class="outClinicalpathway_top_coent_left_one_t3">
住院次数:<span>{{ topdata.inHosNum }}</span>
</div>
<div class="outClinicalpathway_top_coent_left_one_t4">
符合临床路径:<span>{{ topdata.clinical_route_name }}</span>
</div>
</div>
</div>
<div class="outClinicalpathway_top_coent_right">
<div class="outClinicalpathway_top_coent_right_btn">
<el-button icon="el-icon-user" style="background-color: #0283bb; color: #ffff" @click="joinorder()">保存医嘱</el-button>
<el-button icon="el-icon-s-tools" style="background-color: #0283bb; color: #ffff" @click="variation()">病情变异</el-button>
</div>
</div> </div>
</div> <!--病情变异弹框开始 -->
<div class="outClinicalpathway_top_time"> <el-dialog :visible.sync="editdialogFormVisible" width="30%" @close="close">
<el-timeline style="display: flex; padding: 0 10px"> <el-form ref="fromRef" :model="form" :label-position="labelPosition" label-width="100px">
<el-timeline-item <el-form-item label="路径天数:">
:class="timeindex == activity.inhosdays ? 'outClinicalpathway_top_time_timespan' : 'outClinicalpathway_top_time_timespan2'" <!-- <el-input v-model="form.inhosdays" /> -->
v-for="(activity, index) in activities" <el-select v-model="form.inhosdays" class="m-2" placeholder="请选择" size="mini">
:key="index" <el-option v-for="item in options" :key="item.inhosdays" :label="item.inhosdays" :value="item.inhosdays" />
:type="activity.type" </el-select>
:color="activity.color" </el-form-item>
:size="activity.size" <el-form-item label="变异原因:">
:hollow="activity.hollow" <el-select v-model="form.reason" class="m-2" placeholder="请选择" size="mini" :title="getTitle(form.reason)">
:timestamp="activity.timestamp" <el-option v-for="item in reasonoptions" :key="item.id" :label="item.describe" :value="item.describe" :title="item.describe">
> </el-option>
<el-tooltip class="item" effect="dark" :content="activity.inhosdays" placement="top-start" v-if="activity.inhosdays.length > 7"> </el-select>
<span @click="timeclick(activity)">{{ activity.inhosdays }}</span> </el-form-item>
</el-tooltip> <el-form-item label="备注:">
<span v-else @click="timeclick(activity)">{{ activity.inhosdays }}</span> <el-input v-model="form.remarks" :autosize="{ minRows: 4, maxRows: 10 }" type="textarea" />
</el-timeline-item> </el-form-item>
</el-timeline> </el-form>
</div> <template #footer>
</div> <span class="dialog-footer">
<!--病情变异弹框开始 --> <el-button size="mini" @click="close()">取消</el-button>
<el-dialog :visible.sync="editdialogFormVisible" width="30%" @close="close"> <el-button size="mini" type="primary" @click="fromOKbtn()">确定 </el-button>
<el-form ref="fromRef" :model="form" :label-position="labelPosition" label-width="100px"> </span>
<el-form-item label="路径天数:">
<!-- <el-input v-model="form.inhosdays" /> -->
<el-select v-model="form.inhosdays" class="m-2" placeholder="请选择" size="mini">
<el-option v-for="item in options" :key="item.inhosdays" :label="item.inhosdays" :value="item.inhosdays" />
</el-select>
</el-form-item>
<el-form-item label="变异原因:">
<el-select v-model="form.reason" class="m-2" placeholder="请选择" size="mini" :title="getTitle(form.reason)">
<el-option v-for="item in reasonoptions" :key="item.id" :label="item.describe" :value="item.describe" :title="item.describe"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="备注:">
<el-input v-model="form.remarks" :autosize="{ minRows: 4, maxRows: 10 }" type="textarea" />
</el-form-item>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button size="mini" @click="close()">取消</el-button>
<el-button size="mini" type="primary" @click="fromOKbtn()">确定 </el-button>
</span>
</template>
</el-dialog>
<!--病情变异弹框结束 -->
<!-- 表格 -->
<div class="outClinicalpathway_table">
<!-- 表格 -->
<div class="outClinicalpathway_table_right">
<div class="outClinicalpathway_table_right_radio">
<el-radio-group :value="radio" @input="radiochange">
<el-radio :label="1">长期医嘱</el-radio>
<el-radio :label="2">临时医嘱</el-radio>
</el-radio-group>
</div>
<el-table
ref="multipleTable"
row-key="id"
:data="tableData"
height="100%"
style="width: 100%"
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
:select-on-indeterminate="true"
@selection-change="SelectionChange"
@select-all="selectAll"
@select="select"
default-expand-all
size="mini"
:row-class-name="rowClass"
>
<el-table-column type="selection" :selectable="selectEnable" width="50" />
<el-table-column show-overflow-tooltip property="advice_name" label="路径名称" width="130" />
<el-table-column show-overflow-tooltip property="tickTime" label="当前时间" width="145">
<template #default="scope">
<span v-if="scope.row.advice_name == null && scope.row.ischeck == 1">{{ scope.row.tickTime }}</span>
</template>
</el-table-column>
<el-table-column show-overflow-tooltip property="orderType" label="类型" width="50">
<template #default="scope">
<div v-if="scope.row.orderType == '药疗'">
<i
@click="addRow(scope.row)"
v-if="scope.row.advice_name == null && scope.row.ischeck == 1"
class="el-icon-circle-plus-outline"
style="font-size: 14px; color: #0283bb; margin-right: 5px; cursor: pointer"
></i
>{{ scope.row.orderType }}
</div>
<div v-else>{{ scope.row.orderType }}</div>
</template> </template>
</el-table-column> </el-dialog>
<el-table-column show-overflow-tooltip property="project_name" label="医院项目名称" width="200"> <!--病情变异弹框结束 -->
<template #default="scope"> <!-- 表格 -->
<template v-if="scope.row.advice_name == null && scope.row.ischeck == 1 && !scope.row.project_name"> <div class="outClinicalpathway_table">
<el-popover placement="bottom" width="800" trigger="focus" :value="false"> <!-- 表格 -->
<el-table :data="gridData"> <div class="outClinicalpathway_table_right">
<el-table-column width="150" property="date" label="日期"></el-table-column> <div class="outClinicalpathway_table_right_radio">
<el-table-column width="100" property="name" label="姓名"></el-table-column> <el-radio-group :value="radio" @input="radiochange">
<el-table-column width="300" property="address" label="地址"></el-table-column> <el-radio :label="1">长期医嘱</el-radio>
</el-table> <el-radio :label="2">临时医嘱</el-radio>
<el-input slot="reference" v-model="serch"></el-input> </el-radio-group>
</el-popover> </div>
</template> <el-table
ref="multipleTable"
row-key="id"
:data="tableData"
height="100%"
style="width: 100%"
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
:select-on-indeterminate="true"
@selection-change="SelectionChange"
@select-all="selectAll"
@select="select"
default-expand-all
size="mini"
:row-class-name="rowClass"
>
<el-table-column type="selection" :selectable="selectEnable" width="50" />
<el-table-column show-overflow-tooltip property="advice_name" label="路径名称" width="130" />
<el-table-column show-overflow-tooltip property="tickTime" label="当前时间" width="145">
<template #default="scope">
<span v-if="scope.row.advice_name == null && scope.row.ischeck == 1">{{ scope.row.tickTime }}</span>
</template>
</el-table-column>
<el-table-column show-overflow-tooltip property="orderType" label="类型" width="50">
<template #default="scope">
<div v-if="scope.row.orderType == '药疗'">
<i
@click.prevent="addRow(scope.row)"
v-if="scope.row.advice_name == null && scope.row.ischeck == 1 && !scope.row.isnew"
class="el-icon-circle-plus-outline"
style="font-size: 14px; color: #0283bb; margin-right: 3px; cursor: pointer"
></i>
<i
@click.prevent="deleteRow(scope.row, tableData)"
v-if="scope.row.advice_name == null && scope.row.ischeck == 1 && scope.row.isnew"
class="el-icon-remove-outline"
style="font-size: 14px; color: #ff0000; margin-right: 3px; cursor: pointer"
></i
>{{ scope.row.orderType }}
</div>
<div v-else>{{ scope.row.orderType }}</div>
</template>
</el-table-column>
<el-table-column show-overflow-tooltip property="project_name" label="医院项目名称" width="200">
<template #default="scope">
<template v-if="scope.row.advice_name == null && scope.row.ischeck == 1 && scope.row.isnew">
<el-popover placement="bottom" width="1200" trigger="focus" v-model="isPop">
<el-table :data="tableData" @row-dblclick="rowdblclick">
<el-table-column width="60" property="orderType" label="类型"></el-table-column>
<el-table-column width="200" property="project_name" label="医嘱名称"></el-table-column>
<el-table-column width="80" property="specifications" label="规格说明"></el-table-column>
<el-table-column width="80" property="dosage" label="药品剂型"></el-table-column>
<el-table-column width="85" property="isAntibiotic" label="抗生素"></el-table-column>
<el-table-column width="135" property="medicalPurpose" label="用药目的"></el-table-column>
<el-table-column width="60" property="medicUseQuantity" label="用量"></el-table-column>
<el-table-column width="50" property="medicUseUnit" label="单位"></el-table-column>
<el-table-column width="110" property="medicUseMode" label="途径"></el-table-column>
<el-table-column width="110" property="medicUsePlan" label="频率"></el-table-column>
<el-table-column width="60" property="dropNumber" label="滴数"></el-table-column>
<el-table-column width="80" property="medicQuantity" label="用药总量"></el-table-column>
<el-table-column width="60" property="medicUnit" label="单位"></el-table-column>
<el-table-column width="150" property="remark" label="嘱托"></el-table-column>
<el-table-column width="150" property="description" label="诊断描述"></el-table-column>
<el-table-column width="150" property="symptom" label="症状及体征"></el-table-column>
<el-table-column width="85" property="emergency" label="急诊"></el-table-column>
</el-table>
<el-input
slot="reference"
placeholder="请输入"
v-model="scope.row.project_name"
@input="onInput(scope.row, $event)"
></el-input>
</el-popover>
</template>
<span v-else>{{ scope.row.project_name }}</span> <span v-else>{{ scope.row.project_name }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column show-overflow-tooltip property="specifications" label="规格说明" width="80" /> <el-table-column show-overflow-tooltip property="specifications" label="规格说明" width="80" />
<el-table-column show-overflow-tooltip property="dosage" label="药品剂型" width="70" /> <el-table-column show-overflow-tooltip property="dosage" label="药品剂型" width="70" />
<el-table-column show-overflow-tooltip property="isAntibiotic" label="抗生素" width="85"> <el-table-column show-overflow-tooltip property="isAntibiotic" label="抗生素" width="85">
<template #default="scope"> <template #default="scope">
<el-select v-if="scope.row.advice_name == null && scope.row.ischeck == 1" size="mini" v-model="scope.row.isAntibiotic"> <el-select v-if="scope.row.advice_name == null && scope.row.ischeck == 1" size="mini" v-model="scope.row.isAntibiotic">
<el-option v-for="item in chargeTypeoptions" :key="item.label" :label="item.label" :value="item.label"> </el-option> <el-option v-for="item in chargeTypeoptions" :key="item.label" :label="item.label" :value="item.label"> </el-option>
</el-select> </el-select>
<span v-else>{{ scope.row.isAntibiotic }}</span> <span v-else>{{ scope.row.isAntibiotic }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column show-overflow-tooltip property="medicalPurpose" label="用药目的" width="135"> <el-table-column show-overflow-tooltip property="medicalPurpose" label="用药目的" width="135">
<template #default="scope"> <template #default="scope">
<el-select v-if="scope.row.advice_name == null && scope.row.ischeck == 1" size="mini" v-model="scope.row.medicalPurpose"> <el-select v-if="scope.row.advice_name == null && scope.row.ischeck == 1" size="mini" v-model="scope.row.medicalPurpose">
<el-option v-for="item in medicalPurposeoptions" :key="item.id" :label="item.describe" :value="item.describe"> </el-option> <el-option v-for="item in medicalPurposeoptions" :key="item.id" :label="item.describe" :value="item.describe"> </el-option>
</el-select> </el-select>
<span v-else>{{ scope.row.medicalPurpose }}</span> <span v-else>{{ scope.row.medicalPurpose }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="medicUseQuantity" label="用量" width="60"> <el-table-column prop="medicUseQuantity" label="用量" width="60">
<template #default="scope"> <template #default="scope">
<el-input v-if="scope.row.advice_name == null && scope.row.ischeck == 1" v-model="scope.row.medicUseQuantity" size="mini"></el-input> <el-input
<span v-else>{{ scope.row.medicUseQuantity }}</span> v-if="scope.row.advice_name == null && scope.row.ischeck == 1"
</template> v-model="scope.row.medicUseQuantity"
</el-table-column> size="mini"
<el-table-column show-overflow-tooltip property="medicUseUnit" label="单位" width="50" /> ></el-input>
<el-table-column show-overflow-tooltip property="medicUseMode" label="途径" width="110"> <span v-else>{{ scope.row.medicUseQuantity }}</span>
<template #default="scope"> </template>
<el-select v-if="scope.row.advice_name == null && scope.row.ischeck == 1" size="mini" v-model="scope.row.medicUseMode" filterable :filter-method="remoteMethod"> </el-table-column>
<el-option v-for="item in medicUseModeoptions" :key="item.id" :label="item.describe" :value="item.describe"> </el-option> <el-table-column show-overflow-tooltip property="medicUseUnit" label="单位" width="50" />
</el-select> <el-table-column show-overflow-tooltip property="medicUseMode" label="途径" width="110">
<span v-else>{{ scope.row.medicUseMode }}</span> <template #default="scope">
</template> <el-select
</el-table-column> v-if="scope.row.advice_name == null && scope.row.ischeck == 1"
<el-table-column show-overflow-tooltip property="medicUsePlan" label="频率" width="110"> size="mini"
<template #default="scope"> v-model="scope.row.medicUseMode"
<el-select v-if="scope.row.advice_name == null && scope.row.ischeck == 1" size="mini" v-model="scope.row.medicUsePlan"> filterable
<el-option v-for="item in medicUsePlanoptions" :key="item.id" :label="item.describe" :value="item.describe"> </el-option> :filter-method="remoteMethod"
</el-select> >
<span v-else>{{ scope.row.medicUsePlan }}</span> <el-option v-for="item in medicUseModeoptions" :key="item.id" :label="item.describe" :value="item.describe"> </el-option>
</template> </el-select>
</el-table-column> <span v-else>{{ scope.row.medicUseMode }}</span>
<el-table-column prop="dropNumber" label="滴数" width="60"> </template>
<template #default="scope"> </el-table-column>
<el-input v-if="scope.row.advice_name == null && scope.row.ischeck == 1" v-model="scope.row.dropNumber" size="mini"></el-input> <el-table-column show-overflow-tooltip property="medicUsePlan" label="频率" width="110">
<span v-else>{{ scope.row.dropNumber }}</span> <template #default="scope">
</template> <el-select v-if="scope.row.advice_name == null && scope.row.ischeck == 1" size="mini" v-model="scope.row.medicUsePlan">
</el-table-column> <el-option v-for="item in medicUsePlanoptions" :key="item.id" :label="item.describe" :value="item.describe"> </el-option>
<el-table-column prop="medicQuantity" label="用药总量" width="80"> </el-select>
<template #default="scope"> <span v-else>{{ scope.row.medicUsePlan }}</span>
<el-input v-if="scope.row.advice_name == null && scope.row.ischeck == 1" v-model="scope.row.medicQuantity" size="mini"></el-input> </template>
<span v-else>{{ scope.row.medicQuantity }}</span> </el-table-column>
</template> <el-table-column prop="dropNumber" label="滴数" width="60">
</el-table-column> <template #default="scope">
<el-table-column show-overflow-tooltip property="medicUnit" label="单位" width="60" /> <el-input v-if="scope.row.advice_name == null && scope.row.ischeck == 1" v-model="scope.row.dropNumber" size="mini"></el-input>
<el-table-column show-overflow-tooltip property="remark" label="嘱托" width="150'"> <span v-else>{{ scope.row.dropNumber }}</span>
<template #default="scope"> </template>
<el-input </el-table-column>
v-if="scope.row.advice_name == null && scope.row.ischeck == 1" <el-table-column prop="medicQuantity" label="用药总量" width="80">
v-model="scope.row.remark" <template #default="scope">
size="mini" <el-input v-if="scope.row.advice_name == null && scope.row.ischeck == 1" v-model="scope.row.medicQuantity" size="mini"></el-input>
type="textarea" <span v-else>{{ scope.row.medicQuantity }}</span>
:autosize="{ minRows: 2 }" </template>
placeholder="请输入内容" </el-table-column>
></el-input> <el-table-column show-overflow-tooltip property="medicUnit" label="单位" width="60" />
<span v-else>{{ scope.row.remark }}</span> <el-table-column show-overflow-tooltip property="remark" label="嘱托" width="150'">
</template> <template #default="scope">
</el-table-column> <el-input
v-if="scope.row.advice_name == null && scope.row.ischeck == 1"
v-model="scope.row.remark"
size="mini"
type="textarea"
:autosize="{ minRows: 2 }"
placeholder="请输入内容"
></el-input>
<span v-else>{{ scope.row.remark }}</span>
</template>
</el-table-column>
<el-table-column prop="description" label="诊断描述" width="150"> <el-table-column prop="description" label="诊断描述" width="150">
<template #default="scope"> <template #default="scope">
<el-form <el-form
:model="scope.row" :model="scope.row"
label-width="15px" label-width="15px"
label-position="left" label-position="left"
ref="numberValidateForm" ref="numberValidateForm"
class="demo-ruleForm" class="demo-ruleForm"
v-if="scope.row.advice_name == null && scope.row.ischeck == 1 && scope.row.type != 1 && scope.row.isedit" v-if="scope.row.advice_name == null && scope.row.ischeck == 1 && scope.row.type != 1 && scope.row.isedit"
> >
<el-form-item prop="description" :rules="[{ required: true, message: '请输入内容' }]"> <el-form-item prop="description" :rules="[{ required: true, message: '请输入内容' }]">
<template #label> <span></span></template> <template #label> <span></span></template>
<el-input v-model="scope.row.description" autocomplete="off" placeholder="请输入内容" type="textarea" :autosize="{ minRows: 2 }"></el-input> <el-input
v-model="scope.row.description"
autocomplete="off"
placeholder="请输入内容"
type="textarea"
:autosize="{ minRows: 2 }"
></el-input>
</el-form-item>
</el-form>
</template>
</el-table-column>
<el-table-column prop="symptom" label="症状及体征" width="150">
<template #default="scope">
<el-form
:model="scope.row"
label-width="15px"
label-position="left"
ref="numberValidateForm1"
class="demo-ruleForm"
v-if="scope.row.advice_name == null && scope.row.ischeck == 1 && scope.row.type != 1 && scope.row.isedit"
>
<el-form-item prop="symptom" :rules="[{ required: true, message: '请输入内容' }]">
<template #label> <span></span></template>
<el-input
v-model="scope.row.symptom"
autocomplete="off"
placeholder="请输入内容"
type="textarea"
:autosize="{ minRows: 2 }"
></el-input>
</el-form-item>
</el-form>
</template>
</el-table-column>
<el-table-column show-overflow-tooltip property="emergency" label="急诊" width="85">
<template #default="scope">
<el-select
v-if="scope.row.advice_name == null && scope.row.ischeck == 1 && scope.row.isedit"
size="mini"
v-model="scope.row.emergency"
>
<el-option v-for="item in chargeTypeoptions" :key="item.label" :label="item.label" :value="item.value"> </el-option>
</el-select>
<!-- <span v-else>{{ isObj[scope.row.emergency] }}</span> -->
</template>
</el-table-column>
<el-table-column label="操作" width="80">
<template #default="scope">
<el-button
v-if="scope.row.advice_name == null && scope.row.ischeck == 1 && scope.row.type != 1 && scope.row.isedit"
size="mini"
type="primary"
@click="goSeeScore(scope.row, scope.$index, scope)"
>更多</el-button
>
</template>
</el-table-column>
</el-table>
</div>
</div>
<!-- 更多弹框开始 -->
<el-dialog :visible.sync="goSeeScoredialogFormVisible" width="30%" @close="goSeecolse">
<el-form ref="goSeefromRef" :model="goSeeform" :label-position="labelPosition" label-width="100px">
<el-form-item label="主诉:">
<el-input v-model="goSeeform.chiefComplaint" :autosize="{ minRows: 2 }" type="textarea" placeholder="请输入内容" />
</el-form-item> </el-form-item>
</el-form> <el-form-item label="检查目的:">
</template> <el-input v-model="goSeeform.inspectionPurpose" :autosize="{ minRows: 2 }" type="textarea" placeholder="请输入内容" />
</el-table-column>
<el-table-column prop="symptom" label="症状及体征" width="150">
<template #default="scope">
<el-form
:model="scope.row"
label-width="15px"
label-position="left"
ref="numberValidateForm1"
class="demo-ruleForm"
v-if="scope.row.advice_name == null && scope.row.ischeck == 1 && scope.row.type != 1 && scope.row.isedit"
>
<el-form-item prop="symptom" :rules="[{ required: true, message: '请输入内容' }]">
<template #label> <span></span></template>
<el-input v-model="scope.row.symptom" autocomplete="off" placeholder="请输入内容" type="textarea" :autosize="{ minRows: 2 }"></el-input>
</el-form-item> </el-form-item>
</el-form> <el-form-item label="既往史:">
</template> <el-input v-model="goSeeform.pastHistory" :autosize="{ minRows: 2 }" type="textarea" placeholder="请输入内容" />
</el-table-column> </el-form-item>
<el-table-column show-overflow-tooltip property="emergency" label="急诊" width="85"> <el-form-item label="其他辅助项目:">
<template #default="scope"> <el-input v-model="goSeeform.auxiliaryItems" :autosize="{ minRows: 2 }" type="textarea" placeholder="请输入内容" />
<el-select v-if="scope.row.advice_name == null && scope.row.ischeck == 1 && scope.row.isedit" size="mini" v-model="scope.row.emergency"> </el-form-item>
<el-option v-for="item in chargeTypeoptions" :key="item.label" :label="item.label" :value="item.value"> </el-option> <el-form-item label="备注:">
</el-select> <el-input v-model="goSeeform.inspectRemarks" :autosize="{ minRows: 2 }" type="textarea" placeholder="请输入内容" />
<!-- <span v-else>{{ isObj[scope.row.emergency] }}</span> --> </el-form-item>
</template> </el-form>
</el-table-column> <template #footer>
<el-table-column label="操作" width="80"> <span class="dialog-footer">
<template #default="scope"> <el-button size="mini" @click="goSeecolse">取消</el-button>
<el-button <el-button size="mini" @click="goSeeok">确定 </el-button>
v-if="scope.row.advice_name == null && scope.row.ischeck == 1 && scope.row.type != 1 && scope.row.isedit" </span>
size="mini"
type="primary"
@click="goSeeScore(scope.row, scope.$index, scope)"
>更多</el-button
>
</template> </template>
</el-table-column> </el-dialog>
</el-table> <!-- 更多弹框结束 -->
</div>
</div> </div>
<!-- 更多弹框开始 -->
<el-dialog :visible.sync="goSeeScoredialogFormVisible" width="30%" @close="goSeecolse">
<el-form ref="goSeefromRef" :model="goSeeform" :label-position="labelPosition" label-width="100px">
<el-form-item label="主诉:">
<el-input v-model="goSeeform.chiefComplaint" :autosize="{ minRows: 2 }" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="检查目的:">
<el-input v-model="goSeeform.inspectionPurpose" :autosize="{ minRows: 2 }" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="既往史:">
<el-input v-model="goSeeform.pastHistory" :autosize="{ minRows: 2 }" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="其他辅助项目:">
<el-input v-model="goSeeform.auxiliaryItems" :autosize="{ minRows: 2 }" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="备注:">
<el-input v-model="goSeeform.inspectRemarks" :autosize="{ minRows: 2 }" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button size="mini" @click="goSeecolse">取消</el-button>
<el-button size="mini" @click="goSeeok">确定 </el-button>
</span>
</template>
</el-dialog>
<!-- 更多弹框结束 -->
</div>
</template> </template>
<script> <script>
import http from "../utils/http"; import http from "../utils/http";
...@@ -305,623 +357,623 @@ import { Message } from "element-ui"; ...@@ -305,623 +357,623 @@ import { Message } from "element-ui";
import _ from "lodash"; import _ from "lodash";
import { transformTimestampnow } from "../utils/formatTime"; import { transformTimestampnow } from "../utils/formatTime";
export default { export default {
name: "outClinicalpathway", name: "outClinicalpathway",
data() { data() {
return { return {
//患者信息 //患者信息
topdata: { topdata: {
patientName: "", //患者姓名 patientName: "", //患者姓名
regCode: "", // 住院号 regCode: "", // 住院号
inHosNum: "", // 住院次数 inHosNum: "", // 住院次数
clinical_route_name: "", // 符合临床路径 clinical_route_name: "", // 符合临床路径
}, },
multipleSelection: [], //被选择的数据 multipleSelection: [], //被选择的数据
multipleSelection1: [], //被选择的数据 multipleSelection1: [], //被选择的数据
selectArr: [], selectArr: [],
tableData: [], //表格数据 tableData: [], //表格数据
yztype: { yztype: {
1: "长期医嘱", 1: "长期医嘱",
2: "临时医嘱", 2: "临时医嘱",
}, },
isObj: { isObj: {
0: "否", 0: "否",
1: "是", 1: "是",
}, },
//被点击的index //被点击的index
timeindex: null, timeindex: null,
case_routeid: null, //点击左侧时间线的天数id case_routeid: null, //点击左侧时间线的天数id
inhosdays: null, //点击左侧时间线的天数 inhosdays: null, //点击左侧时间线的天数
//时间线 //时间线
activities: [], activities: [],
labelPosition: "right", labelPosition: "right",
editdialogFormVisible: false, //弹框是否显示 editdialogFormVisible: false, //弹框是否显示
//表单 //表单
form: { form: {
inhosdays: "", inhosdays: "",
reason: "", //变异原因 reason: "", //变异原因
remarks: "", //备注 remarks: "", //备注
}, },
//路径天数下拉数据 //路径天数下拉数据
options: [], options: [],
reasonoptions: [], //变异原因 reasonoptions: [], //变异原因
crid: null, crid: null,
chickid: [], //选中的id chickid: [], //选中的id
chargeTypeoptions: [ chargeTypeoptions: [
{ {
label: "是", label: "是",
value: 1, value: 1,
},
{
label: "否",
value: 0,
},
],
tempRow: {}, //储存正在编辑的行
tempRowChildren: [],
medicUseModeoptions: [], //途径
medicUseModeoptionsLise: [],
medicUsePlanoptions: [], //频率
medicalPurposeoptions: [], //用药目的
radio: 1,
newtable1: [],
newtable2: [],
objtable: { route1: [], route2: [] },
goSeeScoredialogFormVisible: false, //更多弹框
goSeeform: {},
oldRowObj: {},
goSeeIndex: "",
goSeeIndexPid: "",
distype: 1,
cout: 0,
isPop: false,
gridData: [],
};
},
mounted() {
console.log(this.$uuid());
this.getIsRoute();
this.gettopdata();
this.getlefttime();
this.gemedicUseModeoptions();
this.gemedicUsePlanoptions();
this.getmedicalPurposeoptions();
},
methods: {
addRow(r) {
if (r.children == undefined) {
r.children = new Array();
}
const { cout } = this;
const newData = {
emergency: 0,
id: this.$uuid(),
pid: r.id,
isClass: false,
inhosdays: "",
isForbidden: true,
tickTime: transformTimestampnow(),
project_code: r.project_code,
project_name: null,
ischeck: 1,
specifications: null,
stockID: null,
dosage: null,
isAntibiotic: "",
medicUseQuantity: 0.0,
medicUseUnit: null,
medicUseMode: null,
medicUsePlan: null,
medicQuantity: 1,
medicUnit: null,
remark: "",
inventoryNum: null,
orderType: r.orderType,
medicalPurpose: null,
price: null,
type: r.type,
sort: cout + 1,
isedit: false,
isnew: true,
chiefComplaint: null,
inspectionPurpose: null,
symptom: null,
pastHistory: null,
auxiliaryItems: null,
inspectRemarks: null,
description: null,
};
this.toggleSelection(newData, true);
this.cout = cout + 1;
r.children.push(newData);
}, },
{ onInput(row, value) {
label: "否", console.log(row);
value: 0, console.log(value);
this.tempRow = row;
}, },
],
tempRow: {}, //储存正在编辑的行 rowdblclick(row, column, event) {
tempRowChildren: [], this.pushData(row, this.tableData);
medicUseModeoptions: [], //途径 this.isPop = false;
medicUseModeoptionsLise: [],
medicUsePlanoptions: [], //频率
medicalPurposeoptions: [], //用药目的
radio: 1,
newtable1: [],
newtable2: [],
objtable: { route1: [], route2: [] },
goSeeScoredialogFormVisible: false, //更多弹框
goSeeform: {},
oldRowObj: {},
goSeeIndex: "",
goSeeIndexPid: "",
distype: 1,
cout: 0,
serch: "",
gridData: [
{
date: "2016-05-02",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
}, },
{ pushData(row, arr) {
date: "2016-05-04", console.log(this.tempRow.id);
name: "王小虎", arr.map((item) => {
address: "上海市普陀区金沙江路 1518 弄", if (item.id == this.tempRow.id) {
item.project_name = row.name;
}
if (item.children && item.children.length > 0) {
this.pushData(row, item.children);
}
});
}, },
{ deleteRow(row, arr) {
date: "2016-05-01", arr.map((item, i) => {
name: "王小虎", if (item.id == row.id) {
address: "上海市普陀区金沙江路 1518 弄", arr.splice(i, 1);
}
if (item.children && item.children.length > 0) {
this.deleteRow(row, item.children);
}
});
}, },
{ //表格禁用
date: "2016-05-03", selectEnable(row, rowIndex) {
name: "王小虎", if (row.isForbidden == false) {
address: "上海市普陀区金沙江路 1518 弄", return false; // 不禁用
} else {
return true; //禁用
}
},
//表格当前行样式
rowClass({ row, rowIndex }) {
if (row.isClass) {
return "rowStyleclass";
} else {
return "";
}
}, },
],
};
},
mounted() {
this.getIsRoute();
this.gettopdata();
this.getlefttime();
this.gemedicUseModeoptions();
this.gemedicUsePlanoptions();
this.getmedicalPurposeoptions();
},
methods: {
addRow(r) {
if (r.children == undefined) {
r.children = new Array();
}
console.log(r);
const { cout } = this;
const newData = {
emergency: 0,
id: cout + 1000000,
pid: r.id,
isClass: false,
inhosdays: "",
isForbidden: true,
tickTime: "",
project_code: "15163",
project_name: null,
ischeck: 1,
specifications: null,
stockID: null,
dosage: null,
isAntibiotic: "",
medicUseQuantity: 0.0,
medicUseUnit: null,
medicUseMode: null,
medicUsePlan: null,
medicQuantity: 1,
medicUnit: null,
remark: "",
inventoryNum: null,
orderType: "",
medicalPurpose: null,
price: null,
type: r.type,
sort: cout + 1,
isedit: false,
isnew: true,
chiefComplaint: null,
inspectionPurpose: null,
symptom: null,
pastHistory: null,
auxiliaryItems: null,
inspectRemarks: null,
description: null,
};
this.toggleSelection(newData, true);
this.cout = cout + 1;
r.children.push(newData);
},
//表格禁用
selectEnable(row, rowIndex) {
if (row.isForbidden == false) {
return false; // 不禁用
} else {
return true; //禁用
}
},
//表格当前行样式
rowClass({ row, rowIndex }) {
if (row.isClass) {
return "rowStyleclass";
} else {
return "";
}
},
//更多 //更多
goSeeScore(row) { goSeeScore(row) {
this.distype = row.type; this.distype = row.type;
this.oldRowObj = { ...row }; this.oldRowObj = { ...row };
this.goSeeform = row; this.goSeeform = row;
this.goSeeScoredialogFormVisible = true; this.goSeeScoredialogFormVisible = true;
}, },
//更多-取消 //更多-取消
goSeecolse() { goSeecolse() {
this.goSeeform = {}; this.goSeeform = {};
this.goSeeScoredialogFormVisible = false; this.goSeeScoredialogFormVisible = false;
}, },
//更多--确定 //更多--确定
goSeeok() { goSeeok() {
if (this.radio == 1) { if (this.radio == 1) {
this.multipleSelection[0] = this.goSeeform; this.multipleSelection[0] = this.goSeeform;
} else { } else {
this.multipleSelection1[0] = this.goSeeform; this.multipleSelection1[0] = this.goSeeform;
} }
this.goSeeScoredialogFormVisible = false; this.goSeeScoredialogFormVisible = false;
}, },
//获取途径，频率的下拉数据 //获取途径，频率的下拉数据
gemedicUseModeoptions() { gemedicUseModeoptions() {
http http.post(`/ClinicalRoute/ClinicalRoute/GetStaCRParametersByType?type=1`, {})
.post(`/ClinicalRoute/ClinicalRoute/GetStaCRParametersByType?type=1`, {}) .then((data) => {
.then((data) => { this.medicUseModeoptions = data;
this.medicUseModeoptions = data; this.medicUseModeoptionsLise = data;
this.medicUseModeoptionsLise = data; })
}) .catch((error) => {});
.catch((error) => {}); },
},
remoteMethod(query) { remoteMethod(query) {
if (query) { if (query) {
this.medicUseModeoptions = this.medicUseModeoptions.filter((item) => { this.medicUseModeoptions = this.medicUseModeoptions.filter((item) => {
return item.describe.toLowerCase().indexOf(query.toLowerCase()) > -1 || item.pinyin.toLowerCase().indexOf(query.toLowerCase()) > -1; return item.describe.toLowerCase().indexOf(query.toLowerCase()) > -1 || item.pinyin.toLowerCase().indexOf(query.toLowerCase()) > -1;
}); });
} else { } else {
this.medicUseModeoptions = this.medicUseModeoptionsLise; this.medicUseModeoptions = this.medicUseModeoptionsLise;
} }
}, },
//获取频率，频率的下拉数据 //获取频率，频率的下拉数据
gemedicUsePlanoptions() { gemedicUsePlanoptions() {
http http.post(`/ClinicalRoute/ClinicalRoute/GetStaCRParametersByType?type=2`, {})
.post(`/ClinicalRoute/ClinicalRoute/GetStaCRParametersByType?type=2`, {}) .then((data) => {
.then((data) => { this.medicUsePlanoptions = data;
this.medicUsePlanoptions = data; })
}) .catch((error) => {});
.catch((error) => {}); },
}, //获取用要目的下拉数据
//获取用要目的下拉数据 getmedicalPurposeoptions() {
getmedicalPurposeoptions() { http.post(`/ClinicalRoute/ClinicalRoute/GetStaCRParametersByType?type=3`, {})
http .then((data) => {
.post(`/ClinicalRoute/ClinicalRoute/GetStaCRParametersByType?type=3`, {}) this.medicalPurposeoptions = data;
.then((data) => { })
this.medicalPurposeoptions = data; .catch((error) => {});
}) },
.catch((error) => {});
},
//获取患者信息 //获取患者信息
gettopdata() { gettopdata() {
http http.post(`/ClinicalRoute/ClinicalRoute/GetPatientInfo?pid=${this.$route.query.pid}`, {})
.post(`/ClinicalRoute/ClinicalRoute/GetPatientInfo?pid=${this.$route.query.pid}`, {}) .then((data) => {
.then((data) => { this.topdata = data;
this.topdata = data; this.crid = data.crid;
this.crid = data.crid; this.getreasonoptions();
this.getreasonoptions(); })
}) .catch((error) => {});
.catch((error) => {}); },
},
// setChildren(children, type) { // setChildren(children, type) {
// // 编辑多个子层级 // // 编辑多个子层级
// children.map((j) => { // children.map((j) => {
// this.toggleSelection(j, type); // this.toggleSelection(j, type);
// if (j.children) { // if (j.children) {
// this.setChildren(j.children, type); // this.setChildren(j.children, type);
// } // }
// }); // });
// }, // },
// 选中父节点时，子节点一起选中取消 // 选中父节点时，子节点一起选中取消
select(selection, row) { select(selection, row) {
row.tickTime = transformTimestampnow(); row.tickTime = transformTimestampnow();
console.log( console.log(
selection.some((el) => { selection.some((el) => {
return row.id === el.id; return row.id === el.id;
}) })
); );
// 选中 // 选中
if ( if (
selection.some((el) => { selection.some((el) => {
return row.id === el.id; return row.id === el.id;
}) })
) { ) {
row.ischeck = 1; row.ischeck = 1;
if (row.children) { if (row.children) {
row.children row.children
.filter((item) => item.isForbidden) .filter((item) => item.isForbidden)
.map((j) => { .map((j) => {
j.tickTime = transformTimestampnow(); j.tickTime = transformTimestampnow();
j.edit = false; j.edit = false;
console.log(j.type); console.log(j.type);
this.toggleSelection(j, true); this.toggleSelection(j, true);
}); });
} else { } else {
selection.map((v) => { selection.map((v) => {
this.toggleSelection(v, true); this.toggleSelection(v, true);
}); });
} }
//取消 //取消
} else { } else {
console.log(row); console.log(row);
if (row.children && row.children.length) { if (row.children && row.children.length) {
row.children.map((p) => { row.children.map((p) => {
p.ischeck = 2; p.ischeck = 2;
p.isClass = false; p.isClass = false;
this.toggleSelection(p, false); this.toggleSelection(p, false);
}); });
} else { } else {
row.ischeck = 2; row.ischeck = 2;
this.toggleSelection(row, false); this.toggleSelection(row, false);
//取消的行数据 //取消的行数据
} }
} }
}, },
// 控制选框是否被选中 // 控制选框是否被选中
toggleSelection(row, select) { toggleSelection(row, select) {
if (row) { if (row) {
console.log(row); console.log(row);
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.multipleTable && this.$refs.multipleTable.toggleRowSelection(row, select); this.$refs.multipleTable && this.$refs.multipleTable.toggleRowSelection(row, select);
}); });
if (select == true) { if (select == true) {
row.ischeck = 1; row.ischeck = 1;
} else { } else {
row.ischeck = 2; row.ischeck = 2;
row.isClass = false; row.isClass = false;
} }
} }
}, },
// 选择全部 // 选择全部
selectAll(selection) { selectAll(selection) {
// tabledata第一层只要有在selection里面就是全选 // tabledata第一层只要有在selection里面就是全选
const isSelect = selection.some((el) => { const isSelect = selection.some((el) => {
const tableDataIds = this.tableData.map((j) => j.id); const tableDataIds = this.tableData.map((j) => j.id);
return tableDataIds.includes(el.id); return tableDataIds.includes(el.id);
});
// tableDate第一层只要有不在selection里面就是全不选
const isCancel = !this.tableData.every((el) => {
const selectIds = selection.map((j) => j.id);
return selectIds.includes(el.id);
});
if (isSelect) {
selection.map((el) => {
if (el.children) {
el.children
.filter((item) => item.isForbidden)
.map((j) => {
this.toggleSelection(j, true);
});
}
});
}
if (isCancel) {
this.tableData.map((el) => {
if (el.children) {
el.children.map((j) => {
this.toggleSelection(j, false);
}); });
} // tableDate第一层只要有不在selection里面就是全不选
}); const isCancel = !this.tableData.every((el) => {
} const selectIds = selection.map((j) => j.id);
}, return selectIds.includes(el.id);
//当选择项发生变化时会触发该事件
SelectionChange(val) {
// this.multipleSelection = val;
console.log(val.sort((a, b) => a.sort - b.sort) + "选中的数据");
if (this.radio == 1) {
this.multipleSelection = val.sort((a, b) => a.sort - b.sort);
console.log(this.multipleSelection.filter((item) => item.type != 1));
// this.multipleSelection = val.filter((item) => !item.children).sort((a, b) => a.sort - b.sort);
} else {
this.multipleSelection1 = val.sort((a, b) => a.sort - b.sort);
console.log(this.multipleSelection1.filter((item) => item.type != 1));
// this.multipleSelection1 = val.filter((item) => !item.children).sort((a, b) => a.sort - b.sort);
}
if (this.multipleSelection.length) {
this.multipleSelection
.filter((item) => item.type != 1)
.filter((item) => !item.children)
.map((item, index) => {
index == 0 ? (item.isedit = true) : (item.isedit = false);
});
}
if (this.multipleSelection1.length) {
this.multipleSelection1
.filter((item) => item.type != 1)
.filter((item) => !item.children)
.map((item, index) => {
index == 0 ? (item.isedit = true) : (item.isedit = false);
});
}
console.log(this.multipleSelection);
console.log(this.multipleSelection1);
},
//获取左侧时间线数据
getlefttime() {
http
.post(`/ClinicalRoute/ClinicalRoute/GetGetRouteAdvicesLeft?pid=${this.$route.query.pid}`, {})
.then((data) => {
this.activities = data;
this.options = data;
if (this.activities.filter((item) => item.flag).length == this.activities.length) {
this.timeindex = this.activities[this.activities.length - 1].inhosdays;
this.timeclick(this.activities[this.activities.length - 1]);
}
if (this.activities.filter((item) => !item.flag).length == this.activities.length) {
this.timeindex = this.activities[0].inhosdays;
this.timeclick(this.activities[0]);
} else {
this.timeindex = this.activities.filter((item) => !item.flag)[0].inhosdays;
this.timeclick(this.activities.filter((item) => !item.flag)[0]);
}
})
.catch((error) => {
console.log(error);
});
},
//获取标识
getIsRoute() {
http
.post(`/ClinicalRoute/ClinicalRoute/IsRoute?pid=${this.$route.query.pid}`, {})
.then((data) => {
console.log(data);
if (data) {
this.$router.push({
path: "Entrypath",
query: {
pid: this.$route.query.pid,
},
}); });
} if (isSelect) {
}) selection.map((el) => {
.catch((error) => {}); if (el.children) {
}, el.children
getTableData() { .filter((item) => item.isForbidden)
http .map((j) => {
.post(`/ClinicalRoute/ClinicalRoute/GetGetRouteAdvicesRight?pid=${this.$route.query.pid}&case_routeid=${this.case_routeid}&searchQuery=${this.inhosdays}`, {}) this.toggleSelection(j, true);
.then((data) => { });
data.route1.forEach((element) => { }
if (element.children) { });
element.children.map((el, i) => {
if (el.orderType == "药疗") {
el.children = [];
}
el.pid = element.id;
el.sort = i++;
el.isedit = false;
});
} }
}); if (isCancel) {
data.route2.forEach((element) => { this.tableData.map((el) => {
if (element.children) { if (el.children) {
element.children.map((el, i) => { el.children.map((j) => {
if (el.orderType == "药疗") { this.toggleSelection(j, false);
el.children = []; });
} }
el.pid = element.id; });
el.sort = i++;
el.isedit = false;
});
} }
}); },
this.newtable1 = data.route1;
this.newtable2 = data.route2; //当选择项发生变化时会触发该事件
this.tableData = this.radio == 1 ? data.route1 : data.route2; SelectionChange(val) {
}) // this.multipleSelection = val;
.catch((error) => { console.log(val.sort((a, b) => a.sort - b.sort) + "选中的数据");
console.log(error); if (this.radio == 1) {
}); this.multipleSelection = val.sort((a, b) => a.sort - b.sort);
}, console.log(this.multipleSelection.filter((item) => item.type != 1));
//单选 // this.multipleSelection = val.filter((item) => !item.children).sort((a, b) => a.sort - b.sort);
radiochange(e) { } else {
if (this.$refs.numberValidateForm || this.$refs.numberValidateForm1) { this.multipleSelection1 = val.sort((a, b) => a.sort - b.sort);
this.$refs.numberValidateForm.validate((valid) => { console.log(this.multipleSelection1.filter((item) => item.type != 1));
if (valid) { // this.multipleSelection1 = val.filter((item) => !item.children).sort((a, b) => a.sort - b.sort);
this.$refs.numberValidateForm1.validate((valid) => { }
if (valid) { if (this.multipleSelection.length) {
this.multipleSelection
.filter((item) => item.type != 1)
.filter((item) => !item.children)
.map((item, index) => {
index == 0 ? (item.isedit = true) : (item.isedit = false);
});
}
if (this.multipleSelection1.length) {
this.multipleSelection1
.filter((item) => item.type != 1)
.filter((item) => !item.children)
.map((item, index) => {
index == 0 ? (item.isedit = true) : (item.isedit = false);
});
}
},
//获取左侧时间线数据
getlefttime() {
http.post(`/ClinicalRoute/ClinicalRoute/GetGetRouteAdvicesLeft?pid=${this.$route.query.pid}`, {})
.then((data) => {
this.activities = data;
this.options = data;
if (this.activities.filter((item) => item.flag).length == this.activities.length) {
this.timeindex = this.activities[this.activities.length - 1].inhosdays;
this.timeclick(this.activities[this.activities.length - 1]);
}
if (this.activities.filter((item) => !item.flag).length == this.activities.length) {
this.timeindex = this.activities[0].inhosdays;
this.timeclick(this.activities[0]);
} else {
this.timeindex = this.activities.filter((item) => !item.flag)[0].inhosdays;
this.timeclick(this.activities.filter((item) => !item.flag)[0]);
}
})
.catch((error) => {
console.log(error);
});
},
//获取标识
getIsRoute() {
http.post(`/ClinicalRoute/ClinicalRoute/IsRoute?pid=${this.$route.query.pid}`, {})
.then((data) => {
console.log(data);
if (data) {
this.$router.push({
path: "Entrypath",
query: {
pid: this.$route.query.pid,
},
});
}
})
.catch((error) => {});
},
getTableData() {
http.post(
`/ClinicalRoute/ClinicalRoute/GetGetRouteAdvicesRight?pid=${this.$route.query.pid}&case_routeid=${this.case_routeid}&searchQuery=${this.inhosdays}`,
{}
)
.then((data) => {
data.route1.forEach((element) => {
if (element.children) {
element.children.map((el, i) => {
if (el.orderType == "药疗") {
el.children = [];
}
el.pid = element.id;
el.sort = i++;
el.isedit = false;
});
}
});
data.route2.forEach((element) => {
if (element.children) {
element.children.map((el, i) => {
if (el.orderType == "药疗") {
el.children = [];
}
el.pid = element.id;
el.sort = i++;
el.isedit = false;
});
}
});
this.newtable1 = data.route1;
this.newtable2 = data.route2;
this.tableData = this.radio == 1 ? data.route1 : data.route2;
})
.catch((error) => {
console.log(error);
});
},
//单选
radiochange(e) {
if (this.$refs.numberValidateForm || this.$refs.numberValidateForm1) {
this.$refs.numberValidateForm.validate((valid) => {
if (valid) {
this.$refs.numberValidateForm1.validate((valid) => {
if (valid) {
this.radio = e;
this.tableData = this.radio == 1 ? this.newtable1 : this.newtable2;
if (this.radio == 1) {
this.multipleSelection.map((j) => {
this.toggleSelection(j, true);
});
} else {
this.multipleSelection1.map((p) => {
this.toggleSelection(p, true);
});
}
} else {
console.log("error submit!!");
return false;
}
});
} else {
console.log("error submit!!");
return false;
}
});
} else {
this.radio = e; this.radio = e;
this.tableData = this.radio == 1 ? this.newtable1 : this.newtable2; this.tableData = this.radio == 1 ? this.newtable1 : this.newtable2;
if (this.radio == 1) { if (this.radio == 1) {
this.multipleSelection.map((j) => { this.multipleSelection.map((j) => {
this.toggleSelection(j, true); this.toggleSelection(j, true);
}); });
} else { } else {
this.multipleSelection1.map((p) => { this.multipleSelection1.map((p) => {
this.toggleSelection(p, true); this.toggleSelection(p, true);
}); });
} }
} else { }
console.log("error submit!!"); },
return false;
}
});
} else {
console.log("error submit!!");
return false;
}
});
} else {
this.radio = e;
this.tableData = this.radio == 1 ? this.newtable1 : this.newtable2;
if (this.radio == 1) {
this.multipleSelection.map((j) => {
this.toggleSelection(j, true);
});
} else {
this.multipleSelection1.map((p) => {
this.toggleSelection(p, true);
});
}
}
},
//点击左侧时间线 获取右侧表格数据 //点击左侧时间线 获取右侧表格数据
timeclick(val) { timeclick(val) {
this.timeindex = val.inhosdays; this.timeindex = val.inhosdays;
this.case_routeid = val.case_routeid; this.case_routeid = val.case_routeid;
this.inhosdays = val.inhosdays; this.inhosdays = val.inhosdays;
this.getTableData(); this.getTableData();
}, },
//保存医嘱 //保存医嘱
joinorder() { joinorder() {
if (this.multipleSelection.length || this.multipleSelection1.length) { if (this.multipleSelection.length || this.multipleSelection1.length) {
if (this.$refs.numberValidateForm || this.$refs.numberValidateForm1) { if (this.$refs.numberValidateForm || this.$refs.numberValidateForm1) {
this.$refs.numberValidateForm.validate((valid) => { this.$refs.numberValidateForm.validate((valid) => {
if (valid) { if (valid) {
this.$refs.numberValidateForm1.validate((valid) => { this.$refs.numberValidateForm1.validate((valid) => {
if (valid) { if (valid) {
this.saveSetPatientRoutes(); this.saveSetPatientRoutes();
} else {
console.log("error submit!!");
return false;
}
});
} else {
console.log("error submit!!");
return false;
}
});
} else { } else {
console.log("error submit!!"); this.saveSetPatientRoutes();
return false;
} }
});
} else {
console.log("error submit!!");
return false;
}
});
} else {
this.saveSetPatientRoutes();
}
}
},
msg(s, m) {
setTimeout(() => {
Message({
message: m,
type: s,
});
}, 300);
},
saveSetPatientRoutes() {
this.objtable.route1 = this.multipleSelection;
this.objtable.route2 = this.multipleSelection1;
http
.post(`/ClinicalRoute/ClinicalRoute/SetPatientRoutes?pid=${this.$route.query.pid}`, this.objtable)
.then(async (data) => {
data.map((item) => {
if (item.code == "0") {
this.msg("success", item.msg);
} else {
this.msg("error", item.msg);
} }
}); },
this.getlefttime(); msg(s, m) {
}) setTimeout(() => {
Message({
message: m,
type: s,
});
}, 300);
},
saveSetPatientRoutes() {
this.objtable.route1 = this.multipleSelection;
this.objtable.route2 = this.multipleSelection1;
http.post(`/ClinicalRoute/ClinicalRoute/SetPatientRoutes?pid=${this.$route.query.pid}`, this.objtable)
.then(async (data) => {
data.map((item) => {
if (item.code == "0") {
this.msg("success", item.msg);
} else {
this.msg("error", item.msg);
}
});
this.getlefttime();
})
.catch((error) => {}); .catch((error) => {});
}, },
//获取病情变异--变异原因下拉框 //获取病情变异--变异原因下拉框
getreasonoptions() { getreasonoptions() {
http http.post(`/ClinicalRoute/ClinicalRoute/GetStandardByType?crid=${this.crid}`, {})
.post(`/ClinicalRoute/ClinicalRoute/GetStandardByType?crid=${this.crid}`, {}) .then((data) => {
.then((data) => { this.reasonoptions = data;
this.reasonoptions = data; })
}) .catch((error) => {});
.catch((error) => {}); },
}, //病情变异
//病情变异 variation() {
variation() { this.editdialogFormVisible = true;
this.editdialogFormVisible = true; },
}, //确定
//确定 fromOKbtn(fromRef) {
fromOKbtn(fromRef) { let prome = {
let prome = { pid: this.$route.value.query.pid,
pid: this.$route.value.query.pid, reason: this.form.reason,
reason: this.form.reason, inhosdays: this.form.inhosdays,
inhosdays: this.form.inhosdays, remarks: this.form.remarks,
remarks: this.form.remarks, };
};
http http.post(`/ClinicalRoute/ClinicalRoute/SetVariation`, prome)
.post(`/ClinicalRoute/ClinicalRoute/SetVariation`, prome) .then((data) => {
.then((data) => { Message({
Message({ message: data.message,
message: data.message, type: "success",
type: "success", });
}); (this.form = {
(this.form = { inhosdays: "",
inhosdays: "", reason: "",
reason: "", }),
}), (this.editdialogFormVisible = false);
(this.editdialogFormVisible = false);
this.$router.push({ this.$router.push({
path: "Entrypath", path: "Entrypath",
query: { query: {
pid: this.$route.query.pid, pid: this.$route.query.pid,
}, },
}); });
}) })
.catch((error) => {}); .catch((error) => {});
}, },
//取消 //取消
close() { close() {
(this.form = { (this.form = {
inhosdays: "", inhosdays: "",
reason: "", reason: "",
}), }),
(this.editdialogFormVisible = false); (this.editdialogFormVisible = false);
}, },
//下拉框鼠标移上显示提示文字 //下拉框鼠标移上显示提示文字
getTitle(val) { getTitle(val) {
if (val != "") { if (val != "") {
let a = this.reasonoptions.filter((item) => item.describe == val); let a = this.reasonoptions.filter((item) => item.describe == val);
return a[0].describe; return a[0].describe;
} }
},
}, },
},
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
...@@ -929,270 +981,270 @@ export default { ...@@ -929,270 +981,270 @@ export default {
@import "../styles/media/components/outClinicalpathway.scss"; @import "../styles/media/components/outClinicalpathway.scss";
//选中当前行样式 //选中当前行样式
::v-deep .rowStyleclass { ::v-deep .rowStyleclass {
font-weight: 700; font-weight: 700;
background-color: #f5f7fa; background-color: #f5f7fa;
} }
//时间线样式 //时间线样式
::v-deep .el-timeline-item__tail { ::v-deep .el-timeline-item__tail {
left: 0 !important; left: 0 !important;
height: 0 !important; height: 0 !important;
} }
::v-deep .el-timeline-item { ::v-deep .el-timeline-item {
padding-bottom: 5px !important; padding-bottom: 5px !important;
display: flex !important; display: flex !important;
align-items: end !important; align-items: end !important;
} }
::v-deep .el-timeline-item__wrapper { ::v-deep .el-timeline-item__wrapper {
padding-left: 29px !important; padding-left: 29px !important;
margin-right: 30px !important; margin-right: 30px !important;
top: 3px !important; top: 3px !important;
display: flex !important; display: flex !important;
align-items: end !important; align-items: end !important;
.el-timeline-item__content { .el-timeline-item__content {
display: -webkit-box; display: -webkit-box;
overflow: hidden; overflow: hidden;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 1; -webkit-line-clamp: 1;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
} }
::v-deep .el-timeline-item__node--normal { ::v-deep .el-timeline-item__node--normal {
margin-left: 15px !important; margin-left: 15px !important;
} }
//单选框 //单选框
::v-deep .el-radio__input.is-checked .el-radio__inner { ::v-deep .el-radio__input.is-checked .el-radio__inner {
background-color: #0085ba !important; background-color: #0085ba !important;
border-color: #1097e0 !important; border-color: #1097e0 !important;
} }
::v-deep .el-radio__input.is-checked + .el-radio__label { ::v-deep .el-radio__input.is-checked + .el-radio__label {
color: #0085ba !important; color: #0085ba !important;
} }
//多选框选中状态背景颜色 //多选框选中状态背景颜色
::v-deep .el-checkbox__input.is-checked .el-checkbox__inner { ::v-deep .el-checkbox__input.is-checked .el-checkbox__inner {
background-color: #0085ba !important; background-color: #0085ba !important;
border-color: #1097e0 !important; border-color: #1097e0 !important;
} }
::v-deep .el-table--scrollable-x .el-table__body-wrapper { ::v-deep .el-table--scrollable-x .el-table__body-wrapper {
height: 688px !important ; height: 688px !important ;
overflow-y: auto !important; overflow-y: auto !important;
} }
// 滚动条的宽度 // 滚动条的宽度
::v-deep .el-table__body-wrapper::-webkit-scrollbar { ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
/*滚动条整体样式*/ /*滚动条整体样式*/
width: 10px; width: 10px;
/*高宽分别对应横竖滚动条的尺寸*/ /*高宽分别对应横竖滚动条的尺寸*/
height: 10px; height: 10px;
background-color: #ffff; background-color: #ffff;
} }
// 滚动条的滑块 // 滚动条的滑块
::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb { ::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {
background-color: #27aae2; background-color: #27aae2;
border: 3px solid transparent; border: 3px solid transparent;
border-radius: 9px; border-radius: 9px;
background-clip: content-box; background-clip: content-box;
} }
::v-deep .el-table__body-wrapper::-webkit-scrollbar-track { ::v-deep .el-table__body-wrapper::-webkit-scrollbar-track {
/*滚动条里面轨道*/ /*滚动条里面轨道*/
border-radius: 20px; border-radius: 20px;
background: #ffff; background: #ffff;
width: 10px; width: 10px;
} }
.outClinicalpathway { .outClinicalpathway {
// height: calc(100% - 50px); // height: calc(100% - 50px);
// background-color: white; // background-color: white;
// padding: 20px; // padding: 20px;
// position: relative; // position: relative;
// overflow: hidden; // overflow: hidden;
height: 900px; height: 900px;
background-color: #f0f0f0;
// padding: 10px;
overflow: hidden;
position: relative;
&_top {
width: 100%;
height: 12%;
margin-bottom: 5px;
background-color: #f0f0f0; background-color: #f0f0f0;
display: flex; // padding: 10px;
flex-direction: column; overflow: hidden;
&_bg { position: relative;
width: 100%; &_top {
height: 15%;
background-color: #0283bb;
}
&_coent {
width: 100%;
height: 50%;
background-color: #ffff;
display: flex;
margin-bottom: 5px;
&_left {
height: 100%;
width: 100%; width: 100%;
height: 12%;
margin-bottom: 5px;
background-color: #f0f0f0;
display: flex; display: flex;
justify-content: center; flex-direction: column;
align-items: center; &_bg {
&_one { width: 100%;
width: 98%; height: 15%;
height: 80%; background-color: #0283bb;
background-color: #f2fafd; }
margin-bottom: 10px; &_coent {
display: flex; width: 100%;
align-items: center; height: 50%;
justify-content: space-between;
margin-top: 10px;
span {
width: 3%;
height: 100%;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
}
&_t1 {
width: 24%;
height: 80%;
margin-right: 5px;
background-color: #ffff; background-color: #ffff;
display: flex; display: flex;
align-items: center; margin-bottom: 5px;
color: #acacac; &_left {
font-weight: 400; height: 100%;
padding-left: 20px; width: 100%;
margin-left: 10px; display: flex;
span { justify-content: center;
width: 80%; align-items: center;
height: 80%; &_one {
color: #181617; width: 98%;
display: flex; height: 80%;
justify-content: flex-start; background-color: #f2fafd;
align-items: center; margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 10px;
span {
width: 3%;
height: 100%;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
}
&_t1 {
width: 24%;
height: 80%;
margin-right: 5px;
background-color: #ffff;
display: flex;
align-items: center;
color: #acacac;
font-weight: 400;
padding-left: 20px;
margin-left: 10px;
span {
width: 80%;
height: 80%;
color: #181617;
display: flex;
justify-content: flex-start;
align-items: center;
}
}
&_t2 {
width: 24%;
height: 80%;
margin-right: 5px;
background-color: #ffff;
display: flex;
align-items: center;
color: #acacac;
font-weight: 400;
padding-left: 20px;
span {
width: 80%;
height: 80%;
color: #181617;
display: flex;
justify-content: flex-start;
align-items: center;
}
}
&_t3 {
width: 24%;
height: 80%;
margin-right: 5px;
background-color: #ffff;
margin-right: 10px;
display: flex;
align-items: center;
color: #acacac;
font-weight: 400;
padding-left: 20px;
span {
width: 80%;
height: 80%;
color: #181617;
display: flex;
justify-content: flex-start;
align-items: center;
}
}
&_t4 {
width: 24%;
height: 80%;
background-color: #ffff;
margin-right: 5px;
display: flex;
align-items: center;
color: #acacac;
font-weight: 400;
padding-left: 20px;
span {
width: 60%;
height: 80%;
color: #181617;
display: flex;
justify-content: flex-start;
align-items: center;
}
}
}
} }
} &_right {
&_t2 { height: 100%;
width: 24%; width: 20%;
height: 80%; display: flex;
margin-right: 5px; align-items: center;
background-color: #ffff; justify-content: center;
display: flex; &_btn {
align-items: center; height: 50%;
color: #acacac; width: 100%;
font-weight: 400; display: flex;
padding-left: 20px; align-items: center;
span { justify-content: center;
width: 80%; }
height: 80%;
color: #181617;
display: flex;
justify-content: flex-start;
align-items: center;
} }
} }
&_t3 { &_time {
width: 24%; width: 100%;
height: 80%; height: 35%;
margin-right: 5px; background: #ffff;
background-color: #ffff;
margin-right: 10px;
display: flex;
align-items: center;
color: #acacac;
font-weight: 400;
padding-left: 20px; padding-left: 20px;
span {
width: 80%;
height: 80%;
color: #181617;
display: flex;
justify-content: flex-start;
align-items: center;
}
}
&_t4 {
width: 24%;
height: 80%;
background-color: #ffff;
margin-right: 5px;
display: flex; display: flex;
align-items: center; align-items: center;
color: #acacac;
font-weight: 400;
padding-left: 20px;
span {
width: 60%;
height: 80%;
color: #181617;
display: flex;
justify-content: flex-start;
align-items: center;
}
}
}
}
&_right {
height: 100%;
width: 20%;
display: flex;
align-items: center;
justify-content: center;
&_btn {
height: 50%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
}
}
&_time {
width: 100%;
height: 35%;
background: #ffff;
padding-left: 20px;
display: flex;
align-items: center;
&_timespan { &_timespan {
max-width: 200px; max-width: 200px;
/* height: 20px; */ /* height: 20px; */
display: flex; display: flex;
background-color: #0283bb; background-color: #0283bb;
border-radius: 20px; border-radius: 20px;
margin-right: 10px; margin-right: 10px;
span { span {
color: #ffff; color: #ffff;
}
}
&_timespan2 {
max-width: 200px;
/* height: 20px; */
display: flex;
}
} }
}
&_timespan2 {
max-width: 200px;
/* height: 20px; */
display: flex;
}
} }
} &_table {
&_table { height: 84%;
height: 84%;
width: 100%;
display: flex;
&_right {
width: 100%;
height: 100%;
&_radio {
width: 100%; width: 100%;
height: 8%;
background: #ffff;
display: flex; display: flex;
align-items: center;
padding-left: 10px; &_right {
} width: 100%;
height: 100%;
&_radio {
width: 100%;
height: 8%;
background: #ffff;
display: flex;
align-items: center;
padding-left: 10px;
}
}
} }
} /* .el-form-item {
/* .el-form-item {
margin: 0; margin: 0;
} */ } */
} }
......
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