Skip to content

V
vue-composition-api
Commit 85683bbb by 唐玉峰
Options

.

parent c57cd76e
Showing with 184 additions and 392 deletions
src/views/outHistorygrouping.vue
...@@ -12,12 +12,7 @@ ...@@ -12,12 +12,7 @@
<!-- <el-button class="outsetgrouping_button_GoBackbtn" size="mini" @click="goback"> <!-- <el-button class="outsetgrouping_button_GoBackbtn" size="mini" @click="goback">
<span class="iconfont icon-daochu"></span> <span class="s2">返回</span> <span class="iconfont icon-daochu"></span> <span class="s2">返回</span>
</el-button> --> </el-button> -->
<el-button <el-button class="outsetgrouping_button_Submitbtn" size="mini" type="primary" @click="submit">
class="outsetgrouping_button_Submitbtn"
size="mini"
type="primary"
@click="submit"
>
<span class="iconfont icon-ipr_tijiao"></span> <span class="iconfont icon-ipr_tijiao"></span>
<span class="s2">提交</span> <span class="s2">提交</span>
</el-button> </el-button>
...@@ -25,19 +20,19 @@ ...@@ -25,19 +20,19 @@
<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>
...@@ -47,25 +42,21 @@ ...@@ -47,25 +42,21 @@
<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 : "" }}</span>
casehisObj ? casehisObj.drgs.code : ""
}}</span>
</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 : "" }}</span>
casehisObj ? casehisObj.drgs.actualfee : ""
}}</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -76,19 +67,10 @@ ...@@ -76,19 +67,10 @@
<span class="outsetgrouping_title_span">智能疾病分组</span> <span class="outsetgrouping_title_span">智能疾病分组</span>
</div> </div>
<div class="outsetgrouping_centent"> <div class="outsetgrouping_centent">
<div <div class="outsetgrouping_centent_totalnum" v-for="(item, index) in CorePercents" :key="index">
class="outsetgrouping_centent_totalnum"
v-for="(item, index) in CorePercents"
:key="index"
>
<div class="outsetgrouping_centent_totalnum_left"> <div class="outsetgrouping_centent_totalnum_left">
<div class="outsetgrouping_centent_totalnum_left_radios"> <div class="outsetgrouping_centent_totalnum_left_radios">
<input <input type="radio" name="radios" :value="item.coreID" v-model="radio" />
type="radio"
name="radios"
:value="item.coreID"
v-model="radio"
/>
</div> </div>
<div class="outsetgrouping_centent_totalnum_left_text"> <div class="outsetgrouping_centent_totalnum_left_text">
...@@ -122,49 +104,24 @@ ...@@ -122,49 +104,24 @@
</div> </div>
<div class="outsetgrouping_centent_totalnum_right"> <div class="outsetgrouping_centent_totalnum_right">
<div class="outsetgrouping_centent_totalnum_right_text1"> <div class="outsetgrouping_centent_totalnum_right_text1">
<span class="outsetgrouping_centent_totalnum_right_text1_span1"> <span class="outsetgrouping_centent_totalnum_right_text1_span1"> 药占比:</span>
药占比:</span <div :id="`indexChart` + index" class="outsetgrouping_centent_totalnum_right_text1_echar1"></div>
>
<div
:id="`indexChart` + index"
class="outsetgrouping_centent_totalnum_right_text1_echar1"
></div>
</div> </div>
<div class="outsetgrouping_centent_totalnum_right_text2"> <div class="outsetgrouping_centent_totalnum_right_text2">
<span class="outsetgrouping_centent_totalnum_right_text2_span2"> <span class="outsetgrouping_centent_totalnum_right_text2_span2"> 耗材占比:</span>
耗材占比:</span <div :id="`indexCharttwo` + index" class="outsetgrouping_centent_totalnum_right_text2_echar2"></div>
>
<div
:id="`indexCharttwo` + index"
class="outsetgrouping_centent_totalnum_right_text2_echar2"
></div>
</div> </div>
<div class="outsetgrouping_centent_totalnum_right_text3"> <div class="outsetgrouping_centent_totalnum_right_text3">
<span class="outsetgrouping_centent_totalnum_right_text3_span3"> <span class="outsetgrouping_centent_totalnum_right_text3_span3"> 检查占比:</span>
检查占比:</span <div :id="`indexCharttree` + index" class="outsetgrouping_centent_totalnum_right_text3_echar3"></div>
>
<div
:id="`indexCharttree` + index"
class="outsetgrouping_centent_totalnum_right_text3_echar3"
></div>
</div> </div>
<div class="outsetgrouping_centent_totalnum_right_text4"> <div class="outsetgrouping_centent_totalnum_right_text4">
<span class="outsetgrouping_centent_totalnum_right_text4_span4"> <span class="outsetgrouping_centent_totalnum_right_text4_span4"> 检验占比:</span>
检验占比:</span <div :id="`indexChartfore` + index" class="outsetgrouping_centent_totalnum_right_text4_echar4"></div>
>
<div
:id="`indexChartfore` + index"
class="outsetgrouping_centent_totalnum_right_text4_echar4"
></div>
</div> </div>
<div class="outsetgrouping_centent_totalnum_right_text5"> <div class="outsetgrouping_centent_totalnum_right_text5">
<span class="outsetgrouping_centent_totalnum_right_text5_span5"> <span class="outsetgrouping_centent_totalnum_right_text5_span5"> 其他占比:</span>
其他占比:</span <div :id="`indexChartfile` + index" class="outsetgrouping_centent_totalnum_right_text5_echar5"></div>
>
<div
:id="`indexChartfile` + index"
class="outsetgrouping_centent_totalnum_right_text5_echar5"
></div>
</div> </div>
</div> </div>
</div> </div>
...@@ -191,18 +148,12 @@ ...@@ -191,18 +148,12 @@
</div> </div>
</div> </div>
</template> </template>
<script > <script>
import http from "../utils/http"; import http from "../utils/http";
import { import { reactive, toRefs, onMounted, nextTick, computed } from "@vue/composition-api";
reactive,
toRefs,
onMounted,
nextTick,
computed,
} 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 {
...@@ -239,8 +190,7 @@ export default { ...@@ -239,8 +190,7 @@ export default {
//获取基本数据 //获取基本数据
function getCaseHis(code) { function getCaseHis(code) {
http http.post(`/medical/Get/casehisData?id=${code}`, {})
.post(`/medical/Get/casehisData?id=${code}`, {})
.then((data) => { .then((data) => {
state.casehisObj = data; state.casehisObj = data;
console.log("data", data); console.log("data", data);
...@@ -253,8 +203,7 @@ export default { ...@@ -253,8 +203,7 @@ export default {
//获取列表数据 //获取列表数据
const getlist = () => { const getlist = () => {
http http.post(`/medical/get/GetCorePercents`, {
.post(`/medical/get/GetCorePercents`, {
PageNumber: state.currentPage, PageNumber: state.currentPage,
Type: 1, Type: 1,
pageSize: state.pageSize, pageSize: state.pageSize,
...@@ -270,26 +219,11 @@ export default { ...@@ -270,26 +219,11 @@ export default {
// state.nodataShow = false; // state.nodataShow = false;
} }
for (var i = 0; i < state.CorePercents.length; i++) { for (var i = 0; i < state.CorePercents.length; i++) {
initEcharts( initEcharts(categoryChart(state.CorePercents[i].drugPercent, "#2CABE3"), `indexChart${i}`);
categoryChart(state.CorePercents[i].drugPercent, "#2CABE3"), initEcharts(categoryChart(state.CorePercents[i].materialsPercent, "#71D875"), `indexCharttwo${i}`);
`indexChart${i}` initEcharts(categoryChart(state.CorePercents[i].inspectPercent, "#F35E77"), `indexCharttree${i}`);
); initEcharts(categoryChart(state.CorePercents[i].testPercent, "#FFB321"), `indexChartfore${i}`);
initEcharts( initEcharts(categoryChart(state.CorePercents[i].otherPercent, "#C05EF3"), `indexChartfile${i}`);
categoryChart(state.CorePercents[i].materialsPercent, "#71D875"),
`indexCharttwo${i}`
);
initEcharts(
categoryChart(state.CorePercents[i].inspectPercent, "#F35E77"),
`indexCharttree${i}`
);
initEcharts(
categoryChart(state.CorePercents[i].testPercent, "#FFB321"),
`indexChartfore${i}`
);
initEcharts(
categoryChart(state.CorePercents[i].otherPercent, "#C05EF3"),
`indexChartfile${i}`
);
} }
}) })
.catch((error) => {}); .catch((error) => {});
...@@ -299,18 +233,14 @@ export default { ...@@ -299,18 +233,14 @@ export default {
if (state.radio == "") { if (state.radio == "") {
Message.warning({ Message.warning({
message: "请先选择要入组的病组", message: "请先选择要入组的病组",
type: 'warning', type: "warning",
}); });
} else { } else {
http http.post(`/medical/Update/casehisById?PatientId=${route.value.query.id}`, [state.radio])
.post(
`/medical/Update/casehisById?PatientId=${route.value.query.id}`,
[state.radio]
)
.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);
...@@ -405,7 +335,7 @@ export default { ...@@ -405,7 +335,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;
} }
...@@ -442,7 +372,7 @@ export default { ...@@ -442,7 +372,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;
} }
...@@ -479,7 +409,7 @@ export default { ...@@ -479,7 +409,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;
} }
...@@ -501,7 +431,6 @@ export default { ...@@ -501,7 +431,6 @@ export default {
} }
} }
} }
} }
} }
...@@ -534,7 +463,7 @@ export default { ...@@ -534,7 +463,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;
} }
...@@ -571,7 +500,7 @@ export default { ...@@ -571,7 +500,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;
} }
...@@ -607,7 +536,7 @@ export default { ...@@ -607,7 +536,7 @@ export default {
// padding-left: 29px; // padding-left: 29px;
// font-size: 23px; // font-size: 23px;
// } // }
&_tu6{ &_tu6 {
padding-left: 29px; padding-left: 29px;
font-size: 23px; font-size: 23px;
} }
......
src/views/outpatientDetails.vue
...@@ -17,19 +17,19 @@ ...@@ -17,19 +17,19 @@
<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 +37,7 @@ ...@@ -37,7 +37,7 @@
</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>
...@@ -75,11 +75,11 @@ ...@@ -75,11 +75,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>
...@@ -98,18 +98,9 @@ ...@@ -98,18 +98,9 @@
:row-class-name="tableRowClassName" :row-class-name="tableRowClassName"
height="575" height="575"
> >
<el-table-column <el-table-column label="开单日期" prop="iteM_CODE"></el-table-column>
label="开单日期" <el-table-column label="项目编码" prop="chargeTime"></el-table-column>
prop="iteM_CODE" <el-table-column label="项目名称" prop="iteM_NAME"></el-table-column>
></el-table-column>
<el-table-column
label="项目编码"
prop="chargeTime"
></el-table-column>
<el-table-column
label="项目名称"
prop="iteM_NAME"
></el-table-column>
<el-table-column label="单价" prop="unitprice"> <el-table-column label="单价" prop="unitprice">
<template slot-scope="scope"> <template slot-scope="scope">
{{ decimal(scope.row.fee) }} {{ decimal(scope.row.fee) }}
...@@ -117,7 +108,7 @@ ...@@ -117,7 +108,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>
...@@ -144,8 +135,8 @@ ...@@ -144,8 +135,8 @@
<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 class="outpatientDetails_bottom_rght2_top_mes_span1" v-for="(item, ind) in typeCountDatas" :key="ind"
<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 >{{ 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>
...@@ -155,7 +146,6 @@ ...@@ -155,7 +146,6 @@
</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" v-for="(item, ind) in options" :key="ind">
<span v-show="item.projectRuleLevel == '禁止'" class="outpatientDetails_bottom_rght2_bottom_li_title" style="background: red">{{ <span v-show="item.projectRuleLevel == '禁止'" class="outpatientDetails_bottom_rght2_bottom_li_title" style="background: red">{{
item.projectRuleLevel item.projectRuleLevel
}}</span> }}</span>
...@@ -166,12 +156,10 @@ ...@@ -166,12 +156,10 @@
item.projectRuleLevel item.projectRuleLevel
}}</span> }}</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>
...@@ -185,140 +173,51 @@ ...@@ -185,140 +173,51 @@
</div> --> </div> -->
</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 { reactive, toRefs, onMounted, nextTick, computed } 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 { setItem, getItem } from "../utils/auth";
import { setItem, getItem } from '../utils/auth';
export default { export default {
name: 'outpatientDetails', name: "outpatientDetails",
setup() { data() {
return {
//表格颜色
const tableRowClassName = ({ row}) => {
if (row.rowIndex % 2 == 0) {
return 'isverifyStyle';
} else {
return '';
}
};
//异常问题接口
const GetProjectRulesData = () => {
http
.post(`/medical/get/GetPRHisData?&code=${route.value.query.id}`, {})
.then((data) => {
state.options = data.projectRules;
state.typeCountDatas = data.typeCountDatas;
if (data.typeCountDatas == null) {
state.showCountDatas = false;
}
if (data.projectRules == null) {
state.showbottom = false;
}
})
.catch((error) => {
});
};
//医嘱质控
const getControl = () => {
http
.post(`/global/post/SetCaseProjectRuleHis?id=${route.value.query.id}`)
.then((data) => {
Message.success(data.message);
})
.catch((error) => {
});
};
//获取患者信息数据
const getHistoryInfo = () => {
http
.post(`/medical/Get/getHisInfo?&code=${route.value.query.id}`, {})
.then((data) => {
state.HistoryInfo = data;
state.dipid = data.id;
state.goods = data.inpat_FeeDatas;
if (state.goods.length > 0) {
// debugger
toggle(0, state.goods[0]);
}
})
.catch((error) => {
});
};
//费用分类接口
const getInpatFeesByREGCODE = (item) => {
http
.post(`/medical/Get/getIFHisByREGCODE?&code=${route.value.query.id}&ItemType=${item.iteM_TYPE}`, {})
.then((data) => {
state.tableData = data;
})
.catch((error) => {
});
};
const toggle = (index, item) => {
state.checkindex = index;
getInpatFeesByREGCODE(item);
};
const scrollToFoods = (index) => {
// state.checkindex = index;
};
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: [],
...@@ -327,36 +226,83 @@ export default { ...@@ -327,36 +226,83 @@ 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, //异常问题详情是否显示
});
//表格自适应高度
const route = useRoute();
onMounted(() => {
GetProjectRulesData();
getHistoryInfo();
});
return {
...toRefs(state),
tableRowClassName,
toggle,
scrollToFoods,
getHistoryInfo,
getInpatFeesByREGCODE,
decimal,
// tableCot,
GetProjectRulesData,
getControl,
}; };
}, },
mounted() {
this.GetProjectRulesData();
this.getHistoryInfo();
},
methods: {
decimal,
//表格颜色
tableRowClassName({ row }) {
if (row.rowIndex % 2 == 0) {
return "isverifyStyle";
} else {
return "";
}
},
//异常问题接口
GetProjectRulesData() {
http.post(`/medical/get/GetPRHisData?&code=${this.$route.query.id}`, {})
.then((data) => {
this.options = data.projectRules;
this.typeCountDatas = data.typeCountDatas;
if (data.typeCountDatas == null) {
this.showCountDatas = false;
}
if (data.projectRules == null) {
this.showbottom = false;
}
})
.catch((error) => {});
},
//医嘱质控
getControl() {
http.post(`/global/post/SetCaseProjectRuleHis?id=${this.$route.query.id}`)
.then((data) => {
Message.success(data.message);
})
.catch((error) => {});
},
//获取患者信息数据
getHistoryInfo() {
http.post(`/medical/Get/getHisInfo?&code=${this.$route.query.id}`, {})
.then((data) => {
this.HistoryInfo = data;
this.dipid = data.id;
this.goods = data.inpat_FeeDatas || [];
if (this.goods.length > 0) {
this.toggle(0, this.goods[0]);
}
})
.catch((error) => {});
},
//费用分类接口
getInpatFeesByREGCODE(item) {
http.post(`/medical/Get/getIFHisByREGCODE?&code=${this.$route.query.id}&ItemType=${item.iteM_TYPE}`, {})
.then((data) => {
this.tableData = data;
})
.catch((error) => {});
},
toggle(index, item) {
this.checkindex = index;
this.getInpatFeesByREGCODE(item);
},
scrollToFoods(index) {
//this.checkindex = index;
},
},
}; };
</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);
...@@ -401,7 +347,7 @@ export default { ...@@ -401,7 +347,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;
} }
...@@ -435,7 +381,7 @@ export default { ...@@ -435,7 +381,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;
} }
...@@ -469,7 +415,7 @@ export default { ...@@ -469,7 +415,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;
} }
...@@ -503,7 +449,7 @@ export default { ...@@ -503,7 +449,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;
} }
...@@ -527,7 +473,7 @@ export default { ...@@ -527,7 +473,7 @@ export default {
} }
} }
&_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;
...@@ -634,7 +580,7 @@ export default { ...@@ -634,7 +580,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%;
...@@ -645,7 +591,7 @@ export default { ...@@ -645,7 +591,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%;
...@@ -656,7 +602,7 @@ export default { ...@@ -656,7 +602,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;
......
src/views/outseeQualityControl.vue
...@@ -18,35 +18,19 @@ ...@@ -18,35 +18,19 @@
<div class="outseeQualityControl_box_Content"> <div class="outseeQualityControl_box_Content">
<div class="outseeQualityControl_box_Content_left"> <div class="outseeQualityControl_box_Content_left">
<medical-record-homepage <medical-record-homepage :medicalrecord="medicalrecord" :clicktitle="clicktitle"> </medical-record-homepage>
:medicalrecord="medicalrecord"
:clicktitle="clicktitle"
>
</medical-record-homepage>
</div> </div>
<div class="outseeQualityControl_box_Content_right"> <div class="outseeQualityControl_box_Content_right">
<div class="outseeQualityControl_box_Content_right_top"> <div class="outseeQualityControl_box_Content_right_top">
<!--非编码问题 --> <!--非编码问题 -->
<div <div
:class="[ :class="[isleftcodeShow ? 'outseeQualityControl_box_Content_right_top_left' : 'outseeQualityControl_box_Content_right_top_left11']"
isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_left'
: 'outseeQualityControl_box_Content_right_top_left11',
]"
@click="leftcode" @click="leftcode"
> >
<div class="outseeQualityControl_box_Content_right_top_left_div1"> <div class="outseeQualityControl_box_Content_right_top_left_div1">
<img <img src="../assets/img/fbm.png" alt="" v-show="isleftcodeShow" />
src="../assets/img/fbm.png" <img src="../assets/img/bm.png" alt="" v-show="!isleftcodeShow" />
alt=""
v-show="isleftcodeShow"
/>
<img
src="../assets/img/bm.png"
alt=""
v-show="!isleftcodeShow"
/>
</div> </div>
<div class="outseeQualityControl_box_Content_right_top_left_div2"> <div class="outseeQualityControl_box_Content_right_top_left_div2">
<span <span
...@@ -70,29 +54,15 @@ ...@@ -70,29 +54,15 @@
<!-- 编码问题 --> <!-- 编码问题 -->
<div <div
:class="[ :class="[
isleftcodeShow isleftcodeShow ? 'outseeQualityControl_box_Content_right_top_right' : 'outseeQualityControl_box_Content_right_top_right11',
? 'outseeQualityControl_box_Content_right_top_right'
: 'outseeQualityControl_box_Content_right_top_right11',
]" ]"
@click="rightcode" @click="rightcode"
> >
<div <div class="outseeQualityControl_box_Content_right_top_right_div1">
class="outseeQualityControl_box_Content_right_top_right_div1" <img src="../assets/img/fbm.png" alt="" v-show="!isleftcodeShow" />
> <img src="../assets/img/bm.png" alt="" v-show="isleftcodeShow" />
<img
src="../assets/img/fbm.png"
alt=""
v-show="!isleftcodeShow"
/>
<img
src="../assets/img/bm.png"
alt=""
v-show="isleftcodeShow"
/>
</div> </div>
<div <div class="outseeQualityControl_box_Content_right_top_right_div2">
class="outseeQualityControl_box_Content_right_top_right_div2"
>
<span <span
:class="[ :class="[
isleftcodeShow isleftcodeShow
...@@ -113,21 +83,12 @@ ...@@ -113,21 +83,12 @@
</div> </div>
</div> </div>
<div class="outseeQualityControl_box_Content_right_center"> <div class="outseeQualityControl_box_Content_right_center">
<div <div class="outseeQualityControl_box_Content_right_center_line" v-show="isleftcodeShow"></div>
class="outseeQualityControl_box_Content_right_center_line" <div class="outseeQualityControl_box_Content_right_center_line2" v-show="!isleftcodeShow"></div>
v-show="isleftcodeShow"
></div>
<div
class="outseeQualityControl_box_Content_right_center_line2"
v-show="!isleftcodeShow"
></div>
</div> </div>
<div class="outseeQualityControl_box_Content_right_bottom"> <div class="outseeQualityControl_box_Content_right_bottom">
<!-- <div class="outseeQualityControl_box_Content_right_bottom_title">患者基本信息</div> --> <!-- <div class="outseeQualityControl_box_Content_right_bottom_title">患者基本信息</div> -->
<div <div class="outseeQualityControl_box_Content_right_bottom_tree" v-show="isleftcodeShow">
class="outseeQualityControl_box_Content_right_bottom_tree"
v-show="isleftcodeShow"
>
<el-tree <el-tree
:data="departmentTree" :data="departmentTree"
:props="defaultProps" :props="defaultProps"
...@@ -138,18 +99,10 @@ ...@@ -138,18 +99,10 @@
> >
<template #default="{ node, data }"> <template #default="{ node, data }">
<span class="custom-tree-node"> <span class="custom-tree-node">
<div <div class="leftbox" :class="[data.ruleName != '非编码问题' ? 'leftboxs' : '']">
class="leftbox"
:class="[data.ruleName != '非编码问题' ? 'leftboxs' : '']"
>
<el-tooltip placement="bottom" trigger="hover"> <el-tooltip placement="bottom" trigger="hover">
<template #content>{{ data.ruleName }} </template> <template #content>{{ data.ruleName }} </template>
<span <span :class="[data.ruleName == '非编码问题' ? 'spans' : '']">{{ data.ruleName }}</span>
:class="[
data.ruleName == '非编码问题' ? 'spans' : '',
]"
>{{ data.ruleName }}</span
>
</el-tooltip> </el-tooltip>
</div> </div>
</span> </span>
...@@ -157,10 +110,7 @@ ...@@ -157,10 +110,7 @@
</el-tree> </el-tree>
</div> </div>
<div <div class="outseeQualityControl_box_Content_right_bottom_tree" v-show="!isleftcodeShow">
class="outseeQualityControl_box_Content_right_bottom_tree"
v-show="!isleftcodeShow"
>
<el-tree <el-tree
:data="rightdepartmentTree" :data="rightdepartmentTree"
:props="defaultProps" :props="defaultProps"
...@@ -172,41 +122,18 @@ ...@@ -172,41 +122,18 @@
> >
<template #default="{ node, data }"> <template #default="{ node, data }">
<span class="custom-tree-node"> <span class="custom-tree-node">
<div <div class="leftbox" :class="[data.ruleName != '编码问题' ? 'leftboxs' : '']">
class="leftbox"
:class="[data.ruleName != '编码问题' ? 'leftboxs' : '']"
>
<el-tooltip placement="bottom" trigger="hover"> <el-tooltip placement="bottom" trigger="hover">
<template #content>{{ data.ruleName }} </template> <template #content>{{ data.ruleName }} </template>
<span <span :class="[data.ruleName == '编码问题' ? 'spans' : '']">{{ data.ruleName }}</span>
:class="[data.ruleName == '编码问题' ? 'spans' : '']"
>{{ data.ruleName }}</span
>
</el-tooltip> </el-tooltip>
</div> </div>
</span> </span>
</template> </template>
</el-tree> </el-tree>
<div <div class="outseeQualityControl_box_Content_right_bottom_tree_nodata" v-show="isnodataShow">
class=" <img class="outseeQualityControl_box_Content_right_bottom_tree_nodata_img" src="../assets/img/mininodata.png" alt="" />
outseeQualityControl_box_Content_right_bottom_tree_nodata <div class="outseeQualityControl_box_Content_right_bottom_tree_nodata_text">暂无数据</div>
"
v-show="isnodataShow"
>
<img
class="
outseeQualityControl_box_Content_right_bottom_tree_nodata_img
"
src="../assets/img/mininodata.png"
alt=""
/>
<div
class="
outseeQualityControl_box_Content_right_bottom_tree_nodata_text
"
>
暂无数据
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -218,13 +145,7 @@ ...@@ -218,13 +145,7 @@
<script> <script>
import http from "../utils/http"; import http from "../utils/http";
import { import { reactive, toRefs, onMounted, nextTick, computed } from "@vue/composition-api";
reactive,
toRefs,
onMounted,
nextTick,
computed,
} from "@vue/composition-api";
import medicalRecordHomepage from "../components/medicalRecordHomepage/index.vue"; import medicalRecordHomepage from "../components/medicalRecordHomepage/index.vue";
import { useRoute, useRouter } from "../utils/useVueRouter"; import { useRoute, useRouter } from "../utils/useVueRouter";
import $ from "jquery"; import $ from "jquery";
...@@ -266,8 +187,7 @@ export default { ...@@ -266,8 +187,7 @@ export default {
//同步数据 //同步数据
const getSynchronous = (id) => { const getSynchronous = (id) => {
http http.post(`/medical/get/Synchronization?id=${route.value.query.id}`)
.post(`/medical/get/Synchronization?id=${route.value.query.id}`)
.then((data) => { .then((data) => {
Message.success(data.message); Message.success(data.message);
}) })
...@@ -312,8 +232,7 @@ export default { ...@@ -312,8 +232,7 @@ export default {
// 获取病案首页数据 // 获取病案首页数据
function getHomePage(id) { function getHomePage(id) {
http http.post(`/medical/Get/HomeHisPage?id=${id}`, {})
.post(`/medical/Get/HomeHisPage?id=${id}`, {})
.then((data) => { .then((data) => {
state.medicalrecord = data; state.medicalrecord = data;
state.keys = Object.keys(data); state.keys = Object.keys(data);
...@@ -322,8 +241,7 @@ export default { ...@@ -322,8 +241,7 @@ export default {
} }
//获取患者基本信息树形数据 //获取患者基本信息树形数据
function getScoringDetails(id) { function getScoringDetails(id) {
http http.post(`/medical/get/GetCaseHisRule?id=${id}`, {})
.post(`/medical/get/GetCaseHisRule?id=${id}`, {})
.then((data) => { .then((data) => {
state.departmentTree = data[0].rulesLists; state.departmentTree = data[0].rulesLists;
state.rightdepartmentTree = data[1].rulesLists; state.rightdepartmentTree = data[1].rulesLists;
...@@ -364,7 +282,6 @@ export default { ...@@ -364,7 +282,6 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
// @import '../styles/mixin.scss'; // @import '../styles/mixin.scss';
// @import 'styles/media/components/outseeQualityControl.scss'; // @import 'styles/media/components/outseeQualityControl.scss';
......
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