devicelist.vue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <template>
  2. <!-- 设备列表 -->
  3. <view class="table_card_data">
  4. <uni-table ref="table" :loading="loading" border emptyText="暂无更多数据">
  5. <uni-tr>
  6. <uni-th width="10" align="center"></uni-th>
  7. <uni-th align="center">名称</uni-th>
  8. <uni-th width="25" align="center">地址</uni-th>
  9. <uni-th align="center">通信端口</uni-th>
  10. <uni-th align="center">温度范围</uni-th>
  11. <uni-th align="center">湿度范围</uni-th>
  12. <uni-th align="center">温度预警</uni-th>
  13. <uni-th align="center">湿度预警</uni-th>
  14. <uni-th align="center">空库</uni-th>
  15. </uni-tr>
  16. <uni-tr v-for="(item, index) in tableData" :key="index">
  17. <uni-td align="center">{{ index + 1 }}</uni-td>
  18. <uni-td align="center">{{ item.date }}</uni-td>
  19. <uni-td align="center">
  20. <view class="name">{{ item.name }}</view>
  21. </uni-td>
  22. <uni-td align="center">{{ item.name }}</uni-td>
  23. </uni-tr>
  24. </uni-table>
  25. </view>
  26. </template>
  27. <script>
  28. import tablelist from '../alarm/tableData.js'
  29. export default {
  30. data() {
  31. return {
  32. loading: false,
  33. tableData: [],
  34. }
  35. }
  36. }
  37. </script>
  38. <style lang="scss" scoped>
  39. </style>