Skip to content

P
pet-business-web
Commit 69aa3746 authored by 盖献康's avatar 盖献康
Browse files
Options

Merge remote-tracking branch 'origin/master'

parents 56ea81aa 207cd7e1
Hide whitespace changes
Inline Side-by-side
Showing with 250 additions and 202 deletions
src/views/medical-record-management/medical-detail.vue
View file @ 69aa3746
...@@ -309,7 +309,7 @@ export default { ...@@ -309,7 +309,7 @@ export default {
// 立即预约 // 立即预约
reservation() { reservation() {
this.$router.push({ this.$router.push({
name: 'ReservationEquipment', name: 'MedicalDetail',
params: { params: {
id: this.id, id: this.id,
pet: this.medicalForm.petJson pet: this.medicalForm.petJson
......
src/views/medical-record-management/medical-record-management.vue
View file @ 69aa3746
<template> <template>
<div class="app-container"> <div style="background-color: #FFFFFF;">
<el-form v-show="showSearch" ref="queryForm" :model="queryParams" size="small" :inline="true" label-width="68px"> <div class="app-container">
<el-form-item prop="petNickname"> <!--顶部搜索区-->
<el-input <el-form v-show="showSearch" ref="queryForm" class="form-style" :inline="true" :model="queryParams" label-width="68px" size="small">
v-model="queryParams.petNickname" <el-form-item prop="petNickname">
placeholder="请输入病历号/宠物昵称/宠主手机号" <el-input
clearable v-model="queryParams.petNickname"
@keyup.enter.native="handleQuery" clearable
/> placeholder="请输入病历号/宠物昵称/宠主手机号"
</el-form-item> @keyup.enter.native="handleQuery"
<el-form-item prop="doctorName">
<el-select v-model.trim="queryParams.doctorName" clearable placeholder="主治兽医">
<el-option
v-for="item in doctorNameList"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item prop="deptId">
<el-select v-model.trim="queryParams.doctorName" clearable placeholder="所属医院">
<el-option
v-for="item in deptIdList"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item prop="departmentId">
<el-select v-model.trim="queryParams.departmentId" clearable placeholder="兽医所属科室">
<el-option
v-for="item in departIdList"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item prop="visitTime">
<el-date-picker
v-model="queryParams.visitTime"
clearable
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择就诊日期"
/>
</el-form-item>
<el-form-item prop="sort">
<el-select
v-model.trim="queryParams.params.sort"
clearable
placeholder="请选择排序方式"
>
<el-option
v-for="item in sortList"
:key="item.value"
:label="item.label"
:value="item.value"
/> />
</el-select>
</el-form-item>
</el-form>
<!--选择全部-->
<el-button
v-hasPermi="['business:case:export']"
class="fourWordsBtn"
icon="el-icon-right"
size="mini"
@click="selectAll"
>选择全部
</el-button>
<!--反向选择-->
<el-button
v-hasPermi="['business:case:export']"
class="fourWordsBtn"
icon="el-icon-back"
size="mini"
@click="reverseSelect"
>反向选择
</el-button>
<!--批量导出-->
<el-button
v-hasPermi="['business:case:export']"
class="fourWordsBtn"
icon="el-icon-upload2"
size="mini"
@click="handleExport"
>批量导出
</el-button>
<el-table v-loading="loading" :data="caseList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="序号" align="center" prop="index" />
<el-table-column label="病历号" align="center" prop="visitNumber" />
<el-table-column label="宠物昵称" align="center" prop="petNickname" />
<el-table-column label="宠物ID" align="center" prop="nickname" />
<el-table-column label="宠主姓名" align="center" prop="nickname" />
<el-table-column label="宠主手机号" align="center" prop="petOwnerNumber" />
<el-table-column label="归档医院" align="center" prop="deptId" />
<el-table-column label="主治兽医" align="center" prop="doctorName" />
<el-table-column label="所属科室" align="center" prop="departmentId" />
<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" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
v-hasPermi="['business:case:edit']"
icon="el-icon-document"
plain
size="mini"
style="width: 50px; border-radius: 6px 6px 6px 6px;border: 1px solid rgb(95,181,75);"
type="success"
@click="handleUpdate(scope.row)"
>详情</el-button>
<el-button
v-hasPermi="['business:case:edit']"
icon="el-icon-edit"
plain
size="mini"
style="width: 50px; border-radius: 6px 6px 6px 6px;border: 1px solid rgb(52,144,206);"
type="primary"
@click="handleUpdate(scope.row)"
>编辑</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改病例管理对话框 -->
<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="请输入宠物昵称" />
</el-form-item>
<el-form-item label="昵称" prop="nickname">
<el-input v-model="form.nickname" placeholder="请输入昵称" />
</el-form-item>
<el-form-item label="宠物主手机号" prop="petOwnerNumber">
<el-input v-model="form.petOwnerNumber" placeholder="请输入宠物主手机号" />
</el-form-item> </el-form-item>
<el-form-item label="医生姓名" prop="doctorName"> <el-form-item prop="doctorName">
<el-input v-model="form.doctorName" placeholder="请输入医生姓名" /> <el-select v-model.trim="queryParams.doctorName" clearable placeholder="主治兽医">
<el-option
v-for="item in doctorNameList"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="所属医院" prop="deptId"> <el-form-item prop="deptId">
<el-input v-model="form.deptId" placeholder="请输入所属医院" /> <el-select v-model.trim="queryParams.doctorName" clearable placeholder="所属医院">
<el-option
v-for="item in deptIdList"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="所属科室" prop="departmentId"> <el-form-item prop="departmentId">
<el-input v-model="form.departmentId" placeholder="请输入所属科室" /> <el-select v-model.trim="queryParams.departmentId" clearable placeholder="兽医所属科室">
<el-option
v-for="item in departIdList"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="诊断结果" prop="diagnosticResults"> <el-form-item prop="visitTime">
<el-input v-model="form.diagnosticResults" placeholder="请输入诊断结果" />
</el-form-item>
<el-form-item label="病例号" prop="visitNumber">
<el-input v-model="form.visitNumber" placeholder="请输入病例号" />
</el-form-item>
<el-form-item label="就诊时间" prop="visitTime">
<el-date-picker <el-date-picker
v-model="form.visitTime" v-model="queryParams.visitTime"
clearable clearable
placeholder="请选择就诊日期"
type="date" type="date"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
placeholder="请选择就诊时间"
/> />
</el-form-item> </el-form-item>
<el-form-item label="就诊诊位" prop="visitOffice"> <el-form-item prop="sort">
<el-input v-model="form.visitOffice" placeholder="请输入就诊诊位" /> <el-select
</el-form-item> v-model.trim="queryParams.params.sort"
<el-form-item label="诊断信息" prop="visitInformation"> clearable
<el-input v-model="form.visitInformation" placeholder="请输入诊断信息" /> placeholder="请选择排序方式"
</el-form-item> >
<el-form-item label="医嘱" prop="orders"> <el-option
<el-input v-model="form.orders" placeholder="请输入医嘱" /> v-for="item in sortList"
</el-form-item> :key="item.value"
<el-form-item label="用药信息" prop="medicationInformation"> :label="item.label"
<el-input v-model="form.medicationInformation" placeholder="请输入用药信息" /> :value="item.value"
</el-form-item> />
<el-form-item label="关联宠物" prop="petId"> </el-select>
<el-input v-model="form.petId" placeholder="请输入关联宠物" />
</el-form-item>
<el-form-item label="关联宠物主" prop="petOwnerId">
<el-input v-model="form.petOwnerId" placeholder="请输入关联宠物主" />
</el-form-item>
<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-item>
<div>
<!--选择全部-->
<el-button
v-hasPermi="['business:case:export']"
class="fourWordsBtn"
icon="el-icon-right"
size="mini"
@click="selectAll"
>选择全部
</el-button>
<!--反向选择-->
<el-button
v-hasPermi="['business:case:export']"
class="fourWordsBtn"
icon="el-icon-back"
size="mini"
@click="reverseSelect"
>反向选择
</el-button>
<!--批量导出-->
<el-button
v-hasPermi="['business:case:export']"
class="fourWordsBtn"
icon="el-icon-upload2"
size="mini"
@click="handleExport"
>批量导出
</el-button>
<el-form-item style="position: absolute;right: 0%;">
<!--搜索 重置-->
<el-button class="queryBtn" icon="el-icon-search" @click="handleQuery">查询</el-button>
<el-button class="resetBtn" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</div>
</el-form> </el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button> <el-table
<el-button @click="cancel">取 消</el-button> v-loading="loading"
</div> :data="caseList"
</el-dialog> :header-cell-style="{background:'#E8E9E8'}"
border
@selection-change="handleSelectionChange"
>
<el-table-column align="center" type="selection" width="55" />
<el-table-column align="center" show-overflow-tooltip label="序号" min-width="80" type="index" />
<el-table-column align="center" show-overflow-tooltip label="病历号" min-width="80" prop="visitNumber" />
<el-table-column align="center" show-overflow-tooltip label="宠物昵称" min-width="80" prop="petNickname" />
<el-table-column align="center" show-overflow-tooltip label="宠物ID" prop="nickname" />
<el-table-column align="center" show-overflow-tooltip label="宠主姓名" prop="nickname" />
<el-table-column align="center" show-overflow-tooltip label="宠主手机号" prop="petOwnerNumber" />
<el-table-column align="center" show-overflow-tooltip label="归档医院" prop="deptId" />
<el-table-column align="center" show-overflow-tooltip label="主治兽医" prop="doctorName" />
<el-table-column align="center" show-overflow-tooltip label="所属科室" prop="departmentId" />
<el-table-column align="center" show-overflow-tooltip label="就诊日期" prop="visitTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.visitTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column align="center" show-overflow-tooltip label="宠物保险" prop="visitOffice" />
<el-table-column align="center" show-overflow-tooltip class-name="small-padding fixed-width" label="操作" min-width="180">
<template slot-scope="scope">
<el-button
v-hasPermi="['business:case:edit']"
icon="el-icon-document"
plain
size="mini"
style="width: 50px; border-radius: 6px 6px 6px 6px;border: 1px solid rgb(95,181,75);"
type="success"
@click="handleDetail(scope.row)"
>详情
</el-button>
<el-button
v-hasPermi="['business:case:edit']"
icon="el-icon-edit"
plain
size="mini"
style="width: 50px; border-radius: 6px 6px 6px 6px;border: 1px solid rgb(52,144,206);"
type="primary"
@click="handleUpdate(scope.row)"
>编辑
</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:limit.sync="queryParams.pageSize"
:page.sync="queryParams.pageNum"
:total="total"
@pagination="getList"
/>
<!-- 添加或修改病例管理对话框 -->
<el-dialog :title="title" :visible.sync="open" append-to-body width="500px">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="宠物昵称" prop="petNickname">
<el-input v-model="form.petNickname" placeholder="请输入宠物昵称" />
</el-form-item>
<el-form-item label="昵称" prop="nickname">
<el-input v-model="form.nickname" placeholder="请输入昵称" />
</el-form-item>
<el-form-item label="宠物主手机号" prop="petOwnerNumber">
<el-input v-model="form.petOwnerNumber" placeholder="请输入宠物主手机号" />
</el-form-item>
<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>
<el-form-item label="病例号" prop="visitNumber">
<el-input v-model="form.visitNumber" placeholder="请输入病例号" />
</el-form-item>
<el-form-item label="就诊时间" prop="visitTime">
<el-date-picker
v-model="form.visitTime"
clearable
placeholder="请选择就诊时间"
type="date"
value-format="yyyy-MM-dd"
/>
</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" placeholder="请输入诊断信息" />
</el-form-item>
<el-form-item label="医嘱" prop="orders">
<el-input v-model="form.orders" placeholder="请输入医嘱" />
</el-form-item>
<el-form-item label="用药信息" prop="medicationInformation">
<el-input v-model="form.medicationInformation" placeholder="请输入用药信息" />
</el-form-item>
<el-form-item label="关联宠物" prop="petId">
<el-input v-model="form.petId" placeholder="请输入关联宠物" />
</el-form-item>
<el-form-item label="关联宠物主" prop="petOwnerId">
<el-input v-model="form.petOwnerId" placeholder="请输入关联宠物主" />
</el-form-item>
<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" placeholder="请输入内容" type="textarea" />
</el-form-item>
<el-form-item label="医生历史数据" prop="doctorJson">
<el-input v-model="form.doctorJson" placeholder="请输入内容" type="textarea" />
</el-form-item>
<el-form-item label="宠物主历史数据" prop="ownerJson">
<el-input v-model="form.ownerJson" placeholder="请输入内容" type="textarea" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</div> </div>
</template> </template>
...@@ -245,6 +265,10 @@ export default { ...@@ -245,6 +265,10 @@ export default {
open: false, open: false,
// 查询参数 // 查询参数
queryParams: { queryParams: {
// 排序方式声明
params: {
sort: null
},
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
petNickname: null, petNickname: null,
...@@ -281,14 +305,22 @@ export default { ...@@ -281,14 +305,22 @@ export default {
// 表单参数 // 表单参数
form: {}, form: {},
// 表单校验 // 表单校验
rules: { rules: {}
}
} }
}, },
created() { created() {
this.getList() this.getList()
}, },
methods: { methods: {
/** 详情按钮操作--跳转文章详情页 */
handleDetail(row) {
this.reset()
// TODO: 请清除该行输出
console.log(`row`, row)
this.$router.push({
name: 'MedicalDetail', params: { id: row.id }
})
},
/** /**
* 全部选择 * 全部选择
* @param selection 已选择内容 * @param selection 已选择内容
...@@ -411,4 +443,20 @@ export default { ...@@ -411,4 +443,20 @@ export default {
} }
} }
} }
</script> </script>
<style lang="scss" scoped>
//所有表格内容选中后的样式-all
::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
background-color: #F6FCF5 !important;
}
::v-deep .el-table .disabledCheck .cell .el-checkbox__inner {
display: none;
}
//顶部搜索框样式
.form-style{
margin-bottom: 20px;
}
</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