aiot-app/pages/equipment_ledger/check/check.vue

<template>
  <view class="check-page">
    <uni-nav-bar
      fixed="true"
      statusBar="true"
      left-icon="back"
      title="盘点记录"
      @clickLeft="back"
    >
    </uni-nav-bar>
    <uni-section title="盘点记录" type="line">
      <uni-table border stripe emptyText="暂无更多数据">
        <!-- 表头行 -->
        <uni-tr>
          <uni-th align="center">盘点工单号</uni-th>
          <uni-th align="center">执行人</uni-th>
          <uni-th align="center">盘点时间</uni-th>
        </uni-tr>
        <!-- 表格数据行 -->
        <uni-tr v-for="(item, index) in tableData" :key="index">
          <uni-td>{{ item.workOrderCode }}</uni-td>
          <uni-td>{{ item.workOrderExecutorName }}</uni-td>
          <uni-td>{{ item.finishTime }}</uni-td>
        </uni-tr>
      </uni-table>
    </uni-section>
  </view>
</template>

<script>
import { get, postJ } from '@/utils/api.js'
export default {
  data () {
    return {
      tableData: [],
      info: {}
    }
  },
  onLoad (option) {
    this.info = JSON.parse(decodeURIComponent(option.info))
    console.log(this.info)
    this.getData()
  },
  methods: {
    async getData () {
      const res = await postJ(
        this.apiUrl +
          `/repertoryCheck/equiCheckRecordList?assetCode=${this.info.assetCode}`
      )

      if (res?.success) {
        this.tableData = res.data
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.check-page {
  /deep/.uni-table {
    min-width: 100vw !important;
    .uni-table-td,
    .uni-table-th {
      padding: 20rpx 10rpx !important;
      text-align: center !important;
    }
  }
}
</style>