Skip to content

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

bug-详情输入框禁用

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