|
@@ -1,15 +1,16 @@
|
|
|
<template>
|
|
|
<el-container>
|
|
|
- <el-aside width="280px">
|
|
|
+ <span style="cursor: pointer;" @click="showFlagClick">{{showFlagName}}</span>
|
|
|
+ <el-aside v-show="showFlag" width="210px">
|
|
|
<PatientBaseList @selectPatientInfo="selectPatientInfo"></PatientBaseList>
|
|
|
</el-aside>
|
|
|
<el-container>
|
|
|
- <el-header style="height: 100px">
|
|
|
+ <el-header v-show="showFlag" style="height: 100px;margin-bottom: 10px">
|
|
|
<PatientInfo :patientInfo="patientInfo"></PatientInfo>
|
|
|
</el-header>
|
|
|
<div>
|
|
|
<div style="width: 100%;height: 20px;padding-left: 10px;" >
|
|
|
- <el-button icon="Search" type="primary" @click="queryInfo">查询</el-button>
|
|
|
+ <el-button icon="Search" type="primary" @click="handletabPane">查询</el-button>
|
|
|
<el-button @click="addHlInfo" icon="Edit" type="primary">新增</el-button>
|
|
|
<el-button icon="Delete" type="danger" @click="delInfo">删除</el-button>
|
|
|
<el-button icon="Printer" type="success" @click="daYingClick">打印</el-button>
|
|
@@ -63,6 +64,14 @@
|
|
|
<span>{{ item.name }}</span>
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
+ 显示科室:
|
|
|
+ <el-select filterable v-model="queryParam.ward" clearable style="width: 150px;" size="small" @change="selectHlType">
|
|
|
+ <el-option v-for="item in ward" :key="item.code" :label="item.name" :value="item.code">
|
|
|
+ <span style="color: #8492a6; font-size: 12px">{{ item.code }}</span>
|
|
|
+ <el-divider direction="vertical"></el-divider>
|
|
|
+ <span>{{ item.name }}</span>
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -70,9 +79,10 @@
|
|
|
<el-tabs
|
|
|
v-model="activeTableName"
|
|
|
type="card"
|
|
|
+ @tab-change="handletabPane"
|
|
|
>
|
|
|
<el-tab-pane label="编辑页面" name="first">
|
|
|
- <h1 style="text-align: center;">{{hldTableTitle}}</h1>
|
|
|
+ <h2 style="text-align: center;">{{hldTableTitle}}</h2>
|
|
|
<div style="height: 60px;">
|
|
|
<div style="float: left;width: 58%;padding-top: 30px;">
|
|
|
<ul class="nav" >
|
|
@@ -88,27 +98,27 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<el-table v-if="queryParam.hldType=='1' || queryParam.hldType=='5' " @row-click="selectOne" @row-dblclick="dbClick" :data="hldDataList" highlight-current-row stripe border :header-cell-style="{'text-align':'center'}"
|
|
|
- height="480" style="width: 100%;" >
|
|
|
- <el-table-column prop="recDateStr" label="日期" width="45" align="center" />
|
|
|
- <el-table-column prop="recTimeStr" label="时间" width="40" align="center"/>
|
|
|
+ :height="tableHeight" style="width: 100%;" >
|
|
|
+ <el-table-column prop="recDateStr" label="日期" width="45"/>
|
|
|
+ <el-table-column prop="recTimeStr" label="时间" width="40" align="center"/>
|
|
|
<el-table-column prop="patientState" label="病情" width="25" align="center"/>
|
|
|
<el-table-column label="体温" width="40" >
|
|
|
- <el-table-column prop="temperature1Str" label="℃" width="40" align="center"/>
|
|
|
+ <el-table-column prop="temperature1Str" label="℃" width="40" align="center"/>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="次/min">
|
|
|
- <el-table-column prop="heart" label="心率" width="40" align="center"/>
|
|
|
- <el-table-column prop="pulse1" label="脉搏" width="40" align="center"/>
|
|
|
+ <el-table-column prop="heart" label="心率" width="40" align="center"/>
|
|
|
+ <el-table-column prop="pulse1" label="脉搏" width="40" align="center"/>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="breathe1" label="呼吸" width="40" align="center"/>
|
|
|
<el-table-column label="血压" >
|
|
|
- <el-table-column prop="pressureAmPm" label="mmHg" width="50" align="center"/>
|
|
|
+ <el-table-column prop="pressureAmPm" label="mmHg" width="50" align="center"/>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="SpO2" >
|
|
|
- <el-table-column prop="spo2" label="%" width="50" align="center"/>
|
|
|
+ <el-table-column prop="spo2" label="%" width="50" align="center"/>
|
|
|
</el-table-column>
|
|
|
- <el-table-column v-if="queryParam.hldType=='5'" prop="mind" label="神志" width="50" align="center"/>
|
|
|
+ <el-table-column v-if="queryParam.hldType=='5'" prop="mind" width="50" label="神志" align="center"/>
|
|
|
<el-table-column v-else prop="mind" label="意识" width="50" align="center"/>
|
|
|
- <el-table-column label="瞳孔" v-if="tongKongFlag && queryParam.hldType !='5'" width="50" align="center" >
|
|
|
+ <el-table-column label="瞳孔" v-if="tongKongFlag && queryParam.hldType !='5'" width="50" align="center" >
|
|
|
<template #default="scope">
|
|
|
<span v-if="scope.row.rpupil">
|
|
|
{{scope.row.pupilr}} {{scope.row.pupil}} <br/> o{{scope.row.pupilbj}}o <br/> {{scope.row.rpupil}} {{scope.row.lpupil}}
|
|
@@ -128,11 +138,11 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column label="出量" >
|
|
|
<el-table-column prop="col2Name" label="名称" width="80" align="center"/>
|
|
|
- <el-table-column prop="col2Am" label="ml" width="30" align="center"/>
|
|
|
- <el-table-column prop="urineColor" label="颜色" width="40" align="center"/>
|
|
|
- <el-table-column prop="shitShape" label="性状" width="40" align="center"/>
|
|
|
+ <el-table-column prop="col2Am" label="ml" align="center"/>
|
|
|
+ <el-table-column prop="urineColor" label="颜色" width="40" align="center"/>
|
|
|
+ <el-table-column prop="shitShape" label="性状" width="40" align="center"/>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="skin" label="皮肤情况" width="60" align="center">
|
|
|
+ <el-table-column prop="skin" label="皮肤情况" width="60" align="center">
|
|
|
</el-table-column>
|
|
|
<el-table-column label="管道">
|
|
|
<el-table-column prop="tubesName" label="名称" width="80" align="center"/>
|
|
@@ -150,7 +160,7 @@
|
|
|
</el-table>
|
|
|
|
|
|
<el-table v-if="queryParam.hldType=='2'" :data="hldDataList" highlight-current-row stripe border :header-cell-style="{'text-align':'center'}"
|
|
|
- :cell-style="{'text-align':'center'}" height="550" @row-click="selectOne" @row-dblclick="dbClick" style="width: 100%;" >
|
|
|
+ :cell-style="{'text-align':'center'}" :height="tableHeight" @row-click="selectOne" @row-dblclick="dbClick" style="width: 100%;" >
|
|
|
<el-table-column prop="recDateStr" label="日期" width="45"/>
|
|
|
<el-table-column prop="recTimeStr" label="时间" width="40" />
|
|
|
<el-table-column prop="patientState" label="病情" width="25" align="center"/>
|
|
@@ -230,7 +240,7 @@
|
|
|
</el-table>
|
|
|
|
|
|
<el-table v-if="queryParam.hldType=='3'" :data="hldDataList" highlight-current-row stripe border :header-cell-style="{'text-align':'center'}"
|
|
|
- height="550" @row-click="selectOne" @row-dblclick="dbClick" :cell-style="{'text-align':'center'}" style="width: 100%;">
|
|
|
+ :height="tableHeight" @row-click="selectOne" @row-dblclick="dbClick" :cell-style="{'text-align':'center'}" style="width: 100%;">
|
|
|
<el-table-column prop="recDateStr" label="日期" width="45"/>
|
|
|
<el-table-column prop="recTimeStr" label="时段" width="40" />
|
|
|
<el-table-column prop="mind" label="意识" width="35" />
|
|
@@ -289,7 +299,7 @@
|
|
|
</el-table>
|
|
|
|
|
|
<el-table v-if="queryParam.hldType=='4'" :data="hldDataList" highlight-current-row stripe border :header-cell-style="{'text-align':'center'}"
|
|
|
- height="550" @row-click="selectOne" @row-dblclick="dbClick" style="width: 100%;">
|
|
|
+ :height="tableHeight" @row-click="selectOne" @row-dblclick="dbClick" style="width: 100%;">
|
|
|
<el-table-column prop="recDateStr" label="日期" width="45" align="center"/>
|
|
|
<el-table-column prop="recTimeStr" label="时段" width="40" align="center" />
|
|
|
<el-table-column prop="faceColour" label="面色" width="40" align="center"/>
|
|
@@ -325,7 +335,7 @@
|
|
|
</el-table>
|
|
|
|
|
|
<el-table v-if="queryParam.hldType=='6'" :data="hldDataList" highlight-current-row stripe border :header-cell-style="{'text-align':'center'}"
|
|
|
- :cell-style="{'text-align':'center'}" height="550" @row-click="selectOne" @row-dblclick="dbClick" style="width: 100%;">
|
|
|
+ :cell-style="{'text-align':'center'}" :height="tableHeight" @row-click="selectOne" @row-dblclick="dbClick" style="width: 100%;">
|
|
|
<el-table-column prop="recDateStr" label="日期" width="45"/>
|
|
|
<el-table-column prop="recTimeStr" label="时间" width="40" />
|
|
|
<el-table-column label="体温" >
|
|
@@ -423,9 +433,19 @@
|
|
|
<el-table-column prop="useridName" label="护士签名" width="50" >
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
+ <el-pagination
|
|
|
+ :current-page="queryParam.currentPage"
|
|
|
+ :page-size="queryParam.pageSize"
|
|
|
+ :page-sizes="[10, 20, 30, 40, 50, 100]"
|
|
|
+ :total="queryParam.total"
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="打印页面" name="second">
|
|
|
- <el-scrollbar height="580px">
|
|
|
+ <el-scrollbar class="scrollbar" max-height="580px" noresize="true">
|
|
|
<div id="cqYz" >
|
|
|
<table id="pageTable">
|
|
|
<thead>
|
|
@@ -813,7 +833,7 @@
|
|
|
</el-main>
|
|
|
</el-container>
|
|
|
</el-container>
|
|
|
- <el-dialog v-model="hulidanDialogFlag" title="编辑护理记录" destroy-on-close="true" style="width:60%;height: 95%">
|
|
|
+ <el-dialog v-model="hulidanDialogFlag" title="编辑护理记录" destroy-on-close="true" style="width:70%;height: 768px">
|
|
|
<FirstHuLiDan @refreshHuLidan="refreshHuLidan" :nursingRecordData="nursingRecordData" @closeHld="closeHld" ></FirstHuLiDan>
|
|
|
</el-dialog>
|
|
|
</template>
|
|
@@ -833,7 +853,22 @@ import router from "@/router";
|
|
|
import Sleep from "@/utils/sleep";
|
|
|
import {getNursingEditQuanXian} from "@/components/medical-advice/MedicalAdviceCommonUtil";
|
|
|
import store from '@/store';
|
|
|
+import {getWindowSize} from "@/utils/window-size";
|
|
|
+
|
|
|
+const showFlag= ref(true)
|
|
|
+const showFlagName= ref('<')
|
|
|
+const showFlagClick = ()=>{
|
|
|
+ showFlag.value = !showFlag.value
|
|
|
+ if(showFlag.value){
|
|
|
+ showFlagName.value ='<';
|
|
|
+ tableHeight.value = getWindowSize.value.h/1.2-260
|
|
|
+ }else {
|
|
|
+ showFlagName.value ='>';
|
|
|
+ tableHeight.value = getWindowSize.value.h/1.2-150
|
|
|
+ }
|
|
|
+}
|
|
|
|
|
|
+const tableHeight = ref(0)
|
|
|
const getCode = store.state.user.info.code
|
|
|
const queryParam =ref({
|
|
|
recDateStr:getFormatDatetime(new Date(),'YYYY-MM-DD'),
|
|
@@ -844,6 +879,9 @@ const queryParam =ref({
|
|
|
ward:'',
|
|
|
bedNo:'',
|
|
|
typeFlag:'0',
|
|
|
+ currentPage:1,
|
|
|
+ pageSize:40,
|
|
|
+ total:0,
|
|
|
})
|
|
|
//护理单数据
|
|
|
const hldDataList = ref([])
|
|
@@ -851,6 +889,15 @@ const hldPrintDataList = ref([])
|
|
|
|
|
|
const activeTableName = ref('first')
|
|
|
|
|
|
+const handleSizeChange = (val) => {
|
|
|
+ queryParam.value.pageSize = val
|
|
|
+ queryInfo()
|
|
|
+}
|
|
|
+const handleCurrentChange = (val) => {
|
|
|
+ queryParam.value.currentPage = val
|
|
|
+ queryInfo()
|
|
|
+}
|
|
|
+
|
|
|
const ward = ref([
|
|
|
{code:'8000002',name:'二病室'},
|
|
|
{code:'8000003',name:'三病室'},
|
|
@@ -994,7 +1041,30 @@ const getOutputDbloodName = (val) =>{
|
|
|
return val
|
|
|
}
|
|
|
}
|
|
|
+//选择tab页面
|
|
|
+const handletabPane = ()=>{
|
|
|
+ if(activeTableName.value === 'first'){
|
|
|
+ queryInfo()
|
|
|
+ }else {
|
|
|
+ if (patientInfo.value.inpatientNo) {
|
|
|
+ queryNursingRecord({
|
|
|
+ inpatientNo: patientInfo.value.inpatientNo,
|
|
|
+ admissTimes: patientInfo.value.admissTimes,
|
|
|
+ ward: queryParam.value.ward,
|
|
|
+ printFlag: true,
|
|
|
+ typeFlag: queryParam.value.typeFlag,
|
|
|
+ recDateStr: queryParam.value.recDateStr,
|
|
|
+ startRecTime: getFormatDatetime(queryParam.value.startRecTime, 'YYYY-MM-DD HH:mm:ss'),
|
|
|
+ endRecTime: getFormatDatetime(queryParam.value.endRecTime, 'YYYY-MM-DD HH:mm:ss')
|
|
|
+ }).then((res) => {
|
|
|
+ hldPrintDataList.value = res.records
|
|
|
+ })
|
|
|
+ }else {
|
|
|
+ return ElMessage.error('请选择一个病人')
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
+}
|
|
|
|
|
|
const tongKongFlag = ref(false)
|
|
|
|
|
@@ -1104,7 +1174,7 @@ font-size:32px ;
|
|
|
|
|
|
const selectPatientInfo=(val)=>{
|
|
|
patientInfo.value = val.patientInfo
|
|
|
- queryInfo()
|
|
|
+ handletabPane()
|
|
|
}
|
|
|
|
|
|
const queryInfo=()=>{
|
|
@@ -1113,25 +1183,19 @@ const queryInfo=()=>{
|
|
|
queryNursingRecord({
|
|
|
inpatientNo:patientInfo.value.inpatientNo,
|
|
|
admissTimes:patientInfo.value.admissTimes,
|
|
|
+ ward: queryParam.value.ward,
|
|
|
typeFlag:queryParam.value.typeFlag,
|
|
|
recDateStr:queryParam.value.recDateStr,
|
|
|
+ currentPage:queryParam.value.currentPage,
|
|
|
+ pageSize:queryParam.value.pageSize,
|
|
|
startRecTime:getFormatDatetime(queryParam.value.startRecTime,'YYYY-MM-DD HH:mm:ss'),
|
|
|
endRecTime:getFormatDatetime(queryParam.value.endRecTime,'YYYY-MM-DD HH:mm:ss')
|
|
|
}).then((res) =>{
|
|
|
- hldDataList.value = res
|
|
|
- })
|
|
|
- queryNursingRecord({
|
|
|
- inpatientNo:patientInfo.value.inpatientNo,
|
|
|
- admissTimes:patientInfo.value.admissTimes,
|
|
|
- printFlag:true,
|
|
|
- typeFlag:queryParam.value.typeFlag,
|
|
|
- recDateStr:queryParam.value.recDateStr,
|
|
|
- startRecTime:getFormatDatetime(queryParam.value.startRecTime,'YYYY-MM-DD HH:mm:ss'),
|
|
|
- endRecTime:getFormatDatetime(queryParam.value.endRecTime,'YYYY-MM-DD HH:mm:ss')
|
|
|
- }).then((res) =>{
|
|
|
- hldPrintDataList.value = res
|
|
|
+ hldDataList.value = res.records
|
|
|
+ queryParam.value.total = res.total
|
|
|
})
|
|
|
|
|
|
+
|
|
|
}else {
|
|
|
return ElMessage.error('请选择一个病人')
|
|
|
}
|
|
@@ -1142,6 +1206,8 @@ const queryInfo=()=>{
|
|
|
|
|
|
|
|
|
onMounted(() => {
|
|
|
+ tableHeight.value = getWindowSize.value.h/1.2-260;
|
|
|
+ console.log('tableHeight',tableHeight)
|
|
|
initLodop()
|
|
|
|
|
|
getAllWards().then((res) =>{
|
|
@@ -1200,10 +1266,9 @@ ul{
|
|
|
|
|
|
|
|
|
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
+.scrollbar{
|
|
|
+ width: 1300px;
|
|
|
+}
|
|
|
|
|
|
|
|
|
|