|
@@ -5,21 +5,29 @@
|
|
|
<router-view />
|
|
<router-view />
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <AlertModal ref="alertModal" />
|
|
|
|
|
|
|
+ <AlarmWindow
|
|
|
|
|
+ v-if="showAlarm"
|
|
|
|
|
+ :alarm-data="alarmData"
|
|
|
|
|
+ @close="showAlarm = false"
|
|
|
|
|
+ />
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
-import AlertModal from '@/components/AlertModal.vue'
|
|
|
|
|
|
|
+ import AlarmWindow from '@/components/alarmWindow/index.vue'
|
|
|
import mqtt from 'mqtt'
|
|
import mqtt from 'mqtt'
|
|
|
import { getMqttConfig, getTriggerInfo } from '@/api'
|
|
import { getMqttConfig, getTriggerInfo } from '@/api'
|
|
|
import { Decrypt } from '@/utils/decrypt'
|
|
import { Decrypt } from '@/utils/decrypt'
|
|
|
|
|
|
|
|
export default {
|
|
export default {
|
|
|
name: 'App',
|
|
name: 'App',
|
|
|
- components: { AlertModal },
|
|
|
|
|
|
|
+ components: { AlarmWindow },
|
|
|
data() {
|
|
data() {
|
|
|
- return { mqttClient: null }
|
|
|
|
|
|
|
+ return {
|
|
|
|
|
+ showAlarm: false,
|
|
|
|
|
+ alarmData:null,
|
|
|
|
|
+ mqttClient: null ,
|
|
|
|
|
+ }
|
|
|
},
|
|
},
|
|
|
computed: {
|
|
computed: {
|
|
|
token() { return this.$store.state.token }
|
|
token() { return this.$store.state.token }
|
|
@@ -117,27 +125,21 @@ export default {
|
|
|
},
|
|
},
|
|
|
async getTriggerInfo() {
|
|
async getTriggerInfo() {
|
|
|
const res = await getTriggerInfo()
|
|
const res = await getTriggerInfo()
|
|
|
- const list = res.data || []
|
|
|
|
|
- if (list.length > 0) {
|
|
|
|
|
- const e = list[0]
|
|
|
|
|
- const obj = JSON.parse(e.triggerUploadData)[0]
|
|
|
|
|
- const deviceValue = obj.deviceValue
|
|
|
|
|
- const unit = obj.unit
|
|
|
|
|
- this.$refs.alertModal.show({
|
|
|
|
|
- lab: e.subName + (e.roomNum ? `(${e.roomNum})` : ''),
|
|
|
|
|
- building: [e.schoolName, e.buildName, e.floorName].filter(Boolean).join(' · '),
|
|
|
|
|
- unit: e.deptName,
|
|
|
|
|
- param: e.eventName,
|
|
|
|
|
- value: deviceValue+''+(unit=='-'?'':unit),
|
|
|
|
|
- person: e.adminName,
|
|
|
|
|
- phone: e.adminPhone,
|
|
|
|
|
- time: e.eventStartTime ? e.eventStartTime.replace('T', ' ') : '',
|
|
|
|
|
- buildId:e.buildId,
|
|
|
|
|
- floorId:e.floorId,
|
|
|
|
|
- subId:e.subId,
|
|
|
|
|
- })
|
|
|
|
|
|
|
+ if (res.code === 200 && res.data && res.data.length) {
|
|
|
|
|
+ res.data[0].triggerUploadData = JSON.parse(res.data[0].triggerUploadData)
|
|
|
|
|
+ for(let i=0;i<res.data[0].bindingSensorList.length;i++){
|
|
|
|
|
+ for(let o=0;o<res.data[0].triggerUploadData.length;o++){
|
|
|
|
|
+ if(res.data[0].bindingSensorList[i].code == res.data[0].triggerUploadData[o].code){
|
|
|
|
|
+ res.data[0].triggerUploadData[o].max = res.data[0].bindingSensorList[i].max
|
|
|
|
|
+ res.data[0].triggerUploadData[o].min = res.data[0].bindingSensorList[i].min
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ this.$set(this,'alarmData', res.data[0]);
|
|
|
|
|
+ this.$set(this,'showAlarm',true);
|
|
|
}else{
|
|
}else{
|
|
|
- this.$refs.alertModal.close();
|
|
|
|
|
|
|
+ this.$set(this,'showAlarm',false);
|
|
|
|
|
+ this.$set(this,'alarmData', {});
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|