xinelu-applet-ui/pagesC/Screeningrecords/Screeningrecords.vue
2023-11-09 09:26:50 +08:00

113 lines
2.0 KiB
Vue

<template>
<view class="app">
<view class="content" v-for="(item,index) in prejectlist">
<view class="big">{{item.projectName}}
</view>
<view class="servename">
{{item.createTime}}
</view>
<view class="appoint" @tap="goapponint(item)">
详情
</view>
</view>
<!-- <view class="content">
<view class="big">眼底筛查
</view>
<view class="servename">
2023-12-12 12:12:12
</view>
<view class="appoint" @tap="goapponint">
详情
</view>
</view> -->
</view>
</template>
<script>
import {
projectTypedata
} from '@/api/pagesB/SelectItem/SelectItem.js'
export default {
data() {
return {
prejectlist:{},
userinfo:{}
};
},
onShow() {
this.userinfo=uni.getStorageSync('userinfo');
var patientId=this.userinfo.id
projectTypedata(patientId).then(res=>{
this.prejectlist=res.data
})
// this.resultstype();
},
methods: {
goapponint(item) {
console.log(item)
uni.navigateTo({
url: `/pagesC/Screeningdetails/Screeningdetails?projectId=${item.projectId}`
});
},
},
}
</script>
<style lang="scss">
.app {
height: 100vh;
background-color: #F7F5F5;
padding: 30rpx 0 0 0;
overflow: scroll;
.content {
position: relative;
width: 95%;
height: 183rpx;
background: #FFFFFF;
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
border-radius: 5rpx;
margin: 15rpx auto;
.servename {
padding: 0 50rpx 0 50rpx;
font-size: 28rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #868585;
line-height: 38rpx;
}
.appoint {
position: absolute;
right: 5%;
top: 50%;
transform: translateY(-50%);
width: 169rpx;
height: 61rpx;
background: #26A888;
border-radius: 5rpx;
line-height: 61rpx;
text-align: center;
color: #fff;
}
.big {
padding: 35rpx 50rpx 30rpx 50rpx;
font-size: 32rpx;
font-family: Source Han Sans CN;
font-weight: 500;
color: #000000;
line-height: 38rpx;
}
}
}
</style>