版本更新
This commit is contained in:
@@ -0,0 +1,26 @@
|
||||
<template>
|
||||
<div class="waitForDischarge-container">
|
||||
<patientList />
|
||||
<Review />
|
||||
</div>
|
||||
</template>
|
||||
<script setup >
|
||||
import patientList from './patientList.vue'
|
||||
import Review from './review.vue'
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.waitForDischarge-container {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
|
||||
.patientList-container {
|
||||
flex: none;
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
.medicalOrderList-container {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,73 @@
|
||||
<template>
|
||||
<div class="patientList-container">
|
||||
<div class="search-container">
|
||||
<el-button>查询</el-button>
|
||||
</div>
|
||||
<div class="patientList-table">
|
||||
<el-table :data="patientListData" row-key="id" style="width: 100%; height: 100%" highlight-current-row
|
||||
@selection-change="handleSelectionChange" :show-header="false" show-overflow-tooltip>
|
||||
<el-table-column label="姓名" prop="name" min-width="100">
|
||||
<template #default="{ row }">
|
||||
<div class="patient-name">
|
||||
<span class="name">{{ row.name }}</span>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column type="expand">
|
||||
患者详细信息:状态(是否审核)、开始时间、住院号、姓名、性别、年龄、费别、责任医生、责任护士、入院诊断、出院诊断、在院科室
|
||||
操作:审核、撤销审核
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup >
|
||||
import { ref } from 'vue';
|
||||
|
||||
const patientListData = ref([
|
||||
{
|
||||
id: 1,
|
||||
name: '张三1111111',
|
||||
age: 30,
|
||||
gender: '男',
|
||||
status: '在科',
|
||||
attention: '医生A',
|
||||
department: '儿科',
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: '李四',
|
||||
age: 25,
|
||||
gender: '女',
|
||||
status: '转科',
|
||||
attention: '医生B'
|
||||
}
|
||||
])
|
||||
const handleSelectionChange = (selection) => {
|
||||
console.log('handleSelectionChange', selection)
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.patientList-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
width: 240px;
|
||||
border-right: 1px solid #e4e7ed;
|
||||
|
||||
.search-container {
|
||||
flex: none;
|
||||
padding: 8px 8px;
|
||||
text-align: right;
|
||||
|
||||
}
|
||||
|
||||
.patientList-table {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,91 @@
|
||||
<template>
|
||||
<div class="review-container">
|
||||
<div class="search-container">
|
||||
<el-button>出院召回</el-button>
|
||||
<el-button>费用审核</el-button>
|
||||
</div>
|
||||
<div class="review-table">
|
||||
<el-tabs v-model="activeTabName" type="card" class="inOut-tabs">
|
||||
<el-tab-pane label="待处理执行单" name="first">
|
||||
<el-table :data="tableData" style="width: 100%">
|
||||
<el-table-column prop="date" label="类型" width="180" />
|
||||
<el-table-column prop="name" label="医嘱内容" width="180" />
|
||||
<el-table-column prop="address" label="开始/终止" />
|
||||
<el-table-column prop="address" label="预计执行" />
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="退费申请" name="second">
|
||||
<el-table :data="tableData" style="width: 100%">
|
||||
<el-table-column prop="date" label="退费申请科室" width="180" />
|
||||
<el-table-column prop="name" label="申请时间" width="180" />
|
||||
<el-table-column prop="address" label="项目名称【规格】" />
|
||||
<el-table-column prop="date" label="申请数量" width="180" />
|
||||
<el-table-column prop="date" label="单价" width="180" />
|
||||
<el-table-column prop="date" label="总金额" width="180" />
|
||||
<el-table-column prop="date" label="申请人" width="180" />
|
||||
<el-table-column prop="date" label="备注" width="180" />
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="待取药/待退药" name="third">
|
||||
<el-table :data="tableData" style="width: 100%">
|
||||
<el-table-column prop="date" label="类型(取/退)" width="180" />
|
||||
<el-table-column prop="name" label="发送科室" width="180" />
|
||||
<el-table-column prop="address" label="发送时间" />
|
||||
<el-table-column prop="address" label="药房" />
|
||||
<el-table-column prop="address" label="项目名称【规格】" />
|
||||
<el-table-column prop="address" label="单价" />
|
||||
<el-table-column prop="address" label="数量" />
|
||||
<el-table-column prop="address" label="金额" />
|
||||
<el-table-column prop="address" label="发送人" />
|
||||
<el-table-column prop="address" label="预计执行时间" />
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script setup >
|
||||
import { ref } from 'vue';
|
||||
const activeTabName = ref('first');
|
||||
const tableData = [
|
||||
{
|
||||
date: '2016-05-03',
|
||||
name: 'Tom',
|
||||
address: 'No. 189, Grove St, Los Angeles',
|
||||
},
|
||||
{
|
||||
date: '2016-05-02',
|
||||
name: 'Tom',
|
||||
address: 'No. 189, Grove St, Los Angeles',
|
||||
},
|
||||
{
|
||||
date: '2016-05-04',
|
||||
name: 'Tom',
|
||||
address: 'No. 189, Grove St, Los Angeles',
|
||||
},
|
||||
{
|
||||
date: '2016-05-01',
|
||||
name: 'Tom',
|
||||
address: 'No. 189, Grove St, Los Angeles',
|
||||
},
|
||||
]
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.review-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
|
||||
.search-container {
|
||||
flex: none;
|
||||
padding: 8px 8px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.medicalOrderList-table {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,4 @@
|
||||
import WaitForDischarge from './waitForDischarge/index.vue'
|
||||
import Discharged from './discharged/index.vue'
|
||||
|
||||
export { WaitForDischarge, Discharged }
|
||||
@@ -0,0 +1,26 @@
|
||||
<template>
|
||||
<div class="waitForDischarge-container">
|
||||
<patientList />
|
||||
<medicalOrderList />
|
||||
</div>
|
||||
</template>
|
||||
<script setup >
|
||||
import patientList from './patientList.vue'
|
||||
import medicalOrderList from './medicalOrderList.vue'
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.waitForDischarge-container {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
|
||||
.patientList-container {
|
||||
flex: none;
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
.medicalOrderList-container {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,187 @@
|
||||
<template>
|
||||
<div class="medicalOrderList-container">
|
||||
<div class="search-container">
|
||||
<el-button>出院</el-button>
|
||||
</div>
|
||||
<div class="medicalOrderList-table">
|
||||
<el-table :data="medicalOrderListData" row-key="id" style="width: 100%; height: 100%" highlight-current-row
|
||||
show-overflow-tooltip>
|
||||
<el-table-column label="类型" prop="name" min-width="100">
|
||||
<template #default="{ row }">
|
||||
<span>长期/西药</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="开始时间">
|
||||
<template #default="{ row }">
|
||||
<span>{{ row.dates[0].date }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="医嘱内容" prop="name" min-width="100">
|
||||
<template #default="{ row }">
|
||||
<span>{{ row.content }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="执行科室" prop="name" min-width="100">
|
||||
<template #default="{ row }">
|
||||
<span>{{ row.content }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="医生" prop="name" min-width="100">
|
||||
<template #default="{ row }">
|
||||
<span>{{ row.content }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="开立科室" prop="name" min-width="100">
|
||||
<template #default="{ row }">
|
||||
<span>{{ row.content }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="停止作废" prop="name" min-width="100">
|
||||
<template #default="{ row }">
|
||||
<span>{{ row.content }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script setup >
|
||||
import { ref } from 'vue';
|
||||
|
||||
const medicalOrderListData = ref([
|
||||
{
|
||||
name: '',
|
||||
age: 10,
|
||||
gender: '男',
|
||||
content: '维生素B12注射液【1ml:0.5mg*1】 ',
|
||||
dates: [{
|
||||
date: '05/04',
|
||||
times: [{
|
||||
time: '08:00',
|
||||
nurse: '刘护士',
|
||||
checked: false
|
||||
}, {
|
||||
time: '12:00',
|
||||
nurse: '刘护士',
|
||||
checked: false
|
||||
}]
|
||||
}, {
|
||||
date: '05/05',
|
||||
times: [{
|
||||
time: '08:00',
|
||||
nurse: '刘护士',
|
||||
checked: false
|
||||
}, {
|
||||
time: '12:00',
|
||||
nurse: '刘护士',
|
||||
checked: false
|
||||
}]
|
||||
}]
|
||||
}, {
|
||||
name: '',
|
||||
age: 10,
|
||||
gender: '男',
|
||||
content: '维生素B12注射液【1ml:0.5mg*1】 ',
|
||||
dates: [{
|
||||
date: '05/04',
|
||||
times: [{
|
||||
time: '08:00',
|
||||
nurse: '刘护士',
|
||||
checked: false
|
||||
}, {
|
||||
time: '12:00',
|
||||
nurse: '刘护士',
|
||||
checked: false
|
||||
}]
|
||||
}, {
|
||||
date: '05/05',
|
||||
times: [{
|
||||
time: '08:00',
|
||||
nurse: '刘护士',
|
||||
checked: false
|
||||
}, {
|
||||
time: '12:00',
|
||||
nurse: '刘护士',
|
||||
checked: false
|
||||
}]
|
||||
}]
|
||||
}
|
||||
,
|
||||
{
|
||||
name: '',
|
||||
age: 10,
|
||||
gender: '男',
|
||||
content: '维生素B12注射液【1ml:0.5mg*1】 ',
|
||||
dates: [{
|
||||
date: '05/04',
|
||||
times: [{
|
||||
time: '08:00',
|
||||
nurse: '刘护士',
|
||||
checked: false
|
||||
}, {
|
||||
time: '12:00',
|
||||
nurse: '刘护士',
|
||||
checked: false
|
||||
}]
|
||||
}, {
|
||||
date: '05/05',
|
||||
times: [{
|
||||
time: '08:00',
|
||||
nurse: '刘护士',
|
||||
checked: false
|
||||
}, {
|
||||
time: '12:00',
|
||||
nurse: '刘护士',
|
||||
checked: false
|
||||
}]
|
||||
}]
|
||||
}, {
|
||||
name: '',
|
||||
age: 10,
|
||||
gender: '男',
|
||||
content: '维生素B12注射液【1ml:0.5mg*1】 ',
|
||||
dates: [{
|
||||
date: '05/04',
|
||||
times: [{
|
||||
time: '08:00',
|
||||
nurse: '刘护士',
|
||||
checked: false
|
||||
}, {
|
||||
time: '12:00',
|
||||
nurse: '刘护士',
|
||||
checked: false
|
||||
}]
|
||||
}, {
|
||||
date: '05/05',
|
||||
times: [{
|
||||
time: '08:00',
|
||||
nurse: '刘护士',
|
||||
checked: false
|
||||
}, {
|
||||
time: '12:00',
|
||||
nurse: '刘护士',
|
||||
checked: false
|
||||
}]
|
||||
}]
|
||||
}
|
||||
])
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.medicalOrderList-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
|
||||
.search-container {
|
||||
flex: none;
|
||||
padding: 8px 8px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.medicalOrderList-table {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,72 @@
|
||||
<template>
|
||||
<div class="patientList-container">
|
||||
<div class="search-container">
|
||||
<el-button>查询</el-button>
|
||||
</div>
|
||||
<div class="patientList-table">
|
||||
<el-table :data="patientListData" row-key="id" style="width: 100%; height: 100%" highlight-current-row
|
||||
@selection-change="handleSelectionChange" :show-header="false" show-overflow-tooltip>
|
||||
<el-table-column label="姓名" prop="name" min-width="100">
|
||||
<template #default="{ row }">
|
||||
<div class="patient-name">
|
||||
<span class="name">{{ row.name }}</span>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column type="expand">
|
||||
患者详细信息
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup >
|
||||
import { ref } from 'vue';
|
||||
|
||||
const patientListData = ref([
|
||||
{
|
||||
id: 1,
|
||||
name: '张三1111111',
|
||||
age: 30,
|
||||
gender: '男',
|
||||
status: '在科',
|
||||
attention: '医生A',
|
||||
department: '儿科',
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: '李四',
|
||||
age: 25,
|
||||
gender: '女',
|
||||
status: '转科',
|
||||
attention: '医生B'
|
||||
}
|
||||
])
|
||||
const handleSelectionChange = (selection) => {
|
||||
console.log('handleSelectionChange', selection)
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.patientList-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
width: 240px;
|
||||
border-right: 1px solid #e4e7ed;
|
||||
|
||||
.search-container {
|
||||
flex: none;
|
||||
padding: 8px 8px;
|
||||
text-align: right;
|
||||
|
||||
}
|
||||
|
||||
.patientList-table {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,56 @@
|
||||
<!--
|
||||
* @Author: sjjh
|
||||
* @Date: 2025-04-21 14:50:04
|
||||
* @Description:
|
||||
-->
|
||||
<template>
|
||||
<div class="inpatientNurseHome-inOut-container">
|
||||
<el-tabs v-model="activeTabName" type="card" class="inOut-tabs">
|
||||
<el-tab-pane label="待出院" name="first">
|
||||
<WaitForDischarge />
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="已出院" name="second">
|
||||
<Discharged />
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
</template>
|
||||
<script setup >
|
||||
import { getCurrentInstance, onBeforeMount, onMounted, reactive, ref } from 'vue'
|
||||
|
||||
import { WaitForDischarge, Discharged } from './components/index.ts'
|
||||
// const { proxy } = getCurrentInstance()
|
||||
// const emits = defineEmits([])
|
||||
// const props = defineProps({})
|
||||
const state = reactive({})
|
||||
onBeforeMount(() => { })
|
||||
onMounted(() => { })
|
||||
defineExpose({ state })
|
||||
|
||||
const activeTabName = ref('first')
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.inpatientNurseHome-inOut-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
padding: 0 8px 8px;
|
||||
|
||||
:deep(.inOut-tabs) {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
|
||||
.el-tabs__header {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.el-tab-pane {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.el-tabs__content {
|
||||
height: calc(100% - 40px);
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user