Skip to content

V
vue-composition-api
Commit 9a1441da by 唐玉峰
Options

Merge branch 'feature/贵州丹寨人民医院' of… 

Merge branch 'feature/贵州丹寨人民医院' of https://gitlab.suvalue.com/ninglupeng/vue-composition-api into feature/贵州丹寨人民医院
parents de1ebb16 0d072cc0
Showing with 2802 additions and 1413 deletions
src/router/index.js
......@@ -5,100 +5,103 @@
* @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";
import Vue from 'vue'
import Router from 'vue-router'
import outseeQualityControl from '@/views/outseeQualityControl.vue'
import outpatientDetails from '@/views/outpatientDetails.vue'
import outHistorygrouping from '@/views/outHistorygrouping.vue'
import outpatientDetailsnew from "@/views/outpatientDetailsnew.vue";
import outHistorygroupingnew from "@/views/outHistorygroupingnew.vue";
import outpatientDetailsnew from '@/views/outpatientDetailsnew.vue'
import outHistorygroupingnew from '@/views/outHistorygroupingnew.vue'
import outClinicalpathway from "@/views/outClinicalpathway.vue";
import Entrypath from "@/views/Entrypath.vue";
Vue.use(Router);
import outClinicalpathway from '@/views/outClinicalpathway.vue'
import Entrypath from '@/views/Entrypath.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
},
// 患者详情
{
path: "/outpatientDetailsnew",
name: "outpatientDetailsnew",
component: outpatientDetailsnew,
},
// 智能分组
{
path: "/outHistorygroupingnew",
name: "outHistorygroupingnew",
component: outHistorygroupingnew,
},
//进入路径
{
path: "/Entrypath",
name: "Entrypath",
component: Entrypath,
},
//临床路径外放页面
{
path: "/outClinicalpathway",
name: "outClinicalpathway",
component: outClinicalpathway,
},
{
path: "/test",
component: (resolve) => require(["@/views/test.vue"], resolve),
},
{
path: "/clinicalPathMaintenance",
component: (resolve) => require(["@/views/clinicalPathMaintenance.vue"], resolve),
},
{
path: "/relationMapping",
component: (resolve) => require(["@/views/relationMapping.vue"], resolve),
},
{
path: "/clinicalLog",
component: (resolve) => require(["@/views/clinicalLog.vue"], resolve),
},
{
path: "/patientinfo",
component: (resolve) => require(["@/views/patientinfo.vue"], resolve),
},
],
// mode: 'history' /*hash*/ /*不显示路由中的#*/
});
// 患者详情
{
path: '/outpatientDetailsnew',
name: 'outpatientDetailsnew',
component: outpatientDetailsnew
},
// 智能分组
{
path: '/outHistorygroupingnew',
name: 'outHistorygroupingnew',
component: outHistorygroupingnew
},
//进入路径
{
path: '/Entrypath',
name: 'Entrypath',
component: Entrypath
},
//临床路径外放页面
{
path: '/outClinicalpathway',
name: 'outClinicalpathway',
component: outClinicalpathway
},
{
path: '/test',
component: (resolve) => require(['@/views/test.vue'], resolve)
},
{
path: '/clinicalPathMaintenance',
component: (resolve) =>
require(['@/views/clinicalPathMaintenance.vue'], resolve)
},
{
path: '/relationMapping',
component: (resolve) => require(['@/views/relationMapping.vue'], resolve)
},
{
path: '/clinicalLog',
component: (resolve) => require(['@/views/clinicalLog.vue'], resolve)
},
{
path: '/patientinfo',
component: (resolve) => require(['@/views/patientinfo.vue'], resolve)
},
{
path: '/patientinfo2',
component: (resolve) => require(['@/views/patientinfo2.vue'], resolve)
}
]
// mode: 'history' /*hash*/ /*不显示路由中的#*/
})
//路由跳转前判断(登录权限)
router.beforeEach((to, from, next) => {
next();
});
next()
})
export default router;
export default router
src/views/outHistorygrouping.vue
This source diff could not be displayed because it is too large. You can view the blob instead.
src/views/outHistorygroupingnew.vue
......@@ -10,6 +10,15 @@
<div class="outsetgrouping" id="setGroupingbox">
<div class="outsetgrouping_button" style="margin-top: 15px">
<el-button
v-if="$route.query.patientInfo"
class="outsetgrouping_button_Searchbtn"
type="primary"
size="mini"
@click="topage3"
>
<span class="s2">病例监控</span>
</el-button>
<el-button
class="outsetgrouping_button_Searchbtn"
style="margin-left: 10px"
size="mini"
......@@ -17,10 +26,20 @@
@click="topage1"
>病案质控</el-button
>
<el-button class="outsetgrouping_button_Searchbtn" type="primary" size="mini" @click="toPage">
<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">
<el-button
class="outsetgrouping_button_Searchbtn"
type="primary"
size="mini"
@click="gosear"
>
<span class="s2">疾病分组查询</span>
</el-button>
<!-- <el-button class="outsetgrouping_button_Submitbtn" size="mini" type="primary" @click="submit">
......@@ -75,7 +94,9 @@
><img src="../assets/img/daoru.png" alt=""
/></span>
<div class="outsetgrouping_top_message_blow_t4">
分组类型:<span>{{ casehisObj ? casehisObj.drgs.disNature : '' }}</span>
分组类型:<span>{{
casehisObj ? casehisObj.drgs.disNature : ''
}}</span>
</div>
</div>
</div>
......@@ -103,7 +124,9 @@
><img src="../assets/img/jiner.png" alt=""
/></span>
<div class="outsetgrouping_top2_message_right_t3">
预计DIP支付费用:<span>{{ casehisObj ? decimal(casehisObj.drgs.actualfee) : '' }}</span>
预计DIP支付费用:<span>{{
casehisObj ? decimal(casehisObj.drgs.actualfee) : ''
}}</span>
</div>
</div>
<div class="outsetgrouping_top2_message_right">
......@@ -111,7 +134,9 @@
><img src="../assets/img/jiner.png" alt=""
/></span>
<div class="outsetgrouping_top2_message_right_t3">
总费用:<span>{{ casehisObj ? decimal(casehisObj.totalFee) : '' }}</span>
总费用:<span>{{
casehisObj ? decimal(casehisObj.totalFee) : ''
}}</span>
</div>
</div>
<div class="outsetgrouping_top2_message_right">
......@@ -119,7 +144,9 @@
><img src="../assets/img/jiner.png" alt=""
/></span>
<div class="outsetgrouping_top2_message_right_t3">
预计盈亏:<span>{{ casehisObj ? decimal(casehisObj.drgs.profitLoss) : '' }}</span>
预计盈亏:<span>{{
casehisObj ? decimal(casehisObj.drgs.profitLoss) : ''
}}</span>
</div>
</div>
</div>
......@@ -135,7 +162,10 @@
v-for="(item, index) in CorePercents"
:key="index"
>
<div class="outsetgrouping_centent_totalnum_left" style="padding-top: 15px">
<div
class="outsetgrouping_centent_totalnum_left"
style="padding-top: 15px"
>
<!-- <div class="outsetgrouping_centent_totalnum_left_radios">
<el-button
class="outsetgrouping_button_Submitbtn"
......@@ -150,19 +180,27 @@
<div class="outsetgrouping_centent_totalnum_left_text">
<div class="outsetgrouping_centent_totalnum_left_text_msg1">
<div class="outsetgrouping_centent_totalnum_left_text_msg1_text11">
<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">
<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">
<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">
<div
class="outsetgrouping_centent_totalnum_left_text_msg1_text44"
>
<span> 分组类型:{{ item.disNature }}</span>
</div>
</div>
......@@ -213,8 +251,12 @@
>
<span
class="patientDetails_fenqu_di_bb_div2_span1_t1"
:title="'低倍率区域：&lt;=' + Math.round(item.lowMagnification)"
>低倍率区域：&lt;={{ Math.round(item.lowMagnification) }}</span
:title="
'低倍率区域：&lt;=' + Math.round(item.lowMagnification)
"
>低倍率区域：&lt;={{
Math.round(item.lowMagnification)
}}</span
>
</span>
<span
......@@ -245,7 +287,9 @@
>
<span
class="patientDetails_fenqu_di_bb_div2_span3_t3"
:title="'高倍率区域：>=' + Math.round(item.highMagnification)"
:title="
'高倍率区域：>=' + Math.round(item.highMagnification)
"
>
高倍率区域：>={{ Math.round(item.highMagnification) }}
</span>
......@@ -311,7 +355,6 @@ import { decimal } from '../utils/decimal'
import http from '../utils/http'
import $ from 'jquery'
import { Message } from 'element-ui'
import { initEcharts, categoryChart, categoryChart11 } from '../utils/echarts'
import diagList from './diagList'
export default {
name: 'outHistorygrouping',
......@@ -437,7 +480,7 @@ export default {
this.opsMapList = data.opsMapList
this.getlist()
})
.catch((error) => {})
.catch(() => {})
},
//获取列表数据
getlist() {
......@@ -453,18 +496,21 @@ export default {
this.CorePercents.map((item) => {
// 高倍率>总费用 高倍率金额+高倍率金额*30%
if (item.highMagnification > item.totalFee) {
item.heightnum = item.highMagnification + item.highMagnification * 0.3
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
(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) -
Math.round(item.highMagnification)) /
Math.round(item.heightnum)) *
100
)
......@@ -493,24 +539,29 @@ export default {
})
if (this.CorePercents != null && this.CorePercents.length > 0) {
const coreId = this.CorePercents[0].coreID
if (this.casehisObj != null && coreId !== this.casehisObj.drgs.coreid)
if (
this.casehisObj != null &&
coreId !== this.casehisObj.drgs.coreid
)
this.submit(coreId)
}
})
.catch((error) => {})
.catch(() => {})
},
//提交
submit(coreID) {
http
.post(`/medical/Update/casehisById?PatientId=${this.$route.query.id}&coreid=${coreID}`)
.then((data) => {
.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((error) => {})
.catch(() => {})
},
//关闭弹层前的回调
closeDialog() {
......@@ -534,7 +585,7 @@ export default {
.then((data) => {
this.zdoptions = data
})
.catch((error) => {})
.catch(() => {})
} else {
this.zdoptions = []
}
......@@ -547,7 +598,7 @@ export default {
.then((data) => {
this.otzdoptions = data
})
.catch((error) => {})
.catch(() => {})
} else {
this.zdoptions = []
}
......@@ -560,7 +611,7 @@ export default {
.then((data) => {
this.ssoptions = data
})
.catch((error) => {})
.catch(() => {})
} else {
this.zdoptions = []
}
......@@ -573,7 +624,7 @@ export default {
.then((data) => {
this.otssoptions = data
})
.catch((error) => {})
.catch(() => {})
} else {
this.zdoptions = []
}
......@@ -626,13 +677,15 @@ export default {
// (this.diagList = []), (this.opsList = []);
// }
})
.catch((error) => {})
.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
_this.coreID = _this.CorePercents.find(
(item) => item.id == this.value
).coreID
console.log(_this.coreID)
console.log(this.value)
})
......@@ -658,7 +711,18 @@ export default {
.then((data) => {
window.open(data.message)
})
.catch((error) => {})
.catch(() => {})
},
topage3() {
http
.get(
`/medical/get/HisPatientInfo?regCode=${this.casehisObj.regCode}`,
{}
)
.then((data) => {
window.open(data.message)
})
.catch(() => {})
}
}
}
......
src/views/outseeQualityControl.vue
......@@ -6,788 +6,863 @@
* @Description:
-->
<template>
<!-- 查看质控 -->
<div class="outseeQualityControl">
<div class="outseeQualityControl_box">
<div class="outseeQualityControl_box_btn">
<el-button class="outseeQualityControl_box_btn_button" size="mini" type="primary" @click="getSynchronous">同步数据</el-button>
<!-- 查看质控 -->
<div class="outseeQualityControl">
<div class="outseeQualityControl_box">
<div class="outseeQualityControl_box_btn">
<el-button
class="outseeQualityControl_box_btn_button"
size="mini"
type="primary"
@click="getSynchronous"
>同步数据</el-button
>
</div>
<div class="outseeQualityControl_box_header">
<div class="outseeQualityControl_box_header_text"></div>
</div>
<div class="outseeQualityControl_box_Content">
<div class="outseeQualityControl_box_Content_left">
<medical-record-homepage
:medicalrecord="medicalrecord"
:clicktitle="clicktitle"
>
</medical-record-homepage>
</div>
<div class="outseeQualityControl_box_Content_right">
<div class="outseeQualityControl_box_Content_right_top">
<!--非编码问题 -->
<div
:class="[
isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_left'
: 'outseeQualityControl_box_Content_right_top_left11'
]"
@click="leftcode"
>
<div class="outseeQualityControl_box_Content_right_top_left_div1">
<img
src="../assets/img/fbm.png"
alt=""
v-show="isleftcodeShow"
/>
<img
src="../assets/img/bm.png"
alt=""
v-show="!isleftcodeShow"
/>
</div>
<div class="outseeQualityControl_box_Content_right_top_left_div2">
<span
:class="[
isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_left_div2_span1'
: 'outseeQualityControl_box_Content_right_top_left_div2_span11'
]"
>{{ fruleCount }}</span
>
<span
:class="[
isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_left_div2_span2'
: 'outseeQualityControl_box_Content_right_top_left_div2_span22'
]"
>非编码问题</span
>
</div>
</div>
<div class="outseeQualityControl_box_header">
<div class="outseeQualityControl_box_header_text"></div>
<!-- 编码问题 -->
<div
:class="[
isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_right'
: 'outseeQualityControl_box_Content_right_top_right11'
]"
@click="rightcode"
>
<div
class="outseeQualityControl_box_Content_right_top_right_div1"
>
<img
src="../assets/img/fbm.png"
alt=""
v-show="!isleftcodeShow"
/>
<img
src="../assets/img/bm.png"
alt=""
v-show="isleftcodeShow"
/>
</div>
<div
class="outseeQualityControl_box_Content_right_top_right_div2"
>
<span
:class="[
isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_right_div2_span1'
: 'outseeQualityControl_box_Content_right_top_right_div2_span11'
]"
>{{ ruleCount }}</span
>
<span
:class="[
isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_right_div2_span2'
: 'outseeQualityControl_box_Content_right_top_right_div2_span22'
]"
>编码问题</span
>
</div>
</div>
<div class="outseeQualityControl_box_Content">
<div class="outseeQualityControl_box_Content_left">
<medical-record-homepage :medicalrecord="medicalrecord" :clicktitle="clicktitle"> </medical-record-homepage>
</div>
<div class="outseeQualityControl_box_Content_right">
<div class="outseeQualityControl_box_Content_right_top">
<!--非编码问题 -->
<div
:class="[isleftcodeShow ? 'outseeQualityControl_box_Content_right_top_left' : 'outseeQualityControl_box_Content_right_top_left11']"
@click="leftcode"
</div>
<div class="outseeQualityControl_box_Content_right_center">
<div
class="outseeQualityControl_box_Content_right_center_line"
v-show="isleftcodeShow"
></div>
<div
class="outseeQualityControl_box_Content_right_center_line2"
v-show="!isleftcodeShow"
></div>
</div>
<div class="outseeQualityControl_box_Content_right_bottom">
<!-- <div class="outseeQualityControl_box_Content_right_bottom_title">患者基本信息</div> -->
<div
class="outseeQualityControl_box_Content_right_bottom_tree"
v-show="isleftcodeShow"
>
<el-tree
:data="departmentTree"
:props="defaultProps"
:default-expand-all="false"
ref="tree"
node-key="id"
@node-click="handleNodeClick"
>
<template #default="{ node, data }">
<span class="custom-tree-node">
<div
class="leftbox"
:class="[data.ruleName != '非编码问题' ? 'leftboxs' : '']"
>
<el-tooltip placement="bottom" trigger="hover">
<template #content>{{ data.ruleName }} </template>
<span
:class="[
data.ruleName == '非编码问题' ? 'spans' : ''
]"
>{{ data.ruleName }}</span
>
<div class="outseeQualityControl_box_Content_right_top_left_div1">
<img src="../assets/img/fbm.png" alt="" v-show="isleftcodeShow" />
<img src="../assets/img/bm.png" alt="" v-show="!isleftcodeShow" />
</div>
<div class="outseeQualityControl_box_Content_right_top_left_div2">
<span
:class="[
isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_left_div2_span1'
: 'outseeQualityControl_box_Content_right_top_left_div2_span11',
]"
>{{ fruleCount }}</span
>
<span
:class="[
isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_left_div2_span2'
: 'outseeQualityControl_box_Content_right_top_left_div2_span22',
]"
>非编码问题</span
>
</div>
</div>
<!-- 编码问题 -->
<div
:class="[
isleftcodeShow ? 'outseeQualityControl_box_Content_right_top_right' : 'outseeQualityControl_box_Content_right_top_right11',
]"
@click="rightcode"
>
<div class="outseeQualityControl_box_Content_right_top_right_div1">
<img src="../assets/img/fbm.png" alt="" v-show="!isleftcodeShow" />
<img src="../assets/img/bm.png" alt="" v-show="isleftcodeShow" />
</div>
<div class="outseeQualityControl_box_Content_right_top_right_div2">
<span
:class="[
isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_right_div2_span1'
: 'outseeQualityControl_box_Content_right_top_right_div2_span11',
]"
>{{ ruleCount }}</span
>
<span
:class="[
isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_right_div2_span2'
: 'outseeQualityControl_box_Content_right_top_right_div2_span22',
]"
>编码问题</span
>
</div>
</div>
</div>
<div class="outseeQualityControl_box_Content_right_center">
<div class="outseeQualityControl_box_Content_right_center_line" v-show="isleftcodeShow"></div>
<div class="outseeQualityControl_box_Content_right_center_line2" v-show="!isleftcodeShow"></div>
</el-tooltip>
</div>
<div class="outseeQualityControl_box_Content_right_bottom">
<!-- <div class="outseeQualityControl_box_Content_right_bottom_title">患者基本信息</div> -->
<div class="outseeQualityControl_box_Content_right_bottom_tree" v-show="isleftcodeShow">
<el-tree
:data="departmentTree"
:props="defaultProps"
:default-expand-all="false"
ref="tree"
node-key="id"
@node-click="handleNodeClick"
>
<template #default="{ node, data }">
<span class="custom-tree-node">
<div class="leftbox" :class="[data.ruleName != '非编码问题' ? 'leftboxs' : '']">
<el-tooltip placement="bottom" trigger="hover">
<template #content>{{ data.ruleName }} </template>
<span :class="[data.ruleName == '非编码问题' ? 'spans' : '']">{{ data.ruleName }}</span>
</el-tooltip>
</div>
</span>
</template>
</el-tree>
</div>
<div class="outseeQualityControl_box_Content_right_bottom_tree" v-show="!isleftcodeShow">
<el-tree
:data="rightdepartmentTree"
:props="defaultProps"
:default-expand-all="false"
ref="tree"
node-key="id"
@node-click="handleNodeClick"
v-show="!isnodataShow"
>
<template #default="{ node, data }">
<span class="custom-tree-node">
<div class="leftbox" :class="[data.ruleName != '编码问题' ? 'leftboxs' : '']">
<el-tooltip placement="bottom" trigger="hover">
<template #content>{{ data.ruleName }} </template>
<span :class="[data.ruleName == '编码问题' ? 'spans' : '']">{{ data.ruleName }}</span>
</el-tooltip>
</div>
</span>
</template>
</el-tree>
<div class="outseeQualityControl_box_Content_right_bottom_tree_nodata" v-show="isnodataShow">
<img class="outseeQualityControl_box_Content_right_bottom_tree_nodata_img" src="../assets/img/mininodata.png" alt="" />
<div class="outseeQualityControl_box_Content_right_bottom_tree_nodata_text">暂无数据</div>
</div>
</div>
</span>
</template>
</el-tree>
</div>
<div
class="outseeQualityControl_box_Content_right_bottom_tree"
v-show="!isleftcodeShow"
>
<el-tree
:data="rightdepartmentTree"
:props="defaultProps"
:default-expand-all="false"
ref="tree"
node-key="id"
@node-click="handleNodeClick"
v-show="!isnodataShow"
>
<template #default="{ node, data }">
<span class="custom-tree-node">
<div
class="leftbox"
:class="[data.ruleName != '编码问题' ? 'leftboxs' : '']"
>
<el-tooltip placement="bottom" trigger="hover">
<template #content>{{ data.ruleName }} </template>
<span
:class="[data.ruleName == '编码问题' ? 'spans' : '']"
>{{ data.ruleName }}</span
>
</el-tooltip>
</div>
</span>
</template>
</el-tree>
<div
class="outseeQualityControl_box_Content_right_bottom_tree_nodata"
v-show="isnodataShow"
>
<img
class="outseeQualityControl_box_Content_right_bottom_tree_nodata_img"
src="../assets/img/mininodata.png"
alt=""
/>
<div
class="outseeQualityControl_box_Content_right_bottom_tree_nodata_text"
>
暂无数据
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import http from "../utils/http";
import medicalRecordHomepage from "../components/medicalRecordHomepage/index.vue";
import $ from "jquery";
import { setItem, getItem } from "../utils/auth";
import { Message, Loading } from "element-ui";
import http from '../utils/http'
import medicalRecordHomepage from '../components/medicalRecordHomepage/index.vue'
import $ from 'jquery'
import { setItem, getItem } from '../utils/auth'
import { Message, Loading } from 'element-ui'
export default {
components: {
medicalRecordHomepage,
components: {
medicalRecordHomepage
},
name: 'outseeQualityControl',
data() {
return {
medicalrecord: null,
ScoringDetails: null,
caseHistoryScoreData: null,
departmentTree: [], //非编码问题数据
rightdepartmentTree: [], //编码问题数据
isleftcodeShow: true, //非编码问题数据是否显示
defaultProps: {
children: 'rulesLists',
label: 'ruleName'
},
clicktitle: '',
fruleCount: '', //非编码问题数据条数
ruleCount: '', //编码问题数据条数
isnodataShow: false, //编码是否有数据,
inhtml: '',
splithtml: '', //
splithtml2: '', //单位电话
splithtml3: '', //病房
keys: [], //获取所有的问卷key
values: [], //
loadingOption1: {
// 加载loading
fullscreen: true,
text: '正在加载...',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.5)'
}
}
},
mounted() {
if (this.$route.query.id) {
this.getScoringDetails(this.$route.query.id)
this.getHomePage(this.$route.query.id)
setItem('outpid', this.$route.query.id)
}
},
methods: {
//同步数据
getSynchronous(id) {
http
.post(`/medical/get/Synchronization?id=${this.$route.query.id}`)
.then((data) => {
Message.success(data.message)
})
.catch((error) => {
Message.error(error)
})
},
name: "outseeQualityControl",
data() {
return {
medicalrecord: null,
ScoringDetails: null,
caseHistoryScoreData: null,
departmentTree: [], //非编码问题数据
rightdepartmentTree: [], //编码问题数据
isleftcodeShow: true, //非编码问题数据是否显示
defaultProps: {
children: "rulesLists",
label: "ruleName",
},
clicktitle: "",
fruleCount: "", //非编码问题数据条数
ruleCount: "", //编码问题数据条数
isnodataShow: false, //编码是否有数据,
inhtml: "",
splithtml: "", //
splithtml2: "", //单位电话
splithtml3: "", //病房
keys: [], //获取所有的问卷key
values: [], //
loadingOption1: {
// 加载loading
fullscreen: true,
text: "正在加载...",
spinner: "el-icon-loading",
background: "rgba(0, 0, 0, 0.5)",
},
};
//获取到点击的值
handleNodeClick(data) {
let arr = document.getElementsByClassName(data.columnName)
let dom = $('#medicalRecord').find('#clickColor')
if (dom.length != 0) {
dom.removeAttr('id')
}
arr[0].setAttribute('id', 'clickColor')
this.scrollTop()
},
mounted() {
if (this.$route.query.id) {
this.getScoringDetails(this.$route.query.id);
this.getHomePage(this.$route.query.id);
setItem("outpid", this.$route.query.id);
}
scrollTop() {
if ($('#clickColor').position()) {
$('.outseeQualityControl_box_Content_left').animate(
{
scrollTop:
$('#clickColor').offset().top -
$('.outseeQualityControl_box_Content_left').offset().top +
$('.outseeQualityControl_box_Content_left').scrollTop() -
300
},
500
)
}
},
methods: {
//同步数据
getSynchronous(id) {
http.post(`/medical/get/Synchronization?id=${this.$route.query.id}`)
.then((data) => {
Message.success(data.message);
})
.catch((error) => {
Message.error(error);
});
},
//获取到点击的值
handleNodeClick(data) {
let arr = document.getElementsByClassName(data.columnName);
let dom = $("#medicalRecord").find("#clickColor");
if (dom.length != 0) {
dom.removeAttr("id");
}
arr[0].setAttribute("id", "clickColor");
this.scrollTop();
},
scrollTop() {
if ($("#clickColor").position()) {
$(".outseeQualityControl_box_Content_left").animate(
{
scrollTop:
$("#clickColor").offset().top -
$(".outseeQualityControl_box_Content_left").offset().top +
$(".outseeQualityControl_box_Content_left").scrollTop() -
300,
},
500
);
}
},
//获取患者基本信息树形数据
getScoringDetails(id) {
var loadingInstance1 = Loading.service(this.loadingOption1);
http.post(`/medical/get/GetCaseHisRule?id=${id}`, {})
.then((data) => {
this.departmentTree = data[0].rulesLists;
this.rightdepartmentTree = data[1].rulesLists;
this.fruleCount = data[0].ruleCount;
this.ruleCount = data[1].ruleCount;
if (this.fruleCount == 0 || this.ruleCount == 0) {
this.isnodataShow = true;
}
loadingInstance1.close();
})
.catch((error) => {
loadingInstance1.close();
});
},
// 获取病案首页数据
getHomePage(id) {
http.post(`/medical/Get/HomeHisPage?id=${id}`, {})
.then((data) => {
this.medicalrecord = data;
this.keys = Object.keys(data);
})
.catch((error) => {});
},
//点击非编码问题
leftcode() {
this.isleftcodeShow = true;
},
//点击编码问题
rightcode() {
this.isleftcodeShow = false;
},
//获取患者基本信息树形数据
getScoringDetails(id) {
var loadingInstance1 = Loading.service(this.loadingOption1)
http
.post(`/medical/get/GetCaseHisRule?id=${id}`, {})
.then((data) => {
this.departmentTree = data[0].rulesLists
this.rightdepartmentTree = data[1].rulesLists
this.fruleCount = data[0].ruleCount
this.ruleCount = data[1].ruleCount
if (this.fruleCount == 0 || this.ruleCount == 0) {
this.isnodataShow = true
}
loadingInstance1.close()
})
.catch((error) => {
loadingInstance1.close()
})
},
};
// 获取病案首页数据
getHomePage(id) {
http
.post(`/medical/Get/HomeHisPage?id=${id}`, {})
.then((data) => {
this.medicalrecord = data
this.keys = Object.keys(data)
})
.catch((error) => {})
},
//点击非编码问题
leftcode() {
this.isleftcodeShow = true
},
//点击编码问题
rightcode() {
this.isleftcodeShow = false
}
}
}
</script>
<style lang="scss">
html,
body {
height: 100%;
width: 100%;
margin: 0;
overflow: hidden;
height: 100%;
width: 100%;
margin: 0;
overflow: hidden;
}
#app {
height: 100%;
width: 100%;
height: 100%;
width: 100%;
}
.outseeQualityControl {
height: 100%;
width: 100%;
background-color: white;
// overflow: hidden;
// position: relative;
#clickColor {
background-color: #f3bf18;
height: 100%;
width: 100%;
background-color: white;
// overflow: hidden;
// position: relative;
#clickColor {
background-color: #f3bf18;
}
&_box {
background-color: #f3fafd;
padding: 2%;
height: 92%;
&_btn {
width: 100%;
height: 40px;
display: flex;
justify-content: flex-end;
margin-bottom: 20px;
&_button {
background-color: #2cabe3;
color: #fff;
}
}
&_box {
background-color: #f3fafd;
padding: 2%;
&_header {
height: 25px;
margin-bottom: 20px;
background: url('../assets/img/dataMaintenance/title.png') no-repeat;
background-size: 100% 100%;
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
&_text {
font-size: 13px;
font-family: PingFang SC;
font-weight: 500;
color: #ffffff;
margin-left: 15px;
}
}
&_Content {
display: flex;
// flex-direction: row;
height: calc(100% - 100px);
// width: 100%;
justify-content: space-between;
// align-items: center;
// align-content: center;
// flex-wrap: nowrap;
// margin-top: 20px;
&_left {
width: 60%;
background-color: #ffffff;
height: 92%;
padding: 2% 4%;
overflow: auto;
overflow-x: hidden;
}
&_right {
width: 32%;
flex: 1;
margin-left: 1%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
&_btn {
width: 100%;
height: 40px;
&_top {
background: #ffffff;
border-radius: 8px;
height: 16%;
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-around;
align-items: center;
// padding: 3% 10%;
&_left {
flex: 1;
height: 100%;
border-radius: 8px;
background-image: url('../assets/img/BG.png');
background-repeat: no-repeat;
background-position: center;
display: flex;
justify-content: flex-end;
margin-bottom: 20px;
&_button {
background-color: #2cabe3;
&_div1 {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
img {
width: 82px;
height: 53px;
}
}
&_div2 {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
&_span1 {
color: #fff;
font-size: 26px;
font-weight: 700;
}
&_span2 {
color: #fff;
font-size: 16px;
font-weight: 500;
}
&_span11 {
color: #2cabe3;
font-size: 26px;
font-weight: 700;
}
&_span22 {
color: #2cabe3;
font-size: 16px;
font-weight: 500;
}
}
}
&_header {
height: 25px;
margin-bottom: 20px;
background: url("../assets/img/dataMaintenance/title.png") no-repeat;
background-size: 100% 100%;
width: 100%;
.leftblue {
color: #2cabe3;
}
}
&_left11 {
flex: 1;
height: 100%;
border-radius: 8px;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
&_text {
font-size: 13px;
font-family: PingFang SC;
&_div1 {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
img {
width: 82px;
height: 63px;
}
}
&_div2 {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
&_span1 {
color: #fff;
font-size: 26px;
font-weight: 700;
}
&_span2 {
color: #fff;
font-size: 16px;
font-weight: 500;
color: #ffffff;
margin-left: 15px;
}
&_span11 {
color: #2cabe3;
font-size: 26px;
font-weight: 700;
}
&_span22 {
color: #2cabe3;
font-size: 16px;
font-weight: 500;
}
}
}
&_Content {
.leftblue {
color: #2cabe3;
}
}
&_right {
height: 100%;
flex: 1;
border-radius: 8px;
display: flex;
&_div1 {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
img {
width: 82px;
height: 53px;
}
}
&_div2 {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
&_span1 {
color: #2cabe3;
font-size: 26px;
font-weight: 700;
}
&_span2 {
color: #2cabe3;
font-size: 16px;
font-weight: 500;
}
&_span11 {
color: white;
font-size: 26px;
font-weight: 700;
}
&_span22 {
color: white;
font-size: 16px;
font-weight: 500;
}
}
}
&_right11 {
flex: 1;
height: 100%;
border-radius: 8px;
background-image: url('../assets/img/BG.png');
background-repeat: no-repeat;
background-position: center;
display: flex;
// flex-direction: row;
height: calc(100% - 100px);
// width: 100%;
justify-content: space-between;
// align-items: center;
// align-content: center;
// flex-wrap: nowrap;
// margin-top: 20px;
&_left {
width: 60%;
background-color: #ffffff;
height: 92%;
padding: 2% 4%;
overflow: auto;
overflow-x: hidden;
&_div1 {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
img {
width: 82px;
height: 53px;
}
}
&_right {
width: 32%;
flex: 1;
margin-left: 1%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
&_top {
background: #ffffff;
border-radius: 8px;
height: 16%;
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-around;
align-items: center;
// padding: 3% 10%;
&_left {
flex: 1;
height: 100%;
border-radius: 8px;
background-image: url("../assets/img/BG.png");
background-repeat: no-repeat;
background-position: center;
display: flex;
&_div1 {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
img {
width: 82px;
height: 53px;
}
}
&_div2 {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
&_span1 {
color: #fff;
font-size: 26px;
font-weight: 700;
}
&_span2 {
color: #fff;
font-size: 16px;
font-weight: 500;
}
&_span11 {
color: #2cabe3;
font-size: 26px;
font-weight: 700;
}
&_span22 {
color: #2cabe3;
font-size: 16px;
font-weight: 500;
}
}
.leftblue {
color: #2cabe3;
}
}
&_div2 {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
&_span1 {
color: #2cabe3;
font-size: 26px;
font-weight: 700;
}
&_span2 {
color: #2cabe3;
font-size: 16px;
font-weight: 500;
}
}
}
}
&_left11 {
flex: 1;
height: 100%;
border-radius: 8px;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
display: flex;
&_div1 {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
img {
width: 82px;
height: 63px;
}
}
&_div2 {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
&_span1 {
color: #fff;
font-size: 26px;
font-weight: 700;
}
&_span2 {
color: #fff;
font-size: 16px;
font-weight: 500;
}
&_span11 {
color: #2cabe3;
font-size: 26px;
font-weight: 700;
}
&_span22 {
color: #2cabe3;
font-size: 16px;
font-weight: 500;
}
}
.leftblue {
color: #2cabe3;
}
}
&_center {
width: 100%;
height: 2%;
background-color: #ffff;
display: flex;
&_line {
width: 50%;
height: 30%;
border-radius: 40px;
background-color: #2cabe3;
margin: 5px 0 5px 0;
}
&_line2 {
width: 50%;
height: 30%;
border-radius: 40px;
background-color: #2cabe3;
margin: 5px 0 5px 0;
margin-left: 50%;
}
}
&_right {
height: 100%;
flex: 1;
border-radius: 8px;
display: flex;
&_div1 {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
img {
width: 82px;
height: 53px;
}
}
&_div2 {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
&_span1 {
color: #2cabe3;
font-size: 26px;
font-weight: 700;
}
&_span2 {
color: #2cabe3;
font-size: 16px;
font-weight: 500;
}
&_span11 {
color: white;
font-size: 26px;
font-weight: 700;
}
&_span22 {
color: white;
font-size: 16px;
font-weight: 500;
}
}
}
&_bottom {
background: #ffffff;
border-radius: 8px;
height: 100%;
width: 100%;
// padding: 0 5% 5% 5%;
&_right11 {
flex: 1;
height: 100%;
border-radius: 8px;
background-image: url("../assets/img/BG.png");
background-repeat: no-repeat;
background-position: center;
display: flex;
&_div1 {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
img {
width: 82px;
height: 53px;
}
}
&_div2 {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
&_span1 {
color: #2cabe3;
font-size: 26px;
font-weight: 700;
}
&_span2 {
color: #2cabe3;
font-size: 16px;
font-weight: 500;
}
}
}
}
&_title {
font-size: 14px;
font-family: PingFang SC;
font-weight: bold;
color: #6a707e;
line-height: 40px;
&_center {
width: 100%;
height: 2%;
background-color: #ffff;
display: flex;
height: 10%;
&_line {
width: 50%;
height: 30%;
border-radius: 40px;
background-color: #2cabe3;
margin: 5px 0 5px 0;
}
// @include flexLayout;
&_line2 {
width: 50%;
height: 30%;
border-radius: 40px;
background-color: #2cabe3;
margin: 5px 0 5px 0;
margin-left: 50%;
}
}
justify-content: left;
}
&_bottom {
background: #ffffff;
border-radius: 8px;
height: 100%;
width: 100%;
// padding: 0 5% 5% 5%;
&_tree {
height: 100%;
overflow-x: hidden;
.is-leaf {
visibility: hidden;
}
&_title {
font-size: 14px;
font-family: PingFang SC;
font-weight: bold;
color: #6a707e;
line-height: 40px;
.leftboxs {
border-bottom: 1px dashed #dddddd;
}
height: 10%;
.leftbox {
width: 100%;
display: flex;
align-items: center;
height: 100%;
overflow: hidden;
white-space: pre-wrap;
text-overflow: ellipsis;
span {
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
line-height: 22px;
text-align: start;
overflow: hidden;
width: 92%;
white-space: nowrap;
text-overflow: ellipsis;
}
.spans {
color: #2cabe3;
font-weight: 500;
}
}
// @include flexLayout;
._score {
font-size: 13px;
font-family: PingFang SC;
font-weight: 400;
color: #ff3333;
line-height: 22px;
justify-content: left;
}
width: 50%;
display: flex;
flex-direction: row;
justify-content: flex-end;
padding-right: 5%;
span {
color: rgba(106, 112, 126, 1);
}
}
.el-tree {
width: 98%;
height: 85px;
&_tree {
.is-leaf {
visibility: hidden;
}
height: 100%;
overflow-x: hidden;
.leftboxs {
border-bottom: 1px dashed #dddddd;
}
.leftbox {
width: 100%;
display: flex;
align-items: center;
height: 100%;
overflow: hidden;
white-space: pre-wrap;
text-overflow: ellipsis;
span {
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
line-height: 22px;
text-align: start;
overflow: hidden;
width: 92%;
white-space: nowrap;
text-overflow: ellipsis;
}
.spans {
color: #2cabe3;
font-weight: 500;
}
}
._score {
font-size: 13px;
font-family: PingFang SC;
font-weight: 400;
color: #ff3333;
line-height: 22px;
width: 50%;
display: flex;
flex-direction: row;
justify-content: flex-end;
padding-right: 5%;
span {
color: rgba(106, 112, 126, 1);
}
}
.el-tree {
width: 98%;
height: 85px;
.el-tree-node__content {
height: 85px;
}
.el-tree-node.is-current > .el-tree-node__content {
height: 85px;
/* background: #5fc3f0; */
.custom-tree-node {
.leftbox {
width: 100%;
display: flex;
align-items: center;
height: 100%;
span {
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
line-height: 22px;
text-align: start;
}
}
._score {
font-size: 13px;
font-family: PingFang SC;
font-weight: 400;
line-height: 22px;
}
}
}
}
.el-tree-node {
white-space: initial;
}
&_nodata {
height: 80%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
&_img {
width: 80px;
height: 80px;
}
&_text {
color: #abafb3;
font-family: PingFang SC;
font-size: 14px;
}
}
.el-tree-node__content {
height: 85px;
}
.el-tree-node.is-current > .el-tree-node__content {
height: 85px;
/* background: #5fc3f0; */
.custom-tree-node {
.leftbox {
width: 100%;
display: flex;
align-items: center;
height: 100%;
span {
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
line-height: 22px;
text-align: start;
}
}
._score {
font-size: 13px;
font-family: PingFang SC;
font-weight: 400;
line-height: 22px;
}
}
}
}
}
}
.custom-tree-node {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
height: 100%;
}
.el-tree-node {
white-space: initial;
}
.el-tree > .el-tree-node {
//父级加下滑线
// border-bottom: 1px dashed #dddddd;
}
&_nodata {
height: 80%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
//修改三角icon样式
.el-icon-caret-right {
font-size: 18px;
color: #e4e4e4;
}
&_img {
width: 80px;
height: 80px;
}
.el-tree-node__content .el-tree-node__label {
//子集字体小一号
font-size: 14;
font-family: PingFang SC;
font-weight: 400;
line-height: 22px;
&_text {
color: #abafb3;
font-family: PingFang SC;
font-size: 14px;
}
}
}
}
}
}
}
.el-tree-node__children .el-tree-node__label {
//子集字体小一号
font-size: 12px;
font-family: PingFang SC;
font-weight: 400;
line-height: 22px;
}
.custom-tree-node {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
height: 100%;
}
.el-tree > .el-tree-node {
//父级加下滑线
// border-bottom: 1px dashed #dddddd;
}
//修改三角icon样式
.el-icon-caret-right {
font-size: 18px;
color: #e4e4e4;
}
.el-tree-node__content .el-tree-node__label {
//子集字体小一号
font-size: 14;
font-family: PingFang SC;
font-weight: 400;
line-height: 22px;
}
.el-tree-node__children .el-tree-node__label {
//子集字体小一号
font-size: 12px;
font-family: PingFang SC;
font-weight: 400;
line-height: 22px;
}
}
</style>
src/views/patientinfo.vue
<template>
<div class="patientinfo">
<div style="height: 30px; background-color: #0283bb"></div>
<div class="main">
<div class="">
<div class="flex-start-center">
<div class="flex-start-center mar-right-10" v-for="(value, key, index) in obj" :key="index">
<span class="mar-right-10" style="width: 12px; height: 12px" :style="{ background: value }"></span>
<span class="color-666 font-14">{{ key }}</span>
</div>
</div>
<div class="flex-between mar-top-15">
<div>
<div class="mar-bottom-10">
<el-input
size="mini"
class="mar-right-10"
v-model.trim="a48"
style="width: 160px"
placeholder="请输入病案号/住院号"
clearable
@clear="search"
@keyup.enter.native="search"
>
</el-input>
<el-input
size="mini"
class="mar-right-10"
v-model.trim="a11"
style="width: 160px"
placeholder="请输入患者姓名"
clearable
@clear="search"
@keyup.enter.native="search"
>
</el-input>
<div class="patientinfo">
<div style="height: 30px; background-color: #0283bb"></div>
<div class="main">
<div class="">
<div class="flex-start-center">
<div
class="flex-start-center mar-right-10"
v-for="(value, key, index) in obj"
:key="index"
>
<span
class="mar-right-10"
style="width: 12px; height: 12px"
:style="{ background: value }"
></span>
<span class="color-666 font-14">{{ key }}</span>
</div>
</div>
<div class="flex-between mar-top-15">
<div>
<div class="mar-bottom-10">
<el-input
size="mini"
class="mar-right-10"
v-model.trim="a48"
style="width: 160px"
placeholder="请输入病案号/住院号"
clearable
@clear="search"
@keyup.enter.native="search"
>
</el-input>
<el-input
size="mini"
class="mar-right-10"
v-model.trim="a11"
style="width: 160px"
placeholder="请输入患者姓名"
clearable
@clear="search"
@keyup.enter.native="search"
>
</el-input>
<el-select
size="mini"
class="mar-right-10"
v-model.trim="b16C"
filterable
style="width: 160px"
placeholder="当前科室"
clearable
@clear="search"
>
<el-option v-for="item in deptList" :key="item.deptCode" :label="item.deptName" :value="item.deptCode"> </el-option>
</el-select>
<el-select v-model="isout" placeholder="是否出院" size="mini" class="mar-right-10" clearable style="width: 160px" @clear="search">
<el-option label="未出院" :value="0"> </el-option>
<el-option label="已出院" :value="1"> </el-option>
<el-option label="已结算" :value="2"> </el-option>
</el-select>
<el-select
v-model="insuranceType"
placeholder="支付类型"
size="mini"
class="mar-right-10"
clearable
style="width: 160px"
@clear="search"
>
<el-option label="本地职工" :value="1"> </el-option>
<el-option label="异地职工" :value="2"> </el-option>
<el-option label="本地居民" :value="3"> </el-option>
<el-option label="异地居民" :value="4"> </el-option>
<el-option label="自费" :value="5"> </el-option>
<el-option label="未填写" :value="0"> </el-option>
</el-select>
<span class="font-14 color-999">入院时间：</span>
<el-select
v-model="currentDate"
placeholder="当前年月"
size="mini"
class="mar-right-10"
clearable
style="width: 100px"
@change="handleCurrentDateChange"
>
<el-option label="当前年" :value="1"> </el-option>
<el-option label="当前月" :value="2"> </el-option>
</el-select>
<el-date-picker
v-model="time"
size="mini"
style="width: 210px"
type="daterange"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
class="mar-right-10"
@change="search"
range-separator="至"
start-placeholder="入院日期"
end-placeholder="结束日期"
>
</el-date-picker>
</div>
<div>
<el-input
size="mini"
class="mar-right-10"
v-model.trim="doctorName"
style="width: 160px"
placeholder="请输入主治医生"
clearable
@clear="search"
@keyup.enter.native="search"
>
</el-input>
<el-input
size="mini"
class="mar-right-10"
v-model.trim="codeName"
style="width: 160px"
placeholder="请输入分组编码/分组名称"
clearable
@clear="search"
@keyup.enter.native="search"
>
</el-input>
<el-select
v-model="dis_type"
placeholder="请选择倍率"
size="mini"
class="mar-right-10"
clearable
style="width: 160px"
@clear="search"
>
<el-option label="高倍率病例" value="高倍率病例"> </el-option>
<el-option label="正常病例" value="正常病例"> </el-option>
<el-option label="低倍率病例" value="低倍率病例"> </el-option>
</el-select>
<el-select v-model="isjoin" placeholder="分组状态" size="mini" class="mar-right-10" clearable style="width: 160px" @clear="search">
<el-option label="已分组" :value="1"> </el-option>
<el-option label="未分组" :value="0"> </el-option>
</el-select>
<el-select v-model="shzt" placeholder="审核状态" size="mini" class="mar-right-10" clearable style="width: 160px" @clear="search">
<el-option label="已审核" value="已审"> </el-option>
<el-option label="未审核" value="未审"> </el-option>
</el-select>
<span class="font-14 color-999">结算时间：</span>
<el-select
v-model="currentDate1"
placeholder="当前年月"
size="mini"
class="mar-right-10"
clearable
style="width: 100px"
@change="handleCurrentDateChange1"
>
<el-option label="当前年" :value="1"> </el-option>
<el-option label="当前月" :value="2"> </el-option>
</el-select>
<el-date-picker
v-model="time1"
size="mini"
style="width: 210px"
type="daterange"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
class="mar-right-10"
@change="search"
range-separator="至"
start-placeholder="结算日期"
end-placeholder="结束日期"
>
</el-date-picker>
</div>
</div>
<div>
<el-button
type="primary"
style="background: rgb(2, 131, 187); border-color: rgb(2, 131, 187)"
size="mini"
slot="append"
icon="el-icon-search"
@click="search"
>查询</el-button
>
<el-button
type="primary"
style="background: rgb(2, 131, 187); border-color: rgb(2, 131, 187)"
size="mini"
slot="append"
icon="el-icon-download"
@click="downLoad"
>下载</el-button
>
<el-button
v-if="link"
type="primary"
style="background: rgb(2, 131, 187); border-color: rgb(2, 131, 187)"
size="mini"
slot="append"
icon="el-icon-link"
@click="openLink"
>更多报表</el-button
>
</div>
</div>
<el-select
size="mini"
class="mar-right-10"
v-model.trim="b16C"
filterable
style="width: 160px"
placeholder="当前科室"
clearable
@clear="search"
>
<el-option
v-for="item in deptList"
:key="item.deptCode"
:label="item.deptName"
:value="item.deptCode"
>
</el-option>
</el-select>
<el-select
v-model="isout"
placeholder="是否出院"
size="mini"
class="mar-right-10"
clearable
style="width: 160px"
@clear="search"
>
<el-option label="未出院" :value="0"> </el-option>
<el-option label="已出院" :value="1"> </el-option>
<el-option label="已结算" :value="2"> </el-option>
</el-select>
<el-select
v-model="insuranceType"
placeholder="支付类型"
size="mini"
class="mar-right-10"
clearable
style="width: 160px"
@clear="search"
>
<el-option label="本地职工" :value="1"> </el-option>
<el-option label="异地职工" :value="2"> </el-option>
<el-option label="本地居民" :value="3"> </el-option>
<el-option label="异地居民" :value="4"> </el-option>
<el-option label="自费" :value="5"> </el-option>
<el-option label="未填写" :value="0"> </el-option>
</el-select>
<span class="font-14 color-999">入院时间：</span>
<el-select
v-model="currentDate"
placeholder="当前年月"
size="mini"
class="mar-right-10"
clearable
style="width: 100px"
@change="handleCurrentDateChange"
>
<el-option label="当前年" :value="1"> </el-option>
<el-option label="当前月" :value="2"> </el-option>
</el-select>
<el-date-picker
v-model="time"
size="mini"
style="width: 210px"
type="daterange"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
class="mar-right-10"
@change="search"
range-separator="至"
start-placeholder="入院日期"
end-placeholder="结束日期"
>
</el-date-picker>
</div>
<div>
<el-input
size="mini"
class="mar-right-10"
v-model.trim="doctorName"
style="width: 160px"
placeholder="请输入主治医生"
clearable
@clear="search"
@keyup.enter.native="search"
>
</el-input>
<el-input
size="mini"
class="mar-right-10"
v-model.trim="codeName"
style="width: 160px"
placeholder="请输入分组编码/分组名称"
clearable
@clear="search"
@keyup.enter.native="search"
>
</el-input>
<el-select
v-model="dis_type"
placeholder="请选择倍率"
size="mini"
class="mar-right-10"
clearable
style="width: 160px"
@clear="search"
>
<el-option label="高倍率病例" value="高倍率病例"> </el-option>
<el-option label="正常病例" value="正常病例"> </el-option>
<el-option label="低倍率病例" value="低倍率病例"> </el-option>
</el-select>
<el-select
v-model="isjoin"
placeholder="分组状态"
size="mini"
class="mar-right-10"
clearable
style="width: 160px"
@clear="search"
>
<el-option label="已分组" :value="1"> </el-option>
<el-option label="未分组" :value="0"> </el-option>
</el-select>
<el-select
v-model="shzt"
placeholder="审核状态"
size="mini"
class="mar-right-10"
clearable
style="width: 160px"
@clear="search"
>
<el-option label="已审核" value="已审"> </el-option>
<el-option label="未审核" value="未审"> </el-option>
</el-select>
<span class="font-14 color-999">结算时间：</span>
<el-select
v-model="currentDate1"
placeholder="当前年月"
size="mini"
class="mar-right-10"
clearable
style="width: 100px"
@change="handleCurrentDateChange1"
>
<el-option label="当前年" :value="1"> </el-option>
<el-option label="当前月" :value="2"> </el-option>
</el-select>
<el-date-picker
v-model="time1"
size="mini"
style="width: 210px"
type="daterange"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
class="mar-right-10"
@change="search"
range-separator="至"
start-placeholder="结算日期"
end-placeholder="结束日期"
>
</el-date-picker>
</div>
<div class="table flex-1 mar-top-15">
<el-table border ref="tableRef" height="93%" :data="tableData" size="mini" :highlight-current-row="true" :cell-class-name="cellName">
<el-table-column align="center" type="index" width="50" fixed="left"></el-table-column>
<el-table-column label="同步更新" align="center" min-width="80" show-overflow-tooltip fixed="left">
<template #default="scope">
<i class="el-icon-refresh font-16 cursor" @click.stop="SetInjoinAgain(scope.row.id)"></i>
</template>
</el-table-column>
<el-table-column
prop="fee_consume"
label="费用消耗比例"
sortable
align="center"
min-width="120"
show-overflow-tooltip
fixed="left"
></el-table-column>
<el-table-column prop="regcode" label="病案号" sortable align="center" min-width="120" show-overflow-tooltip fixed="left">
<template #default="scope">
<!-- 正常病例 低倍率病例 高倍率病例 dis_type-->
<div class="flex-center-center">
<span class="mar-right-10" style="width: 12px; height: 12px" :style="{ background: obj[scope.row.dis_type] }"></span>
<span>{{ scope.row.regcode }}</span>
</div>
</template>
</el-table-column>
<el-table-column prop="a48C" label="住院号" sortable align="center" min-width="120" show-overflow-tooltip fixed="left"> </el-table-column>
<el-table-column prop="name" label="姓名" sortable align="center" min-width="120" show-overflow-tooltip fixed="left"></el-table-column>
<el-table-column prop="inhostime" label="入院日期" sortable align="center" min-width="120" show-overflow-tooltip>
<template #default="scope">
<span>{{ scope.row.inhostime ? formatYMD(scope.row.inhostime) : "" }}</span>
</template>
</el-table-column>
<el-table-column prop="outhostime" label="出院日期" sortable align="center" min-width="120" show-overflow-tooltip>
<template #default="scope">
<span>{{ scope.row.outhostime ? formatYMD(scope.row.outhostime) : "" }}</span>
</template>
</el-table-column>
<el-table-column prop="indeptname" label="当前科室" sortable align="center" min-width="120" show-overflow-tooltip> </el-table-column>
<el-table-column prop="doctorname" label="主治医生" sortable align="center" min-width="120" show-overflow-tooltip> </el-table-column>
<el-table-column prop="inhosdays" label="住院天数" sortable align="center" min-width="120" show-overflow-tooltip> </el-table-column>
<el-table-column prop="isjoin" label="是否出院" sortable align="center" min-width="120" show-overflow-tooltip> </el-table-column>
<el-table-column prop="isbasiclevel" label="是否基层病种" sortable align="center" min-width="120" show-overflow-tooltip> </el-table-column>
<el-table-column prop="total_fee" label="住院总费用" sortable align="center" min-width="120" show-overflow-tooltip>
<template #default="scope">
<span>{{ decimal(scope.row.total_fee) }}</span>
</template>
</el-table-column>
<el-table-column prop="self_payment" label="结算后自付费用" sortable align="center" min-width="130" show-overflow-tooltip>
<template #default="scope">
<span>{{ decimal(scope.row.self_payment) }}</span>
</template>
</el-table-column>
<el-table-column prop="self_payment_proportion" label="自付占比" sortable align="center" min-width="120" show-overflow-tooltip>
</el-table-column>
<el-table-column prop="medical_payment" label="医保类型" sortable align="center" min-width="120" show-overflow-tooltip></el-table-column>
<el-table-column prop="discode" label="分组编码" sortable align="center" width="250" show-overflow-tooltip> </el-table-column>
<el-table-column prop="disname" label="分组名称" sortable align="center" min-width="180" show-overflow-tooltip> </el-table-column>
<el-table-column prop="rw" label="实际分值" sortable align="center" min-width="120" show-overflow-tooltip></el-table-column>
<el-table-column prop="standardrw" label="标准分值" sortable align="center" min-width="120" show-overflow-tooltip> </el-table-column>
<el-table-column label="二级医院标准分值" sortable align="center" min-width="160" show-overflow-tooltip>
<template #default="scope">
<span>{{ scope.row.isbasiclevel == "是" ? scope.row.standardrw : decimal(scope.row.standardrw * 0.8) }}</span>
</template>
</el-table-column>
<el-table-column prop="medactalfee" label="预计DIP支付费用" sortable align="center" min-width="140" show-overflow-tooltip>
<template #default="scope">
<span>{{ decimal(scope.row.medactalfee) }}</span>
</template>
</el-table-column>
<el-table-column prop="medical_insurance_balance" label="预计DIP结余" sortable align="center" min-width="120" show-overflow-tooltip>
<template #default="scope">
<span>{{ decimal(scope.row.medical_insurance_balance) }}</span>
</template>
</el-table-column>
<el-table-column prop="dis_type" label="病例类型" sortable align="center" min-width="120" show-overflow-tooltip></el-table-column>
</div>
<div>
<el-button
type="primary"
style="
background: rgb(2, 131, 187);
border-color: rgb(2, 131, 187);
"
size="mini"
slot="append"
icon="el-icon-search"
@click="search"
>查询</el-button
>
<el-button
type="primary"
style="
background: rgb(2, 131, 187);
border-color: rgb(2, 131, 187);
"
size="mini"
slot="append"
icon="el-icon-download"
@click="downLoad"
>下载</el-button
>
<el-button
v-if="link"
type="primary"
style="
background: rgb(2, 131, 187);
border-color: rgb(2, 131, 187);
"
size="mini"
slot="append"
icon="el-icon-link"
@click="openLink"
>更多报表</el-button
>
</div>
</div>
</div>
<div class="table flex-1 mar-top-15">
<el-table
border
ref="tableRef"
height="93%"
:data="tableData"
size="mini"
:highlight-current-row="true"
:cell-class-name="cellName"
>
<el-table-column
align="center"
type="index"
width="50"
fixed="left"
></el-table-column>
<el-table-column
label="同步更新"
align="center"
min-width="80"
show-overflow-tooltip
fixed="left"
>
<template #default="scope">
<i
class="el-icon-refresh font-16 cursor"
@click.stop="SetInjoinAgain(scope.row.id)"
></i>
</template>
</el-table-column>
<el-table-column
prop="fee_consume"
label="费用消耗比例"
sortable
align="center"
min-width="120"
show-overflow-tooltip
fixed="left"
></el-table-column>
<el-table-column
prop="regcode"
label="病案号"
sortable
align="center"
min-width="120"
show-overflow-tooltip
fixed="left"
>
<template #default="scope">
<!-- 正常病例 低倍率病例 高倍率病例 dis_type-->
<div class="flex-center-center">
<span
class="mar-right-10"
style="width: 12px; height: 12px"
:style="{ background: obj[scope.row.dis_type] }"
></span>
<span>{{ scope.row.regcode }}</span>
</div>
</template>
</el-table-column>
<el-table-column
prop="a48C"
label="住院号"
sortable
align="center"
min-width="120"
show-overflow-tooltip
fixed="left"
>
</el-table-column>
<el-table-column
prop="name"
label="姓名"
sortable
align="center"
min-width="120"
show-overflow-tooltip
fixed="left"
></el-table-column>
<el-table-column
prop="inhostime"
label="入院日期"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
<template #default="scope">
<span>{{
scope.row.inhostime ? formatYMD(scope.row.inhostime) : ''
}}</span>
</template>
</el-table-column>
<el-table-column
prop="outhostime"
label="出院日期"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
<template #default="scope">
<span>{{
scope.row.outhostime ? formatYMD(scope.row.outhostime) : ''
}}</span>
</template>
</el-table-column>
<el-table-column
prop="indeptname"
label="当前科室"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="doctorname"
label="主治医生"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="inhosdays"
label="住院天数"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="isjoin"
label="是否出院"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="isbasiclevel"
label="是否基层病种"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="total_fee"
label="住院总费用"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
<template #default="scope">
<span>{{ decimal(scope.row.total_fee) }}</span>
</template>
</el-table-column>
<el-table-column
prop="self_payment"
label="结算后自付费用"
sortable
align="center"
min-width="130"
show-overflow-tooltip
>
<template #default="scope">
<span>{{ decimal(scope.row.self_payment) }}</span>
</template>
</el-table-column>
<el-table-column
prop="self_payment_proportion"
label="自付占比"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="medical_payment"
label="医保类型"
sortable
align="center"
min-width="120"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="discode"
label="分组编码"
sortable
align="center"
width="250"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="disname"
label="分组名称"
sortable
align="center"
min-width="180"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="disnature"
label="病种类型"
sortable
align="center"
min-width="180"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="rw"
label="实际分值"
sortable
align="center"
min-width="120"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="standardrw"
label="标准分值"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
label="二级医院标准分值"
sortable
align="center"
min-width="160"
show-overflow-tooltip
>
<template #default="scope">
<span>{{
scope.row.isbasiclevel == '是'
? scope.row.standardrw
: decimal(scope.row.standardrw * 0.8)
}}</span>
</template>
</el-table-column>
<el-table-column
prop="medactalfee"
label="预计DIP支付费用"
sortable
align="center"
min-width="140"
show-overflow-tooltip
>
<template #default="scope">
<span>{{ decimal(scope.row.medactalfee) }}</span>
</template>
</el-table-column>
<el-table-column
prop="medical_insurance_balance"
label="预计DIP结余"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
<template #default="scope">
<span>{{ decimal(scope.row.medical_insurance_balance) }}</span>
</template>
</el-table-column>
<el-table-column
prop="dis_type"
label="病例类型"
sortable
align="center"
min-width="120"
show-overflow-tooltip
></el-table-column>
<el-table-column prop="county_Medicine_Fee" label="县级药品费用" sortable align="center" min-width="120" show-overflow-tooltip>
<template #default="scope">
<span>{{ decimal(scope.row.county_Medicine_Fee) }}</span>
</template>
</el-table-column>
<el-table-column prop="medicine_Fee" label="药品费用" sortable align="center" min-width="120" show-overflow-tooltip>
<template #default="scope">
<span>{{ decimal(scope.row.medicine_Fee) }}</span>
</template>
</el-table-column>
<el-table-column
prop="county_Medicine_Fee"
label="县级药品费用"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
<template #default="scope">
<span>{{ decimal(scope.row.county_Medicine_Fee) }}</span>
</template>
</el-table-column>
<el-table-column
prop="medicine_Fee"
label="药品费用"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
<template #default="scope">
<span>{{ decimal(scope.row.medicine_Fee) }}</span>
</template>
</el-table-column>
<el-table-column prop="drug_proportion" label="药品" sortable align="center" min-width="120" show-overflow-tooltip> </el-table-column>
<el-table-column
prop="county_Material_Fee"
label="县级耗材费用"
sortable
align="center"
min-width="120"
show-overflow-tooltip
></el-table-column>
<el-table-column prop="material_Fee" label="耗材费用" sortable align="center" min-width="120" show-overflow-tooltip></el-table-column>
<el-table-column
prop="drug_proportion"
label="药品"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="county_Material_Fee"
label="县级耗材费用"
sortable
align="center"
min-width="120"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="material_Fee"
label="耗材费用"
sortable
align="center"
min-width="120"
show-overflow-tooltip
></el-table-column>
<el-table-column prop="consumables_proportion" label="耗材" sortable align="center" min-width="120" show-overflow-tooltip></el-table-column>
<el-table-column prop="laboratory_proportion" label="检验检查" sortable align="center" min-width="120" show-overflow-tooltip>
</el-table-column>
<el-table-column prop="medical_proportion" label="医务性收入" sortable align="center" min-width="120" show-overflow-tooltip>
</el-table-column>
<el-table-column prop="jssj" label="结算日期" sortable align="center" min-width="120" show-overflow-tooltip>
<template #default="scope">
<span>{{ scope.row.jssj ? formatYMD(scope.row.jssj) : "" }}</span>
</template>
</el-table-column>
<el-table-column prop="shzt" label="审核状态" sortable align="center" min-width="120" show-overflow-tooltip> </el-table-column>
</el-table>
</div>
<div class="flex-end mar-top-20">
<el-pagination
background
layout="total, sizes, prev, pager, next, jumper"
:hide-on-single-page="false"
:total="totalCount"
:page-size="pageSize"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
>
</el-pagination>
</div>
</div>
<el-table-column
prop="consumables_proportion"
label="耗材"
sortable
align="center"
min-width="120"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="laboratory_proportion"
label="检验检查"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="medical_proportion"
label="医务性收入"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="jssj"
label="结算日期"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
<template #default="scope">
<span>{{ scope.row.jssj ? formatYMD(scope.row.jssj) : '' }}</span>
</template>
</el-table-column>
<el-table-column
prop="shzt"
label="审核状态"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
</el-table-column>
</el-table>
</div>
<div class="flex-end mar-top-20">
<el-pagination
background
layout="total, sizes, prev, pager, next, jumper"
:hide-on-single-page="false"
:total="totalCount"
:page-size="pageSize"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
>
</el-pagination>
</div>
</div>
</div>
</template>
<script>
import http from "../utils/http";
import { setItem, getItem } from "../utils/auth";
import { decimal } from "../utils/decimal";
import dayjs from "dayjs";
import { Message, Loading, MessageBox } from "element-ui";
import http from '../utils/http'
import { setItem, getItem } from '../utils/auth'
import { decimal } from '../utils/decimal'
import dayjs from 'dayjs'
import { Message, Loading, MessageBox } from 'element-ui'
export default {
name: "patientinfo",
data() {
return {
time: "",
time1: "",
pageNumber: 1,
pageSize: 100,
a48: "",
a11: "",
b16C: "",
isjoin: null,
currentDate: null,
currentDate1: null,
isout: null,
insuranceType: null,
doctorName: "",
codeName: "",
dis_type: "",
shzt: "",
obj: {
正常病例: "#22d016",
低倍率病例: "#e9c622",
高倍率病例: "#ff7e00",
},
tableData: [],
totalCount: 0,
deptList: [],
};
},
beforeMount() {},
mounted() {
this.time = [
`${dayjs().format("YYYY-MM")}-01`,
`${dayjs().format("YYYY-MM")}-${this.getDayNumByYearMonth(dayjs().format("YYYY"), dayjs().format("MM"))}`,
];
name: 'patientinfo',
data() {
return {
time: '',
time1: '',
pageNumber: 1,
pageSize: 100,
a48: '',
a11: '',
b16C: '',
isjoin: null,
currentDate: null,
currentDate1: null,
isout: null,
insuranceType: null,
doctorName: '',
codeName: '',
dis_type: '',
shzt: '',
obj: {
正常病例: '#22d016',
低倍率病例: '#e9c622',
高倍率病例: '#ff7e00'
},
tableData: [],
totalCount: 0,
deptList: []
}
},
beforeMount() {},
mounted() {
this.time = [
`${dayjs().format('YYYY-MM')}-01`,
`${dayjs().format('YYYY-MM')}-${this.getDayNumByYearMonth(
dayjs().format('YYYY'),
dayjs().format('MM')
)}`
]
this.GetDeptList();
this.GetDeptList()
},
computed: {
link() {
return window.webConfig.diseLink
}
},
methods: {
decimal,
formatYMD(t) {
return dayjs(t).format('YYYY-MM-DD')
},
computed: {
link() {
return window.webConfig.diseLink;
},
getDayNumByYearMonth(year, month) {
switch (month) {
case '01':
case '03':
case '05':
case '07':
case '08':
case '10':
case '12':
return 31
break
case '04':
case '06':
case '09':
case '11':
return 30
break
case '02':
return this.isLeapYear(year) ? 29 : 28
break
}
},
isLeapYear(year) {
if (year / 4 == 0 && year / 100 != 0) {
return true
} else if (year / 400 == 0) {
return true
} else {
return false
}
},
methods: {
decimal,
formatYMD(t) {
return dayjs(t).format("YYYY-MM-DD");
},
getDayNumByYearMonth(year, month) {
switch (month) {
case "01":
case "03":
case "05":
case "07":
case "08":
case "10":
case "12":
return 31;
break;
case "04":
case "06":
case "09":
case "11":
return 30;
break;
case "02":
return this.isLeapYear(year) ? 29 : 28;
break;
}
},
isLeapYear(year) {
if (year / 4 == 0 && year / 100 != 0) {
return true;
} else if (year / 400 == 0) {
return true;
} else {
return false;
}
},
cellName({ row, column, rowIndex, columnIndex }) {
if (row.medicine_Fee > row.county_Medicine_Fee && columnIndex == 26) {
return "medicine";
}
if (row.material_Fee > row.county_Material_Fee && columnIndex == 29) {
return "medicine";
}
},
cellName({ row, column, rowIndex, columnIndex }) {
if (row.medicine_Fee > row.county_Medicine_Fee && columnIndex == 26) {
return 'medicine'
}
if (row.material_Fee > row.county_Material_Fee && columnIndex == 29) {
return 'medicine'
}
},
downLoad() {
let parmar = {
pageNumber: this.pageNumber,
pageSize: this.pageSize,
a48: this.a48,
a11: this.a11,
b16C: this.b16C,
beginDate: this.time ? this.time[0] : "",
endDate: this.time ? this.time[1] : "",
isjoin: this.isjoin,
isout: this.isout,
doctorName: this.doctorName,
codeName: this.codeName,
dis_type: this.dis_type,
insuranceType: this.insuranceType,
jssjBeginDate: this.time1 ? this.time1[0] : "",
jssjEndDate: this.time1 ? this.time1[1] : "",
shzt: this.shzt,
};
http.post(`/screen/hos/GetHistoryListExcelDownload`, parmar, {
responseType: "blob",
}).then((data) => {
const link = document.createElement("a");
const blob = new Blob([data], { type: "application/vnd.ms-excel" });
link.style.display = "none";
link.href = URL.createObjectURL(blob);
link.setAttribute("download", `病案数据详情.xlsx`);
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
});
},
openLink() {
http.post(`/account/reporter`, {}).then((data) => {
var url = this.link + "?key=" + data;
window.open(url, "_blank");
});
},
//查询
search() {
this.pageSize = 100;
this.pageNumber = 1;
this.getList();
},
//获取频率，频率的下拉数据
getList() {
let parmar = {
pageNumber: this.pageNumber,
pageSize: this.pageSize,
a48: this.a48,
a11: this.a11,
b16C: this.b16C,
beginDate: this.time ? this.time[0] : "",
endDate: this.time ? this.time[1] : "",
isjoin: this.isjoin,
isout: this.isout,
doctorName: this.doctorName,
codeName: this.codeName,
dis_type: this.dis_type,
insuranceType: this.insuranceType,
jssjBeginDate: this.time1 ? this.time1[0] : "",
jssjEndDate: this.time1 ? this.time1[1] : "",
shzt: this.shzt,
};
http.post(`/screen/hos/GetHistoryList`, parmar)
.then((data) => {
this.tableData = data.list;
this.totalCount = data.totalCount;
this.$nextTick(() => {
this.$refs.tableRef.doLayout();
});
})
.catch((error) => {});
},
GetDeptList() {
http.get(`/screen/hos/GetDeptList`, {})
.then((data) => {
this.deptList = data;
this.deptList.map((item) => {
if (item.deptCode == this.$route.query.ApplyDept) {
this.b16C = this.$route.query.ApplyDept || "";
}
});
downLoad() {
let parmar = {
pageNumber: this.pageNumber,
pageSize: this.pageSize,
a48: this.a48,
a11: this.a11,
b16C: this.b16C,
beginDate: this.time ? this.time[0] : '',
endDate: this.time ? this.time[1] : '',
isjoin: this.isjoin,
isout: this.isout,
doctorName: this.doctorName,
codeName: this.codeName,
dis_type: this.dis_type,
insuranceType: this.insuranceType,
jssjBeginDate: this.time1 ? this.time1[0] : '',
jssjEndDate: this.time1 ? this.time1[1] : '',
shzt: this.shzt
}
http
.post(`/screen/hos/GetHistoryListExcelDownload`, parmar, {
responseType: 'blob'
})
.then((data) => {
const link = document.createElement('a')
const blob = new Blob([data], { type: 'application/vnd.ms-excel' })
link.style.display = 'none'
link.href = URL.createObjectURL(blob)
link.setAttribute('download', `病案数据详情.xlsx`)
document.body.appendChild(link)
link.click()
document.body.removeChild(link)
})
},
openLink() {
http.post(`/account/reporter`, {}).then((data) => {
var url = this.link + '?key=' + data
window.open(url, '_blank')
})
},
//查询
search() {
this.pageSize = 100
this.pageNumber = 1
this.getList()
},
//获取频率，频率的下拉数据
getList() {
let parmar = {
pageNumber: this.pageNumber,
pageSize: this.pageSize,
a48: this.a48,
a11: this.a11,
b16C: this.b16C,
beginDate: this.time ? this.time[0] : '',
endDate: this.time ? this.time[1] : '',
isjoin: this.isjoin,
isout: this.isout,
doctorName: this.doctorName,
codeName: this.codeName,
dis_type: this.dis_type,
insuranceType: this.insuranceType,
jssjBeginDate: this.time1 ? this.time1[0] : '',
jssjEndDate: this.time1 ? this.time1[1] : '',
shzt: this.shzt
}
http
.post(`/screen/hos/GetHistoryList`, parmar)
.then((data) => {
this.tableData = data.list
this.totalCount = data.totalCount
this.$nextTick(() => {
this.$refs.tableRef.doLayout()
})
})
.catch((error) => {})
},
GetDeptList() {
http
.get(`/screen/hos/GetDeptList`, {})
.then((data) => {
this.deptList = data
this.deptList.map((item) => {
if (item.deptCode == this.$route.query.ApplyDept) {
this.b16C = this.$route.query.ApplyDept || ''
}
})
this.getList();
})
.catch((error) => {
this.getList();
});
},
this.getList()
})
.catch((error) => {
this.getList()
})
},
SetInjoinAgain(id) {
http.post(`/screen/screen/SetInjoinAgain?id=${id}`, {})
.then((data) => {
Message.success("同步成功");
this.getList();
})
.catch((error) => {
this.getList();
});
},
SetInjoinAgain(id) {
http
.post(`/screen/screen/SetInjoinAgain?id=${id}`, {})
.then((data) => {
Message.success('同步成功')
this.getList()
})
.catch((error) => {
this.getList()
})
},
handleCurrentChange(val) {
this.pageNumber = val;
this.getList();
},
handleSizeChange(val) {
this.pageSize = val;
this.getList();
},
handleCurrentDateChange() {
if (this.currentDate === 1) {
this.time = [`${dayjs().format("YYYY")}-01-01`, `${dayjs().format("YYYY")}-12-31`];
} else if (this.currentDate === 2) {
this.time = [
`${dayjs().format("YYYY-MM")}-01`,
`${dayjs().format("YYYY-MM")}-${this.getDayNumByYearMonth(dayjs().format("YYYY"), dayjs().format("MM"))}`,
];
}
this.search();
},
handleCurrentDateChange1() {
if (this.currentDate1 === 1) {
this.time1 = [`${dayjs().format("YYYY")}-01-01`, `${dayjs().format("YYYY")}-12-31`];
} else if (this.currentDate1 === 2) {
this.time1 = [
`${dayjs().format("YYYY-MM")}-01`,
`${dayjs().format("YYYY-MM")}-${this.getDayNumByYearMonth(dayjs().format("YYYY"), dayjs().format("MM"))}`,
];
}
this.search();
},
handleCurrentChange(val) {
this.pageNumber = val
this.getList()
},
};
handleSizeChange(val) {
this.pageSize = val
this.getList()
},
handleCurrentDateChange() {
if (this.currentDate === 1) {
this.time = [
`${dayjs().format('YYYY')}-01-01`,
`${dayjs().format('YYYY')}-12-31`
]
} else if (this.currentDate === 2) {
this.time = [
`${dayjs().format('YYYY-MM')}-01`,
`${dayjs().format('YYYY-MM')}-${this.getDayNumByYearMonth(
dayjs().format('YYYY'),
dayjs().format('MM')
)}`
]
}
this.search()
},
handleCurrentDateChange1() {
if (this.currentDate1 === 1) {
this.time1 = [
`${dayjs().format('YYYY')}-01-01`,
`${dayjs().format('YYYY')}-12-31`
]
} else if (this.currentDate1 === 2) {
this.time1 = [
`${dayjs().format('YYYY-MM')}-01`,
`${dayjs().format('YYYY-MM')}-${this.getDayNumByYearMonth(
dayjs().format('YYYY'),
dayjs().format('MM')
)}`
]
}
this.search()
}
}
}
</script>
<style lang="scss">
.patientinfo {
height: 100%;
height: 100%;
display: flex;
flex-flow: column;
background-color: white;
overflow: hidden;
position: relative;
.main {
flex: 1;
padding: 20px;
display: flex;
flex-flow: column;
background-color: white;
overflow: hidden;
position: relative;
.main {
flex: 1;
padding: 20px;
display: flex;
flex-flow: column;
.el-table__body tr.current-row > td.el-table__cell {
background-color: rgb(2, 131, 187);
color: #fff;
}
.el-table {
color: #333;
}
.medicine {
background-color: #f56c6c;
color: #fff;
}
.el-table__body tr.hover-row > td.el-table__cell {
background-color: #f5f7fa;
color: #333;
}
.el-table__body tr.hover-row > td.medicine {
background-color: #f56c6c;
color: #fff;
}
.el-table__body tr.current-row > td.medicine {
background-color: #f56c6c;
color: #fff;
}
.el-table__body tr.current-row > td.el-table__cell {
background-color: rgb(2, 131, 187);
color: #fff;
}
.el-table {
color: #333;
}
.medicine {
background-color: #f56c6c;
color: #fff;
}
.el-table__body tr.hover-row > td.el-table__cell {
background-color: #f5f7fa;
color: #333;
}
.el-table__body tr.hover-row > td.medicine {
background-color: #f56c6c;
color: #fff;
}
.el-table__body tr.current-row > td.medicine {
background-color: #f56c6c;
color: #fff;
}
}
}
</style>
src/views/patientinfo2.vue 0 → 100644
<template>
<div class="patientinfo">
<div style="height: 30px; background-color: #0283bb"></div>
<div class="main">
<div class="">
<div class="flex-start-center">
<div
class="flex-start-center mar-right-10"
v-for="(value, key, index) in obj"
:key="index"
>
<span
class="mar-right-10"
style="width: 12px; height: 12px"
:style="{ background: value }"
></span>
<span class="color-666 font-14">{{ key }}</span>
</div>
</div>
<div class="flex-between mar-top-15">
<div>
<div class="mar-bottom-10">
<el-input
size="mini"
class="mar-right-10"
v-model.trim="a48"
style="width: 160px"
placeholder="请输入病案号/住院号"
clearable
@clear="search"
@keyup.enter.native="search"
>
</el-input>
<el-input
size="mini"
class="mar-right-10"
v-model.trim="a11"
style="width: 160px"
placeholder="请输入患者姓名"
clearable
@clear="search"
@keyup.enter.native="search"
>
</el-input>
<el-select
size="mini"
class="mar-right-10"
v-model.trim="b16C"
filterable
style="width: 160px"
placeholder="当前科室"
clearable
@clear="search"
>
<el-option
v-for="item in deptList"
:key="item.deptCode"
:label="item.deptName"
:value="item.deptCode"
>
</el-option>
</el-select>
<el-select
v-model="isout"
placeholder="是否出院"
size="mini"
class="mar-right-10"
clearable
style="width: 160px"
@clear="search"
>
<el-option label="未出院" :value="0"> </el-option>
<el-option label="已出院" :value="1"> </el-option>
<el-option label="已结算" :value="2"> </el-option>
</el-select>
<el-select
v-model="insuranceType"
placeholder="支付类型"
size="mini"
class="mar-right-10"
clearable
style="width: 160px"
@clear="search"
>
<el-option label="本地职工" :value="1"> </el-option>
<el-option label="异地职工" :value="2"> </el-option>
<el-option label="本地居民" :value="3"> </el-option>
<el-option label="异地居民" :value="4"> </el-option>
<el-option label="自费" :value="5"> </el-option>
<el-option label="未填写" :value="0"> </el-option>
</el-select>
<span class="font-14 color-999">入院时间：</span>
<el-select
v-model="currentDate"
placeholder="当前年月"
size="mini"
class="mar-right-10"
clearable
style="width: 100px"
@change="handleCurrentDateChange"
>
<el-option label="当前年" :value="1"> </el-option>
<el-option label="当前月" :value="2"> </el-option>
</el-select>
<el-date-picker
v-model="time"
size="mini"
style="width: 210px"
type="daterange"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
class="mar-right-10"
@change="search"
range-separator="至"
start-placeholder="入院日期"
end-placeholder="结束日期"
>
</el-date-picker>
</div>
<div>
<el-input
size="mini"
class="mar-right-10"
v-model.trim="doctorName"
style="width: 160px"
placeholder="请输入主治医生"
clearable
@clear="search"
@keyup.enter.native="search"
>
</el-input>
<el-input
size="mini"
class="mar-right-10"
v-model.trim="codeName"
style="width: 160px"
placeholder="请输入分组编码/分组名称"
clearable
@clear="search"
@keyup.enter.native="search"
>
</el-input>
<el-select
v-model="dis_type"
placeholder="请选择倍率"
size="mini"
class="mar-right-10"
clearable
style="width: 160px"
@clear="search"
>
<el-option label="高倍率病例" value="高倍率病例"> </el-option>
<el-option label="正常病例" value="正常病例"> </el-option>
<el-option label="低倍率病例" value="低倍率病例"> </el-option>
</el-select>
<el-select
v-model="isjoin"
placeholder="分组状态"
size="mini"
class="mar-right-10"
clearable
style="width: 160px"
@clear="search"
>
<el-option label="已分组" :value="1"> </el-option>
<el-option label="未分组" :value="0"> </el-option>
</el-select>
<el-select
v-model="shzt"
placeholder="审核状态"
size="mini"
class="mar-right-10"
clearable
style="width: 160px"
@clear="search"
>
<el-option label="已审核" value="已审"> </el-option>
<el-option label="未审核" value="未审"> </el-option>
</el-select>
<span class="font-14 color-999">结算时间：</span>
<el-select
v-model="currentDate1"
placeholder="当前年月"
size="mini"
class="mar-right-10"
clearable
style="width: 100px"
@change="handleCurrentDateChange1"
>
<el-option label="当前年" :value="1"> </el-option>
<el-option label="当前月" :value="2"> </el-option>
</el-select>
<el-date-picker
v-model="time1"
size="mini"
style="width: 210px"
type="daterange"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
class="mar-right-10"
@change="search"
range-separator="至"
start-placeholder="结算日期"
end-placeholder="结束日期"
>
</el-date-picker>
</div>
</div>
<div>
<el-button
type="primary"
style="
background: rgb(2, 131, 187);
border-color: rgb(2, 131, 187);
"
size="mini"
slot="append"
icon="el-icon-search"
@click="search"
>查询</el-button
>
<el-button
type="primary"
style="
background: rgb(2, 131, 187);
border-color: rgb(2, 131, 187);
"
size="mini"
slot="append"
icon="el-icon-download"
@click="downLoad"
>下载</el-button
>
<el-button
v-if="link"
type="primary"
style="
background: rgb(2, 131, 187);
border-color: rgb(2, 131, 187);
"
size="mini"
slot="append"
icon="el-icon-link"
@click="openLink"
>更多报表</el-button
>
</div>
</div>
</div>
<div class="table flex-1 mar-top-15">
<el-table
border
ref="tableRef"
height="93%"
:data="tableData"
size="mini"
:highlight-current-row="true"
:cell-class-name="cellName"
>
<el-table-column
align="center"
type="index"
width="50"
fixed="left"
></el-table-column>
<el-table-column
label="同步更新"
align="center"
min-width="80"
show-overflow-tooltip
fixed="left"
>
<template #default="scope">
<i
class="el-icon-refresh font-16 cursor"
@click.stop="SetInjoinAgain(scope.row.id)"
></i>
</template>
</el-table-column>
<el-table-column
prop="fee_consume"
label="费用消耗比例"
sortable
align="center"
min-width="120"
show-overflow-tooltip
fixed="left"
></el-table-column>
<el-table-column
prop="regcode"
label="住院号"
sortable
align="center"
min-width="120"
show-overflow-tooltip
fixed="left"
>
<template #default="scope">
<!-- 正常病例 低倍率病例 高倍率病例 dis_type-->
<div class="flex-center-center">
<span
class="mar-right-10"
style="width: 12px; height: 12px"
:style="{ background: obj[scope.row.dis_type] }"
></span>
<span>{{ scope.row.regcode }}</span>
</div>
</template>
</el-table-column>
<el-table-column
prop="a49"
label="住院次数"
sortable
align="center"
min-width="120"
show-overflow-tooltip
fixed="left"
>
</el-table-column>
<el-table-column
prop="name"
label="姓名"
sortable
align="center"
min-width="120"
show-overflow-tooltip
fixed="left"
></el-table-column>
<el-table-column
prop="inhostime"
label="入院日期"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
<template #default="scope">
<span>{{
scope.row.inhostime ? formatYMD(scope.row.inhostime) : ''
}}</span>
</template>
</el-table-column>
<el-table-column
prop="outhostime"
label="出院日期"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
<template #default="scope">
<span>{{
scope.row.outhostime ? formatYMD(scope.row.outhostime) : ''
}}</span>
</template>
</el-table-column>
<el-table-column
prop="indeptname"
label="当前科室"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="doctorname"
label="主治医生"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="inhosdays"
label="住院天数"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="isjoin"
label="是否出院"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
</el-table-column>
<!-- <el-table-column
prop="isbasiclevel"
label="是否基层病种"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
</el-table-column> -->
<el-table-column
prop="total_fee"
label="住院总费用"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
<template #default="scope">
<span>{{ decimal(scope.row.total_fee) }}</span>
</template>
</el-table-column>
<el-table-column
prop="self_payment"
label="结算后自付费用"
sortable
align="center"
min-width="130"
show-overflow-tooltip
>
<template #default="scope">
<span>{{ decimal(scope.row.self_payment) }}</span>
</template>
</el-table-column>
<el-table-column
prop="self_payment_proportion"
label="自付占比"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="medical_payment"
label="医保类型"
sortable
align="center"
min-width="120"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="discode"
label="分组编码"
sortable
align="center"
width="250"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="disname"
label="分组名称"
sortable
align="center"
min-width="180"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="rw"
label="实际分值"
sortable
align="center"
min-width="120"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="standardrw"
label="标准分值"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
</el-table-column>
<!-- <el-table-column
label="二级医院标准分值"
sortable
align="center"
min-width="160"
show-overflow-tooltip
>
<template #default="scope">
<span>{{
scope.row.isbasiclevel == '是'
? scope.row.standardrw
: decimal(scope.row.standardrw * 0.8)
}}</span>
</template>
</el-table-column> -->
<el-table-column
prop="medactalfee"
label="预计DIP支付费用"
sortable
align="center"
min-width="140"
show-overflow-tooltip
>
<template #default="scope">
<span>{{ decimal(scope.row.medactalfee) }}</span>
</template>
</el-table-column>
<el-table-column
prop="medical_insurance_balance"
label="预计DIP结余"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
<template #default="scope">
<span>{{ decimal(scope.row.medical_insurance_balance) }}</span>
</template>
</el-table-column>
<el-table-column
prop="dis_type"
label="病例类型"
sortable
align="center"
min-width="120"
show-overflow-tooltip
></el-table-column>
<!-- <el-table-column prop="county_Medicine_Fee" label="县级药品费用" sortable align="center" min-width="120" show-overflow-tooltip>
<template #default="scope">
<span>{{ decimal(scope.row.county_Medicine_Fee) }}</span>
</template>
</el-table-column>
<el-table-column prop="medicine_Fee" label="药品费用" sortable align="center" min-width="120" show-overflow-tooltip>
<template #default="scope">
<span>{{ decimal(scope.row.medicine_Fee) }}</span>
</template>
</el-table-column> -->
<el-table-column
prop="drug_proportion"
label="药品"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
</el-table-column>
<!-- <el-table-column
prop="county_Material_Fee"
label="县级耗材费用"
sortable
align="center"
min-width="120"
show-overflow-tooltip
></el-table-column>
<el-table-column prop="material_Fee" label="耗材费用" sortable align="center" min-width="120" show-overflow-tooltip></el-table-column> -->
<el-table-column
prop="consumables_proportion"
label="耗材"
sortable
align="center"
min-width="120"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="laboratory_proportion"
label="检验检查"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="medical_proportion"
label="医务性收入"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="jssj"
label="结算日期"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
<template #default="scope">
<span>{{ scope.row.jssj ? formatYMD(scope.row.jssj) : '' }}</span>
</template>
</el-table-column>
<!-- <el-table-column
prop="shzt"
label="审核状态"
sortable
align="center"
min-width="120"
show-overflow-tooltip
>
</el-table-column> -->
</el-table>
</div>
<div class="flex-end mar-top-20">
<el-pagination
background
layout="total, sizes, prev, pager, next, jumper"
:hide-on-single-page="false"
:total="totalCount"
:page-size="pageSize"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
>
</el-pagination>
</div>
</div>
</div>
</template>
<script>
import http from '../utils/http'
import { decimal } from '../utils/decimal'
import dayjs from 'dayjs'
import { Message } from 'element-ui'
export default {
name: 'patientinfo',
data() {
return {
time: '',
time1: '',
pageNumber: 1,
pageSize: 100,
a48: '',
a11: '',
b16C: '',
isjoin: null,
currentDate: null,
currentDate1: null,
isout: null,
insuranceType: null,
doctorName: '',
codeName: '',
dis_type: '',
shzt: '',
obj: {
正常病例: '#22d016',
低倍率病例: '#e9c622',
高倍率病例: '#ff7e00'
},
tableData: [],
totalCount: 0,
deptList: []
}
},
beforeMount() {},
mounted() {
this.time = [
`${dayjs().format('YYYY-MM')}-01`,
`${dayjs().format('YYYY-MM')}-${this.getDayNumByYearMonth(
dayjs().format('YYYY'),
dayjs().format('MM')
)}`
]
this.GetDeptList()
},
computed: {
link() {
return window.webConfig.diseLink
}
},
methods: {
decimal,
formatYMD(t) {
return dayjs(t).format('YYYY-MM-DD')
},
getDayNumByYearMonth(year, month) {
switch (month) {
case '01':
case '03':
case '05':
case '07':
case '08':
case '10':
case '12':
return 31
case '04':
case '06':
case '09':
case '11':
return 30
case '02':
return this.isLeapYear(year) ? 29 : 28
}
},
isLeapYear(year) {
if (year / 4 == 0 && year / 100 != 0) {
return true
} else if (year / 400 == 0) {
return true
} else {
return false
}
},
cellName({ row, columnIndex }) {
if (row.medicine_Fee > row.county_Medicine_Fee && columnIndex == 26) {
return 'medicine'
}
if (row.material_Fee > row.county_Material_Fee && columnIndex == 29) {
return 'medicine'
}
},
downLoad() {
let parmar = {
pageNumber: this.pageNumber,
pageSize: this.pageSize,
a48: this.a48,
a11: this.a11,
b16C: this.b16C,
beginDate: this.time ? this.time[0] : '',
endDate: this.time ? this.time[1] : '',
isjoin: this.isjoin,
isout: this.isout,
doctorName: this.doctorName,
codeName: this.codeName,
dis_type: this.dis_type,
insuranceType: this.insuranceType,
jssjBeginDate: this.time1 ? this.time1[0] : '',
jssjEndDate: this.time1 ? this.time1[1] : '',
shzt: this.shzt
}
http
.post(`/screen/hos/GetHistoryListExcelDownload`, parmar, {
responseType: 'blob'
})
.then((data) => {
const link = document.createElement('a')
const blob = new Blob([data], { type: 'application/vnd.ms-excel' })
link.style.display = 'none'
link.href = URL.createObjectURL(blob)
link.setAttribute('download', `病案数据详情.xlsx`)
document.body.appendChild(link)
link.click()
document.body.removeChild(link)
})
},
openLink() {
http.post(`/account/reporter`, {}).then((data) => {
var url = this.link + '?key=' + data
window.open(url, '_blank')
})
},
//查询
search() {
this.pageSize = 100
this.pageNumber = 1
this.getList()
},
//获取频率，频率的下拉数据
getList() {
let parmar = {
pageNumber: this.pageNumber,
pageSize: this.pageSize,
a48: this.a48,
a11: this.a11,
b16C: this.b16C,
beginDate: this.time ? this.time[0] : '',
endDate: this.time ? this.time[1] : '',
isjoin: this.isjoin,
isout: this.isout,
doctorName: this.doctorName,
codeName: this.codeName,
dis_type: this.dis_type,
insuranceType: this.insuranceType,
jssjBeginDate: this.time1 ? this.time1[0] : '',
jssjEndDate: this.time1 ? this.time1[1] : '',
shzt: this.shzt
}
http
.post(`/screen/hos/GetHistoryList`, parmar)
.then((data) => {
this.tableData = data.list
this.totalCount = data.totalCount
this.$nextTick(() => {
this.$refs.tableRef.doLayout()
})
})
.catch(() => {})
},
GetDeptList() {
http
.get(`/screen/hos/GetDeptList`, {})
.then((data) => {
this.deptList = data
const deptName = this.$route.query.deptName
if (deptName && data && data.length) {
const item = data.find((w) => w.deptName == deptName)
this.b16C = item.deptCode
}
this.getList()
})
.catch(() => {
this.getList()
})
},
SetInjoinAgain(id) {
http
.post(`/screen/screen/SetInjoinAgain?id=${id}`, {})
.then(() => {
Message.success('同步成功')
this.getList()
})
.catch(() => {
this.getList()
})
},
handleCurrentChange(val) {
this.pageNumber = val
this.getList()
},
handleSizeChange(val) {
this.pageSize = val
this.getList()
},
handleCurrentDateChange() {
if (this.currentDate === 1) {
this.time = [
`${dayjs().format('YYYY')}-01-01`,
`${dayjs().format('YYYY')}-12-31`
]
} else if (this.currentDate === 2) {
this.time = [
`${dayjs().format('YYYY-MM')}-01`,
`${dayjs().format('YYYY-MM')}-${this.getDayNumByYearMonth(
dayjs().format('YYYY'),
dayjs().format('MM')
)}`
]
}
this.search()
},
handleCurrentDateChange1() {
if (this.currentDate1 === 1) {
this.time1 = [
`${dayjs().format('YYYY')}-01-01`,
`${dayjs().format('YYYY')}-12-31`
]
} else if (this.currentDate1 === 2) {
this.time1 = [
`${dayjs().format('YYYY-MM')}-01`,
`${dayjs().format('YYYY-MM')}-${this.getDayNumByYearMonth(
dayjs().format('YYYY'),
dayjs().format('MM')
)}`
]
}
this.search()
}
}
}
</script>
<style lang="scss">
.patientinfo {
height: 100%;
display: flex;
flex-flow: column;
background-color: white;
overflow: hidden;
position: relative;
.main {
flex: 1;
padding: 20px;
display: flex;
flex-flow: column;
.el-table__body tr.current-row > td.el-table__cell {
background-color: rgb(2, 131, 187);
color: #fff;
}
.el-table {
color: #333;
}
.medicine {
background-color: #f56c6c;
color: #fff;
}
.el-table__body tr.hover-row > td.el-table__cell {
background-color: #f5f7fa;
color: #333;
}
.el-table__body tr.hover-row > td.medicine {
background-color: #f56c6c;
color: #fff;
}
.el-table__body tr.current-row > td.medicine {
background-color: #f56c6c;
color: #fff;
}
}
}
</style>
yarn.lock 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
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