|
@@ -25,15 +25,18 @@
|
|
|
</div>
|
|
|
<div class='eq-content'>
|
|
|
<div class='legend-boxs'>
|
|
|
- <Legend :systemName='systemName' :floors='floorsArr' type='1'></Legend>
|
|
|
+ <Legend :systemName='systemName' :floors='floorsArr' type='1' :editTips='`编辑${floorInfo.code}层${systemName}平面图`'></Legend>
|
|
|
</div>
|
|
|
<floorMap ref='floorMap' :id='"equip"' :loadName='loadName' :type='"system"'></floorMap>
|
|
|
+ <!-- -->
|
|
|
<div class='additional-box' v-if='fqPic.length>0'>
|
|
|
<div class='additional' @click='additionalColl'>
|
|
|
<img src='../../assets/imgs/bg.png' alt />
|
|
|
</div>
|
|
|
<el-collapse-transition>
|
|
|
- <div v-if='show' class='add-img'>图</div>
|
|
|
+ <div v-if='show' class='add-img'>
|
|
|
+ <img :src='fqPic[0].url' alt />
|
|
|
+ </div>
|
|
|
</el-collapse-transition>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -51,7 +54,7 @@ import floorMap from '@/components/floorMap/index.vue'
|
|
|
import eqDialog from './eqDialog'
|
|
|
import editList from '@/components/edit.vue'
|
|
|
import { system } from '@/utils/plugins/components.js'
|
|
|
-import { queryPic } from '@/api/public.js'
|
|
|
+import { queryPic, queryBrand } from '@/api/public.js'
|
|
|
import { mapGetters } from 'vuex'
|
|
|
|
|
|
export default {
|
|
@@ -70,7 +73,7 @@ export default {
|
|
|
dialogInfo: {},
|
|
|
brand: [], //品牌
|
|
|
manufacturer: [],
|
|
|
- show: false,
|
|
|
+ show: true,
|
|
|
fqPic: [],
|
|
|
loadName: '',
|
|
|
type: '',
|
|
@@ -79,19 +82,30 @@ export default {
|
|
|
},
|
|
|
components: { floorList, eqDialog, floorMap, editList },
|
|
|
methods: {
|
|
|
+ query() {
|
|
|
+ let data = {
|
|
|
+ plazaId: '1000423'
|
|
|
+ }
|
|
|
+ let postParams = []
|
|
|
+ queryBrand({ data, postParams }).then(res => {
|
|
|
+ console.log(res)
|
|
|
+ })
|
|
|
+ },
|
|
|
// 查询tab页
|
|
|
tabSyatem(item) {
|
|
|
- console.log(item)
|
|
|
this.systemId = item.id
|
|
|
this.everySystem = item.children
|
|
|
this.systemName = item.name
|
|
|
this.smsxt = item.smsxt
|
|
|
this.$cookie.set('categoryId', item.categoryId, 3)
|
|
|
this.$refs.floorMap.init(this.floorInfo.gname)
|
|
|
+ this.querySmsxt()
|
|
|
+ },
|
|
|
+ querySmsxt() {
|
|
|
+ // 目前消防和弱电下面有特殊的数据表格
|
|
|
if (this.smsxt == '1003' || this.smsxt == '1004') {
|
|
|
- this.Index()
|
|
|
+ this.queryTable(this.smsxt)
|
|
|
}
|
|
|
- this.init()
|
|
|
},
|
|
|
//判断有没有原理图,如果没有则不出现系统原理图列表li
|
|
|
emitCount(objCount) {
|
|
@@ -101,6 +115,7 @@ export default {
|
|
|
this.floorInfo = item
|
|
|
this.$refs.floorMap.init(this.floorInfo.gname)
|
|
|
this.init()
|
|
|
+ this.querySmsxt()
|
|
|
},
|
|
|
dialogVisible(eve) {
|
|
|
this.$refs.dialog.showModal(eve)
|
|
@@ -108,19 +123,20 @@ export default {
|
|
|
additionalColl() {
|
|
|
this.show = !this.show
|
|
|
},
|
|
|
- Index() {
|
|
|
+ // 查询附加数据图片
|
|
|
+ queryTable(system) {
|
|
|
+ this.fqPic = []
|
|
|
let picFloor = this.$cookie.get('floorNow')
|
|
|
let getParams = {
|
|
|
module: '1003',
|
|
|
floor: picFloor,
|
|
|
- plazaId: this.$store.state.plazaId
|
|
|
- }
|
|
|
- if (this.smsxt) {
|
|
|
- getParams.system = this.smsxt
|
|
|
+ system: system,
|
|
|
+ plazaId: this.plazaId
|
|
|
}
|
|
|
queryPic({ getParams }).then(res => {
|
|
|
- //console.log('分区图', res)
|
|
|
+ console.log('附加数据', res)
|
|
|
this.fqPic = res.data
|
|
|
+ console.log(this.fqPic)
|
|
|
})
|
|
|
},
|
|
|
init() {
|
|
@@ -129,11 +145,9 @@ export default {
|
|
|
// 从设备设施进入的机房
|
|
|
queryType(val) {
|
|
|
this.type = val
|
|
|
- console.log(this.type)
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
|
- console.log('smsxtsmsxtsmsxt', this.$route.query.smsxt)
|
|
|
if (this.$route.query.smsxt) {
|
|
|
this.smsxt = this.$route.query.smsxt
|
|
|
this.system.forEach(el => {
|
|
@@ -147,9 +161,10 @@ export default {
|
|
|
this.everySystem = this.system[0].children
|
|
|
this.init()
|
|
|
this.$refs.floorMap.init(this.floorInfo.gname)
|
|
|
+ this.query()
|
|
|
},
|
|
|
computed: {
|
|
|
- ...mapGetters(['floorsArr'])
|
|
|
+ ...mapGetters(['floorsArr', 'plazaId'])
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
@@ -159,6 +174,7 @@ export default {
|
|
|
display: flex;
|
|
|
flex: 1;
|
|
|
overflow: hidden;
|
|
|
+ color: #1f2429;
|
|
|
.eq-top {
|
|
|
margin-left: 260px;
|
|
|
padding-top: 24px;
|
|
@@ -203,13 +219,13 @@ export default {
|
|
|
.circle {
|
|
|
width: 6px;
|
|
|
height: 6px;
|
|
|
- background: linear-gradient(180deg, rgba(54, 156, 247, 1) 0%, rgba(2, 91, 170, 1) 100%);
|
|
|
+ background: linear-gradient(180deg, rgba(54, 156, 247, 0.6) 0%, rgba(2, 91, 170, 0.6) 100%);
|
|
|
border-radius: 50%;
|
|
|
display: inline-block;
|
|
|
margin-right: 10px;
|
|
|
}
|
|
|
.hanzi {
|
|
|
- padding: 10px 2px;
|
|
|
+ padding: 10px 6px;
|
|
|
width: 200px;
|
|
|
display: inline-block;
|
|
|
&:hover {
|
|
@@ -270,7 +286,7 @@ export default {
|
|
|
border-radius: 2px;
|
|
|
position: fixed;
|
|
|
right: 32px;
|
|
|
- top: 420px;
|
|
|
+ top: 471px;
|
|
|
z-index: 2;
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
@@ -291,8 +307,12 @@ export default {
|
|
|
border: 1px solid #e4e5e7;
|
|
|
position: absolute;
|
|
|
right: 77px;
|
|
|
- top: 93px;
|
|
|
+ bottom: 421px;
|
|
|
z-index: 2;
|
|
|
+ img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|