Skip to content

V
vue-composition-api
Commit 3758f55d by wangshuangqing
Options

1.权重改成基准点数 

2.添加倍率区域关系图
3.修改智能分组暂无数据图标不居中问题
parent 2d149387
Showing with 221 additions and 5 deletions
src/views/outHistorygrouping.vue
...@@ -943,7 +943,7 @@ export default { ...@@ -943,7 +943,7 @@ export default {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-content: center; align-items: center;
&_img { &_img {
img { img {
......
src/views/outpatientDetails.vue
...@@ -39,18 +39,48 @@ ...@@ -39,18 +39,48 @@
<div class="outpatientDetails_msg"> <div class="outpatientDetails_msg">
<span class="outpatientDetails_msg_tu4"><img src="../assets/img/zu.png" alt=""></span> <span class="outpatientDetails_msg_tu4"><img src="../assets/img/zu.png" alt=""></span>
<span>分组:{{ HistoryInfo.doctorName }}</span> <span>分组:{{ HistoryInfo.doctorName }}</span>
<span>权重:{{ decimal(HistoryInfo.rw) }}</span> <span>基准点数:{{ decimal(HistoryInfo.rw) }}</span>
<span>实际医保费用:{{ decimal(HistoryInfo.actualfee) }}</span> <span>实际医保费用:{{ decimal(HistoryInfo.actualfee) }}</span>
<span>总费用:{{ decimal(HistoryInfo.totalFee) }}</span> <span>总费用:{{ decimal(HistoryInfo.totalFee) }}</span>
<span>盈亏:{{ decimal(HistoryInfo.profitLoss) }}</span> <span>盈亏:{{ decimal(HistoryInfo.profitLoss) }}</span>
<span>院内历年平均费用:{{ decimal(HistoryInfo.avgFee) }}</span> <span>院内历年平均费用:{{ decimal(HistoryInfo.avgFee) }}</span>
<span>院内历年平均住院天数:{{ decimal(HistoryInfo.days) }}</span> <span>院内历年平均住院天数:{{ decimal(HistoryInfo.days) }}</span>
</div> </div>
<div class="outpatientDetails_fenqu" v-if="lowMagnification!=0 && highMagnification!=0">
<div class="outpatientDetails_fenqu_di">
<div class="outpatientDetails_fenqu_di_bb">
<div class="outpatientDetails_fenqu_di_bb_div1">
<span class="outpatientDetails_fenqu_di_bb_div1_num" :style="{marginLeft:(totalwidth-1)+'%',color:totalcolor}">{{decimal(HistoryInfo.totalFee)}}</span>
<span class="outpatientDetails_fenqu_di_bb_div1_he" :style="{ marginLeft:totalwidth+'%',backgroundColor:totalcolor}"></span>
</div>
<div class="outpatientDetails_fenqu_di_bb_div2">
<span class="outpatientDetails_fenqu_di_bb_div2_span1" :style="{ width: lowwidth + '%' }">低倍率区域：&lt;={{Math.round(lowMagnification)}}</span>
<span class="outpatientDetails_fenqu_di_bb_div2_span2" :style="{ width: contentwidth + '%' }">正常区域：{{(Math.round(lowMagnification)+1)+'~'+(Math.round(highMagnification)-1)}}</span>
<span class="outpatientDetails_fenqu_di_bb_div2_span3" :style="{ width: heightwidth + '%' }">高倍率区域：>{{Math.round(highMagnification)}}</span>
</div>
<div class="outpatientDetails_fenqu_di_bb_div3">
<span class="outpatientDetails_fenqu_di_bb_div3_span1" :style="{ width: lowwidth + '%' }">
0
</span>
<span class="outpatientDetails_fenqu_di_bb_div3_span2" :style="{ width: contentwidth + '%' }">
{{Math.round(lowMagnification)}}
</span>
<span class="outpatientDetails_fenqu_di_bb_div3_span3" :style="{ width: heightwidth + '%' }">
<span class="outpatientDetails_fenqu_di_bb_div3_span2_nmm1">{{Math.round(highMagnification)}}</span>
<span class="outpatientDetails_fenqu_di_bb_div3_span2_nmm2">{{ Math.round(heightnum) }}</span>
</span>
</div>
</div>
</div>
</div>
<div class="outpatientDetails_title"> <div class="outpatientDetails_title">
<span>费用分类</span> <span>费用分类</span>
</div> </div>
<div class="outpatientDetails_bottom"> <div class="outpatientDetails_bottom" :style="{height:bottomheight}">
<!-- 有数据 --> <!-- 有数据 -->
<div class="outpatientDetails_bottom_leftShowBox" v-if="goods.length !== 0"> <div class="outpatientDetails_bottom_leftShowBox" v-if="goods.length !== 0">
<div class="outpatientDetails_bottom_leftShowBox_left"> <div class="outpatientDetails_bottom_leftShowBox_left">
...@@ -251,6 +281,45 @@ export default { ...@@ -251,6 +281,45 @@ export default {
state.dipid = data.id; state.dipid = data.id;
state.goods = data.inpat_FeeDatas; state.goods = data.inpat_FeeDatas;
state.lowMagnification=data.lowMagnification;
state.highMagnification=data.highMagnification;
// 高倍率>总费用 高倍率金额+高倍率金额*30%
if (data.highMagnification > data.totalFee) {
state.heightnum = data.highMagnification + data.highMagnification * 0.3;
console.log('state.heightnum', state.heightnum);
} else if (data.highMagnification < data.totalFee) {
// 高倍率<总费用 患者总费用的金额+患者总费用的金额*30%
state.heightnum = data.totalFee + data.totalFee * 0.3;
console.log('state.heightnum', state.heightnum);
}
// 低倍率宽度
state.lowwidth = Math.round((Math.round(data.lowMagnification) / Math.round(state.heightnum)) * 100);
// 高倍率宽度
state.heightwidth = Math.round(((Math.round(state.heightnum) -Math.round(data.highMagnification) ) / Math.round(state.heightnum)) * 100);
// 正常倍率宽度
state.contentwidth = 100 - (state.lowwidth + state.heightwidth);
//总费用宽度
state.totalwidth= Math.round((Math.round(data.totalFee)/Math.round(state.heightnum))*100);
// 判断总费用显示的颜色
if(data.totalFee<data.lowMagnification){
state.totalcolor='#e9c622'
}else if(data.totalFee>data.lowMagnification && data.totalFee<data.highMagnification){
state.totalcolor='#22d016'
}else if(data.totalFee>data.highMagnification){
state.totalcolor='#ff7e00'
}
if(data.lowMagnification==0 || data.highMagnification==0){
state.bottomheight="80%"
}else if(data.lowMagnification!=0) {
state.bottomheight="70%"
}
if (state.goods.length > 0) { if (state.goods.length > 0) {
// debugger // debugger
toggle(0, state.goods[0]); toggle(0, state.goods[0]);
...@@ -331,6 +400,15 @@ export default { ...@@ -331,6 +400,15 @@ export default {
typeCountDatas: [], //异常数据 typeCountDatas: [], //异常数据
showCountDatas: true, //异常问题类型是否显示 showCountDatas: true, //异常问题类型是否显示
showbottom: true, //异常问题详情是否显示 showbottom: true, //异常问题详情是否显示
heightnum: '', //最大值
lowwidth: '', //低倍率宽度
heightwidth: '', //高倍率宽度
contentwidth: '', //正常倍率宽度
totalwidth:'',//总费用宽度
totalcolor:'',//总费用颜色
lowMagnification:0,//低倍率值
highMagnification:0,//高倍率值
bottomheight:'60%',//底部高度
}); });
//表格自适应高度 //表格自适应高度
const route = useRoute(); const route = useRoute();
...@@ -526,6 +604,144 @@ export default { ...@@ -526,6 +604,144 @@ export default {
margin-right: 5px; margin-right: 5px;
} }
} }
&_fenqu {
width: 100%;
height: 12%;
margin-bottom: 10px;
background-color: #f3fafd;
display: flex;
justify-content: center;
align-items: center;
&_di {
width: 99%;
height: 85%;
background-color: white;
display: flex;
justify-content: center;
&_bb{
width: 98%;
height: 85%;
margin: 0 5px;
background-color: white;
display: flex;
flex-direction: column;
justify-content: space-around;
padding-top: 10px;
&_div1 {
width: 100%;
height: 18%;
// display: flex;
// flex-direction: column;
// align-items: flex-start;
&_num {
display: flex;
font-size: 12px;
font-family: PingFang SC;
}
&_he {
display: block;
width: 2px;
height: 10px;
}
}
&_div2 {
width: 100%;
height: 64%;
display: flex;
justify-content: center;
align-items: center;
&_span1 {
display: block;
// width: 33%;
height: 50%;
border-radius: 2px;
color: white;
font-size: 12px;
background-color: #e9c622;
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang SC;
}
&_span2 {
display: block;
// width: 33%;
height: 50%;
border-radius: 2px;
color: white;
font-size: 12px;
background-color: #22d016;
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang SC;
}
&_span3 {
display: block;
// width: 33%;
height: 50%;
border-radius: 2px;
color: white;
font-size: 12px;
background-color: #ff7e00;
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang SC;
}
}
&_div3 {
width: 100%;
height: 18%;
display: flex;
&_span1 {
display: flex;
height: 100%;
justify-content: start;
font-size: 12px;
font-family: PingFang SC;
color: #abafb3;
}
&_span2 {
display: flex;
height: 100%;
font-size: 12px;
font-family: PingFang SC;
color: #abafb3;
justify-content: start;
}
&_span3 {
display: flex;
height: 100%;
font-family: PingFang SC;
font-size: 12px;
color: #abafb3;
justify-content: space-between;
}
// &_span4 {
// display: flex;
// width: 25%;
// height: 100%;
// font-family: PingFang SC;
// padding-left: 383px;
// font-size: 12px;
// color: #abafb3;
// }
}
}
}
}
&_title { &_title {
background-image: url('../assets/img/dataMaintenance/title.png'); background-image: url('../assets/img/dataMaintenance/title.png');
background-repeat: no-repeat; background-repeat: no-repeat;
...@@ -728,7 +944,7 @@ export default { ...@@ -728,7 +944,7 @@ export default {
font-size: 14px; font-size: 14px;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;
color: #ffffff; color: white;
} }
&_mes { &_mes {
width: 100%; width: 100%;
...@@ -813,7 +1029,7 @@ export default { ...@@ -813,7 +1029,7 @@ export default {
font-size: 20px; font-size: 20px;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;
color: #ffffff; color: whiteff;
} }
&_cont { &_cont {
font-size: 16px; font-size: 16px;
......
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