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 @@
},
{
"icon_id": "8304933",
"name": "加入组织",
"name": "加分组织",
"font_class": "jiaruzuzhi",
"unicode": "e6bb",
"unicode_decimal": 59067
......
src/assets/font/complete/iconfont.json
......@@ -35,7 +35,7 @@
},
{
"icon_id": "8304933",
"name": "加入组织",
"name": "加分组织",
"font_class": "jiaruzuzhi",
"unicode": "e6bb",
"unicode_decimal": 59067
......
src/styles/mixin.scss
......@@ -26,9 +26,9 @@
&::-webkit-scrollbar {
/*滚动条整体样式*/
width: 10px;
width: 15px;
/*高宽分别对应横竖滚动条的尺寸*/
height: 10px;
height: 15px;
}
&::-webkit-scrollbar-thumb {
......@@ -38,7 +38,7 @@
// background-clip: content-box;
// background: #27AAE2;
background-color: #27AAE2;
border: 3px solid transparent;
// border: 3px solid transparent;
border-radius: 9px;
background-clip: content-box;
}
......@@ -47,7 +47,7 @@
/*滚动条里面轨道*/
border-radius: 10px;
background: #F4F4F4;
width: 10px;
width: 15px;
}
}
......
src/utils/echarts.js
import { nextTick } from '@vue/composition-api';
import * as echarts from 'echarts';
import { nextTick } from "@vue/composition-api";
import * as echarts from "echarts";
/**
* @param echarts初始化
......@@ -11,143 +9,146 @@ import * as echarts from 'echarts';
export function initEcharts(option, panelId) {
var svChart;
return nextTick(() => {
svChart = echarts.getInstanceByDom(document.getElementById(panelId));
if (svChart == null) {
svChart = echarts.init(document.getElementById(panelId));
}
document.getElementById(panelId).setAttribute('_echarts_instance_', '');
document.getElementById(panelId).setAttribute("_echarts_instance_", "");
svChart.clear();
svChart.setOption(option);
svChart.resize();
// 屏幕大小改变
window.addEventListener('resize', () => {
window.addEventListener("resize", () => {
svChart.resize();
});
return svChart;
})
});
}
//百分比图 智能分组
export function categoryChart(data, tcolor) {
const option = {
title: [{
title: [
{
text: data + `%`,
x: 'center',
top: '38%',
x: "center",
top: "38%",
textStyle: {
fontSize: '16', //百分比的样式
fontSize: "16", //百分比的样式
color: tcolor,
fontFamily: 'Arial',
foontWeight: '600',
fontFamily: "Arial",
foontWeight: "600",
},
},
},],
],
polar: {
radius: ['100%', '60%'],
center: ['50%', '50%'],
radius: ["100%", "60%"],
center: ["50%", "50%"],
},
angleAxis: {
max: 100,
show: false,
},
radiusAxis: {
type: 'category',
type: "category",
show: false,
},
series: [{
name: '',
type: 'bar',
series: [
{
name: "",
type: "bar",
roundCap: true,
barWidth: 6,
showBackground: true,
backgroundStyle: {
color: '#f3fafd', //留白颜色
color: "#f3fafd", //留白颜色
},
data: [data],
coordinateSystem: 'polar',
coordinateSystem: "polar",
itemStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
{
offset: 0,
color: tcolor, //填色颜色
},]),
},
]),
},
},],
},
},
],
};
return option;
}
//百分比图 病案入组
//百分比图 病案分组
export function categoryChart11(text, data, tcolor) {
const option = {
title: [{
title: [
{
text: text,
x: 'center',
top: '52%',
x: "center",
top: "52%",
textStyle: {
fontSize: '14', //百分比的样式
fontSize: "14", //百分比的样式
color: tcolor,
fontFamily: 'PingFang SC',
foontWeight: '300',
fontFamily: "PingFang SC",
foontWeight: "300",
},
},
{
text: data + `%`,
x: 'center',
top: '28%',
x: "center",
top: "28%",
textStyle: {
fontSize: '20', //百分比的样式
fontSize: "20", //百分比的样式
color: tcolor,
fontFamily: 'Arial',
foontWeight: '600',
fontFamily: "Arial",
foontWeight: "600",
},
},
],
polar: {
radius: ['100%', '60%'],
center: ['50%', '50%'],
radius: ["100%", "60%"],
center: ["50%", "50%"],
},
angleAxis: {
max: 100,
show: false,
},
radiusAxis: {
type: 'category',
type: "category",
show: false,
},
series: [{
name: '',
type: 'bar',
series: [
{
name: "",
type: "bar",
roundCap: true,
barWidth: 6,
showBackground: true,
backgroundStyle: {
color: '#f3fafd', //留白颜色
color: "#f3fafd", //留白颜色
},
data: [data],
coordinateSystem: 'polar',
coordinateSystem: "polar",
itemStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
{
offset: 0,
color: tcolor, //填色颜色
},]),
},
]),
},
},],
},
},
],
};
return option;
......
src/views/Entrypath.vue
......@@ -280,16 +280,16 @@ export default {
// 滚动条的宽度
::v-deep .el-table__body-wrapper::-webkit-scrollbar {
/*滚动条整体样式*/
width: 10px;
width: 15px;
/*高宽分别对应横竖滚动条的尺寸*/
height: 10px;
height: 15px;
background-color: #ffff;
}
// 滚动条的滑块
::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {
background-color: #27aae2;
border: 3px solid transparent;
// border: 3px solid transparent;
border-radius: 9px;
background-clip: content-box;
}
......@@ -298,7 +298,7 @@ export default {
/*滚动条里面轨道*/
border-radius: 20px;
background: #ffff;
width: 10px;
width: 15px;
}
.Entrypath {
height: 100%;
......
src/views/outClinicalpathway.vue
......@@ -1346,16 +1346,16 @@ export default {
// 滚动条的宽度
::v-deep .el-table__body-wrapper::-webkit-scrollbar {
/*滚动条整体样式*/
width: 10px;
width: 15px;
/*高宽分别对应横竖滚动条的尺寸*/
height: 10px;
height: 15px;
background-color: #ffff;
}
// 滚动条的滑块
::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {
background-color: #27aae2;
border: 3px solid transparent;
// border: 3px solid transparent;
border-radius: 9px;
background-clip: content-box;
}
......@@ -1364,7 +1364,7 @@ export default {
/*滚动条里面轨道*/
border-radius: 20px;
background: #ffff;
width: 10px;
width: 15px;
}
.outClinicalpathway {
// height: calc(100% - 50px);
......
src/views/outHistorygrouping.vue
......@@ -12,10 +12,10 @@
<el-button class="outsetgrouping_button_Searchbtn" type="primary" size="mini" @click="gosear">
<span class="s2">疾病分组查询</span>
</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="s2">提交</span>
</el-button>
</el-button> -->
</div>
<div class="outsetgrouping_top">
<div class="outsetgrouping_top_message">
......@@ -50,13 +50,13 @@
<div class="outsetgrouping_top2_message_left">
<span class="outsetgrouping_top2_message_left_tu4"><img src="../assets/img/bianma.png" alt="" /> </span>
<div class="outsetgrouping_top2_message_left_t1">
当前入组编码:<span>{{ casehisObj ? casehisObj.drgs.code : "" }}</span>
当前分组编码:<span>{{ casehisObj ? casehisObj.drgs.code : "" }}</span>
</div>
</div>
<div class="outsetgrouping_top2_message_right">
<span class="outsetgrouping_top2_message_centert_tu5"><img src="../assets/img/daoru.png" alt="" /></span>
<div class="outsetgrouping_top2_message_centert_t2">
入组名称:<span>{{ casehisObj ? casehisObj.drgs.name : "" }}</span>
分组名称:<span>{{ casehisObj ? casehisObj.drgs.name : "" }}</span>
</div>
</div>
<!-- <div class="outsetgrouping_top2_message_right">
......@@ -77,7 +77,12 @@
<div class="outsetgrouping_centent_totalnum_left">
<div class="outsetgrouping_centent_totalnum_left_radios">
<!-- <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 class="outsetgrouping_centent_totalnum_left_text">
......@@ -95,13 +100,13 @@
<span>操作类型:{{ item.opsOrder }}</span>
</div>
<div class="outsetgrouping_centent_totalnum_left_text_msg1_text44">
<span> 入组类型:{{ item.disNature }}</span>
<span> 分组类型:{{ item.disNature }}</span>
</div>
</div>
<div class="outsetgrouping_centent_totalnum_left_text_msg2">
<div class="outsetgrouping_centent_totalnum_left_text_msg2_text3">
<span>入组编码：{{ item.code }}</span>
<span>入组名称：{{ item.coreName }}</span>
<span>分组编码：{{ item.code }}</span>
<span>分组名称：{{ item.coreName }}</span>
<!-- <span>病种分值：{{ item.score }}</span> -->
<!-- <span>预计DIP支付费用：{{ item.unitfee }}</span> -->
</div>
......@@ -174,7 +179,7 @@
<!-- 弹出层 -->
<el-dialog center :visible.sync="addrecordEnrollmentShow" :before-close="closeDialog" :fullscreen="true">
<!-- 病案入组 -->
<!-- 病案分组 -->
<div class="outaddrecordEnrollment" id="outaddrecordEnrollment">
<div class="outaddrecordEnrollment_search">
<div class="outaddrecordEnrollment_search_div1">
......@@ -270,10 +275,10 @@
<div class="outaddrecordEnrollment_centent_totalnum_left">
<div class="outaddrecordEnrollment_centent_totalnum_left_text1">
<span>分组编码：{{ item.code }}</span>
<span>入组名称：{{ item.coreName }}</span>
<span>分组名称：{{ item.coreName }}</span>
<span>基准点数：{{ item.score }}</span>
<span>预计DIP支付费用：{{ item.unitfee }}</span>
<span>入组类型：{{ item.disNature }}</span>
<span>分组类型：{{ item.disNature }}</span>
</div>
<!--
<div class="outaddrecordEnrollment_centent_totalnum_left_text3">
......@@ -462,14 +467,8 @@ export default {
.catch((error) => {});
},
//提交
submit() {
if (!this.radio) {
Message.warning({
message: "请先选择要入组的病组",
type: "warning",
});
} else {
http.post(`/medical/Update/casehisById?PatientId=${this.$route.query.id}&coreid=${this.coreID}`)
submit(coreID) {
http.post(`/medical/Update/casehisById?PatientId=${this.$route.query.id}&coreid=${coreID}`)
.then((data) => {
Message.success({
message: `${data.message}`,
......@@ -478,7 +477,6 @@ export default {
this.getCaseHis(this.$route.query.id);
})
.catch((error) => {});
}
},
//关闭弹层前的回调
closeDialog() {
......@@ -1338,14 +1336,14 @@ export default {
align-items: center;
justify-content: center;
&_radios {
width: 3%;
width: 7%;
height: 30%;
display: flex;
justify-content: center;
align-items: center;
}
&_text {
width: 97%;
width: 93%;
height: 100%;
display: flex;
flex-direction: column;
......
src/views/outaddrecordEnrollment.vue
<template>
<el-dialog center :visible.sync="addrecordEnrollmentShow" :fullscreen="true">
<!-- 病案入组 -->
<!-- 病案分组 -->
<div class="outaddrecordEnrollment" id="outaddrecordEnrollment">
<div class="outaddrecordEnrollment_search">
<div class="outaddrecordEnrollment_search_message">
......@@ -50,7 +50,7 @@
<div class="outaddrecordEnrollment_centent_totalnum_left">
<div class="outaddrecordEnrollment_centent_totalnum_left_text1">
<span>分组编码：{{ item.code }}</span>
<span>入组名称：{{ item.coreName }}</span>
<span>分组名称：{{ item.coreName }}</span>
<span>基准点数：{{ item.score }}</span>
</div>
......
src/views/patientinfo.vue
......@@ -13,9 +13,9 @@
<el-input
size="mini"
class="mar-right-10"
v-model="a48"
v-model.trim="a48"
style="width: 150px"
placeholder="请输入病案编码"
placeholder="请输入病案号"
clearable
@clear="search"
@keyup.enter.native="search"
......@@ -24,7 +24,7 @@
<el-input
size="mini"
class="mar-right-10"
v-model="a11"
v-model.trim="a11"
style="width: 150px"
placeholder="请输入患者姓名"
clearable
......@@ -36,7 +36,7 @@
<el-select
size="mini"
class="mar-right-10"
v-model="b13C"
v-model.trim="b13C"
filterable
style="width: 150px"
placeholder="请输入入院科室"
......@@ -54,9 +54,9 @@
<el-option label="医保" :value="1"> </el-option>
<el-option label="未填写" :value="0"> </el-option>
</el-select>
<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="0"> </el-option>
<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="0"> </el-option>
</el-select>
<el-date-picker
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