184 lines
3.6 KiB
Vue
184 lines
3.6 KiB
Vue
<template>
|
||
<view class="app">
|
||
<!-- 7 -->
|
||
<view class="content">
|
||
<view class="information">
|
||
姓名：{{list.patientName}}
|
||
</view>
|
||
<view class="information">
|
||
身份证号：{{list.cardNo}}
|
||
</view>
|
||
<view class="information">
|
||
联系方式：{{list.phone}}
|
||
</view>
|
||
<view class="information">
|
||
现住址：{{list.address}}
|
||
</view>
|
||
</view>
|
||
<view class="Familybody">
|
||
<view class="">
|
||
问题简述:{{list.problemDescription}}
|
||
</view>
|
||
<view class="">
|
||
问题描述:{{list.situationDescription}}
|
||
</view>
|
||
<view class="">
|
||
患者个人情况说明:{{list.situationDescription}}
|
||
</view>
|
||
<view class="">
|
||
病历:{{list.medicalRecord}}
|
||
</view>
|
||
<view class="" v-if="status==2">
|
||
预约日期:{{list.appointmentDate}}
|
||
</view>
|
||
<view class="" v-if="status==2">
|
||
预约开始时间点：{{list.appointmentStartTime}}
|
||
</view>
|
||
<view class="" v-if="status==2">
|
||
预约结束时间点:{{list.appointmentEndTime}}
|
||
</view>
|
||
|
||
</view>
|
||
|
||
<view class="add">附件文件
|
||
<view class="imageitem">
|
||
<image v-for="(item, index) in url" :key="index" :src="item" mode="" @click="clickImg"></image>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import {
|
||
consultationlnfo,
|
||
} from '@/api/seekadvicefrom/seekadvicefrom.js';
|
||
import baseurl from '@/api/baseurl.js'
|
||
export default {
|
||
data() {
|
||
return {
|
||
baseurl: '',
|
||
id: '',
|
||
list: [],
|
||
status: '',
|
||
fileUrls: [],
|
||
url: [],
|
||
}
|
||
},
|
||
onLoad(options) {
|
||
this.baseurl = baseurl;
|
||
this.id = options.item
|
||
this.status = uni.getStorageInfoSync('status')
|
||
this.info()
|
||
},
|
||
methods: {
|
||
clickImg() {
|
||
uni.previewImage({
|
||
urls: this.url, //需要预览的图片http链接列表，多张的时候，url直接写在后面就行了
|
||
current: '', // 当前显示图片的http链接，默认是第一个
|
||
success: function(res) {},
|
||
fail: function(res) {},
|
||
complete: function(res) {},
|
||
})
|
||
},
|
||
|
||
back() {
|
||
uni.navigateBack({
|
||
delta: 1
|
||
})
|
||
},
|
||
info() {
|
||
this.url = []
|
||
consultationlnfo(this.id).then(res => {
|
||
res.data.fileUrls.forEach(e => {
|
||
this.url.push(baseurl + e)
|
||
})
|
||
this.list = res.data
|
||
})
|
||
},
|
||
},
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.app {
|
||
width: 100%;
|
||
// margin: 20rpx auto;
|
||
height: 100%;
|
||
padding: 30rpx;
|
||
// background-color: red;
|
||
font-size: 35rpx;
|
||
|
||
// .title {
|
||
// font-size: 20px;
|
||
// text-align: center;
|
||
// height: 80rpx;
|
||
// border-bottom: 1rpx solid #f6f6f6;
|
||
// padding-top: 100rpx;
|
||
// position: fixed;
|
||
// width: 100%;
|
||
// background: white;
|
||
// z-index: 10;
|
||
|
||
// image {
|
||
// width: 20rpx;
|
||
// height: 30rpx;
|
||
// transform: rotate(180deg);
|
||
// position: absolute;
|
||
// left: 40rpx;
|
||
// bottom: 38rpx;
|
||
// }
|
||
// }
|
||
|
||
.Familybody {
|
||
padding: 30rpx;
|
||
width: 98%;
|
||
height: 600rpx;
|
||
background-color: #fff;
|
||
line-height: 120rpx;
|
||
margin: 20rpx auto;
|
||
}
|
||
|
||
.add {
|
||
padding: 30rpx;
|
||
width: 98%;
|
||
height: 600rpx;
|
||
background-color: #fff;
|
||
line-height: 120rpx;
|
||
// background-color: red;
|
||
// position: relative;
|
||
|
||
.imageitem {
|
||
width: 100%;
|
||
display: flex;
|
||
justify-content: flex-start;
|
||
flex-wrap: wrap;
|
||
align-items: center;
|
||
// position: absolute;
|
||
|
||
image {
|
||
display: inline-block;
|
||
// position: absolute;
|
||
// left: 0%;
|
||
// top: 20%;
|
||
width: 33%;
|
||
height: 200rpx;
|
||
}
|
||
}
|
||
|
||
|
||
}
|
||
|
||
.content {
|
||
width: 98%;
|
||
// height: 300rpx;
|
||
background-color: #fff;
|
||
margin: 20rpx auto;
|
||
padding: 30rpx;
|
||
|
||
.information {
|
||
line-height: 62rpx;
|
||
|
||
}
|
||
}
|
||
}
|
||
</style> |