-
库位名:
+
库位号:
{{ 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 @@
-
+
+ v-if="item.type == 3"
+ :src="
+ item.formattedData.mapImageUrl ||
+ 'https://api.znkjfw.com/admin-api/infra/file/4/get/设备点_png_179_1739327151877.png'
+ "
+ :style="nodeStyle(item, index)"
+ />
@@ -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
}
// 查看更多异常列表