Skip to content

V
vue-composition-api
Commit e2c01022 by 唐玉峰
Options

.

parent 3d451592
Showing with 187 additions and 212 deletions
src/views/outpatientDetails.vue
...@@ -56,7 +56,9 @@ ...@@ -56,7 +56,9 @@
</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 :title="HistoryInfo.coreName">分组名称:{{ HistoryInfo.coreName }}</span>
<span>分组编码:{{ HistoryInfo.coreCode }}</span>
<span>病种分值:{{ decimal(HistoryInfo.rw) }}</span> <span>病种分值:{{ decimal(HistoryInfo.rw) }}</span>
<span>预计DRG支付费用:{{ decimal(HistoryInfo.actualfee) }}</span> <span>预计DRG支付费用:{{ decimal(HistoryInfo.actualfee) }}</span>
<span>总费用:{{ decimal(HistoryInfo.totalFee) }}</span> <span>总费用:{{ decimal(HistoryInfo.totalFee) }}</span>
...@@ -88,7 +90,7 @@ ...@@ -88,7 +90,7 @@
<span class="outpatientDetails_fenqu_di_bb_div2_span2" :style="{ width: contentwidth + '%' }" <span class="outpatientDetails_fenqu_di_bb_div2_span2" :style="{ width: contentwidth + '%' }"
><span ><span
class="outpatientDetails_fenqu_di_bb_div2_span2_t2" class="outpatientDetails_fenqu_di_bb_div2_span2_t2"
:title="'正常区域：' + Math.round(lowMagnification) + 1 + '~' + (Math.round(highMagnification) - 1)" :title="'正常区域：' + (Math.round(lowMagnification) + 1) + '~' + (Math.round(highMagnification) - 1)"
>正常区域：{{ Math.round(lowMagnification) + 1 + "~" + (Math.round(highMagnification) - 1) }}</span >正常区域：{{ Math.round(lowMagnification) + 1 + "~" + (Math.round(highMagnification) - 1) }}</span
></span ></span
> >
...@@ -297,7 +299,6 @@ ...@@ -297,7 +299,6 @@
import http from "../utils/http"; import http from "../utils/http";
import { reactive, toRefs, onMounted, nextTick, computed, ref } from "@vue/composition-api"; import { reactive, toRefs, onMounted, nextTick, computed, ref } 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";
...@@ -305,290 +306,269 @@ import { Loading } from "element-ui"; ...@@ -305,290 +306,269 @@ import { Loading } from "element-ui";
export default { export default {
name: "outpatientDetails", name: "outpatientDetails",
setup() { data() {
const monthlyPlanTable = ref(); return {
tableData1: [],
btnoptions: [
{
value: 0,
title: "全部",
},
// {
// value: 1,
// title: "医保",
// },
// {
// value: 2,
// title: "自费",
// },
],
btnspanind: 0, //按个按钮的ind
btnvalue: 0, //三个按钮没人高亮全部
Lefttype: [], //左侧表格的数据
HistoryInfo: {
name: "",
healthyID: "",
paymentType: "",
disNature: "",
doctorName: "",
rw: "",
totalFee: "",
avgFee: "",
days: "",
profitLoss: "",
},
checkindex: 0, // 初始化第一个栏块高亮
goods: [], //左侧费用类型
tableListHead: [
{ cloumn: "开单日期", name: "chargeTime" },
{
cloumn: "项目编码",
name: "iteM_CODE",
},
{
cloumn: "项目名称",
name: "iteM_NAME",
},
{
cloumn: "单价",
name: "unitprice",
},
{
cloumn: "数量",
name: "quantity",
},
{
cloumn: "金额",
name: "fee",
},
{
cloumn: "支付类型",
name: "carD_TYPE",
},
],
tableData: [],
options: [], //异常问题数据
medInsNum: 0, //医保数
notdrugsNum: 0, //非药品
drugsNum: 0, //药品
diseaseNum: 0, //疾病
dipid: "",
typeCountDatas: [], //异常数据
showCountDatas: true, //异常问题类型是否显示
showbottom: true, //异常问题详情是否显示
heightnum: "", //最大值
lowwidth: "", //低倍率宽度
heightwidth: "", //高倍率宽度
contentwidth: "", //正常倍率宽度
totalwidth: "", //总费用宽度
totalcolor: "", //总费用颜色
lowMagnification: 0, //低倍率值
highMagnification: 0, //高倍率值
bottomheight: "60%", //底部高度
span1Ind: -1,
liInd: -1,
loadingOption1: {
// 加载loading
fullscreen: true,
text: "正在加载...",
spinner: "el-icon-loading",
background: "rgba(0, 0, 0, 0.5)",
},
};
},
mounted() {
this.GetProjectRulesData();
this.getHistoryInfo();
this.getlefttable();
},
methods: {
decimal,
//表格颜色 //表格颜色
const tableRowClassName = ({ row }) => { tableRowClassName({ row }) {
if (row.rowIndex % 2 == 0) { if (row.rowIndex % 2 == 0) {
return "isverifyStyle"; return "isverifyStyle";
} else { } else {
return ""; return "";
} }
}; },
//当某一个行被点击时 //当某一个行被点击时
const eowclick = (row) => { eowclick(row) {
if (state.tableData1 != []) { if (this.tableData1 != []) {
getInpatFeesByREGCODE(row.types); this.getInpatFeesByREGCODE(row.types);
state.Lefttype = row.types; this.Lefttype = row.types;
} }
}; },
//获取左侧表格数据 //获取左侧表格数据
const getlefttable = () => { getlefttable() {
http.post(`/medical/Post/getHisStaChargeType?code=${route.value.query.id}`, {}) http.post(`/medical/Post/getHisStaChargeType?code=${this.$route.query.id}`, {})
.then((data) => { .then((data) => {
state.tableData1 = data; this.tableData1 = data;
if (state.tableData1 != []) { if (this.tableData1 != []) {
eowclick(state.tableData1[0]); eowclick(this.tableData1[0]);
//默认高亮第一行 //默认高亮第一行
nextTick(() => { nextTick(() => {
monthlyPlanTable.value.setCurrentRow(state.tableData1[0]); this.$refs.monthlyPlanTable.setCurrentRow(this.tableData1[0]);
}); });
} }
//中间的表格默认展示第一条数据 //中间的表格默认展示第一条数据
}) })
.catch((error) => {}); .catch((error) => {});
}; },
//当行展开和关闭是触发 //当行展开和关闭是触发
const changeRowClick = (row) => { changeRowClick(row) {
console.log("row-chang", row); console.log("row-chang", row);
}; },
//异常问题接口 显示全部异常信息 //异常问题接口 显示全部异常信息
const GetProjectRulesData = () => { GetProjectRulesData() {
http.post(`/medical/get/GetPRHisData?&code=${route.value.query.id}`, {}) http.post(`/medical/get/GetPRHisData?&code=${this.$route.query.id}`, {})
.then((data) => { .then((data) => {
state.options = data.projectRules; this.options = data.projectRules;
state.typeCountDatas = data.typeCountDatas; this.typeCountDatas = data.typeCountDatas;
if (data.typeCountDatas == null) { if (data.typeCountDatas == null) {
state.showCountDatas = false; this.showCountDatas = false;
} }
if (data.projectRules == null) { if (data.projectRules == null) {
state.showbottom = false; this.showbottom = false;
} }
}) })
.catch((error) => {}); .catch((error) => {});
}; },
//点击异常分类 显示异常信息 //点击异常分类 显示异常信息
const gettype = (name, ind) => { gettype(name, ind) {
console.log("name", name); console.log("name", name);
state.showCountDatas = true; this.showCountDatas = true;
state.showbottom = true; this.showbottom = true;
var loadingInstance2 = Loading.service(loadingOption1); var loadingInstance2 = Loading.service(this.loadingOption1);
http.post(`/medical/get/GetPRHisData?&code=${route.value.query.id}&projectType=${name}`, {}) http.post(`/medical/get/GetPRHisData?&code=${this.$route.query.id}&projectType=${name}`, {})
.then((data) => { .then((data) => {
state.liInd = -1; this.liInd = -1;
state.span1Ind = ind; this.span1Ind = ind;
state.options = data.projectRules; this.options = data.projectRules;
loadingInstance2.close(); loadingInstance2.close();
// state.typeCountDatas = data.typeCountDatas; // this.typeCountDatas = data.typeCountDatas;
// if (data.typeCountDatas == null) { // if (data.typeCountDatas == null) {
// state.showCountDatas = false; // this.showCountDatas = false;
// } // }
if (data.projectRules == null) { if (data.projectRules == null) {
state.showbottom = false; this.showbottom = false;
} }
}) })
.catch((error) => { .catch((error) => {
loadingInstance2.close(); loadingInstance2.close();
}); });
}; },
//点击获取中间的表格数据 //点击获取中间的表格数据
const getruleId = (ruleId, ind) => { getruleId(ruleId, ind) {
http.post(`/medical/Post/GetiFHisByItemCode?code=${route.value.query.id}&ruleId=${ruleId}`, {}) http.post(`/medical/Post/GetiFHisByItemCode?code=${this.$route.query.id}&ruleId=${ruleId}`, {})
.then((data) => { .then((data) => {
state.liInd = ind; this.liInd = ind;
state.tableData = data; this.tableData = data;
}) })
.catch((error) => {}); .catch((error) => {});
}; },
//医嘱质控 //医嘱质控
const getControl = () => { getControl() {
http.post(`/global/post/SetCaseProjectRuleHis?id=${route.value.query.id}`) http.post(`/global/post/SetCaseProjectRuleHis?id=${this.$route.query.id}`)
.then((data) => { .then((data) => {
Message.success(data.message); Message.success(data.message);
}) })
.catch((error) => {}); .catch((error) => {});
}; },
//获取患者信息数据 //获取患者信息数据
const getHistoryInfo = () => { getHistoryInfo() {
http.post(`/medical/Get/getHisInfo?&code=${route.value.query.id}`, {}) http.post(`/medical/Get/getHisInfo?&code=${this.$route.query.id}`, {})
.then((data) => { .then((data) => {
state.HistoryInfo = data; this.HistoryInfo = data;
state.dipid = data.id; this.dipid = data.id;
state.goods = data.inpat_FeeDatas; this.goods = data.inpat_FeeDatas;
state.lowMagnification = data.lowMagnification; this.lowMagnification = data.lowMagnification;
state.highMagnification = data.highMagnification; this.highMagnification = data.highMagnification;
// 高倍率>总费用 高倍率金额+高倍率金额*30% // 高倍率>总费用 高倍率金额+高倍率金额*30%
if (data.highMagnification > data.totalFee) { if (data.highMagnification > data.totalFee) {
state.heightnum = data.highMagnification + data.highMagnification * 0.3; this.heightnum = data.highMagnification + data.highMagnification * 0.3;
console.log("state.heightnum", state.heightnum); console.log("this.heightnum", this.heightnum);
} else if (data.highMagnification < data.totalFee) { } else if (data.highMagnification < data.totalFee) {
// 高倍率<总费用 患者总费用的金额+患者总费用的金额*30% // 高倍率<总费用 患者总费用的金额+患者总费用的金额*30%
state.heightnum = data.totalFee + data.totalFee * 0.3; this.heightnum = data.totalFee + data.totalFee * 0.3;
console.log("state.heightnum", state.heightnum); console.log("this.heightnum", this.heightnum);
} }
// 低倍率宽度 // 低倍率宽度
state.lowwidth = Math.round((Math.round(data.lowMagnification) / Math.round(state.heightnum)) * 100); this.lowwidth = Math.round((Math.round(data.lowMagnification) / Math.round(this.heightnum)) * 100);
// 高倍率宽度 // 高倍率宽度
state.heightwidth = Math.round(((Math.round(state.heightnum) - Math.round(data.highMagnification)) / Math.round(state.heightnum)) * 100); this.heightwidth = Math.round(((Math.round(this.heightnum) - Math.round(data.highMagnification)) / Math.round(this.heightnum)) * 100);
// 正常倍率宽度 // 正常倍率宽度
state.contentwidth = 100 - (state.lowwidth + state.heightwidth); this.contentwidth = 100 - (this.lowwidth + this.heightwidth);
//总费用宽度 //总费用宽度
state.totalwidth = Math.round((Math.round(data.totalFee) / Math.round(state.heightnum)) * 100); this.totalwidth = Math.round((Math.round(data.totalFee) / Math.round(this.heightnum)) * 100);
// 判断总费用显示的颜色 // 判断总费用显示的颜色
if (data.totalFee < data.lowMagnification) { if (data.totalFee < data.lowMagnification) {
state.totalcolor = "#e9c622"; this.totalcolor = "#e9c622";
} else if (data.totalFee > data.lowMagnification && data.totalFee < data.highMagnification) { } else if (data.totalFee > data.lowMagnification && data.totalFee < data.highMagnification) {
state.totalcolor = "#22d016"; this.totalcolor = "#22d016";
} else if (data.totalFee > data.highMagnification) { } else if (data.totalFee > data.highMagnification) {
state.totalcolor = "#ff7e00"; this.totalcolor = "#ff7e00";
} }
if (data.lowMagnification == 0 || data.highMagnification == 0) { if (data.lowMagnification == 0 || data.highMagnification == 0) {
state.bottomheight = "80%"; this.bottomheight = "80%";
} else if (data.lowMagnification != 0) { } else if (data.lowMagnification != 0) {
state.bottomheight = "68%"; this.bottomheight = "68%";
} }
}) })
.catch((error) => {}); .catch((error) => {});
}; },
//点击中间三个按钮 //点击中间三个按钮
const treebtn = (value, ind) => { treebtn(value, ind) {
state.btnspanind = ind; this.btnspanind = ind;
state.btnvalue = value; this.btnvalue = value;
getInpatFeesByREGCODE(state.Lefttype); this.getInpatFeesByREGCODE(this.Lefttype);
}; },
// loading效果
const loadingOption1 = {
// 加载loading
fullscreen: true,
text: "正在加载...",
spinner: "el-icon-loading",
background: "rgba(0, 0, 0, 0.5)",
};
//费用分类接口 //费用分类接口
const getInpatFeesByREGCODE = (types) => { getInpatFeesByREGCODE(types) {
var loadingInstance1 = Loading.service(loadingOption1); var loadingInstance1 = Loading.service(this.loadingOption1);
http.post(`/medical/Get/getIFHisByREGCODE?&code=${route.value.query.id}&state=${state.btnvalue}`, types) http.post(`/medical/Get/getIFHisByREGCODE?&code=${this.$route.query.id}&state=${this.btnvalue}`, types)
.then((data) => { .then((data) => {
state.tableData = data; this.tableData = data;
loadingInstance1.close(); loadingInstance1.close();
}) })
.catch((error) => { .catch((error) => {
loadingInstance1.close(); loadingInstance1.close();
}); });
}; },
const scrollToFoods = (index) => {
// state.checkindex = index;
};
let state = reactive({
tableData1: [],
btnoptions: [
{
value: 0,
title: "全部",
},
// {
// value: 1,
// title: "医保",
// },
// {
// value: 2,
// title: "自费",
// },
],
btnspanind: 0, //按个按钮的ind
btnvalue: 0, //三个按钮没人高亮全部
Lefttype: [], //左侧表格的数据
HistoryInfo: {
name: "",
healthyID: "",
paymentType: "",
disNature: "",
doctorName: "",
rw: "",
totalFee: "",
avgFee: "",
days: "",
profitLoss: "",
},
checkindex: 0, // 初始化第一个栏块高亮
goods: [], //左侧费用类型
tableListHead: [
{ cloumn: "开单日期", name: "chargeTime" },
{
cloumn: "项目编码",
name: "iteM_CODE",
},
{
cloumn: "项目名称",
name: "iteM_NAME",
},
{
cloumn: "单价",
name: "unitprice",
},
{
cloumn: "数量",
name: "quantity",
},
{
cloumn: "金额",
name: "fee",
},
{
cloumn: "支付类型",
name: "carD_TYPE",
},
],
tableData: [],
options: [], //异常问题数据
medInsNum: 0, //医保数
notdrugsNum: 0, //非药品
drugsNum: 0, //药品
diseaseNum: 0, //疾病
dipid: "",
typeCountDatas: [], //异常数据
showCountDatas: true, //异常问题类型是否显示
showbottom: true, //异常问题详情是否显示
heightnum: "", //最大值
lowwidth: "", //低倍率宽度
heightwidth: "", //高倍率宽度
contentwidth: "", //正常倍率宽度
totalwidth: "", //总费用宽度
totalcolor: "", //总费用颜色
lowMagnification: 0, //低倍率值
highMagnification: 0, //高倍率值
bottomheight: "60%", //底部高度
span1Ind: -1,
liInd: -1,
});
//表格自适应高度
const route = useRoute();
onMounted(() => {
GetProjectRulesData();
getHistoryInfo();
getlefttable();
});
return { scrollToFoods(index) {
...toRefs(state), // this.checkindex = index;
tableRowClassName, },
scrollToFoods,
getHistoryInfo,
getInpatFeesByREGCODE,
decimal,
// tableCot,
GetProjectRulesData,
getControl,
gettype,
getruleId,
eowclick,
changeRowClick,
getlefttable,
monthlyPlanTable,
treebtn,
};
}, },
}; };
</script> </script>
...@@ -834,28 +814,25 @@ export default { ...@@ -834,28 +814,25 @@ export default {
justify-content: start; justify-content: start;
align-items: center; align-items: center;
margin-bottom: 25px; margin-bottom: 25px;
// .iconfont {
// color: #2cabe3;
// padding-left: 28px;
// font-size: 23px;
// }
&_tu4 { &_tu4 {
padding-left: 29px; padding-left: 29px;
font-size: 23px; font-size: 23px;
} }
span:nth-child(2) { span:nth-child(2) {
margin-left: 21px; margin-left: 21px;
flex: 1; width: 250px;
height: 39px; height: 39px;
line-height: 39px;
background-color: #fff; background-color: #fff;
font-size: 14px; font-size: 14px;
color: #6d7381; color: #6d7381;
display: flex;
justify-content: start;
align-items: center;
font-family: PingFang SC; font-family: PingFang SC;
margin-right: 5px; margin-right: 5px;
padding-left: 10px; padding-left: 10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
} }
span:nth-child(3) { span:nth-child(3) {
flex: 1; flex: 1;
...@@ -917,8 +894,8 @@ export default { ...@@ -917,8 +894,8 @@ export default {
color: #6d7381; color: #6d7381;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center;
font-family: PingFang SC; font-family: PingFang SC;
padding-left: 10px;
margin-right: 5px; margin-right: 5px;
} }
span:nth-child(n + 7) { span:nth-child(n + 7) {
......
vue.config.js
...@@ -20,9 +20,7 @@ module.exports = { ...@@ -20,9 +20,7 @@ module.exports = {
port: 8066, //测试端口 port: 8066, //测试端口
proxy: { proxy: {
"/api": { "/api": {
//target: 'http://192.168.18.166:8099/', target: "http://192.168.18.166:8033/", //drg测试站点
target: "http://192.168.18.166:8100/", //drg测试站点
// target: "http://192.168.18.166:8033/", //dip测试站点
changeOrigin: true, changeOrigin: true,
pathRewrite: { pathRewrite: {
"^/": "/", "^/": "/",
......
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