Skip to content

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

64574 病历管理，编辑、详情页面去冒号，字折行了

parent 3834909e
Hide whitespace changes
Inline Side-by-side
Showing with 376 additions and 333 deletions
src/views/medical-record-management/medical-edit.vue
View file @ d12c308b
......@@ -38,7 +38,7 @@ color: #333333;"
:model="detailInfo"
:hide-required-asterisk="!isEdit"
:rules="formRules"
class="registration-add-form"
class="medical-detail__form"
label-width="81px"
size="small"
>
......@@ -51,198 +51,204 @@ color: #333333;"
>宠物信息
</div>
</div>
<!-- 内部信息 -->
<!-- 宠物基本信息-->
<el-row>
<el-col :span="8">
<el-form-item label="宠物昵称" prop="petNickname">
<el-input v-model="detailInfo.petNickname" :placeholder="'-'" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
<!--宠物ID-->
<el-form-item label="宠物ID" prop="petsId">
<el-input v-model="detailInfo.petsId" :placeholder="'-'" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
<!--宠物品种-->
<div v-if="isEdit" class="petBreed" style="display: flex">
<el-form-item v-if="isEdit" class="petBreed" label="宠物品种" prop="petBreedId">
<el-select
v-model="detailInfo.petBreedId"
:disabled="!isEdit"
clearable
:placeholder="isEdit? '请选择主品种' : '-'"
style="width: 100%"
@change="changePetBreedId"
>
<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 prop="petChildBreedId" label-width="5px">
<el-select
v-model="detailInfo.petChildBreedId"
:disabled="!isEdit"
clearable
filterable
:placeholder="isEdit? '请选择子品种' : '-'"
style="width: 100%"
class="petChildBreed"
@change="changePetChildBreedId"
>
<el-option
v-for="(item, index) in petOptions[detailInfo.petBreedId]"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<!-- 1-- 宠物基本信息的页面--内部信息 -->
<div class="base-msg">
<div>
<!--基础信息右边的信息-->
<div class="base-inner">
<el-row>
<el-col :span="8" class="form__left">
<el-form-item label="宠物昵称" prop="petNickname">
<el-input v-model="detailInfo.petNickname" :placeholder="'-'" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
<!--宠物ID-->
<el-form-item label="宠物ID" prop="petsId">
<el-input v-model="detailInfo.petsId" :placeholder="'-'" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
<!--宠物品种-->
<div v-if="isEdit" class="petBreed" style="display: flex">
<el-form-item v-if="isEdit" class="petBreed" label="宠物品种" prop="petBreedId">
<el-select
v-model="detailInfo.petBreedId"
:disabled="!isEdit"
clearable
:placeholder="isEdit? '请选择主品种' : '-'"
style="width: 100%"
@change="changePetBreedId"
>
<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 prop="petChildBreedId" label-width="5px">
<el-select
v-model="detailInfo.petChildBreedId"
:disabled="!isEdit"
clearable
filterable
:placeholder="isEdit? '请选择子品种' : '-'"
style="width: 100%"
class="petChildBreed"
@change="changePetChildBreedId"
>
<el-option
v-for="(item, index) in petOptions[detailInfo.petBreedId]"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</div>
<el-form-item v-else class="petBreed" label="宠物品种" prop="petBreed">
<el-input v-model="detailInfo.petBreed" :placeholder="isEdit? '请选择主品种' : '-'" disabled />
<el-input
v-model="detailInfo.petChildBreed"
:placeholder="isEdit? '请选择分品种' : '-'"
class="petChildBreed"
disabled
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8" class="form__left">
<!--宠物性别-->
<el-form-item label="宠物性别" prop="petSex">
<el-select
v-model="detailInfo.petSex"
:disabled="!isEdit"
clearable
:placeholder="isEdit? '请选择宠物性别' : '-'"
style="width: 100%"
>
<el-option
v-for="(item, index) in dict.type.pet_sex"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
<!-- <dict-tag :options="dict.type.pet_sex" :value="detailInfo.petSex"/>-->
<!-- <i v-if="detailInfo.petSex === '0'" class="el-icon-male" />-->
<!-- <i v-else-if="detailInfo.petSex === '1'" class="el-icon-female" />-->
</el-form-item>
</el-col>
<el-col :span="8">
<!--宠物年龄-->
<el-form-item v-if="!isEdit" label="宠物年龄" prop="petAge">
<el-input v-model="detailInfo.petAge" :placeholder="isEdit? '请输入宠物年龄' : '-'" disabled />
</el-form-item>
<el-form-item v-else label="宠物生日" prop="petBirthday">
<el-date-picker
v-model="detailInfo.petBirthday"
:disabled="!isEdit"
:picker-options="pickerOptions"
clearable
:placeholder="isEdit? '请选择宠物生日' : '-'"
type="date"
value-format="yyyy/MM/dd"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<!--宠物体重-->
<el-form-item label="宠物体重" prop="petWeight">
<div style="display: flex;align-items: center;">
<el-input
v-model="detailInfo.petWeight"
:maxlength="10"
:placeholder="isEdit? '请输入宠物体重' : '-'"
:disabled="!isEdit"
/>
<span class="unit-text">kg</span>
</div>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8" class="form__left">
<!--宠物毛色-->
<el-form-item label="宠物毛色" prop="petColor">
<el-input
v-model.trim="detailInfo.petColor"
:maxlength="10"
:placeholder="isEdit? '请输入宠物毛色' : '-'"
:disabled="!isEdit"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<!--绝育情况-->
<el-form-item label="绝育情况" prop="sterilizationStatus">
<el-select
v-model="detailInfo.sterilizationStatus"
:disabled="!isEdit"
clearable
:placeholder="isEdit? '请选择宠物绝育情况' : '-'"
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 :span="8">
<!--疫苗情况-->
<el-form-item label="疫苗情况" prop="vaccineSituation">
<el-select
v-model="detailInfo.vaccineSituation"
:disabled="!isEdit"
clearable
:placeholder="isEdit? '请选择宠物疫苗情况' : '-'"
style="width: 100%"
>
<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="宠物保险" prop="insure">
<el-select
v-model="detailInfo.insure"
:disabled="!isEdit"
clearable
:placeholder="isEdit? '请选择宠物是否已购保险' : '-'"
style="width: 100%"
>
<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>
<el-form-item v-else class="petBreed" label="宠物品种" prop="petBreed">
<el-input v-model="detailInfo.petBreed" :placeholder="isEdit? '请选择主品种' : '-'" disabled />
<el-input
v-model="detailInfo.petChildBreed"
:placeholder="isEdit? '请选择分品种' : '-'"
class="petChildBreed"
disabled
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<!--宠物性别-->
<el-form-item label="宠物性别" prop="petSex">
<el-select
v-model="detailInfo.petSex"
:disabled="!isEdit"
clearable
:placeholder="isEdit? '请选择宠物性别' : '-'"
style="width: 100%"
>
<el-option
v-for="(item, index) in dict.type.pet_sex"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
<!-- <dict-tag :options="dict.type.pet_sex" :value="detailInfo.petSex"/>-->
<!-- <i v-if="detailInfo.petSex === '0'" class="el-icon-male" />-->
<!-- <i v-else-if="detailInfo.petSex === '1'" class="el-icon-female" />-->
</el-form-item>
</el-col>
<el-col :span="8">
<!--宠物年龄-->
<el-form-item v-if="!isEdit" label="宠物年龄" prop="petAge">
<el-input v-model="detailInfo.petAge" :placeholder="isEdit? '请输入宠物年龄' : '-'" disabled />
</el-form-item>
<el-form-item v-else label="宠物生日" prop="petBirthday">
<el-date-picker
v-model="detailInfo.petBirthday"
:disabled="!isEdit"
:picker-options="pickerOptions"
clearable
:placeholder="isEdit? '请选择宠物生日' : '-'"
type="date"
value-format="yyyy/MM/dd"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<!--宠物体重-->
<el-form-item label="宠物体重" prop="petWeight">
<div style="display: flex;align-items: center;">
<el-input
v-model="detailInfo.petWeight"
:maxlength="10"
:placeholder="isEdit? '请输入宠物体重' : '-'"
:disabled="!isEdit"
/>
<span class="unit-text">kg</span>
</div>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<!--宠物毛色-->
<el-form-item label="宠物毛色" prop="petColor">
<el-input
v-model.trim="detailInfo.petColor"
:maxlength="10"
:placeholder="isEdit? '请输入宠物毛色' : '-'"
:disabled="!isEdit"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<!--绝育情况-->
<el-form-item label="绝育情况" prop="sterilizationStatus">
<el-select
v-model="detailInfo.sterilizationStatus"
:disabled="!isEdit"
clearable
:placeholder="isEdit? '请选择宠物绝育情况' : '-'"
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 :span="8">
<!--疫苗情况-->
<el-form-item label="疫苗情况" prop="vaccineSituation">
<el-select
v-model="detailInfo.vaccineSituation"
:disabled="!isEdit"
clearable
:placeholder="isEdit? '请选择宠物疫苗情况' : '-'"
style="width: 100%"
>
<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">
<!--保险情况-->
<el-form-item label="宠物保险" prop="insure">
<el-select
v-model="detailInfo.insure"
:disabled="!isEdit"
clearable
:placeholder="isEdit? '请选择宠物是否已购保险' : '-'"
style="width: 100%"
>
<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>
<!--3--宠主信息-->
<div style="display: flex;margin-bottom: 20px;">
<div class="tip-green" />
......@@ -251,87 +257,96 @@ color: #333333;"
>宠主信息
</div>
</div>
<!-- 内部信息 -->
<!-- 宠主基本信息-->
<el-row>
<el-col :span="8">
<el-form-item label="宠主姓名">
<el-input v-model="detailInfo.petOwnerBo.nickName" :placeholder="'-'" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="手机号">
<el-input v-model="detailInfo.petOwnerBo.phoneNumber" :placeholder="'-'" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="用户ID">
<el-input v-model="detailInfo.petOwnerBo.ownersId" :placeholder="'-'" disabled />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col v-if="deptLevel !== '1'" :span="8">
<el-form-item label="创建日期">
<span class="content-style">
<el-date-picker
v-model="detailInfo.petOwnerBo.createTime"
clearable
disabled
:placeholder="'-'"
type="date"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</span>
</el-form-item>
</el-col>
<el-col v-if="deptLevel !== '1'" :span="8">
<el-form-item label="会员等级">
<el-select
v-model="detailInfo.petOwnerBo.membershipLevel"
clearable
disabled
:placeholder="'-'"
style="width: 100%"
>
<el-option
v-for="dict in membershipLevelList"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col v-if="deptLevel !== '1'" :span="8">
<el-form-item label="会员卡余额" :label-width="100">
<div style="display: flex;align-items: center;">
<el-input v-model="detailInfo.petOwnerBo.cardBalance" :placeholder="'-'" disabled />
<span class="unit-text">元</span>
</div>
</el-form-item>
</el-col>
</el-row>
<el-row v-if="deptLevel !== '1'">
<el-col v-if="deptLevel !== '1'" :span="8">
<el-form-item label="状态">
<el-select v-model="detailInfo.petOwnerBo.status" :placeholder="'-'" disabled>
<el-option
v-for="({value, label}, index) in statusList"
:key="index"
:label="label"
:value="value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col v-if="deptLevel !== '1'" :span="8">
<el-form-item label="绑定宠物数量" :label-width="'100'">
<el-input v-model="detailInfo.petOwnerBo.petCount" :placeholder="'-'" disabled />
</el-form-item>
</el-col>
</el-row>
<!-- 1-- 宠物基本信息的页面--内部信息 -->
<div class="base-msg">
<div>
<!--基础信息右边的信息-->
<div class="base-inner">
<el-row>
<el-col :span="8" class="form__left">
<el-form-item label="宠主姓名">
<el-input v-model="detailInfo.petOwnerBo.nickName" :placeholder="'-'" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="手机号">
<el-input v-model="detailInfo.petOwnerBo.phoneNumber" :placeholder="'-'" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="用户ID">
<el-input v-model="detailInfo.petOwnerBo.ownersId" :placeholder="'-'" disabled />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col v-if="deptLevel !== '1'" :span="8" class="form__left">
<el-form-item label="创建日期">
<span class="content-style">
<el-date-picker
v-model="detailInfo.petOwnerBo.createTime"
clearable
disabled
:placeholder="'-'"
type="date"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</span>
</el-form-item>
</el-col>
<el-col v-if="deptLevel !== '1'" :span="8">
<el-form-item label="会员等级">
<el-select
v-model="detailInfo.petOwnerBo.membershipLevel"
clearable
disabled
:placeholder="'-'"
style="width: 100%"
>
<el-option
v-for="dict in membershipLevelList"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col v-if="deptLevel !== '1'" :span="8">
<el-form-item label="会员卡余额" :label-width="100">
<div style="display: flex;align-items: center;">
<el-input v-model="detailInfo.petOwnerBo.cardBalance" :placeholder="'-'" disabled />
<span class="unit-text">元</span>
</div>
</el-form-item>
</el-col>
</el-row>
<el-row v-if="deptLevel !== '1'" align="middle">
<el-col v-if="deptLevel !== '1'" :span="8" class="form__left">
<el-form-item label="状态">
<el-select v-model="detailInfo.petOwnerBo.status" :placeholder="'-'" disabled>
<el-option
v-for="({value, label}, index) in statusList"
:key="index"
:label="label"
:value="value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col v-if="deptLevel !== '1'" :span="8">
<el-form-item label="绑定宠物数量" :label-width="100">
<div style="display: flex;align-items: center;">
<el-input v-model="detailInfo.petOwnerBo.petCount" :placeholder="'-'" disabled />
</div>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
</div>
<!--4--兽医信息-->
<div style="display: flex;margin-bottom: 20px;">
<div class="tip-green" />
......@@ -340,40 +355,46 @@ color: #333333;"
>兽医信息
</div>
</div>
<!-- 内部信息 -->
<!-- 宠主基本信息-->
<el-row>
<el-col :span="8">
<el-form-item label="医生姓名" prop="doctorName">
<el-input v-model="detailInfo.doctorName" :placeholder="'-'" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="医生ID" prop="doctorId">
<el-input v-model="detailInfo.doctorId" :placeholder="'-'" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="手机号" prop="doctorPhone">
<el-input v-model="detailInfo.doctorPhone" :placeholder="'-'" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="所属医院" prop="hospitalName">
<el-input v-model="detailInfo.hospitalName" :placeholder="'-'" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="所属科室" prop="hospitalDepartmentName">
<el-input v-model="detailInfo.hospitalDepartmentName" :placeholder="'-'" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="医生职称" prop="doctorTitleLabel">
<el-input v-model="detailInfo.doctorTitleLabel" :placeholder="'-'" disabled />
</el-form-item>
</el-col>
</el-row>
<!-- 1-- 宠物基本信息的页面--内部信息 -->
<div class="base-msg">
<div>
<!--基础信息右边的信息-->
<div class="base-inner">
<el-row>
<el-col :span="8" class="form__left">
<el-form-item label="医生姓名" prop="doctorName">
<el-input v-model="detailInfo.doctorName" :placeholder="'-'" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="医生ID" prop="doctorId">
<el-input v-model="detailInfo.doctorId" :placeholder="'-'" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="手机号" prop="doctorPhone">
<el-input v-model="detailInfo.doctorPhone" :placeholder="'-'" disabled />
</el-form-item>
</el-col>
<el-col :span="8" class="form__left">
<el-form-item label="所属医院" prop="hospitalName">
<el-input v-model="detailInfo.hospitalName" :placeholder="'-'" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="所属科室" prop="hospitalDepartmentName">
<el-input v-model="detailInfo.hospitalDepartmentName" :placeholder="'-'" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="医生职称" prop="doctorTitleLabel">
<el-input v-model="detailInfo.doctorTitleLabel" :placeholder="'-'" disabled />
</el-form-item>
</el-col>
</el-row>
</div>
</div>
</div>
<!--5--进度信息-->
<schedule-info :schedule-key="scheduleKey" />
<!--6--就诊信息-->
......@@ -387,7 +408,7 @@ color: #333333;"
<!-- 内部信息 -->
<!-- 宠主基本信息-->
<el-row>
<el-col :span="8">
<el-col :span="8" class="form__left">
<el-form-item label="病历号">
<el-input
v-model="detailInfo.medicalRecordNo"
......@@ -424,7 +445,7 @@ color: #333333;"
:placeholder="isEdit? '请输入主诉' : '-'"
type="textarea"
show-word-limit
style="width: 85% !important"
style="width: 90% !important"
/>
</el-form-item>
</el-col>
......@@ -437,7 +458,7 @@ color: #333333;"
maxlength="400"
:placeholder="isEdit? '请输入医嘱' : '-'"
type="textarea"
style="width: 85% !important"
style="width: 90% !important"
/>
</el-form-item>
</el-col>
......@@ -448,7 +469,7 @@ color: #333333;"
:disabled="!isEdit"
maxlength="20"
:placeholder="isEdit? '请输入诊断结果' : '-'"
style="width: 85% !important"
style="width: 90% !important"
/>
</el-form-item>
</el-col>
......@@ -1291,7 +1312,7 @@ color: #333333;"
show-word-limit
:placeholder="isEdit? '请输入回访情况' : '-'"
type="textarea"
style="width: 85% !important"
style="width: 90% !important"
/>
</el-form-item>
</el-col>
......@@ -2413,24 +2434,6 @@ export default {
//height:150px;
}
//1--基本信息--模块内信息整体样式
.base-msg {
//display: grid !important;
//grid-template-columns: repeat(2, auto);
color: #666666;
margin-top: 20px;
margin-bottom: 20px;
//margin-left: 5%;
//margin-right: 5%;
//基础信息右边的信息样式
.base-inner {
//display: grid !important;
//grid-template-columns: repeat(3, auto);
//与头像左边距
//padding-left: 10%;
}
}
//2--宠物保险--模块内信息整体样式
.table-content {
margin: 35px 1% 20px;
......@@ -2439,11 +2442,8 @@ export default {
//3--主人信息--模块内信息整体样式
.ownerMsg-inner {
color: #666666;
//display: grid !important;
//grid-template-columns: repeat(2, auto);
margin-top: 20px;
margin-bottom: 20px;
//margin-right: 5%;
}
//模块tip样式--绿色
......@@ -2607,4 +2607,47 @@ export default {
}
}
/*全部的回显框宽度限制*/
.medical-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;
}
}
}
}
//1--基本信息--模块内信息整体样式
.base-msg {
color: #666666;
margin-top: 20px;
margin-bottom: 20px;
}
.el-col-8 {
padding-left: 41px;
}
.form__left {
margin-left: -40px;
}
.base-inner {
padding-left: 10px;
}
</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