<template>
|
<view>
|
<!-- 通知 -->
|
<uni-notice-bar show-icon text="仅查询出自路泰自有分院,且手机号/身份证相同的体检报告哦!" />
|
|
<!-- 报告卡片 -->
|
<view class="padding-l" v-for="(item,index) in reportlist" :key="index">
|
<div class="card" @click="ReportDetails">
|
<div class="card_sty">
|
<div class="card_left">
|
<span class="card_left_txt1">{{item.customer.cusName}}</span>
|
<span class="card_left_txt2">{{item.customer.cusSex ? "女" :"男" }}</span>
|
</div>
|
<div class="card_right">
|
<div class="card_right1">
|
<span class="card_right_txt1">{{item.report.createTime}}</span>
|
<span class="card_right_txt2">泾川县人民医院体检中心</span>
|
<span class="card_right_txt3">体检号：{{item.report.tjNumber}}</span>
|
</div>
|
<div class="card_right2">
|
<span class="card_right_txt4">体</span>
|
<span class="card_right_txt4">检</span>
|
<span class="card_right_txt4">报</span>
|
<span class="card_right_txt4">告</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
</view>
|
|
|
|
</view>
|
</template>
|
|
<script>
|
import {
|
getReportList
|
} from "@/api/system/report";
|
export default {
|
data() {
|
return {
|
reportlist: [],
|
options: [],
|
|
radio1: 0,
|
radio2: 0,
|
radio3: 0,
|
radio4: 0,
|
radio5: 0,
|
radio6: 0,
|
checkbox1: [0],
|
checkbox2: [0],
|
checkbox3: [0],
|
checkbox4: [0],
|
checkbox5: [0],
|
checkbox6: [0],
|
|
hobby: [{
|
text: '2022-04-08 xxx 男',
|
value: 0
|
}, ],
|
|
customButtonGroup1: [{
|
text: '对比',
|
backgroundColor: '#c8c8c8',
|
color: '#fff'
|
}, ]
|
|
}
|
},
|
//生命周期方法 —— 页面加载时
|
onLoad() {
|
this.getList();
|
},
|
methods: {
|
/** 查询体检报告列表 */
|
getList() {
|
let cusPhone = "15700000000";
|
//let cusIdcard="610521000000000000";
|
getReportList(cusPhone).then((response) => {
|
this.reportlist = response.data;
|
});
|
},
|
ReportDetails() {
|
uni.navigateTo({
|
url: '/pagesA/ReportDetails/ReportDetails'
|
})
|
}
|
}
|
}
|
</script>
|
|
<style>
|
.card {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.card_sty {
|
width: 670rpx;
|
height: 150rpx;
|
border-radius: 8px 8px 8px 8px;
|
background-color: #fff;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
margin-top: 30px;
|
}
|
|
.card_left {
|
width: 120rpx;
|
height: 103rpx;
|
border-right: 1px solid #ccc;
|
display: flex;
|
align-items: center;
|
flex-direction: column;
|
}
|
|
.card_left_txt1 {
|
margin-top: 2px;
|
font-size: 14px;
|
}
|
|
.card_left_txt2 {
|
font-size: 14px;
|
color: #838383;
|
}
|
|
.card_right {
|
display: flex;
|
}
|
|
.card_right1 {
|
margin-top: 4px;
|
margin-left: 10px;
|
width: 450rpx;
|
height: 103rpx;
|
display: flex;
|
flex-direction: column;
|
|
}
|
|
.card_right_txt1 {
|
font-size: 14px;
|
}
|
|
.card_right_txt2 {
|
font-size: 14px;
|
}
|
|
.card_right_txt3 {
|
font-size: 14px;
|
}
|
|
.card_right2 {
|
margin-left: 10px;
|
width: 50rpx;
|
height: 150rpx;
|
font-size: 14px;
|
color: #fff;
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
border-radius: 0px 8px 8px 0px;
|
background-color: #fd8b4d;
|
}
|
|
.card_right_txt4 {
|
font-size: 12px;
|
color: #fff;
|
}
|
|
</style>
|
