shenweishi/subpackagesA/pages/PhysicalSigns/component/bloodpressTable.vue

<template>
	<view class="chartwarp">
		<view class="uni-container">
			<uni-table ref="table" :loading="loading" border stripe emptyText="暂无更多数据">
				<uni-tr>
					<uni-th width="100" align="center">日期</uni-th>
					<uni-th width="95" align="center">透前收缩压</uni-th>
					<uni-th width="95" align="center">透前舒张压</uni-th>
					<uni-th width="95" align="center">透后收缩压</uni-th>
					<uni-th width="95" align="center">透后舒张压</uni-th>
				</uni-tr>
				<uni-tr v-for="(item, index) in record" :key="index">
					<uni-td>{{ item.assessment_date }}</uni-td>
					<uni-td align="center">
						<view class="name">{{ item.diastolic_blood_pressure_before }}</view>
					</uni-td>
					<uni-td align="center">{{ item.systolic_blood_pressure_before }}</uni-td>
					<uni-td align="center">{{ item.diastolic_blood_pressure_after }}</uni-td>
					<uni-td align="center">{{ item.systolic_blood_pressure_after }}</uni-td>
				</uni-tr>
			</uni-table>
			<view class="uni-pagination-box">
				<uni-pagination show-icon :page-size="pageSize" :current="pageCurrent" :total="total"
					@change="change" />
			</view>
		</view>


	</view>
</template>

<script>
	export default {
		props: {
			record: Array
		},
		data() {
			return {
				searchVal: '',
				tableData: [],
				// 每页数据量
				pageSize: 10,
				// 当前页
				pageCurrent: 1,
				// 数据总量
				total: 0,
				loading: false
			}
		},

		onShow() {

		}
	}
</script>

<style>
	page {
		height: 100%;
		background-color: #f3f3f9;
	}
	.chartwarp{
		margin-top: 30rpx;
	}
	.uni-group {
		display: flex;
		align-items: center;
	}
</style>