baozhida-monitoring-host/pages/realTime/index.vue

<template>
	<!-- 实时数据 -->
	<view :style="{padding:'10rpx 10rpx'}">
		<uni-table ref="table" :loading="loading" border emptyText="暂无更多数据">
			<uni-tr>
				<uni-th width="10" align="center"></uni-th>
				<uni-th align="center">名称</uni-th>
				<uni-th width="40" align="center">温度(℃)</uni-th>
				<uni-th width="40" align="center">湿度(℃)</uni-th>
				<uni-th width="40" align="center">通信状态</uni-th>
				<uni-th width="60" align="center">发包计数</uni-th>
				<uni-th width="60" align="center">丢包计数</uni-th>
				<uni-th align="center">时间</uni-th>
			</uni-tr>
			<uni-tr v-for="(item, index) in tableData" :key="index">
				<uni-td align="center">{{ index + 1 }}</uni-td>
				<uni-td align="center">{{ item.name }}</uni-td>
				<uni-td align="center">
					<view class="name">{{ item.name }}</view>
				</uni-td>
				<uni-td align="center">{{ item.name }}</uni-td>
				<uni-td align="center">{{ item.name }}</uni-td>
				<uni-td align="center">{{ item.name }}</uni-td>
				<uni-td align="center">{{ item.name }}</uni-td>
				<uni-td align="center">{{ item.date }}</uni-td>
			</uni-tr>
		</uni-table>
	</view>
</template>

<script>
	import tablelist from './tableData.js'
	export default {
		data() {
			return {
				loading: false,
				tableData: tablelist,
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang="scss">
</style>