Commit 56b5e6e6 by 唐玉峰

入组改分组

parent 2bd76526
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
}, },
{ {
"icon_id": "8304933", "icon_id": "8304933",
"name": "加组织", "name": "加组织",
"font_class": "jiaruzuzhi", "font_class": "jiaruzuzhi",
"unicode": "e6bb", "unicode": "e6bb",
"unicode_decimal": 59067 "unicode_decimal": 59067
......
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
}, },
{ {
"icon_id": "8304933", "icon_id": "8304933",
"name": "加组织", "name": "加组织",
"font_class": "jiaruzuzhi", "font_class": "jiaruzuzhi",
"unicode": "e6bb", "unicode": "e6bb",
"unicode_decimal": 59067 "unicode_decimal": 59067
......
import { nextTick } from '@vue/composition-api'; import { nextTick } from "@vue/composition-api";
import * as echarts from 'echarts'; import * as echarts from "echarts";
/** /**
* @param echarts初始化 * @param echarts初始化
...@@ -11,143 +9,146 @@ import * as echarts from 'echarts'; ...@@ -11,143 +9,146 @@ import * as echarts from 'echarts';
export function initEcharts(option, panelId) { export function initEcharts(option, panelId) {
var svChart; var svChart;
return nextTick(() => { return nextTick(() => {
svChart = echarts.getInstanceByDom(document.getElementById(panelId)); svChart = echarts.getInstanceByDom(document.getElementById(panelId));
if (svChart == null) { if (svChart == null) {
svChart = echarts.init(document.getElementById(panelId)); svChart = echarts.init(document.getElementById(panelId));
} }
document.getElementById(panelId).setAttribute('_echarts_instance_', ''); document.getElementById(panelId).setAttribute("_echarts_instance_", "");
svChart.clear(); svChart.clear();
svChart.setOption(option); svChart.setOption(option);
svChart.resize(); svChart.resize();
// 屏幕大小改变 // 屏幕大小改变
window.addEventListener('resize', () => { window.addEventListener("resize", () => {
svChart.resize(); svChart.resize();
}); });
return svChart; return svChart;
}) });
} }
//百分比图 智能分组 //百分比图 智能分组
export function categoryChart(data, tcolor) { export function categoryChart(data, tcolor) {
const option = { const option = {
title: [{ title: [
{
text: data + `%`, text: data + `%`,
x: 'center', x: "center",
top: '38%', top: "38%",
textStyle: { textStyle: {
fontSize: '16', //百分比的样式 fontSize: "16", //百分比的样式
color: tcolor, color: tcolor,
fontFamily: 'Arial', fontFamily: "Arial",
foontWeight: '600', foontWeight: "600",
},
}, },
},], ],
polar: { polar: {
radius: ['100%', '60%'], radius: ["100%", "60%"],
center: ['50%', '50%'], center: ["50%", "50%"],
}, },
angleAxis: { angleAxis: {
max: 100, max: 100,
show: false, show: false,
}, },
radiusAxis: { radiusAxis: {
type: 'category', type: "category",
show: false, show: false,
}, },
series: [{ series: [
name: '', {
type: 'bar', name: "",
type: "bar",
roundCap: true, roundCap: true,
barWidth: 6, barWidth: 6,
showBackground: true, showBackground: true,
backgroundStyle: { backgroundStyle: {
color: '#f3fafd', //留白颜色 color: "#f3fafd", //留白颜色
}, },
data: [data], data: [data],
coordinateSystem: 'polar', coordinateSystem: "polar",
itemStyle: { itemStyle: {
normal: { normal: {
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{ color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
{
offset: 0, offset: 0,
color: tcolor, //填色颜色 color: tcolor, //填色颜色
},]),
}, },
]),
}, },
},], },
},
],
}; };
return option; return option;
} }
//百分比图 病案 //百分比图 病案
export function categoryChart11(text, data, tcolor) { export function categoryChart11(text, data, tcolor) {
const option = { const option = {
title: [{ title: [
{
text: text, text: text,
x: 'center', x: "center",
top: '52%', top: "52%",
textStyle: { textStyle: {
fontSize: '14', //百分比的样式 fontSize: "14", //百分比的样式
color: tcolor, color: tcolor,
fontFamily: 'PingFang SC', fontFamily: "PingFang SC",
foontWeight: '300', foontWeight: "300",
}, },
}, },
{ {
text: data + `%`, text: data + `%`,
x: 'center', x: "center",
top: '28%', top: "28%",
textStyle: { textStyle: {
fontSize: '20', //百分比的样式 fontSize: "20", //百分比的样式
color: tcolor, color: tcolor,
fontFamily: 'Arial', fontFamily: "Arial",
foontWeight: '600', foontWeight: "600",
}, },
}, },
], ],
polar: { polar: {
radius: ['100%', '60%'], radius: ["100%", "60%"],
center: ['50%', '50%'], center: ["50%", "50%"],
}, },
angleAxis: { angleAxis: {
max: 100, max: 100,
show: false, show: false,
}, },
radiusAxis: { radiusAxis: {
type: 'category', type: "category",
show: false, show: false,
}, },
series: [{ series: [
name: '', {
type: 'bar', name: "",
type: "bar",
roundCap: true, roundCap: true,
barWidth: 6, barWidth: 6,
showBackground: true, showBackground: true,
backgroundStyle: { backgroundStyle: {
color: '#f3fafd', //留白颜色 color: "#f3fafd", //留白颜色
}, },
data: [data], data: [data],
coordinateSystem: 'polar', coordinateSystem: "polar",
itemStyle: { itemStyle: {
normal: { normal: {
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{ color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
{
offset: 0, offset: 0,
color: tcolor, //填色颜色 color: tcolor, //填色颜色
},]),
}, },
]),
}, },
},], },
},
],
}; };
return option; return option;
......
...@@ -44,13 +44,13 @@ ...@@ -44,13 +44,13 @@
<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>{{ casehisObj ? casehisObj.drgs.code : "" }}</span> 当前组编码:<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">
...@@ -87,7 +87,7 @@ ...@@ -87,7 +87,7 @@
<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">
<span>分组编码:{{ item.code }}</span> <span>分组编码:{{ item.code }}</span>
<span>组名称:{{ item.coreName }}</span> <span>组名称:{{ item.coreName }}</span>
</div> </div>
<div class="outsetgrouping_centent_totalnum_left_text_msg2_text4"> <div class="outsetgrouping_centent_totalnum_left_text_msg2_text4">
<span>主诊断编码:{{ item.disCode }}</span <span>主诊断编码:{{ item.disCode }}</span
...@@ -232,7 +232,7 @@ export default { ...@@ -232,7 +232,7 @@ export default {
const submit = () => { const submit = () => {
if (state.radio == "") { if (state.radio == "") {
Message.warning({ Message.warning({
message: "请先选择要组的病组", message: "请先选择要组的病组",
type: "warning", type: "warning",
}); });
} else { } else {
......
...@@ -299,8 +299,7 @@ ...@@ -299,8 +299,7 @@
import http from "../utils/http"; import http from "../utils/http";
import { decimal } from "../utils/decimal"; import { decimal } from "../utils/decimal";
import { transformTimestamp } from "../utils/formatTime"; import { transformTimestamp } from "../utils/formatTime";
import { Message } from "element-ui"; import { Loading, Message } from "element-ui";
import { Loading } from "element-ui";
export default { export default {
name: "outpatientDetails", name: "outpatientDetails",
data() { data() {
...@@ -334,6 +333,7 @@ export default { ...@@ -334,6 +333,7 @@ export default {
avgFee: "", avgFee: "",
days: "", days: "",
profitLoss: "", profitLoss: "",
patientType: "",
}, },
checkindex: 0, // 初始化第一个栏块高亮 checkindex: 0, // 初始化第一个栏块高亮
goods: [], //左侧费用类型 goods: [], //左侧费用类型
...@@ -612,23 +612,10 @@ export default { ...@@ -612,23 +612,10 @@ export default {
}, },
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss">
@import "../styles/mixin.scss"; @import "../styles/mixin.scss";
@import "../styles/media/components/outpatientDetails.scss"; @import "../styles/media/components/outpatientDetails.scss";
// 左侧表格点击高亮背景色
::v-deep .el-table__body tr.current-row > td {
background-color: #ffff !important;
}
// 点击文本颜色
::v-deep .current-row {
color: #55a6da !important;
}
// 点击icon颜色
::v-deep .current-row .el-table__expand-icon {
color: #55a6da !important;
}
.outpatientDetails { .outpatientDetails {
// height: calc(100% - 50px); // height: calc(100% - 50px);
// background-color: white; // background-color: white;
...@@ -1506,5 +1493,17 @@ export default { ...@@ -1506,5 +1493,17 @@ export default {
} }
} }
} }
// 左侧表格点击高亮背景色
.el-table__body tr.current-row > td {
background-color: #ffff !important;
}
// 点击文本颜色
.current-row {
color: #55a6da !important;
}
// 点击icon颜色
.current-row .el-table__expand-icon {
color: #55a6da !important;
}
} }
</style> </style>
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