Commit 1c55f378 authored by 小费同学阿's avatar 小费同学阿 💬

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

parent cb5f578e
import request from '@/utils/request'
// 查询病历管理列表
export function listRecord(query) {
return request({
url: '/business/record/list',
method: 'get',
params: query
})
}
// 查询病历管理详细
export function getRecord(id) {
return request({
url: '/business/record/' + id,
method: 'get'
})
}
// 新增病历管理
export function addRecord(data) {
return request({
url: '/business/record',
method: 'post',
data: data
})
}
// 修改病历管理
export function updateRecord(data) {
return request({
url: '/business/record',
method: 'put',
data: data
})
}
// 删除病历管理
export function delRecord(id) {
return request({
url: '/business/record/' + id,
method: 'delete'
})
}
...@@ -32,7 +32,7 @@ color: #333333;" ...@@ -32,7 +32,7 @@ color: #333333;"
</div> </div>
</div> </div>
<!--2--基本信息--> <!--2--基本信息-->
<div style="display: flex"> <div style="display: flex;margin-bottom: 20px;">
<!-- 1-- 宠物基本信息的页面--标签头 --> <!-- 1-- 宠物基本信息的页面--标签头 -->
<div class="tip-green" /> <div class="tip-green" />
<div <div
...@@ -41,150 +41,138 @@ color: #333333;" ...@@ -41,150 +41,138 @@ color: #333333;"
</div> </div>
</div> </div>
<!-- 内部信息 --> <!-- 内部信息 -->
<el-form ref="form" :model="petOwners" label-width="110px"> <el-form ref="from" :model="form" :rules="rules" class="registration-add-form" label-width="110px" size="small">
<!-- 1-- 宠物基本信息的页面--内部信息 --> <!-- 宠物基本信息-->
<div class="base-msg"> <el-row :gutter="41">
<div>
<!--基础信息右边的信息-->
<div class="base-inner">
<!--宠物昵称-->
<el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="宠物昵称"> <el-form-item label="宠物ID" prop="petId">
<span class="content-style">{{ petInfo.petNickname }}</span> <el-input v-model="form.petId" maxlength="20" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<!--宠物ID--> <el-form-item label="宠物昵称" prop="nickName">
<el-form-item label="宠物ID"> <el-input v-model="form.nickName" maxlength="20" placeholder="请输入宠物昵称" />
<span class="content-style">{{ petInfo.petsId }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<!--宠物品种--> <el-form-item label="宠物品种" prop="petBreed">
<el-form-item label="宠物品种"> <el-select
<el-cascader v-model="form.petBreed"
v-model.trim="queryParams.petBreed"
:options="options"
:props="props"
clearable clearable
placeholder="请选择宠物品种" placeholder="请选择宠物品种"
style="width: 100%"
>
<el-option
v-for="(item, index) in dict.type.pet_breed"
:key="index"
:label="item.label"
:value="item.value"
/> />
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row>
<el-col :span="8"> <el-col :span="8">
<!--宠物性别--> <el-form-item label="宠物性别" prop="petSex">
<el-form-item label="宠物性别"> <el-select
<el-select v-model.trim="queryParams.petSex" clearable multiple placeholder="请选择宠物性别"> v-model="form.petSex"
<el-option
v-for="dict in dict.type.pet_sex" clearable
:key="dict.value" placeholder="请选择宠物性别"
:value="dict.value" style="width: 100%"
:label="dict.label"
> >
<i v-if="dict.value === '0'" class="el-icon-male" /> <el-option
<i v-else-if="dict.value === '1'" class="el-icon-female" /> v-for="(item, index) in dict.type.pet_sex"
<span v-else>{{ dict.label }}</span> :key="index"
</el-option> :label="item.label"
:value="item.value"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<!--出生日期--> <el-form-item label="宠物生日" prop="petBrithday">
<el-form-item label="出生日期">
<el-date-picker <el-date-picker
v-model.trim="queryParams.createTime" v-model="form.petBrithday"
clearable clearable
placeholder="请选择出生日期" placeholder="请选择宠物生日"
type="date" type="date"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="8">
<!--宠物体重--> <el-form-item label="宠物体重" prop="petWeight">
<el-form-item label="宠物体重">
<el-input <el-input
v-model.trim="queryParams.nickname" v-model="form.petWeight"
clearable
placeholder="请输入宠物体重"
/> />
<!-- <span class="pet-weight-single">kg</span>-->
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row>
<el-col :span="8"> <el-col :span="8">
<!--宠物毛色--> <el-form-item label="宠物毛色" prop="petColor">
<el-form-item label="宠物毛色"> <el-input v-model="form.petColor" maxlength="20" placeholder="请输入宠物毛色" />
<el-input
v-model.trim="queryParams.nickname"
clearable
placeholder="请输入宠物毛色"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<!--绝育情况--> <el-form-item label="绝育情况" prop="sterilizationStatus">
<el-form-item label="绝育情况">
<el-select <el-select
v-model.trim="queryParams.insure" v-model="form.sterilizationStatus"
clearable clearable
placeholder="请选择绝育情况" placeholder="请选择宠物绝育情况"
style="width: 100%"
> >
<el-option <el-option
v-for="dict in insureList" v-for="(item, index) in dict.type.sterilization_status"
:key="dict.value" :key="index"
:label="dict.label" :label="item.label"
:value="dict.value" :value="item.value"
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<!--疫苗情况--> <el-form-item label="疫苗情况" prop="petSex">
<el-form-item label="疫苗情况">
<el-select <el-select
v-model.trim="queryParams.insure" v-model="form.sterilizationStatus"
clearable clearable
placeholder="请选择疫苗情况" placeholder="请选择宠物绝育情况"
style="width: 100%"
> >
<el-option <el-option
v-for="dict in insureList" v-for="(item, index) in dict.type.sterilization_status"
:key="dict.value" :key="index"
:label="dict.label" :label="item.label"
:value="dict.value" :value="item.value"
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row>
<el-col :span="8"> <el-col :span="8">
<!--保险情况--> <el-form-item label="宠物保险" prop="petInsure">
<el-form-item label="宠物保险">
<el-select <el-select
v-model.trim="queryParams.insure" v-model="form.petInsure"
clearable clearable
placeholder="请选择宠物保险" placeholder="请选择宠物保险情况"
style="width: 100%"
> >
<el-option <el-option
v-for="dict in insureList" v-for="(item, index) in dict.type.pet_insure"
:key="dict.value" :key="index"
:label="dict.label" :label="item.label"
:value="dict.value" :value="item.value"
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</div>
</div>
</div>
</el-form> </el-form>
<!--3--宠主信息--> <!--3--宠主信息-->
<div style="display: flex"> <div style="display: flex;margin-bottom: 20px;">
<div class="tip-green" /> <div class="tip-green" />
<div <div
style="padding-left: 13px;font-size: 16px;font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;font-weight: bold;color: #333333;" style="padding-left: 13px;font-size: 16px;font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;font-weight: bold;color: #333333;"
...@@ -192,66 +180,86 @@ color: #333333;" ...@@ -192,66 +180,86 @@ color: #333333;"
</div> </div>
</div> </div>
<!-- 内部信息 --> <!-- 内部信息 -->
<el-form ref="form" :model="petOwners" label-width="110px"> <el-form ref="from" :model="form" :rules="rules" class="registration-add-form" label-width="110px" size="small">
<div class="ownerMsg-inner"> <!-- 宠主基本信息-->
<el-row> <el-row :gutter="41">
<el-col :span="8"> <el-col :span="8">
<el-form-item label="宠主姓名"> <el-form-item label="宠主姓名" prop="petId">
<span class="content-style">{{ petOwners.nickname }}</span> <el-input v-model="form.petId" maxlength="20" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="手机号"> <el-form-item label="手机号" prop="nickName">
<span class="content-style">{{ petOwners.phonenumber }}</span> <el-input v-model="form.nickName" maxlength="20" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="用户ID"> <el-form-item label="用户ID" prop="nickName">
<span class="content-style">{{ petOwners.ownersId }}</span> <el-input v-model="form.nickName" maxlength="20" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="创建日期"> <el-form-item label="创建日期" prop="petBrithday">
<span class="content-style">{{ <el-date-picker
parseTime(petOwners.createTime, '{y}/{m}/{d}') v-model="form.petBrithday"
}}</span> clearable
type="date"
value-format="yyyy-MM-dd"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="会员等级"> <el-form-item label="会员等级" prop="sterilizationStatus">
<span v-if="checkRole(['pt-admin'])" class="content-style">-</span> <el-select
<span v-model="form.sterilizationStatus"
v-else
>{{ selectDictLabel(membershipLevelList, hosipitalPownersForm[0].membershipLevel) }}</span> clearable
placeholder="请选择会员等级"
style="width: 100%"
>
<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-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="会员卡余额"> <el-form-item label="会员卡余额" prop="nickName">
<span v-if="checkRole(['pt-admin'])" class="content-style">-</span><span <el-input v-model="form.nickName" maxlength="20" />
v-else </el-form-item>
class="content-style"
>{{ hosipitalPownersForm[0].cardBalance }}</span></el-form-item>
</el-col> </el-col>
</el-row>
<el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="状态"> <el-form-item label="状态" prop="petSex">
<span v-if="checkRole(['pt-admin'])" class="content-style">-</span><span <el-select
v-else v-model="form.sterilizationStatus"
><dict-tag :options="statusList" :value="petOwners.hosipitalPownersForm.status" /></span>
clearable
placeholder="请选择状态"
style="width: 100%"
>
<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-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="绑定宠物数量"><span class="content-style">{{ petsList.length }}</span> <el-form-item label="绑定宠物数量" prop="petWeight">
<el-input
v-model="form.petWeight"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</div>
</el-form> </el-form>
<!--4--兽医信息--> <!--4--兽医信息-->
<div style="display: flex"> <div style="display: flex;margin-bottom: 20px;">
<div class="tip-green" /> <div class="tip-green" />
<div <div
style="padding-left: 13px;font-size: 16px;font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;font-weight: bold;color: #333333;" style="padding-left: 13px;font-size: 16px;font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;font-weight: bold;color: #333333;"
...@@ -259,55 +267,81 @@ color: #333333;" ...@@ -259,55 +267,81 @@ color: #333333;"
</div> </div>
</div> </div>
<!-- 内部信息 --> <!-- 内部信息 -->
<el-form ref="form" :model="petOwners" label-width="110px"> <el-form ref="from" :model="form" :rules="rules" class="registration-add-form" label-width="110px" size="small">
<div class="ownerMsg-inner"> <!-- 宠主基本信息-->
<el-row> <el-row :gutter="41">
<el-col :span="8"> <el-col :span="8">
<el-form-item label="医生姓名"> <el-form-item label="医生姓名" prop="petId">
<span class="content-style">{{ petOwners.nickname }}</span> <el-input v-model="form.petId" maxlength="20" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="医生ID"> <el-form-item label="医生ID" prop="nickName">
<span class="content-style">{{ petOwners.phonenumber }}</span> <el-input v-model="form.nickName" maxlength="20" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="手机号"> <el-form-item label="手机号" prop="nickName">
<span class="content-style">{{ petOwners.ownersId }}</span> <el-input v-model="form.nickName" maxlength="20" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="所属医院"> <el-form-item label="所属医院" prop="sterilizationStatus">
<span class="content-style">{{ <el-select
parseTime(petOwners.createTime, '{y}/{m}/{d}') v-model="form.sterilizationStatus"
}}</span>
clearable
style="width: 100%"
>
<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-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="所属科室"> <el-form-item label="所属科室" prop="sterilizationStatus">
<span v-if="checkRole(['pt-admin'])" class="content-style">-</span> <el-select
<span v-model="form.sterilizationStatus"
v-else
>{{ selectDictLabel(membershipLevelList, hosipitalPownersForm[0].membershipLevel) }}</span> clearable
style="width: 100%"
>
<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-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="医生职称"> <el-form-item label="医生职称" prop="sterilizationStatus">
<span v-if="checkRole(['pt-admin'])" class="content-style">-</span><span <el-select
v-else v-model="form.sterilizationStatus"
class="content-style"
>{{ hosipitalPownersForm[0].cardBalance }}</span></el-form-item> clearable
style="width: 100%"
>
<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>
</el-row> </el-row>
</div>
</el-form> </el-form>
<!--5--进度信息--> <!--5--进度信息-->
<schedule-info /> <schedule-info />
<!--6--就诊信息--> <!--6--就诊信息-->
<div style="display: flex"> <div style="display: flex;margin-bottom: 20px;">
<div class="tip-green" /> <div class="tip-green" />
<div <div
style="padding-left: 13px;font-size: 16px;font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;font-weight: bold;color: #333333;" style="padding-left: 13px;font-size: 16px;font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;font-weight: bold;color: #333333;"
...@@ -315,63 +349,58 @@ color: #333333;" ...@@ -315,63 +349,58 @@ color: #333333;"
</div> </div>
</div> </div>
<!-- 内部信息 --> <!-- 内部信息 -->
<el-form ref="form" :model="petOwners" label-width="110px"> <el-form ref="from" :model="form" :rules="rules" class="registration-add-form" label-width="110px" size="small">
<div class="ownerMsg-inner"> <!-- 宠主基本信息-->
<el-row> <el-row :gutter="41">
<el-col :span="8"> <el-col :span="8">
<el-form-item label="宠主姓名"> <el-form-item label="病历号" prop="petId">
<span class="content-style">{{ petOwners.nickname }}</span> <el-input v-model="form.petId" maxlength="20" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="手机号"> <el-form-item label="就诊日期" prop="petBrithday">
<span class="content-style">{{ petOwners.phonenumber }}</span> <el-date-picker
</el-form-item> v-model="form.petBrithday"
</el-col> clearable
<el-col :span="8"> type="date"
<el-form-item label="用户ID"> value-format="yyyy-MM-dd"
<span class="content-style">{{ petOwners.ownersId }}</span> />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="创建日期"> <el-form-item label="就诊诊位" prop="sterilizationStatus">
<span class="content-style">{{ <el-select
parseTime(petOwners.createTime, '{y}/{m}/{d}') v-model="form.sterilizationStatus"
}}</span>
clearable
style="width: 100%"
>
<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-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="会员等级"> <el-form-item label="主诉" prop="petId">
<span v-if="checkRole(['pt-admin'])" class="content-style">-</span> <el-input v-model="form.petId" maxlength="20" />
<span
v-else
>{{ selectDictLabel(membershipLevelList, hosipitalPownersForm[0].membershipLevel) }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="会员卡余额"> <el-form-item label="医嘱" prop="petId">
<span v-if="checkRole(['pt-admin'])" class="content-style">-</span><span <el-input v-model="form.petId" maxlength="20" />
v-else
class="content-style"
>{{ hosipitalPownersForm[0].cardBalance }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="状态">
<span v-if="checkRole(['pt-admin'])" class="content-style">-</span><span
v-else
><dict-tag :options="statusList" :value="petOwners.hosipitalPownersForm.status" /></span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="绑定宠物数量"><span class="content-style">{{ petsList.length }}</span> <el-form-item label="诊断结果" prop="petId">
<el-input v-model="form.petId" maxlength="20" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</div>
</el-form> </el-form>
<!--7--用药信息--> <!--7--用药信息-->
<div style="display: flex"> <div style="display: flex">
...@@ -389,6 +418,40 @@ color: #333333;" ...@@ -389,6 +418,40 @@ color: #333333;"
<el-table-column align="center" label="数量" prop="date" /> <el-table-column align="center" label="数量" prop="date" />
<el-table-column align="center" label="用法" prop="date" /> <el-table-column align="center" label="用法" prop="date" />
<el-table-column align="center" label="开药日期" prop="date" /> <el-table-column align="center" label="开药日期" prop="date" />
<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>
<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(155,0,65);"
type="danger"
@click="handleDetail(scope.row)"
>删除
</el-button>
</template>
</el-table-column>
</el-table> </el-table>
</div> </div>
<!--8--检查信息--> <!--8--检查信息-->
...@@ -407,6 +470,40 @@ color: #333333;" ...@@ -407,6 +470,40 @@ color: #333333;"
<el-table-column align="center" label="检查状态" prop="date" /> <el-table-column align="center" label="检查状态" prop="date" />
<el-table-column align="center" label="检查日期" prop="date" /> <el-table-column align="center" label="检查日期" prop="date" />
<el-table-column align="center" label="检查报告" prop="date" /> <el-table-column align="center" label="检查报告" prop="date" />
<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>
<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(155,0,65);"
type="danger"
@click="handleDetail(scope.row)"
>删除
</el-button>
</template>
</el-table-column>
</el-table> </el-table>
</div> </div>
<!--9--治疗信息--> <!--9--治疗信息-->
...@@ -426,6 +523,40 @@ color: #333333;" ...@@ -426,6 +523,40 @@ color: #333333;"
<el-table-column align="center" label="治疗诊室" prop="date" /> <el-table-column align="center" label="治疗诊室" prop="date" />
<el-table-column align="center" label="治疗状态" prop="date" /> <el-table-column align="center" label="治疗状态" prop="date" />
<el-table-column align="center" label="治疗日期" prop="date" /> <el-table-column align="center" label="治疗日期" prop="date" />
<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>
<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(155,0,65);"
type="danger"
@click="handleDetail(scope.row)"
>删除
</el-button>
</template>
</el-table-column>
</el-table> </el-table>
</div> </div>
<!--10--住院信息--> <!--10--住院信息-->
...@@ -445,6 +576,60 @@ color: #333333;" ...@@ -445,6 +576,60 @@ color: #333333;"
<el-table-column align="center" label="能否沐浴" prop="date" /> <el-table-column align="center" label="能否沐浴" prop="date" />
<el-table-column align="center" label="是否出院" prop="date" /> <el-table-column align="center" label="是否出院" prop="date" />
<el-table-column align="center" label="病房号" prop="date" /> <el-table-column align="center" label="病房号" prop="date" />
<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>
<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(155,0,65);"
type="danger"
@click="handleDetail(scope.row)"
>删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<!--10--费用明细-->
<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="pet-insurance">
<el-table :data="petProtect" :header-cell-style="{ background:'#E8E9E8'}" border>
<el-table-column align="center" label="收费项" prop="protectName" />
<el-table-column align="center" label="明细" prop="type" />
<el-table-column align="center" label="数目" prop="date" />
<el-table-column align="center" label="金额" prop="date" />
<el-table-column align="center" label="缴费状态" prop="date" />
<el-table-column align="center" label="缴费时间" prop="date" />
<el-table-column align="center" label="付款账号" prop="date" />
</el-table> </el-table>
</div> </div>
<!--底部返回按钮--> <!--底部返回按钮-->
...@@ -472,6 +657,7 @@ export default { ...@@ -472,6 +657,7 @@ export default {
}, },
data() { data() {
return { return {
form: {},
// 排序下拉框 // 排序下拉框
insureList: [ insureList: [
{ {
......
...@@ -103,7 +103,7 @@ ...@@ -103,7 +103,7 @@
<el-table <el-table
v-loading="loading" v-loading="loading"
:data="caseList" :data="recordList"
:header-cell-style="{background:'#E8E9E8'}" :header-cell-style="{background:'#E8E9E8'}"
border border
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
...@@ -157,86 +157,13 @@ ...@@ -157,86 +157,13 @@
:total="total" :total="total"
@pagination="getList" @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> </div>
</template> </template>
<script> <script>
import { listCase } from '@/api/business/case'
import { listAllArticle } from '@/api/business/article' import { listAllArticle } from '@/api/business/article'
import { listRecord } from '@/api/business/record'
export default { export default {
name: 'MedicalRecordManagement', name: 'MedicalRecordManagement',
...@@ -258,7 +185,7 @@ export default { ...@@ -258,7 +185,7 @@ export default {
// 总条数 // 总条数
total: 0, total: 0,
// 病例管理表格数据 // 病例管理表格数据
caseList: [], recordList: [],
// 弹出层标题 // 弹出层标题
title: '', title: '',
// 是否显示弹出层 // 是否显示弹出层
...@@ -383,8 +310,8 @@ export default { ...@@ -383,8 +310,8 @@ export default {
/** 查询病例管理列表 */ /** 查询病例管理列表 */
getList() { getList() {
this.loading = true this.loading = true
listCase(this.queryParams).then(response => { listRecord(this.queryParams).then(response => {
this.caseList = response.rows this.recordList = response.rows
this.total = response.total this.total = response.total
this.loading = false this.loading = false
}) })
......
...@@ -177,7 +177,7 @@ ...@@ -177,7 +177,7 @@
<register-modle :is-show="showRegistrationModle" /> <register-modle :is-show="showRegistrationModle" />
<!-- 选择宠物--> <!-- 选择宠物-->
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button class="queryBtn" icon="el-icon-check" @click="submitForm">提 交</el-button> <!-- <el-button class="queryBtn" icon="el-icon-check" @click="submitForm">提 交</el-button>-->
<el-button class="resetBtn" icon="el-icon-back" @click="cancel">返 回</el-button> <el-button class="resetBtn" icon="el-icon-back" @click="cancel">返 回</el-button>
</div> </div>
</div> </div>
......
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