LowVoltageCabinetDetail.vue 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. <template>
  2. <div class='low-voltage-cabinet-detail'>
  3. <!-- 顶部条 -->
  4. <van-nav-bar :title='drawernum' left-arrow @click-left='backPage'></van-nav-bar>
  5. <div class='info-container'>
  6. <div class='info'>
  7. <div class='label'>出线规格:</div>
  8. <div class='value'>{{outspec}}</div>
  9. </div>
  10. <div class='info'>
  11. <div class='label'>楼 层:</div>
  12. <div class='value'>{{floor}}</div>
  13. </div>
  14. <div class='info'>
  15. <div class='label'>电井编号:</div>
  16. <div class='value'>{{wellnum}}</div>
  17. </div>
  18. <div class='info'>
  19. <div class='label'>电箱编号:</div>
  20. <div class='value'>{{boxnum}}</div>
  21. </div>
  22. <div class='info'>
  23. <div class='label'>供电容量:</div>
  24. <div class='value'>{{capacitynum}} kw</div>
  25. </div>
  26. <div class='info'>
  27. <div class='label'>控制回路:</div>
  28. <div class='value'>{{control}}</div>
  29. </div>
  30. </div>
  31. </div>
  32. </template>
  33. <script>
  34. /**
  35. * 配电室低压柜及出线明细
  36. */
  37. import Vue from 'vue'
  38. import { NavBar } from 'vant'
  39. Vue.use(NavBar)
  40. export default {
  41. name: 'LowVoltageCabinetDetail',
  42. props: {},
  43. components: {},
  44. data() {
  45. return {
  46. control: '',
  47. drawernum: '',
  48. floor: '',
  49. glsms_proimgupid: '',
  50. outspec: '',
  51. }
  52. },
  53. computed: {},
  54. created() {
  55. // control: "步行街分区2中庭用电"
  56. // drawernum: "1-5AA-2"
  57. // floor: "1F"
  58. // glsms_proimgupid: 37206
  59. // outspec: "4*150+1*70"
  60. let { control, drawernum, floor, glsms_proimgupid, outspec, wellnum, boxnum, capacitynum } = this.$route.params
  61. let arr = ['control', 'drawernum', 'floor', 'glsms_proimgupid', 'outspec', 'wellnum', 'boxnum', 'capacitynum']
  62. arr.map((item) => {
  63. console.log(item)
  64. this[item] = eval(item) || '-'
  65. })
  66. console.log(this.$route.params)
  67. },
  68. beforeMount() {},
  69. mounted() {},
  70. methods: {
  71. backPage() {
  72. this.$router.go(-1)
  73. },
  74. },
  75. }
  76. </script>
  77. <style lang='less' scoped>
  78. .low-voltage-cabinet-detail {
  79. width: 100%;
  80. height: 100%;
  81. background-color: #f5f6f7;
  82. // 返回箭头修改
  83. /deep/ .van-nav-bar .van-icon {
  84. color: #000;
  85. }
  86. .info-container {
  87. padding: 15px;
  88. .info {
  89. display: flex;
  90. height: 20px;
  91. font-size: 14px;
  92. font-weight: 400;
  93. line-height: 20px;
  94. }
  95. .label {
  96. color: #666;
  97. // width: 60px;
  98. // text-align: justify;
  99. // text-align-last: justify;
  100. }
  101. .value {
  102. color: #333;
  103. margin-left: 10px;
  104. flex: 1;
  105. }
  106. }
  107. }
  108. </style>