Skip to content

V
vue-composition-api
Commit 5368d480 by 唐玉峰
Options

.

parent 6822013e
Showing with 51 additions and 362 deletions
src/views/outHistorygrouping.vue
...@@ -9,6 +9,9 @@ ...@@ -9,6 +9,9 @@
<!-- 智能分组 --> <!-- 智能分组 -->
<div class="outsetgrouping" id="setGroupingbox"> <div class="outsetgrouping" id="setGroupingbox">
<div class="outsetgrouping_button"> <div class="outsetgrouping_button">
<el-button class="outsetgrouping_button_Searchbtn" type="primary" size="mini" @click="toPage">
<span class="s2">费用监控</span>
</el-button>
<el-button class="outsetgrouping_button_Searchbtn" type="primary" size="mini" @click="gosear"> <el-button class="outsetgrouping_button_Searchbtn" type="primary" size="mini" @click="gosear">
<span class="s2">疾病分组查询</span> <span class="s2">疾病分组查询</span>
</el-button> </el-button>
...@@ -19,18 +22,30 @@ ...@@ -19,18 +22,30 @@
</div> </div>
<div class="outsetgrouping_top"> <div class="outsetgrouping_top">
<div class="outsetgrouping_top_message"> <div class="outsetgrouping_top_message">
<div class="outsetgrouping_top_message_left"> <div class="outsetgrouping_top_message_left" style="width: 18%">
<span class="outsetgrouping_top_message_left_tu1"><img src="../assets/img/peo.png" alt="" /> </span> <span class="outsetgrouping_top_message_left_tu1"><img src="../assets/img/peo.png" alt="" /> </span>
<div class="outsetgrouping_top_message_left_t1"> <div class="outsetgrouping_top_message_left_t1">
住院号:<span>{{ casehisObj ? casehisObj.a48 : "" }}</span> 住院号:<span>{{ casehisObj ? casehisObj.a48 : "" }}</span>
</div> </div>
</div> </div>
<div class="outsetgrouping_top_message_centert"> <div class="outsetgrouping_top_message_left" style="width: 18%">
<span class="outsetgrouping_top_message_left_tu1"><img src="../assets/img/peo.png" alt="" /> </span>
<div class="outsetgrouping_top_message_left_t1">
姓名:<span>{{ casehisObj ? casehisObj.a11 : "" }}</span>
</div>
</div>
<div class="outsetgrouping_top_message_centert" style="width: 18%">
<span class="outsetgrouping_top_message_centert_tu2"><img src="../assets/img/ka.png" alt="" /></span> <span class="outsetgrouping_top_message_centert_tu2"><img src="../assets/img/ka.png" alt="" /></span>
<div class="outsetgrouping_top_message_centert_t2"> <div class="outsetgrouping_top_message_centert_t2">
住院次数:<span>{{ casehisObj ? casehisObj.a49 : "" }}</span> 住院次数:<span>{{ casehisObj ? casehisObj.a49 : "" }}</span>
</div> </div>
</div> </div>
<div class="outsetgrouping_top_message_centert" style="width: 18%">
<span class="outsetgrouping_top_message_centert_tu2"><img src="../assets/img/ka.png" alt="" /></span>
<div class="outsetgrouping_top_message_centert_t2">
实际住院天数:<span>{{ casehisObj ? casehisObj.b20 : "" }}</span>
</div>
</div>
<div class="outsetgrouping_top_message_right"> <div class="outsetgrouping_top_message_right">
<span class="outsetgrouping_top_message_right_tu3"><img src="../assets/img/qian.png" alt="" /></span> <span class="outsetgrouping_top_message_right_tu3"><img src="../assets/img/qian.png" alt="" /></span>
<div class="outsetgrouping_top_message_right_t3"> <div class="outsetgrouping_top_message_right_t3">
...@@ -65,6 +80,12 @@ ...@@ -65,6 +80,12 @@
预计DRG支付费用:<span>{{ casehisObj ? casehisObj.drgs.actualfee : "" }}</span> 预计DRG支付费用:<span>{{ casehisObj ? casehisObj.drgs.actualfee : "" }}</span>
</div> </div>
</div> </div>
<div class="outsetgrouping_top2_message_left">
<span class="outsetgrouping_top2_message_left_tu4"><img src="../assets/img/jiner.png" alt="" /> </span>
<div class="outsetgrouping_top2_message_left_t1">
总费用:<span>{{ casehisObj ? casehisObj.totalFee : "" }}</span>
</div>
</div>
<div class="outsetgrouping_top2_message_right"> <div class="outsetgrouping_top2_message_right">
<span class="outsetgrouping_top2_message_right_tu6"><img src="../assets/img/jiner.png" alt="" /></span> <span class="outsetgrouping_top2_message_right_tu6"><img src="../assets/img/jiner.png" alt="" /></span>
<div class="outsetgrouping_top2_message_right_t3"> <div class="outsetgrouping_top2_message_right_t3">
...@@ -108,15 +129,15 @@ ...@@ -108,15 +129,15 @@
<div class="outsetgrouping_centent_totalnum_left_text_msg2_text3"> <div class="outsetgrouping_centent_totalnum_left_text_msg2_text3">
<span>入组编码：{{ item.code }}</span> <span>入组编码：{{ item.code }}</span>
<span>入组名称：{{ item.coreName }}</span> <span>入组名称：{{ item.coreName }}</span>
<span>病种分值：{{ item.score }}</span> <span>基准点数：{{ item.score }}</span>
<span>预计DRG支付费用：{{ item.actualfee }}</span> <span>报销类型：{{ item.magnification }}</span>
</div> </div>
<!-- <div class="outsetgrouping_centent_totalnum_left_text_msg2_text5"> <div class="outsetgrouping_centent_totalnum_left_text_msg2_text5">
<span>预计DRG支付费用：{{ item.unitfee }}</span <span>预计DRG支付费用：{{ item.actualfee }}</span
><span>院内历年平均费用：{{ item.avgFee }}</span ><span>总费用：{{ item.totalFee }}</span
><span>院内历年平均住院天数：{{ item.avgInHosDay }}</span> ><span>盈亏：{{ item.profitLoss }}</span>
</div> --> </div>
</div> </div>
</div> </div>
</div> </div>
...@@ -329,6 +350,7 @@ import { useRoute, useRouter } from "../utils/useVueRouter"; ...@@ -329,6 +350,7 @@ import { useRoute, useRouter } from "../utils/useVueRouter";
import { initEcharts, categoryChart, categoryChart11 } from "../utils/echarts"; import { initEcharts, categoryChart, categoryChart11 } from "../utils/echarts";
export default { export default {
name: "outHistorygrouping", name: "outHistorygrouping",
setup() { setup() {
let state = reactive({ let state = reactive({
abc: "", abc: "",
...@@ -652,6 +674,16 @@ export default { ...@@ -652,6 +674,16 @@ export default {
state.radio = e.target.value; state.radio = e.target.value;
state.coreID = state.CorePercents.find((item) => item.id == e.target.value).coreID; state.coreID = state.CorePercents.find((item) => item.id == e.target.value).coreID;
}; };
const toPage = () => {
http.get(`/medical/get/JumpHisMAInfo?id=${route.value.query.id}`, {})
.then((data) => {
window.open(data.message);
})
.catch((error) => {
console.log(error);
});
};
onMounted(() => { onMounted(() => {
getCaseHis(route.value.query.id); getCaseHis(route.value.query.id);
if (state.searchForm.diagName.length > 0) { if (state.searchForm.diagName.length > 0) {
...@@ -679,6 +711,7 @@ export default { ...@@ -679,6 +711,7 @@ export default {
ssremoteMethod, ssremoteMethod,
closeDialog, closeDialog,
radios, radios,
toPage,
}; };
}, },
}; };
...@@ -687,9 +720,9 @@ export default { ...@@ -687,9 +720,9 @@ export default {
@import "../styles/mixin.scss"; @import "../styles/mixin.scss";
@import "../styles/outHistorygrouping.scss"; @import "../styles/outHistorygrouping.scss";
.outsetgrouping { .outsetgrouping {
height: 900px; height: 96%;
background-color: white; background-color: white;
padding: 0px 20px 20px 20px; padding: 20px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
...@@ -1014,355 +1047,12 @@ export default { ...@@ -1014,355 +1047,12 @@ export default {
} }
} }
// &_centent {
// background-color: #f1f5f8;
// height: 66%;
// overflow-y: auto;
// &_totalnum {
// height: 290px;
// background-color: #fff;
// margin: 12px;
// display: flex;
// flex-direction: column;
// align-items: center;
// &_left {
// flex: 1;
// width: 100%;
// height: 70%;
// display: flex;
// flex-direction: row;
// align-items: center;
// justify-content: center;
// &_radios {
// width: 3%;
// height: 30%;
// display: flex;
// justify-content: center;
// align-items: center;
// }
// &_text {
// width: 97%;
// height: 100%;
// &_msg1 {
// height: 25%;
// box-sizing: content-box;
// border: 10px solid rgba(44, 171, 227, 0.08);
// border-bottom: 5px solid rgba(44, 171, 227, 0.08);
// border-top: 5px solid rgba(44, 171, 227, 0.08);
// margin-bottom: 5px;
// margin-top: 5px;
// display: flex;
// &_text11 {
// width: 25%;
// height: 100%;
// display: flex;
// flex-direction: column;
// justify-content: center;
// span {
// height: 100%;
// width: 85%;
// // margin:5px 5px;
// display: flex;
// justify-content: start;
// align-items: center;
// font-size: 14px;
// padding-left: 10px;
// font-family: PingFang SC;
// font-weight: 300;
// color: #6a707e;
// }
// }
// &_text22 {
// width: 25%;
// height: 100%;
// display: flex;
// flex-direction: column;
// justify-content: center;
// span {
// height: 100%;
// width: 85%;
// // margin:5px 5px;
// display: flex;
// justify-content: start;
// align-items: center;
// font-size: 14px;
// padding-left: 10px;
// font-family: PingFang SC;
// font-weight: 300;
// color: #6a707e;
// }
// }
// &_text33 {
// width: 25%;
// height: 100%;
// display: flex;
// flex-direction: column;
// justify-content: center;
// span {
// height: 100%;
// width: 85%;
// // margin:5px 5px;
// display: flex;
// justify-content: start;
// align-items: center;
// font-size: 14px;
// padding-left: 10px;
// font-family: PingFang SC;
// font-weight: 300;
// color: #6a707e;
// }
// }
// &_text44 {
// width: 25%;
// height: 100%;
// display: flex;
// flex-direction: column;
// justify-content: center;
// span {
// height: 100%;
// width: 85%;
// // margin:5px 5px;
// display: flex;
// justify-content: start;
// align-items: flex-start;
// font-size: 14px;
// padding-left: 10px;
// font-family: PingFang SC;
// font-weight: 300;
// color: #6a707e;
// }
// }
// }
// &_msg2 {
// background-color: rgba(44, 171, 227, 0.08);
// display: flex;
// flex-direction: column;
// height: 65%;
// justify-content: center;
// padding-top: 10px;
// &_text3 {
// // margin-bottom: 10px;
// width: 100%;
// height: 45%;
// display: flex;
// justify-content: space-between;
// span {
// display: block;
// height: 100%;
// width: 50%;
// margin: 0px 10px;
// background-color: #fff;
// display: flex;
// justify-content: start;
// align-items: center;
// font-size: 14px;
// padding-left: 10px;
// font-family: PingFang SC;
// font-weight: 300;
// color: #6a707e;
// }
// }
// // &_text4 {
// // margin-bottom: 10px;
// // width: 100%;
// // height: 30%;
// // margin-top: 10px;
// // display: flex;
// // justify-content: space-between;
// // span {
// // height: 100%;
// // width: 50%;
// // margin: 0px 10px;
// // background-color: #fff;
// // display: flex;
// // justify-content: start;
// // align-items: center;
// // font-size: 14px;
// // padding-left: 10px;
// // font-family: PingFang SC;
// // font-weight: 300;
// // color: #6a707e;
// // }
// // }
// &_text5 {
// margin-top: 10px;
// margin-bottom: 10px;
// width: 100%;
// height: 45%;
// display: flex;
// justify-content: space-between;
// span {
// height: 100%;
// width: 50%;
// margin: 0px 10px;
// background-color: #fff;
// display: flex;
// justify-content: start;
// align-items: center;
// font-size: 14px;
// padding-left: 10px;
// font-family: PingFang SC;
// font-weight: 300;
// color: #6a707e;
// }
// }
// }
// }
// }
// &_right {
// width: 100%;
// height: 30%;
// display: flex;
// justify-content: space-around;
// &_text1 {
// width: 19%;
// display: flex;
// justify-content: center;
// align-items: center;
// margin-left: 3%;
// &_span1 {
// color: #2cabe3;
// font-family: PingFang SC;
// font-weight: 400;
// }
// &_echar1 {
// width: 50%;
// height: 85px;
// margin-left: -30px;
// margin-top: 10px;
// }
// }
// &_text2 {
// width: 19%;
// display: flex;
// justify-content: center;
// align-items: center;
// &_span2 {
// color: #71d875;
// font-family: PingFang SC;
// font-weight: 400;
// }
// &_echar2 {
// width: 50%;
// height: 85px;
// margin-left: -30px;
// margin-top: 10px;
// }
// }
// &_text3 {
// width: 19%;
// display: flex;
// justify-content: center;
// align-items: center;
// &_span3 {
// color: #f35e77;
// font-family: PingFang SC;
// font-weight: 400;
// }
// &_echar3 {
// width: 50%;
// height: 85px;
// margin-left: -30px;
// margin-top: 10px;
// }
// }
// &_text4 {
// width: 19%;
// display: flex;
// justify-content: center;
// align-items: center;
// &_span4 {
// color: #ffb321;
// font-family: PingFang SC;
// font-weight: 400;
// }
// &_echar4 {
// width: 50%;
// height: 85px;
// margin-left: -30px;
// margin-top: 10px;
// }
// }
// &_text5 {
// width: 19%;
// display: flex;
// justify-content: center;
// align-items: center;
// &_span5 {
// color: #c05ef3;
// font-family: PingFang SC;
// font-weight: 400;
// }
// &_echar5 {
// width: 50%;
// height: 85px;
// margin-left: -30px;
// margin-top: 10px;
// }
// }
// }
// }
// // 没有数据
// &_nodata {
// width: 100%;
// height: 100%;
// display: flex;
// flex-direction: column;
// justify-content: center;
// align-items: center;
// &_img {
// img {
// width: 115px;
// height: 102px;
// }
// }
// &_text {
// font-size: 18px;
// font-family: PingFang SC;
// font-weight: 400;
// color: #abafb3;
// }
// }
// }
&_centent { &_centent {
background-color: #f1f5f8; background-color: #f1f5f8;
height: 63%; height: calc(100% - 229px);
overflow-y: auto; overflow-y: auto;
&_totalnum { &_totalnum {
height: 140px; height: 250px;
background-color: #fff; background-color: #fff;
margin: 12px; margin: 12px;
display: flex; display: flex;
...@@ -1387,11 +1077,10 @@ export default { ...@@ -1387,11 +1077,10 @@ export default {
width: 97%; width: 97%;
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
&_msg1 { &_msg1 {
height: 40%; height: 30%;
box-sizing: content-box; box-sizing: content-box;
border: 10px solid rgba(44, 171, 227, 0.08); border: 10px solid rgba(44, 171, 227, 0.08);
border-bottom: 5px solid rgba(44, 171, 227, 0.08); border-bottom: 5px solid rgba(44, 171, 227, 0.08);
...@@ -1487,13 +1176,13 @@ export default { ...@@ -1487,13 +1176,13 @@ export default {
background-color: rgba(44, 171, 227, 0.08); background-color: rgba(44, 171, 227, 0.08);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 40%; height: 55%;
justify-content: center; justify-content: center;
// padding-top: 10px; padding-top: 10px;
&_text3 { &_text3 {
// margin-bottom: 10px; // margin-bottom: 10px;
width: 100%; width: 100%;
height: 83%; height: 50%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
span { span {
...@@ -1516,7 +1205,7 @@ export default { ...@@ -1516,7 +1205,7 @@ export default {
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
width: 100%; width: 100%;
height: 45%; height: 50%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
span { span {
......
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