table-detail.vue 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <template>
  2. <view>
  3. <view class="processStatus">
  4. <view class="info-tit margin-left-xs">
  5. <text class="cuIcon-titles margin-right-xs"></text>
  6. 表格
  7. </view>
  8. <view class="info-content padding" style="overflow:auto;width:97%">
  9. <table style="width:140%">
  10. <tr>
  11. <th>名称</th>
  12. <th>类型</th>
  13. <th>端口</th>
  14. <th>最后上传值</th>
  15. <th>最后上传时间</th>
  16. </tr>
  17. <tr>
  18. <td>消防泵手自动状态</td>
  19. <td>开关量</td>
  20. <td>01</td>
  21. <td>关闭</td>
  22. <td>2021-01-19 11:06:40</td>
  23. </tr>
  24. <tr>
  25. <td>消防泵手自动状态</td>
  26. <td>开关量</td>
  27. <td>01</td>
  28. <td>关闭</td>
  29. <td>2021-01-19 11:06:40</td>
  30. </tr>
  31. <tr>
  32. <td>消防泵手自动状态</td>
  33. <td>开关量</td>
  34. <td>01</td>
  35. <td>关闭</td>
  36. <td>2021-01-19 11:06:40</td>
  37. </tr>
  38. </table>
  39. </view>
  40. </view>
  41. </view>
  42. </template>
  43. <script>
  44. export default {
  45. data() {
  46. return {
  47. }
  48. },
  49. methods: {
  50. }
  51. }
  52. </script>
  53. <style>
  54. </style>