当前位置:   article > 正文

uniapp-excel表格展示

uniapp-excel表格展示
	<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>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/264109
推荐阅读
相关标签
  

闽ICP备14008679号