Skip to content

P
pet-business-web
Commit 41d09da5 authored by 小费同学阿's avatar 小费同学阿 💬
Browse files
Options

进度信息模块封装ui代码优化

parent 5aed2a10
Show whitespace changes
Inline Side-by-side
Showing with 328 additions and 110 deletions
src/views/medical-record-management/case.js → src/api/business/case.js
View file @ 41d09da5
......@@ -3,7 +3,7 @@ import request from '@/utils/request'
// 查询病例管理列表
export function listCase(query) {
return request({
url: '/system/case/list',
url: '/business/case/list',
method: 'get',
params: query
})
......@@ -12,7 +12,7 @@ export function listCase(query) {
// 查询病例管理详细
export function getCase(id) {
return request({
url: '/system/case/' + id,
url: '/business/case/' + id,
method: 'get'
})
}
......@@ -20,7 +20,7 @@ export function getCase(id) {
// 新增病例管理
export function addCase(data) {
return request({
url: '/system/case',
url: '/business/case',
method: 'post',
data: data
})
......@@ -29,7 +29,7 @@ export function addCase(data) {
// 修改病例管理
export function updateCase(data) {
return request({
url: '/system/case',
url: '/business/case',
method: 'put',
data: data
})
......@@ -38,33 +38,7 @@ export function updateCase(data) {
// 删除病例管理
export function delCase(id) {
return request({
url: '/system/case/' + id,
url: '/business/case/' + id,
method: 'delete'
})
}
// 查询诊断假数据
export function treatmentForm() {
return request({
url: '/business/treatment/listAll',
method: 'get'
})
}
// 预约设备查询
export function getListEquipment(query) {
return request({
url: '/business/device/reservation',
method: 'get',
params: query
})
}
// 新增设备使用记录
export function addEquipmentUseIn(data) {
return request({
url: '/business/info',
method: 'post',
data: data
})
}
src/router/index.js
View file @ 41d09da5
......@@ -179,6 +179,32 @@ export const constantRoutes = [
}
]
},
// 病历管理
{
path: '/medical-record-management',
component: Layout,
hidden: true,
permissions: ['*:*:*'],
children: [
{
path: 'index',
props: true,
component: () => import('@/views/medical-record-management/medical-record-management'),
name: 'MedicalRecordManagement',
meta: { title: '病历管理', icon: 'component' }
},
// 病历详情
{
path: 'medical-detail/:id',
component: () => import('@/views/medical-record-management/medical-detail'),
name: 'MedicalDetail',
props: true,
meta: {
title: '病历详情', icon: 'component'
}
}
]
},
// 病历路由
{
......@@ -227,6 +253,7 @@ export const constantRoutes = [
}
]
},
// 个人中心
{
path: '/user',
component: Layout,
......
src/views/medical-record-management/medical-detail.vue
View file @ 41d09da5
......@@ -243,9 +243,9 @@
</div>
<div style=" margin-top: 20px;margin-left: 5%;">
<span>暂无数据</span>
<div style="float: right">
<el-button v-hasPermi="['business:reservation:list']" type="primary" size="mini" @click="reservation">立即预约</el-button>
</div>
<!-- <div style="float: right">-->
<!-- <el-button v-hasPermi="['business:reservation:list']" type="primary" size="mini" @click="reservation">立即预约</el-button>-->
<!-- </div>-->
</div>
</div>
......@@ -257,7 +257,7 @@
</template>
<script>
import { getCase, treatmentForm, updateCase } from '@/views/medical-record-management/case'
import { getCase, treatmentForm, updateCase } from '@/api/business/case'
import { getInfo } from '@/api/login'
export default {
......
src/views/medical-record-management/medical-record-management.vue
View file @ 41d09da5
<template>
<div class="app-container">
<el-form v-show="showSearch" ref="queryForm" :model="queryParams" size="small" :inline="true" label-width="100px">
<el-form v-show="showSearch" ref="queryForm" :model="queryParams" size="small" :inline="true" label-width="68px">
<el-form-item label="宠物昵称" prop="petNickname">
<el-input
v-model="queryParams.petNickname"
......@@ -9,7 +9,15 @@
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="联系方式" prop="petOwnerNumber">
<el-form-item label="昵称" prop="nickname">
<el-input
v-model="queryParams.nickname"
placeholder="请输入昵称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="宠物主手机号" prop="petOwnerNumber">
<el-input
v-model="queryParams.petOwnerNumber"
placeholder="请输入宠物主手机号"
......@@ -25,6 +33,30 @@
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="所属医院" prop="deptId">
<el-input
v-model="queryParams.deptId"
placeholder="请输入所属医院"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="所属科室" prop="departmentId">
<el-input
v-model="queryParams.departmentId"
placeholder="请输入所属科室"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="诊断结果" prop="diagnosticResults">
<el-input
v-model="queryParams.diagnosticResults"
placeholder="请输入诊断结果"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="病例号" prop="visitNumber">
<el-input
v-model="queryParams.visitNumber"
......@@ -33,74 +65,165 @@
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="宠物ID" prop="petId">
<el-form-item label="就诊时间" prop="visitTime">
<el-date-picker
v-model="queryParams.visitTime"
clearable
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择就诊时间"
/>
</el-form-item>
<el-form-item label="就诊诊位" prop="visitOffice">
<el-input
v-model="queryParams.visitOffice"
placeholder="请输入就诊诊位"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="诊断信息" prop="visitInformation">
<el-input
v-model="queryParams.visitInformation"
placeholder="请输入诊断信息"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="医嘱" prop="orders">
<el-input
v-model="queryParams.orders"
placeholder="请输入医嘱"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="用药信息" prop="medicationInformation">
<el-input
v-model="queryParams.medicationInformation"
placeholder="请输入用药信息"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="关联宠物" prop="petId">
<el-input
v-model="queryParams.petId"
placeholder="请输入宠物ID"
placeholder="请输入关联宠物"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item v-show="userType==='00'" label="所属医院" prop="hospitalId">
<el-select v-model="queryParams.deptId" clearable style="width: 240px" placeholder="请选择所属医院">
<el-option
v-for="(item, index) in hospitalNameForm"
:key="index"
:label="item.hospitalName"
:value="item.deptId"
<el-form-item label="关联宠物主" prop="petOwnerId">
<el-input
v-model="queryParams.petOwnerId"
placeholder="请输入关联宠物主"
clearable
@keyup.enter.native="handleQuery"
/>
</el-select>
</el-form-item>
<el-form-item label="就诊时间">
<el-date-picker
v-model="daterangeVisitTime"
style="width: 240px"
value-format="yyyy-MM-dd"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
<el-form-item label="关联兽医" prop="doctorId">
<el-input
v-model="queryParams.doctorId"
placeholder="请输入关联兽医"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="success" icon="el-icon-search" size="mini" @click="handleQuery">查询</el-button>
<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>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
v-hasPermi="['business:case:add']"
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
v-hasPermi="['system:case:export']"
v-hasPermi="['business:case:edit']"
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
v-hasPermi="['business:case:remove']"
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
v-hasPermi="['business:case:export']"
type="warning"
plain
icon="el-icon-top-right"
icon="el-icon-download"
size="mini"
@click="handleExport"
>批量导出</el-button>
</el-form-item>
</el-form>
>导出</el-button>
</el-col>
<right-toolbar :show-search.sync="showSearch" @queryTable="getList" />
</el-row>
<el-table v-loading="loading" :data="caseList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column type="index" label="序号" width="50" />
<el-table-column label="表id" align="center" prop="id" />
<el-table-column label="宠物昵称" align="center" prop="petNickname" />
<el-table-column label="昵称" align="center" prop="nickname" />
<el-table-column label="宠物主手机号" align="center" prop="petOwnerNumber" />
<el-table-column label="医生姓名" align="center" prop="doctorName" />
<el-table-column label="所属医院" align="center" prop="hospitalName" />
<el-table-column label="所属科室" align="center" prop="departmentName" />
<el-table-column label="所属医院" align="center" prop="deptId" />
<el-table-column label="所属科室" align="center" prop="departmentId" />
<el-table-column label="诊断结果" align="center" prop="diagnosticResults" />
<el-table-column label="病例号" align="center" prop="visitNumber" />
<el-table-column label="就诊时间" align="center" prop="visitTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.visitTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="就诊诊位" align="center" prop="visitOffice" />
<el-table-column label="诊断信息" align="center" prop="visitInformation" />
<el-table-column label="医嘱" align="center" prop="orders" />
<el-table-column label="用药信息" align="center" prop="medicationInformation" />
<el-table-column label="关联宠物" align="center" prop="petId" />
<el-table-column label="关联宠物主" align="center" prop="petOwnerId" />
<el-table-column label="关联兽医" align="center" prop="doctorId" />
<el-table-column label="宠物历史数据" align="center" prop="petJson" />
<el-table-column label="医生历史数据" align="center" prop="doctorJson" />
<el-table-column label="宠物主历史数据" align="center" prop="ownerJson" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
v-hasPermi="['business:case:edit']"
size="mini"
type="success"
icon="el-icon-document"
style="width: 50px; border-radius: 6px 6px 6px 6px;border: 1px solid rgb(123, 213, 102);"
plain
@click="detailsMedical(scope.row.id)"
>详情</el-button>
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
>修改</el-button>
<el-button
v-hasPermi="['business:case:remove']"
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
>删除</el-button>
</template>
</el-table-column>
</el-table>
......@@ -114,7 +237,7 @@
/>
<!-- 添加或修改病例管理对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" :close-on-click-modal="false" append-to-body>
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="宠物昵称" prop="petNickname">
<el-input v-model="form.petNickname" placeholder="请输入宠物昵称" />
......@@ -128,6 +251,12 @@
<el-form-item label="医生姓名" prop="doctorName">
<el-input v-model="form.doctorName" placeholder="请输入医生姓名" />
</el-form-item>
<el-form-item label="所属医院" prop="deptId">
<el-input v-model="form.deptId" placeholder="请输入所属医院" />
</el-form-item>
<el-form-item label="所属科室" prop="departmentId">
<el-input v-model="form.departmentId" placeholder="请输入所属科室" />
</el-form-item>
<el-form-item label="诊断结果" prop="diagnosticResults">
<el-input v-model="form.diagnosticResults" placeholder="请输入诊断结果" />
</el-form-item>
......@@ -143,21 +272,11 @@
placeholder="请选择就诊时间"
/>
</el-form-item>
<el-form-item label="所属医院" prop="hospitalId">
<el-select v-model="form.deptId" clearable style="width: 240px">
<el-option
v-for="(item, index) in hospitalNameForm"
:key="index"
:label="item.hospitalName"
:value="item.deptId"
/>
</el-select>
</el-form-item>
<el-form-item label="就诊诊位" prop="visitOffice">
<el-input v-model="form.visitOffice" placeholder="请输入就诊诊位" />
</el-form-item>
<el-form-item label="诊断信息" prop="visitInformation">
<el-input v-model="form.visitInformation" type="textarea" placeholder="请输入内容" />
<el-input v-model="form.visitInformation" placeholder="请输入诊断信息" />
</el-form-item>
<el-form-item label="医嘱" prop="orders">
<el-input v-model="form.orders" placeholder="请输入医嘱" />
......@@ -174,6 +293,15 @@
<el-form-item label="关联兽医" prop="doctorId">
<el-input v-model="form.doctorId" placeholder="请输入关联兽医" />
</el-form-item>
<el-form-item label="宠物历史数据" prop="petJson">
<el-input v-model="form.petJson" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="医生历史数据" prop="doctorJson">
<el-input v-model="form.doctorJson" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="宠物主历史数据" prop="ownerJson">
<el-input v-model="form.ownerJson" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
......@@ -184,18 +312,12 @@
</template>
<script>
import { listCase, getCase, delCase, addCase, updateCase } from '@/views/medical-record-management/case'
// import { listHospitalInVet } from '@/views/administrative-management/veterinary-management/veterinarians'
import { getInfo } from '@/api/login'
import { listCase, getCase, delCase, addCase, updateCase } from '@/api/business/case'
export default {
name: 'MedicalRecordManagement',
name: 'Case',
data() {
return {
// 登录角色
userType: '',
// 医院名称下拉框
hospitalNameForm: [],
// 遮罩层
loading: true,
// 选中数组
......@@ -214,19 +336,29 @@ export default {
title: '',
// 是否显示弹出层
open: false,
// 关联兽医时间范围
daterangeVisitTime: [],
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
petNickname: null,
nickname: null,
petOwnerNumber: null,
doctorName: null,
deptId: null,
departmentId: null,
diagnosticResults: null,
visitNumber: null,
visitTime: null,
petId: null
visitOffice: null,
visitInformation: null,
orders: null,
medicationInformation: null,
petId: null,
petOwnerId: null,
doctorId: null,
petJson: null,
doctorJson: null,
ownerJson: null
},
// 表单参数
form: {},
......@@ -236,40 +368,12 @@ export default {
}
},
created() {
this.getUserLogin()
this.getList()
this.getHospital()
},
methods: {
getUserLogin() {
getInfo().then(res => {
this.userType = res.user.userType
})
},
// 跳转病历详情页
detailsMedical(id) {
this.$router.push({
name: 'MedicalDetail',
params: {
id: id
}
})
},
// // 获取医院列表下拉框
// getHospital() {
// listHospitalInVet().then(res => {
// this.hospitalNameForm = res.rows
// })
// },
/** 查询病例管理列表 */
getList() {
this.loading = true
this.queryParams.params = {}
if (this.daterangeVisitTime != null && this.daterangeVisitTime !== '') {
this.queryParams.params['beginVisitTime'] = this.daterangeVisitTime[0]
this.queryParams.params['endVisitTime'] = this.daterangeVisitTime[1]
}
console.log('this.queryParams', this.queryParams)
listCase(this.queryParams).then(response => {
this.caseList = response.rows
this.total = response.total
......@@ -302,7 +406,10 @@ export default {
petOwnerId: null,
doctorId: null,
createTime: null,
updateTime: null
updateTime: null,
petJson: null,
doctorJson: null,
ownerJson: null
}
this.resetForm('form')
},
......@@ -313,7 +420,6 @@ export default {
},
/** 重置按钮操作 */
resetQuery() {
this.daterangeVisitTime = []
this.resetForm('queryForm')
this.handleQuery()
},
......@@ -371,7 +477,7 @@ export default {
},
/** 导出按钮操作 */
handleExport() {
this.download('system/case/export', {
this.download('business/case/export', {
...this.queryParams
}, `case_${new Date().getTime()}.xlsx`)
}
......
src/views/medical-record-management/reservation-equipment.vue
View file @ 41d09da5
<template>
<!-- -->
<div class="app-container">
<div style="background-color: #fff">
<div class="headerTitle">
......@@ -143,7 +144,7 @@
</template>
<script>
import { addEquipmentUseIn, getListEquipment } from '@/views/medical-record-management/case'
import { addEquipmentUseIn, getListEquipment } from '@/api/business/case'
export default {
name: 'ReservationEquipment',
......
src/views/service-management/medical-record-management/check-detail.vue
View file @ 41d09da5
......@@ -102,10 +102,10 @@
<!-- 步骤条 -->
<div>
<el-steps :active="2" align-center>
<el-step title="开具处方单" description="这是一段很长很长很长的描述性文字"></el-step>
<el-step title="缴费开票" description="这是一段很长很长很长的描述性文字"></el-step>
<el-step title="预约检查" description="这段就没那么长了"></el-step>
<el-step title="步骤 4" description="这段就没那么长了！！！"></el-step>
<el-step title="开具处方单" description="这是一段很长很长很长的描述性文字" />
<el-step title="缴费开票" description="这是一段很长很长很长的描述性文字" />
<el-step title="预约检查" description="这段就没那么长了" />
<el-step title="步骤 4" description="这段就没那么长了！！！" />
</el-steps>
</div>
<div class="title-paragraph">
......
src/views/service-management/registration-queue/registration-add.vue
View file @ 41d09da5
......@@ -163,11 +163,7 @@
</el-form-item>
</el-col>
</el-row>
<!-- 选择宠物-->
<div slot="footer" class="dialog-footer" style="margin-left: 7%;padding-bottom: 10px;">
<el-button class="queryBtn" type="primary" size="mini" @click="submitForm">提 交</el-button>
<el-button class="resetBtn" size="mini" @click="cancel">返 回</el-button>
</div>
</el-form>
<!--进度信息-->
<schedule-info />
......@@ -179,6 +175,11 @@
<doctor-detail :is-show="showDoctorModle" />
<!-- 挂号/加号弹出框-->
<register-modle :is-show="showRegistrationModle" />
<!-- 选择宠物-->
<div slot="footer" class="dialog-footer">
<el-button class="queryBtn" icon="el-icon-check" @click="submitForm">提 交</el-button>
<el-button class="resetBtn" icon="el-icon-back" @click="cancel">返 回</el-button>
</div>
</div>
</template>
......@@ -352,4 +353,5 @@ export default {
}
}
}
</style>
src/views/service-management/registration-queue/registration-detail.vue
View file @ 41d09da5
......@@ -325,19 +325,25 @@ color: #333333;"
<el-row>
<el-col :span="24">
<el-form-item label="主诉">
<el-input v-model="visitForm.name" placeholder="请输入患者主诉" type="textarea" maxlength="400" />
<el-input
v-model="visitForm.name"
maxlength="400"
placeholder="请输入患者主诉"
type="textarea"
/>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="医嘱">
<el-input v-model="visitForm.name" placeholder="请输入医嘱" type="textarea" maxlength="200" />
<el-input v-model="visitForm.name" maxlength="200" placeholder="请输入医嘱" type="textarea" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="诊断结果">
<el-input v-model="visitForm.name" placeholder="请输入诊断结果" maxlength="30" />
<el-input v-model="visitForm.name" maxlength="30" placeholder="请输入诊断结果" />
</el-form-item>
</el-col><el-col :span="24">
</el-col>
<el-col :span="24">
<el-form-item label="处方单">
<el-button
class="fourWordsBtn"
......@@ -356,7 +362,7 @@ color: #333333;"
</el-form>
</div>
<!--底部返回按钮-->
<el-button class="queryBtn" icon="el-icon-back" @click="goBack">返 回</el-button>
<el-button class="backBth" icon="el-icon-back" @click="goBack">返 回</el-button>
</div>
</div>
</div>
......@@ -614,4 +620,36 @@ export default {
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-family: Microsoft YaHei-Regular, Microsoft YaHei;
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;
}
}
</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