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