From 8b92c567088e198666bcf03036df8859657ed1b0 Mon Sep 17 00:00:00 2001 From: SunTao <328867980@qq.com> Date: Thu, 15 May 2025 17:20:57 +0800 Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E4=BF=AE=E6=94=B9=E7=97=85?= =?UTF-8?q?=E5=AE=B3=E5=9B=BE=E7=89=87=E6=A0=87=E6=B3=A8=EF=BC=8C=E5=A2=9E?= =?UTF-8?q?=E5=8A=A0=E6=BB=9A=E5=8A=A8=E5=9B=BE=E8=A1=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/xj/inspection/diease-line/index.vue | 125 +++++++++++++++++- .../inspection/disease-management/index.vue | 29 ++-- 2 files changed, 141 insertions(+), 13 deletions(-) diff --git a/src/views/xj/inspection/diease-line/index.vue b/src/views/xj/inspection/diease-line/index.vue index 9635f3f..12bcd7d 100644 --- a/src/views/xj/inspection/diease-line/index.vue +++ b/src/views/xj/inspection/diease-line/index.vue @@ -2,7 +2,7 @@ * @Author: SunTao 328867980@qq.com * @Date: 2025-03-25 11:10:16 * @LastEditors: SunTao 328867980@qq.com - * @LastEditTime: 2025-05-15 14:38:45 + * @LastEditTime: 2025-05-15 17:11:29 * @FilePath: \znxjxt-ui\src\views\xj\inspection\diease-line\index.vue * @Description: 护拦板检测-首页-910001 --> @@ -30,6 +30,11 @@ + + + + + 筛选 重 置 @@ -109,14 +114,21 @@ export default { // 终止公里桩 stakeEnd: "", // 最小高度 - minHei: "", + minHei: "0", // 最大高度 - maxHei: "", + maxHei: "100", + // 状态 + status:"0" }, // 查询表单 searchForm: {}, // 巡检任务下拉 taskList: [], + // 护拦板高度状态下拉 + statusList: [ + { label: "异常", value: "0" }, + { label: "正常", value: "1" }, + ], // 表单规则 rules: { segmentId: [ @@ -354,8 +366,113 @@ export default { color: 'rgba(26, 119, 221, 1)' }, data: this.yData + }, + { + name: '基准线', + type: 'line', + showSymbol: false, + markLine: { + symbol: 'none', + lineStyle: { + type: 'dashed', + color: '#FF1D00', + width: 1 + }, + label: { + show: true, + position: 'insideEndTop', // 文字位置，可选值有 'start', 'end', 'center' + padding: [0, 0, 0, 0], + // 'start', 'middle', 'end', 'insideStartTop', 'insideStartBottom', 'insideMiddleTop', 'insideMiddleBottom', 'insideEndTop', 'insideEndBottom' + fontWeight: 'normal' // 文字粗细 + }, + data: [ + { + yAxis: 20, + lineStyle: { color: '#FF4D4D' }, + label: { + color: '#FF4D4D', + formatter: '下限值 ' + } + } + ] + } + }, + { + name: '基准线', + type: 'line', + showSymbol: false, + markLine: { + symbol: 'none', + lineStyle: { + type: 'dashed', + color: '#FF1D00', + width: 1 + }, + label: { + show: true, + position: 'insideEndTop', // 文字位置，可选值有 'start', 'end', 'center' + padding: [0, 0, 0, 0], + // 'start', 'middle', 'end', 'insideStartTop', 'insideStartBottom', 'insideMiddleTop', 'insideMiddleBottom', 'insideEndTop', 'insideEndBottom' + fontWeight: 'normal' // 文字粗细 + }, + data: [ + { + yAxis: 60, + lineStyle: { color: '#FF4D4D' }, + label: { + color: '#FF4D4D', + formatter: '上限值 ' + } + } + ] + } } - ] + ], + dataZoom: [ + { + // 设置滚动条的隐藏与显示 + show: false, + // 设置滚动条类型 + type: "slider", + // 设置背景颜色 + backgroundColor: "rgba(225,225,225,0.2)", + // 设置选中范围的填充颜色 + fillerColor: "#ccc", + // 设置边框颜色 + borderColor: "rgba(225,225,225,0.2)", + // 是否显示detail，即拖拽时候显示详细数值信息 + showDetail: false, + // 数据窗口范围的起始数值 + startValue: 0, + // 数据窗口范围的结束数值（一页显示多少条数据） + endValue: 50, + // empty：当前数据窗口外的数据，被设置为空。 + // 即不会影响其他轴的数据范围 + filterMode: "empty", + // 设置滚动条宽度，相对于盒子宽度 + width: "80%", + // 设置滚动条高度 + height: 5, + // 设置滚动条显示位置 + left: "center", + // 是否锁定选择区域（或叫做数据窗口）的大小 + zoomLoxk: true, + // 控制手柄的尺寸 + handleSize: 10, + // dataZoom-slider组件离容器下侧的距离 + bottom: 0, + }, + { + // 没有下面这块的话，只能拖动滚动条， + // 鼠标滚轮在区域内不能控制外部滚动条 + type: "inside", + // 滚轮是否触发缩放 + zoomOnMouseWheel: true, + // 鼠标滚轮触发滚动 + moveOnMouseMove: true, + moveOnMouseWheel: true, + }, + ], }) window.addEventListener("resize", () => { chart.resize(); diff --git a/src/views/xj/inspection/disease-management/index.vue b/src/views/xj/inspection/disease-management/index.vue index 2d2c8e9..f34e71c 100644 --- a/src/views/xj/inspection/disease-management/index.vue +++ b/src/views/xj/inspection/disease-management/index.vue @@ -2,7 +2,7 @@ * @Author: error: error: git config user.name & please set dead value or install git && error: git config user.email & please set dead value or install git & please set dead value or install git * @Date: 2024-10-08 10:58:25 * @LastEditors: SunTao 328867980@qq.com - * @LastEditTime: 2025-05-09 17:06:20 + * @LastEditTime: 2025-05-15 16:37:41 * @FilePath: \znxjxt-ui\src\views\xj\inspection\disease-management\index.vue * @Description: 巡检信息管理-病害管理 --> @@ -288,14 +288,22 @@ @close="imgCancel">
Main Image -
+
- 采集时间: - {{ new Date(currentImageItem.createdTime).toLocaleString() }} - 起始桩号： {{ currentImageItem.stakeStart || "暂无数据" }} 终止桩号： - {{ currentImageItem.stakeEnd || "暂无数据" }} - 病害类型： - {{ currentImageItem.defectTypeName || "暂无数据" }}
+
+ 采集时间: + {{ new Date(currentImageItem.createdTime).toLocaleString() }} + 起始桩号： {{ currentImageItem.stakeStart || "暂无数据" }} 终止桩号： + {{ currentImageItem.stakeEnd || "暂无数据" }} + 病害类型： + {{ currentImageItem.defectTypeName || "暂无数据" }} +
+
+ 切换标注状态 +
+
@@ -485,6 +493,8 @@ export default { showImageDialog: false, // 查看大图片路径 currentImageItem: {}, + // 是否展示图片标注 + showRects: true, // 图片病害位置信息 rects: [], // 合并病害弹窗显隐控制 @@ -1070,7 +1080,6 @@ export default { getDetailsBySnapShotId(val).then(({ code, data }) => { if (code === 200) { this.viewForm = data; - console.log(data, "查看弹窗选择改变触发事件"); } }); }, @@ -1249,6 +1258,8 @@ export default { // 图片信息 .rect-image { width: 90%; + display: flex; + justify-content: space-between; position: absolute; top: 0; font-size: 1.2rem;