Skip to content

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

检查管理-代码生成加修改布局

parent 4427adc2
Show whitespace changes
Inline Side-by-side
Showing with 363 additions and 4 deletions
src/api/business/manage.js 0 → 100644
View file @ 0a6e7a56
import request from '@/utils/request'
// 查询业务管理-检查管理列表
export function listManage(query) {
return request({
url: '/business/manage/list',
method: 'get',
params: query
})
}
// 查询业务管理-检查管理详细
export function getManage(id) {
return request({
url: '/business/manage/' + id,
method: 'get'
})
}
// 新增业务管理-检查管理
export function addManage(data) {
return request({
url: '/business/manage',
method: 'post',
data: data
})
}
// 修改业务管理-检查管理
export function updateManage(data) {
return request({
url: '/business/manage',
method: 'put',
data: data
})
}
// 删除业务管理-检查管理
export function delManage(id) {
return request({
url: '/business/manage/' + id,
method: 'delete'
})
}
src/router/index.js
View file @ 0a6e7a56
......@@ -300,6 +300,16 @@ export const constantRoutes = [
meta: {
title: '挂号详情', icon: 'component'
}
},
// 检查管理
{
path: 'medical-record-management',
component: () => import('@/views/service-management/medical-record-management/medical-record-management.vue'),
name: 'medicalRecordManagement',
props: true,
meta: {
title: '检查管理', icon: 'component'
}
}
]
}
......
src/views/service-management/medical-record-management/medical-record-management.vue
View file @ 0a6e7a56
<template>
<div>病历管理</div>
<div class="app-container">
<el-form v-show="showSearch" ref="queryForm" :model="queryParams" size="small" :inline="true" label-width="68px">
<el-form-item prop="petNickname">
<el-input
v-model="queryParams.name"
placeholder="宠物昵称/宠主姓名"
clearable
/>
</el-form-item>
<el-form-item prop="petWeight">
<el-select v-model="queryParams.petNickname" clearable placeholder="检查类型">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item prop="petColor">
<el-select v-model="queryParams.petNickname" clearable placeholder="检查项目">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item prop="checkSchedule">
<el-select v-model="queryParams.petNickname" clearable placeholder="检查状态">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item prop="payAmount">
<el-date-picker
v-model="queryParams.petNickname"
type="date"
placeholder="请选择检查时间">
</el-date-picker>
</el-form-item>
<el-form-item prop="shadowReport">
<el-select v-model="queryParams.petNickname" clearable placeholder="请选择排序方式">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>选择全部</el-button>
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
>反向选择</el-button>
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
>批量导出</el-button>
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
>检查项目</el-button>
<el-button style="position: relative; float: right;" icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
<el-button style="position: relative; float: right;" type="primary" icon="el-icon-search" size="mini" @click="handleQuery">查询</el-button>
</el-row>
<el-table v-loading="loading" :data="manageList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="序号" align="center" prop="petOwnersId" />
<el-table-column label="检查类型" align="center" prop="petNickname" />
<el-table-column label="检查项目" align="center" prop="petBreed" />
<el-table-column label="宠物昵称" align="center" prop="petSex" />
<el-table-column label="宠物保险" align="center" prop="petAge" />
<el-table-column label="宠主姓名" align="center" prop="petWeight" />
<el-table-column label="联系方式" align="center" prop="petColor" />
<el-table-column label="预约兽医" align="center" prop="sterilizationStatus" />
<el-table-column label="所属科室" align="center" prop="vaccineSituation" />
<el-table-column label="缴费状态" align="center" prop="insure" />
<el-table-column label="预约状态" align="center" prop="checkSchedule" />
<el-table-column label="检查状态" align="center" prop="payAmount" />
<el-table-column label="检查日期" align="center" prop="payType" />
<el-table-column label="检查时段" align="center" prop="payTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.payTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
v-hasPermi="['business:manage:edit']"
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
>详情</el-button>
<el-button
v-hasPermi="['business:manage:remove']"
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(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="挂号id" prop="registId">
<el-input v-model="form.registId" placeholder="请输入挂号id" />
</el-form-item>
<el-form-item label="检查项目" prop="checkItemsId">
<el-input v-model="form.checkItemsId" placeholder="请输入检查项目" />
</el-form-item>
<el-form-item label="影像报告" prop="shadowReport">
<el-input v-model="form.shadowReport" placeholder="请输入影像报告" />
</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>
</template>
<script>
import { listManage, getManage, delManage, addManage, updateManage } from '@/api/business/manage'
export default {
name: 'MedicalRecordManagement'
name: 'MedicalRecordManagement',
data() {
return {
options: [],
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 业务管理-检查管理表格数据
manageList: [],
// 弹出层标题
title: '',
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
medicalRecordId: null,
petsId: null,
petOwnersId: null,
petNickname: null,
petBreed: null,
petSex: null
},
// 表单参数
form: {},
// 表单校验
rules: {
}
}
},
created() {
this.getList()
},
methods: {
/** 查询业务管理-检查管理列表 */
getList() {
this.loading = true
listManage(this.queryParams).then(response => {
this.manageList = response.rows
this.total = response.total
this.loading = false
})
},
// 取消按钮
cancel() {
this.open = false
this.reset()
},
// 表单重置
reset() {
this.form = {
id: null,
petsId: null,
petOwnersId: null,
petNickname: null,
petBreed: null,
petSex: null,
petAge: null
}
this.resetForm('form')
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1
this.getList()
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm('queryForm')
this.handleQuery()
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length !== 1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset()
this.open = true
this.title = '添加业务管理-检查管理'
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset()
const id = row.id || this.ids
getManage(id).then(response => {
this.form = response.data
this.open = true
this.title = '修改业务管理-检查管理'
})
},
/** 提交按钮 */
submitForm() {
this.$refs['form'].validate(valid => {
if (valid) {
if (this.form.id != null) {
updateManage(this.form).then(response => {
this.$modal.msgSuccess('修改成功')
this.open = false
this.getList()
})
} else {
addManage(this.form).then(response => {
this.$modal.msgSuccess('新增成功')
this.open = false
this.getList()
})
}
}
})
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids
this.$modal.confirm('是否确认删除业务管理-检查管理编号为"' + ids + '"的数据项？').then(function() {
return delManage(ids)
}).then(() => {
this.getList()
this.$modal.msgSuccess('删除成功')
}).catch(() => {})
},
/** 导出按钮操作 */
handleExport() {
this.download('business/manage/export', {
...this.queryParams
}, `manage_${new Date().getTime()}.xlsx`)
}
}
}
</script>
<style scoped>
<style scoped lang="scss">
.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