Skip to content

V
vue-composition-api
Commit 1ce79d25 by 唐玉峰
Options

.

parent 015bfa57
Showing with 2070 additions and 64 deletions
src/router/index.js
......@@ -5,75 +5,78 @@
* @LastEditTime: 2023-01-09 13:55:06
* @Description:
*/
import Vue from 'vue'
import Router from 'vue-router'
import store from '@/store'
import { getItem, clear } from '@/utils/auth'
import outseeQualityControl from '@/views/outseeQualityControl.vue'
import outpatientDetails from '@/views/outpatientDetails.vue'
import outHistorygrouping from '@/views/outHistorygrouping.vue'
Vue.use(Router)
import Vue from "vue";
import Router from "vue-router";
import store from "@/store";
import { getItem, clear } from "@/utils/auth";
import outseeQualityControl from "@/views/outseeQualityControl.vue";
import outpatientDetails from "@/views/outpatientDetails.vue";
import outHistorygrouping from "@/views/outHistorygrouping.vue";
import outHistorygrouping_yubei from "@/views/outHistorygrouping_yubei.vue";
Vue.use(Router);
// const baseUrl = '/his/'
const router = new Router({
// mode: baseUrl,
routes: [
{
path: '*',
component: (resolve) => require(['@/components/404.vue'], resolve)
},
// mode: baseUrl,
routes: [
{
path: "*",
component: (resolve) => require(["@/components/404.vue"], resolve),
},
// 查看质控
{
path: '/outseeQualityControl',
name: 'outseeQualityControl',
component: outseeQualityControl
},
// 患者详情
{
path: '/outpatientDetails',
name: 'outpatientDetails',
component: outpatientDetails
},
// 智能分组
{
path: '/outHistorygrouping',
name: 'outHistorygrouping',
component: outHistorygrouping
},
// 查看质控
{
path: "/outseeQualityControl",
name: "outseeQualityControl",
component: outseeQualityControl,
},
// 患者详情
{
path: "/outpatientDetails",
name: "outpatientDetails",
component: outpatientDetails,
},
// 智能分组
{
path: "/outHistorygrouping",
name: "outHistorygrouping",
component: outHistorygrouping,
},
// 智能分组 yubei
{
path: "/outHistorygrouping_yubei",
name: "outHistorygrouping_yubei",
component: outHistorygrouping_yubei,
},
//临床路径外放页面
{
path: "/medicalRecordImport",
name: "medicalRecordImport",
component: (resolve) => require(["@/views/medicalRecordImport.vue"], resolve),
},
//临床路径外放页面
{
path: '/medicalRecordImport',
name: 'medicalRecordImport',
component: (resolve) =>
require(['@/views/medicalRecordImport.vue'], resolve)
},
{
path: '/outpatientDetails_pingguo',
name: 'outpatientDetails_pingguo',
component: (resolve) =>
require(['@/views/outpatientDetails_pingguo.vue'], resolve)
},
{
path: '/seeSettlementList',
name: 'seeSettlementList',
component: (resolve) =>
require(['@/views/seeSettlementList.vue'], resolve)
},
{
path: '/patientinfo',
name: 'patientinfo',
component: (resolve) => require(['@/views/patientinfo.vue'], resolve)
}
]
// mode: 'history' /*hash*/ /*不显示路由中的#*/
})
{
path: "/outpatientDetails_pingguo",
name: "outpatientDetails_pingguo",
component: (resolve) => require(["@/views/outpatientDetails_pingguo.vue"], resolve),
},
{
path: "/seeSettlementList",
name: "seeSettlementList",
component: (resolve) => require(["@/views/seeSettlementList.vue"], resolve),
},
{
path: "/patientinfo",
name: "patientinfo",
component: (resolve) => require(["@/views/patientinfo.vue"], resolve),
},
],
// mode: 'history' /*hash*/ /*不显示路由中的#*/
});
//路由跳转前判断(登录权限)
router.beforeEach((to, from, next) => {
next()
})
next();
});
export default router
export default router;
src/views/outHistorygrouping.vue
......@@ -165,7 +165,7 @@
<div class="outsetgrouping_centent_totalnum_left_text_msg2_text5">
<span>预计DRG支付费用：{{ decimal(item.actualfee) }}</span>
<span>总费用：{{ decimal(item.totalFee) }}</span>
<span>药耗占比：{{ decimal(item.drugMatPercent) + "%" }}</span>
<!-- <span>药耗占比：{{ decimal(item.drugMatPercent) + "%" }}</span> -->
<span>盈亏：{{ decimal(item.profitLoss) }}</span>
</div>
</div>
......
src/views/outHistorygrouping_yubei.vue 0 → 100644
<!--
* @Author: wsq
* @Date: 2022-03-02 16:34:58
* @LastEditors: wsq
* @LastEditTime: 2023-02-27 17:40:12
* @Description:
-->
<template>
<!-- 智能分组 -->
<div class="outsetgrouping" id="setGroupingbox">
<div class="outsetgrouping_button flex-between-center font-14 color-666">
<div>
<span class="span1">患者信息</span><span class="mar-left-15 color-F54" v-if="casehisObj?.isLowRisk">该主诊断符合低风险死亡！</span
><span class="mar-left-15 color-F54" v-if="casehisObj?.isAgainInHos">该患者符合二次入院</span>
</div>
<div>
<router-link target="_blank" v-if="$route.query.type" :to="{ path: '/medicalRecordImport', query: { id: $route.query.id } }">
<el-button class="outsetgrouping_button_Searchbtn" size="mini" type="primary">DRG历史分组结果查询</el-button></router-link
>
<el-button
class="outsetgrouping_button_Searchbtn"
v-if="$route.query.appeal"
style="margin-left: 10px"
size="mini"
type="primary"
@click="toPage4"
>可疑违规申诉</el-button
>
<el-button
class="outsetgrouping_button_Searchbtn"
v-if="$route.query.patientInfo"
style="margin-left: 10px"
size="mini"
type="primary"
@click="topage3"
>病例监控</el-button
>
<el-button
class="outsetgrouping_button_Searchbtn"
v-if="$route.query.getPRHisData"
style="margin-left: 10px"
size="mini"
type="primary"
@click="GetProjectRulesData"
>出院预审</el-button
>
<el-button class="outsetgrouping_button_Searchbtn" style="margin-left: 10px" size="mini" type="primary" @click="topage1">病案质控</el-button>
<el-button class="outsetgrouping_button_Searchbtn" type="primary" size="mini" @click="toPage">
<span class="s2">费用监控</span>
</el-button>
<el-button class="outsetgrouping_button_Searchbtn" type="primary" size="mini" @click="gosear">
<span class="s2">疾病分组查询</span>
</el-button>
</div>
</div>
<div class="outsetgrouping_top">
<div class="outsetgrouping_top_message">
<div class="outsetgrouping_top_message_left" style="width: 18%">
<span class="outsetgrouping_top_message_left_tu1"><img src="../assets/img/peo.png" alt="" /> </span>
<div class="outsetgrouping_top_message_left_t1">
住院号:<span>{{ casehisObj ? casehisObj.a48 : "" }}</span>
</div>
</div>
<div class="outsetgrouping_top_message_left" style="width: 18%">
<span class="outsetgrouping_top_message_left_tu1"><img src="../assets/img/peo.png" alt="" /> </span>
<div class="outsetgrouping_top_message_left_t1">
姓名:<span>{{ casehisObj ? casehisObj.a11 : "" }}</span>
</div>
</div>
<div class="outsetgrouping_top_message_centert" style="width: 18%">
<span class="outsetgrouping_top_message_centert_tu2"><img src="../assets/img/ka.png" alt="" /></span>
<div class="outsetgrouping_top_message_centert_t2">
住院次数:<span>{{ casehisObj ? casehisObj.a49 : "" }}</span>
</div>
</div>
<div class="outsetgrouping_top_message_centert" style="width: 18%">
<span class="outsetgrouping_top_message_centert_tu2"><img src="../assets/img/ka.png" alt="" /></span>
<div class="outsetgrouping_top_message_centert_t2">
实际住院天数:<span>{{ casehisObj ? casehisObj.b20 : "" }}</span>
</div>
</div>
<div class="outsetgrouping_top_message_right">
<span class="outsetgrouping_top_message_right_tu3"><img src="../assets/img/qian.png" alt="" /></span>
<div class="outsetgrouping_top_message_right_t3">
医疗付费方式:<span>{{ casehisObj ? casehisObj.a46C : "" }}</span>
</div>
</div>
</div>
</div>
<div class="outsetgrouping_top2">
<div class="outsetgrouping_top2_message">
<div class="outsetgrouping_top2_message_left">
<span class="outsetgrouping_top2_message_left_tu4"><img src="../assets/img/daoru.png" alt="" /> </span>
<div class="outsetgrouping_top2_message_left_t1">
分组类型:<span>{{ casehisObj ? casehisObj.drgs.disNature : "" }}</span>
</div>
</div>
<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>
</div>
</div>
<div class="outsetgrouping_top2_message_centert">
<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>
</div>
</div>
<div class="outsetgrouping_top2_message_right">
<span class="outsetgrouping_top2_message_right_tu6"><img src="../assets/img/jiner.png" alt="" /></span>
<div class="outsetgrouping_top2_message_right_t3">
预计DRG支付费用:<span>{{ casehisObj ? decimal(casehisObj.drgs.actualfee) : "" }}</span>
</div>
</div>
</div>
</div>
<div class="outsetgrouping_top2">
<div class="outsetgrouping_top2_message">
<div class="outsetgrouping_top2_message_left">
<span class="outsetgrouping_top2_message_left_tu4"><img src="../assets/img/jiner.png" alt="" /> </span>
<div class="outsetgrouping_top2_message_left_t1">
总费用:<span>{{ casehisObj ? decimal(casehisObj.totalFee) : "" }}</span>
</div>
</div>
<div class="outsetgrouping_top2_message_right">
<span class="outsetgrouping_top2_message_right_tu6"><img src="../assets/img/jiner.png" alt="" /></span>
<div class="outsetgrouping_top2_message_right_t3">
盈亏:<span>{{ casehisObj ? decimal(casehisObj.drgs.profitLoss) : "" }}</span>
</div>
</div>
<div class="outsetgrouping_top2_message_right">
<span class="outsetgrouping_top2_message_right_tu6"><img src="../assets/img/jiner.png" alt="" /></span>
<div class="outsetgrouping_top2_message_right_t3">
药耗占比：<span>{{ casehisObj ? decimal(casehisObj.drugMatPercent) + "%" : "" }}</span>
</div>
</div>
<div class="outsetgrouping_top2_message_right">
<span class="outsetgrouping_top2_message_right_tu6"><img src="../assets/img/jiner.png" alt="" /></span>
<div class="outsetgrouping_top2_message_right_t3 bg">
检查费占比：<span>{{ casehisObj ? decimal(casehisObj.checkPercent) + "%" : "" }}</span>
</div>
</div>
</div>
</div>
<div class="outsetgrouping_title">
<span class="outsetgrouping_title_span">智能疾病分组</span>
</div>
<div class="outsetgrouping_centent">
<div class="outsetgrouping_centent_totalnum" v-for="(item, index) in CorePercents" :key="index">
<div class="outsetgrouping_centent_totalnum_left">
<div class="outsetgrouping_centent_totalnum_left_yxrz" v-if="item.isShow">
<div class="dw"><img src="../assets/img/t29.png" alt="" /> 优先入组</div>
</div>
<div class="outsetgrouping_centent_totalnum_left_text">
<div class="outsetgrouping_centent_totalnum_left_text_msg1">
<div class="outsetgrouping_centent_totalnum_left_text_msg1_text11">
<span> 诊断名称:{{ item.diagMapName }}</span>
<span>操作名称:{{ item.opsMapName }}</span>
</div>
<div class="outsetgrouping_centent_totalnum_left_text_msg1_text22">
<span> 诊断编码:{{ item.disCode }}</span>
<span>操作编码:{{ item.opsCode }}</span>
</div>
<div class="outsetgrouping_centent_totalnum_left_text_msg1_text33">
<span> 诊断类型:{{ item.diagOrder }}</span>
<span>操作类型:{{ item.opsOrder }}</span>
</div>
<div class="outsetgrouping_centent_totalnum_left_text_msg1_text44">
<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.score }}</span>
<span>报销类型：{{ item.magnification }}</span>
</div>
<div class="outsetgrouping_centent_totalnum_left_text_msg2_text5">
<span>预计DRG支付费用：{{ decimal(item.actualfee) }}</span>
<span>总费用：{{ decimal(item.totalFee) }}</span>
<!-- <span>药耗占比：{{ decimal(item.drugMatPercent) + "%" }}</span> -->
<span>盈亏：{{ decimal(item.profitLoss) }}</span>
</div>
</div>
<div class="outpatientDetails_fenqu" v-if="item.lowMagnification != 0 && item.highMagnification != 0">
<div class="outpatientDetails_fenqu_di">
<div class="outpatientDetails_fenqu_di_bb">
<div class="outpatientDetails_fenqu_di_bb_div1">
<span
class="outpatientDetails_fenqu_di_bb_div1_num"
:style="{
marginLeft: item.totalwidth - 1 + '%',
color: item.totalcolor,
}"
>{{ decimal(item.totalFee) }}</span
>
<span
class="outpatientDetails_fenqu_di_bb_div1_he"
:style="{
marginLeft: item.totalwidth + '%',
backgroundColor: item.totalcolor,
}"
></span>
</div>
<div class="outpatientDetails_fenqu_di_bb_div2">
<span class="outpatientDetails_fenqu_di_bb_div2_span1" :style="{ width: item.lowwidth + '%' }"
><span
class="outpatientDetails_fenqu_di_bb_div2_span1_t1"
:title="'低倍率区域：&lt;=' + Math.round(item.lowMagnification)"
>低倍率区域：&lt;={{ Math.round(item.lowMagnification) }}</span
></span
>
<span class="outpatientDetails_fenqu_di_bb_div2_span2" :style="{ width: item.contentwidth + '%' }"
><span
class="outpatientDetails_fenqu_di_bb_div2_span2_t2"
:title="'正常区域：' + (Math.round(item.lowMagnification) + 1) + '~' + (Math.round(item.highMagnification) - 1)"
>正常区域：{{ Math.round(item.lowMagnification) + 1 + "~" + (Math.round(item.highMagnification) - 1) }}</span
></span
>
<span class="outpatientDetails_fenqu_di_bb_div2_span3" :style="{ width: item.heightwidth + '%' }"
><span
class="outpatientDetails_fenqu_di_bb_div2_span3_t3"
:title="'高倍率区域：>=' + Math.round(item.highMagnification)"
>高倍率区域：>={{ Math.round(item.highMagnification) }}</span
></span
>
</div>
<!-- <div class="outpatientDetails_fenqu_di_bb_div3">
<span class="outpatientDetails_fenqu_di_bb_div3_span1" :style="{ width: lowwidth + '%' }"> 0 </span>
<span class="outpatientDetails_fenqu_di_bb_div3_span2" :style="{ width: contentwidth + '%' }">
{{ Math.round(lowMagnification) }}
</span>
<span class="outpatientDetails_fenqu_di_bb_div3_span3" :style="{ width: heightwidth + '%' }">
<span class="outpatientDetails_fenqu_di_bb_div3_span2_nmm1">{{ Math.round(highMagnification) }}</span>
<span class="outpatientDetails_fenqu_di_bb_div3_span2_nmm2">{{ Math.round(heightnum) }}</span>
</span>
</div> -->
</div>
</div>
</div>
</div>
<!-- <div class="outsetgrouping_centent_totalnum_left_radios">
<el-button
class="outsetgrouping_button_Submitbtn"
size="mini"
type="primary"
@click="submit(item.coreID)"
>
分组提交
</el-button>
</div> -->
</div>
<!-- <div class="outsetgrouping_centent_totalnum_right">
<div class="outsetgrouping_centent_totalnum_right_text1">
<span class="outsetgrouping_centent_totalnum_right_text1_span1">
院内历年平均药占比:</span
>
<div
:id="`indexChart` + index"
class="outsetgrouping_centent_totalnum_right_text1_echar1"
></div>
</div>
<div class="outsetgrouping_centent_totalnum_right_text2">
<span class="outsetgrouping_centent_totalnum_right_text2_span2">
院内历年平均耗材占比:</span
>
<div
:id="`indexCharttwo` + index"
class="outsetgrouping_centent_totalnum_right_text2_echar2"
></div>
</div>
<div class="outsetgrouping_centent_totalnum_right_text3">
<span class="outsetgrouping_centent_totalnum_right_text3_span3">
院内历年平均检查占比:</span
>
<div
:id="`indexCharttree` + index"
class="outsetgrouping_centent_totalnum_right_text3_echar3"
></div>
</div>
<div class="outsetgrouping_centent_totalnum_right_text4">
<span class="outsetgrouping_centent_totalnum_right_text4_span4">
院内历年平均检验占比:</span
>
<div
:id="`indexChartfore` + index"
class="outsetgrouping_centent_totalnum_right_text4_echar4"
></div>
</div>
<div class="outsetgrouping_centent_totalnum_right_text5">
<span class="outsetgrouping_centent_totalnum_right_text5_span5">
院内历年平均其他占比:</span
>
<div
:id="`indexChartfile` + index"
class="outsetgrouping_centent_totalnum_right_text5_echar5"
></div>
</div>
</div> -->
</div>
<!-- 如果没有搜索时的样式 -->
<div v-show="nolistShow" class="outsetgrouping_centent_nodata">
<div class="outsetgrouping_centent_nodata_img">
<img src="../assets/img/nodata.png" alt="" />
</div>
<div class="outsetgrouping_centent_nodata_text">暂无数据</div>
</div>
</div>
<!-- 弹出层 -->
<el-dialog center :visible.sync="addrecordEnrollmentShow" class="fullscreen" :before-close="closeDialog" :fullscreen="true">
<!-- 病案分组 -->
<diagList :code="casehisObj" :isshow="addrecordEnrollmentShow"></diagList>
</el-dialog>
<el-dialog :visible.sync="addrecordEnrollmentShow1">
<div class="outpatientDetails_bottom_rght1">
<div class="outpatientDetails_bottom_rght1_top">
<div class="outpatientDetails_bottom_rght1_top_title">异常问题</div>
<div class="outpatientDetails_bottom_rght1_top_mes">
<span
class="outpatientDetails_bottom_rght1_top_mes_span1"
:class="{
outpatientDetails_bottom_rght1_top_mes_span1background: ind == span1Ind,
}"
v-for="(item, ind) in typeCountDatas"
:key="ind"
@click="gettype(item.name, ind)"
>{{ item.name }}：<span :style="{ color: item.color }">{{ item.count }}</span></span
>
<!-- <span class="outpatientDetails_bottom_rght1_top_mes_span2">检查：<span style="color: #3ad330">0</span></span>
<span class="outpatientDetails_bottom_rght1_top_mes_span3">治疗：<span style="color: #2aaae2">0</span></span>
<span class="outpatientDetails_bottom_rght1_top_mes_span4">其他：<span style="color: red">0</span></span> -->
</div>
</div>
<div class="outpatientDetails_bottom_rght1_bottom">
<div
class="outpatientDetails_bottom_rght1_bottom_li"
:class="{
outpatientDetails_bottom_rght1_bottom_liInd: ind == liInd,
}"
v-for="(item, ind) in options"
:key="ind"
>
<span v-show="item.projectRuleLevel == '禁止'" class="outpatientDetails_bottom_rght1_bottom_li_title" style="background: red">{{
item.projectRuleLevel
}}</span>
<span v-show="item.projectRuleLevel == '提示'" class="outpatientDetails_bottom_rght1_bottom_li_title" style="background: #2aaae2">{{
item.projectRuleLevel
}}</span>
<span v-show="item.projectRuleLevel == '警告'" class="outpatientDetails_bottom_rght1_bottom_li_title" style="background: #e9c621">{{
item.projectRuleLevel
}}</span>
<el-tooltip placement="bottom" trigger="hover">
<template #content>{{ item.notes }} </template>
<span class="outpatientDetails_bottom_rght1_bottom_li_cont">{{ item.notes }}</span>
</el-tooltip>
</div>
</div>
</div>
</el-dialog>
</div>
</template>
<script>
import http from "../utils/http";
import { decimal } from "../utils/decimal";
import { Message, Loading } from "element-ui";
import { useRoute, useRouter } from "../utils/useVueRouter";
import { initEcharts, categoryChart, categoryChart11 } from "../utils/echarts";
import diagList from "./diagList";
export default {
name: "outHistorygrouping",
components: { diagList },
data() {
return {
abc: "",
casehisObj: null,
searchForm: {
diagName: "",
opsName: "",
},
CorePercents: [],
coreID: 0,
typesel: 1,
radio: undefined, //单选框选中值
drug: [],
nodataShow: true, //没有搜索时显示
nolistShow: false, //没有搜索数据的时候显示
groupList: [], //主诊断
groupArr: [],
groupList2: [], //主手术
groupArr2: [],
diagMapList: null, //医保诊断编码集合
opsMapList: null, //医保手术编码集合
addCorePercents: [],
addnolistShow: true, //没有搜索数据的时候显示
addgroupList: [], //主诊断
addgroupArr: [],
addgroupList2: [], //主手术
addgroupArr2: [],
addrecordEnrollmentShow: false,
addrecordEnrollmentShow1: false,
//性别输入框
sexvalue: "0",
//年龄 岁
ageinput: "0",
//年龄 天
ageinput2: "0",
//icu时长
icuinput: "0",
//离院方式
leavevalue: "1",
options: [],
typeCountDatas: [],
span1Ind: -1,
liInd: -1,
d01: 0,
myTimer: null,
loadingOption1: {
// 加载loading
fullscreen: true,
text: "正在加载...",
spinner: "el-icon-loading",
background: "rgba(0, 0, 0, 0.5)",
},
};
},
mounted() {
this.$nextTick(() => {
window.addEventListener("mouseover", this.myTimeOut);
});
console.log(location.origin);
this.myTimeOut();
this.getCaseHis(this.$route.query.id);
if (this.searchForm.diagName.length > 0) {
this.getlist();
}
},
methods: {
decimal,
goback() {
router.go(-1);
},
myTimeOut() {
clearTimeout(this.myTimer);
this.myTimer = setTimeout(() => {
window.opener = null;
window.open("about:blank", "_self", "").close();
window.close();
clearTimeout(this.myTimer);
}, 10 * 60 * 1000);
},
//疾病查询
gosear() {
this.addrecordEnrollmentShow = true;
},
//获取基本数据
getCaseHis(code) {
http.post(`/medical/Get/casehisData?id=${code}`, {})
.then((data) => {
this.casehisObj = data;
this.diagMapList = data.diagMapList;
this.opsMapList = data.opsMapList;
this.getlist();
})
.catch((error) => {});
},
//获取列表数据
getlist() {
http.post(`/medical/get/GetCorePercents`, {
Type: 1,
DiagMapList: this.diagMapList,
OpsMapList: this.opsMapList,
id: this.$route.query.id,
})
.then((data) => {
this.CorePercents = data.list;
this.CorePercents.map((item) => {
// 高倍率>总费用 高倍率金额+高倍率金额*30%
if (item.highMagnification > item.totalFee) {
item.heightnum = item.highMagnification + item.highMagnification * 0.3;
} else if (item.highMagnification < item.totalFee) {
// 高倍率<总费用 患者总费用的金额+患者总费用的金额*30%
item.heightnum = item.totalFee + item.totalFee * 0.3;
}
// 低倍率宽度
item.lowwidth = Math.round((Math.round(item.lowMagnification) / Math.round(item.heightnum)) * 100);
// 高倍率宽度
item.heightwidth = Math.round(((Math.round(item.heightnum) - Math.round(item.highMagnification)) / Math.round(item.heightnum)) * 100);
// 正常倍率宽度
item.contentwidth = 100 - (item.lowwidth + item.heightwidth);
//总费用宽度
item.totalwidth = Math.round((Math.round(item.totalFee) / Math.round(item.heightnum)) * 100);
// 判断总费用显示的颜色
if (item.totalFee < item.lowMagnification) {
item.totalcolor = "#e9c622";
} else if (item.totalFee > item.lowMagnification && item.totalFee < item.highMagnification) {
item.totalcolor = "#22d016";
} else if (item.totalFee > item.highMagnification) {
item.totalcolor = "#ff7e00";
}
if (item.lowMagnification == 0 || item.highMagnification == 0) {
item.bottomheight = "80%";
} else if (data.lowMagnification != 0) {
item.bottomheight = "68%";
}
});
if (this.CorePercents.length == 0) {
this.nolistShow = true;
} else {
const coreId = this.CorePercents[0].coreID;
if (this.casehisObj != null && coreId !== this.casehisObj.drgs.coreid) this.submit(coreId);
}
// for (var i = 0; i < this.CorePercents.length; i++) {
// this.$nextTick();
// initEcharts(categoryChart(this.CorePercents[i].drugPercent, "#2CABE3"), `indexChart${i}`);
// initEcharts(categoryChart(this.CorePercents[i].materialsPercent, "#71D875"), `indexCharttwo${i}`);
// initEcharts(categoryChart(this.CorePercents[i].inspectPercent, "#F35E77"), `indexCharttree${i}`);
// initEcharts(categoryChart(this.CorePercents[i].testPercent, "#FFB321"), `indexChartfore${i}`);
// initEcharts(categoryChart(this.CorePercents[i].otherPercent, "#C05EF3"), `indexChartfile${i}`);
// }
})
.catch((error) => {});
},
//点击异常分类 显示异常信息
gettype(name, ind) {
var loadingInstance2 = Loading.service(this.loadingOption1);
http.post(`/medical/get/GetPRHisData?&code=${this.$route.query.id}&projectType=${name}`, {})
.then((data) => {
this.liInd = -1;
this.span1Ind = ind;
this.options = data.projectRules;
loadingInstance2.close();
})
.catch((error) => {
loadingInstance2.close();
});
},
//异常问题接口 显示全部异常信息
GetProjectRulesData() {
http.post(`/medical/get/GetPRHisData?&code=${this.$route.query.id}`, {})
.then((data) => {
this.options = data.projectRules;
this.typeCountDatas = data.typeCountDatas;
this.addrecordEnrollmentShow1 = true;
})
.catch((error) => {});
},
//提交
submit(coreID) {
http.post(`/medical/Update/casehisById?PatientId=${this.$route.query.id}&coreid=${coreID}`)
.then((data) => {
this.getCaseHis(this.$route.query.id);
})
.catch((error) => {});
},
//关闭弹层前的回调
closeDialog() {
this.addrecordEnrollmentShow = false;
// this.getCaseHis(this.$route.query.id);
},
//清空输入框的值时触发
addclear() {
this.addCorePercents = [];
this.addnodataShow = true;
},
//获取列表数据
addgetlist() {
http.post(`/medical/post/GetCorePercentsByAssemble`, {
a14: this.ageinput ? this.ageinput : "0", // 年龄
a16: this.ageinput2 ? this.ageinput2 : "0", // 年龄不足一周岁（天）
a12C: this.sexvalue, // 性别
icuTime: this.icuinput ? this.icuinput : "0", // icu总时长（分钟）
b34C: this.leavevalue, // 离院方式
diagList: this.diagList, // 诊断集合
opsList: this.opsList, // 手术集合
a46C: this.a46C,
d01: this.d01,
})
.then((data) => {
if (data && data.length == 0) {
Message.warning({
message: `此诊断作为主诊断无法入组!`,
type: "warning",
});
}
this.addCorePercents = data;
this.addCorePercents.map((item) => {
// 高倍率>总费用 高倍率金额+高倍率金额*30%
if (item.highMagnification > item.totalFee) {
item.heightnum = item.highMagnification + item.highMagnification * 0.3;
} else if (item.highMagnification < item.totalFee) {
// 高倍率<总费用 患者总费用的金额+患者总费用的金额*30%
item.heightnum = item.totalFee + item.totalFee * 0.3;
}
// 低倍率宽度
item.lowwidth = Math.round((Math.round(item.lowMagnification) / Math.round(item.heightnum)) * 100);
// 高倍率宽度
item.heightwidth = Math.round(((Math.round(item.heightnum) - Math.round(item.highMagnification)) / Math.round(item.heightnum)) * 100);
// 正常倍率宽度
item.contentwidth = 100 - (item.lowwidth + item.heightwidth);
//总费用宽度
item.totalwidth = Math.round((Math.round(item.totalFee) / Math.round(item.heightnum)) * 100);
// 判断总费用显示的颜色
if (item.totalFee < item.lowMagnification) {
item.totalcolor = "#e9c622";
} else if (item.totalFee > item.lowMagnification && item.totalFee < item.highMagnification) {
item.totalcolor = "#22d016";
} else if (item.totalFee > item.highMagnification) {
item.totalcolor = "#ff7e00";
}
if (item.lowMagnification == 0 || item.highMagnification == 0) {
item.bottomheight = "80%";
} else if (data.lowMagnification != 0) {
item.bottomheight = "68%";
}
});
if (this.addCorePercents.length == 0) {
this.addnolistShow = true;
} else {
this.addnolistShow = false;
}
// this.totalCount = data.totalCount;
// for (var i = 0; i < this.addCorePercents.length; i++) {
// initEcharts(categoryChart11("药占比", this.addCorePercents[i].drugPercent, "#2CABE3"), `indexChart11${i}`);
// initEcharts(categoryChart11("耗材占比", this.addCorePercents[i].materialsPercent, "#71D875"), `indexChart11two${i}`);
// initEcharts(categoryChart11("检查占比", this.addCorePercents[i].inspectPercent, "#F35E77"), `indexChart11tree${i}`);
// initEcharts(categoryChart11("检验占比", this.addCorePercents[i].testPercent, "#FFB321"), `indexChart11fore${i}`);
// initEcharts(categoryChart11("其他", this.addCorePercents[i].otherPercent, "#C05EF3"), `indexChart11file${i}`);
// (this.diagList = []), (this.opsList = []);
// }
this.diagList = [];
this.opsList = [];
})
.catch((error) => {});
},
radios(e) {
this.radio = e.target.value;
this.coreID = this.CorePercents.find((item) => item.id == e.target.value).coreID;
},
toPage() {
http.get(`/medical/get/JumpHisMAInfo?id=${this.$route.query.id}`, {})
.then((data) => {
window.open(data.message);
})
.catch((error) => {
console.log(error);
});
},
topage1() {
http.get(`/medical/get/JumpHisRules?id=${this.$route.query.id}`, {})
.then((data) => {
window.open(data.message);
})
.catch((error) => {});
},
toPage2() {
this.$router.push("/medicalRecordImport");
window.open(data.message);
},
topage3() {
http.get(`/medical/get/HisPatientInfo?regCode=${this.casehisObj.regCode}`, {})
.then((data) => {
window.open(data.message);
})
.catch((error) => {});
},
toPage4() {
let url = `${location.origin}/#/Complaintviolation/medicalInsurance?noLeft=1&id=${this.$route.query.id}`;
window.open(url);
},
},
};
</script>
<style lang="scss">
@import "../styles/mixin.scss";
// @import "../styles/outHistorygrouping.scss";
.outsetgrouping {
height: 96%;
background-color: white;
padding: 20px;
overflow: hidden;
position: relative;
&_button {
display: flex;
justify-content: flex-end;
margin-bottom: 10px;
&_GoBackbtn {
color: #2cabe3;
border: 1px solid #2cabe3;
}
&_Searchbtn {
background-color: #2cabe3;
color: #fff;
}
&_Submitbtn {
background-color: #2cabe3;
color: #fff;
}
}
&_top {
.span1 {
display: flex;
justify-content: start;
font-size: 14px;
color: #6a707e;
font-family: PingFang SC;
font-weight: 400;
}
&_message {
display: flex;
justify-content: space-between;
&_left {
width: 25%;
height: 45px;
display: flex;
justify-content: start;
align-items: center;
background-color: #f3fafd;
// .iconfont {
// color: #2cabe3;
// padding-left: 29px;
// font-size: 23px;
// }
&_tu1 {
padding-left: 10px;
font-size: 23px;
}
&_t1 {
width: 80%;
height: 36px;
display: flex;
justify-content: start;
padding-left: 10px;
align-items: center;
background-color: #fff;
color: #abafb3;
font-size: 14px;
margin-left: 10px;
span {
color: #787e8a;
}
}
}
&_centert {
width: 25%;
height: 45px;
display: flex;
justify-content: start;
align-items: center;
background-color: #f3fafd;
font-family: PingFang SC;
// .iconfont {
// color: #2cabe3;
// padding-left: 29px;
// font-size: 23px;
// }
&_tu2 {
padding-left: 10px;
font-size: 23px;
}
&_t2 {
width: 80%;
height: 36px;
display: flex;
justify-content: start;
padding-left: 10px;
align-items: center;
background-color: #fff;
color: #abafb3;
font-size: 14px;
margin-left: 10px;
span {
color: #787e8a;
}
}
}
&_right {
width: 25%;
height: 45px;
display: flex;
justify-content: start;
align-items: center;
background-color: #f3fafd;
font-family: PingFang SC;
// .iconfont {
// color: #2cabe3;
// padding-left: 29px;
// font-size: 23px;
// }
&_tu3 {
padding-left: 10px;
font-size: 23px;
}
&_t3 {
width: 80%;
height: 36px;
display: flex;
justify-content: start;
padding-left: 10px;
align-items: center;
background-color: #fff;
color: #abafb3;
font-size: 14px;
margin-left: 10px;
span {
color: #787e8a;
}
}
.bg {
background-color: #f56c6c;
color: #fff;
span {
color: #fff;
}
}
}
&_blow {
width: 25%;
height: 45px;
display: flex;
justify-content: start;
align-items: center;
background-color: #f3fafd;
font-family: PingFang SC;
&_tu7 {
padding-left: 10px;
font-size: 23px;
}
&_t4 {
width: 80%;
height: 36px;
display: flex;
justify-content: start;
padding-left: 10px;
align-items: center;
background-color: #fff;
color: #abafb3;
font-size: 14px;
margin-left: 10px;
span {
color: #787e8a;
}
}
}
}
}
&_top2 {
.span1 {
display: flex;
justify-content: start;
font-size: 14px;
color: #6a707e;
font-family: PingFang SC;
font-weight: 400;
}
&_message {
display: flex;
justify-content: space-between;
margin-top: 8px;
margin-bottom: 8px;
&_left {
width: 33%;
height: 45px;
display: flex;
justify-content: start;
align-items: center;
background-color: #f3fafd;
// .iconfont {
// color: #2cabe3;
// padding-left: 29px;
// font-size: 23px;
// }
&_tu4 {
padding-left: 10px;
font-size: 23px;
}
&_t1 {
width: 80%;
height: 36px;
display: flex;
justify-content: start;
padding-left: 10px;
align-items: center;
background-color: #fff;
color: #abafb3;
font-size: 14px;
margin-left: 10px;
span {
color: #787e8a;
}
}
}
&_centert {
width: 33%;
height: 45px;
display: flex;
justify-content: start;
align-items: center;
background-color: #f3fafd;
font-family: PingFang SC;
// .iconfont {
// color: #2cabe3;
// padding-left: 29px;
// font-size: 23px;
// }
&_tu5 {
padding-left: 10px;
font-size: 23px;
}
&_t2 {
width: 80%;
height: 36px;
display: flex;
justify-content: start;
padding-left: 10px;
align-items: center;
background-color: #fff;
color: #abafb3;
font-size: 14px;
margin-left: 10px;
span {
color: #787e8a;
}
}
}
&_right {
width: 33%;
height: 45px;
display: flex;
justify-content: start;
align-items: center;
background-color: #f3fafd;
font-family: PingFang SC;
&_tu6 {
padding-left: 10px;
font-size: 23px;
}
&_t3 {
width: 80%;
height: 36px;
display: flex;
justify-content: start;
padding-left: 10px;
align-items: center;
background-color: #fff;
color: #abafb3;
font-size: 14px;
margin-left: 10px;
span {
color: #787e8a;
}
}
.bg {
background-color: #f56c6c;
color: #fff;
span {
color: #fff;
}
}
}
}
}
&_top3 {
height: 10px;
background-color: #f3fafd;
border-radius: 10px;
margin-bottom: 16px;
}
&_title {
height: 30px;
background-image: url(../assets/img/bbj.png);
background-size: 100% 100%;
color: white;
font-size: 12px;
display: flex;
align-items: center;
justify-content: start;
margin-bottom: 5px;
&_span {
padding-left: 10px;
}
}
&_centent {
background-color: #f1f5f8;
height: calc(100% - 229px);
overflow-y: auto;
&_totalnum {
height: 300px;
background-color: #fff;
margin: 12px;
display: flex;
flex-direction: column;
align-items: center;
&_left {
flex: 1;
width: 100%;
height: 70%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
&_yxrz {
width: 60px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
.dw {
font-size: 14px;
color: #fff;
height: 90%;
text-align: center;
margin-left: 10px;
position: relative;
letter-spacing: 0.8em;
writing-mode: vertical-rl;
background: #27aae2;
border-radius: 40px;
padding: 0 8px;
img {
position: absolute;
top: 7px;
left: 7px;
width: 20px;
}
}
}
&_radios {
width: 100px;
height: 30%;
display: flex;
justify-content: center;
align-items: center;
}
&_text {
flex: 1;
padding-left: 10px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
&_msg1 {
height: 15%;
box-sizing: content-box;
border: 10px solid rgba(44, 171, 227, 0.08);
border-bottom: 5px solid rgba(44, 171, 227, 0.08);
border-top: 5px solid rgba(44, 171, 227, 0.08);
margin-bottom: 5px;
// margin-top: 5px;
display: flex;
&_text11 {
width: 25%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
span {
height: 100%;
width: 85%;
// margin:5px 5px;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
&_text22 {
width: 25%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
span {
height: 100%;
width: 85%;
// margin:5px 5px;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
&_text33 {
width: 25%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
span {
height: 100%;
width: 85%;
// margin:5px 5px;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
&_text44 {
width: 25%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
span {
height: 100%;
width: 85%;
// margin:5px 5px;
display: flex;
justify-content: start;
align-items: flex-start;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
}
&_msg2 {
background-color: rgba(44, 171, 227, 0.08);
display: flex;
flex-direction: column;
height: 35%;
justify-content: center;
padding-top: 10px;
&_text3 {
// margin-bottom: 10px;
width: 100%;
height: 50%;
display: flex;
justify-content: space-between;
span {
display: block;
height: 100%;
width: 50%;
margin: 0px 10px;
background-color: #fff;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
&_text5 {
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
height: 50%;
display: flex;
justify-content: space-between;
span {
height: 100%;
width: 50%;
margin: 0px 10px;
background-color: #fff;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
}
.outpatientDetails_fenqu {
height: 35%;
margin-bottom: 0;
}
}
}
&_right {
width: 100%;
height: 30%;
display: flex;
justify-content: space-around;
&_text1 {
width: 19%;
display: flex;
justify-content: center;
align-items: center;
margin-left: 3%;
&_span1 {
color: #2cabe3;
font-family: PingFang SC;
font-weight: 400;
font-size: 14px;
}
&_echar1 {
width: 50%;
height: 88px;
margin-left: -30px;
}
}
&_text2 {
width: 19%;
display: flex;
justify-content: center;
align-items: center;
&_span2 {
color: #71d875;
font-family: PingFang SC;
font-weight: 400;
font-size: 14px;
}
&_echar2 {
width: 50%;
height: 88px;
margin-left: -30px;
}
}
&_text3 {
width: 19%;
display: flex;
justify-content: center;
align-items: center;
&_span3 {
color: #f35e77;
font-family: PingFang SC;
font-weight: 400;
font-size: 14px;
}
&_echar3 {
width: 50%;
height: 85px;
margin-left: -30px;
}
}
&_text4 {
width: 19%;
display: flex;
justify-content: center;
align-items: center;
&_span4 {
color: #ffb321;
font-family: PingFang SC;
font-weight: 400;
font-size: 14px;
}
&_echar4 {
width: 50%;
height: 88px;
margin-left: -30px;
}
}
&_text5 {
width: 19%;
display: flex;
justify-content: center;
align-items: center;
&_span5 {
color: #c05ef3;
font-family: PingFang SC;
font-weight: 400;
font-size: 14px;
}
&_echar5 {
width: 50%;
height: 88px;
margin-left: -30px;
}
}
}
}
// 没有数据
&_nodata {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
text-align: center;
&_img {
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
img {
width: 115px;
height: 102px;
}
}
&_text {
font-size: 18px;
font-family: PingFang SC;
font-weight: 400;
color: #abafb3;
}
}
}
&_pagination {
display: flex;
justify-content: flex-end;
margin-top: 1%;
}
.fullscreen {
.el-dialog.is-fullscreen {
.el-dialog__body {
height: 90%;
}
}
}
.outaddrecordEnrollment {
height: calc(100% - 50px);
background-color: white;
padding: 20px;
overflow: hidden;
position: relative;
&_search {
// margin-bottom: 20px;
height: 15%;
margin-bottom: 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
&_div1 {
color: #abafb3;
display: flex;
font-size: 12px;
align-items: center;
margin-bottom: 10px;
&_span1 {
width: 50px;
display: flex;
align-items: center;
justify-content: flex-end;
}
&_inp1 {
width: 300px;
}
&_span2 {
width: 70px;
display: flex;
justify-content: flex-end;
}
&_inp2 {
width: 300px;
}
&_span3 {
width: 80px;
display: flex;
justify-content: flex-end;
}
&_inp3 {
width: 100px;
}
&_span4 {
width: 80px;
display: flex;
justify-content: flex-end;
}
&_inp4 {
width: 150px;
}
&_span5 {
margin-left: 290px;
display: flex;
justify-content: flex-end;
}
}
&_div2 {
display: flex;
font-size: 12px;
align-items: center;
color: #abafb3;
margin-bottom: 10px;
&_span1 {
width: 50px;
display: flex;
align-items: center;
justify-content: flex-end;
}
&_inp1 {
width: 400px;
}
&_span2 {
width: 70px;
display: flex;
justify-content: flex-end;
}
&_inp2 {
width: 300px;
}
&_span3 {
width: 80px;
display: flex;
justify-content: flex-end;
}
&_inp3 {
width: 100px;
}
&_span4 {
width: 80px;
display: flex;
justify-content: flex-end;
}
&_inp4 {
width: 150px;
}
}
&_div3 {
color: #abafb3;
display: flex;
font-size: 12px;
&_span1 {
width: 50px;
display: flex;
align-items: center;
justify-content: flex-end;
}
}
}
&_centent {
background-color: #f1f5f8;
height: 75%;
overflow-y: auto;
&_totalnum {
// height: 151px;
background-color: #fff;
margin: 12px;
padding: 10px;
// display: flex;
// align-items: center;
// justify-content: space-around;
&_left {
// flex: 1;
width: 98%;
height: 132px;
background-color: rgba(44, 171, 227, 0.08);
margin: 0 15px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
&_text1 {
width: 100%;
height: 30%;
display: flex;
margin-top: 5px;
margin-bottom: 10px;
justify-content: space-between;
span {
height: 100%;
width: 50%;
margin: 5px 10px;
background-color: #fff;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
&_text2 {
width: 100%;
height: 30%;
display: flex;
justify-content: space-between;
span {
height: 100%;
width: 50%;
margin: 5px 10px;
background-color: #fff;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
&_text3 {
margin-bottom: 10px;
width: 100%;
height: 30%;
margin-top: 10px;
display: flex;
justify-content: space-between;
span {
height: 100%;
width: 50%;
margin: 5px 10px;
background-color: #fff;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
&_radios {
width: 3%;
height: 30%;
display: flex;
justify-content: center;
align-items: center;
}
&_text {
width: 97%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
&_msg1 {
height: 40%;
box-sizing: content-box;
border: 10px solid rgba(44, 171, 227, 0.08);
border-bottom: 5px solid rgba(44, 171, 227, 0.08);
border-top: 5px solid rgba(44, 171, 227, 0.08);
margin-bottom: 5px;
// margin-top: 5px;
display: flex;
&_text11 {
width: 25%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
span {
height: 100%;
width: 85%;
// margin:5px 5px;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
&_text22 {
width: 25%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
span {
height: 100%;
width: 85%;
// margin:5px 5px;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
&_text33 {
width: 25%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
span {
height: 100%;
width: 85%;
// margin:5px 5px;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
&_text44 {
width: 25%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
span {
height: 100%;
width: 85%;
// margin:5px 5px;
display: flex;
justify-content: start;
align-items: flex-start;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
}
&_msg2 {
background-color: rgba(44, 171, 227, 0.08);
display: flex;
flex-direction: column;
height: 40%;
justify-content: center;
// padding-top: 10px;
&_text3 {
// margin-bottom: 10px;
width: 100%;
height: 83%;
display: flex;
justify-content: space-between;
span {
display: block;
height: 100%;
width: 50%;
margin: 0px 10px;
background-color: #fff;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
&_text5 {
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
height: 45%;
display: flex;
justify-content: space-between;
span {
height: 100%;
width: 50%;
margin: 0px 10px;
background-color: #fff;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
}
}
}
&_right {
width: 100%;
height: 30%;
display: flex;
justify-content: space-around;
&_text1 {
width: 19%;
display: flex;
justify-content: center;
align-items: center;
margin-left: 3%;
&_span1 {
color: #2cabe3;
font-family: PingFang SC;
font-weight: 400;
font-size: 14px;
}
&_echar1 {
width: 50%;
height: 88px;
margin-left: -30px;
}
}
&_text2 {
width: 19%;
display: flex;
justify-content: center;
align-items: center;
&_span2 {
color: #71d875;
font-family: PingFang SC;
font-weight: 400;
font-size: 14px;
}
&_echar2 {
width: 50%;
height: 88px;
margin-left: -30px;
}
}
&_text3 {
width: 19%;
display: flex;
justify-content: center;
align-items: center;
&_span3 {
color: #f35e77;
font-family: PingFang SC;
font-weight: 400;
font-size: 14px;
}
&_echar3 {
width: 50%;
height: 85px;
margin-left: -30px;
}
}
&_text4 {
width: 19%;
display: flex;
justify-content: center;
align-items: center;
&_span4 {
color: #ffb321;
font-family: PingFang SC;
font-weight: 400;
font-size: 14px;
}
&_echar4 {
width: 50%;
height: 88px;
margin-left: -30px;
}
}
&_text5 {
width: 19%;
display: flex;
justify-content: center;
align-items: center;
&_span5 {
color: #c05ef3;
font-family: PingFang SC;
font-weight: 400;
font-size: 14px;
}
&_echar5 {
width: 50%;
height: 88px;
margin-left: -30px;
}
}
}
}
// 没有数据
&_nodata {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
text-align: center;
&_img {
display: flex;
justify-content: center;
align-content: center;
text-align: center;
img {
width: 115px;
height: 102px;
}
}
&_text {
font-size: 18px;
font-family: PingFang SC;
font-weight: 400;
color: #abafb3;
}
}
}
.outpatientDetails_fenqu {
height: 35%;
margin-bottom: 10;
}
}
input[type="radio" i] {
width: 16px;
height: 16px;
}
.outpatientDetails {
&_bottom {
&_rght1 {
width: 98%;
height: 100%;
border: 1px solid #f4f4f4;
border-radius: 4px;
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
padding: 0 10px;
&_top {
height: 24%;
width: 100%;
border-bottom: 3px solid #eef8fd;
&_title {
width: 98px;
height: 21px;
line-height: 21px;
text-align: start;
padding-left: 10px;
// background-color: #2cabe3;
background-image: url("../assets/img/bj.png");
background-repeat: no-repeat;
margin: 5px 1px;
background-size: 100% 21px;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #ffffff;
}
&_mes {
width: 100%;
height: 80%;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
&_span1 {
width: 30%;
height: 36px;
display: flex;
align-items: center;
padding-left: 5px;
background: #f6f6f8;
font-size: 16px;
font-family: PingFang SC;
font-weight: 400;
color: #5d5d5d;
margin-bottom: 5px;
cursor: pointer; /*鼠标移上有小手*/
}
&_span1background {
background: #d9f0fa;
}
&_span2 {
width: 101px;
height: 36px;
display: flex;
align-items: center;
padding-left: 10px;
background: #f6f6f8;
font-size: 16px;
font-family: PingFang SC;
font-weight: 400;
color: #5d5d5d;
margin-right: 5px;
}
&_span3 {
width: 101px;
height: 36px;
display: flex;
align-items: center;
padding-left: 10px;
background: #f6f6f8;
font-size: 16px;
font-family: PingFang SC;
font-weight: 400;
color: #5d5d5d;
margin-right: 5px;
}
&_span4 {
width: 101px;
height: 36px;
display: flex;
align-items: center;
padding-left: 10px;
background: #f6f6f8;
font-size: 16px;
font-family: PingFang SC;
font-weight: 400;
color: #5d5d5d;
}
}
}
&_bottom {
height: 75%;
width: 100%;
overflow-y: scroll;
&_li {
width: 100%;
height: 25%;
cursor: pointer; /*鼠标移上有小手*/
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-around;
border-bottom: 3px solid #eef8fd;
&_title {
width: 50px;
height: 25px;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #ffffff;
border-radius: 3px;
}
&_cont {
font-size: 16px;
font-family: PingFang SC;
font-weight: 400;
color: #5d5d5d;
text-align: start;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 97%;
}
}
&_liInd {
background: #f3fafd;
}
}
}
}
}
}
</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