库位名建议保持和库位列表命名一致，改为“库位号”
This commit is contained in:
yyy
parent
47ec7b8bfb
commit
5e13c6975f
@ -154,7 +154,7 @@
|
||||
</template>
|
||||
<div>
|
||||
<div class="indexpage-popover-item">
|
||||
<div> 库位名： </div>
|
||||
<div> 库位号： </div>
|
||||
<div>
|
||||
{{ item.showData?.locationNo || '' }}
|
||||
</div>
|
||||
@ -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 = () => {
|
||||
|
||||
@ -154,7 +154,7 @@
|
||||
</template>
|
||||
<div>
|
||||
<div class="indexpage-popover-item">
|
||||
<div> 库位名： </div>
|
||||
<div> 库位号： </div>
|
||||
<div>
|
||||
{{ item.showData?.locationNo || '' }}
|
||||
</div>
|
||||
@ -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 = () => {
|
||||
|
||||
@ -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 @@
|
||||
</template>
|
||||
<div>
|
||||
<div class="indexpage-popover-item">
|
||||
<div> 库位名： </div>
|
||||
<div> 库位号： </div>
|
||||
<div>
|
||||
{{ item.showData?.locationNo || '' }}
|
||||
</div>
|
||||
@ -177,16 +177,16 @@
|
||||
</el-popover>
|
||||
<!-- 设备点 -->
|
||||
|
||||
<el-popover placement="top-start" trigger="hover" width="auto" v-if="item.type == 3" >
|
||||
<el-popover placement="top-start" trigger="hover" width="auto" v-if="item.type == 3">
|
||||
<template #reference>
|
||||
<img
|
||||
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)"
|
||||
/>
|
||||
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)"
|
||||
/>
|
||||
</template>
|
||||
<div>
|
||||
<div class="indexpage-popover-item">
|
||||
@ -198,7 +198,7 @@
|
||||
<div class="indexpage-popover-item">
|
||||
<div> 设备类型： </div>
|
||||
<div>
|
||||
{{ item.showData?filterTypeFun(item.showData.deviceType, typeList) : '' }}
|
||||
{{ item.showData ? filterTypeFun(item.showData.deviceType, typeList) : '' }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -238,7 +238,7 @@
|
||||
</div>
|
||||
<!-- 左下角图层 -->
|
||||
<!-- :style="{ left: boxLeft + 'px' }" -->
|
||||
<div class="affix-container-left" :style="{ left: 25 + 'px' }" v-if="!isAllBoard">
|
||||
<div class="affix-container-left" :style="{ left: 25 + 'px' }" v-if="!isAllBoard">
|
||||
<div class="affix-container-left-box">
|
||||
<div
|
||||
class="affix-container-left-box-item-box"
|
||||
@ -375,19 +375,21 @@ const nodeStyle = (item, index) => {
|
||||
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,15 +531,15 @@ 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('已进入全屏模式')
|
||||
@ -548,23 +549,23 @@ const toggleFullScreen = () => {
|
||||
|
||||
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
|
||||
}
|
||||
|
||||
// 查看更多异常列表
|
||||
|
||||
Loading…
Reference in New Issue
Block a user