Skip to content

V
vue-composition-api
Commit 1f1b54cf by wangshuangqing
Options

调整结构

parent b3fdf099
Showing with 117 additions and 43 deletions
src/views/outHistorygrouping.vue
...@@ -25,36 +25,47 @@ ...@@ -25,36 +25,47 @@
<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">
<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_centert">
<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_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">
医疗付费方式:<span>{{ casehisObj ? casehisObj.a46C : "" }}</span> 医疗付费方式:<span>{{ casehisObj ? casehisObj.a46C : "" }}</span>
</div> </div>
</div> </div>
<div class="outsetgrouping_top_message_blow"> <div class="outsetgrouping_top_message_blow">
<span class="outsetgrouping_top_message_blow_tu7"><img src="../assets/img/daoru.png" alt=""></span> <span class="outsetgrouping_top_message_blow_tu7"
><img src="../assets/img/daoru.png" alt=""
/></span>
<div class="outsetgrouping_top_message_blow_t4"> <div class="outsetgrouping_top_message_blow_t4">
分组类型:<span>{{ casehisObj?casehisObj.drgs.disNature:'' }}</span> 分组类型:<span>{{
casehisObj ? casehisObj.drgs.disNature : ""
}}</span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="outsetgrouping_top2"> <div class="outsetgrouping_top2">
<div class="outsetgrouping_top2_message"> <div class="outsetgrouping_top2_message">
<div class="outsetgrouping_top2_message_left"> <div class="outsetgrouping_top2_message_left">
<span class="outsetgrouping_top2_message_left_tu4"><img src="../assets/img/bianma.png" alt=""> </span> <span class="outsetgrouping_top2_message_left_tu4"
><img src="../assets/img/bianma.png" alt="" />
</span>
<div class="outsetgrouping_top2_message_left_t1"> <div class="outsetgrouping_top2_message_left_t1">
当前入组编码:<span>{{ 当前入组编码:<span>{{
casehisObj ? casehisObj.drgs.code : "" casehisObj ? casehisObj.drgs.code : ""
...@@ -62,21 +73,23 @@ ...@@ -62,21 +73,23 @@
</div> </div>
</div> </div>
<div class="outsetgrouping_top2_message_centert"> <div class="outsetgrouping_top2_message_centert">
<span class="outsetgrouping_top2_message_centert_tu5"><img src="../assets/img/daoru.png" alt=""></span> <span class="outsetgrouping_top2_message_centert_tu5"
><img src="../assets/img/daoru.png" alt=""
/></span>
<div class="outsetgrouping_top2_message_centert_t2"> <div class="outsetgrouping_top2_message_centert_t2">
入组名称:<span>{{ casehisObj ? casehisObj.drgs.name : "" }}</span> 入组名称:<span>{{ casehisObj ? casehisObj.drgs.name : "" }}</span>
</div> </div>
</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">
预计DRG支付费用:<span>{{ 预计DRG支付费用:<span>{{
casehisObj ? casehisObj.drgs.actualfee : "" casehisObj ? casehisObj.drgs.actualfee : ""
}}</span> }}</span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="outsetgrouping_top3"></div> <div class="outsetgrouping_top3"></div>
...@@ -101,16 +114,44 @@ ...@@ -101,16 +114,44 @@
</div> </div>
<div class="outsetgrouping_centent_totalnum_left_text"> <div class="outsetgrouping_centent_totalnum_left_text">
<div class="outsetgrouping_centent_totalnum_left_text_msg1"> <!-- <div class="outsetgrouping_centent_totalnum_left_text_msg1">
<div class="outsetgrouping_centent_totalnum_left_text_msg1_text1"> <div class="outsetgrouping_centent_totalnum_left_text_msg1_text1">
<span> 诊断名称:{{ item.diagMapName }}</span> <span> 诊断名称:{{ item.diagMapName }}</span>
<span> 诊断编码:{{item.disCode}}</span>
<span> 诊断类型:{{ item.diagOrder }}</span> <span> 诊断类型:{{ item.diagOrder }}</span>
<span> 分组类型:{{item.disNature}}</span> <span> 分组类型:{{item.disNature}}</span>
</div> </div>
<div class="outsetgrouping_centent_totalnum_left_text_msg1_text2"> <div class="outsetgrouping_centent_totalnum_left_text_msg1_text2">
<span>操作名称:{{ item.opsMapName }}</span> <span>操作名称:{{ item.opsMapName }}</span>
<span>操作编码:{{item.opsCode}}</span>
<span>操作类型:{{ item.opsOrder }}</span> <span>操作类型:{{ item.opsOrder }}</span>
</div> </div>
</div> -->
<div class="outsetgrouping_centent_totalnum_left_text_msg1">
<div
class="outsetgrouping_centent_totalnum_left_text_msg1_text11"
>
<span> 诊断名称:{{ item.diagMapName }}</span>
<span>操作名称:{{ item.opsMapName }}</span>
</div>
<div
class="outsetgrouping_centent_totalnum_left_text_msg1_text22"
>
<span> 诊断编码:{{ item.disCode }}</span>
<span>操作编码:{{ item.opsCode }}</span>
</div>
<div
class="outsetgrouping_centent_totalnum_left_text_msg1_text33"
>
<span> 诊断类型:{{ item.diagOrder }}</span>
<span>操作类型:{{ item.opsOrder }}</span>
</div>
<div
class="outsetgrouping_centent_totalnum_left_text_msg1_text44"
>
<span> 分组类型:{{ item.disNature }}</span>
</div>
</div> </div>
<div class="outsetgrouping_centent_totalnum_left_text_msg2"> <div class="outsetgrouping_centent_totalnum_left_text_msg2">
<div class="outsetgrouping_centent_totalnum_left_text_msg2_text3"> <div class="outsetgrouping_centent_totalnum_left_text_msg2_text3">
...@@ -213,7 +254,7 @@ import { ...@@ -213,7 +254,7 @@ import {
} from "@vue/composition-api"; } from "@vue/composition-api";
import { decimal } from "../utils/decimal"; import { decimal } from "../utils/decimal";
import { Message } from 'element-ui'; import { Message } from "element-ui";
import { useRoute, useRouter } from "../utils/useVueRouter"; import { useRoute, useRouter } from "../utils/useVueRouter";
import { initEcharts, categoryChart } from "../utils/echarts"; import { initEcharts, categoryChart } from "../utils/echarts";
export default { export default {
...@@ -310,7 +351,7 @@ export default { ...@@ -310,7 +351,7 @@ export default {
if (state.radio == "") { if (state.radio == "") {
Message.warning({ Message.warning({
message: "请先选择要入组的病组", message: "请先选择要入组的病组",
type: 'warning', type: "warning",
}); });
} else { } else {
http http
...@@ -321,7 +362,7 @@ export default { ...@@ -321,7 +362,7 @@ export default {
.then((data) => { .then((data) => {
Message.success({ Message.success({
message: `${data.message}`, message: `${data.message}`,
type: 'success', type: "success",
}); });
getCaseHis(route.value.query.id); getCaseHis(route.value.query.id);
...@@ -365,7 +406,6 @@ export default { ...@@ -365,7 +406,6 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import "../styles/mixin.scss"; @import "../styles/mixin.scss";
// @import '../styles/media/media/outHistorygrouping.scss';
.outsetgrouping { .outsetgrouping {
height: 900px; height: 900px;
background-color: white; background-color: white;
...@@ -416,7 +456,7 @@ export default { ...@@ -416,7 +456,7 @@ export default {
// padding-left: 29px; // padding-left: 29px;
// font-size: 23px; // font-size: 23px;
// } // }
&_tu1{ &_tu1 {
padding-left: 29px; padding-left: 29px;
font-size: 23px; font-size: 23px;
} }
...@@ -453,7 +493,7 @@ export default { ...@@ -453,7 +493,7 @@ export default {
// padding-left: 29px; // padding-left: 29px;
// font-size: 23px; // font-size: 23px;
// } // }
&_tu2{ &_tu2 {
padding-left: 29px; padding-left: 29px;
font-size: 23px; font-size: 23px;
} }
...@@ -490,7 +530,7 @@ export default { ...@@ -490,7 +530,7 @@ export default {
// padding-left: 29px; // padding-left: 29px;
// font-size: 23px; // font-size: 23px;
// } // }
&_tu3{ &_tu3 {
padding-left: 29px; padding-left: 29px;
font-size: 23px; font-size: 23px;
} }
...@@ -521,8 +561,7 @@ export default { ...@@ -521,8 +561,7 @@ export default {
background-color: #f3fafd; background-color: #f3fafd;
font-family: PingFang SC; font-family: PingFang SC;
&_tu7 {
&_tu7{
padding-left: 29px; padding-left: 29px;
font-size: 23px; font-size: 23px;
} }
...@@ -576,7 +615,7 @@ export default { ...@@ -576,7 +615,7 @@ export default {
// padding-left: 29px; // padding-left: 29px;
// font-size: 23px; // font-size: 23px;
// } // }
&_tu4{ &_tu4 {
padding-left: 29px; padding-left: 29px;
font-size: 23px; font-size: 23px;
} }
...@@ -613,7 +652,7 @@ export default { ...@@ -613,7 +652,7 @@ export default {
// padding-left: 29px; // padding-left: 29px;
// font-size: 23px; // font-size: 23px;
// } // }
&_tu5{ &_tu5 {
padding-left: 29px; padding-left: 29px;
font-size: 23px; font-size: 23px;
} }
...@@ -644,8 +683,7 @@ export default { ...@@ -644,8 +683,7 @@ export default {
background-color: #f3fafd; background-color: #f3fafd;
font-family: PingFang SC; font-family: PingFang SC;
&_tu6 {
&_tu6{
padding-left: 29px; padding-left: 29px;
font-size: 23px; font-size: 23px;
} }
...@@ -667,7 +705,6 @@ export default { ...@@ -667,7 +705,6 @@ export default {
} }
} }
} }
} }
} }
...@@ -728,7 +765,7 @@ export default { ...@@ -728,7 +765,7 @@ export default {
width: 97%; width: 97%;
height: 100%; height: 100%;
&_msg1 { &_msg1{
height: 25%; height: 25%;
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);
...@@ -737,20 +774,37 @@ export default { ...@@ -737,20 +774,37 @@ export default {
margin-bottom: 5px; margin-bottom: 5px;
margin-top: 5px; margin-top: 5px;
display: flex; display: flex;
&_text11 {
width: 25%;
height: 100%;
display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
span {
height: 100%;
width: 50%;
// margin:5px 5px;
display: flex;
justify-content: start;
align-items: center; align-items: center;
font-size: 14px;
&_text1 { padding-left: 10px;
width: 100%; font-family: PingFang SC;
height: 50%; font-weight: 300;
color: #6a707e;
}
}
&_text22 {
width: 25%;
height: 100%;
display: flex; display: flex;
justify-content: space-between; flex-direction: column;
justify-content: center;
span { span {
height: 100%; height: 100%;
width: 50%; width: 50%;
margin: 5px 5px; // margin:5px 5px;
display: flex; display: flex;
justify-content: start; justify-content: start;
align-items: center; align-items: center;
...@@ -761,22 +815,42 @@ export default { ...@@ -761,22 +815,42 @@ export default {
color: #6a707e; color: #6a707e;
} }
} }
&_text33 {
&_text2 { width: 25%;
width: 100%; height: 100%;
height: 48%;
display: flex; display: flex;
justify-content: start; flex-direction: column;
justify-content: center;
span { span {
height: 100%; height: 100%;
width: 32%; width: 50%;
margin: 0px 5px; // margin:5px 5px;
display: flex; display: flex;
justify-content: start; justify-content: start;
align-items: center; align-items: center;
font-size: 14px; font-size: 14px;
padding-left: 11px; 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: 50%;
// margin:5px 5px;
display: flex;
justify-content: start;
align-items: flex-start;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 300; font-weight: 300;
color: #6a707e; color: #6a707e;
......
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