Skip to content

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

bug-详情输入框禁用

parent 1691b4c8
Show whitespace changes
Inline Side-by-side
Showing with 190 additions and 39 deletions
src/views/service-management/medical-record-management/check-detail.vue
View file @ 4a5e5887
......@@ -10,69 +10,129 @@
>详情</span>
<span style="font-size: 16px;position: absolute;right: 160px;padding-top: 5px;">{{ checkDetail.medicalRecordNo }}</span>
</div>
<el-form ref="form" :model="checkDetail" label-width="70px">
<el-form ref="form" :model="checkDetail" label-width="81px">
<div class="title-paragraph">
<span class="title-text" style="font-size: 16px;font-weight: bold;">宠物信息</span>
</div>
<!-- 1 -->
<el-row>
<el-col :span="8">
<el-form-item label="宠物昵称">
<span>{{ checkDetail.petNickname }}</span>
<el-form-item label="宠物昵称" label-width="67px">
<el-input
class="input-detail"
placeholder="暂无数据"
v-model="checkDetail.petNickname"
disabled
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="宠物ID">
<span>{{ checkDetail.petsId }}</span>
<el-input
class="input-detail"
placeholder="暂无数据"
v-model="checkDetail.petsId"
disabled
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="宠物品种">
<span>{{ checkDetail.petBreed }}</span>
<el-input
class="input-detail"
placeholder="暂无数据"
v-model="checkDetail.petBreed"
disabled
/>
</el-form-item>
</el-col>
</el-row>
<!-- 2 -->
<el-row>
<el-col :span="8">
<el-form-item label="宠物性别">
<span>{{ checkDetail.petSex === '0' ? '雄性' : (checkDetail.petSex === '1' ? '雌性' : '其他') }}</span>
<el-form-item label="宠物性别" label-width="67px">
<el-select class="input-detail" v-model="checkDetail.petSex" disabled placeholder="暂无数据">
<el-option
v-for="item in dict.type.pet_sex"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="宠物年龄">
<span>{{ checkDetail.petAge }}</span>
<el-input
class="input-detail"
placeholder="暂无数据"
v-model="checkDetail.petAge"
disabled
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="宠物体重">
<span>{{ checkDetail.petWeight + 'kg' }}</span>
<el-input
class="input-detail"
placeholder="暂无数据"
v-model="checkDetail.petWeight"
disabled
>
<template #suffix>kg</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 3 -->
<el-row>
<el-col :span="8">
<el-form-item label="宠物毛色">
<span>{{ checkDetail.petColor }}</span>
<el-form-item label="宠物毛色" label-width="67px">
<el-input
class="input-detail"
placeholder="暂无数据"
v-model="checkDetail.petColor"
disabled
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="绝育情况">
<span>{{ checkDetail.sterilizationStatus === '0' ? '已绝育' : '未绝育' }}</span>
<el-select class="input-detail" v-model="checkDetail.sterilizationStatus" disabled placeholder="暂无数据">
<el-option
v-for="item in dict.type.sterilization_status"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="疫苗情况">
<span>{{ checkDetail.vaccineSituation === '0' ? '当年已接种' : '当年未接种' }}</span>
<el-select class="input-detail" v-model="checkDetail.vaccineSituation" disabled placeholder="暂无数据">
<el-option
v-for="item in dict.type.vaccine_situation"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<!-- 4 -->
<el-row>
<el-col :span="8">
<el-form-item label="宠物保险">
<span>{{ checkDetail.insure === '0' ? '未购保险' : '已购保险' }}</span>
<el-form-item label="宠物保险" label-width="67px">
<el-select class="input-detail" v-model="checkDetail.insure" disabled placeholder="暂无数据">
<el-option
v-for="item in insureOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
......@@ -82,18 +142,33 @@
<!-- 1 -->
<el-row>
<el-col :span="8">
<el-form-item label="宠主姓名">
<span>{{ checkDetail.nickname }}</span>
<el-form-item label="宠主姓名" label-width="67px">
<el-input
class="input-detail"
placeholder="暂无数据"
v-model="checkDetail.nickname"
disabled
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="用户ID">
<span>{{ checkDetail.ownersId || '-' }}</span>
<el-input
class="input-detail"
placeholder="暂无数据"
v-model="checkDetail.ownersId"
disabled
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="手机号">
<span>{{ checkDetail.phonenumber }}</span>
<el-input
class="input-detail"
placeholder="暂无数据"
v-model="checkDetail.phonenumber"
disabled
/>
</el-form-item>
</el-col>
</el-row>
......@@ -115,13 +190,25 @@
<!-- 缴费信息 -->
<el-row>
<el-col :span="8">
<el-form-item label="缴费金额">
<span>{{ keepTwoDecimals(checkDetail.payAmount) }}</span>
<el-form-item label="缴费金额" label-width="67px">
<el-input
class="input-detail"
placeholder="暂无数据"
v-model="checkDetail.payAmount"
disabled
>
<template #prefix>￥</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="缴费方式">
<span>-</span>
<el-input
class="input-detail"
placeholder="暂无数据"
v-model="checkDetail.payWay"
disabled
/>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -132,7 +219,7 @@
</el-row>
<div style="display: flex;align-items: center;margin-bottom: 10px;">
<div style="height: 16px;border-left: 3px solid #5bb647;" />
<div style="padding-left: 10px;font-size: 16px;font-weight: bold;">预约信息</div>
<div style="padding-left: 8px;font-size: 16px;font-weight: bold;">预约信息</div>
<div style="margin-left: auto;padding-right: 50px;">
<el-button v-show="checkDetail.deviceId === null" class="fourWordsBtn" @click="bookNow">立即预约</el-button>
</div>
......@@ -140,13 +227,27 @@
<!-- 预约信息 -->
<el-row v-show="checkDetail.checkSchedule >= 2">
<el-col :span="8">
<el-form-item label="检查类型">
<span>{{ checkDetail.checkType === '0' ? '医院自有服务' : '预约外部服务' }}</span>
<el-form-item label="检查类型" label-width="67px">
<el-select class="input-detail" v-model="checkDetail.checkType" disabled placeholder="暂无数据">
<el-option
v-for="item in dict.type.check_type"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="设备服务费用">
<span>{{ keepTwoDecimals(checkDetail.devicePrice) }}</span>
<el-input
class="input-detail"
placeholder="暂无数据"
v-model="checkDetail.devicePrice"
disabled
>
<template #prefix>￥</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -165,7 +266,7 @@
<div v-show="checkDetail.checkSchedule >= 2">
<div style="display: flex;align-items: center;margin-bottom: 10px;">
<div style="height: 16px;border-left: 3px solid #5bb647;" />
<div style="padding-left: 10px;font-size: 16px;font-weight: bold;">检查信息</div>
<div style="padding-left: 8px;font-size: 16px;font-weight: bold;">检查信息</div>
<div style="margin-left: auto;padding-right: 50px;">
<el-button v-show="checkDetail.checkSchedule >=2 && (checkDetail.shadowReport === null || checkDetail.shadowReport === '')" class="fourWordsBtn" @click="uploadReport">上传报告</el-button>
</div>
......@@ -173,27 +274,42 @@
<!-- 检查信息 -->
<el-row>
<el-col :span="8">
<el-form-item label="检查项目">
<span>{{ checkDetail.checkItemsName || '-' }}</span>
<el-form-item label="检查项目" label-width="67px">
<el-input
class="input-detail"
placeholder="暂无数据"
v-model="checkDetail.checkItemsName"
disabled
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="检查状态">
<span v-show="checkDetail.checkSchedule === '0' || checkDetail.checkSchedule === '1'">-</span>
<span v-show="checkDetail.checkSchedule === '2'">待检查</span>
<span v-show="checkDetail.checkSchedule === '3'">已检查</span>
<el-select class="input-detail" v-model="checkDetail.checkSchedule" disabled placeholder="暂无数据">
<el-option
v-for="item in checkStatus"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="设备">
<span>{{ checkDetail.deviceName }}</span>
<el-input
class="input-detail"
placeholder="暂无数据"
v-model="checkDetail.deviceName"
disabled
/>
</el-form-item>
</el-col>
</el-row>
<!-- 2 -->
<el-row>
<el-col :span="8">
<el-form-item label="检查日期">
<el-form-item label="检查日期" label-width="67px">
<span>{{ parseTime(checkDetail.checkStartTime, '{y}/{m}/{d}') }}</span>
</el-form-item>
</el-col>
......@@ -211,7 +327,7 @@
<!-- 3 -->
<el-row>
<el-col :span="8">
<el-form-item label="影像报告">
<el-form-item label="影像报告" label-width="67px">
<!-- <span>{{ checkDetail.shadowReport || '暂未上传' }}</span>-->
<el-button v-show="checkDetail.shadowReport !== null && checkDetail.shadowReport !== ''" class="fourWordsBtn" @click="viewTheReport">查看报告</el-button>
<span v-show="checkDetail.shadowReport === null || checkDetail.shadowReport === ''">{{ '暂未上传' }}</span>
......@@ -254,6 +370,7 @@ import { getManage } from '@/api/business/manage'
export default {
name: 'CheckDetail',
dicts: ['pet_sex', 'sterilization_status', 'vaccine_situation', 'check_type'],
data() {
return {
checkDetail: {},
......@@ -262,7 +379,36 @@ export default {
// 影像报告
videoReport: null,
// 图片根据不同环境显示路径
baseUrl: process.env.VUE_APP_TEST_API
baseUrl: process.env.VUE_APP_TEST_API,
insureOptions: [
{
value: '0',
label: '未购保险'
},
{
value: '1',
label: '已购保险'
}
],
// 检查状态
checkStatus: [
{
value: '0',
label: '暂未数据'
},
{
value: '1',
label: '暂未数据'
},
{
value: '2',
label: '待检查'
},
{
value: '3',
label: '已检查'
}
]
}
},
created() {
......@@ -276,15 +422,17 @@ export default {
getManage(id).then(response => {
console.log('od', response.data)
this.checkDetail = response.data
this.checkDetail.payAmount = this.keepTwoDecimals(this.checkDetail.payAmount)
this.checkDetail.devicePrice = this.keepTwoDecimals(this.checkDetail.devicePrice)
this.schedule = parseInt(this.checkDetail.checkSchedule) + 1
})
},
// 金额保留两位小数
keepTwoDecimals(price) {
if (price === null) {
return '-'
return null
} else {
return '￥' + price.toFixed(2)
return price.toFixed(2)
}
},
// 点击 预约信息-立即预约
......@@ -343,7 +491,7 @@ export default {
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.title-paragraph {
margin-bottom: 20px;
border-left: 5px solid #5FB54B;
......@@ -365,4 +513,7 @@ export default {
::v-deep .el-dialog:not(.is-fullscreen) {
margin-top: 26vh !important;
}
.input-detail {
width: 392px;
}
</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