Skip to content

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

文章编辑二次弹窗按钮×的修复

parent 8e5e5244
Hide whitespace changes
Inline Side-by-side
Showing with 111 additions and 75 deletions
src/views/service-management/registration-queue/components/doctor-detail.vue
View file @ 5c7fea2f
......@@ -3,47 +3,47 @@
<el-form ref="doctorForm" :model="doctorForm" label-width="100px" size="small">
<el-row>
<el-col :span="8">
<el-form-item prop="name" label="医生姓名:">
<el-form-item prop="name" label="医生姓名">
<el-input v-model="doctorForm.doctorName" :disabled="true" maxlength="20" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="name" label="医生ID:">
<el-form-item prop="name" label="医生ID">
<el-input v-model="doctorForm.ruleId" :disabled="true" maxlength="20" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="name" label="手机号:">
<el-form-item prop="name" label="手机号">
<el-input v-model="doctorForm.phone" :disabled="true" maxlength="20" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="name" label="所属科室:">
<el-form-item prop="name" label="所属科室">
<el-input v-model="doctorForm.departmentName" :disabled="true" maxlength="20" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="name" label="医生职称:">
<el-input v-model="doctorForm.doctorTitleValue" :disabled="true" maxlength="20" />
<el-form-item prop="name" label="医生职称">
<el-input :value="selectDictLabel(dict.type.doctor_title, doctorForm.doctorTitleValue)" :disabled="true" maxlength="20" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="name" label="当前诊位:">
<el-form-item prop="name" label="当前诊位">
<el-input v-model="doctorForm.positionName" :disabled="true" maxlength="20" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item prop="name" label="擅长领域:">
<el-input v-model="doctorForm.areaExpertise" type="textarea" :disabled="true" maxlength="20" />
<el-form-item prop="name" label="擅长领域">
<el-input :value="doctorForm.areaExpertise || '暂无数据'" type="textarea" :disabled="true" maxlength="20" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item prop="name" label="医生简介:">
<el-input v-model="doctorForm.doctorProfile" type="textarea" :disabled="true" maxlength="20" />
<el-form-item prop="name" label="医生简介">
<el-input :value="doctorForm.doctorProfile || '暂无数据'" type="textarea" :disabled="true" maxlength="20" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="name" label="证书:">
<el-form-item prop="name" label="证书">
<el-image
style="width: 100px; height: 100px"
:src="baseURL+doctorForm.certificateUrl"
......@@ -51,7 +51,7 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="name" label="门诊诊查费:">
<el-form-item prop="name" label="门诊诊查费">
<el-input v-model="doctorForm.examinationFee" :disabled="true" maxlength="20" />
</el-form-item>
</el-col>
......@@ -66,6 +66,7 @@
<script>
import { getRegisterDetail } from '@/api/business/registration'
import { selectDictLabel } from '@/utils/ruoyi'
export default {
name: 'DoctorDetail',
......@@ -79,6 +80,7 @@ export default {
default: ''
}
},
dicts: ['doctor_title'],
data() {
return {
// 图片基础地址
......@@ -97,6 +99,7 @@ export default {
created() {
},
methods: {
selectDictLabel,
// 获取相应id的医生详情
getRegisterMsg() {
getRegisterDetail(this.doctorId).then(response => {
......
src/views/service-management/registration-queue/registration-add.vue
View file @ 5c7fea2f
<template>
<div class="registration-add-module">
<el-form ref="from" :model="form" :rules="rules" class="registration-add-form" label-width="110px" size="small">
<el-form ref="from" :model="form" :rules="rules" class="registration-add-form" label-width="72px" size="small">
<div class="basicInformation">
<div class="title">宠物信息</div>
<div class="pet-add-btns">
......@@ -44,41 +44,44 @@
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item class="petBreed" label="宠物品种:" prop="petBreed">
<el-form-item>
<el-select
v-model="form.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-select
v-model="form.petChildBreedId"
:disabled="!isEdit"
clearable
:placeholder="isEdit? '请选择子品种' : '暂无数据'"
style="width: 100%"
class="petChildBreed"
@change="changePetChildBreedId"
>
<el-option
v-for="(item, index) in petOptions[form.petBreedId]"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-col :span="8" style="display: flex; flex-basis: 0; flex-grow: 0">
<el-form-item
class="pet-breed__form-item"
label="宠物品种:"
prop="petBreedId"
>
<el-select
v-model="form.petBreedId"
:disabled="!isEdit"
clearable
class="petBreed"
:placeholder="isEdit? '请选择宠物品种' : '暂无数据'"
@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="form.petChildBreedId"
:disabled="!isEdit"
clearable
:placeholder="isEdit? '请选择宠物子品种' : '暂无数据'"
class="petChildBreed"
@change="changePetChildBreedId"
>
<el-option
v-for="(item, index) in petOptions[form.petBreedId]"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -370,16 +373,20 @@ export default {
rules: {
// 宠物昵称非空校验
petNickname: [
{ required: true, message: '请输入宠物昵称', trigger: 'change' }
{ required: true, message: '请输入宠物昵称', trigger: 'blur' }
],
// 宠物性别非空校验
petSex: [
{ required: true, message: '请选择宠物性别', trigger: 'change' }
],
// 宠物父级品种非空校验
petBreed: [
petBreedId: [
{ required: true, message: '请选择宠物品种', trigger: 'change' }
],
// 宠物子级品种非空校验
petChildBreedId: [
{ required: true, message: '请选择宠物子品种', trigger: 'change' }
],
// 宠物生日非空校验
petBirthday: [
{ required: true, message: '请选择宠物生日', trigger: 'change' }
......@@ -643,9 +650,17 @@ export default {
}
.registration-add-form {
.pet-breed__form-item {
.el-form-item__content {
display: flex;
}
}
.pet-weight-single {
margin-left: 10px;
}
::v-deep .el-form-item--small.el-form-item {
margin-right: 0 !important;
}
}
::v-deep .el-input--small {
......@@ -690,10 +705,6 @@ export default {
.el-form-item__content {
display: flex;
.petChildBreed {
margin-left: 5px;
}
}
}
}
......
src/views/service-management/registration-queue/registration-detail.vue
View file @ 5c7fea2f
......@@ -13,7 +13,7 @@ color: #333333;"
</div>
<!-- 整体卡片内页面的样式--边距-->
<div style="padding: 20px 20px 20px 20px;">
<el-form ref="form" :model="detailInfo" label-width="110px" size="small">
<el-form ref="form" class="register-detail__form" :model="detailInfo" label-width="81px" size="small">
<!--宠物头像-->
<div style="display: flex">
<!-- 1-- 宠物基本信息的页面--标签头 -->
......@@ -48,7 +48,7 @@ color: #333333;"
<div class="base-inner">
<!--宠物昵称-->
<el-row>
<el-col :span="8">
<el-col :span="8" class="form__left">
<el-form-item label="宠物昵称">
<el-input v-model="detailInfo.petNickname" placeholder="暂无数据" disabled />
</el-form-item>
......@@ -62,13 +62,13 @@ color: #333333;"
<el-col :span="8">
<!--宠物品种-->
<el-form-item label="宠物品种" prop="petBreed" class="petBreed">
<el-input v-model="detailInfo.petBreed" placeholder="暂无数据" disabled />
<el-input v-model="detailInfo.petChildBreed" placeholder="暂无数据" class="petChildBreed" disabled />
<el-input v-model="detailInfo.petBreed" placeholder="暂无数据" disabled class="half__-5px" />
<el-input v-model="detailInfo.petChildBreed" placeholder="暂无数据" class="petChildBreed half" disabled />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-col :span="8" class="form__left">
<!--宠物性别-->
<el-form-item label="宠物性别">
<el-select
......@@ -76,7 +76,6 @@ color: #333333;"
clearable
disabled
placeholder="暂无数据"
style="width: 100%"
>
<el-option
v-for="(item, index) in dict.type.pet_sex"
......@@ -106,7 +105,7 @@ color: #333333;"
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-col :span="8" class="form__left">
<!--宠物毛色-->
<el-form-item label="宠物毛色">
<el-input v-model="detailInfo.petColor" placeholder="暂无数据" disabled />
......@@ -120,7 +119,6 @@ color: #333333;"
clearable
disabled
placeholder="暂无数据"
style="width: 100%"
>
<el-option
v-for="(item, index) in dict.type.sterilization_status"
......@@ -139,7 +137,6 @@ color: #333333;"
clearable
disabled
placeholder="暂无数据"
style="width: 100%"
>
<el-option
v-for="(item, index) in dict.type.vaccine_situation"
......@@ -152,7 +149,7 @@ color: #333333;"
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-col :span="8" class="form__left">
<!--保险情况-->
<el-form-item label="宠物保险">
<el-select
......@@ -160,7 +157,6 @@ color: #333333;"
clearable
disabled
placeholder="暂无数据"
style="width: 100%"
>
<el-option
v-for="(item, index) in dict.type.pet_insure"
......@@ -187,7 +183,7 @@ color: #333333;"
<!-- 3-- 主人信息的页面--内部信息 -->
<div class="ownerMsg-inner">
<el-row>
<el-col :span="8">
<el-col :span="8" class="form__left">
<el-form-item label="宠主姓名">
<el-input v-model="detailInfo.petOwnerBo.nickName" placeholder="暂无数据" disabled />
</el-form-item>
......@@ -204,7 +200,7 @@ color: #333333;"
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-col :span="8" class="form__left">
<el-form-item label="创建日期">
<span class="content-style">
<el-date-picker
......@@ -226,7 +222,6 @@ color: #333333;"
clearable
placeholder="暂无数据"
disabled
style="width: 100%"
>
<el-option
v-for="dict in membershipLevelList"
......@@ -244,7 +239,7 @@ color: #333333;"
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-col :span="8" class="form__left">
<el-form-item label="状态">
<el-select v-model="detailInfo.petOwnerBo.status" placeholder="暂无数据" disabled>
<el-option
......@@ -257,7 +252,6 @@ color: #333333;"
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="绑定宠物数量">
<el-input v-model="detailInfo.petOwnerBo.petCount" placeholder="暂无数据" disabled />
</el-form-item>
......@@ -284,7 +278,7 @@ color: #333333;"
<div class="base-inner">
<!--挂号方式-->
<el-row>
<el-col :span="8">
<el-col :span="8" class="form__left">
<el-form-item label="挂号方式">
<el-select v-model="detailInfo.type" placeholder="暂无数据" disabled>
<el-option
......@@ -325,7 +319,7 @@ color: #333333;"
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-col :span="8" class="form__left">
<!--就诊日期-->
<el-form-item label="就诊日期">
<el-date-picker
......@@ -356,7 +350,7 @@ color: #333333;"
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-col :span="8" class="form__left">
<!--缴费状态-->
<el-form-item label="缴费状态">
<el-select v-model="detailInfo.payStatus" disabled>
......@@ -404,7 +398,7 @@ color: #333333;"
<div class="base-inner">
<!--挂号方式-->
<el-row>
<el-col :span="8">
<el-col :span="8" class="form__left">
<el-form-item label="病历号">
<el-input v-model="detailInfo.medicalRecordNo" placeholder="暂无数据" disabled />
</el-form-item>
......@@ -861,6 +855,14 @@ export default {
margin-bottom: 20px;
}
.el-col-8 {
padding-left: 41px;
}
.form__left {
margin-left: -50px;
}
//2--宠物保险--模块内信息整体样式
.pet-insurance {
margin: 35px 1% 20px;
......@@ -898,6 +900,26 @@ export default {
margin-left: 5px;
}
}
.register-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;
}
}
}
}
}
//宠物性别样式
......
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