building.vue 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  1. <template>
  2. <view>
  3. <view class="basic-info">
  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-lr">
  9. <table style="border:1px solid #ccc" cellspacing="0" cellpadding="0" align="center">
  10. <tr>
  11. <td>建筑物名称</td>
  12. <td>虹泾总部园</td>
  13. </tr>
  14. <tr>
  15. <td>建筑物类别</td>
  16. <td>办公</td>
  17. </tr>
  18. <tr>
  19. <td>建造日期</td>
  20. <td>1999年3月21日</td>
  21. </tr>
  22. <tr>
  23. <td>使用性质</td>
  24. <td> 办公 </td>
  25. </tr>
  26. <tr>
  27. <td>火灾危险级</td>
  28. <td> 一级</td>
  29. </tr>
  30. <tr>
  31. <td>耐火等级</td>
  32. <td>一级 </td>
  33. </tr>
  34. <tr>
  35. <td> 结构类型</td>
  36. <td>砖混结构</td>
  37. </tr>
  38. <tr>
  39. <td>建筑高度</td>
  40. <td> 100m</td>
  41. </tr>
  42. <tr>
  43. <td> 建筑面积</td>
  44. <td>15698.3㎡</td>
  45. </tr>
  46. <tr>
  47. <td>占地面积</td>
  48. <td>15698.3㎡</td>
  49. </tr>
  50. <tr>
  51. <td>标准层面积</td>
  52. <td>5000㎡</td>
  53. </tr>
  54. <tr>
  55. <td>地上层数 </td>
  56. <td>3</td>
  57. </tr>
  58. <tr>
  59. <td>地上层面积 </td>
  60. <td>5000㎡</td>
  61. </tr>
  62. <tr>
  63. <td>地下层数 </td>
  64. <td> 0</td>
  65. </tr>
  66. <tr>
  67. <td>地下层面积 </td>
  68. <td>-</td>
  69. </tr>
  70. <tr>
  71. <td>消防控制室位置</td>
  72. <td>一楼</td>
  73. </tr>
  74. <tr>
  75. <td> 避难层数量</td>
  76. <td>2</td>
  77. </tr>
  78. <tr>
  79. <td> 消防电梯数量</td>
  80. <td>2</td>
  81. </tr>
  82. </table>
  83. </view>
  84. </view>
  85. <view class="processStatus">
  86. <view class="info-tit margin-left-xs">
  87. <text class="cuIcon-titles margin-right-xs"></text>
  88. 消防设施平面布置图
  89. </view>
  90. <view class="padding-lr">
  91. <img src="../../../static/video-img.png" alt="" width="100%">
  92. </view>
  93. </view>
  94. <view class="processStatus">
  95. <view class="info-tit margin-left-xs">
  96. <text class="cuIcon-titles margin-right-xs"></text>
  97. 建筑平面图
  98. </view>
  99. <view class="padding-lr padding-bottom-lg">
  100. <img src="../../../static/video-img.png" alt="" width="100%">
  101. <br><br>
  102. </view>
  103. </view>
  104. </view>
  105. </template>
  106. <script>
  107. export default {
  108. data() {
  109. return {
  110. }
  111. },
  112. methods: {
  113. }
  114. }
  115. </script>
  116. <style lang="scss">
  117. </style>