176 lines
3.5 KiB
Vue
176 lines
3.5 KiB
Vue
<template>
|
||
<view class="container safe-area-inset-bottom">
|
||
<MessageNotification />
|
||
<!-- 头部 -->
|
||
<view class="head" @click="show = true">
|
||
<view class="head_sign">
|
||
<text>就诊人</text>
|
||
<text class="head_btn">全部</text>
|
||
</view>
|
||
<text class="iconfont icon-jiantou1"></text>
|
||
</view>
|
||
|
||
<!-- 列表 -->
|
||
<view class="list">
|
||
<ul>
|
||
<li>
|
||
<view class="li_bottom">
|
||
<view class="li_bottom_left">
|
||
<image src="https://xiaokang88.oss-cn-hangzhou.aliyuncs.com/xk-client-wx/static/logo.png" mode=""></image>
|
||
<view class="li_bottom_left_info">
|
||
<view class="info_name">
|
||
<text >李磊</text>
|
||
<text class="info_sign">检查报告- 口腔放射科检查</text>
|
||
</view>
|
||
<view class="info_yard">九江市第一人民医院 （总院） <text>2022年09月20日</text> </view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</li>
|
||
|
||
<li>
|
||
<view class="li_bottom">
|
||
<view class="li_bottom_left">
|
||
<image src="https://xiaokang88.oss-cn-hangzhou.aliyuncs.com/xk-client-wx/static/logo.png" mode=""></image>
|
||
<view class="li_bottom_left_info">
|
||
<view class="info_name">
|
||
<text >李磊</text>
|
||
<text class="info_sign">检查报告- DR</text>
|
||
</view>
|
||
<view class="info_yard">九江市第一人民医院 （总院） <text>2022年09月20日</text> </view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</li>
|
||
|
||
</ul>
|
||
</view>
|
||
|
||
<!-- 就诊人 -->
|
||
<view>
|
||
<u-action-sheet @click="click" :list="list" v-model="show" :cancel-btn="false" border-radius="30">
|
||
</u-action-sheet>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
list: [{
|
||
text: '全部',
|
||
// fontSize: 28,
|
||
}, {
|
||
text: '李月'
|
||
}, {
|
||
text: '杨晓'
|
||
}],
|
||
show: false
|
||
}
|
||
},
|
||
onLoad() {
|
||
|
||
},
|
||
methods: {
|
||
click(index) {
|
||
console.log(`点击了第${index + 1}项，内容为：${this.list[index].text}`)
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.container {
|
||
width: 750rpx;
|
||
min-height: 100vh;
|
||
max-height: 100%;
|
||
padding-bottom: env(safe-area-inset-bottom);
|
||
|
||
.head {
|
||
width: 100%;
|
||
height: 80rpx;
|
||
background-color: #fff;
|
||
padding: 0 40rpx;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
|
||
.head_sign {
|
||
text:first-child {
|
||
color: #999;
|
||
margin-right: 60rpx;
|
||
}
|
||
}
|
||
|
||
text {
|
||
font-size: 30rpx;
|
||
font-weight: 550;
|
||
}
|
||
}
|
||
|
||
.list {
|
||
|
||
ul {
|
||
padding: 0;
|
||
|
||
li {
|
||
width: 90%;
|
||
padding: 20rpx 0 20rpx 20rpx;
|
||
margin: 20rpx auto;
|
||
background-color: #fff;
|
||
list-style: none;
|
||
|
||
|
||
.li_bottom {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
|
||
.li_bottom_left {
|
||
display: flex;
|
||
justify-content: space-around;
|
||
align-items: center;
|
||
|
||
image {
|
||
width: 90rpx;
|
||
height: 90rpx;
|
||
border-radius: 50%;
|
||
margin-right: 30rpx;
|
||
}
|
||
|
||
.li_bottom_left_info {
|
||
|
||
.info_name{
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
color: #000;
|
||
margin-bottom: 20rpx;
|
||
|
||
.info_sign{
|
||
font-weight: 600;
|
||
}
|
||
}
|
||
|
||
.info_yard{
|
||
color: #999;
|
||
font-size: 16rpx;
|
||
text{
|
||
font-size: 14rpx;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.li_bottom_right{
|
||
color: #999;
|
||
font-size: 34rpx;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</style>
|