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 = [ ...@@ -330,6 +330,26 @@ export const constantRoutes = [
title: '挂号详情', icon: 'component' 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', path: 'registration-edit/:id/:type',
...@@ -370,15 +390,6 @@ export const constantRoutes = [ ...@@ -370,15 +390,6 @@ export const constantRoutes = [
title: '检查管理', icon: 'component' 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', 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> <template>
<div class="app-container"> <div class="app-container">
<el-form v-show="showSearch" ref="queryForm" :model="queryParams" size="small" :inline="true" label-width="68px"> <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 <el-input
v-model="queryParams.medicalRecordId" v-model.trim="queryParams.medicalRecordId"
placeholder="请输入病历id" placeholder="请输入宠物昵称/宠主姓名"
clearable clearable
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="沐浴" prop="bathe"> <el-form-item prop="bathe">
<el-input <el-input
v-model="queryParams.bathe" v-model="queryParams.bathe"
placeholder="请输入沐浴" placeholder="病情等级"
clearable clearable
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="出院结果1-允许出院、2-占用" prop="result"> <el-form-item prop="bathe">
<el-input <el-input
v-model="queryParams.result" v-model="queryParams.bathe"
placeholder="请输入出院结果1-允许出院、2-占用" placeholder="病房类型"
clearable clearable
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="病情等级" prop="diseaseLevel"> <el-form-item prop="bathe">
<el-input <el-input
v-model="queryParams.diseaseLevel" v-model="queryParams.bathe"
placeholder="请输入病情等级" placeholder="病房号"
clearable clearable
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item prop="bathe">
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-input
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> 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-item>
</el-form> </el-form>
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8" style="margin: 0 0 20px 1px">
<el-col :span="1.5">
<el-button <el-button
v-hasPermi="['business:hospital:add']" class="fourWordsBtn"
type="primary" icon="el-icon-finished"
plain
icon="el-icon-plus"
size="mini" size="mini"
@click="handleAdd" @click="selectAll()"
>新增</el-button> >选择全部
</el-col> </el-button>
<el-col :span="1.5">
<el-button <el-button
v-hasPermi="['business:hospital:edit']" class="fourWordsBtn"
type="success" icon="el-icon-back"
plain
icon="el-icon-edit"
size="mini" size="mini"
:disabled="single" @click="reverseSelect()"
@click="handleUpdate" >反向选择
>修改</el-button> </el-button>
</el-col>
<el-col :span="1.5">
<el-button <el-button
v-hasPermi="['business:hospital:remove']" class="fourWordsBtn"
type="danger" icon="el-icon-upload2"
plain
icon="el-icon-delete"
size="mini" size="mini"
:disabled="multiple" @click="handleExport()"
@click="handleDelete" >批量导出
>删除</el-button> </el-button>
</el-col>
<el-col :span="1.5">
<el-button <el-button
v-hasPermi="['business:hospital:export']" style="position: relative; float: right;"
type="warning" class="resetBtn"
plain icon="el-icon-refresh"
icon="el-icon-download"
size="mini" size="mini"
@click="handleExport" @click="resetQuery"
>导出</el-button> >重置
</el-col> </el-button>
<right-toolbar :show-search.sync="showSearch" @queryTable="getList" /> <el-button
style="position: relative; float: right;"
class="queryBtn"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>查询
</el-button>
</el-row> </el-row>
<el-table v-loading="loading" :data="hospitalList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="hospitalList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="主键" align="center" prop="id" /> <el-table-column label="序号" type="index" align="left" />
<el-table-column label="病历id" align="center" prop="medicalRecordId" /> <el-table-column label="病情等级" align="center" prop="id" />
<el-table-column label="沐浴" align="center" prop="bathe" /> <el-table-column label="宠物昵称" align="center" prop="medicalRecordId" />
<el-table-column label="1-待缴费" align="center" prop="status" /> <el-table-column label="宠物保险" align="center" prop="bathe" />
<el-table-column label="出院情况" align="center" prop="dischargeStatus" /> <el-table-column label="宠主姓名" align="center" prop="status" />
<el-table-column label="医嘱" align="center" prop="doctorAdvice" /> <el-table-column label="联系方式" align="center" prop="dischargeStatus" />
<el-table-column label="出院结果1-允许出院、2-占用" align="center" prop="result" /> <el-table-column label="主治兽医" align="center" prop="doctorAdvice" />
<el-table-column label="病情等级" align="center" prop="diseaseLevel" /> <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"> <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
v-hasPermi="['business:hospital:edit']" icon="el-icon-document"
plain
size="mini" size="mini"
type="text" style="width: 50px; border-radius: 6px 6px 6px 6px;border: 1px solid rgb(95,181,75);"
icon="el-icon-edit" type="success"
@click="handleUpdate(scope.row)" @click="handleDetails(scope.row)"
>修改</el-button> >详情</el-button>
<el-button <el-button
v-hasPermi="['business:hospital:remove']" v-if="scope.row.treatSchedule==='1'&&scope.row.payType==='1'"
class="bookNow"
size="mini" size="mini"
type="text" icon="el-icon-orange"
icon="el-icon-delete" @click="handleSubscribe(scope.row)"
@click="handleDelete(scope.row)" >办理入住</el-button>
>删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
...@@ -161,7 +176,7 @@ export default { ...@@ -161,7 +176,7 @@ export default {
data() { data() {
return { return {
// 遮罩层 // 遮罩层
loading: true, loading: false,
// 选中数组 // 选中数组
ids: [], ids: [],
// 非单个禁用 // 非单个禁用
...@@ -173,7 +188,9 @@ export default { ...@@ -173,7 +188,9 @@ export default {
// 总条数 // 总条数
total: 0, total: 0,
// 业务管理-住院管理表格数据 // 业务管理-住院管理表格数据
hospitalList: [], hospitalList: [
{ id: '1', medicalRecordId: '1' }
],
// 弹出层标题 // 弹出层标题
title: '', title: '',
// 是否显示弹出层 // 是否显示弹出层
...@@ -198,9 +215,16 @@ export default { ...@@ -198,9 +215,16 @@ export default {
} }
}, },
created() { created() {
this.getList() // this.getList()
}, },
methods: { methods: {
// 去详情页
handleDetails(row) {
this.$router.push({
name: 'HospitalizationDetails',
params: { id: row.id }
})
},
/** 查询业务管理-住院管理列表 */ /** 查询业务管理-住院管理列表 */
getList() { getList() {
this.loading = true this.loading = true
...@@ -305,3 +329,8 @@ export default { ...@@ -305,3 +329,8 @@ export default {
} }
} }
</script> </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