|
@@ -16,7 +16,7 @@
|
|
|
:title='item.text'
|
|
|
:border='false'
|
|
|
is-link
|
|
|
- value='无'
|
|
|
+ :value='`${item.value||"0张"}`'
|
|
|
@click='handleClick(item)'
|
|
|
/>
|
|
|
</div>
|
|
@@ -24,7 +24,16 @@
|
|
|
<div class='divider'></div>
|
|
|
<!-- 设备卡片 -->
|
|
|
<div class='card-container'>
|
|
|
- <m-card class='card' :type='item' name='消防主机' :total='50' :numer='3' v-for='item in 5' :key='item' @click.native='goToEquipment(item)' />
|
|
|
+ <m-card
|
|
|
+ class='card'
|
|
|
+ :type='item'
|
|
|
+ name='消防主机'
|
|
|
+ :total='50'
|
|
|
+ :numer='3'
|
|
|
+ v-for='item in 5'
|
|
|
+ :key='item'
|
|
|
+ @click.native='goToEquipment(item)'
|
|
|
+ />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -42,6 +51,7 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
smsxt: '1001', //系统值,默认供电系统
|
|
|
+ systemText: '供电系统',
|
|
|
listData: {
|
|
|
//上部列表数据
|
|
|
1001: [
|
|
@@ -49,7 +59,7 @@ export default {
|
|
|
{ text: '供电系统原理图', dataType: 'img', id: '' },
|
|
|
{ text: '机房平面布置图', dataType: 'room', id: '' },
|
|
|
{ text: '配电室低压柜及出现明细', id: '' },
|
|
|
- { text: '楼层分布', dataType: 'floor', id: '' },
|
|
|
+ { text: '楼层分布', dataType: 'floor', id: '', value: ' ' },
|
|
|
{ text: '电井控制商铺范围', id: '' },
|
|
|
],
|
|
|
1002: [
|
|
@@ -102,6 +112,7 @@ export default {
|
|
|
},
|
|
|
}
|
|
|
},
|
|
|
+ created() {},
|
|
|
beforeMount() {},
|
|
|
mounted() {},
|
|
|
methods: {
|
|
@@ -114,9 +125,40 @@ export default {
|
|
|
changeSystem({ text, categoryId, smsxt }) {
|
|
|
console.log(text, categoryId, smsxt)
|
|
|
this.smsxt = smsxt
|
|
|
+ this.systemText = text + '系统'
|
|
|
},
|
|
|
handleClick(item) {
|
|
|
- console.log(item)
|
|
|
+ switch (item.dataType) {
|
|
|
+ // 原理图
|
|
|
+ case 'img':
|
|
|
+ this.handleImg(item)
|
|
|
+ break
|
|
|
+ // 机房平面布置图
|
|
|
+ case 'room':
|
|
|
+ this.handleRoom(item)
|
|
|
+ break
|
|
|
+ // 楼层分布
|
|
|
+ case 'floor':
|
|
|
+ this.handleFloor(item)
|
|
|
+ break
|
|
|
+ default:
|
|
|
+ break
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 显示原理图预览
|
|
|
+ */
|
|
|
+ handleImg(item) {},
|
|
|
+ /**
|
|
|
+ * 机房平面布置图
|
|
|
+ */
|
|
|
+ handleRoom(item) {},
|
|
|
+ /**
|
|
|
+ * 跳转楼层分布
|
|
|
+ */
|
|
|
+ handleFloor(item) {
|
|
|
+ let title = this.systemText + '-楼层分布'
|
|
|
+ this.$router.push({ name: 'SystemFloor', params: { title } })
|
|
|
},
|
|
|
goToEquipment(data) {
|
|
|
console.log(data)
|