Skip to content

V
vue-composition-api
Commit 4461e319 by 李承祥
Options

添加结算智能分组

parent 9a1441da
Showing with 1685 additions and 2 deletions
src/router/index.js
......@@ -58,6 +58,12 @@ const router = new Router({
name: 'outHistorygroupingnew',
component: outHistorygroupingnew
},
// 结算清单智能分组
{
path: '/outHistorygroupingsetl',
name: 'outHistorygroupingsetl',
component: (resolve) => require(['@/views/outHistorygroupingsetl.vue'], resolve)
},
//进入路径
{
path: '/Entrypath',
......@@ -76,8 +82,7 @@ const router = new Router({
},
{
path: '/clinicalPathMaintenance',
component: (resolve) =>
require(['@/views/clinicalPathMaintenance.vue'], resolve)
component: (resolve) => require(['@/views/clinicalPathMaintenance.vue'], resolve)
},
{
path: '/relationMapping',
......
src/views/outHistorygroupingsetl.vue 0 → 100644
<template>
<!-- 智能分组 -->
<div class="outsetgrouping" id="setGroupingbox">
<div class="outsetgrouping_button" style="margin-top: 15px">
<el-button class="outsetgrouping_button_Searchbtn" type="primary" size="mini" @click="gosear">
<span class="s2">疾病分组查询</span>
</el-button>
</div>
<div class="outsetgrouping_top">
<div class="outsetgrouping_top_message">
<div class="outsetgrouping_top_message_left">
<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">
<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">
<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">
<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 class="outsetgrouping_top_message_blow">
<span class="outsetgrouping_top_message_blow_tu7"
><img src="../assets/img/daoru.png" alt=""
/></span>
<div class="outsetgrouping_top_message_blow_t4">
分组类型:<span>{{ casehisObj ? casehisObj.drgs.disNature : '' }}</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/bianma.png" alt="" />
</span>
<div class="outsetgrouping_top2_message_left_t1">
分组编码:<span>{{ casehisObj ? casehisObj.drgs.code : '' }}</span>
</div>
</div>
<div class="outsetgrouping_top2_message_right">
<span class="outsetgrouping_top2_message_centert_tu5"
><img src="../assets/img/daoru.png" alt=""
/></span>
<div class="outsetgrouping_top2_message_centert_t2">
分组名称:<span>{{ casehisObj ? casehisObj.drgs.name : '' }}</span>
</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">
预计DIP支付费用:<span>{{ casehisObj ? decimal(casehisObj.drgs.actualfee) : '' }}</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.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>
</div>
<div class="outsetgrouping_top3"></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" style="padding-top: 15px">
<!-- <div class="outsetgrouping_centent_totalnum_left_radios">
<el-button
class="outsetgrouping_button_Submitbtn"
size="mini"
type="primary"
@click="submit(item.coreID)"
>
<span class="iconfont icon-ipr_tijiao"></span>
<span class="s2">分组提交</span>
</el-button>
</div> -->
<div class="outsetgrouping_centent_totalnum_left_text">
<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>预计DIP支付费用：{{ item.actualfee }}</span
><span>总费用：{{ decimal(item.totalFee) }}</span
><span>盈亏：{{ decimal(item.profitLoss) }}</span>
</div>
</div>
</div>
</div>
<div class="outsetgrouping_centent_totalnum_right">
<div
class="patientDetails_fenqu"
v-if="item.lowMagnification != 0 && item.highMagnification != 0"
>
<div class="patientDetails_fenqu_di">
<div class="patientDetails_fenqu_di_bb">
<div class="patientDetails_fenqu_di_bb_div1">
<span
class="patientDetails_fenqu_di_bb_div1_num"
:style="{
'margin-left': item.totalwidth - 1 + '%',
color: item.totalcolor
}"
>{{ decimal(casehisObj.totalFee) }}</span
>
<span
class="patientDetails_fenqu_di_bb_div1_he"
:style="{
marginLeft: item.totalwidth + '%',
backgroundColor: item.totalcolor
}"
></span>
</div>
<div class="patientDetails_fenqu_di_bb_div2">
<span
class="patientDetails_fenqu_di_bb_div2_span1"
:style="{ width: item.lowwidth + '%' }"
>
<span
class="patientDetails_fenqu_di_bb_div2_span1_t1"
:title="'低倍率区域：&lt;=' + Math.round(item.lowMagnification)"
>低倍率区域：&lt;={{ Math.round(item.lowMagnification) }}</span
>
</span>
<span
class="patientDetails_fenqu_di_bb_div2_span2"
:style="{ width: item.contentwidth + '%' }"
>
<span
class="patientDetails_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="patientDetails_fenqu_di_bb_div2_span3"
:style="{ width: item.heightwidth + '%' }"
>
<span
class="patientDetails_fenqu_di_bb_div2_span3_t3"
:title="'高倍率区域：>=' + Math.round(item.highMagnification)"
>
高倍率区域：>={{ Math.round(item.highMagnification) }}
</span>
</span>
</div>
<!-- <div class="patientDetails_fenqu_di_bb_div3">
<span class="patientDetails_fenqu_di_bb_div3_span1" :style="{ width: item.lowwidth + '%' }"> 0 </span>
<span class="patientDetails_fenqu_di_bb_div3_span2" :style="{ width: item.contentwidth + '%' }">
{{ Math.round(item.lowMagnification) }}
</span>
<span class="patientDetails_fenqu_di_bb_div3_span3" :style="{ width: item.heightwidth + '%' }">
<span class="patientDetails_fenqu_di_bb_div3_span2_nmm1">{{ Math.round(item.highMagnification) }}</span>
<span class="patientDetails_fenqu_di_bb_div3_span2_nmm2">{{ Math.round(heightnum) }}</span>
</span>
</div> -->
</div>
</div>
</div>
<!-- <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"
:before-close="closeDialog"
:fullscreen="true"
>
<diagList :code="casehisObj" :isshow="addrecordEnrollmentShow"></diagList>
</el-dialog>
</div>
</template>
<script>
import { decimal } from '../utils/decimal'
import http from '../utils/http'
import $ from 'jquery'
import { Message } from 'element-ui'
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, //医保手术编码集合
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: [] //手术
}
},
async mounted() {
this.getCaseHis(this.$route.query.id)
},
methods: {
decimal,
goback() {
this.$router.go(-1)
},
//疾病查询
gosear() {
this.addrecordEnrollmentShow = true
// this.outaddsearchForm = {
// diagName: this.casehisObj.c03C || "",
// };
// this.addsearch();
},
//获取基本数据
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(() => {})
},
//获取列表数据
getlist() {
http
.post(`/medical/get/GetCorePercents/setl`, {
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 != null && this.CorePercents.length > 0) {
const coreId = this.CorePercents[0].coreID
if (this.casehisObj != null && coreId !== this.casehisObj.drgs.coreid)
this.submit(coreId)
}
})
.catch(() => {})
},
//提交
submit(coreID) {
http
.post(`/medical/Update/casehisById?PatientId=${this.$route.query.id}&coreid=${coreID}`)
.then(() => {
// Message.success({
// message: `${data.message}`,
// type: 'success'
// })
this.getCaseHis(this.$route.query.id)
})
.catch(() => {})
},
//关闭弹层前的回调
closeDialog() {
this.addrecordEnrollmentShow = false
// this.outaddsearchForm = {
// diagName: "",
// opsName: "",
// };
// (this.otdiagName = []), (this.otopsName = []), this.addclear();
},
//清空输入框的值时触发
addclear() {
this.addCorePercents = []
this.addnodataShow = true
},
//获取诊断数据
remoteMethod(query) {
if (query) {
http
.post(`/medical/get/GetDiagOpss?diagName=${query}&type=${1}`, {})
.then((data) => {
this.zdoptions = data
})
.catch(() => {})
} else {
this.zdoptions = []
}
},
//获取其他诊断数据
otremoteMethod(query) {
if (query) {
http
.post(`/medical/get/GetDiagOpss?diagName=${query}&type=${1}`, {})
.then((data) => {
this.otzdoptions = data
})
.catch(() => {})
} else {
this.zdoptions = []
}
},
//获取主手术，其他手术的数据
ssremoteMethod(query) {
if (query) {
http
.post(`/medical/get/GetDiagOpss?diagName=${query}&type=${2}`, {})
.then((data) => {
this.ssoptions = data
})
.catch(() => {})
} else {
this.zdoptions = []
}
},
//获取其他手术的数据
otssremoteMethod(query) {
if (query) {
http
.post(`/medical/get/GetDiagOpss?diagName=${query}&type=${2}`, {})
.then((data) => {
this.otssoptions = data
})
.catch(() => {})
} else {
this.zdoptions = []
}
},
//查询
addsearch() {
//主诊断
if (this.outaddsearchForm.diagName) {
this.diagList.push({
diagCode: this.outaddsearchForm.diagName,
diagOrder: '0'
})
}
if (!this.outaddsearchForm.diagName) {
Message.warning('请输入主诊断')
return
}
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
}
this.diagList = []
this.opsList = []
// this.totalCount = data.totalCount;
// for (var i = 0; i < this.addCorePercents.length; i++) {
// this.$nextTick(() => {
// initEcharts(categoryChart(this.addCorePercents[i].drugPercent, "#2CABE3"), `indexChart${i}`);
// initEcharts(categoryChart(this.addCorePercents[i].materialsPercent, "#71D875"), `indexCharttwo${i}`);
// initEcharts(categoryChart(this.addCorePercents[i].inspectPercent, "#F35E77"), `indexCharttree${i}`);
// initEcharts(categoryChart(this.addCorePercents[i].testPercent, "#FFB321"), `indexChartfore${i}`);
// initEcharts(categoryChart(this.addCorePercents[i].otherPercent, "#C05EF3"), `indexChartfile${i}`);
// });
// (this.diagList = []), (this.opsList = []);
// }
})
.catch(() => {})
},
radios() {
let _this = this
$('input[type=radio][name=radios]').on('change', function () {
_this.radio = this.value
_this.coreID = _this.CorePercents.find((item) => item.id == this.value).coreID
console.log(_this.coreID)
console.log(this.value)
})
// console.log(e);
// this.radio = e.target.value;
// this.coreID = this.CorePercents.find((item) => item.id == e.target.value).coreID;
// console.log(this.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(() => {})
},
topage3() {
http
.get(`/medical/get/HisPatientInfo?regCode=${this.casehisObj.regCode}`, {})
.then((data) => {
window.open(data.message)
})
.catch(() => {})
}
}
}
</script>
<style lang="scss" scoped>
@import '../styles/mixin.scss';
// @import "../styles/outHistorygrouping.scss";
.outsetgrouping {
height: calc(100% - 20px);
background-color: white;
padding: 0px 20px 20px 20px;
overflow: hidden;
position: relative;
display: flex;
flex-flow: column;
&_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: 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: 25%;
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: 25%;
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;
// }
&_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;
}
}
}
&_blow {
width: 25%;
height: 51px;
display: flex;
justify-content: start;
align-items: center;
background-color: #f3fafd;
font-family: PingFang SC;
&_tu7 {
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;
}
}
}
}
}
&_top2 {
.span1 {
display: flex;
justify-content: start;
font-size: 14px;
color: #6a707e;
font-family: PingFang SC;
font-weight: 400;
}
&_message {
display: flex;
justify-content: start;
margin-top: 10px;
margin-bottom: 16px;
&_left {
width: 33%;
height: 51px;
display: flex;
justify-content: start;
align-items: center;
background-color: #f3fafd;
// .iconfont {
// color: #2cabe3;
// padding-left: 29px;
// font-size: 23px;
// }
&_tu4 {
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: 33%;
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;
// }
&_tu5 {
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: 33%;
height: 51px;
display: flex;
justify-content: start;
align-items: center;
background-color: #f3fafd;
font-family: PingFang SC;
&_tu6 {
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;
}
}
}
}
}
&_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;
flex: 1;
overflow-y: auto;
&_totalnum {
background-color: #fff;
margin: 12px;
display: flex;
flex-direction: column;
align-items: center;
&_left {
flex: 1;
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
&_radios {
width: 7%;
display: flex;
justify-content: center;
align-items: center;
}
&_text {
width: 93%;
display: flex;
flex-direction: column;
justify-content: center;
&_msg1 {
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;
padding: 5px 0;
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;
justify-content: center;
// padding-top: 10px;
&_text3 {
margin-top: 10px;
width: 100%;
display: flex;
justify-content: space-between;
span {
display: block;
padding: 5px 0;
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%;
display: flex;
justify-content: space-between;
span {
padding: 5px 0;
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;
&_img {
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%;
}
.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;
}
&_inp1 {
width: 400px;
}
&_span2 {
width: 70px;
display: flex;
justify-content: flex-end;
align-items: center;
}
&_inp2 {
width: 500px;
}
}
}
&_centent {
background-color: #f1f5f8;
height: 70vh;
overflow-y: auto;
&_totalnum {
// padding: 15px;
background-color: #fff;
margin: 12px;
display: flex;
align-items: center;
justify-content: space-around;
&_left {
flex: 1;
width: 50%;
padding: 5px 0;
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;
justify-content: start;
span {
width: 17%;
padding: 10px;
margin: 5px 10px;
background-color: #fff;
// display: flex;
// justify-content: start;
// align-items: center;
font-size: 14px;
padding-left: 10px;
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;
}
}
}
&_right {
width: 50%;
height: 132px;
display: flex;
justify-content: space-around;
&_echar1 {
width: 20%;
height: 132px;
}
&_echar2 {
width: 20%;
height: 132px;
}
&_echar3 {
width: 20%;
height: 132px;
}
&_echar4 {
width: 20%;
height: 132px;
}
&_echar5 {
width: 20%;
height: 132px;
}
}
}
// 没有数据
&_nodata {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
&_img {
img {
width: 115px;
height: 102px;
}
}
&_text {
font-size: 18px;
font-family: PingFang SC;
font-weight: 400;
color: #abafb3;
}
}
}
}
input[type='radio' i] {
width: 16px;
height: 16px;
}
.patientDetails_fenqu {
width: 100%;
// padding: 5px 10px;
// margin-bottom: 10px;
background-color: rgb(36, 91, 169, 0.1);
display: flex;
justify-content: center;
align-items: center;
&_di {
width: 100%;
padding: 10px 0 15px;
background-color: #ffff;
display: flex;
justify-content: center;
&_bb {
width: 100%;
margin: 0 10px;
background-color: #ffff;
display: flex;
flex-direction: column;
justify-content: center;
&_div1 {
&_num {
display: flex;
font-size: 12px;
}
&_he {
display: block;
width: 2px;
height: 10px;
}
}
&_div2 {
display: flex;
justify-content: center;
align-items: center;
&_span1 {
display: block;
line-height: 20px;
border-radius: 2px;
color: #ffff;
font-size: 12px;
background-color: #e9c622;
display: flex;
align-items: center;
justify-content: center;
&_t1 {
width: 90%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-top: 2px;
}
&_t1:hover {
width: 90%;
}
}
&_span2 {
display: block;
line-height: 20px;
border-radius: 2px;
color: #ffff;
font-size: 12px;
background-color: #22d016;
display: flex;
align-items: center;
justify-content: center;
&_t2 {
width: 90%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-top: 2px;
}
&_t2:hover {
width: 90%;
}
}
&_span3 {
display: block;
line-height: 20px;
border-radius: 2px;
color: #ffff;
font-size: 12px;
background-color: #ff7e00;
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang SC;
&_t3 {
width: 90%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-top: 2px;
}
&_t3:hover {
width: 90%;
}
}
}
&_div3 {
width: 100%;
height: 18%;
display: flex;
&_span1 {
display: flex;
height: 100%;
justify-content: start;
font-size: 12px;
color: #666;
}
&_span2 {
display: flex;
height: 100%;
font-size: 12px;
color: #666;
justify-content: start;
}
&_span3 {
display: flex;
height: 100%;
font-size: 12px;
color: #666;
justify-content: space-between;
}
}
}
}
}
}
</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