diff --git a/src/views/board/allBoard/indexPage.vue b/src/views/board/allBoard/indexPage.vue index c2f8e730..e4adb01f 100644 --- a/src/views/board/allBoard/indexPage.vue +++ b/src/views/board/allBoard/indexPage.vue @@ -154,7 +154,7 @@
-
库位名:
+
库位号:
{{ item.showData?.locationNo || '' }}
@@ -713,7 +713,7 @@ const linkWebSocket = (url) => { let data = JSON.parse(jsonMsg.content) // console.log('======规划路线======', JSON.parse(data).data) let dataList = JSON.parse(data).data - if(lineList.value.length > 0) { + if (lineList.value.length > 0) { console.log(lineList.value) lineList.value = setIsSelect(lineList.value, dataList) } @@ -721,13 +721,13 @@ const linkWebSocket = (url) => { }) } } -const setIsSelect =(arr1, arr2) => { - for (let i = 0; i < arr1.length; i++) { - const element = arr1[i]; - const isExist = arr2.includes(element.id); - element.isSelect = isExist; - } - return arr1; +const setIsSelect = (arr1, arr2) => { + for (let i = 0; i < arr1.length; i++) { + const element = arr1[i] + const isExist = arr2.includes(element.id) + element.isSelect = isExist + } + return arr1 } // 查看更多异常列表 const lookError = () => { diff --git a/src/views/mapPage/realTimeMap/components/copyOld.vue b/src/views/mapPage/realTimeMap/components/copyOld.vue index 2258c0f2..f940c9fb 100644 --- a/src/views/mapPage/realTimeMap/components/copyOld.vue +++ b/src/views/mapPage/realTimeMap/components/copyOld.vue @@ -154,7 +154,7 @@
-
库位名:
+
库位号:
{{ item.showData?.locationNo || '' }}
@@ -713,7 +713,7 @@ const linkWebSocket = (url) => { let data = JSON.parse(jsonMsg.content) // console.log('======规划路线======', JSON.parse(data).data) let dataList = JSON.parse(data).data - if(lineList.value.length > 0) { + if (lineList.value.length > 0) { console.log(lineList.value) lineList.value = setIsSelect(lineList.value, dataList) } @@ -722,13 +722,13 @@ const linkWebSocket = (url) => { } } -const setIsSelect =(arr1, arr2) => { - for (let i = 0; i < arr1.length; i++) { - const element = arr1[i]; - const isExist = arr2.includes(element.id); - element.isSelect = isExist; - } - return arr1; +const setIsSelect = (arr1, arr2) => { + for (let i = 0; i < arr1.length; i++) { + const element = arr1[i] + const isExist = arr2.includes(element.id) + element.isSelect = isExist + } + return arr1 } // 查看更多异常列表 const lookError = () => { diff --git a/src/views/mapPage/realTimeMap/components/indexPage.vue b/src/views/mapPage/realTimeMap/components/indexPage.vue index 33ff4ac0..3769d4f5 100644 --- a/src/views/mapPage/realTimeMap/components/indexPage.vue +++ b/src/views/mapPage/realTimeMap/components/indexPage.vue @@ -7,7 +7,7 @@ cursor: isDrag ? 'pointer' : 'default', scale: isSizeRadio, transformOrigin: '0 0', - width: isFull?'100%':(widthVal + 'px') + width: isFull ? '100%' : widthVal + 'px' }" @wheel="handleWheel" > @@ -156,7 +156,7 @@
-
库位名:
+
库位号:
{{ item.showData?.locationNo || '' }}
@@ -177,16 +177,16 @@ - +
@@ -198,12 +198,12 @@
设备类型:
- {{ item.showData?filterTypeFun(item.showData.deviceType, typeList) : '' }} + {{ item.showData ? filterTypeFun(item.showData.deviceType, typeList) : '' }}
- + -
+
{ 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))):[] - + 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 - } + 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) // 定义属性 @@ -484,7 +486,6 @@ const changDriveLineShow = () => { const toggleFullScreen = () => { var elem = document.getElementById('indexpage-container') // 获取元素 if (!document.fullscreenElement) { - // 检查是否已经是全屏模式 if (elem.requestFullscreen) { // 支持requestFullscreen API的标准方式 @@ -530,41 +531,41 @@ const toggleFullScreen = () => { isFull.value = false radio.value = 1 if (pointList.value.length) { - pointList.value.forEach((item) => { - item.radio = radio.value - }) - } - if (testCarList.value.length) { - testCarList.value.forEach((item) => { - item.radio = radio.value - }) - } + pointList.value.forEach((item) => { + item.radio = radio.value + }) + } + if (testCarList.value.length) { + testCarList.value.forEach((item) => { + item.radio = radio.value + }) + } resetPosition() } else { console.log('已进入全屏模式') // 在这里可以添加进入全屏后的逻辑 isDrag.value = true isFull.value = true - + nextTick(() => { let width = getElementWidthByClass('affix-container') - getImageWidth(imgUrl.value, 'width').then((res) => { - console.log(res) - let ratioVal = width / res - radio.value = ratioVal - console.log(radio.value) - // widthVal.value = res * radio.value - if (pointList.value.length) { - pointList.value.forEach((item) => { - item.radio = radio.value - }) - } - if (testCarList.value.length) { - testCarList.value.forEach((item) => { - item.radio = radio.value - }) - } - }) + getImageWidth(imgUrl.value, 'width').then((res) => { + console.log(res) + let ratioVal = width / res + radio.value = ratioVal + console.log(radio.value) + // widthVal.value = res * radio.value + if (pointList.value.length) { + pointList.value.forEach((item) => { + item.radio = radio.value + }) + } + if (testCarList.value.length) { + testCarList.value.forEach((item) => { + item.radio = radio.value + }) + } + }) }) } }) @@ -620,7 +621,11 @@ const getPositionMapListFun = async (positionMapId) => { pointList.value?.forEach((item) => { item.formattedData = item.dataJson ? JSON.parse(item.dataJson) : '' // console.log(JSON.parse(item.dataJson),item.type) - item.showData = item.dataJson ? (item.type == 2 ? JSON.parse(item.dataJson)[0] : JSON.parse(item.dataJson)) : null + item.showData = item.dataJson + ? item.type == 2 + ? JSON.parse(item.dataJson)[0] + : JSON.parse(item.dataJson) + : null item.imgUrl = formatTypeImg(item.type) if (item.type === 1) { @@ -796,7 +801,7 @@ const linkWebSocket = (url) => { let data = JSON.parse(jsonMsg.content) // console.log('======规划路线======', JSON.parse(data).data) let dataList = JSON.parse(data).data - if(lineList.value.length > 0) { + if (lineList.value.length > 0) { console.log(lineList.value) lineList.value = setIsSelect(lineList.value, dataList) } @@ -804,13 +809,13 @@ const linkWebSocket = (url) => { }) } } -const setIsSelect =(arr1, arr2) => { - for (let i = 0; i < arr1.length; i++) { - const element = arr1[i]; - const isExist = arr2.includes(element.id); - element.isSelect = isExist; - } - return arr1; +const setIsSelect = (arr1, arr2) => { + for (let i = 0; i < arr1.length; i++) { + const element = arr1[i] + const isExist = arr2.includes(element.id) + element.isSelect = isExist + } + return arr1 } // 查看更多异常列表