uniapp-excel表格展示

最新推荐文章于 2024-07-25 14:51:34 发布

huxihua2006

最新推荐文章于 2024-07-25 14:51:34 发布

阅读量1k

点赞数

文章标签： uni-app javascript vue.js

本文链接：https://blog.csdn.net/huxihua2006/article/details/126766081

版权

	<image :src="logoImg" class="logoImg"></image>
	<text class="titleT">{{titleT}}[{{date}}]</text>

	<uni-table border stripe emptyText="暂无更多数据">

		<!-- 表头行 -->
	 <uni-tr class="ths">
			<uni-th align="center" width="40">{{titleTh.closeAccount}}</uni-th>
			<uni-th align="center" width="15">{{titleTh.box}}</uni-th>
			<uni-th align="center" width="10">{{titleTh.type}}</uni-th>
			<uni-th align="center" width="10">{{titleTh.action}}</uni-th>
			<uni-th align="center" width="10">{{titleTh.orderNo}}</uni-th>
			<uni-th align="center" width="10">{{titleTh.officialReceipts}}</uni-th>
		</uni-tr>

		<!-- 表格数据行 -->
		<uni-tr v-for="item in itemList">
			<uni-td align="center" width="40">{{item.room}}</uni-td>
			<uni-td align="center" width="15">{{item.roomSum}}</uni-td>
			<uni-td align="center" width="10">{{item.commoditySum}}</uni-td>
			<uni-td align="center" width="10">{{item.divingSum}}</uni-td>
			<uni-td align="center" width="10">{{item.amountPaid}}</uni-td>
			<uni-td align="center" width="10">{{item.balances}}</uni-td>
		</uni-tr>
		<uni-tr>
			<uni-td align="center" width="15">合计[{{totalTxt}}]</uni-td>
			<uni-td align="center" width="15">{{item1}}</uni-td>
			<uni-td align="center" width="10">{{item2}}</uni-td>
			<uni-td align="center" width="10">{{item3}}</uni-td>
			<uni-td align="center" width="10">{{item4}}</uni-td>
			<uni-td align="center" width="10">{{item5}}</uni-td>
		</uni-tr>

	</uni-table>
</view>