Skip to content

V
vue-composition-api
Commit cb4ae6cc by wangshuangqing
Options

管理页面

parent 14670eb7
Showing with 541 additions and 4 deletions
src/router/index.js
/* /*
* @Author: ninglupeng * @Author: ninglupeng
* @Date: 2022-06-07 00:31:25 * @Date: 2022-06-07 00:31:25
* @LastEditors: ninglupeng * @LastEditors: wsq
* @LastEditTime: 2022-06-07 14:16:26 * @LastEditTime: 2022-12-13 16:38:12
* @Description: * @Description:
*/ */
import Vue from "vue"; import Vue from "vue";
...@@ -12,7 +12,7 @@ import { getItem, clear } from "@/utils/auth"; ...@@ -12,7 +12,7 @@ import { getItem, clear } from "@/utils/auth";
import outseeQualityControl from "@/views/outseeQualityControl.vue"; import outseeQualityControl from "@/views/outseeQualityControl.vue";
import outpatientDetails from "@/views/outpatientDetails.vue"; import outpatientDetails from "@/views/outpatientDetails.vue";
import outHistorygrouping from "@/views/outHistorygrouping.vue"; import outHistorygrouping from "@/views/outHistorygrouping.vue";
import outClinicalpathway from "@/views/outClinicalpathway.vue"
Vue.use(Router); Vue.use(Router);
// const baseUrl = '/his/' // const baseUrl = '/his/'
...@@ -40,7 +40,13 @@ const router = new Router({ ...@@ -40,7 +40,13 @@ const router = new Router({
path: "/outHistorygrouping", path: "/outHistorygrouping",
name: "outHistorygrouping", name: "outHistorygrouping",
component: outHistorygrouping, component: outHistorygrouping,
} },
//临床路径外放页面
{
path: "/outClinicalpathway",
name: "outClinicalpathway",
component: outClinicalpathway,
},
], ],
// mode: 'history' /*hash*/ /*不显示路由中的#*/ // mode: 'history' /*hash*/ /*不显示路由中的#*/
}); });
......
src/views/outClinicalpathway.vue 0 → 100644
<!--
* @Author: wsq
* @Date: 2022-04-22 15:20:58
* @LastEditors: wsq
* @LastEditTime: 2022-12-13 16:59:20
* @Description:
-->
<template>
<!-- 患者详情页 -->
<div class="outClinicalpathway">
<div class="outClinicalpathway_top">
<div class="outClinicalpathway_top_div1">
<span class="span1">患者信息</span>
<el-button
class="outClinicalpathway_top_div1_button"
type="primary"
size="mini"
@click="getControl"
>医嘱质控</el-button
>
<!-- <el-button size="mini" type="primary">医嘱质控</el-button> -->
</div>
<div class="outClinicalpathway_top_message">
<div class="outClinicalpathway_top_message_left">
<span class="outClinicalpathway_top_message_left_tu1">
<img src="../assets/img/peo.png" alt=""
/></span>
<div class="outClinicalpathway_top_message_left_t1">
住院号:<span>{{ HistoryInfo.id }}</span>
</div>
</div>
<div class="outClinicalpathway_top_message_centert">
<span class="outClinicalpathway_top_message_centert_tu2"
><img src="../assets/img/ka.png" alt=""
/></span>
<div class="outClinicalpathway_top_message_centert_t2">
住院次数:<span>{{ HistoryInfo.a49 }}</span>
</div>
</div>
<div class="outClinicalpathway_top_message_right">
<span class="outClinicalpathway_top_message_right_tu3"
><img src="../assets/img/qian.png" alt=""
/></span>
<div class="outClinicalpathway_top_message_right_t3">
医疗付费方式:<span>{{ HistoryInfo.paymentType }}</span>
</div>
</div>
<div class="outClinicalpathway_top_message_low">
<span class="outClinicalpathway_top_message_low_tu4"
><img src="../assets/img/daoru.png" alt=""
/></span>
<div class="outClinicalpathway_top_message_low_t4">
分组类型:<span>{{ HistoryInfo.disNature }}</span>
</div>
</div>
<div class="outClinicalpathway_top_message_div6">
<span class="outClinicalpathway_top_message_div6_tu6"
><img src="../assets/img/lx2.png" alt=""
/></span>
<div class="outClinicalpathway_top_message_div6_t6">
病人类型:<span>{{ HistoryInfo.patientType }}</span>
</div>
</div>
<div class="outClinicalpathway_top_message_div5">
<span class="outClinicalpathway_top_message_div5_tu5"
><img src="../assets/img/je.png" alt=""
/></span>
<div class="outClinicalpathway_top_message_div5_t5">
自费占比:<span>{{
HistoryInfo.ownProportion != undefined
? decimal(HistoryInfo.ownProportion) + "%"
: ""
}}</span>
</div>
</div>
</div>
</div>
<div class="outClinicalpathway_msg">
<span class="outClinicalpathway_msg_tu4"
><img src="../assets/img/zu.png" alt=""
/></span>
<span>分组:{{ HistoryInfo.doctorName }}</span>
<span>基准点数:{{ decimal(HistoryInfo.rw) }}</span>
<span>预计DRG支付费用:{{ decimal(HistoryInfo.actualfee) }}</span>
<span>总费用:{{ decimal(HistoryInfo.totalFee) }}</span>
<span>预计盈亏:{{ decimal(HistoryInfo.profitLoss) }}</span>
<span>院内历年平均费用:{{ decimal(HistoryInfo.avgFee) }}</span>
<span>院内历年平均住院天数:{{ decimal(HistoryInfo.days) }}</span>
</div>
<div class="outClinicalpathway_table">
<el-table
ref="multipleTableRef"
:data="tableData"
style="width: 100%"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" />
<el-table-column label="医嘱类型" width="120">
<template #default="scope">{{ scope.row.date }}</template>
</el-table-column>
<el-table-column property="name" label="路径名称" width="120" />
<el-table-column
property="address"
label="医院项目编码"
show-overflow-tooltip
/>
</el-table>
</div>
</div>
</template>
<script>
import http from "../utils/http";
import {
reactive,
toRefs,
onMounted,
nextTick,
computed,
ref,
} from "@vue/composition-api";
import { decimal } from "../utils/decimal";
import { Message } from "element-ui";
import { useRoute, useRouter } from "../utils/useVueRouter";
import { setItem, getItem } from "../utils/auth";
import { Loading } from "element-ui";
export default {
name: "outClinicalpathway",
setup() {
//表格自适应高度
const route = useRoute();
//表格颜色
const tableRowClassName = ({ row }) => {
if (row.rowIndex % 2 == 0) {
return "isverifyStyle";
} else {
return "";
}
};
const monthlyPlanTable = ref();
const multipleTableRef = ref();
let state = reactive({
HistoryInfo: {
name: "",
healthyID: "",
paymentType: "",
disNature: "",
doctorName: "",
rw: "",
totalFee: "",
avgFee: "",
days: "",
profitLoss: "",
},
multipleSelection: [], //被选择的数据
tableData: [
{
date: "2016-05-03",
name: "Tom",
address: "No. 189, Grove St, Los Angeles",
},
{
date: "2016-05-02",
name: "Tom",
address: "No. 189, Grove St, Los Angeles",
},
{
date: "2016-05-04",
name: "Tom",
address: "No. 189, Grove St, Los Angeles",
},
{
date: "2016-05-01",
name: "Tom",
address: "No. 189, Grove St, Los Angeles",
},
],
});
//当选择项发生变化时会触发该事件
const handleSelectionChange = (val) => {
state.multipleSelection = val;
console.log('state.multipleSelection',state.multipleSelection);
};
onMounted(() => {});
return {
...toRefs(state),
tableRowClassName,
decimal,
monthlyPlanTable,
multipleTableRef,
handleSelectionChange,
};
},
};
</script>
<style lang="scss" scoped>
@import "../styles/mixin.scss";
// @import "../styles/media/components/outClinicalpathway.scss";
// 左侧表格点击高亮背景色
::v-deep .el-table__body tr.current-row > td {
background-color: #ffff !important;
}
// 点击文本颜色
::v-deep .current-row {
color: #55a6da !important;
}
// 点击icon颜色
::v-deep .current-row .el-table__expand-icon {
color: #55a6da !important;
}
.outClinicalpathway {
// height: calc(100% - 50px);
// background-color: white;
// padding: 20px;
// position: relative;
// overflow: hidden;
height: 850px;
background-color: white;
padding: 20px;
overflow: hidden;
position: relative;
&_top {
margin-bottom: 18px;
&_div1 {
display: flex;
justify-content: space-between;
align-items: center;
.span1 {
display: flex;
justify-content: start;
font-size: 14px;
color: #6a707e;
font-family: PingFang SC;
font-weight: 400;
}
&_button {
background-color: #2cabe3;
color: #fff;
}
}
&_message {
display: flex;
justify-content: space-between;
margin-top: 16px;
&_left {
width: 16.6%;
height: 51px;
display: flex;
justify-content: start;
align-items: center;
background-color: #f3fafd;
// .iconfont {
// color: #2cabe3;
// padding-left: 29px;
// font-size: 23px;
// }
&_tu1 {
padding-left: 29px;
font-size: 23px;
}
&_t1 {
width: 80%;
height: 42px;
display: flex;
justify-content: start;
padding-left: 10px;
align-items: center;
background-color: #fff;
color: #abafb3;
font-size: 14px;
margin-left: 29px;
span {
color: #787e8a;
}
}
}
&_centert {
width: 16.6%;
height: 51px;
display: flex;
justify-content: start;
align-items: center;
background-color: #f3fafd;
font-family: PingFang SC;
// .iconfont {
// color: #2cabe3;
// padding-left: 29px;
// font-size: 23px;
// }
&_tu2 {
padding-left: 29px;
font-size: 23px;
}
&_t2 {
width: 80%;
height: 42px;
display: flex;
justify-content: start;
padding-left: 10px;
align-items: center;
background-color: #fff;
color: #abafb3;
font-size: 14px;
margin-left: 29px;
span {
color: #787e8a;
}
}
}
&_right {
width: 16.6%;
height: 51px;
display: flex;
justify-content: start;
align-items: center;
background-color: #f3fafd;
font-family: PingFang SC;
&_tu3 {
padding-left: 29px;
font-size: 23px;
}
&_t3 {
width: 80%;
height: 42px;
display: flex;
justify-content: start;
padding-left: 10px;
align-items: center;
background-color: #fff;
color: #abafb3;
font-size: 14px;
margin-left: 29px;
span {
color: #787e8a;
}
}
}
&_low {
width: 16.6%;
height: 51px;
display: flex;
justify-content: start;
align-items: center;
background-color: #f3fafd;
font-family: PingFang SC;
&_tu4 {
padding-left: 29px;
font-size: 23px;
}
&_t4 {
width: 80%;
height: 42px;
display: flex;
justify-content: start;
padding-left: 10px;
align-items: center;
background-color: #fff;
color: #abafb3;
font-size: 14px;
margin-left: 29px;
span {
color: #787e8a;
}
}
}
&_div6 {
width: 16.6%;
height: 51px;
display: flex;
justify-content: start;
align-items: center;
background-color: #f3fafd;
font-family: PingFang SC;
&_tu6 {
padding-left: 29px;
font-size: 23px;
}
&_t6 {
width: 80%;
height: 42px;
display: flex;
justify-content: start;
padding-left: 10px;
align-items: center;
background-color: #fff;
color: #abafb3;
font-size: 14px;
margin-left: 29px;
span {
color: #787e8a;
}
}
}
&_div5 {
width: 16.6%;
height: 51px;
display: flex;
justify-content: start;
align-items: center;
background-color: #f3fafd;
font-family: PingFang SC;
&_tu5 {
padding-left: 29px;
font-size: 23px;
}
&_t5 {
width: 80%;
height: 42px;
display: flex;
justify-content: start;
padding-left: 10px;
align-items: center;
background-color: #fff;
color: #abafb3;
font-size: 14px;
margin-left: 29px;
span {
color: #787e8a;
}
}
}
}
}
&_msg {
height: 51px;
background-color: #f3fafd;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
// .iconfont {
// color: #2cabe3;
// padding-left: 28px;
// font-size: 23px;
// }
&_tu4 {
padding-left: 29px;
font-size: 23px;
}
span:nth-child(2) {
margin-left: 21px;
width: 200px;
height: 39px;
background-color: #fff;
font-size: 14px;
color: #6d7381;
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang SC;
margin-right: 5px;
}
span:nth-child(3) {
width: 200px;
height: 39px;
background-color: #fff;
font-size: 14px;
color: #6d7381;
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang SC;
margin-right: 5px;
}
span:nth-child(4) {
width: 258px;
height: 39px;
background-color: #fff;
font-size: 14px;
color: #6d7381;
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang SC;
margin-right: 5px;
}
span:nth-child(5) {
width: 200px;
height: 39px;
background-color: #fff;
font-size: 14px;
color: #6d7381;
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang SC;
margin-right: 5px;
}
span:nth-child(6) {
width: 200px;
height: 39px;
background-color: #fff;
font-size: 14px;
color: #6d7381;
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang SC;
margin-right: 5px;
}
span:nth-child(n + 7) {
width: 258px;
height: 39px;
background-color: #fff;
font-size: 14px;
color: #6d7381;
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang SC;
margin-right: 5px;
}
span:nth-child(n + 7) {
margin-right: 5px;
}
}
}
</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