Skip to content

V
vue-composition-api
Commit a6f7ed1b by 唐玉峰
Options

患者详情 页面

parent 19f217ba
Showing with 1834 additions and 8 deletions
src/App.vue
......@@ -19,17 +19,17 @@ body,
margin: 0;
}
::-webkit-scrollbar {
width: 10px;
height: 10px;
width: 15px;
height: 15px;
}
::-webkit-scrollbar-track {
border-radius: 10px;
border-radius: 8px;
background: #f4f4f4;
width: 10px;
width: 15px;
}
::-webkit-scrollbar-thumb {
background-color: #27aae2;
border: 3px solid transparent;
background-color: rgb(2, 131, 187);
/* border: 3px solid transparent; */
border-radius: 9px;
background-clip: content-box;
}
......
src/assets/app.scss 0 → 100644
/* 全局公共的css */
:root {
--white: #ffffff;
}
/* color + 颜色 */
/* 以下的颜色统一采取数字+大写 */
.color-000 {
color: #000;
}
.color-66F {
color: #66FFFF;
}
.color-F54 {
color: #F54336;
}
.color-70C {
color: #70CBFF;
}
.color-2D3 {
color: #2d3139;
}
.color-333 {
color: #333333;
}
.color-C1C {
color: #c1cbdc;
}
.color-5A5 {
color: #5a5d61;
}
.color-696 {
color: #696a6b;
}
.color-C0C {
color: #c0c3c8;
}
.color-4CC {
color: #4cc6cb;
}
.color-457 {
color: #457cd9;
}
.color-6C7 {
color: #6c717b;
}
.color-383 {
color: #383b40;
}
.color-FFF {
color: #ffffff;
}
.color-FF5 {
color: #ff5252;
}
.color-5E6 {
color: #5e6166;
}
.color-C7C {
color: #c7cedb;
}
.color-2D3 {
color: #2d3139;
}
.color-E55 {
color: #e55050;
}
.color-FE5 {
color: #fe5858;
}
.color-F04 {
color: #f04e4e;
}
.color-AAA {
color: #aaadb1;
}
.color-8F9 {
color: #8f9aae;
}
.color-6A9 {
color: #6a93df;
}
.color-7F7 {
color: #7f7f7f;
}
.color-909 {
color: #909598;
}
.color-68A {
color: #68af19;
}
.color-EC9 {
color: #ec9500;
}
.color-FAA {
color: #faad14;
}
.color-FF0 {
color: #ff0000;
}
.color-7F8 {
color: #7f858f;
}
.color-005 {
color: #005fa2;
}
.color-A1A {
color: #a1a5ab;
}
.color-FF4 {
color: #ff4a40;
}
.color-F8A {
color: #f8a41e;
}
.color-8F9 {
color: #8f9aae;
}
.color-498 {
color: #498aa4;
}
.color-969 {
color: #969799;
}
.color-4E9 {
color: #4e98ff;
}
.color-F23 {
color: #f23f36;
}
.color-027 {
color: #0279ff;
}
.color-245 {
color: #245ba9;
}
.color-F85 {
color: #f85353;
}
.color-262 {
color: #262626;
}
.color-B2B {
color: #b2b2b2;
}
.color-F59 {
color: #f59d30;
}
.color-585 {
color: #585858;
}
.color-BDB {
color: #bdbdbd;
}
.color-FF9 {
color: #ff9c00;
}
.color-1CA {
color: #1ca9d5;
}
.color-666 {
color: #666;
}
.color-999 {
color: #999999;
}
.color-464 {
color: #464a53;
}
.color-B69 {
color: #b692ee;
}
.color-5BD {
color: #5bd1d4;
}
.color-69D {
color: #69d69c;
}
.color-F8B {
color: #f8b851;
}
.color-F48 {
color: #f48f46;
}
/* line + 行高 */
.line-16 {
line-height: 16px;
}
.line-18 {
line-height: 18px;
}
.line-20 {
line-height: 20px;
}
.line-25 {
line-height: 25px;
}
.line-30 {
line-height: 30px;
}
.line-35 {
line-height: 35px;
}
.line-40 {
line-height: 40px;
}
.line-45 {
line-height: 45px;
}
.line-50 {
line-height: 50px;
}
.line-55 {
line-height: 55px;
}
/* 渐变背景 */
/* linear-gradient + 颜色 */
.linear-gradient-F0A {
background: linear-gradient(349deg, #f0af47 0%, #ffc568 100%);
}
/* 纯色背景 bg + 颜色 */
/* 不推荐写background 会覆盖其他的属性 */
.bg-68A {
background-color: #68af19;
}
.bg-F2F {
background-color: #f2fafd;
}
.bg-F9F {
background: #f9fdff;
}
.bg-EDF {
background-color: #edf2fa;
}
.bg-F6F {
background-color: #f6f8fc;
}
.bg-FFF {
background-color: #fff;
}
.bg-E3E {
background-color: #e3edff;
}
.bg-5E9 {
background-color: #5e9aff;
}
.bg-FBF {
background-color: #fbfbfb;
}
.bg-ECF {
background-color: #ecf0f6;
}
.bg-22d {
background-color: #22d016;
}
.bg-457 {
background-color: #457cd9;
}
.bg-F9F {
background-color: #f9fbfe;
}
.bg-F8F {
background-color: #f8f8f8;
}
.bg-F04 {
background-color: #f04e4e;
}
.bg-B69 {
background-color: #b692ee;
}
.bg-5BD {
background-color: #5bd1d4;
}
.bg-69D {
background-color: #69d69c;
}
.bg-F8B {
background-color: #f8b851;
}
.bg-F48 {
background-color: #f48f46;
}
.bg-769 {
background-color: #769aff;
}
.bg-246 {
background-color: #f2f4f6;
}
.bg-none {
background-color: transparent;
}
/* 字体 */
.font-12 {
font-size: 12px;
}
.font-14 {
font-size: 14px;
}
.font-16 {
font-size: 16px;
}
.font-18 {
font-size: 18px;
}
.font-20 {
font-size: 20px;
}
.font-22 {
font-size: 22px;
}
.font-24 {
font-size: 24px;
}
.font-26 {
font-size: 26px;
}
.font-28 {
font-size: 28px;
}
.font-30 {
font-size: 30px;
}
.font-32 {
font-size: 32px;
}
.font-34 {
font-size: 34px;
}
.font-36 {
font-size: 36px;
}
.font-38 {
font-size: 38px;
}
.font-40 {
font-size: 40px;
}
.font-42 {
font-size: 42px;
}
.weight-100 {
font-weight: 100;
}
.weight-400 {
font-weight: 400;
}
.weight-500 {
font-weight: 500;
}
.weight-600 {
font-weight: 600;
}
.weight-700 {
font-weight: 700;
}
/* .pad + 上下 + 左右的 边距规定 */
/* 只有一个数字 则是上下左右相同 */
/* 建议在使用的时候来完善这里 这是一个颗粒性的问题 */
/* 上下边距为0 左右边距增加 */
.pad-0-5 {
padding: 0 5px;
}
.pad-0-10 {
padding: 0 10px;
}
.pad-0-15 {
padding: 0 15px;
}
.pad-0-20 {
padding: 0 20px;
}
.pad-0-30 {
padding: 0 30px;
}
/* 上下边距为5 左右边距增加 */
.pad-5-0 {
padding: 5px 0;
}
.pad-5 {
padding: 5px;
}
.pad-5-10 {
padding: 5px 10px;
}
.pad-5-15 {
padding: 5px 15px;
}
.pad-5-20 {
padding: 5px 20px;
}
/* 上下边距为10 左右边距增加 */
.pad-10-0 {
padding: 10px 0;
}
.pad-10-5 {
padding: 10px 5px;
}
.pad-10 {
padding: 10px;
}
.pad-10-15 {
padding: 10px 15px;
}
.pad-10-20 {
padding: 10px 20px;
}
/* 上下边距为15 左右边距增加 */
.pad-15-0 {
padding: 15px 0;
}
.pad-15-5 {
padding: 15px 5px;
}
.pad-15-10 {
padding: 15px 10px;
}
.pad-15 {
padding: 15px;
}
.pad-15-20 {
padding: 15px 20px;
}
/* 上下边距为20 左右边距增加 */
.pad-20-0 {
padding: 20px 0;
}
.pad-20-5 {
padding: 20px 5px;
}
.pad-20-10 {
padding: 20px 10px;
}
.pad-20-15 {
padding: 20px 15px;
}
.pad-20-20 {
padding: 20px;
}
/* 上下边距为25 左右边距增加 */
.pad-20 {
padding: 20px;
}
.pad-25 {
padding: 25px;
}
/* 上下边距为30 左右边距增加 */
.pad-30 {
padding: 30px;
}
.pad-40 {
padding: 40px;
}
/* 单方向上 */
/* 上 */
.pad-top-5 {
padding-top: 5px;
}
.pad-top-10 {
padding-top: 10px;
}
.pad-top-15 {
padding-top: 15px;
}
.pad-top-20 {
padding-top: 20px;
}
.pad-top-25 {
padding-top: 25px;
}
.pad-top-30 {
padding-top: 30px;
}
.pad-top-40 {
padding-top: 40px;
}
/* 左 */
.pad-left-5 {
padding-left: 5px;
}
.pad-left-10 {
padding-left: 10px;
}
.pad-left-15 {
padding-left: 15px;
}
.pad-left-20 {
padding-left: 20px;
}
.pad-left-25 {
padding-left: 25px;
}
.pad-left-30 {
padding-left: 30px;
}
.pad-left-40 {
padding-left: 40px;
}
/* 下 */
.pad-bottom-5 {
padding-bottom: 5px;
}
.pad-bottom-10 {
padding-bottom: 10px;
}
.pad-bottom-15 {
padding-bottom: 15px;
}
.pad-bottom-20 {
padding-bottom: 20px;
}
.pad-bottom-25 {
padding-bottom: 25px;
}
.pad-bottom-30 {
padding-bottom: 30px;
}
.pad-bottom-40 {
padding-bottom: 40px;
}
/* 右 */
.pad-right-5 {
padding-right: 5px;
}
.pad-right-10 {
padding-right: 10px;
}
.pad-right-15 {
padding-right: 15px;
}
.pad-right-20 {
padding-right: 20px;
}
.pad-right-25 {
padding-right: 25px;
}
.pad-right-30 {
padding-right: 30px;
}
.pad-right-40 {
padding-right: 40px;
}
/* mar和pad大致相同 多了auto */
.mar-0 {
margin: 0;
}
.mar-0-auto {
margin: 0 auto;
}
.mar-0-5 {
margin: 0 5px;
}
.mar-0-10 {
margin: 0 10px;
}
.mar-0-15 {
margin: 0 15px;
}
.mar-0-20 {
margin: 0 20px;
}
.mar-0-25 {
margin: 0 25px;
}
.mar-0-30 {
margin: 0 30px;
}
.mar-0-35 {
margin: 0 35px;
}
.mar-0-40 {
margin: 0 40px;
}
.mar-5-auto {
margin: 5px auto;
}
.mar-5-0 {
margin: 5px 0;
}
.mar-5 {
margin: 5px;
}
.mar-5-10 {
margin: 5px 10px;
}
.mar-5-15 {
margin: 5px 15px;
}
.mar-5-20 {
margin: 5px 20px;
}
.mar-10-auto {
margin: 10px auto;
}
.mar-10-0 {
margin: 10px 0;
}
.mar-10-5 {
margin: 10px 5px;
}
.mar-10 {
margin: 10px;
}
.mar-10-15 {
margin: 10px 15px;
}
.mar-10-20 {
margin: 10px 20px;
}
.mar-10-30 {
margin: 10px 30px;
}
.mar-15-auto {
margin: 15px auto;
}
.mar-15-0 {
margin: 15px 0;
}
.mar-15-5 {
margin: 15px 5px;
}
.mar-15-10 {
margin: 15px 10px;
}
.mar-15 {
margin: 15px;
}
.mar-15-20 {
margin: 15px 20px;
}
.mar-20-auto {
margin: 20px auto;
}
.mar-20-0 {
margin: 20px 0;
}
.mar-20-5 {
margin: 20px 5px;
}
.mar-20-10 {
margin: 20px 10px;
}
.mar-20-15 {
margin: 20px 15px;
}
.mar-20 {
margin: 20px;
}
.mar-30 {
margin: 30px;
}
.mar-30-0 {
margin: 30px 0;
}
/* 上 */
.mar-top-auto {
margin-top: auto;
}
.mar-top-10 {
margin-top: 10px;
}
.mar-top-15 {
margin-top: 15px;
}
.mar-top-20 {
margin-top: 20px;
}
.mar-top-25 {
margin-top: 25px;
}
.mar-top-30 {
margin-top: 30px;
}
.mar-top-40 {
margin-top: 40px;
}
/* 左 */
.mar-left-auto {
margin-left: auto;
}
.mar-left-5 {
margin-left: 5px;
}
.mar-left-8 {
margin-left: 8px;
}
.mar-left-10 {
margin-left: 10px;
}
.mar-left-15 {
margin-left: 15px;
}
.mar-left-20 {
margin-left: 20px;
}
.mar-left-25 {
margin-left: 25px;
}
.mar-left-30 {
margin-left: 30px;
}
.mar-left-35 {
margin-left: 35px;
}
.mar-left-40 {
margin-left: 40px;
}
.mar-left-45 {
margin-left: 45px;
}
.mar-left-50 {
margin-left: 50px;
}
/* 右 */
.mar-right-0 {
margin-right: auto;
}
.mar-right-5 {
margin-right: 5px;
}
.mar-right-10 {
margin-right: 10px;
}
.mar-right-15 {
margin-right: 15px;
}
.mar-right-20 {
margin-right: 20px;
}
.mar-right-25 {
margin-right: 25px;
}
.mar-right-30 {
margin-right: 30px;
}
.mar-right-40 {
margin-right: 40px;
}
.mar-right-45 {
margin-right: 45px;
}
.mar-right-60 {
margin-right: 60px;
}
.mar-right-100 {
margin-right: 100px;
}
/* 下 */
.mar-bottom-auto {
margin-bottom: auto;
}
.mar-bottom-4 {
margin-bottom: 4px;
}
.mar-bottom-10 {
margin-bottom: 10px;
}
.mar-bottom-15 {
margin-bottom: 15px;
}
.mar-bottom-20 {
margin-bottom: 20px;
}
.mar-bottom-25 {
margin-bottom: 25px;
}
.mar-bottom-30 {
margin-bottom: 30px;
}
.mar-bottom-40 {
margin-bottom: 40px;
}
.mar-bottom-45 {
margin-bottom: 45px;
}
/* flex-主轴-测轴 */
.flex {
display: flex;
}
/* 主轴 end */
.flex-end {
display: flex;
justify-content: flex-end;
}
.flex-end-center {
display: flex;
justify-content: flex-end;
align-items: center;
}
/* 主轴 between */
.flex-between {
display: flex;
justify-content: space-between;
}
.flex-between-center {
display: flex;
justify-content: space-between;
align-items: center;
}
.flex-between-start {
display: flex;
justify-content: space-between;
align-items: start;
}
.flex-around-center {
display: flex;
justify-content: space-around;
align-items: center;
}
/* 主轴 center */
.flex-center {
display: flex;
justify-content: center;
}
.flex-center-center {
display: flex;
justify-content: center;
align-items: center;
}
.flex-center-end {
display: flex;
justify-content: center;
align-items: flex-end;
}
/* 主轴 start */
.flex-start {
display: flex;
justify-content: flex-start;
}
.flex-start-center {
display: flex;
justify-content: flex-start;
align-items: center;
}
.flex-start-end {
display: flex;
justify-content: flex-start;
align-items: flex-end;
}
/* 换行 */
.wrap {
flex-wrap: wrap;
}
.column {
flex-direction: column;
}
.flex-1 {
flex: 1;
}
.grow {
flex-grow: 1;
}
.shrink {
flex-shrink: 0;
}
.self-start {
align-self: flex-start;
}
.self-center {
align-self: center;
}
.self-end {
align-self: end;
}
.block {
display: block;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
/* radius-50-p -p表示百分比 没有-p表示固定尺寸 */
.radius-3 {
border-radius: 3px;
}
.radius-4 {
border-radius: 4px;
}
.radius-100 {
border-radius: 100px;
}
.radius-50-p {
border-radius: 50%;
}
/* 定位 */
.relative {
position: relative;
}
/* r20 l20 表示左右 t20 b20 表示上下 */
.absolute-r20-b20 {
position: absolute;
bottom: 20px;
right: 20px;
}
.absolute-l30-t30 {
position: absolute;
top: 30px;
left: 30px;
}
/* 单方向 */
.absolute-center-left {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.absolute-center-top {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
/* 绝对定位居中 */
.absolute-center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* 遮罩 */
.mask-fixed {
z-index: 5;
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.mask-absolute {
z-index: 5;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.5);
}
/* 单行文本 */
.one-txt-cut {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ect-1 {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
text-overflow: ellipsis;
}
.ect-2 {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
}
.ect-3 {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}
.sizing {
box-sizing: border-box;
}
.sizing-w {
width: 100%;
box-sizing: border-box;
}
.sizing-h {
height: 100%;
box-sizing: border-box;
}
.sizing-w-h {
width: 100%;
height: 100%;
box-sizing: border-box;
}
/* border + 方向 + 颜色 */
/* 方向没有则是四个方向 */
.border-1 {
border: 1px solid;
}
.border-top-1 {
border-top: 1px solid;
}
.border-left-1 {
border-left: 1px solid;
}
.border-right-1 {
border-right: 1px solid;
}
.border-bottom-1 {
border-bottom: 1px solid;
}
.border-2 {
border: 2px;
}
.border-3 {
border: 3px;
}
.border-E2E {
border-color: #e2e5e9;
}
.border-D8D {
border-color: #d8dce6;
}
.border-457 {
border-color: #457cd9;
}
.border-979 {
border-color: #979797;
}
.border-F0F {
border-color: #f0f0f0;
}
.border-FAA {
border-color: #faad14;
}
// 手势
.cursor {
cursor: pointer;
}
/* 高 -p表示百分比 */
.height-20 {
height: 20px;
}
.height-30 {
height: 30px;
}
.height-40 {
height: 40px;
}
.height-50 {
height: 50px;
}
.height-60 {
height: 60px;
}
.height-70 {
height: 70px;
}
.height-80 {
height: 80px;
}
.height-90 {
height: 90px;
}
.height-100 {
height: 100px;
}
.height-200 {
height: 200px;
}
.height-50-p {
height: 50%;
}
.height-100-p {
height: 100%;
}
.h100 {
height: 100%;
}
.h90 {
height: 90%;
}
.h80 {
height: 80%;
}
/* 宽 */
.width-50 {
width: 50px;
}
.width-60 {
width: 60px;
}
.width-70 {
width: 70px;
}
.width-100 {
width: 100px;
}
.width-120 {
width: 120px;
}
.width-50-p {
width: 50%;
}
.width-100-p {
width: 100%;
}
.w100 {
width: 100%;
}
.w50 {
width: 50%;
}
.w30 {
width: 30%;
}
.w33 {
width: 33%;
}
.w90 {
width: 90%;
}
/* 垂直线 */
.vertical-F0F {
margin: 0 10px;
width: 1px;
background-color: #f0f0f0;
}
/* 水平线 */
.horizontal-F0F {
margin: 10px 0;
height: 1px;
background-color: #f0f0f0;
}
/* 阅读红点 */
.read-bot {
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #ff6d6d;
position: absolute;
top: 4px;
right: 4px;
}
.status {
display: inline-block;
border-radius: 8px 0px 8px 0px;
font-size: 12px;
font-weight: 400;
line-height: 22px;
padding: 0 8px;
}
.overflow {
overflow: hidden;
}
.overflow-y {
overflow-y: auto;
}
.overflow-x {
overflow-x: auto;
}
.ant-table-thead>tr>th,
.ant-table-tbody>tr>td {
display: table-cell;
vertical-align: middle;
}
.g {
color: green;
}
.r {
color: red;
}
.divider {
margin: r(20) 0;
height: 2px;
background: linear-gradient(90deg, rgba(42, 99, 209, 0) 0%, rgba(41, 99, 209, 0.7) 20%, #2862D1 51%, rgba(42, 99, 209, 0.71) 84%, rgba(42, 99, 209, 0) 100%);
}
\ No newline at end of file
src/main.js
......@@ -13,7 +13,7 @@ import router from "@/router/index";
Vue.config.productionTip = false;
import http from "@/utils/http.js";
import "@/assets/app.scss";
Vue.prototype.$http = http;
import ElementUI from "element-ui";
......
src/router/index.js
......@@ -71,6 +71,10 @@ const router = new Router({
path: "/clinicalLog",
component: (resolve) => require(["@/views/clinicalLog.vue"], resolve),
},
{
path: "/patientinfo",
component: (resolve) => require(["@/views/patientinfo.vue"], resolve),
},
],
// mode: 'history' /*hash*/ /*不显示路由中的#*/
});
......
src/views/outHistorygrouping.vue
......@@ -469,7 +469,7 @@ export default {
type: "warning",
});
} else {
http.post(`/medical/Update/casehisById?PatientId=${this.$route.query.id}`, [this.coreID])
http.post(`/medical/Update/casehisById?PatientId=${this.$route.query.id}&coreid=${this.coreID}`)
.then((data) => {
Message.success({
message: `${data.message}`,
......
src/views/patientinfo.vue 0 → 100644
<template>
<div class="patientinfo">
<div style="height: 30px; background-color: #0283bb"></div>
<div class="main">
<div class="flex-between-center">
<div class="flex-start-center">
<div class="flex-start-center mar-right-10" v-for="(value, key, index) in obj" :key="index">
<span class="mar-right-10" style="width: 12px; height: 12px" :style="{ background: value }"></span>
<span class="color-666 font-14">{{ key }}</span>
</div>
</div>
<div>
<el-input
size="mini"
class="mar-right-10"
v-model="a48"
style="width: 150px"
placeholder="请输入病案编码"
clearable
@clear="search"
@keyup.enter.native="search"
>
</el-input>
<el-input
size="mini"
class="mar-right-10"
v-model="a11"
style="width: 150px"
placeholder="请输入患者姓名"
clearable
@clear="search"
@keyup.enter.native="search"
>
</el-input>
<el-select
size="mini"
class="mar-right-10"
v-model="b13C"
filterable
style="width: 150px"
placeholder="请输入入院科室"
clearable
@clear="search"
>
<el-option v-for="item in deptList" :key="item.deptCode" :label="item.deptName" :value="item.deptCode"> </el-option>
</el-select>
<el-select v-model="isout" placeholder="是否出院" size="mini" class="mar-right-10" clearable style="width: 150px" @clear="search">
<el-option label="已出院" :value="1"> </el-option>
<el-option label="未出院" :value="0"> </el-option>
</el-select>
<el-select v-model="insuranceType" placeholder="医保类型" size="mini" class="mar-right-10" clearable style="width: 150px" @clear="search">
<el-option label="自费" :value="2"> </el-option>
<el-option label="医保" :value="1"> </el-option>
<el-option label="未填写" :value="0"> </el-option>
</el-select>
<el-select v-model="isjoin" placeholder="请选择入组状态" size="mini" class="mar-right-10" clearable style="width: 150px" @clear="search">
<el-option label="已入组" :value="1"> </el-option>
<el-option label="未入组" :value="0"> </el-option>
</el-select>
<el-date-picker
v-model="time"
size="mini"
style="width: 210px"
type="daterange"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
class="mar-right-10"
@change="search"
@focus="search"
range-separator="至"
start-placeholder="入院日期"
end-placeholder="结束日期"
>
</el-date-picker>
<el-button
type="primary"
style="background: rgb(2, 131, 187); border-color: rgb(2, 131, 187)"
size="mini"
slot="append"
icon="el-icon-search"
@click="search"
>查询</el-button
>
</div>
</div>
<div class="table flex-1 mar-top-20">
<el-table border ref="tableRef" height="93%" :data="tableData" size="mini">
<el-table-column align="center" type="index" width="50"></el-table-column>
<el-table-column prop="regcode" label="病案号" sortable align="center" min-width="120" show-overflow-tooltip>
<template #default="scope">
<!-- 正常病例 低倍率病例 高倍率病例 dis_type-->
<div class="flex-center-center">
<span class="mar-right-10" style="width: 12px; height: 12px" :style="{ background: obj[scope.row.dis_type] }"></span>
<span>{{ scope.row.regcode }}</span>
</div>
</template>
</el-table-column>
<el-table-column prop="name" label="姓名" sortable align="center" min-width="120" show-overflow-tooltip></el-table-column>
<el-table-column prop="inhostime" label="入院日期" sortable align="center" min-width="120" show-overflow-tooltip>
<template #default="scope">
<span>{{ scope.row.inhostime ? formatYMD(scope.row.inhostime) : "" }}</span>
</template>
</el-table-column>
<el-table-column prop="outhostime" label="出院日期" sortable align="center" min-width="120" show-overflow-tooltip>
<template #default="scope">
<span>{{ scope.row.outhostime ? formatYMD(scope.row.outhostime) : "" }}</span>
</template>
</el-table-column>
<el-table-column prop="indeptname" label="入院科室" sortable align="center" min-width="120" show-overflow-tooltip> </el-table-column>
<el-table-column prop="doctorname" label="主治医生" sortable align="center" min-width="120" show-overflow-tooltip> </el-table-column>
<el-table-column prop="inhosdays" label="住院天数" sortable align="center" min-width="120" show-overflow-tooltip> </el-table-column>
<el-table-column prop="isjoin" label="是否出院" sortable align="center" min-width="120" show-overflow-tooltip> </el-table-column>
<el-table-column prop="total_fee" label="住院总费用" sortable align="center" min-width="120" show-overflow-tooltip>
<template #default="scope">
<span>{{ decimal(scope.row.total_fee) }}</span>
</template>
</el-table-column>
<el-table-column prop="self_payment" label="自费费用" sortable align="center" min-width="120" show-overflow-tooltip>
<template #default="scope">
<span>{{ decimal(scope.row.self_payment) }}</span>
</template>
</el-table-column>
<el-table-column prop="self_payment_proportion" label="自费占比" sortable align="center" min-width="120" show-overflow-tooltip>
</el-table-column>
<el-table-column prop="medical_payment" label="医保类型" sortable align="center" min-width="120" show-overflow-tooltip></el-table-column>
<el-table-column prop="discode" label="分组编码" sortable align="center" min-width="120" show-overflow-tooltip> </el-table-column>
<el-table-column prop="disname" label="分组名称" sortable align="center" min-width="180" show-overflow-tooltip> </el-table-column>
<el-table-column prop="rw" label="实际分值" sortable align="center" min-width="120" show-overflow-tooltip></el-table-column>
<el-table-column prop="standardrw" label="标准分值" sortable align="center" min-width="120" show-overflow-tooltip> </el-table-column>
<el-table-column prop="medactalfee" label="医保支付金额" sortable align="center" min-width="120" show-overflow-tooltip>
<template #default="scope">
<span>{{ decimal(scope.row.medactalfee) }}</span>
</template>
</el-table-column>
<el-table-column prop="medical_insurance_balance" label="医保结余" sortable align="center" min-width="120" show-overflow-tooltip>
<template #default="scope">
<span>{{ decimal(scope.row.medical_insurance_balance) }}</span>
</template>
</el-table-column>
<el-table-column prop="dis_type" label="病例类型" sortable align="center" min-width="120" show-overflow-tooltip></el-table-column>
<el-table-column prop="drug_proportion" label="药占比" sortable align="center" min-width="120" show-overflow-tooltip> </el-table-column>
<el-table-column
prop="consumables_proportion"
label="耗材占比"
sortable
align="center"
min-width="120"
show-overflow-tooltip
></el-table-column>
<el-table-column prop="laboratory_proportion" label="检验检查占比" sortable align="center" min-width="120" show-overflow-tooltip>
</el-table-column>
<el-table-column prop="medical_proportion" label="医疗费用占比" sortable align="center" min-width="120" show-overflow-tooltip>
</el-table-column>
</el-table>
<div class="flex-end mar-top-20">
<el-pagination
background
layout="total, sizes, prev, pager, next, jumper"
:hide-on-single-page="false"
:total="totalCount"
:page-size="pageSize"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
>
</el-pagination>
</div>
</div>
</div>
</div>
</template>
<script>
import http from "../utils/http";
import { setItem, getItem } from "../utils/auth";
import { decimal } from "../utils/decimal";
import dayjs from "dayjs";
import { Message, Loading, MessageBox } from "element-ui";
export default {
name: "patientinfo",
data() {
return {
time: "",
pageNumber: 1,
pageSize: 10,
a48: "",
a11: "",
b13C: "",
isjoin: null,
isout: null,
insuranceType: null,
obj: {
正常病例: "#22d016",
低倍率病例: "#e9c622",
高倍率病例: "#ff7e00",
},
tableData: [],
totalCount: 0,
deptList: [],
};
},
mounted() {
this.time = [
`${dayjs().format("YYYY-MM")}-01`,
`${dayjs().format("YYYY-MM")}-${this.getDayNumByYearMonth(dayjs().format("YYYY"), dayjs().format("MM"))}`,
];
this.getList();
this.GetDeptList();
},
methods: {
decimal,
formatYMD(time) {
return dayjs(time).format("YYYY-MM-DD");
},
getDayNumByYearMonth(year, month) {
switch (month) {
case "01":
case "03":
case "05":
case "07":
case "08":
case "10":
case "12":
return 31;
break;
case "04":
case "06":
case "09":
case "11":
return 30;
break;
case "02":
return this.isLeapYear(year) ? 29 : 28;
break;
}
},
isLeapYear(year) {
if (year / 4 == 0 && year / 100 != 0) {
return true;
} else if (year / 400 == 0) {
return true;
} else {
return false;
}
},
//查询
search() {
this.pageSize = 10;
this.currentPage = 1;
this.getList();
},
//获取频率，频率的下拉数据
getList() {
let parmar = {
pageNumber: this.pageNumber,
pageSize: this.pageSize,
a48: this.a48,
a11: this.a11,
b13C: this.b13C,
beginDate: this.time ? this.time[0] : "",
endDate: this.time ? this.time[1] : "",
isjoin: this.isjoin,
isout: this.isout,
insuranceType: this.insuranceType,
};
http.post(`/screen/hos/GetHistoryList`, parmar)
.then((data) => {
this.tableData = data.list;
this.totalCount = data.totalCount;
})
.catch((error) => {});
},
GetDeptList() {
http.get(`/screen/hos/GetDeptList`, {})
.then((data) => {
this.deptList = data;
})
.catch((error) => {});
},
handleCurrentChange(val) {
this.pageNumber = val;
this.getList();
},
handleSizeChange(val) {
this.pageSize = val;
this.getList();
},
},
};
</script>
<style lang="scss">
.patientinfo {
height: 100%;
display: flex;
flex-flow: column;
background-color: white;
overflow: hidden;
position: relative;
.main {
flex: 1;
padding: 20px;
display: flex;
flex-flow: column;
}
}
</style>
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