Skip to content

V
vue-composition-api
Commit 74b0c4d6 by 唐玉峰
Options

入组 改分组

parent a6f7ed1b
Showing with 100 additions and 101 deletions
src/assets/font/c/iconfont.json
...@@ -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
......
src/assets/font/complete/iconfont.json
...@@ -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
......
src/styles/mixin.scss
...@@ -26,9 +26,9 @@ ...@@ -26,9 +26,9 @@
&::-webkit-scrollbar { &::-webkit-scrollbar {
/*滚动条整体样式*/ /*滚动条整体样式*/
width: 10px; width: 15px;
/*高宽分别对应横竖滚动条的尺寸*/ /*高宽分别对应横竖滚动条的尺寸*/
height: 10px; height: 15px;
} }
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
// background-clip: content-box; // background-clip: content-box;
// background: #27AAE2; // background: #27AAE2;
background-color: #27AAE2; background-color: #27AAE2;
border: 3px solid transparent; // border: 3px solid transparent;
border-radius: 9px; border-radius: 9px;
background-clip: content-box; background-clip: content-box;
} }
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
/*滚动条里面轨道*/ /*滚动条里面轨道*/
border-radius: 10px; border-radius: 10px;
background: #F4F4F4; background: #F4F4F4;
width: 10px; width: 15px;
} }
} }
......
src/utils/echarts.js
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;
......
src/views/Entrypath.vue
...@@ -280,16 +280,16 @@ export default { ...@@ -280,16 +280,16 @@ export default {
// 滚动条的宽度 // 滚动条的宽度
::v-deep .el-table__body-wrapper::-webkit-scrollbar { ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
/*滚动条整体样式*/ /*滚动条整体样式*/
width: 10px; width: 15px;
/*高宽分别对应横竖滚动条的尺寸*/ /*高宽分别对应横竖滚动条的尺寸*/
height: 10px; height: 15px;
background-color: #ffff; background-color: #ffff;
} }
// 滚动条的滑块 // 滚动条的滑块
::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb { ::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {
background-color: #27aae2; background-color: #27aae2;
border: 3px solid transparent; // border: 3px solid transparent;
border-radius: 9px; border-radius: 9px;
background-clip: content-box; background-clip: content-box;
} }
...@@ -298,7 +298,7 @@ export default { ...@@ -298,7 +298,7 @@ export default {
/*滚动条里面轨道*/ /*滚动条里面轨道*/
border-radius: 20px; border-radius: 20px;
background: #ffff; background: #ffff;
width: 10px; width: 15px;
} }
.Entrypath { .Entrypath {
height: 100%; height: 100%;
......
src/views/outClinicalpathway.vue
...@@ -1346,16 +1346,16 @@ export default { ...@@ -1346,16 +1346,16 @@ export default {
// 滚动条的宽度 // 滚动条的宽度
::v-deep .el-table__body-wrapper::-webkit-scrollbar { ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
/*滚动条整体样式*/ /*滚动条整体样式*/
width: 10px; width: 15px;
/*高宽分别对应横竖滚动条的尺寸*/ /*高宽分别对应横竖滚动条的尺寸*/
height: 10px; height: 15px;
background-color: #ffff; background-color: #ffff;
} }
// 滚动条的滑块 // 滚动条的滑块
::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb { ::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {
background-color: #27aae2; background-color: #27aae2;
border: 3px solid transparent; // border: 3px solid transparent;
border-radius: 9px; border-radius: 9px;
background-clip: content-box; background-clip: content-box;
} }
...@@ -1364,7 +1364,7 @@ export default { ...@@ -1364,7 +1364,7 @@ export default {
/*滚动条里面轨道*/ /*滚动条里面轨道*/
border-radius: 20px; border-radius: 20px;
background: #ffff; background: #ffff;
width: 10px; width: 15px;
} }
.outClinicalpathway { .outClinicalpathway {
// height: calc(100% - 50px); // height: calc(100% - 50px);
......
src/views/outHistorygrouping.vue
...@@ -12,10 +12,10 @@ ...@@ -12,10 +12,10 @@
<el-button class="outsetgrouping_button_Searchbtn" type="primary" size="mini" @click="gosear"> <el-button class="outsetgrouping_button_Searchbtn" type="primary" size="mini" @click="gosear">
<span class="s2">疾病分组查询</span> <span class="s2">疾病分组查询</span>
</el-button> </el-button>
<el-button class="outsetgrouping_button_Submitbtn" size="mini" type="primary" @click="submit"> <!-- <el-button 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> -->
</div> </div>
<div class="outsetgrouping_top"> <div class="outsetgrouping_top">
<div class="outsetgrouping_top_message"> <div class="outsetgrouping_top_message">
...@@ -50,13 +50,13 @@ ...@@ -50,13 +50,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_right"> <div class="outsetgrouping_top2_message_right">
<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">
...@@ -77,7 +77,12 @@ ...@@ -77,7 +77,12 @@
<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 type="radio" name="radios" v-model="radio" /> --> <!-- <input type="radio" name="radios" v-model="radio" /> -->
<input type="radio" name="radios" :value="item.id" @click="radios" /> <!-- <input type="radio" name="radios" :value="item.id" @click="radios" /> -->
<el-button class="outsetgrouping_button_Submitbtn" size="mini" type="primary" @click="submit(item.coreID)">
<span class="iconfont icon-ipr_tijiao"></span>
<span class="s2">分组提交</span>
</el-button>
</div> </div>
<div class="outsetgrouping_centent_totalnum_left_text"> <div class="outsetgrouping_centent_totalnum_left_text">
...@@ -95,13 +100,13 @@ ...@@ -95,13 +100,13 @@
<span>操作类型:{{ item.opsOrder }}</span> <span>操作类型:{{ item.opsOrder }}</span>
</div> </div>
<div class="outsetgrouping_centent_totalnum_left_text_msg1_text44"> <div class="outsetgrouping_centent_totalnum_left_text_msg1_text44">
<span> 入组类型:{{ item.disNature }}</span> <span> 分组类型:{{ item.disNature }}</span>
</div> </div>
</div> </div>
<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>
<!-- <span>病种分值：{{ item.score }}</span> --> <!-- <span>病种分值：{{ item.score }}</span> -->
<!-- <span>预计DIP支付费用：{{ item.unitfee }}</span> --> <!-- <span>预计DIP支付费用：{{ item.unitfee }}</span> -->
</div> </div>
...@@ -174,7 +179,7 @@ ...@@ -174,7 +179,7 @@
<!-- 弹出层 --> <!-- 弹出层 -->
<el-dialog center :visible.sync="addrecordEnrollmentShow" :before-close="closeDialog" :fullscreen="true"> <el-dialog center :visible.sync="addrecordEnrollmentShow" :before-close="closeDialog" :fullscreen="true">
<!-- 病案入组 --> <!-- 病案分组 -->
<div class="outaddrecordEnrollment" id="outaddrecordEnrollment"> <div class="outaddrecordEnrollment" id="outaddrecordEnrollment">
<div class="outaddrecordEnrollment_search"> <div class="outaddrecordEnrollment_search">
<div class="outaddrecordEnrollment_search_div1"> <div class="outaddrecordEnrollment_search_div1">
...@@ -270,10 +275,10 @@ ...@@ -270,10 +275,10 @@
<div class="outaddrecordEnrollment_centent_totalnum_left"> <div class="outaddrecordEnrollment_centent_totalnum_left">
<div class="outaddrecordEnrollment_centent_totalnum_left_text1"> <div class="outaddrecordEnrollment_centent_totalnum_left_text1">
<span>分组编码：{{ item.code }}</span> <span>分组编码：{{ item.code }}</span>
<span>入组名称：{{ item.coreName }}</span> <span>分组名称：{{ item.coreName }}</span>
<span>基准点数：{{ item.score }}</span> <span>基准点数：{{ item.score }}</span>
<span>预计DIP支付费用：{{ item.unitfee }}</span> <span>预计DIP支付费用：{{ item.unitfee }}</span>
<span>入组类型：{{ item.disNature }}</span> <span>分组类型：{{ item.disNature }}</span>
</div> </div>
<!-- <!--
<div class="outaddrecordEnrollment_centent_totalnum_left_text3"> <div class="outaddrecordEnrollment_centent_totalnum_left_text3">
...@@ -462,14 +467,8 @@ export default { ...@@ -462,14 +467,8 @@ export default {
.catch((error) => {}); .catch((error) => {});
}, },
//提交 //提交
submit() { submit(coreID) {
if (!this.radio) { http.post(`/medical/Update/casehisById?PatientId=${this.$route.query.id}&coreid=${coreID}`)
Message.warning({
message: "请先选择要入组的病组",
type: "warning",
});
} else {
http.post(`/medical/Update/casehisById?PatientId=${this.$route.query.id}&coreid=${this.coreID}`)
.then((data) => { .then((data) => {
Message.success({ Message.success({
message: `${data.message}`, message: `${data.message}`,
...@@ -478,7 +477,6 @@ export default { ...@@ -478,7 +477,6 @@ export default {
this.getCaseHis(this.$route.query.id); this.getCaseHis(this.$route.query.id);
}) })
.catch((error) => {}); .catch((error) => {});
}
}, },
//关闭弹层前的回调 //关闭弹层前的回调
closeDialog() { closeDialog() {
...@@ -1338,14 +1336,14 @@ export default { ...@@ -1338,14 +1336,14 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
&_radios { &_radios {
width: 3%; width: 7%;
height: 30%; height: 30%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
&_text { &_text {
width: 97%; width: 93%;
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
......
src/views/outaddrecordEnrollment.vue
<template> <template>
<el-dialog center :visible.sync="addrecordEnrollmentShow" :fullscreen="true"> <el-dialog center :visible.sync="addrecordEnrollmentShow" :fullscreen="true">
<!-- 病案入组 --> <!-- 病案分组 -->
<div class="outaddrecordEnrollment" id="outaddrecordEnrollment"> <div class="outaddrecordEnrollment" id="outaddrecordEnrollment">
<div class="outaddrecordEnrollment_search"> <div class="outaddrecordEnrollment_search">
<div class="outaddrecordEnrollment_search_message"> <div class="outaddrecordEnrollment_search_message">
...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
<div class="outaddrecordEnrollment_centent_totalnum_left"> <div class="outaddrecordEnrollment_centent_totalnum_left">
<div class="outaddrecordEnrollment_centent_totalnum_left_text1"> <div class="outaddrecordEnrollment_centent_totalnum_left_text1">
<span>分组编码：{{ item.code }}</span> <span>分组编码：{{ item.code }}</span>
<span>入组名称：{{ item.coreName }}</span> <span>分组名称：{{ item.coreName }}</span>
<span>基准点数：{{ item.score }}</span> <span>基准点数：{{ item.score }}</span>
</div> </div>
......
src/views/patientinfo.vue
...@@ -13,9 +13,9 @@ ...@@ -13,9 +13,9 @@
<el-input <el-input
size="mini" size="mini"
class="mar-right-10" class="mar-right-10"
v-model="a48" v-model.trim="a48"
style="width: 150px" style="width: 150px"
placeholder="请输入病案编码" placeholder="请输入病案号"
clearable clearable
@clear="search" @clear="search"
@keyup.enter.native="search" @keyup.enter.native="search"
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
<el-input <el-input
size="mini" size="mini"
class="mar-right-10" class="mar-right-10"
v-model="a11" v-model.trim="a11"
style="width: 150px" style="width: 150px"
placeholder="请输入患者姓名" placeholder="请输入患者姓名"
clearable clearable
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
<el-select <el-select
size="mini" size="mini"
class="mar-right-10" class="mar-right-10"
v-model="b13C" v-model.trim="b13C"
filterable filterable
style="width: 150px" style="width: 150px"
placeholder="请输入入院科室" placeholder="请输入入院科室"
...@@ -54,9 +54,9 @@ ...@@ -54,9 +54,9 @@
<el-option label="医保" :value="1"> </el-option> <el-option label="医保" :value="1"> </el-option>
<el-option label="未填写" :value="0"> </el-option> <el-option label="未填写" :value="0"> </el-option>
</el-select> </el-select>
<el-select v-model="isjoin" placeholder="请选择入组状态" size="mini" class="mar-right-10" clearable style="width: 150px" @clear="search"> <el-select v-model="isjoin" placeholder="请选择分组状态" size="mini" class="mar-right-10" clearable style="width: 150px" @clear="search">
<el-option label="已入组" :value="1"> </el-option> <el-option label="已分组" :value="1"> </el-option>
<el-option label="未入组" :value="0"> </el-option> <el-option label="未分组" :value="0"> </el-option>
</el-select> </el-select>
<el-date-picker <el-date-picker
v-model="time" v-model="time"
......
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