Skip to content

V
vue-composition-api
Commit e9aca377 by tangyufeng
Options

解决报错

parent 6e32017a
Showing with 491 additions and 97 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 {
...@@ -9,11 +10,13 @@ ...@@ -9,11 +10,13 @@
width: 50% !important; width: 50% !important;
} }
} }
&_t2 { &_t2 {
span { span {
width: 50% !important; width: 50% !important;
} }
} }
&_t3 { &_t3 {
span { span {
width: 50% !important; width: 50% !important;
...@@ -21,6 +24,7 @@ ...@@ -21,6 +24,7 @@
} }
} }
} }
&_table { &_table {
&_lefttab { &_lefttab {
&_select { &_select {
...@@ -29,6 +33,7 @@ ...@@ -29,6 +33,7 @@
&_inp { &_inp {
width: 100% !important; width: 100% !important;
} }
&_chack { &_chack {
width: 100% !important; width: 100% !important;
} }
...@@ -48,11 +53,13 @@ ...@@ -48,11 +53,13 @@
width: 50% !important; width: 50% !important;
} }
} }
&_t2 { &_t2 {
span { span {
width: 50% !important; width: 50% !important;
} }
} }
&_t3 { &_t3 {
span { span {
width: 50% !important; width: 50% !important;
...@@ -60,6 +67,7 @@ ...@@ -60,6 +67,7 @@
} }
} }
} }
&_table { &_table {
&_lefttab { &_lefttab {
&_select { &_select {
...@@ -68,6 +76,7 @@ ...@@ -68,6 +76,7 @@
&_inp { &_inp {
width: 100% !important; width: 100% !important;
} }
&_chack { &_chack {
width: 100% !important; width: 100% !important;
} }
...@@ -78,7 +87,7 @@ ...@@ -78,7 +87,7 @@
} }
// 1366px // 1366px
@media screen and (min-width: 1366px) and(max-width:1439px) { @media screen and (min-width: 1366px) and (max-width:1439px) {
.Entrypath { .Entrypath {
&_top { &_top {
&_left { &_left {
...@@ -87,11 +96,13 @@ ...@@ -87,11 +96,13 @@
width: 50% !important; width: 50% !important;
} }
} }
&_t2 { &_t2 {
span { span {
width: 50% !important; width: 50% !important;
} }
} }
&_t3 { &_t3 {
span { span {
width: 50% !important; width: 50% !important;
...@@ -99,6 +110,7 @@ ...@@ -99,6 +110,7 @@
} }
} }
} }
&_table { &_table {
&_lefttab { &_lefttab {
&_select { &_select {
...@@ -114,7 +126,7 @@ ...@@ -114,7 +126,7 @@
} }
//1600 //1600
@media screen and (min-width: 1600px) and(max-width:1919px) { @media screen and (min-width: 1600px) and (max-width:1919px) {
.Entrypath { .Entrypath {
&_table { &_table {
&_lefttab { &_lefttab {
......
src/styles/media/components/outClinicalpathway.scss
...@@ -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,11 +869,14 @@ ...@@ -704,11 +869,14 @@
font-size: 10px !important; font-size: 10px !important;
} }
} }
.fc3 {} .fc3 {}
} }
} }
li { li {
font-size: 9px !important; font-size: 9px !important;
div { div {
font-size: 9px !important; font-size: 9px !important;
...@@ -716,6 +884,7 @@ ...@@ -716,6 +884,7 @@
&_avg { &_avg {
padding-left: 5px !important; padding-left: 5px !important;
} }
&_reto { &_reto {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
...@@ -727,61 +896,76 @@ ...@@ -727,61 +896,76 @@
} }
} }
} }
&_right { &_right {
width: 55% !important; width: 55% !important;
height: 98% !important; height: 98% !important;
margin-bottom: 10px !important; margin-bottom: 10px !important;
// 无数据样式 // 无数据样式
&_box { &_box {
&_text { &_text {
font-size: 12px !important; font-size: 12px !important;
} }
} }
&_table { &_table {
height: calc(100% - 100px); height: calc(100% - 100px);
} }
.isverifyStyle { .isverifyStyle {
background-color: #f4f5f8; background-color: #f4f5f8;
} }
.paginations { .paginations {
text-align: right; text-align: right;
} }
} }
} }
&_rght2 { &_rght2 {
height: 98% !important; height: 98% !important;
width: 17% !important; width: 17% !important;
&_top { &_top {
height: 30% !important; height: 30% !important;
&_title { &_title {
font-size: 13px !important; font-size: 13px !important;
display: flex !important; display: flex !important;
justify-content: flex-start !important; justify-content: flex-start !important;
align-items: center !important; align-items: center !important;
} }
&_mes { &_mes {
&_span1 { &_span1 {
font-size: 12px !important; font-size: 12px !important;
} }
&_span2 { &_span2 {
font-size: 12px !important; font-size: 12px !important;
} }
&_span3 { &_span3 {
font-size: 12px !important; font-size: 12px !important;
} }
&_span4 { &_span4 {
font-size: 12px !important; font-size: 12px !important;
} }
} }
} }
&_bottom { &_bottom {
height: 68% !important; height: 68% !important;
&_li { &_li {
&_title { &_title {
width: 46px !important; width: 46px !important;
height: 23px !important; height: 23px !important;
font-size: 14px !important; font-size: 14px !important;
} }
&_cont { &_cont {
font-size: 14px !important; font-size: 14px !important;
} }
...@@ -793,78 +977,96 @@ ...@@ -793,78 +977,96 @@
} }
//1600 //1600
@media screen and (min-width: 1600px) and(max-width:1919px) { @media screen and (min-width: 1600px) and (max-width:1919px) {
.outpatientDetails { .outpatientDetails {
&_top { &_top {
.span1 { .span1 {
font-size: 14px; font-size: 14px;
} }
&_message { &_message {
&_left { &_left {
.iconfont { .iconfont {
font-size: 18px !important; font-size: 18px !important;
} }
&_t1 { &_t1 {
font-size: 12px !important; font-size: 12px !important;
span { span {
color: #787e8a; color: #787e8a;
} }
} }
} }
&_centert { &_centert {
.iconfont { .iconfont {
font-size: 18px; font-size: 18px;
} }
&_t2 { &_t2 {
font-size: 12px !important; font-size: 12px !important;
span { span {
color: #787e8a; color: #787e8a;
} }
} }
} }
&_right { &_right {
.iconfont { .iconfont {
font-size: 18px !important; font-size: 18px !important;
} }
&_t3 { &_t3 {
font-size: 12px !important; font-size: 12px !important;
text-align: start !important; text-align: start !important;
span { span {
color: #787e8a; color: #787e8a;
} }
} }
} }
&_low { &_low {
.iconfont { .iconfont {
font-size: 18px !important; font-size: 18px !important;
} }
&_t4 { &_t4 {
font-size: 12px !important; font-size: 12px !important;
text-align: start !important; text-align: start !important;
span { span {
color: #787e8a; color: #787e8a;
} }
} }
} }
&_div6 { &_div6 {
.iconfont { .iconfont {
font-size: 18px !important; font-size: 18px !important;
} }
&_t6 { &_t6 {
font-size: 12px !important; font-size: 12px !important;
text-align: start !important; text-align: start !important;
span { span {
color: #787e8a; color: #787e8a;
} }
} }
} }
&_div5 { &_div5 {
.iconfont { .iconfont {
font-size: 18px !important; font-size: 18px !important;
} }
&_t5 { &_t5 {
font-size: 12px !important; font-size: 12px !important;
text-align: start !important; text-align: start !important;
span { span {
color: #787e8a; color: #787e8a;
} }
...@@ -872,41 +1074,52 @@ ...@@ -872,41 +1074,52 @@
} }
} }
} }
&_msg { &_msg {
.iconfont { .iconfont {
font-size: 18px !important; font-size: 18px !important;
} }
span:nth-child(2) { span:nth-child(2) {
margin-left: 21px; margin-left: 21px;
} }
span:nth-child(n + 2) { span:nth-child(n + 2) {
font-size: 12px !important; font-size: 12px !important;
} }
span:nth-child(n + 7) { span:nth-child(n + 7) {
margin-right: 5px; margin-right: 5px;
} }
} }
&_title { &_title {
span { span {
font-size: 13px; font-size: 13px;
} }
} }
&_bottom { &_bottom {
height: 64% !important; height: 64% !important;
&_leftShowBox { &_leftShowBox {
// 无数据 // 无数据
&_box { &_box {
&_img { &_img {
width: 200px; width: 200px;
height: 200px; height: 200px;
} }
&_text { &_text {
font-size: 9px !important; font-size: 9px !important;
} }
} }
// 有数据 // 有数据
&_left { &_left {
width: 38% !important; width: 38% !important;
&_ul { &_ul {
.active { .active {
.fc2 { .fc2 {
...@@ -916,14 +1129,18 @@ ...@@ -916,14 +1129,18 @@
} }
} }
} }
li { li {
font-size: 9px !important; font-size: 9px !important;
div { div {
font-size: 9px !important; font-size: 9px !important;
.sp2 { .sp2 {
&_avg { &_avg {
padding-left: 5px !important; padding-left: 5px !important;
} }
&_reto { &_reto {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
...@@ -935,28 +1152,35 @@ ...@@ -935,28 +1152,35 @@
} }
} }
} }
&_right { &_right {
width: 62% !important; width: 62% !important;
// 无数据样式 // 无数据样式
&_box { &_box {
&_text { &_text {
font-size: 12px !important; font-size: 12px !important;
} }
} }
&_table { &_table {
height: calc(100% - 100px); height: calc(100% - 100px);
} }
.isverifyStyle { .isverifyStyle {
background-color: #f4f5f8; background-color: #f4f5f8;
} }
.paginations { .paginations {
text-align: right; text-align: right;
} }
} }
} }
&_rght2 { &_rght2 {
&_top { &_top {
height: 20% !important; height: 20% !important;
&_title { &_title {
height: 24px !important; height: 24px !important;
font-size: 16px !important; font-size: 16px !important;
...@@ -964,26 +1188,32 @@ ...@@ -964,26 +1188,32 @@
justify-content: flex-start !important; justify-content: flex-start !important;
align-items: center !important; align-items: center !important;
} }
&_mes { &_mes {
&_span1 { &_span1 {
font-size: 12px !important; font-size: 12px !important;
} }
&_span2 { &_span2 {
font-size: 12px !important; font-size: 12px !important;
} }
&_span3 { &_span3 {
font-size: 12px !important; font-size: 12px !important;
} }
&_span4 { &_span4 {
font-size: 12px !important; font-size: 12px !important;
} }
} }
} }
&_bottom { &_bottom {
&_li { &_li {
&_title { &_title {
font-size: 16px !important; font-size: 16px !important;
} }
&_cont { &_cont {
font-size: 16px !important; font-size: 16px !important;
} }
......
src/styles/outHistorygrouping.scss
//1024px //1024px
@media screen and (min-width: 769px) and (max-width: 1024px) { @media screen and (min-width: 769px) and (max-width: 1024px) {
.outoutaddrecordEnrollment { .outoutaddrecordEnrollment {
&_top { &_top {
.span1 {} .span1 {}
&_message { &_message {
&_left { &_left {
.iconfont { .iconfont {
padding-left: 12px !important; padding-left: 12px !important;
font-size: 11px !important; font-size: 11px !important;
} }
&_t1 { &_t1 {
font-size: 9px !important; font-size: 9px !important;
width: 82% !important; width: 82% !important;
margin-left: 17px !important; margin-left: 17px !important;
} }
} }
&_centert { &_centert {
.iconfont { .iconfont {
padding-left: 12px !important; padding-left: 12px !important;
font-size: 11px !important; font-size: 11px !important;
} }
&_t2 { &_t2 {
font-size: 9px !important; font-size: 9px !important;
width: 82% !important; width: 82% !important;
margin-left: 17px !important; margin-left: 17px !important;
} }
} }
&_right { &_right {
.iconfont { .iconfont {
padding-left: 12px !important; padding-left: 12px !important;
font-size: 11px !important; font-size: 11px !important;
} }
&_t3 { &_t3 {
font-size: 9px !important; font-size: 9px !important;
width: 82% !important; width: 82% !important;
...@@ -40,36 +45,43 @@ ...@@ -40,36 +45,43 @@
} }
} }
} }
&_top2 { &_top2 {
.span1 {} .span1 {}
&_message { &_message {
&_left { &_left {
.iconfont { .iconfont {
padding-left: 12px !important; padding-left: 12px !important;
font-size: 11px !important; font-size: 11px !important;
} }
&_t1 { &_t1 {
font-size: 9px !important; font-size: 9px !important;
width: 82% !important; width: 82% !important;
margin-left: 17px !important; margin-left: 17px !important;
} }
} }
&_centert { &_centert {
.iconfont { .iconfont {
padding-left: 12px !important; padding-left: 12px !important;
font-size: 11px !important; font-size: 11px !important;
} }
&_t2 { &_t2 {
font-size: 9px !important; font-size: 9px !important;
width: 82% !important; width: 82% !important;
margin-left: 17px !important; margin-left: 17px !important;
} }
} }
&_right { &_right {
.iconfont { .iconfont {
padding-left: 12px !important; padding-left: 12px !important;
font-size: 11px !important; font-size: 11px !important;
} }
&_t3 { &_t3 {
font-size: 9px !important; font-size: 9px !important;
width: 82% !important; width: 82% !important;
...@@ -78,57 +90,71 @@ ...@@ -78,57 +90,71 @@
} }
} }
} }
&_title { &_title {
font-size: 9px !important; font-size: 9px !important;
} }
&_search { &_search {
&_message { &_message {
&_left { &_left {
&_t1 { &_t1 {
width: 30% !important; width: 30% !important;
font-size: 9px !important; font-size: 9px !important;
.iconfont { .iconfont {
padding-left: 12px !important; padding-left: 12px !important;
font-size: 16px !important; font-size: 16px !important;
} }
} }
&_t2 { &_t2 {
.el-input__inner { .el-input__inner {
font-size: 9px !important; font-size: 9px !important;
} }
} }
} }
&_centert { &_centert {
&_t1 { &_t1 {
width: 35% !important; width: 35% !important;
font-size: 9px !important; font-size: 9px !important;
.iconfont { .iconfont {
padding-left: 12px !important; padding-left: 12px !important;
font-size: 16px !important; font-size: 16px !important;
} }
} }
&_t2 { &_t2 {
.el-input__inner { .el-input__inner {
font-size: 9px !important; font-size: 9px !important;
} }
} }
} }
&_right { &_right {
width: 10% !important; width: 10% !important;
&_search { &_search {
height: 50% !important; height: 50% !important;
&_span2 { &_span2 {
font-size: 9px !important; font-size: 9px !important;
} }
.iconfont { .iconfont {
font-size: 10px !important; font-size: 10px !important;
} }
} }
&_submit { &_submit {
height: 50% !important; height: 50% !important;
&_span3 { &_span3 {
font-size: 9px !important; font-size: 9px !important;
} }
.iconfont { .iconfont {
font-size: 10px !important; font-size: 10px !important;
} }
...@@ -136,17 +162,21 @@ ...@@ -136,17 +162,21 @@
} }
} }
} }
&_centent { &_centent {
&_totalnum { &_totalnum {
// width: 1673px; // width: 1673px;
flex-direction: column !important; flex-direction: column !important;
height: 275px !important; height: 275px !important;
&_left { &_left {
width: 99% !important; width: 99% !important;
margin: 10px 15px !important; margin: 10px 15px !important;
} }
&_right { &_right {
width: 100% !important; width: 100% !important;
&_echar1 { &_echar1 {
display: flex !important; display: flex !important;
justify-content: center !important; justify-content: center !important;
...@@ -154,6 +184,7 @@ ...@@ -154,6 +184,7 @@
width: 20%; width: 20%;
height: 132px; height: 132px;
} }
&_echar2 { &_echar2 {
display: flex !important; display: flex !important;
justify-content: center !important; justify-content: center !important;
...@@ -161,6 +192,7 @@ ...@@ -161,6 +192,7 @@
width: 20%; width: 20%;
height: 132px; height: 132px;
} }
&_echar3 { &_echar3 {
display: flex !important; display: flex !important;
justify-content: center !important; justify-content: center !important;
...@@ -168,6 +200,7 @@ ...@@ -168,6 +200,7 @@
width: 20%; width: 20%;
height: 132px; height: 132px;
} }
&_echar4 { &_echar4 {
display: flex !important; display: flex !important;
justify-content: center !important; justify-content: center !important;
...@@ -175,6 +208,7 @@ ...@@ -175,6 +208,7 @@
width: 20%; width: 20%;
height: 132px; height: 132px;
} }
&_echar5 { &_echar5 {
display: flex !important; display: flex !important;
justify-content: center !important; justify-content: center !important;
...@@ -184,6 +218,7 @@ ...@@ -184,6 +218,7 @@
} }
} }
} }
&_nodata { &_nodata {
&_img { &_img {
img { img {
...@@ -191,6 +226,7 @@ ...@@ -191,6 +226,7 @@
height: 54px !important; height: 54px !important;
} }
} }
&_text { &_text {
font-size: 12px !important; font-size: 12px !important;
} }
...@@ -200,7 +236,7 @@ ...@@ -200,7 +236,7 @@
} }
//1366px //1366px
@media screen and (min-width: 1366px) and(max-width:1439px) { @media screen and (min-width: 1366px) and (max-width:1439px) {
.outsetgrouping { .outsetgrouping {
.outaddrecordEnrollment { .outaddrecordEnrollment {
...@@ -209,17 +245,20 @@ ...@@ -209,17 +245,20 @@
&_span1 { &_span1 {
width: 60px !important; width: 60px !important;
} }
&_inp1 { &_inp1 {
width:180px !important; width: 180px !important;
} }
&_span2 { &_span2 {
width: 70px !important; width: 70px !important;
} }
&_inp2 { &_inp2 {
width:270px !important; width: 270px !important;
} }
&_span3 { &_span3 {
width: 70px !important; width: 70px !important;
} }
...@@ -229,27 +268,31 @@ ...@@ -229,27 +268,31 @@
} }
&_span5 { &_span5 {
margin-left:180px !important; margin-left: 180px !important;
} }
} }
&_div2 { &_div2 {
&_span1 { &_span1 {
width: 60px !important; width: 60px !important;
} }
&_inp1 { &_inp1 {
width:180px !important; width: 180px !important;
} }
&_span2 { &_span2 {
width: 70px !important; width: 70px !important;
} }
&_inp2 { &_inp2 {
width:270px !important; width: 270px !important;
} }
&_span3 { &_span3 {
width: 70px !important; width: 70px !important;
} }
...@@ -259,6 +302,7 @@ ...@@ -259,6 +302,7 @@
} }
} }
&_div3 { &_div3 {
&_span1 { &_span1 {
...@@ -268,27 +312,33 @@ ...@@ -268,27 +312,33 @@
} }
} }
&_centent { &_centent {
height: 67vh !important; height: 67vh !important;
&_totalnum { &_totalnum {
&_left { &_left {
margin: 10px 15px !important; margin: 10px 15px !important;
&_text1 { &_text1 {
span { span {
font-size: 10px !important; font-size: 10px !important;
} }
} }
&_text2 { &_text2 {
span { span {
font-size: 10px !important; font-size: 10px !important;
} }
} }
&_text3 { &_text3 {
span { span {
font-size: 10px !important; font-size: 10px !important;
} }
} }
} }
&_right { &_right {
&_echar1 { &_echar1 {
display: flex !important; display: flex !important;
...@@ -297,6 +347,7 @@ ...@@ -297,6 +347,7 @@
width: 20%; width: 20%;
height: 132px; height: 132px;
} }
&_echar2 { &_echar2 {
display: flex !important; display: flex !important;
justify-content: center !important; justify-content: center !important;
...@@ -304,6 +355,7 @@ ...@@ -304,6 +355,7 @@
width: 20%; width: 20%;
height: 132px; height: 132px;
} }
&_echar3 { &_echar3 {
display: flex !important; display: flex !important;
justify-content: center !important; justify-content: center !important;
...@@ -311,6 +363,7 @@ ...@@ -311,6 +363,7 @@
width: 20%; width: 20%;
height: 132px; height: 132px;
} }
&_echar4 { &_echar4 {
display: flex !important; display: flex !important;
justify-content: center !important; justify-content: center !important;
...@@ -318,6 +371,7 @@ ...@@ -318,6 +371,7 @@
width: 20%; width: 20%;
height: 132px; height: 132px;
} }
&_echar5 { &_echar5 {
display: flex !important; display: flex !important;
justify-content: center !important; justify-content: center !important;
...@@ -327,6 +381,7 @@ ...@@ -327,6 +381,7 @@
} }
} }
} }
&_nodata { &_nodata {
&_img { &_img {
img { img {
...@@ -334,6 +389,7 @@ ...@@ -334,6 +389,7 @@
height: 54px !important; height: 54px !important;
} }
} }
&_text { &_text {
font-size: 12px !important; font-size: 12px !important;
} }
...@@ -343,8 +399,9 @@ ...@@ -343,8 +399,9 @@
} }
} }
//1440px //1440px
@media screen and (min-width: 1440px) and(max-width:1599px) { @media screen and (min-width: 1440px) and (max-width:1599px) {
.outaddrecordEnrollment { .outaddrecordEnrollment {
&_search { &_search {
...@@ -352,17 +409,20 @@ ...@@ -352,17 +409,20 @@
&_span1 { &_span1 {
width: 50px !important; width: 50px !important;
} }
&_inp1 { &_inp1 {
width:180px !important; width: 180px !important;
} }
&_span2 { &_span2 {
width: 70px !important; width: 70px !important;
} }
&_inp2 { &_inp2 {
width:300px !important; width: 300px !important;
} }
&_span3 { &_span3 {
width: 70px !important; width: 70px !important;
} }
...@@ -372,27 +432,31 @@ ...@@ -372,27 +432,31 @@
} }
&_span5 { &_span5 {
margin-left:230px !important; margin-left: 230px !important;
} }
} }
&_div2 { &_div2 {
&_span1 { &_span1 {
width: 50px !important; width: 50px !important;
} }
&_inp1 { &_inp1 {
width:180px !important; width: 180px !important;
} }
&_span2 { &_span2 {
width: 70px !important; width: 70px !important;
} }
&_inp2 { &_inp2 {
width:300px !important; width: 300px !important;
} }
&_span3 { &_span3 {
width: 70px !important; width: 70px !important;
} }
...@@ -402,6 +466,7 @@ ...@@ -402,6 +466,7 @@
} }
} }
&_div3 { &_div3 {
&_span1 { &_span1 {
...@@ -411,27 +476,33 @@ ...@@ -411,27 +476,33 @@
} }
} }
&_centent { &_centent {
height: 67vh !important; height: 67vh !important;
&_totalnum { &_totalnum {
&_left { &_left {
margin: 10px 15px !important; margin: 10px 15px !important;
&_text1 { &_text1 {
span { span {
font-size: 10px !important; font-size: 10px !important;
} }
} }
&_text2 { &_text2 {
span { span {
font-size: 10px !important; font-size: 10px !important;
} }
} }
&_text3 { &_text3 {
span { span {
font-size: 10px !important; font-size: 10px !important;
} }
} }
} }
&_right { &_right {
&_echar1 { &_echar1 {
display: flex !important; display: flex !important;
...@@ -440,6 +511,7 @@ ...@@ -440,6 +511,7 @@
width: 20%; width: 20%;
height: 132px; height: 132px;
} }
&_echar2 { &_echar2 {
display: flex !important; display: flex !important;
justify-content: center !important; justify-content: center !important;
...@@ -447,6 +519,7 @@ ...@@ -447,6 +519,7 @@
width: 20%; width: 20%;
height: 132px; height: 132px;
} }
&_echar3 { &_echar3 {
display: flex !important; display: flex !important;
justify-content: center !important; justify-content: center !important;
...@@ -454,6 +527,7 @@ ...@@ -454,6 +527,7 @@
width: 20%; width: 20%;
height: 132px; height: 132px;
} }
&_echar4 { &_echar4 {
display: flex !important; display: flex !important;
justify-content: center !important; justify-content: center !important;
...@@ -461,6 +535,7 @@ ...@@ -461,6 +535,7 @@
width: 20%; width: 20%;
height: 132px; height: 132px;
} }
&_echar5 { &_echar5 {
display: flex !important; display: flex !important;
justify-content: center !important; justify-content: center !important;
...@@ -470,6 +545,7 @@ ...@@ -470,6 +545,7 @@
} }
} }
} }
&_nodata { &_nodata {
&_img { &_img {
img { img {
...@@ -477,6 +553,7 @@ ...@@ -477,6 +553,7 @@
height: 54px !important; height: 54px !important;
} }
} }
&_text { &_text {
font-size: 12px !important; font-size: 12px !important;
} }
...@@ -484,8 +561,9 @@ ...@@ -484,8 +561,9 @@
} }
} }
} }
//1600px //1600px
@media screen and (min-width: 1600px) and(max-width:1919px) { @media screen and (min-width: 1600px) and (max-width:1919px) {
.outaddrecordEnrollment { .outaddrecordEnrollment {
...@@ -494,17 +572,20 @@ ...@@ -494,17 +572,20 @@
&_span1 { &_span1 {
width: 50px !important; width: 50px !important;
} }
&_inp1 { &_inp1 {
width:180px !important; width: 180px !important;
} }
&_span2 { &_span2 {
width: 70px !important; width: 70px !important;
} }
&_inp2 { &_inp2 {
width:300px !important; width: 300px !important;
} }
&_span3 { &_span3 {
width: 70px !important; width: 70px !important;
} }
...@@ -514,27 +595,31 @@ ...@@ -514,27 +595,31 @@
} }
&_span5 { &_span5 {
margin-left:400px !important; margin-left: 400px !important;
} }
} }
&_div2 { &_div2 {
&_span1 { &_span1 {
width: 50px !important; width: 50px !important;
} }
&_inp1 { &_inp1 {
width:180px !important; width: 180px !important;
} }
&_span2 { &_span2 {
width: 70px !important; width: 70px !important;
} }
&_inp2 { &_inp2 {
width:300px !important; width: 300px !important;
} }
&_span3 { &_span3 {
width: 70px !important; width: 70px !important;
} }
...@@ -544,6 +629,7 @@ ...@@ -544,6 +629,7 @@
} }
} }
&_div3 { &_div3 {
&_span1 { &_span1 {
...@@ -553,27 +639,33 @@ ...@@ -553,27 +639,33 @@
} }
} }
&_centent { &_centent {
height: 67vh !important; height: 67vh !important;
&_totalnum { &_totalnum {
&_left { &_left {
margin: 10px 15px !important; margin: 10px 15px !important;
&_text1 { &_text1 {
span { span {
font-size: 10px !important; font-size: 10px !important;
} }
} }
&_text2 { &_text2 {
span { span {
font-size: 10px !important; font-size: 10px !important;
} }
} }
&_text3 { &_text3 {
span { span {
font-size: 10px !important; font-size: 10px !important;
} }
} }
} }
&_right { &_right {
&_echar1 { &_echar1 {
display: flex !important; display: flex !important;
...@@ -582,6 +674,7 @@ ...@@ -582,6 +674,7 @@
width: 20%; width: 20%;
height: 132px; height: 132px;
} }
&_echar2 { &_echar2 {
display: flex !important; display: flex !important;
justify-content: center !important; justify-content: center !important;
...@@ -589,6 +682,7 @@ ...@@ -589,6 +682,7 @@
width: 20%; width: 20%;
height: 132px; height: 132px;
} }
&_echar3 { &_echar3 {
display: flex !important; display: flex !important;
justify-content: center !important; justify-content: center !important;
...@@ -596,6 +690,7 @@ ...@@ -596,6 +690,7 @@
width: 20%; width: 20%;
height: 132px; height: 132px;
} }
&_echar4 { &_echar4 {
display: flex !important; display: flex !important;
justify-content: center !important; justify-content: center !important;
...@@ -603,6 +698,7 @@ ...@@ -603,6 +698,7 @@
width: 20%; width: 20%;
height: 132px; height: 132px;
} }
&_echar5 { &_echar5 {
display: flex !important; display: flex !important;
justify-content: center !important; justify-content: center !important;
...@@ -612,6 +708,7 @@ ...@@ -612,6 +708,7 @@
} }
} }
} }
&_nodata { &_nodata {
&_img { &_img {
img { img {
...@@ -619,6 +716,7 @@ ...@@ -619,6 +716,7 @@
height: 54px !important; height: 54px !important;
} }
} }
&_text { &_text {
font-size: 12px !important; font-size: 12px !important;
} }
......
src/views/outClinicalpathway.vue
...@@ -69,7 +69,8 @@ ...@@ -69,7 +69,8 @@
</el-form-item> </el-form-item>
<el-form-item label="变异原因:"> <el-form-item label="变异原因:">
<el-select v-model="form.reason" class="m-2" placeholder="请选择" size="mini" :title="getTitle(form.reason)"> <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-option v-for="item in reasonoptions" :key="item.id" :label="item.describe" :value="item.describe" :title="item.describe">
</el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="备注:"> <el-form-item label="备注:">
...@@ -120,10 +121,16 @@ ...@@ -120,10 +121,16 @@
<template #default="scope"> <template #default="scope">
<div v-if="scope.row.orderType == '药疗'"> <div v-if="scope.row.orderType == '药疗'">
<i <i
@click="addRow(scope.row)" @click.prevent="addRow(scope.row)"
v-if="scope.row.advice_name == null && scope.row.ischeck == 1" v-if="scope.row.advice_name == null && scope.row.ischeck == 1 && !scope.row.isnew"
class="el-icon-circle-plus-outline" class="el-icon-circle-plus-outline"
style="font-size: 14px; color: #0283bb; margin-right: 5px; cursor: pointer" 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 ></i
>{{ scope.row.orderType }} >{{ scope.row.orderType }}
</div> </div>
...@@ -132,14 +139,33 @@ ...@@ -132,14 +139,33 @@
</el-table-column> </el-table-column>
<el-table-column show-overflow-tooltip property="project_name" label="医院项目名称" width="200"> <el-table-column show-overflow-tooltip property="project_name" label="医院项目名称" width="200">
<template #default="scope"> <template #default="scope">
<template v-if="scope.row.advice_name == null && scope.row.ischeck == 1 && !scope.row.project_name"> <template v-if="scope.row.advice_name == null && scope.row.ischeck == 1 && scope.row.isnew">
<el-popover placement="bottom" width="800" trigger="focus" :value="false"> <el-popover placement="bottom" width="1200" trigger="focus" v-model="isPop">
<el-table :data="gridData"> <el-table :data="tableData" @row-dblclick="rowdblclick">
<el-table-column width="150" property="date" label="日期"></el-table-column> <el-table-column width="60" property="orderType" label="类型"></el-table-column>
<el-table-column width="100" property="name" label="姓名"></el-table-column> <el-table-column width="200" property="project_name" label="医嘱名称"></el-table-column>
<el-table-column width="300" property="address" 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-table>
<el-input slot="reference" v-model="serch"></el-input> <el-input
slot="reference"
placeholder="请输入"
v-model="scope.row.project_name"
@input="onInput(scope.row, $event)"
></el-input>
</el-popover> </el-popover>
</template> </template>
...@@ -166,14 +192,24 @@ ...@@ -166,14 +192,24 @@
</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
v-if="scope.row.advice_name == null && scope.row.ischeck == 1"
v-model="scope.row.medicUseQuantity"
size="mini"
></el-input>
<span v-else>{{ scope.row.medicUseQuantity }}</span> <span v-else>{{ scope.row.medicUseQuantity }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column show-overflow-tooltip property="medicUseUnit" label="单位" width="50" /> <el-table-column show-overflow-tooltip property="medicUseUnit" label="单位" width="50" />
<el-table-column show-overflow-tooltip property="medicUseMode" label="途径" width="110"> <el-table-column show-overflow-tooltip property="medicUseMode" label="途径" width="110">
<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.medicUseMode" filterable :filter-method="remoteMethod"> <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-option v-for="item in medicUseModeoptions" :key="item.id" :label="item.describe" :value="item.describe"> </el-option> <el-option v-for="item in medicUseModeoptions" :key="item.id" :label="item.describe" :value="item.describe"> </el-option>
</el-select> </el-select>
<span v-else>{{ scope.row.medicUseMode }}</span> <span v-else>{{ scope.row.medicUseMode }}</span>
...@@ -226,7 +262,13 @@ ...@@ -226,7 +262,13 @@
> >
<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-item>
</el-form> </el-form>
</template> </template>
...@@ -243,14 +285,24 @@ ...@@ -243,14 +285,24 @@
> >
<el-form-item prop="symptom" :rules="[{ required: true, message: '请输入内容' }]"> <el-form-item prop="symptom" :rules="[{ required: true, message: '请输入内容' }]">
<template #label> <span></span></template> <template #label> <span></span></template>
<el-input v-model="scope.row.symptom" autocomplete="off" placeholder="请输入内容" type="textarea" :autosize="{ minRows: 2 }"></el-input> <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>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column show-overflow-tooltip property="emergency" label="急诊" width="85"> <el-table-column show-overflow-tooltip property="emergency" label="急诊" width="85">
<template #default="scope"> <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-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-option v-for="item in chargeTypeoptions" :key="item.label" :label="item.label" :value="item.value"> </el-option>
</el-select> </el-select>
<!-- <span v-else>{{ isObj[scope.row.emergency] }}</span> --> <!-- <span v-else>{{ isObj[scope.row.emergency] }}</span> -->
...@@ -375,32 +427,12 @@ export default { ...@@ -375,32 +427,12 @@ export default {
goSeeIndexPid: "", goSeeIndexPid: "",
distype: 1, distype: 1,
cout: 0, cout: 0,
serch: "", isPop: false,
gridData: [ gridData: [],
{
date: "2016-05-02",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-04",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-01",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-03",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
},
],
}; };
}, },
mounted() { mounted() {
console.log(this.$uuid());
this.getIsRoute(); this.getIsRoute();
this.gettopdata(); this.gettopdata();
this.getlefttime(); this.getlefttime();
...@@ -413,17 +445,16 @@ export default { ...@@ -413,17 +445,16 @@ export default {
if (r.children == undefined) { if (r.children == undefined) {
r.children = new Array(); r.children = new Array();
} }
console.log(r);
const { cout } = this; const { cout } = this;
const newData = { const newData = {
emergency: 0, emergency: 0,
id: cout + 1000000, id: this.$uuid(),
pid: r.id, pid: r.id,
isClass: false, isClass: false,
inhosdays: "", inhosdays: "",
isForbidden: true, isForbidden: true,
tickTime: "", tickTime: transformTimestampnow(),
project_code: "15163", project_code: r.project_code,
project_name: null, project_name: null,
ischeck: 1, ischeck: 1,
specifications: null, specifications: null,
...@@ -438,7 +469,7 @@ export default { ...@@ -438,7 +469,7 @@ export default {
medicUnit: null, medicUnit: null,
remark: "", remark: "",
inventoryNum: null, inventoryNum: null,
orderType: "", orderType: r.orderType,
medicalPurpose: null, medicalPurpose: null,
price: null, price: null,
type: r.type, type: r.type,
...@@ -457,6 +488,37 @@ export default { ...@@ -457,6 +488,37 @@ export default {
this.cout = cout + 1; this.cout = cout + 1;
r.children.push(newData); r.children.push(newData);
}, },
onInput(row, value) {
console.log(row);
console.log(value);
this.tempRow = row;
},
rowdblclick(row, column, event) {
this.pushData(row, this.tableData);
this.isPop = false;
},
pushData(row, arr) {
console.log(this.tempRow.id);
arr.map((item) => {
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) {
arr.map((item, i) => {
if (item.id == row.id) {
arr.splice(i, 1);
}
if (item.children && item.children.length > 0) {
this.deleteRow(row, item.children);
}
});
},
//表格禁用 //表格禁用
selectEnable(row, rowIndex) { selectEnable(row, rowIndex) {
if (row.isForbidden == false) { if (row.isForbidden == false) {
...@@ -497,8 +559,7 @@ export default { ...@@ -497,8 +559,7 @@ export default {
}, },
//获取途径，频率的下拉数据 //获取途径，频率的下拉数据
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;
...@@ -517,8 +578,7 @@ export default { ...@@ -517,8 +578,7 @@ export default {
}, },
//获取频率，频率的下拉数据 //获取频率，频率的下拉数据
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;
}) })
...@@ -526,8 +586,7 @@ export default { ...@@ -526,8 +586,7 @@ export default {
}, },
//获取用要目的下拉数据 //获取用要目的下拉数据
getmedicalPurposeoptions() { getmedicalPurposeoptions() {
http http.post(`/ClinicalRoute/ClinicalRoute/GetStaCRParametersByType?type=3`, {})
.post(`/ClinicalRoute/ClinicalRoute/GetStaCRParametersByType?type=3`, {})
.then((data) => { .then((data) => {
this.medicalPurposeoptions = data; this.medicalPurposeoptions = data;
}) })
...@@ -536,8 +595,7 @@ export default { ...@@ -536,8 +595,7 @@ export default {
//获取患者信息 //获取患者信息
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;
...@@ -681,15 +739,11 @@ export default { ...@@ -681,15 +739,11 @@ export default {
index == 0 ? (item.isedit = true) : (item.isedit = false); index == 0 ? (item.isedit = true) : (item.isedit = false);
}); });
} }
console.log(this.multipleSelection);
console.log(this.multipleSelection1);
}, },
//获取左侧时间线数据 //获取左侧时间线数据
getlefttime() { getlefttime() {
http http.post(`/ClinicalRoute/ClinicalRoute/GetGetRouteAdvicesLeft?pid=${this.$route.query.pid}`, {})
.post(`/ClinicalRoute/ClinicalRoute/GetGetRouteAdvicesLeft?pid=${this.$route.query.pid}`, {})
.then((data) => { .then((data) => {
this.activities = data; this.activities = data;
this.options = data; this.options = data;
...@@ -711,8 +765,7 @@ export default { ...@@ -711,8 +765,7 @@ export default {
}, },
//获取标识 //获取标识
getIsRoute() { getIsRoute() {
http http.post(`/ClinicalRoute/ClinicalRoute/IsRoute?pid=${this.$route.query.pid}`, {})
.post(`/ClinicalRoute/ClinicalRoute/IsRoute?pid=${this.$route.query.pid}`, {})
.then((data) => { .then((data) => {
console.log(data); console.log(data);
if (data) { if (data) {
...@@ -727,8 +780,10 @@ export default { ...@@ -727,8 +780,10 @@ export default {
.catch((error) => {}); .catch((error) => {});
}, },
getTableData() { getTableData() {
http http.post(
.post(`/ClinicalRoute/ClinicalRoute/GetGetRouteAdvicesRight?pid=${this.$route.query.pid}&case_routeid=${this.case_routeid}&searchQuery=${this.inhosdays}`, {}) `/ClinicalRoute/ClinicalRoute/GetGetRouteAdvicesRight?pid=${this.$route.query.pid}&case_routeid=${this.case_routeid}&searchQuery=${this.inhosdays}`,
{}
)
.then((data) => { .then((data) => {
data.route1.forEach((element) => { data.route1.forEach((element) => {
if (element.children) { if (element.children) {
...@@ -847,8 +902,7 @@ export default { ...@@ -847,8 +902,7 @@ export default {
saveSetPatientRoutes() { saveSetPatientRoutes() {
this.objtable.route1 = this.multipleSelection; this.objtable.route1 = this.multipleSelection;
this.objtable.route2 = this.multipleSelection1; this.objtable.route2 = this.multipleSelection1;
http http.post(`/ClinicalRoute/ClinicalRoute/SetPatientRoutes?pid=${this.$route.query.pid}`, this.objtable)
.post(`/ClinicalRoute/ClinicalRoute/SetPatientRoutes?pid=${this.$route.query.pid}`, this.objtable)
.then(async (data) => { .then(async (data) => {
data.map((item) => { data.map((item) => {
if (item.code == "0") { if (item.code == "0") {
...@@ -864,8 +918,7 @@ export default { ...@@ -864,8 +918,7 @@ export default {
}, },
//获取病情变异--变异原因下拉框 //获取病情变异--变异原因下拉框
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;
}) })
...@@ -884,8 +937,7 @@ export default { ...@@ -884,8 +937,7 @@ export default {
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,
......
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