打开矩阵监控

打开矩阵监控示例

设备名称设备编号设备ID

<script setup name="EnterMatrix">
import { ref } from 'vue'
import {ElMessage} from 'element-plus'
import { checkInstance, getInstanceFCC } from '../../use-fcc'
import { setLog } from '../../use-log'
import matrixDeviceList from './matrixList.vue'
const loading = ref(false)
const matrixList = ref([{
  deviceCode: "08594172951682810101#f549ae3dca014060b2b7cf3d17d03b32",
  deviceId: "912910",
  deviceName: "办公A区西北"
}, {
  deviceCode: "08594172957097100101#f549ae3dca014060b2b7cf3d17d03b32",
  deviceId: "912909",
  deviceName: "走廊西-东向"
}])
const confirmEnterMatrix = async () => {
  setLog({
    name: '开始打开矩阵监控'
  })
  if (loading.vue) {
    setLog({
      name: '打开矩阵监控结果',
      msg: '请先实例化'
    })
    return
  }
  if (!await checkInstance()) {
    setLog({
      name: '打开矩阵监控',
      msg: '请先实例化'
    })
    ElMessage({
      message: '请先实例化',
      type: 'warning'
    })
    return
  }
  loading.vue = true
  let result = await getInstanceFCC().enterMatrix(matrixList.value)
  setLog({
    name: '打开矩阵监控结果',
    msg: result
  })
  loading.vue = false
  if (result.status == 200) {
    ElMessage({
      message: '打开矩阵监控成功',
      type: 'success'
    })
  } else {
    ElMessage({
      message: result.msg,
      type: 'info'
    })
  }
}
const closeMatrix = async () => {
  let result = await getInstanceFCC().closeAllWindows()
  setLog({
    name: '关闭窗口结果',
    msg: result
  })
  loading.vue = false
  if (result.status == 200) {
    ElMessage({
      message: '关闭窗口成功',
      type: 'success'
    })
  } else {
    ElMessage({
      message: result.msg,
      type: 'info'
    })
  }
}
const addMeeting = () => {
  matrixList.value.push({
    deviceCode: '',
    deviceId: '',
    deviceName: ''
  })
}
const delDivice = (index) => {
  matrixList.value.splice(index, 1)
}
</script>

<template>
<el-form>
  <matrixDeviceList :matrixList="matrixList" @add-divce="addMeeting" @del-divice="delDivice"></matrixDeviceList>
  <el-form-item>
    <el-button type="primary" @click="confirmEnterMatrix" >打开矩阵监控</el-button>
    <el-button type="primary" @click="closeMatrix" v-loading="loading">关闭矩阵监控</el-button>
  </el-form-item>
</el-form>
</template>

使用方法

// 将多个监控窗口融合到一个窗口进行统一控制
const result = await fcc.enterMatrix(
  [{
    deviceCode: "08594172951682810101#f549ae3dca014060b2b7cf3d17d03b32",
    deviceId: "912910",
    deviceName: "办公A区西北",
    resId: "08594172951682810101#f549ae3dca014060b2b7cf3d17d03b32",
    resName: "办公A区西北"
  },
  {
    deviceCode: "08594172957097100101#f549ae3dca014060b2b7cf3d17d03b32",
    deviceId: "912909",
    deviceName: "走廊西-东向",
    resId: "08594172957097100101#f549ae3dca014060b2b7cf3d17d03b32",
    resName: "走廊西-东向"
  }]
)
if (result.status === 200) {
  console.log('打开矩阵监控成功')    
} else {
  console.log('打开矩阵监控失败')
}

入参说明

参数名	数据类型	选取原则	说明
deviceCode	string	必选	监控的设备编码
deviceId	string	必选	监控的id
deviceName	string	必选	监控的名称
resId	string	必选	监控的设备编码
resName	string	必选	监控的名称

出参说明

出参名称	数据类型	说明
status	number	调用接口返回结果的状态码，其含义请参考融合通讯中台通用状态码
msg	string	给开发者的文字提示信息
data	object	返回的信息