Skip to content

V
vue-composition-api
Commit 52013ccb by wangshuangqing
Options

文本超出显示省略号 鼠标移上显示全部

parent d4bd25f9
Showing with 287 additions and 149 deletions
src/views/outpatientDetails.vue
...@@ -17,19 +17,25 @@ ...@@ -17,19 +17,25 @@
<div class="outpatientDetails_top_message"> <div class="outpatientDetails_top_message">
<div class="outpatientDetails_top_message_left"> <div class="outpatientDetails_top_message_left">
<span class="outpatientDetails_top_message_left_tu1"> <img src="../assets/img/peo.png" alt=""></span> <span class="outpatientDetails_top_message_left_tu1">
<img src="../assets/img/peo.png" alt=""
/></span>
<div class="outpatientDetails_top_message_left_t1"> <div class="outpatientDetails_top_message_left_t1">
住院号:<span>{{ HistoryInfo.id }}</span> 住院号:<span>{{ HistoryInfo.id }}</span>
</div> </div>
</div> </div>
<div class="outpatientDetails_top_message_centert"> <div class="outpatientDetails_top_message_centert">
<span class="outpatientDetails_top_message_centert_tu2"><img src="../assets/img/ka.png" alt=""></span> <span class="outpatientDetails_top_message_centert_tu2"
><img src="../assets/img/ka.png" alt=""
/></span>
<div class="outpatientDetails_top_message_centert_t2"> <div class="outpatientDetails_top_message_centert_t2">
住院次数:<span>{{ HistoryInfo.a49 }}</span> 住院次数:<span>{{ HistoryInfo.a49 }}</span>
</div> </div>
</div> </div>
<div class="outpatientDetails_top_message_right"> <div class="outpatientDetails_top_message_right">
<span class="outpatientDetails_top_message_right_tu3"><img src="../assets/img/qian.png" alt=""></span> <span class="outpatientDetails_top_message_right_tu3"
><img src="../assets/img/qian.png" alt=""
/></span>
<div class="outpatientDetails_top_message_right_t3"> <div class="outpatientDetails_top_message_right_t3">
医疗付费方式:<span>{{ HistoryInfo.paymentType }}</span> 医疗付费方式:<span>{{ HistoryInfo.paymentType }}</span>
</div> </div>
...@@ -37,7 +43,9 @@ ...@@ -37,7 +43,9 @@
</div> </div>
</div> </div>
<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>
...@@ -46,33 +54,93 @@ ...@@ -46,33 +54,93 @@
<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"
v-if="lowMagnification != 0 && highMagnification != 0"
>
<div class="outpatientDetails_fenqu_di"> <div class="outpatientDetails_fenqu_di">
<div class="outpatientDetails_fenqu_di_bb"> <div class="outpatientDetails_fenqu_di_bb">
<div class="outpatientDetails_fenqu_di_bb_div1"> <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
<span class="outpatientDetails_fenqu_di_bb_div1_he" :style="{ marginLeft:totalwidth+'%',backgroundColor:totalcolor}"></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>
<div class="outpatientDetails_fenqu_di_bb_div2"> <div class="outpatientDetails_fenqu_di_bb_div2">
<span class="outpatientDetails_fenqu_di_bb_div2_span1" :style="{ width: lowwidth + '%' }">低倍率区域：&lt;={{Math.round(lowMagnification)}}</span> <span
<span class="outpatientDetails_fenqu_di_bb_div2_span2" :style="{ width: contentwidth + '%' }">正常区域：{{(Math.round(lowMagnification)+1)+'~'+(Math.round(highMagnification)-1)}}</span> class="outpatientDetails_fenqu_di_bb_div2_span1"
:style="{ width: lowwidth + '%' }"
><span
class="outpatientDetails_fenqu_di_bb_div2_span1_t1"
:title="'低倍率区域：&lt;=' + Math.round(lowMagnification)"
>低倍率区域：&lt;={{ Math.round(lowMagnification) }}</span
></span
>
<span
class="outpatientDetails_fenqu_di_bb_div2_span2"
:style="{ width: contentwidth + '%' }"
><span
class="outpatientDetails_fenqu_di_bb_div2_span2_t2"
:title="
'正常区域：' +
Math.round(lowMagnification) +
1 +
'~' +
(Math.round(highMagnification) - 1)
"
>正常区域：{{
Math.round(lowMagnification) +
1 +
"~" +
(Math.round(highMagnification) - 1)
}}</span
></span
>
<span class="outpatientDetails_fenqu_di_bb_div2_span3" :style="{ width: heightwidth + '%' }">高倍率区域：>{{Math.round(highMagnification)}}</span> <span
class="outpatientDetails_fenqu_di_bb_div2_span3"
:style="{ width: heightwidth + '%' }"
><span
class="outpatientDetails_fenqu_di_bb_div2_span3_t3"
:title="'高倍率区域：>' + Math.round(highMagnification)"
>高倍率区域：>{{ Math.round(highMagnification) }}</span
></span
>
</div> </div>
<div class="outpatientDetails_fenqu_di_bb_div3"> <div class="outpatientDetails_fenqu_di_bb_div3">
<span class="outpatientDetails_fenqu_di_bb_div3_span1" :style="{ width: lowwidth + '%' }"> <span
class="outpatientDetails_fenqu_di_bb_div3_span1"
:style="{ width: lowwidth + '%' }"
>
0 0
</span> </span>
<span class="outpatientDetails_fenqu_di_bb_div3_span2" :style="{ width: contentwidth + '%' }"> <span
{{Math.round(lowMagnification)}} class="outpatientDetails_fenqu_di_bb_div3_span2"
:style="{ width: contentwidth + '%' }"
>
{{ Math.round(lowMagnification) }}
</span> </span>
<span class="outpatientDetails_fenqu_di_bb_div3_span3" :style="{ width: heightwidth + '%' }"> <span
<span class="outpatientDetails_fenqu_di_bb_div3_span2_nmm1">{{Math.round(highMagnification)}}</span> class="outpatientDetails_fenqu_di_bb_div3_span3"
<span class="outpatientDetails_fenqu_di_bb_div3_span2_nmm2">{{ Math.round(heightnum) }}</span> :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> </span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
...@@ -80,9 +148,12 @@ ...@@ -80,9 +148,12 @@
<span>费用分类</span> <span>费用分类</span>
</div> </div>
<div class="outpatientDetails_bottom" :style="{height:bottomheight}"> <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">
<ul class="outpatientDetails_bottom_leftShowBox_left_ul"> <ul class="outpatientDetails_bottom_leftShowBox_left_ul">
<li v-for="(item, index) in goods" :key="index"> <li v-for="(item, index) in goods" :key="index">
...@@ -94,7 +165,11 @@ ...@@ -94,7 +165,11 @@
:class="{ active: index == checkindex }" :class="{ active: index == checkindex }"
> >
<span :class="{ fc2: index == checkindex }" class="sp1"> <span :class="{ fc2: index == checkindex }" class="sp1">
<span v-show="index == checkindex" style="color: #fff" class="iconfont icon-jiantou1"></span> <span
v-show="index == checkindex"
style="color: #fff"
class="iconfont icon-jiantou1"
></span>
{{ item.iteM_TYPE }}:{{ decimal(item.totalFee) }}</span {{ item.iteM_TYPE }}:{{ decimal(item.totalFee) }}</span
> >
<span :class="{ fc3: index == checkindex }" class="sp2"> <span :class="{ fc3: index == checkindex }" class="sp2">
...@@ -105,11 +180,11 @@ ...@@ -105,11 +180,11 @@
<!-- <span class="sp2_reto" v-ratio="[item.proportion / 100, item.proportion / 100, `${index == checkindex ? '#fff' : '#6a707e'}`]"> <!-- <span class="sp2_reto" v-ratio="[item.proportion / 100, item.proportion / 100, `${index == checkindex ? '#fff' : '#6a707e'}`]">
</span> --> </span> -->
<span class="sp2_reto" v-if="item.proportion <= 0"> <span class="sp2_reto" v-if="item.proportion <= 0">
{{ decimal(item.proportion * -1) + '%' }} {{ decimal(item.proportion * -1) + "%" }}
<!-- <img style="width: 4px; height: 12px; margin-left: 5px" src="../assets/img/dataCockpit/lvse_zuo.png" /> --> <!-- <img style="width: 4px; height: 12px; margin-left: 5px" src="../assets/img/dataCockpit/lvse_zuo.png" /> -->
</span> </span>
<span class="sp2_reto" v-else> <span class="sp2_reto" v-else>
{{ decimal(item.proportion) + '%' }} {{ decimal(item.proportion) + "%" }}
<!-- <img style="width: 4px; height: 12px; margin-left: 5px" src="../assets/img/dataCockpit/hongse_you.png" /> --> <!-- <img style="width: 4px; height: 12px; margin-left: 5px" src="../assets/img/dataCockpit/hongse_you.png" /> -->
</span> </span>
</span> </span>
...@@ -118,7 +193,10 @@ ...@@ -118,7 +193,10 @@
</ul> </ul>
</div> </div>
<!-- 中间有数据样式 表格--> <!-- 中间有数据样式 表格-->
<div class="outpatientDetails_bottom_leftShowBox_right" v-if="tableData.length !== 0"> <div
class="outpatientDetails_bottom_leftShowBox_right"
v-if="tableData.length !== 0"
>
<el-table <el-table
:data="tableData" :data="tableData"
border border
...@@ -147,7 +225,7 @@ ...@@ -147,7 +225,7 @@
</el-table-column> </el-table-column>
<el-table-column label="数量" prop="quantity"></el-table-column> <el-table-column label="数量" prop="quantity"></el-table-column>
<el-table-column label="总金额" prop="fee"> <el-table-column label="总金额" prop="fee">
<template slot-scope="scope" > <template slot-scope="scope">
{{ decimal(scope.row.unitprice) }} {{ decimal(scope.row.unitprice) }}
</template> </template>
</el-table-column> </el-table-column>
...@@ -156,8 +234,14 @@ ...@@ -156,8 +234,14 @@
<!-- 中间表格无数据 --> <!-- 中间表格无数据 -->
<div class="outpatientDetails_bottom_leftShowBox_right" v-else> <div class="outpatientDetails_bottom_leftShowBox_right" v-else>
<div class="outpatientDetails_bottom_leftShowBox_right_box"> <div class="outpatientDetails_bottom_leftShowBox_right_box">
<img class="outpatientDetails_bottom_leftShowBox_right_box_img" src="../assets/img/nodata.png" alt="" /> <img
<div class="outpatientDetails_bottom_leftShowBox_right_box_text">暂无数据</div> class="outpatientDetails_bottom_leftShowBox_right_box_img"
src="../assets/img/nodata.png"
alt=""
/>
<div class="outpatientDetails_bottom_leftShowBox_right_box_text">
暂无数据
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -165,8 +249,14 @@ ...@@ -165,8 +249,14 @@
<!-- 表格无数据样式 --> <!-- 表格无数据样式 -->
<div class="outpatientDetails_bottom_leftShowBox" v-else> <div class="outpatientDetails_bottom_leftShowBox" v-else>
<div class="outpatientDetails_bottom_leftShowBox_box"> <div class="outpatientDetails_bottom_leftShowBox_box">
<img class="outpatientDetails_bottom_leftShowBox_box_img" src="../assets/img/nodata.png" alt="" /> <img
<div class="outpatientDetails_bottom_leftShowBox_box_text">暂无数据</div> class="outpatientDetails_bottom_leftShowBox_box_img"
src="../assets/img/nodata.png"
alt=""
/>
<div class="outpatientDetails_bottom_leftShowBox_box_text">
暂无数据
</div>
</div> </div>
</div> </div>
<!-- 右侧有数据 --> <!-- 右侧有数据 -->
...@@ -174,8 +264,13 @@ ...@@ -174,8 +264,13 @@
<div class="outpatientDetails_bottom_rght2_top"> <div class="outpatientDetails_bottom_rght2_top">
<div class="outpatientDetails_bottom_rght2_top_title">异常问题</div> <div class="outpatientDetails_bottom_rght2_top_title">异常问题</div>
<div class="outpatientDetails_bottom_rght2_top_mes"> <div class="outpatientDetails_bottom_rght2_top_mes">
<span
<span class="outpatientDetails_bottom_rght2_top_mes_span1" v-for="(item, ind) in typeCountDatas" :key="ind">{{ item.name }}：<span :style="{ color: item.color }">{{ item.count }}</span></span class="outpatientDetails_bottom_rght2_top_mes_span1"
v-for="(item, ind) in typeCountDatas"
:key="ind"
>{{ item.name }}：<span :style="{ color: item.color }">{{
item.count
}}</span></span
> >
<!-- <span class="outpatientDetails_bottom_rght2_top_mes_span2">检查：<span style="color: #3ad330">0</span></span> <!-- <span class="outpatientDetails_bottom_rght2_top_mes_span2">检查：<span style="color: #3ad330">0</span></span>
...@@ -184,24 +279,36 @@ ...@@ -184,24 +279,36 @@
</div> </div>
</div> </div>
<div class="outpatientDetails_bottom_rght2_bottom"> <div class="outpatientDetails_bottom_rght2_bottom">
<div class="outpatientDetails_bottom_rght2_bottom_li" v-for="(item, ind) in options" :key="ind"> <div
class="outpatientDetails_bottom_rght2_bottom_li"
<span v-show="item.projectRuleLevel == '禁止'" class="outpatientDetails_bottom_rght2_bottom_li_title" style="background: red">{{ v-for="(item, ind) in options"
item.projectRuleLevel :key="ind"
}}</span> >
<span v-show="item.projectRuleLevel == '提示'" class="outpatientDetails_bottom_rght2_bottom_li_title" style="background: #2aaae2">{{ <span
item.projectRuleLevel v-show="item.projectRuleLevel == '禁止'"
}}</span> class="outpatientDetails_bottom_rght2_bottom_li_title"
<span v-show="item.projectRuleLevel == '警告'" class="outpatientDetails_bottom_rght2_bottom_li_title" style="background: #e9c621">{{ style="background: red"
item.projectRuleLevel >{{ item.projectRuleLevel }}</span
}}</span> >
<span
v-show="item.projectRuleLevel == '提示'"
class="outpatientDetails_bottom_rght2_bottom_li_title"
style="background: #2aaae2"
>{{ item.projectRuleLevel }}</span
>
<span
v-show="item.projectRuleLevel == '警告'"
class="outpatientDetails_bottom_rght2_bottom_li_title"
style="background: #e9c621"
>{{ item.projectRuleLevel }}</span
>
<el-tooltip placement="bottom" trigger="hover"> <el-tooltip placement="bottom" trigger="hover">
<template #content>{{item.notes}} </template> <template #content>{{ item.notes }} </template>
<span class="outpatientDetails_bottom_rght2_bottom_li_cont">{{ item.notes }}</span> <span class="outpatientDetails_bottom_rght2_bottom_li_cont">{{
item.notes
}}</span>
</el-tooltip> </el-tooltip>
</div> </div>
</div> </div>
</div> </div>
...@@ -216,30 +323,33 @@ ...@@ -216,30 +323,33 @@
</div> </div>
</template> </template>
<script > <script >
import http from '../utils/http'; import http from "../utils/http";
import { reactive, toRefs, onMounted, nextTick, computed } from '@vue/composition-api'; import {
import { decimal } from '../utils/decimal'; reactive,
toRefs,
import { Message } from 'element-ui'; onMounted,
import { useRoute, useRouter } from '../utils/useVueRouter'; nextTick,
import { setItem, getItem } from '../utils/auth'; computed,
} 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";
export default { export default {
name: 'outpatientDetails', name: "outpatientDetails",
setup() { setup() {
//表格颜色 //表格颜色
const tableRowClassName = ({ row}) => { const tableRowClassName = ({ row }) => {
if (row.rowIndex % 2 == 0) { if (row.rowIndex % 2 == 0) {
return 'isverifyStyle'; return "isverifyStyle";
} else { } else {
return ''; return "";
} }
}; };
//异常问题接口 //异常问题接口
const GetProjectRulesData = () => { const GetProjectRulesData = () => {
http http
.post(`/medical/get/GetPRHisData?&code=${route.value.query.id}`, {}) .post(`/medical/get/GetPRHisData?&code=${route.value.query.id}`, {})
.then((data) => { .then((data) => {
...@@ -251,29 +361,20 @@ export default { ...@@ -251,29 +361,20 @@ export default {
if (data.projectRules == null) { if (data.projectRules == null) {
state.showbottom = false; state.showbottom = false;
} }
}) })
.catch((error) => { .catch((error) => {});
});
}; };
//医嘱质控 //医嘱质控
const getControl = () => { const getControl = () => {
http http
.post(`/global/post/SetCaseProjectRuleHis?id=${route.value.query.id}`) .post(`/global/post/SetCaseProjectRuleHis?id=${route.value.query.id}`)
.then((data) => { .then((data) => {
Message.success(data.message); Message.success(data.message);
}) })
.catch((error) => { .catch((error) => {});
});
}; };
//获取患者信息数据 //获取患者信息数据
const getHistoryInfo = () => { const getHistoryInfo = () => {
http http
.post(`/medical/Get/getHisInfo?&code=${route.value.query.id}`, {}) .post(`/medical/Get/getHisInfo?&code=${route.value.query.id}`, {})
.then((data) => { .then((data) => {
...@@ -281,70 +382,74 @@ export default { ...@@ -281,70 +382,74 @@ 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;
state.lowMagnification=data.lowMagnification;
state.highMagnification=data.highMagnification;
// 高倍率>总费用 高倍率金额+高倍率金额*30% // 高倍率>总费用 高倍率金额+高倍率金额*30%
if (data.highMagnification > data.totalFee) { if (data.highMagnification > data.totalFee) {
state.heightnum = data.highMagnification + data.highMagnification * 0.3; state.heightnum =
console.log('state.heightnum', state.heightnum); data.highMagnification + data.highMagnification * 0.3;
console.log("state.heightnum", state.heightnum);
} else if (data.highMagnification < data.totalFee) { } else if (data.highMagnification < data.totalFee) {
// 高倍率<总费用 患者总费用的金额+患者总费用的金额*30% // 高倍率<总费用 患者总费用的金额+患者总费用的金额*30%
state.heightnum = data.totalFee + data.totalFee * 0.3; state.heightnum = data.totalFee + data.totalFee * 0.3;
console.log('state.heightnum', state.heightnum); console.log("state.heightnum", state.heightnum);
} }
// 低倍率宽度 // 低倍率宽度
state.lowwidth = Math.round((Math.round(data.lowMagnification) / Math.round(state.heightnum)) * 100); 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.heightwidth = Math.round(
((Math.round(state.heightnum) -
Math.round(data.highMagnification)) /
Math.round(state.heightnum)) *
100
);
// 正常倍率宽度 // 正常倍率宽度
state.contentwidth = 100 - (state.lowwidth + state.heightwidth); state.contentwidth = 100 - (state.lowwidth + state.heightwidth);
//总费用宽度 //总费用宽度
state.totalwidth= Math.round((Math.round(data.totalFee)/Math.round(state.heightnum))*100); state.totalwidth = Math.round(
(Math.round(data.totalFee) / Math.round(state.heightnum)) * 100
);
// 判断总费用显示的颜色 // 判断总费用显示的颜色
if(data.totalFee<data.lowMagnification){ if (data.totalFee < data.lowMagnification) {
state.totalcolor='#e9c622' state.totalcolor = "#e9c622";
}else if(data.totalFee>data.lowMagnification && data.totalFee<data.highMagnification){ } else if (
state.totalcolor='#22d016' data.totalFee > data.lowMagnification &&
data.totalFee < data.highMagnification
}else if(data.totalFee>data.highMagnification){ ) {
state.totalcolor='#ff7e00' state.totalcolor = "#22d016";
} else if (data.totalFee > data.highMagnification) {
state.totalcolor = "#ff7e00";
} }
if (data.lowMagnification == 0 || data.highMagnification == 0) {
if(data.lowMagnification==0 || data.highMagnification==0){ state.bottomheight = "80%";
state.bottomheight="80%" } else if (data.lowMagnification != 0) {
}else if(data.lowMagnification!=0) { state.bottomheight = "70%";
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]);
} }
}) })
.catch((error) => { .catch((error) => {});
});
}; };
//费用分类接口 //费用分类接口
const getInpatFeesByREGCODE = (item) => { const getInpatFeesByREGCODE = (item) => {
http http
.post(`/medical/Get/getIFHisByREGCODE?&code=${route.value.query.id}&ItemType=${item.iteM_TYPE}`, {}) .post(
`/medical/Get/getIFHisByREGCODE?&code=${route.value.query.id}&ItemType=${item.iteM_TYPE}`,
{}
)
.then((data) => { .then((data) => {
state.tableData = data; state.tableData = data;
}) })
.catch((error) => { .catch((error) => {});
});
}; };
const toggle = (index, item) => { const toggle = (index, item) => {
state.checkindex = index; state.checkindex = index;
...@@ -355,39 +460,39 @@ export default { ...@@ -355,39 +460,39 @@ export default {
}; };
let state = reactive({ let state = reactive({
HistoryInfo: { HistoryInfo: {
name: '', name: "",
healthyID: '', healthyID: "",
paymentType: '', paymentType: "",
doctorName: '', doctorName: "",
rw: '', rw: "",
totalFee: '', totalFee: "",
avgFee: '', avgFee: "",
days: '', days: "",
profitLoss: '', profitLoss: "",
}, },
checkindex: 0, // 初始化第一个栏块高亮 checkindex: 0, // 初始化第一个栏块高亮
goods: [], //左侧费用类型 goods: [], //左侧费用类型
tableListHead: [ tableListHead: [
{ cloumn: '开单日期', name: 'chargeTime' }, { cloumn: "开单日期", name: "chargeTime" },
{ {
cloumn: '项目编码', cloumn: "项目编码",
name: 'iteM_CODE', name: "iteM_CODE",
}, },
{ {
cloumn: '项目名称', cloumn: "项目名称",
name: 'iteM_NAME', name: "iteM_NAME",
}, },
{ {
cloumn: '单价', cloumn: "单价",
name: 'unitprice', name: "unitprice",
}, },
{ {
cloumn: '数量', cloumn: "数量",
name: 'quantity', name: "quantity",
}, },
{ {
cloumn: '总金额', cloumn: "总金额",
name: 'fee', name: "fee",
}, },
], ],
tableData: [], tableData: [],
...@@ -396,19 +501,19 @@ export default { ...@@ -396,19 +501,19 @@ export default {
notdrugsNum: 0, //非药品 notdrugsNum: 0, //非药品
drugsNum: 0, //药品 drugsNum: 0, //药品
diseaseNum: 0, //疾病 diseaseNum: 0, //疾病
dipid: '', dipid: "",
typeCountDatas: [], //异常数据 typeCountDatas: [], //异常数据
showCountDatas: true, //异常问题类型是否显示 showCountDatas: true, //异常问题类型是否显示
showbottom: true, //异常问题详情是否显示 showbottom: true, //异常问题详情是否显示
heightnum: '', //最大值 heightnum: "", //最大值
lowwidth: '', //低倍率宽度 lowwidth: "", //低倍率宽度
heightwidth: '', //高倍率宽度 heightwidth: "", //高倍率宽度
contentwidth: '', //正常倍率宽度 contentwidth: "", //正常倍率宽度
totalwidth:'',//总费用宽度 totalwidth: "", //总费用宽度
totalcolor:'',//总费用颜色 totalcolor: "", //总费用颜色
lowMagnification:0,//低倍率值 lowMagnification: 0, //低倍率值
highMagnification:0,//高倍率值 highMagnification: 0, //高倍率值
bottomheight:'60%',//底部高度 bottomheight: "60%", //底部高度
}); });
//表格自适应高度 //表格自适应高度
const route = useRoute(); const route = useRoute();
...@@ -434,7 +539,7 @@ export default { ...@@ -434,7 +539,7 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '../styles/mixin.scss'; @import "../styles/mixin.scss";
// @import '../styles/media/components/outpatientDetails.scss'; // @import '../styles/media/components/outpatientDetails.scss';
.outpatientDetails { .outpatientDetails {
// height: calc(100% - 50px); // height: calc(100% - 50px);
...@@ -479,7 +584,7 @@ export default { ...@@ -479,7 +584,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;
} }
...@@ -513,7 +618,7 @@ export default { ...@@ -513,7 +618,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;
} }
...@@ -547,7 +652,7 @@ export default { ...@@ -547,7 +652,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;
} }
...@@ -581,7 +686,7 @@ export default { ...@@ -581,7 +686,7 @@ export default {
// padding-left: 28px; // padding-left: 28px;
// font-size: 23px; // font-size: 23px;
// } // }
&_tu4{ &_tu4 {
padding-left: 29px; padding-left: 29px;
font-size: 23px; font-size: 23px;
} }
...@@ -621,7 +726,7 @@ export default { ...@@ -621,7 +726,7 @@ export default {
display: flex; display: flex;
justify-content: center; justify-content: center;
&_bb{ &_bb {
width: 98%; width: 98%;
height: 85%; height: 85%;
margin: 0 5px; margin: 0 5px;
...@@ -645,7 +750,6 @@ export default { ...@@ -645,7 +750,6 @@ export default {
display: block; display: block;
width: 2px; width: 2px;
height: 10px; height: 10px;
} }
} }
&_div2 { &_div2 {
...@@ -667,6 +771,18 @@ export default { ...@@ -667,6 +771,18 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-family: PingFang SC; font-family: PingFang SC;
&_t1 {
width: 90%;
height: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
padding-top: 10px;
}
&_t1:hover {
width: 90%;
}
} }
&_span2 { &_span2 {
display: block; display: block;
...@@ -681,6 +797,18 @@ export default { ...@@ -681,6 +797,18 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-family: PingFang SC; font-family: PingFang SC;
&_t2 {
width: 90%;
height: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
padding-top: 10px;
}
&_t2:hover {
width: 90%;
}
} }
&_span3 { &_span3 {
display: block; display: block;
...@@ -694,6 +822,20 @@ export default { ...@@ -694,6 +822,20 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-family: PingFang SC; font-family: PingFang SC;
&_t3 {
width: 90%;
height: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
padding-top: 10px;
}
&_t3:hover {
width: 90%;
}
} }
} }
&_div3 { &_div3 {
...@@ -707,7 +849,6 @@ export default { ...@@ -707,7 +849,6 @@ export default {
font-size: 12px; font-size: 12px;
font-family: PingFang SC; font-family: PingFang SC;
color: #abafb3; color: #abafb3;
} }
&_span2 { &_span2 {
display: flex; display: flex;
...@@ -735,15 +876,12 @@ export default { ...@@ -735,15 +876,12 @@ export default {
// color: #abafb3; // 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;
display: flex; display: flex;
justify-content: start; justify-content: start;
...@@ -850,7 +988,7 @@ export default { ...@@ -850,7 +988,7 @@ export default {
align-items: center; align-items: center;
font-size: 13px; font-size: 13px;
font-family: 'PingFang SC'; font-family: "PingFang SC";
.sp1 { .sp1 {
width: 40%; width: 40%;
...@@ -861,7 +999,7 @@ export default { ...@@ -861,7 +999,7 @@ export default {
justify-content: flex-start; justify-content: flex-start;
padding-left: 3%; padding-left: 3%;
font-family: 'PingFang SC'; font-family: "PingFang SC";
} }
.sp2 { .sp2 {
width: 60%; width: 60%;
...@@ -872,7 +1010,7 @@ export default { ...@@ -872,7 +1010,7 @@ export default {
justify-content: flex-end; justify-content: flex-end;
padding-right: 3%; padding-right: 3%;
font-family: 'PingFang SC'; font-family: "PingFang SC";
&_avg { &_avg {
display: flex; display: flex;
......
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