diff --git a/src/views/board/device/createEditDialog.vue b/src/views/board/device/createEditDialog.vue index d15982cc..b61c2f58 100644 --- a/src/views/board/device/createEditDialog.vue +++ b/src/views/board/device/createEditDialog.vue @@ -12,7 +12,7 @@ - + diff --git a/src/views/board/device/index.vue b/src/views/board/device/index.vue index 9c56ad0e..e47a4cac 100644 --- a/src/views/board/device/index.vue +++ b/src/views/board/device/index.vue @@ -181,7 +181,7 @@ const filterTypeFun = (type, list) => { //地图定位 const goMap = (item) => { if(item.floor == null || item.positionMapId == null){ - message.warning('该设备未配置地图信息') + message.warning('该设备未配置地图信息,请前往实时地图-编辑地图进行配置') return } console.log(item.floor,item.positionMapId) diff --git a/src/views/mapPage/realTimeMap/components/indexPage.vue b/src/views/mapPage/realTimeMap/components/indexPage.vue index 131c5e68..42baf38f 100644 --- a/src/views/mapPage/realTimeMap/components/indexPage.vue +++ b/src/views/mapPage/realTimeMap/components/indexPage.vue @@ -176,7 +176,10 @@ - + + + + + + 设备编号: + + {{ item.showData?.deviceNo || '' }} + + + + 设备类型: + + {{ item.showData?filterTypeFun(item.showData.deviceType, typeList) : '' }} + + + + + { - console.log(item.locationWidePx, item.locationDeepPx,item) + // console.log(item.locationWidePx, item.locationDeepPx,item) return { verticalAlign: 'top', objectFit: 'cover', @@ -351,6 +372,23 @@ const nodeStyle = (item, index) => { height: Number(item.locationDeepPx) * Number(radio.value) + 'px' } } +const typeList = ref([]) + +const getTypeList = () => { + typeList.value = getDictOptions(DICT_TYPE.DEVICE_TYPE)&&getDictOptions(DICT_TYPE.DEVICE_TYPE).length?JSON.parse(JSON.stringify(getDictOptions(DICT_TYPE.DEVICE_TYPE))):[] + +} +//根据type和列表返回对应中文 +const filterTypeFun = (type, list) => { + if (list.length) { + let obj = list.find(item => { + return item.value == type + }) + return obj == undefined ? type : obj.label + } else { + return type + } +} const isFull = ref(false) // 定义属性 const props = defineProps({ @@ -370,6 +408,11 @@ const convertActualToBrowser = (pointX, pointY) => { y: y / resolution - carHeight.value / resolution / 100 / 2 } } + +// 设备点悬浮 +const showPopdevice = (e, item) => { + console.log(e, item) +} //是否可以拖拽 const isDrag = ref(false) const changeIsDrag = () => { @@ -576,7 +619,7 @@ const getPositionMapListFun = async (positionMapId) => { pointList.value?.forEach((item) => { item.formattedData = item.dataJson ? JSON.parse(item.dataJson) : '' - item.showData = item.dataJson ? JSON.parse(item.dataJson)[0] : null + item.showData = item.dataJson ? (item.type == 1 ? JSON.parse(item.dataJson)[0] : JSON.parse(item.dataJson)) : null item.imgUrl = formatTypeImg(item.type) if (item.type === 1) { @@ -996,6 +1039,7 @@ const observeWidthChange = (id, callback) => { let stopObserving defineExpose({ getMapData }) // 提供 open 方法,用于打开弹窗 onMounted(() => { + getTypeList() // getList() // window.addEventListener('resize', computedRatio) stopObserving = observeWidthChange('indexpage-container', (newWidth) => {