fix:修改大屏+病害确认弹窗,增加里程桩图标

This commit is contained in:
SunTao 2025-01-08 16:16:58 +08:00
parent c230a31684
commit 08d0452704
4 changed files with 19 additions and 20 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

@ -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();
}, },

View File

@ -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

View File

@ -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: 选择框修改事件