fix:修改大屏+病害确认弹窗,增加里程桩图标
This commit is contained in:
parent
c230a31684
commit
08d0452704
BIN
src/assets/screen/index/里程桩.png
Normal file
BIN
src/assets/screen/index/里程桩.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
@ -2,7 +2,7 @@
|
|||||||
* @Author: SunTao 328867980@qq.com
|
* @Author: SunTao 328867980@qq.com
|
||||||
* @Date: 2024-10-22 15:30:25
|
* @Date: 2024-10-22 15:30:25
|
||||||
* @LastEditors: SunTao 328867980@qq.com
|
* @LastEditors: SunTao 328867980@qq.com
|
||||||
* @LastEditTime: 2025-01-08 15:43:05
|
* @LastEditTime: 2025-01-08 16:11:18
|
||||||
* @FilePath: \znxjxt-ui\src\views\big-screen\components\img-dialog.vue
|
* @FilePath: \znxjxt-ui\src\views\big-screen\components\img-dialog.vue
|
||||||
* @Description: 大屏查看图片弹窗
|
* @Description: 大屏查看图片弹窗
|
||||||
-->
|
-->
|
||||||
@ -422,6 +422,7 @@ export default {
|
|||||||
if (code === 200) {
|
if (code === 200) {
|
||||||
this.aimList.unshift(...data.aim);
|
this.aimList.unshift(...data.aim);
|
||||||
this.ariaList.unshift(...data.aria);
|
this.ariaList.unshift(...data.aria);
|
||||||
|
this.currentIndex += this.params.size;
|
||||||
if (this.labelCheck === "aria") {
|
if (this.labelCheck === "aria") {
|
||||||
this.defectData = this.ariaList;
|
this.defectData = this.ariaList;
|
||||||
} else {
|
} else {
|
||||||
@ -593,7 +594,7 @@ export default {
|
|||||||
loadMoreTopImages() {
|
loadMoreTopImages() {
|
||||||
this.pageTip -= 1;
|
this.pageTip -= 1;
|
||||||
// this.params.page -= 1;
|
// this.params.page -= 1;
|
||||||
this.currentIndex += this.params.size;
|
// this.currentIndex += this.params.size;
|
||||||
this.getListTop();
|
this.getListTop();
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|||||||
@ -2,7 +2,7 @@
|
|||||||
* @Author: SunTao 328867980@qq.com
|
* @Author: SunTao 328867980@qq.com
|
||||||
* @Date: 2024-11-08 11:56:02
|
* @Date: 2024-11-08 11:56:02
|
||||||
* @LastEditors: SunTao 328867980@qq.com
|
* @LastEditors: SunTao 328867980@qq.com
|
||||||
* @LastEditTime: 2024-12-27 16:40:12
|
* @LastEditTime: 2025-01-08 16:12:54
|
||||||
* @FilePath: \znxjxt-ui\src\views\big-screen\disease-components\traffic-log.vue
|
* @FilePath: \znxjxt-ui\src\views\big-screen\disease-components\traffic-log.vue
|
||||||
* @Description: 病害巡检-病害日志
|
* @Description: 病害巡检-病害日志
|
||||||
-->
|
-->
|
||||||
@ -60,7 +60,6 @@
|
|||||||
<el-select
|
<el-select
|
||||||
v-model="trafficForm.inspectDirection"
|
v-model="trafficForm.inspectDirection"
|
||||||
popper-class="screen-select"
|
popper-class="screen-select"
|
||||||
:popper-append-to-body="false"
|
|
||||||
placeholder="请选择上下行"
|
placeholder="请选择上下行"
|
||||||
clearable
|
clearable
|
||||||
>
|
>
|
||||||
@ -131,11 +130,7 @@
|
|||||||
style="width: 100%; background: none"
|
style="width: 100%; background: none"
|
||||||
height="85%"
|
height="85%"
|
||||||
>
|
>
|
||||||
<el-table-column
|
<el-table-column prop="defectType" label="病害类型"> </el-table-column>
|
||||||
prop="defectType"
|
|
||||||
label="病害类型"
|
|
||||||
>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="segmentName"
|
prop="segmentName"
|
||||||
show-overflow-tooltip
|
show-overflow-tooltip
|
||||||
|
|||||||
@ -2,13 +2,13 @@
|
|||||||
* @Author: SunTao 328867980@qq.com
|
* @Author: SunTao 328867980@qq.com
|
||||||
* @Date: 2024-10-22 15:30:25
|
* @Date: 2024-10-22 15:30:25
|
||||||
* @LastEditors: SunTao 328867980@qq.com
|
* @LastEditors: SunTao 328867980@qq.com
|
||||||
* @LastEditTime: 2025-01-08 10:50:05
|
* @LastEditTime: 2025-01-08 16:03:44
|
||||||
* @FilePath: \znxjxt-ui\src\views\big-screen\components\img-dialog.vue
|
* @FilePath: \znxjxt-ui\src\views\big-screen\components\img-dialog.vue
|
||||||
* @Description: 大屏查看图片弹窗
|
* @Description: 大屏查看图片弹窗
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="app">
|
<div class="app" v-loading="loading">
|
||||||
<div class="left-list">
|
<div class="left-list">
|
||||||
<div class="sidebar" ref="sidebar" @scroll="handleScroll">
|
<div class="sidebar" ref="sidebar" @scroll="handleScroll">
|
||||||
<img
|
<img
|
||||||
@ -335,7 +335,7 @@ export default {
|
|||||||
mounted() {
|
mounted() {
|
||||||
this.initBodySize();
|
this.initBodySize();
|
||||||
this.scrollInit();
|
this.scrollInit();
|
||||||
window.addEventListener("keydown", throttle(this.handleKeydown, 100));
|
window.addEventListener("keydown", this.handleKeydown);
|
||||||
window.addEventListener("resize", this.updateRects);
|
window.addEventListener("resize", this.updateRects);
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
@ -447,6 +447,7 @@ export default {
|
|||||||
* @return {*}
|
* @return {*}
|
||||||
*/
|
*/
|
||||||
getMediaBySnapshotid(val) {
|
getMediaBySnapshotid(val) {
|
||||||
|
this.loading = true;
|
||||||
this.currentIndex = val.index;
|
this.currentIndex = val.index;
|
||||||
this.pageTip = val.params.page;
|
this.pageTip = val.params.page;
|
||||||
this.params = { ...val.params };
|
this.params = { ...val.params };
|
||||||
@ -497,12 +498,14 @@ export default {
|
|||||||
this.loading = true;
|
this.loading = true;
|
||||||
const data = {
|
const data = {
|
||||||
...this.imgForm,
|
...this.imgForm,
|
||||||
...this.params,
|
page: this.pageTip,
|
||||||
|
size: this.params.size,
|
||||||
startId: this.defectData[0]?.snapshotId || "",
|
startId: this.defectData[0]?.snapshotId || "",
|
||||||
};
|
};
|
||||||
listDefect(data)
|
listDefect(data)
|
||||||
.then(({ code, rows }) => {
|
.then(({ code, rows }) => {
|
||||||
if (code === 200) {
|
if (code === 200) {
|
||||||
|
this.currentIndex += rows.length;
|
||||||
this.defectData.unshift(...rows);
|
this.defectData.unshift(...rows);
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
}
|
}
|
||||||
@ -632,7 +635,7 @@ export default {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}, 200),
|
}, 100),
|
||||||
/**
|
/**
|
||||||
* @description: 滚动触发事件
|
* @description: 滚动触发事件
|
||||||
* @param {*}
|
* @param {*}
|
||||||
@ -675,8 +678,8 @@ export default {
|
|||||||
*/
|
*/
|
||||||
loadMoreTopImages() {
|
loadMoreTopImages() {
|
||||||
this.pageTip -= 1;
|
this.pageTip -= 1;
|
||||||
this.params.page -= 1;
|
// this.params.page -= 1;
|
||||||
this.currentIndex += this.params.size;
|
// this.currentIndex += this.params.size;
|
||||||
this.getListTop();
|
this.getListTop();
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -685,8 +688,8 @@ export default {
|
|||||||
* @param {*}
|
* @param {*}
|
||||||
* @return {*}
|
* @return {*}
|
||||||
*/
|
*/
|
||||||
handleKeydown(event) {
|
handleKeydown: throttle(function (event) {
|
||||||
if (event.key === "ArrowUp") {
|
if (event.key === "ArrowUp" && !this.loading) {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
if (this.currentIndex > 0) {
|
if (this.currentIndex > 0) {
|
||||||
this.currentIndex--;
|
this.currentIndex--;
|
||||||
@ -696,7 +699,7 @@ export default {
|
|||||||
this.scrollToCurrentImage();
|
this.scrollToCurrentImage();
|
||||||
this.updateRects();
|
this.updateRects();
|
||||||
}
|
}
|
||||||
} else if (event.key === "ArrowDown") {
|
} else if (event.key === "ArrowDown" && !this.loading) {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
if (this.currentIndex < this.defectData.length - 1) {
|
if (this.currentIndex < this.defectData.length - 1) {
|
||||||
this.currentIndex === this.defectData.length - 1
|
this.currentIndex === this.defectData.length - 1
|
||||||
@ -717,7 +720,7 @@ export default {
|
|||||||
// 不是病害
|
// 不是病害
|
||||||
this.changeDefect(3);
|
this.changeDefect(3);
|
||||||
}
|
}
|
||||||
},
|
}, 100),
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @description: 选择框修改事件
|
* @description: 选择框修改事件
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user