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

<template>
	<view class="chartwarp">
		<view class="uni-container">
			<uni-table ref="table" :loading="loading" border stripe emptyText="暂无更多数据">
				<uni-tr>
					<uni-th width="110" align="center">日期</uni-th>
					<uni-th width="80" align="center">透前体重</uni-th>
					<uni-th width="80" align="center">透后体重</uni-th>
					<uni-th width="80" 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">{{ item.weight_before }}</uni-td>
					<uni-td align="center">{{ item.weight_after }}</uni-td>
					<uni-td align="center">{{ item.dry_weight }}</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() {

		},
		methods(){
		
		}
	}
</script>

<style>
	page {
		height: 100%;
		background-color: #f3f3f9;
	}

	.chartwarp {
		margin-top: 30rpx;
	}

	.uni-group {
		display: flex;
		align-items: center;
	}
</style>

<style lang="scss" scoped>
	/deep/.chartwarp {
		.uni-container {
			.uni-table-tr {
				.uni-table-th {
					background: #f6f6f6;
				}
			}
		}

	}
	
	/deep/ .uni-table-th{
		background: #f6f6f6;
	}
</style>