Skip to content

V
vue-composition-api
Commit 54db291e by 唐玉峰
Options

加苹果费用页面

parent dbb830d3
Showing with 2326 additions and 0 deletions
src/router/index.js
......@@ -62,6 +62,12 @@ const router = new Router({
name: "medicalRecordImport",
component: (resolve) => require(["@/views/medicalRecordImport.vue"], resolve),
},
{
path: "/outpatientDetails_pingguo",
name: "outpatientDetails",
component: (resolve) => require(["@/views/outpatientDetails_pingguo.vue"], resolve),
},
],
// mode: 'history' /*hash*/ /*不显示路由中的#*/
});
......
src/views/outpatientDetails_pingguo.vue 0 → 100644
<!--
* @Author: wsq
* @Date: 2022-04-22 15:20:58
* @LastEditors: wsq
* @LastEditTime: 2022-07-22 10:09:29
* @Description:
-->
<template>
<!-- 患者详情页 -->
<div class="outpatientDetails">
<div class="outpatientDetails_top">
<div class="outpatientDetails_top_div1">
<span class="span1">患者信息</span>
<div>
<el-button class="outpatientDetails_top_div1_button" type="primary" size="mini" @click="gosear"> 疾病分组查询 </el-button>
<el-button class="outpatientDetails_top_div1_button" size="mini" type="primary" @click="topage">病案质控</el-button>
<el-button class="outpatientDetails_top_div1_button" type="primary" size="mini" @click="getControl">医嘱质控</el-button>
</div>
</div>
<div class="outpatientDetails_top_message">
<div class="outpatientDetails_top_message_left" style="width: 12%">
<span class="outpatientDetails_top_message_left_tu1"> <img src="../assets/img/peo.png" alt="" /></span>
<div class="outpatientDetails_top_message_left_t1">
姓名:<span>{{ HistoryInfo.name }}</span>
</div>
</div>
<div class="outpatientDetails_top_message_left" style="width: 13%">
<span class="outpatientDetails_top_message_left_tu1"> <img src="../assets/img/peo.png" alt="" /></span>
<div class="outpatientDetails_top_message_left_t1">
住院号:<span>{{ HistoryInfo.id }}</span>
</div>
</div>
<div class="outpatientDetails_top_message_centert" style="width: 11%">
<span class="outpatientDetails_top_message_centert_tu2"><img src="../assets/img/ka.png" alt="" /></span>
<div class="outpatientDetails_top_message_centert_t2">
住院次数:<span>{{ HistoryInfo.a49 }}</span>
</div>
</div>
<div class="outpatientDetails_top_message_centert" style="width: 13%">
<span class="outpatientDetails_top_message_centert_tu2"><img src="../assets/img/ka.png" alt="" /></span>
<div class="outpatientDetails_top_message_centert_t2">
实际住院天数:<span>{{ HistoryInfo.b20 }}</span>
</div>
</div>
<div class="outpatientDetails_top_message_right">
<span class="outpatientDetails_top_message_right_tu3"><img src="../assets/img/qian.png" alt="" /></span>
<div class="outpatientDetails_top_message_right_t3">
医疗付费方式:<span>{{ HistoryInfo.paymentType }}</span>
</div>
</div>
<div class="outpatientDetails_top_message_low">
<span class="outpatientDetails_top_message_low_tu4"><img src="../assets/img/daoru.png" alt="" /></span>
<div class="outpatientDetails_top_message_low_t4">
分组类型:<span>{{ HistoryInfo.disNature }}</span>
</div>
</div>
<div class="outpatientDetails_top_message_div6">
<span class="outpatientDetails_top_message_div6_tu6"><img src="../assets/img/lx2.png" alt="" /></span>
<div class="outpatientDetails_top_message_div6_t6">
病人类型:<span>{{ HistoryInfo.patientType }}</span>
</div>
</div>
<div class="outpatientDetails_top_message_div5">
<span class="outpatientDetails_top_message_div5_tu5"><img src="../assets/img/je.png" alt="" /></span>
<div class="outpatientDetails_top_message_div5_t5">
自费占比:<span>{{ HistoryInfo.ownProportion != undefined ? decimal(HistoryInfo.ownProportion) + "%" : "" }}</span>
</div>
</div>
</div>
</div>
<div class="outpatientDetails_msg">
<span class="outpatientDetails_msg_tu4"><img src="../assets/img/zu.png" alt="" /></span>
<!-- <span>分组:{{ HistoryInfo.doctorName }}</span> -->
<span>分组编码:{{ HistoryInfo.coreCode }}</span>
<span :title="HistoryInfo.coreName">分组名称:{{ HistoryInfo.coreName }}</span>
<span>基准点数:{{ decimal(HistoryInfo.rw) }}</span>
<span>预计DRG支付费用:{{ decimal(HistoryInfo.actualfee) }}</span>
<span>总费用:{{ decimal(HistoryInfo.totalFee) }}</span>
<span>预计盈亏:{{ decimal(HistoryInfo.profitLoss) }}</span>
<!-- <span>院内历年平均费用:{{ decimal(HistoryInfo.avgFee) }}</span>
<span>院内历年平均住院天数:{{ decimal(HistoryInfo.days) }}</span> -->
</div>
<div class="outpatientDetails_fenqu" v-if="lowMagnification != 0 && 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: totalwidth - 1 + '%', color: totalcolor }">{{
decimal(HistoryInfo.totalFee)
}}</span>
<span
class="outpatientDetails_fenqu_di_bb_div1_he"
:style="{
marginLeft: totalwidth + '%',
backgroundColor: totalcolor,
}"
></span>
</div>
<div class="outpatientDetails_fenqu_di_bb_div2">
<span class="outpatientDetails_fenqu_di_bb_div2_span1" :style="{ width: lowwidth + '%' }"
><span class="outpatientDetails_fenqu_di_bb_div2_span1_t1" :title="'低倍率区域：&lt;=' + Math.round(lowMagnification)"
>低倍率区域：&lt;={{ Math.round(lowMagnification) }}</span
></span
>
<span class="outpatientDetails_fenqu_di_bb_div2_span2" :style="{ width: contentwidth + '%' }"
><span
class="outpatientDetails_fenqu_di_bb_div2_span2_t2"
:title="'正常区域：' + (Math.round(lowMagnification) + 1) + '~' + (Math.round(highMagnification) - 1)"
>正常区域：{{ Math.round(lowMagnification) + 1 + "~" + (Math.round(highMagnification) - 1) }}</span
></span
>
<span class="outpatientDetails_fenqu_di_bb_div2_span3" :style="{ width: heightwidth + '%' }"
><span class="outpatientDetails_fenqu_di_bb_div2_span3_t3" :title="'高倍率区域：>=' + Math.round(highMagnification)"
>高倍率区域：>={{ Math.round(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 class="outpatientDetails_title">
<span>费用分类</span>
</div> -->
<div class="outpatientDetails_bottom" :style="{ height: bottomheight }">
<!-- 有数据 -->
<div class="outpatientDetails_bottom_leftShowBox">
<div class="outpatientDetails_bottom_leftShowBox_left">
<div class="outpatientDetails_bottom_leftShowBox_left_btbox">费用分类</div>
<el-table
ref="monthlyPlanTable"
:data="tableData1"
style="width: 100%"
height="94%"
row-key="id"
size="small"
:default-expand-all="false"
:highlight-current-row="true"
:tree-props="{
children: 'inpat_FeeDatas',
hasChildren: 'hasChildren',
}"
@row-click="eowclick"
@expand-change="changeRowClick"
>
<el-table-column prop="iteM_TYPE" label="项目名称" width="110" header-align="center" align="center"> </el-table-column>
<el-table-column prop="totalFee" label="总金额(小计)" width="80" header-align="center" align="right">
<template slot-scope="scope">
{{ decimal(scope.row.totalFee) }}
</template>
</el-table-column>
<el-table-column prop="proportion" label="占总费用(比例)" width="90" header-align="center" align="right">
<template slot-scope="scope">
{{ scope.row.proportion != undefined ? decimal(scope.row.proportion) + "%" : "" }}
</template>
</el-table-column>
<el-table-column prop="coreTotalFee" label="预计DRG设定费用(参考)" width="100" header-align="center" align="right">
<template slot-scope="scope">
{{ decimal(scope.row.coreTotalFee) }}
</template>
</el-table-column>
<el-table-column prop="coreProportion" label="设定费用比例(参考)" width="100" header-align="center" align="center">
<template slot-scope="scope">
{{ scope.row.coreProportion != undefined ? decimal(scope.row.coreProportion) + "%" : "" }}
</template>
</el-table-column>
</el-table>
</div>
<!-- 中间有数据样式 表格-->
<div class="outpatientDetails_bottom_leftShowBox_right" v-if="tableData.length !== 0">
<div class="outpatientDetails_bottom_leftShowBox_right_treebtn">
<span
v-for="(item, ind) in btnoptions"
:key="ind"
class="outpatientDetails_bottom_leftShowBox_right_treebtn_span"
:class="{
outpatientDetails_bottom_leftShowBox_right_treebtn_span1: ind == btnspanind,
}"
@click="treebtn(item.value, ind)"
>{{ item.title }}</span
>
</div>
<el-table
:data="tableData"
border
size="medium"
style="width: 98%; margin: 0 10px"
:default-sort="{ prop: 'date', order: 'descending' }"
:row-class-name="tableRowClassName"
height="92%"
>
<el-table-column label="开单日期" prop="chargeTime"></el-table-column>
<el-table-column label="项目编码" prop="iteM_CODE"></el-table-column>
<el-table-column label="项目名称" prop="iteM_NAME"></el-table-column>
<el-table-column label="单价" prop="unitprice">
<template slot-scope="scope">
{{ decimal(scope.row.unitprice) }}
</template>
</el-table-column>
<el-table-column label="数量" prop="quantity"></el-table-column>
<el-table-column label="金额" prop="fee">
<template slot-scope="scope">
{{ decimal(scope.row.fee) }}
</template>
</el-table-column>
<!-- <el-table-column label="支付类型" prop="carD_TYPE"></el-table-column> -->
</el-table>
</div>
<!-- 中间表格无数据 -->
<div class="outpatientDetails_bottom_leftShowBox_right" v-else>
<div class="outpatientDetails_bottom_leftShowBox_right_treebtn">
<span
v-for="(item, ind) in btnoptions"
:key="ind"
class="outpatientDetails_bottom_leftShowBox_right_treebtn_span"
:class="{
outpatientDetails_bottom_leftShowBox_right_treebtn_span1: ind == btnspanind,
}"
@click="treebtn(item.value, ind)"
>{{ item.title }}</span
>
</div>
<div class="outpatientDetails_bottom_leftShowBox_right_box">
<img class="outpatientDetails_bottom_leftShowBox_right_box_img" src="../assets/img/nodata.png" alt="" />
<div class="outpatientDetails_bottom_leftShowBox_right_box_text">暂无数据</div>
</div>
</div>
</div>
<!-- 表格无数据样式 -->
<!-- <div class="outpatientDetails_bottom_leftShowBox" v-else>
<div class="outpatientDetails_bottom_leftShowBox_box">
<img
class="outpatientDetails_bottom_leftShowBox_box_img"
src="../assets/img/nodata.png"
alt=""
/>
<div class="outpatientDetails_bottom_leftShowBox_box_text">
暂无数据
</div>
</div>
</div> -->
<!-- 右侧有数据 -->
<div class="outpatientDetails_bottom_rght2">
<div class="outpatientDetails_bottom_rght2_top">
<div class="outpatientDetails_bottom_rght2_top_title">异常问题</div>
<div class="outpatientDetails_bottom_rght2_top_mes">
<span
class="outpatientDetails_bottom_rght2_top_mes_span1"
:class="{
outpatientDetails_bottom_rght2_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_rght2_top_mes_span2">检查：<span style="color: #3ad330">0</span></span>
<span class="outpatientDetails_bottom_rght2_top_mes_span3">治疗：<span style="color: #2aaae2">0</span></span>
<span class="outpatientDetails_bottom_rght2_top_mes_span4">其他：<span style="color: red">0</span></span> -->
</div>
</div>
<div class="outpatientDetails_bottom_rght2_bottom">
<div
class="outpatientDetails_bottom_rght2_bottom_li"
:class="{
outpatientDetails_bottom_rght2_bottom_liInd: ind == liInd,
}"
v-for="(item, ind) in options"
:key="ind"
@click="getruleId(item.ruleId, ind)"
>
<span v-show="item.projectRuleLevel == '禁止'" class="outpatientDetails_bottom_rght2_bottom_li_title" style="background: red">{{
item.projectRuleLevel
}}</span>
<span v-show="item.projectRuleLevel == '提示'" class="outpatientDetails_bottom_rght2_bottom_li_title" style="background: #2aaae2">{{
item.projectRuleLevel
}}</span>
<span v-show="item.projectRuleLevel == '警告'" class="outpatientDetails_bottom_rght2_bottom_li_title" style="background: #e9c621">{{
item.projectRuleLevel
}}</span>
<el-tooltip placement="bottom" trigger="hover">
<template #content>{{ item.notes }} </template>
<span class="outpatientDetails_bottom_rght2_bottom_li_cont">{{ item.notes }}</span>
</el-tooltip>
</div>
</div>
</div>
</div>
<!--无数据 -->
<!-- <div class="outpatientDetails_bottom" v-if="goods.length == 0">
<div class="outpatientDetails_bottom_box">
<img class="outpatientDetails_bottom_box_img" src="../assets/img/nodata.png" alt="" />
<div class="outpatientDetails_bottom_box_text">暂无数据</div>
</div>
</div> -->
<!-- 弹出层 -->
<el-dialog center :visible.sync="addrecordEnrollmentShow" :before-close="closeDialog" class="fullscreen" :fullscreen="true">
<!-- 病案分组 -->
<div class="outaddrecordEnrollment" id="outaddrecordEnrollment">
<div class="outaddrecordEnrollment_search">
<div class="outaddrecordEnrollment_search_div1">
<span class="outaddrecordEnrollment_search_div1_span1"><span style="color: red">*</span> 主诊断:</span>
<el-select
class="outaddrecordEnrollment_search_div1_inp1"
v-model="outaddsearchForm.diagName"
filterable
remote
reserve-keyword
placeholder="请输入主诊断"
:remote-method="remoteMethod"
size="mini"
clearable
>
<el-option v-for="item in zdoptions" :key="item.name" :label="item.name" :value="item.name" />
</el-select>
<span class="outaddrecordEnrollment_search_div1_span2">其他诊断:</span>
<el-select
class="outaddrecordEnrollment_search_div1_inp2"
v-model="otdiagName"
multiple
collapse-tags
collapse-tags-tooltip
filterable
remote
reserve-keyword
placeholder="请输入其他诊断"
:remote-method="otremoteMethod"
size="mini"
clearable
>
<el-option v-for="item in otzdoptions" :key="item.name" :label="item.name" :value="item.name" />
</el-select>
<span class="outaddrecordEnrollment_search_div1_span3">年龄:</span>
<el-input v-model="ageinput" placeholder="请输入年龄" class="outaddrecordEnrollment_search_div1_inp3" size="mini" />&nbsp;岁
<span class="outaddrecordEnrollment_search_div1_span4">ICU总时长:</span>
<el-input v-model="icuinput" placeholder="请输入ICU总时长" class="outaddrecordEnrollment_search_div1_inp4" size="mini" />&nbsp;分钟
<span class="outaddrecordEnrollment_search_div1_span5">
<el-button size="mini" type="primary" @click="addsearch">查询</el-button>
</span>
</div>
<div class="outaddrecordEnrollment_search_div2">
<span class="outaddrecordEnrollment_search_div2_span1">主手术:</span>
<el-select
class="outaddrecordEnrollment_search_div2_inp1"
v-model="outaddsearchForm.opsName"
filterable
remote
reserve-keyword
placeholder="请输入主手术"
:remote-method="ssremoteMethod"
size="mini"
clearable
>
<el-option v-for="item in ssoptions" :key="item.name" :label="item.name" :value="item.name" />
</el-select>
<span class="outaddrecordEnrollment_search_div2_span2">其他手术:</span>
<el-select
class="outaddrecordEnrollment_search_div2_inp2"
v-model="otopsName"
multiple
collapse-tags
collapse-tags-tooltip
filterable
remote
reserve-keyword
placeholder="请输入其他手术"
:remote-method="otssremoteMethod"
size="mini"
clearable
>
<el-option v-for="item in otssoptions" :key="item.name" :label="item.name" :value="item.name" />
</el-select>
<span class="outaddrecordEnrollment_search_div2_span3">新生儿年龄:</span>
<el-input v-model="ageinput2" placeholder="请输入新生儿年龄" class="outaddrecordEnrollment_search_div2_inp3" size="mini" />&nbsp;天
<span class="outaddrecordEnrollment_search_div2_span4">离院方式:</span>
<el-select v-model="leavevalue" placeholder="请选择离院方式" size="mini" class="outaddrecordEnrollment_search_div2_inp4">
<el-option v-for="item in leaveoptions" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</div>
<div class="outaddrecordEnrollment_search_div3">
<span class="outaddrecordEnrollment_search_div3_span1">性别:</span>
<el-radio-group v-model="sexvalue">
<el-radio v-for="item in sexoptions" :key="item.value" :label="item.value" size="small">{{ item.label }}</el-radio>
</el-radio-group>
</div>
</div>
<div class="outaddrecordEnrollment_centent">
<div class="outaddrecordEnrollment_centent_totalnum" v-for="(item, index) in addCorePercents" :key="index">
<div class="outaddrecordEnrollment_centent_totalnum_left">
<div class="outaddrecordEnrollment_centent_totalnum_left_text1">
<span>分组编码：{{ item.code }}</span>
<span>分组名称：{{ item.coreName }}</span>
<span>基准点数：{{ item.score }}</span>
</div>
<div class="outaddrecordEnrollment_centent_totalnum_left_text3">
<span>预计DRG支付费用：{{ item.unitfee }}</span> <span>分组类型：{{ item.disNature }}</span>
</div>
</div>
<!-- <div class="outaddrecordEnrollment_centent_totalnum_right">
<div :id="`indexChart11` + index" class="outaddrecordEnrollment_centent_totalnum_right_echar1"></div>
<div :id="`indexChart11two` + index" class="outaddrecordEnrollment_centent_totalnum_right_echar2"></div>
<div :id="`indexChart11tree` + index" class="outaddrecordEnrollment_centent_totalnum_right_echar3"></div>
<div :id="`indexChart11fore` + index" class="outaddrecordEnrollment_centent_totalnum_right_echar4"></div>
<div :id="`indexChart11file` + index" class="outaddrecordEnrollment_centent_totalnum_right_echar5"></div>
</div> -->
</div>
<div v-show="addnolistShow" class="outaddrecordEnrollment_centent_nodata">
<div class="outaddrecordEnrollment_centent_nodata_img">
<img src="../assets/img/nodata.png" alt="" />
</div>
<div class="outaddrecordEnrollment_centent_nodata_text">暂无数据</div>
</div>
</div>
<div class="outaddrecordEnrollment_pagination"></div>
</div>
</el-dialog>
</div>
</template>
<script>
import http from "../utils/http";
import { initEcharts, categoryChart, categoryChart11 } from "../utils/echarts";
import { decimal } from "../utils/decimal";
import { Message } from "element-ui";
import { setItem, getItem } from "../utils/auth";
import { Loading } from "element-ui";
export default {
name: "outpatientDetails",
data() {
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)",
},
//疾病查询
addrecordEnrollmentShow: false,
outaddsearchForm: {
diagName: "",
opsName: "",
},
addCorePercents: [],
addnolistShow: true, //没有搜索数据的时候显示
addgroupList: [], //主诊断
addgroupArr: [],
addgroupList2: [], //主手术
addgroupArr2: [],
addrecordEnrollmentShow: false,
// 性别选择器
sexoptions: [
{
label: "未知",
value: "0",
},
{
label: "男",
value: "1",
},
{
label: "女",
value: "2",
},
],
//离院方式选择器
leaveoptions: [
{
label: "医嘱离院",
value: "1",
},
{
label: "医嘱转院",
value: "2",
},
{
label: "医嘱转社区卫生服务机构/乡镇卫生院",
value: "3",
},
{
label: "非医嘱离院",
value: "4",
},
{
label: "死亡",
value: "5",
},
{
label: "其他",
value: "9",
},
],
//性别输入框
sexvalue: "0",
//年龄 岁
ageinput: "0",
//年龄 天
ageinput2: "0",
//icu时长
icuinput: "0",
//离院方式
leavevalue: "1",
otdiagName: "", //其他诊断
otopsName: "", //其他手术
zdoptions: [], //诊断的数据
otzdoptions: [], //其他诊断数据
ssoptions: [], //主手术
otssoptions: [], //其他手术
diagList: [], //诊断
opsList: [], //手术
myTimer: null,
};
},
mounted() {
this.$nextTick(() => {
window.addEventListener("mouseover", this.myTimeOut);
});
this.myTimeOut();
this.GetProjectRulesData();
this.getHistoryInfo();
this.getlefttable();
},
methods: {
myTimeOut() {
console.log(1);
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;
},
//查询
addsearch() {
//诊断
if (this.otdiagName.length > 0 && this.outaddsearchForm.diagName) {
this.diagList.push({
diagCode: this.outaddsearchForm.diagName,
diagOrder: "0",
});
this.otdiagName.forEach((i) => {
this.diagList.push({
diagCode: i,
diagOrder: "1",
});
});
} else if (this.outaddsearchForm.diagName) {
this.diagList.push({
diagCode: this.outaddsearchForm.diagName,
diagOrder: "0",
});
} else if (this.otdiagName.length > 0) {
this.otdiagName.forEach((i) => {
this.diagList.push({
diagCode: i,
diagOrder: "1",
});
});
}
// 手术
if (this.otopsName.length > 0 && this.outaddsearchForm.opsName) {
this.opsList.push({
opsCode: this.outaddsearchForm.opsName,
diagOrder: "0",
});
this.otopsName.forEach((i) => {
this.opsList.push({
opsCode: i,
diagOrder: "1",
});
});
} else if (this.outaddsearchForm.opsName) {
this.opsList.push({
opsCode: this.outaddsearchForm.opsName,
diagOrder: "0",
});
} else if (this.otopsName.length > 0) {
this.otopsName.forEach((i) => {
this.opsList.push({
opsCode: i,
diagOrder: "1",
});
});
}
this.addgetlist();
},
//获取列表数据
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, // 手术集合
})
.then((data) => {
this.addCorePercents = data;
if (this.addCorePercents.length == 0) {
this.addnolistShow = true;
} else {
this.addnolistShow = false;
}
// 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 = []);
// }
})
.catch((error) => {});
},
//清空输入框的值时触发
addclear() {
this.addCorePercents = [];
this.addnodataShow = true;
},
//关闭弹层前的回调
closeDialog() {
this.addrecordEnrollmentShow = false;
this.outaddsearchForm = {
diagName: "",
opsName: "",
};
(this.otdiagName = []), (this.otopsName = []), this.addclear();
},
//获取诊断数据
remoteMethod(query) {
if (query) {
http.post(`/medical/get/GetDiagOpss?diagName=${query}&type=${1}`, {})
.then((data) => {
this.zdoptions = data;
})
.catch((error) => {});
} else {
this.zdoptions = [];
}
},
//获取其他诊断数据
otremoteMethod(query) {
if (query) {
http.post(`/medical/get/GetDiagOpss?diagName=${query}&type=${1}`, {})
.then((data) => {
this.otzdoptions = data;
})
.catch((error) => {});
} else {
this.zdoptions = [];
}
},
//获取主手术，其他手术的数据
ssremoteMethod(query) {
if (query) {
http.post(`/medical/get/GetDiagOpss?diagName=${query}&type=${2}`, {})
.then((data) => {
this.ssoptions = data;
})
.catch((error) => {});
} else {
this.zdoptions = [];
}
},
//获取其他手术的数据
otssremoteMethod(query) {
if (query) {
http.post(`/medical/get/GetDiagOpss?diagName=${query}&type=${2}`, {})
.then((data) => {
this.otssoptions = data;
})
.catch((error) => {});
} else {
this.zdoptions = [];
}
},
////
decimal,
topage() {
http.get(`/medical/get/JumpHisRules?id=${this.$route.query.id}`, {})
.then((data) => {
window.open(data.message);
})
.catch((error) => {});
},
//表格颜色
tableRowClassName({ row }) {
if (row.rowIndex % 2 == 0) {
return "isverifyStyle";
} else {
return "";
}
},
//当某一个行被点击时
eowclick(row) {
if (this.tableData1 != []) {
this.getInpatFeesByREGCODE(row.types);
this.Lefttype = row.types;
}
},
//获取左侧表格数据
getlefttable() {
http.post(`/medical/Post/getHisStaChargeType?code=${this.$route.query.id}`, {})
.then((data) => {
this.tableData1 = data;
if (this.tableData1 != []) {
eowclick(this.tableData1[0]);
//默认高亮第一行
this.$nextTick(() => {
this.$refs.monthlyPlanTable.setCurrentRow(this.tableData1[0]);
});
}
//中间的表格默认展示第一条数据
})
.catch((error) => {});
},
//当行展开和关闭是触发
changeRowClick(row) {
console.log("row-chang", row);
},
//异常问题接口 显示全部异常信息
GetProjectRulesData() {
http.post(`/medical/get/GetPRHisData?&code=${this.$route.query.id}`, {})
.then((data) => {
this.options = data.projectRules;
this.typeCountDatas = data.typeCountDatas;
if (data.typeCountDatas == null) {
this.showCountDatas = false;
}
if (data.projectRules == null) {
this.showbottom = false;
}
})
.catch((error) => {});
},
//点击异常分类 显示异常信息
gettype(name, ind) {
console.log("name", name);
this.showCountDatas = true;
this.showbottom = true;
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();
// this.typeCountDatas = data.typeCountDatas;
// if (data.typeCountDatas == null) {
// this.showCountDatas = false;
// }
if (data.projectRules == null) {
this.showbottom = false;
}
})
.catch((error) => {
loadingInstance2.close();
});
},
//疾病查询
//点击获取中间的表格数据
getruleId(ruleId, ind) {
http.post(`/medical/Post/GetiFHisByItemCode?code=${this.$route.query.id}&ruleId=${ruleId}`, {})
.then((data) => {
this.liInd = ind;
this.tableData = data;
})
.catch((error) => {});
},
//医嘱质控
getControl() {
http.post(`/global/post/SetCaseProjectRuleHis?id=${this.$route.query.id}`)
.then((data) => {
Message.success(data.message);
})
.catch((error) => {});
},
//获取患者信息数据
getHistoryInfo() {
http.post(`/medical/Get/getHisInfo?&code=${this.$route.query.id}`, {})
.then((data) => {
this.HistoryInfo = data;
this.dipid = data.id;
this.goods = data.inpat_FeeDatas;
this.lowMagnification = data.lowMagnification;
this.highMagnification = data.highMagnification;
// 高倍率>总费用 高倍率金额+高倍率金额*30%
if (data.highMagnification > data.totalFee) {
this.heightnum = data.highMagnification + data.highMagnification * 0.3;
console.log("this.heightnum", this.heightnum);
} else if (data.highMagnification < data.totalFee) {
// 高倍率<总费用 患者总费用的金额+患者总费用的金额*30%
this.heightnum = data.totalFee + data.totalFee * 0.3;
console.log("this.heightnum", this.heightnum);
}
// 低倍率宽度
this.lowwidth = Math.round((Math.round(data.lowMagnification) / Math.round(this.heightnum)) * 100);
// 高倍率宽度
this.heightwidth = Math.round(((Math.round(this.heightnum) - Math.round(data.highMagnification)) / Math.round(this.heightnum)) * 100);
// 正常倍率宽度
this.contentwidth = 100 - (this.lowwidth + this.heightwidth);
//总费用宽度
this.totalwidth = Math.round((Math.round(data.totalFee) / Math.round(this.heightnum)) * 100);
// 判断总费用显示的颜色
if (data.totalFee < data.lowMagnification) {
this.totalcolor = "#e9c622";
} else if (data.totalFee > data.lowMagnification && data.totalFee < data.highMagnification) {
this.totalcolor = "#22d016";
} else if (data.totalFee > data.highMagnification) {
this.totalcolor = "#ff7e00";
}
if (data.lowMagnification == 0 || data.highMagnification == 0) {
this.bottomheight = "80%";
} else if (data.lowMagnification != 0) {
this.bottomheight = "68%";
}
})
.catch((error) => {});
},
//点击中间三个按钮
treebtn(value, ind) {
this.btnspanind = ind;
this.btnvalue = value;
this.getInpatFeesByREGCODE(this.Lefttype);
},
//费用分类接口
getInpatFeesByREGCODE(types) {
var loadingInstance1 = Loading.service(this.loadingOption1);
http.post(`/medical/Get/getIFHisByREGCODE?&code=${this.$route.query.id}&state=${this.btnvalue}`, types)
.then((data) => {
this.tableData = data;
loadingInstance1.close();
})
.catch((error) => {
loadingInstance1.close();
});
},
scrollToFoods(index) {
// this.checkindex = index;
},
},
};
</script>
<style lang="scss">
@import "../styles/mixin.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 {
// height: calc(100% - 50px);
// background-color: white;
// padding: 20px;
// position: relative;
// overflow: hidden;
height: 850px;
background-color: white;
padding: 20px;
overflow: hidden;
position: relative;
&_top {
margin-bottom: 18px;
&_div1 {
display: flex;
justify-content: space-between;
align-items: center;
.span1 {
display: flex;
justify-content: start;
font-size: 14px;
color: #6a707e;
font-family: PingFang SC;
font-weight: 400;
}
&_button {
background-color: #2cabe3;
color: #fff;
}
}
&_message {
display: flex;
justify-content: space-between;
margin-top: 16px;
&_left {
width: 16.6%;
height: 51px;
display: flex;
justify-content: start;
align-items: center;
background-color: #f3fafd;
// .iconfont {
// color: #2cabe3;
// padding-left: 29px;
// font-size: 23px;
// }
&_tu1 {
padding-left: 29px;
font-size: 23px;
}
&_t1 {
width: 80%;
height: 42px;
display: flex;
justify-content: start;
padding-left: 10px;
align-items: center;
background-color: #fff;
color: #abafb3;
font-size: 14px;
margin-left: 29px;
span {
color: #787e8a;
}
}
}
&_centert {
width: 16.6%;
height: 51px;
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: 29px;
font-size: 23px;
}
&_t2 {
width: 80%;
height: 42px;
display: flex;
justify-content: start;
padding-left: 10px;
align-items: center;
background-color: #fff;
color: #abafb3;
font-size: 14px;
margin-left: 29px;
span {
color: #787e8a;
}
}
}
&_right {
width: 16.6%;
height: 51px;
display: flex;
justify-content: start;
align-items: center;
background-color: #f3fafd;
font-family: PingFang SC;
&_tu3 {
padding-left: 29px;
font-size: 23px;
}
&_t3 {
width: 80%;
height: 42px;
display: flex;
justify-content: start;
padding-left: 10px;
align-items: center;
background-color: #fff;
color: #abafb3;
font-size: 14px;
margin-left: 29px;
span {
color: #787e8a;
}
}
}
&_low {
width: 16.6%;
height: 51px;
display: flex;
justify-content: start;
align-items: center;
background-color: #f3fafd;
font-family: PingFang SC;
&_tu4 {
padding-left: 29px;
font-size: 23px;
}
&_t4 {
width: 80%;
height: 42px;
display: flex;
justify-content: start;
padding-left: 10px;
align-items: center;
background-color: #fff;
color: #abafb3;
font-size: 14px;
margin-left: 29px;
span {
color: #787e8a;
}
}
}
&_div6 {
width: 16.6%;
height: 51px;
display: flex;
justify-content: start;
align-items: center;
background-color: #f3fafd;
font-family: PingFang SC;
&_tu6 {
padding-left: 29px;
font-size: 23px;
}
&_t6 {
width: 80%;
height: 42px;
display: flex;
justify-content: start;
padding-left: 10px;
align-items: center;
background-color: #fff;
color: #abafb3;
font-size: 14px;
margin-left: 29px;
span {
color: #787e8a;
}
}
}
&_div5 {
width: 16.6%;
height: 51px;
display: flex;
justify-content: start;
align-items: center;
background-color: #f3fafd;
font-family: PingFang SC;
&_tu5 {
padding-left: 29px;
font-size: 23px;
}
&_t5 {
width: 80%;
height: 42px;
display: flex;
justify-content: start;
padding-left: 10px;
align-items: center;
background-color: #fff;
color: #abafb3;
font-size: 14px;
margin-left: 29px;
span {
color: #787e8a;
}
}
}
}
}
&_msg {
height: 51px;
background-color: #f3fafd;
display: flex;
justify-content: start;
align-items: center;
margin-bottom: 25px;
&_tu4 {
padding-left: 29px;
font-size: 23px;
}
span:nth-child(3) {
width: 250px;
height: 39px;
line-height: 39px;
background-color: #fff;
font-size: 14px;
color: #6d7381;
font-family: PingFang SC;
margin-right: 5px;
padding-left: 10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
span:nth-child(2) {
margin-left: 21px;
flex: 1;
height: 39px;
background-color: #fff;
font-size: 14px;
color: #6d7381;
display: flex;
justify-content: start;
font-family: PingFang SC;
margin-right: 5px;
padding-left: 10px;
align-items: center;
}
span:nth-child(4) {
flex: 1;
height: 39px;
background-color: #fff;
font-size: 14px;
color: #6d7381;
display: flex;
justify-content: start;
font-family: PingFang SC;
margin-right: 5px;
padding-left: 10px;
align-items: center;
}
span:nth-child(5) {
flex: 1;
height: 39px;
background-color: #fff;
font-size: 14px;
color: #6d7381;
display: flex;
align-items: center;
justify-content: start;
font-family: PingFang SC;
margin-right: 5px;
padding-left: 10px;
}
span:nth-child(6) {
flex: 1;
height: 39px;
background-color: #fff;
font-size: 14px;
color: #6d7381;
display: flex;
justify-content: start;
font-family: PingFang SC;
margin-right: 5px;
padding-left: 10px;
align-items: center;
}
span:nth-child(n + 7) {
flex: 1;
height: 39px;
background-color: #fff;
font-size: 14px;
color: #6d7381;
display: flex;
align-items: center;
font-family: PingFang SC;
padding-left: 10px;
margin-right: 5px;
}
span:nth-child(n + 7) {
margin-right: 5px;
}
}
&_fenqu {
width: 100%;
height: 12%;
margin-bottom: 10px;
background-color: #f3fafd;
display: flex;
justify-content: center;
align-items: center;
&_di {
width: 99%;
height: 85%;
background-color: white;
display: flex;
justify-content: center;
&_bb {
width: 98%;
height: 85%;
margin: 0 5px;
background-color: white;
display: flex;
flex-direction: column;
justify-content: space-around;
padding-top: 10px;
&_div1 {
width: 100%;
height: 18%;
// display: flex;
// flex-direction: column;
// align-items: flex-start;
&_num {
display: flex;
font-size: 12px;
font-family: PingFang SC;
}
&_he {
display: block;
width: 2px;
height: 10px;
}
}
&_div2 {
width: 100%;
height: 64%;
display: flex;
justify-content: center;
align-items: center;
&_span1 {
display: block;
// width: 33%;
height: 50%;
border-radius: 2px;
color: white;
font-size: 12px;
background-color: #e9c622;
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang SC;
&_t1 {
width: 90%;
height: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
padding-top: 10px;
}
&_t1:hover {
width: 90%;
}
}
&_span2 {
display: block;
// width: 33%;
height: 50%;
border-radius: 2px;
color: white;
font-size: 12px;
background-color: #22d016;
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang SC;
&_t2 {
width: 90%;
height: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
padding-top: 10px;
}
&_t2:hover {
width: 90%;
}
}
&_span3 {
display: block;
// width: 33%;
height: 50%;
border-radius: 2px;
color: white;
font-size: 12px;
background-color: #ff7e00;
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang SC;
&_t3 {
width: 90%;
height: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
padding-top: 10px;
}
&_t3:hover {
width: 90%;
}
}
}
&_div3 {
width: 100%;
height: 18%;
display: flex;
&_span1 {
display: flex;
height: 100%;
justify-content: start;
font-size: 12px;
font-family: PingFang SC;
color: #abafb3;
}
&_span2 {
display: flex;
height: 100%;
font-size: 12px;
font-family: PingFang SC;
color: #abafb3;
justify-content: start;
}
&_span3 {
display: flex;
height: 100%;
font-family: PingFang SC;
font-size: 12px;
color: #abafb3;
justify-content: space-between;
}
// &_span4 {
// display: flex;
// width: 25%;
// height: 100%;
// font-family: PingFang SC;
// padding-left: 383px;
// font-size: 12px;
// color: #abafb3;
// }
}
}
}
}
&_title {
background-image: url("../assets/img/dataMaintenance/title.png");
background-repeat: no-repeat;
display: flex;
justify-content: start;
align-items: center;
margin-bottom: 22px;
background-size: 100% 100%;
background-position: center;
height: 26px;
span {
color: #fff;
font-size: 13px;
font-family: PingFang SC;
font-weight: 500;
margin-left: 17px;
}
}
&_bottom {
display: flex;
justify-content: space-between;
height: 80%;
&_leftShowBox {
width: 78%;
height: 100%;
display: flex;
justify-content: space-between;
// 左侧无数据
&_box {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
&_img {
width: 155px;
height: 155px;
}
&_text {
font-size: 14px;
color: #6a707e;
}
}
// 有数据
&_left {
list-style-type: none;
width: 35%;
height: 98%;
overflow-y: auto;
border: 1px solid #f4f4f4;
border-radius: 4px;
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
&_btbox {
width: 98px;
height: 21px;
line-height: 21px;
text-align: start;
padding-left: 10px;
// background-color: #2cabe3;
background-image: url("../assets/img/bj.png");
margin: 5px 25px;
background-size: 100% 21px;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #ffffff;
background-repeat: no-repeat;
}
&_ul {
margin: 0;
padding-left: 0;
width: 100%;
.active {
display: flex;
justify-content: start;
width: 100%;
height: 100%;
background: linear-gradient(to right, #2cabe3, #57cafd);
color: #fff;
.fc2 {
width: 70%;
height: 100%;
display: flex;
align-items: center;
justify-items: center;
justify-content: flex-start;
padding-left: 3%;
.iconfont {
font-size: 20px;
}
}
.fc3 {
width: 30%;
height: 100%;
display: flex;
align-items: center;
justify-items: center;
justify-content: center;
padding-right: 3%;
}
}
}
li {
list-style-type: none;
width: 100%;
height: 56px;
display: flex;
justify-content: space-between;
align-items: center;
background-color: #f5f6fa;
margin-bottom: 21px;
font-size: 13px;
color: #6a707e;
cursor: pointer; /*鼠标移上有小手*/
div {
width: 98%;
height: 46px;
background-color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 13px;
font-family: "PingFang SC";
.sp1 {
width: 40%;
height: 100%;
display: flex;
align-items: center;
justify-items: center;
justify-content: flex-start;
padding-left: 3%;
font-family: "PingFang SC";
}
.sp2 {
width: 60%;
height: 100%;
display: flex;
align-items: center;
justify-items: center;
justify-content: flex-end;
padding-right: 3%;
font-family: "PingFang SC";
&_avg {
display: flex;
flex-direction: row;
align-items: center;
width: 50%;
justify-content: flex-end;
}
&_reto {
display: flex;
flex-direction: row;
align-items: center;
width: 50%;
justify-content: center;
}
}
}
}
}
&_right {
width: 64%;
height: 97%;
border: 1px solid #f4f4f4;
border-radius: 4px;
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
// 无数据样式
&_box {
width: 100%;
height: 500px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
&_img {
width: 100px;
height: 100px;
}
&_text {
font-size: 18px;
color: #6a707e;
font-family: PingFang SC;
font-weight: 400;
}
}
//中间有数据
&_treebtn {
display: flex;
justify-content: flex-start;
margin: 5px 10px 15px 10px;
&_span {
display: flex;
justify-content: center;
color: #5d5d5d;
width: 60px;
height: 21px;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
align-items: center;
align-content: center;
line-height: 21px;
background: #f3fafd;
cursor: pointer;
}
&_span1 {
background-color: #2cabe3;
color: #fff;
}
}
&_table {
height: calc(100% - 100px);
}
.isverifyStyle {
background-color: #f4f5f8;
}
.paginations {
text-align: right;
}
}
}
&_rght2 {
width: 20%;
height: 98%;
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-right: 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;
}
}
}
}
.fullscreen {
.el-dialog.is-fullscreen {
.el-dialog__body {
height: 91%;
}
}
}
.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: 400px;
}
&_span2 {
width: 70px;
display: flex;
justify-content: flex-end;
}
&_inp2 {
width: 500px;
}
&_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: 500px;
}
&_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;
display: flex;
align-items: center;
justify-content: space-around;
&_left {
flex: 1;
width: 50%;
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;
}
}
}
}
}
</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