temperatureTable.vue 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. <template>
  2. <div class="temperatureTable">
  3. <span class="remark-icon"></span><p class="my-title">温度统计表</p>
  4. <i-Table stripe size="large" :columns="columns1" :data="tableData"></i-Table>
  5. </div>
  6. </template>
  7. <script>
  8. export default {
  9. components: {},
  10. mixins: [],
  11. props: ['tableData'],
  12. data() {
  13. return {
  14. columns1: [
  15. {
  16. title: "楼层",
  17. key: "FloorLocalName"
  18. },
  19. {
  20. title: "测量点个数",
  21. key: "count"
  22. },
  23. {
  24. title: "20℃以下的个数",
  25. key: "to20"
  26. },
  27. {
  28. title: "20℃~24℃的个数",
  29. key: "to24"
  30. },
  31. {
  32. title: "24℃~26℃的个数",
  33. key: "to26"
  34. },
  35. {
  36. title: "26℃~28℃的个数",
  37. key: "to28",
  38. className: "table-info-column"
  39. },
  40. {
  41. title: "28℃以上的个数 ",
  42. key: "from28"
  43. }
  44. ],
  45. data1: []
  46. };
  47. },
  48. computed: {},
  49. mounted() {
  50. },
  51. methods: {
  52. }
  53. };
  54. </script>
  55. <style scoped lang="less" >
  56. .my-title {
  57. height: 40px;
  58. font-size:18px;
  59. font-weight: bold;
  60. display: inline-block;
  61. }
  62. .remark-icon {
  63. padding: 7px 3px;
  64. display: inline-block;
  65. background: #4a9ef9;
  66. margin: 20px 10px 0 20px;
  67. }
  68. .temperatureTable {
  69. width: 65%;
  70. border: 1px solid #dbdde4;
  71. border-radius: 3px;
  72. padding: 0 20px;
  73. }
  74. </style>
  75. <style lang="less">
  76. .ivu-table-wrapper {
  77. border: none;
  78. }
  79. </style>