Skip to content

P
pet-business-web
Commit 0301632f authored by 高滢's avatar 高滢
Browse files
Options

住院管理/详情

parent bf740838
Show whitespace changes
Inline Side-by-side
Showing with 617 additions and 88 deletions
src/router/index.js
View file @ 0301632f
......@@ -330,6 +330,26 @@ export const constantRoutes = [
title: '挂号详情', icon: 'component'
}
},
// 住院管理
{
path: 'hospitalization-management',
component: () => import('@/views/service-management/hospitalization-management/hospitalization-management'),
name: 'HospitalizationManagement',
props: true,
meta: {
title: '住院管理', icon: 'component'
}
},
// 住院详情
{
path: 'hospitalization-details/:id',
component: () => import('@/views/service-management/hospitalization-management/hospitalization-details'),
name: 'HospitalizationDetails',
props: true,
meta: {
title: '住院详情', icon: 'component'
}
},
// 录入诊断路由
{
path: 'registration-edit/:id/:type',
......@@ -370,15 +390,6 @@ export const constantRoutes = [
title: '检查管理', icon: 'component'
}
},
{
path: 'hospitalization-management',
component: () => import('@/views/service-management/hospitalization-management/hospitalization-management.vue'),
name: 'HospitalizationManagement',
props: true,
meta: {
title: '住院管理', icon: 'component'
}
},
// 检查详情
{
path: 'check-detail',
......
src/views/service-management/hospitalization-management/hospitalization-details.vue 0 → 100644
View file @ 0301632f
<template>
<div style="background-color: #FFFFFF;">
<!-- 宠物详情页-->
<div class="pet-detail">
<!-- 头部标题-->
<div style="padding-top:32px;text-align: center;">
<span style="font-size: 24px;font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;font-weight: bold;color: #333333;">详情</span>
</div>
<!-- 整体卡片内页面的样式--边距-->
<div style="padding: 20px 20px 20px 20px;">
<el-form ref="form" class="register-detail__form" :model="detailInfo" label-width="81px" size="small">
<!--基本信息-->
<div style="display: flex">
<!-- 1-- 宠物基本信息的页面--标签头 -->
<div class="tip-green" />
<div
style="padding-left: 13px;font-size: 16px;font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;font-weight: bold;color: #333333;"
>宠物信息
</div>
</div>
<div class="base-msg">
<div>
<!--基础信息右边的信息-->
<div class="base-inner" style="padding-left: 10px">
<!--宠物昵称-->
<el-row>
<el-col :span="8" class="form__left">
<el-form-item label="宠物昵称">
<el-input v-model="detailInfo.petNickname" placeholder="暂无数据" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
<!--宠物ID-->
<el-form-item label="宠物ID">
<el-input v-model="detailInfo.petsId" placeholder="暂无数据" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
<!--宠物品种-->
<el-form-item label="宠物品种" prop="petBreed" class="petBreed">
<el-input v-model="detailInfo.petBreed" placeholder="暂无数据" disabled class="half__-5px" />
<el-input
v-model="detailInfo.petChildBreed"
placeholder="暂无数据"
class="petChildBreed half"
disabled
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8" class="form__left">
<!--宠物性别-->
<el-form-item label="宠物性别">
<el-select
v-model="detailInfo.petSex"
clearable
disabled
placeholder="暂无数据"
>
<el-option
v-for="(item, index) in dict.type.pet_sex"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<!--宠物年龄-->
<el-form-item label="宠物年龄">
<el-input v-model="detailInfo.petAge" placeholder="暂无数据" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
<!--宠物体重-->
<el-form-item label="宠物体重">
<el-input v-model="detailInfo.petWeight" placeholder="暂无数据" disabled>
<template #suffix>kg</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8" class="form__left">
<!--宠物毛色-->
<el-form-item label="宠物毛色">
<el-input v-model="detailInfo.petColor" placeholder="暂无数据" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
<!--绝育情况-->
<el-form-item label="绝育情况">
<el-select
v-model="detailInfo.sterilizationStatus"
clearable
disabled
placeholder="暂无数据"
>
<el-option
v-for="(item, index) in dict.type.sterilization_status"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<!--疫苗情况-->
<el-form-item label="疫苗情况">
<el-select
v-model="detailInfo.vaccineSituation"
clearable
disabled
placeholder="暂无数据"
>
<el-option
v-for="(item, index) in dict.type.vaccine_situation"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8" class="form__left">
<!--保险情况-->
<el-form-item label="宠物保险">
<el-select
v-model="detailInfo.insure"
clearable
disabled
placeholder="暂无数据"
>
<el-option
v-for="(item, index) in dict.type.pet_insure"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
</div>
<!--主人信息-->
<div style="display: flex">
<div class="tip-green" />
<div
style="padding-left: 13px;font-size: 16px;font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;font-weight: bold;color: #333333;"
>宠主信息
</div>
</div>
<div class="ownerMsg-inner" style="padding-left: 10px">
<el-row>
<el-col :span="8" class="form__left">
<el-form-item label="宠主姓名">
<el-input v-model="detailInfo.nickName" placeholder="暂无数据" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="手机号">
<el-input v-model="detailInfo.phoneNumber" placeholder="暂无数据" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="用户ID">
<el-input v-model="detailInfo.ownersId" placeholder="暂无数据" disabled />
</el-form-item>
</el-col>
</el-row>
</div>
<!--兽医信息-->
<div style="display: flex">
<div class="tip-green" />
<div
style="padding-left: 13px;font-size: 16px;font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;font-weight: bold;color: #333333;"
>兽医信息
</div>
</div>
<div class="ownerMsg-inner" style="padding-left: 10px">
<el-row>
<el-col :span="8" class="form__left">
<el-form-item label="医生姓名">
<el-input v-model="detailInfo.nickName" placeholder="暂无数据" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="医生ID">
<el-input v-model="detailInfo.ownersId" placeholder="暂无数据" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="手机号">
<el-input v-model="detailInfo.phoneNumber" placeholder="暂无数据" disabled />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8" class="form__left">
<el-form-item label="所属医院">
<el-input v-model="detailInfo.phoneNumber" placeholder="暂无数据" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="所属科室">
<el-select
v-model="detailInfo.membershipLevel"
clearable
placeholder="暂无数据"
disabled
>
<el-option
v-for="dict in mdoctor_title"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="医生职称">
<el-select
v-model="detailInfo.membershipLevel"
clearable
placeholder="暂无数据"
disabled
>
<el-option
v-for="dict in doctor_title"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
</div>
<!--兽医信息-->
<div style="display: flex">
<div class="tip-green" />
<div
style="padding-left: 13px;font-size: 16px;font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;font-weight: bold;color: #333333;"
>住院信息
</div>
</div>
<div class="ownerMsg-inner" style="padding-left: 10px">
<el-row>
<el-col :span="8" class="form__left">
<el-form-item label="病情等级">
<el-input v-model="detailInfo.nickName" placeholder="暂无数据" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="病房类型">
<el-input v-model="detailInfo.ownersId" placeholder="暂无数据" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="能否沐浴">
<el-input v-model="detailInfo.phoneNumber" placeholder="暂无数据" disabled />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8" class="form__left">
<el-form-item label="入院日期">
<el-date-picker
v-model="detailInfo.visitDate"
clearable
disabled
placeholder="暂无数据"
type="date"
value-format="yyyy-MM-dd"
format="yyyy/MM/dd"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="病房号">
<el-input v-model="detailInfo.phoneNumber" placeholder="暂无数据" disabled />
</el-form-item>
</el-col>
</el-row>
</div>
<!--兽医信息-->
<div style="display: flex">
<div class="tip-green" />
<div
style="padding-left: 13px;font-size: 16px;font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;font-weight: bold;color: #333333;"
>押金充值信息
</div>
</div>
<div style="padding: 20px;">
<el-table :data="hospitalList" >
<el-table-column label="时间" align="center" prop="id" />
<el-table-column label="金额" align="center" prop="id" />
<el-table-column label="操作人" align="center" prop="id" />
<el-table-column label="操作项目" align="center" prop="medicalRecordId" />
<el-table-column label="当前金额" align="center" prop="bathe" />
</el-table>
</div>
</el-form>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'HospitalizationDetails',
// 数据字典
dicts: ['pet_sex', 'vaccine_situation', 'exist_state', 'sterilization_status', 'pet_insure', 'cat_breed', 'dog_breed', 'other_breed', 'doctor_title'],
data() {
return {
detailInfo: {}
}
},
methods: {}
}
</script>
<style scoped lang="scss">
//整个页面整体布局
.pet-detail {
//最外层嵌套卡片的样式
.box-card {
margin: 20px 20px 20px 20px;
}
//1--基本信息--模块内信息整体样式
.base-msg {
//display: grid !important;
//grid-template-columns: repeat(2, auto);
color: #666666;
margin-top: 20px;
margin-bottom: 20px;
}
.el-col-8 {
padding-left: 41px;
}
.form__left {
margin-left: -50px;
}
//2--宠物保险--模块内信息整体样式
.pet-insurance {
margin: 35px 1% 20px;
}
//3--主人信息--模块内信息整体样式
.ownerMsg-inner {
color: #666666;
//display: grid !important;
//grid-template-columns: repeat(2, auto);
margin-top: 20px;
margin-bottom: 20px;
//margin-right: 5%;
}
//模块tip样式--绿色
.tip-green {
width: 3px;
height: 24px;
background: #5FB54B;
border-radius: 10px 10px 10px 10px;
}
//所有表格内容选中后的样式-all
::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
background-color: #F6FCF5 !important;
}
.petBreed {
::v-deep .el-input--small {
width: 105px !important;
}
.petChildBreed {
margin-left: 5px;
}
}
.register-detail__form {
.el-form-item {
margin-right: 0 !important;
&__content {
.el-input, .el-select {
width: 100% !important;
}
.el-select ::v-deep .el-input {
width: 100% !important;
}
.half {
width: 50% !important;
}
.half__-5px {
width: calc(50% - 5px) !important;
}
}
}
}
}
//宠物性别样式
::v-deep .el-icon-male {
margin-top: 3px;
margin-left: 3px;
}
//详情页label文字样式设置(穿透)
::v-deep .el-form-item__label {
font-size: 14px;
font-weight: 400;
color: #707070;
}
//详情页表单内容文字样式
.content-style {
font-size: 14px;
font-weight: 400;
height: auto;
color: #333333;
}
//返回按钮样式
.backBth {
padding: 7px 13px 7px 11px;
width: 80px;
height: 32px;
background: #FFFFFF;
border-radius: 4px 4px 4px 4px;
opacity: 1;
border: 1px solid #E5E5E5;
font-size: 14px;
font-weight: 400;
color: #333333;
i {
width: 10px;
font-size: 10px;
height: 11px;
}
&:hover {
background: rgba(95, 181, 75, 0.08);
opacity: 1;
border: 1px solid #5FB54B;
color: #333333 !important;
}
&:focus {
background: rgba(85, 163, 67, 0.08);
opacity: 1;
border: 1px solid #55A343;
color: #333333 !important;
}
}
//文本框样式
::v-deep .el-textarea {
width: 90% !important;
}
.bottom-input-style {
//输入框样式
::v-deep .el-input__inner {
width: 400% !important;
}
}
</style>
src/views/service-management/hospitalization-management/hospitalization-management.vue
View file @ 0301632f
<template>
<div class="app-container">
<el-form v-show="showSearch" ref="queryForm" :model="queryParams" size="small" :inline="true" label-width="68px">
<el-form-item label="病历id" prop="medicalRecordId">
<el-form-item prop="medicalRecordId">
<el-input
v-model="queryParams.medicalRecordId"
placeholder="请输入病历id"
v-model.trim="queryParams.medicalRecordId"
placeholder="请输入宠物昵称/宠主姓名"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="沐浴" prop="bathe">
<el-form-item prop="bathe">
<el-input
v-model="queryParams.bathe"
placeholder="请输入沐浴"
placeholder="病情等级"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="出院结果1-允许出院、2-占用" prop="result">
<el-form-item prop="bathe">
<el-input
v-model="queryParams.result"
placeholder="请输入出院结果1-允许出院、2-占用"
v-model="queryParams.bathe"
placeholder="病房类型"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="病情等级" prop="diseaseLevel">
<el-form-item prop="bathe">
<el-input
v-model="queryParams.diseaseLevel"
placeholder="请输入病情等级"
v-model="queryParams.bathe"
placeholder="病房号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
<el-form-item prop="bathe">
<el-input
v-model="queryParams.bathe"
placeholder="请输入入院日期"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item prop="bathe">
<el-input
v-model="queryParams.bathe"
placeholder="请选择排序方式"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-row :gutter="10" class="mb8" style="margin: 0 0 20px 1px">
<el-button
v-hasPermi="['business:hospital:add']"
type="primary"
plain
icon="el-icon-plus"
class="fourWordsBtn"
icon="el-icon-finished"
size="mini"
@click="handleAdd"
>新增</el-button>
</el-col>
<el-col :span="1.5">
@click="selectAll()"
>选择全部
</el-button>
<el-button
v-hasPermi="['business:hospital:edit']"
type="success"
plain
icon="el-icon-edit"
class="fourWordsBtn"
icon="el-icon-back"
size="mini"
:disabled="single"
@click="handleUpdate"
>修改</el-button>
</el-col>
<el-col :span="1.5">
@click="reverseSelect()"
>反向选择
</el-button>
<el-button
v-hasPermi="['business:hospital:remove']"
type="danger"
plain
icon="el-icon-delete"
class="fourWordsBtn"
icon="el-icon-upload2"
size="mini"
:disabled="multiple"
@click="handleDelete"
>删除</el-button>
</el-col>
<el-col :span="1.5">
@click="handleExport()"
>批量导出
</el-button>
<el-button
v-hasPermi="['business:hospital:export']"
type="warning"
plain
icon="el-icon-download"
style="position: relative; float: right;"
class="resetBtn"
icon="el-icon-refresh"
size="mini"
@click="handleExport"
>导出</el-button>
</el-col>
<right-toolbar :show-search.sync="showSearch" @queryTable="getList" />
@click="resetQuery"
>重置
</el-button>
<el-button
style="position: relative; float: right;"
class="queryBtn"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>查询
</el-button>
</el-row>
<el-table v-loading="loading" :data="hospitalList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="主键" align="center" prop="id" />
<el-table-column label="病历id" align="center" prop="medicalRecordId" />
<el-table-column label="沐浴" align="center" prop="bathe" />
<el-table-column label="1-待缴费" align="center" prop="status" />
<el-table-column label="出院情况" align="center" prop="dischargeStatus" />
<el-table-column label="医嘱" align="center" prop="doctorAdvice" />
<el-table-column label="出院结果1-允许出院、2-占用" align="center" prop="result" />
<el-table-column label="病情等级" align="center" prop="diseaseLevel" />
<el-table-column label="序号" type="index" align="left" />
<el-table-column label="病情等级" align="center" prop="id" />
<el-table-column label="宠物昵称" align="center" prop="medicalRecordId" />
<el-table-column label="宠物保险" align="center" prop="bathe" />
<el-table-column label="宠主姓名" align="center" prop="status" />
<el-table-column label="联系方式" align="center" prop="dischargeStatus" />
<el-table-column label="主治兽医" align="center" prop="doctorAdvice" />
<el-table-column label="所属科室" align="center" prop="result" />
<el-table-column label="病房负责人" align="center" prop="diseaseLevel" />
<el-table-column label="入院日期" align="center" prop="diseaseLevel" />
<el-table-column label="入院天数" align="center" prop="diseaseLevel" />
<el-table-column label="病房类型" align="center" prop="diseaseLevel" />
<el-table-column label="病房号" align="center" prop="diseaseLevel" />
<el-table-column label="押金金额" align="center" prop="diseaseLevel" />
<el-table-column label="状态" align="center" prop="diseaseLevel" />
<el-table-column label="出院日期" align="center" prop="diseaseLevel" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
v-hasPermi="['business:hospital:edit']"
icon="el-icon-document"
plain
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
>修改</el-button>
style="width: 50px; border-radius: 6px 6px 6px 6px;border: 1px solid rgb(95,181,75);"
type="success"
@click="handleDetails(scope.row)"
>详情</el-button>
<el-button
v-hasPermi="['business:hospital:remove']"
v-if="scope.row.treatSchedule==='1'&&scope.row.payType==='1'"
class="bookNow"
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
>删除</el-button>
icon="el-icon-orange"
@click="handleSubscribe(scope.row)"
>办理入住</el-button>
</template>
</el-table-column>
</el-table>
......@@ -161,7 +176,7 @@ export default {
data() {
return {
// 遮罩层
loading: true,
loading: false,
// 选中数组
ids: [],
// 非单个禁用
......@@ -173,7 +188,9 @@ export default {
// 总条数
total: 0,
// 业务管理-住院管理表格数据
hospitalList: [],
hospitalList: [
{ id: '1', medicalRecordId: '1' }
],
// 弹出层标题
title: '',
// 是否显示弹出层
......@@ -198,9 +215,16 @@ export default {
}
},
created() {
this.getList()
// this.getList()
},
methods: {
// 去详情页
handleDetails(row) {
this.$router.push({
name: 'HospitalizationDetails',
params: { id: row.id }
})
},
/** 查询业务管理-住院管理列表 */
getList() {
this.loading = true
......@@ -305,3 +329,8 @@ export default {
}
}
</script>
<style>
.app-container{
background-color: #FFFFFF;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment