|
|
<template>
|
|
|
<view class="page">
|
|
|
<view class="cotainer">
|
|
|
<view class="hospital">
|
|
|
<view class="title">咨询科室：{{ info.serve_hospital?info.serve_hospital.name:'' }} - {{info.serve_hospital_department?info.serve_hospital_department.name:''}}</view>
|
|
|
<view class="hospital-title">患者信息</view>
|
|
|
<view class="hospital-form">
|
|
|
<view class="form-card form-card-1">
|
|
|
<u-form ref="uForm" :label-width="178">
|
|
|
<u-form-item label="姓名" prop="name">
|
|
|
<view slot="right">
|
|
|
{{info.name?info.name:''}}
|
|
|
</view>
|
|
|
</u-form-item>
|
|
|
<u-form-item label="性别" prop="sex">
|
|
|
<view slot="right">
|
|
|
{{info.sex?info.sex:''}}
|
|
|
</view>
|
|
|
</u-form-item>
|
|
|
<u-form-item label="出生年月" prop="birthday">
|
|
|
<view slot="right">
|
|
|
{{info.birthday?info.birthday:''}}
|
|
|
</view>
|
|
|
</u-form-item>
|
|
|
<u-form-item label="所在城市" prop="city">
|
|
|
<view slot="right">
|
|
|
{{info.city?info.city:''}}
|
|
|
</view>
|
|
|
</u-form-item>
|
|
|
<u-form-item label="患者关系" prop="relationship">
|
|
|
<view slot="right">
|
|
|
{{info.relationship?info.relationship:''}}
|
|
|
</view>
|
|
|
</u-form-item>
|
|
|
<u-form-item label="手机号码" prop="mobile">
|
|
|
<view slot="right">
|
|
|
{{info.mobile?info.mobile:''}}
|
|
|
</view>
|
|
|
</u-form-item>
|
|
|
<u-form-item label="咨询类别" prop="type">
|
|
|
<view slot="right">
|
|
|
{{info.type?info.type:''}}
|
|
|
</view>
|
|
|
</u-form-item>
|
|
|
<view class="form-card-2">
|
|
|
<u-form-item label="咨询信息" prop="content" label-position="top" :border-bottom="false">
|
|
|
<u-input border :custom-style="{ 'letter-spacing': '2rpx' }" border-color="#dad9d9"
|
|
|
placeholder=" " disabled v-model="info.content"
|
|
|
type="textarea"></u-input>
|
|
|
</u-form-item>
|
|
|
</view>
|
|
|
</u-form>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
info: {},
|
|
|
id:''
|
|
|
};
|
|
|
},
|
|
|
mounted() {
|
|
|
|
|
|
},
|
|
|
onLoad(options) {
|
|
|
this.id = options.id ? options.id : ''
|
|
|
this.getDetail()
|
|
|
},
|
|
|
methods: {
|
|
|
async getDetail() {
|
|
|
const res = await this.$u.api.serveHospitalOrderDetail({
|
|
|
id: this.id
|
|
|
})
|
|
|
this.info = res
|
|
|
},
|
|
|
|
|
|
|
|
|
},
|
|
|
computed: {
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
|
.page {
|
|
|
position: relative;
|
|
|
background-color: #f5efee;
|
|
|
height: 100vh;
|
|
|
padding-bottom: 80rpx;
|
|
|
}
|
|
|
.cotainer {
|
|
|
|
|
|
padding-top: 80rpx;
|
|
|
padding-bottom: 80rpx;
|
|
|
background-color: #f5efee;
|
|
|
}
|
|
|
|
|
|
.hospital {
|
|
|
background-color: #fff;
|
|
|
border-radius: 10rpx;
|
|
|
filter: drop-shadow(2.192rpx 4.494rpx 5rpx rgba(33, 32, 32, 0.15));
|
|
|
margin: 25rpx;
|
|
|
margin-top: 0;
|
|
|
padding-bottom: 60rpx;
|
|
|
margin-bottom: 50rpx;
|
|
|
|
|
|
.title {
|
|
|
font-size: 28rpx;
|
|
|
color: #222222;
|
|
|
padding: 40rpx;
|
|
|
border-bottom: 1rpx solid rgba(33, 32, 32, 0.15);
|
|
|
}
|
|
|
|
|
|
&-title {
|
|
|
font-size: 28rpx;
|
|
|
padding: 40rpx;
|
|
|
color: #000;
|
|
|
padding-bottom: 20rpx;
|
|
|
}
|
|
|
|
|
|
&-form {
|
|
|
.form-card {
|
|
|
padding: 0 60rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.sexs {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
|
|
|
&-item {
|
|
|
width: 130rpx;
|
|
|
height: 48rpx;
|
|
|
line-height: 48rpx;
|
|
|
color: #000000;
|
|
|
font-size: 24rpx;
|
|
|
text-align: center;
|
|
|
border-radius: 48rpx;
|
|
|
background-color: #e4e9f0;
|
|
|
margin-left: 10rpx
|
|
|
}
|
|
|
|
|
|
&-active {
|
|
|
color: #fff;
|
|
|
background: linear-gradient(-90deg, #e26165 0%, #c10d12 94%, #c10d12 100%);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
::v-deep .form-card .u-input__input {
|
|
|
text-align: right;
|
|
|
}
|
|
|
|
|
|
::v-deep .form-card-2 .u-input__input {
|
|
|
text-align: left;
|
|
|
}
|
|
|
|
|
|
|
|
|
}
|
|
|
</style> |
