kd-lane-chart-v3 0.0.6 → 0.0.8

package/dist/esm/index.js

@@ -236,72 +236,6 @@ function splitArrayByDepth(arr, key = "depth") {
   processSegment(arr);
   return result;
 }
-const getAttrGap = (arr, key) => {
-  if (!arr || !Array.isArray(arr) || arr.length < 2) {
-    return {
-      min: null,
-      max: null,
-      minGap: null,
-      maxGap: null,
-      avgGap: null,
-      // 新增：平均间隔（去除离群值后）
-      sortedList: arr || [],
-      gaps: []
-    };
-  }
-  const validList = arr.map((item) => Number(item[key])).filter((val) => !isNaN(val) && val !== null && val !== void 0);
-  if (validList.length < 2) {
-    return {
-      min: null,
-      max: null,
-      minGap: null,
-      maxGap: null,
-      avgGap: null,
-      sortedList: validList,
-      gaps: []
-    };
-  }
-  const sortedList = [...validList].sort((a, b) => a - b);
-  const min = sortedList[0];
-  const max = sortedList[sortedList.length - 1];
-  const gaps = [];
-  for (let i = 1; i < sortedList.length; i++) {
-    const gap = sortedList[i] - sortedList[i - 1];
-    gaps.push(gap < 0 ? -gap : gap);
-  }
-  let filteredGaps = [...gaps];
-  let avgGap = null;
-  if (filteredGaps.length > 1) {
-    const mean = filteredGaps.reduce((sum, gap) => sum + gap, 0) / filteredGaps.length;
-    const variance = filteredGaps.reduce((sum, gap) => sum + Math.pow(gap - mean, 2), 0) / filteredGaps.length;
-    const stdDev = Math.sqrt(variance);
-    const threshold = 3 * stdDev;
-    filteredGaps = filteredGaps.filter((gap) => Math.abs(gap - mean) <= threshold);
-    if (filteredGaps.length > 0) {
-      avgGap = filteredGaps.reduce((sum, gap) => sum + gap, 0) / filteredGaps.length;
-    }
-  } else if (filteredGaps.length === 1) {
-    avgGap = filteredGaps[0];
-  }
-  const minGap = filteredGaps.length > 0 ? Math.min(...filteredGaps) : null;
-  const maxGap = filteredGaps.length > 0 ? Math.max(...filteredGaps) : null;
-  return {
-    min,
-    // 属性最小值
-    max,
-    // 属性最大值
-    minGap,
-    // 相邻最小间隔（去除离群值后）
-    maxGap,
-    // 相邻最大间隔（去除离群值后）
-    avgGap,
-    // 平均间隔（去除离群值后）
-    sortedList,
-    // 排序后的属性值
-    gaps: filteredGaps
-    // 过滤后的所有间隔
-  };
-};
 const isNumeric = (value) => {
   const num = Number(value);
   return typeof num === "number" && !isNaN(num) && isFinite(num);
@@ -326,6 +260,10 @@ const _sfc_main$d = {
         left: 0,
         top: 0
       })
+    },
+    parentElement: {
+      type: Object,
+      default: null
     }
   },
   data() {
@@ -371,16 +309,9 @@ const _sfc_main$d = {
       menu.classList.add("vue-simple-context-menu--active");
     },
     // 以 .kd-lane-chart-container 作为定位父元素（其 position 为 relative）
-    getContainer(menu) {
-      if (menu.closest) {
-        return menu.closest(".kd-lane-chart-container");
-      }
-      let el = menu.parentElement;
-      while (el) {
-        if (el.classList && el.classList.contains("kd-lane-chart-container")) {
-          return el;
-        }
-        el = el.parentElement;
+    getContainer() {
+      if (this.parentElement) {
+        return this.parentElement;
       }
       return null;
     },
@@ -419,7 +350,7 @@ const _hoisted_1$d = {
   class: "vue-simple-context-menu"
 };
 const _hoisted_2$c = ["onClick"];
-const _hoisted_3$7 = ["innerHTML"];
+const _hoisted_3$8 = ["innerHTML"];
 function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   const _directive_click_outside = resolveDirective("click-outside");
   return openBlock(), createElementBlock("div", null, [
@@ -432,7 +363,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
         }, [
           createElementVNode("span", {
             innerHTML: option.name
-          }, null, 8, _hoisted_3$7)
+          }, null, 8, _hoisted_3$8)
         ], 10, _hoisted_2$c);
       }), 128))
     ])), [
@@ -440,7 +371,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-const VueSimpleContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__scopeId", "data-v-38ac9b6e"]]);
+const VueSimpleContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__scopeId", "data-v-b1e7434d"]]);
 class CustomStrategy {
   constructor(strategy) {
     this.strategy = strategy;
@@ -1683,11 +1614,19 @@ const _sfc_main$b = {
         lineSize: [
           { required: true, message: "请输入曲线粗细", trigger: "blur" },
           { validator: validatorNumber, trigger: "blur" },
-          { validator: sizeLimit, message: "曲线粗细必须在1-4之间", trigger: "blur" }
+          {
+            validator: sizeLimit,
+            message: "曲线粗细必须在1-4之间",
+            trigger: "blur"
+          }
+        ],
+        lineColor: [
+          { required: true, message: "请选择曲线颜色", trigger: "blur" }
         ],
-        lineColor: [{ required: true, message: "请选择曲线颜色", trigger: "blur" }],
         lineType: [{ required: true, message: "请选择线型", trigger: "blur" }],
-        paramId: [{ required: true, message: "请选择参数名称", trigger: "blur" }]
+        paramId: [
+          { required: true, message: "请选择参数名称", trigger: "blur" }
+        ]
       }
     };
   },
@@ -1743,7 +1682,6 @@ const _sfc_main$b = {
             themeLineColor = lineColor;
           }
         }
-        console.log(themeLineColor, "2222222222222");
         if (themeLineColor) {
           this.formData = Object.assign({}, newD, { lineColor: themeLineColor });
         } else {
@@ -1924,7 +1862,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-const LineEdit = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b], ["__scopeId", "data-v-0940f09d"]]);
+const LineEdit = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b], ["__scopeId", "data-v-5019069d"]]);
 const _sfc_main$a = {
   inject: ["upsertTemplate", "setTargetData", "setExpanded"],
   props: {
@@ -2233,6 +2171,9 @@ const _sfc_main$9 = {
       })
     }
   },
+  mounted() {
+    this.parentElement = document.querySelector(".kd-lane-el-container");
+  },
   data() {
     return {
       templateContentShow: false,
@@ -2248,7 +2189,8 @@ const _sfc_main$9 = {
       currentNodeKey: "",
       targetData: void 0,
       treeKey: "",
-      tooltipVisible: {}
+      tooltipVisible: {},
+      parentElement: void 0
     };
   },
   methods: {
@@ -2533,8 +2475,8 @@ const _sfc_main$9 = {
 };
 const _hoisted_1$9 = ["onContextmenu"];
 const _hoisted_2$8 = ["onMouseover", "onMouseleave"];
-const _hoisted_3$6 = { style: { "padding-left": "5px" } };
-const _hoisted_4$6 = { class: "rtd-config-side-option" };
+const _hoisted_3$7 = { style: { "padding-left": "5px" } };
+const _hoisted_4$7 = { class: "rtd-config-side-option" };
 function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = resolveComponent("el-tooltip");
   const _component_Star = resolveComponent("Star");
@@ -2593,7 +2535,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
                   ]),
                   _: 2
                 }, 1032, ["content", "visible"]),
-                withDirectives(createElementVNode("span", _hoisted_3$6, [
+                withDirectives(createElementVNode("span", _hoisted_3$7, [
                   createVNode(_component_el_icon, null, {
                     default: withCtx(() => [
                       createVNode(_component_Star)
@@ -2607,7 +2549,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
           }, 8, ["data", "current-node-key", "default-expanded-keys", "onNodeClick", "onNodeExpand", "onNodeCollapse"])),
-          createElementVNode("div", _hoisted_4$6, [
+          createElementVNode("div", _hoisted_4$7, [
             createVNode(_component_el_button, { onClick: $options.addTemplate }, {
               default: withCtx(() => [..._cache[0] || (_cache[0] = [
                 createTextVNode("新增模板", -1)
@@ -2648,18 +2590,19 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       }),
       createVNode(_component_VueSimpleContextMenu, {
+        parentElement: $data.parentElement,
         options: $options.contextMenuOptions,
         positionInfo: $props.positionInfo,
         ref: "vueSimpleContextMenu",
         onOptionClicked: $options.optionClicked
-      }, null, 8, ["options", "positionInfo", "onOptionClicked"])
+      }, null, 8, ["parentElement", "options", "positionInfo", "onOptionClicked"])
     ]),
     _: 1
   })), [
     [_directive_loading, $data.curveConfigLoading]
   ]);
 }
-const RealTimeCurveConfig = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-1fb6ec88"]]);
+const RealTimeCurveConfig = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-41fc6892"]]);
 const ACTION_TYPE = {
   UPSERT_LINE: "upsertLine",
   DELETE_LINE: "delLine"
@@ -2716,12 +2659,18 @@ const _sfc_main$8 = {
   methods: {
     // 获取字体大小类名
     getFontSize(type) {
-      if (type == "label" && Object.prototype.hasOwnProperty.call(this.currentHeaderStyle, `headerLabelFontSize`)) {
+      if (type == "label" && Object.prototype.hasOwnProperty.call(
+        this.currentHeaderStyle,
+        `headerLabelFontSize`
+      )) {
         return {
           fontSize: `${isNumeric(this.currentHeaderStyle[`headerLabelFontSize`]) ? this.currentHeaderStyle[`headerLabelFontSize`] + `px` : this.currentHeaderStyle[`headerLabelFontSize`]}`
         };
       }
-      if (type == "data" && Object.prototype.hasOwnProperty.call(this.currentHeaderStyle, `headerDataFontSize`)) {
+      if (type == "data" && Object.prototype.hasOwnProperty.call(
+        this.currentHeaderStyle,
+        `headerDataFontSize`
+      )) {
         return {
           fontSize: `${isNumeric(this.currentHeaderStyle[`headerDataFontSize`]) ? this.currentHeaderStyle[`headerDataFontSize`] + `px` : this.currentHeaderStyle[`headerDataFontSize`]}`
         };
@@ -2738,7 +2687,10 @@ const _sfc_main$8 = {
       if (this.formCache.displayType == "float") {
         return "";
       }
-      if (!Object.prototype.hasOwnProperty.call(this.headerData, this.line.paramId)) {
+      if (!Object.prototype.hasOwnProperty.call(
+        this.headerData,
+        this.line.paramId
+      )) {
         return "--";
       }
       return this.headerData[this.line.paramId] !== null && this.headerData[this.line.paramId] !== void 0 && this.headerData[this.line.paramId] !== "" ? typeof +this.headerData[this.line.paramId] === "number" ? Number(Number(this.headerData[this.line.paramId]).toFixed(2)) : this.headerData[this.line.paramId] : "--";
@@ -2793,10 +2745,14 @@ const _sfc_main$8 = {
         if (this.line.isGradient) {
           lineType = {};
         } else {
-          lineType = { "box-shadow": `inset 0 0 8px 0px ${lineColor || this.line.lineColor}` };
+          lineType = {
+            "box-shadow": `inset 0 0 8px 0px ${lineColor || this.line.lineColor}`
+          };
         }
       } else {
-        lineType = { "border-bottom": `2px ${this.line.lineType} ${lineColor || this.line.lineColor}` };
+        lineType = {
+          "border-bottom": `2px ${this.line.lineType} ${lineColor || this.line.lineColor}`
+        };
       }
       let backgroundColor = {};
       let headerHeight = {};
@@ -2824,8 +2780,8 @@ const _sfc_main$8 = {
 };
 const _hoisted_1$8 = { class: "kd-lane-chart-container-text-container" };
 const _hoisted_2$7 = { class: "left" };
-const _hoisted_3$5 = { class: "center" };
-const _hoisted_4$5 = { class: "right" };
+const _hoisted_3$6 = { class: "center" };
+const _hoisted_4$6 = { class: "right" };
 function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["kd-lane-chart-container-header-item", { "kd-lane-chart-container-header-item_warning": $options.isShowWarning() }]),
@@ -2833,8 +2789,8 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     onClick: _cache[0] || (_cache[0] = (...args) => $options.toggleIsUsed && $options.toggleIsUsed(...args))
   }, [
     createElementVNode("div", _hoisted_1$8, [
-      createElementVNode("span", _hoisted_2$7, toDisplayString($props.line.min || ($props.lineRange[$props.line.lineId] && $props.lineRange[$props.line.lineId].min || 0)), 1),
-      createElementVNode("div", _hoisted_3$5, [
+      createElementVNode("span", _hoisted_2$7, toDisplayString($props.line.min || $props.lineRange[$props.line.lineId] && $props.lineRange[$props.line.lineId].min || 0), 1),
+      createElementVNode("div", _hoisted_3$6, [
         createElementVNode("div", {
           class: "paramsTitle",
           style: normalizeStyle($options.getFontSize("label"))
@@ -2845,7 +2801,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
           style: normalizeStyle($options.getFontSize("data"))
         }, toDisplayString($options.getCurrentData()), 5)) : createCommentVNode("", true)
       ]),
-      createElementVNode("span", _hoisted_4$5, toDisplayString($props.line.max || ($props.lineRange[$props.line.lineId] && $props.lineRange[$props.line.lineId].max || 0)), 1),
+      createElementVNode("span", _hoisted_4$6, toDisplayString($props.line.max || $props.lineRange[$props.line.lineId] && $props.lineRange[$props.line.lineId].max || 0), 1),
       createElementVNode("div", {
         class: "gradient-display",
         style: normalizeStyle($options.gradientDisplay)
@@ -2853,7 +2809,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-const HeaderItem = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-1ae34b14"]]);
+const HeaderItem = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-28f8ebac"]]);
 const _sfc_main$7 = {
   name: "LegendItem",
   props: {
@@ -2970,10 +2926,10 @@ const _sfc_main$7 = {
 };
 const _hoisted_1$7 = { class: "legend-label" };
 const _hoisted_2$6 = { class: "legend-content" };
-const _hoisted_3$4 = { class: "scale-left" };
-const _hoisted_4$4 = ["onClick"];
-const _hoisted_5$3 = { class: "legend-line-item-top" };
-const _hoisted_6$3 = { class: "legend-text" };
+const _hoisted_3$5 = { class: "scale-left" };
+const _hoisted_4$5 = ["onClick"];
+const _hoisted_5$4 = { class: "legend-line-item-top" };
+const _hoisted_6$4 = { class: "legend-text" };
 const _hoisted_7$3 = {
   key: 0,
   class: "legend-data"
@@ -2986,7 +2942,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     createElementVNode("div", _hoisted_1$7, toDisplayString($options.getParamName()), 1),
     createElementVNode("div", _hoisted_2$6, [
-      createElementVNode("div", _hoisted_3$4, toDisplayString($props.line.min || 0), 1),
+      createElementVNode("div", _hoisted_3$5, toDisplayString($props.line.min || 0), 1),
       createElementVNode("div", {
         class: "legend-lines",
         style: normalizeStyle({ flexDirection: $props.formCache.displayType == "header" ? "column" : "row" })
@@ -2998,15 +2954,15 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
             onClick: ($event) => $options.toggleLegend(legend.label),
             style: normalizeStyle({ opacity: legend.isUsed ? 1 : 0.5 })
           }, [
-            createElementVNode("div", _hoisted_5$3, [
+            createElementVNode("div", _hoisted_5$4, [
               createElementVNode("div", {
                 class: normalizeClass(["legend-color", legend.lineType]),
                 style: normalizeStyle({ borderBottom: `2px ${legend.lineType} ${legend.color}` })
               }, null, 6),
-              createElementVNode("div", _hoisted_6$3, toDisplayString(legend.label), 1)
+              createElementVNode("div", _hoisted_6$4, toDisplayString(legend.label), 1)
             ]),
             $props.formCache.displayType == "header" ? (openBlock(), createElementBlock("div", _hoisted_7$3, toDisplayString(legend.data), 1)) : createCommentVNode("", true)
-          ], 12, _hoisted_4$4);
+          ], 12, _hoisted_4$5);
         }), 128))
       ], 4),
       createElementVNode("div", _hoisted_8$2, toDisplayString($props.line.max || 20), 1)
@@ -3096,6 +3052,16 @@ const _sfc_main$6 = {
     showContextMenuStatus: {
       type: Boolean,
       default: true
+    },
+    // 当前选中的泳道ID（用于在头部显示红色边框）
+    activeLaneId: {
+      type: [String, Number],
+      default: null
+    },
+    // 是否为地应力模式（只有为 true 时才启用泳道选中功能）
+    isGeomechanical: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
@@ -3120,7 +3086,8 @@ const _sfc_main$6 = {
       domHeight: 0,
       positionInfo: {},
       resizeObserver: null,
-      resizeObserverContainer: null
+      resizeObserverContainer: null,
+      scrollbarHeight: 0
     };
   },
   created() {
@@ -3144,6 +3111,7 @@ const _sfc_main$6 = {
     }
   },
   mounted() {
+    this.parentElement = document.querySelector(".kd-lane-chart-container");
     window.addEventListener("mousemove", this.resize);
     window.addEventListener("mouseup", this.stopResize);
     this.updateDomHeight();
@@ -3224,8 +3192,13 @@ const _sfc_main$6 = {
       const headerStyle = this.headerStyle;
       const heightNum = pxToNumber(headerStyle.height);
       const minHeightNum = pxToNumber(headerStyle["min-height"]);
-      const maxHeightNum = this.percentorpxToNumber(headerStyle["max-height"] || "40%");
-      const actualHeight = Math.max(Math.min(heightNum, maxHeightNum), minHeightNum);
+      const maxHeightNum = this.percentorpxToNumber(
+        headerStyle["max-height"] || "40%"
+      );
+      const actualHeight = Math.max(
+        Math.min(heightNum, maxHeightNum),
+        minHeightNum
+      );
       return actualHeight;
     },
     handleResize() {
@@ -3245,6 +3218,17 @@ const _sfc_main$6 = {
       const container = this.$refs.targetDom;
       if (container) {
         this.domHeight = container.clientHeight;
+        this.updateScrollbarHeight();
+      }
+    },
+    updateScrollbarHeight() {
+      var _a;
+      const scrollContent = (_a = this.$el) == null ? void 0 : _a.querySelector(".kd-lane-chart-scroll-content");
+      if (scrollContent) {
+        const scrollbarHeight = scrollContent.offsetHeight - scrollContent.clientHeight;
+        this.scrollbarHeight = scrollbarHeight > 0 ? scrollbarHeight : 0;
+      } else {
+        this.scrollbarHeight = 0;
       }
     },
     updateLaneWidthOverrides() {
@@ -3282,49 +3266,16 @@ const _sfc_main$6 = {
       const deltaX = event.clientX - this.startX;
       if (deltaX === 0) return;
       const lanes = this.currentTemplate.lanes;
-      const laneIndex = lanes.findIndex((l) => l.laneId === this.currentLane.laneId);
+      const laneIndex = lanes.findIndex(
+        (l) => l.laneId === this.currentLane.laneId
+      );
       if (laneIndex === -1) return;
       const minWidth = 40;
       const getWidth = (lane) => this.getEffectiveLaneWidthPx(lane);
       const currentLane = lanes[laneIndex];
       let currentWidth = getWidth(currentLane);
-      if (deltaX > 0) {
-        const rightLanes = lanes.slice(laneIndex + 1);
-        if (rightLanes.length === 0) return;
-        let totalShrinkable = rightLanes.reduce((sum, l) => sum + (getWidth(l) - minWidth), 0);
-        let actualDelta = Math.min(deltaX, totalShrinkable);
-        if (actualDelta <= 0) return;
-        this.setLaneWidthOverride(currentLane.laneId, currentWidth + actualDelta);
-        rightLanes.forEach((lane) => {
-          let w = getWidth(lane);
-          let reducible = w - minWidth;
-          let reduce = totalShrinkable > 0 ? reducible / totalShrinkable * actualDelta : 0;
-          this.setLaneWidthOverride(lane.laneId, Math.max(minWidth, w - reduce));
-        });
-      } else {
-        const rightLane = lanes[laneIndex + 1];
-        if (!rightLane) return;
-        const leftLanes = lanes.slice(0, laneIndex);
-        let rightWidth = getWidth(rightLane);
-        let shrinkAmount = Math.abs(deltaX);
-        let leftShrinkable = leftLanes.reduce((sum, l) => sum + (getWidth(l) - minWidth), 0);
-        let currentShrinkable = currentWidth - minWidth;
-        let totalShrinkable = leftShrinkable + currentShrinkable;
-        let actualShrink = Math.min(shrinkAmount, totalShrinkable);
-        if (actualShrink <= 0) return;
-        let currentReduce = Math.min(currentShrinkable, actualShrink);
-        this.setLaneWidthOverride(currentLane.laneId, currentWidth - currentReduce);
-        let remain = actualShrink - currentReduce;
-        if (remain > 0 && leftLanes.length > 0) {
-          leftLanes.forEach((lane) => {
-            let w = getWidth(lane);
-            let reducible = w - minWidth;
-            let reduce = leftShrinkable > 0 ? reducible / leftShrinkable * remain : 0;
-            this.setLaneWidthOverride(lane.laneId, Math.max(minWidth, w - reduce));
-          });
-        }
-        this.setLaneWidthOverride(rightLane.laneId, rightWidth + actualShrink);
-      }
+      let newWidth = Math.max(minWidth, currentWidth + deltaX);
+      this.setLaneWidthOverride(currentLane.laneId, newWidth);
       this.startX = event.clientX;
       this.$forceUpdate();
     },
@@ -3335,6 +3286,7 @@ const _sfc_main$6 = {
       this.resizeDirection = null;
       this.startX = 0;
       this.startWidth = 0;
+      this.updateScrollbarHeight();
       this.$emit("lane-width-change", this.laneWidthOverrides);
     },
     // 获取指定泳道的DOM元素
@@ -3342,7 +3294,9 @@ const _sfc_main$6 = {
       if (!this.$refs.refLaneDiv) return null;
       const id = laneId != null ? String(laneId) : "";
       if (Array.isArray(this.$refs.refLaneDiv)) {
-        return this.$refs.refLaneDiv.find((el) => el.getAttribute("lane-id") === id);
+        return this.$refs.refLaneDiv.find(
+          (el) => el.getAttribute("lane-id") === id
+        );
       }
       return this.$refs.refLaneDiv.getAttribute("lane-id") === id ? this.$refs.refLaneDiv : null;
     },
@@ -3355,7 +3309,9 @@ const _sfc_main$6 = {
     // 将当前模板中的泳道/曲线顺序同步到 treeTemplates，避免拖拽后图表仍用旧结构
     syncTreeTemplateFromCurrent() {
       if (!this.currentTemplate || !this.treeTemplates) return;
-      const tpl = this.treeTemplates.find((t) => t.templateId === this.currentTemplate.templateId);
+      const tpl = this.treeTemplates.find(
+        (t) => t.templateId === this.currentTemplate.templateId
+      );
       if (tpl && tpl !== this.currentTemplate) {
         tpl.lanes = this.currentTemplate.lanes;
       }
@@ -3417,7 +3373,9 @@ const _sfc_main$6 = {
         const currentLanes = this.currentTemplate.lanes;
         currentLanes.forEach((lane) => {
           if (lane.laneId != savedData.laneId) {
-            const staleIndex = (lane.lines || []).findIndex((line) => line.lineId == savedData.lineId);
+            const staleIndex = (lane.lines || []).findIndex(
+              (line) => line.lineId == savedData.lineId
+            );
             if (staleIndex >= 0) {
               lane.lines.splice(staleIndex, 1);
             }
@@ -3473,7 +3431,9 @@ const _sfc_main$6 = {
         } else {
           const template = this.treeTemplates[index2];
           const lanes = template.lanes || [];
-          const laneIndex = lanes.findIndex((lane) => lane.laneId == savedData.laneId);
+          const laneIndex = lanes.findIndex(
+            (lane) => lane.laneId == savedData.laneId
+          );
           if (laneIndex < 0) {
             lanes.push(savedData);
           } else {
@@ -3490,7 +3450,17 @@ const _sfc_main$6 = {
       if (isArray) {
         return this.$refs.refLaneDiv.map((item) => {
           const { x, y, width, height, top, right, bottom, left } = item.getBoundingClientRect();
-          return { x, y, width, height, top, bottom, right, left, "lane-id": item.getAttribute("lane-id") };
+          return {
+            x,
+            y,
+            width,
+            height,
+            top,
+            bottom,
+            right,
+            left,
+            "lane-id": item.getAttribute("lane-id")
+          };
         });
       } else {
         return [this.$refs.refLaneDiv.getBoundingClientRect()];
@@ -3531,9 +3501,20 @@ const _sfc_main$6 = {
       if (type === "slot") {
         return isWidthNumeric ? { width: `${widthPx}px` } : { width: "auto" };
       } else {
-        return isWidthNumeric ? { width: `${widthPx}px` } : { flex: "1" };
+        return isWidthNumeric ? { width: `${widthPx}px` } : { flex: 1 };
       }
     },
+    // 获取泳道头部样式，选中泳道添加红色边框（仅地应力模式）
+    getLaneHeaderStyle(lane) {
+      const base = this.headerStyle;
+      const isActive = this.isGeomechanical && this.activeLaneId != null && lane && lane.laneId === this.activeLaneId;
+      if (!isActive) return base;
+      return {
+        ...base,
+        boxSizing: "border-box",
+        border: "1px solid #F86C59"
+      };
+    },
     setExpanded() {
       this.$refs.curveConfig.setExpanded();
     },
@@ -3640,7 +3621,9 @@ const _sfc_main$6 = {
           return;
         }
         const template = this.treeTemplates[index2];
-        const laneIndex = template.lanes.findIndex((lane) => lane.laneId == delLane.laneId);
+        const laneIndex = template.lanes.findIndex(
+          (lane) => lane.laneId == delLane.laneId
+        );
         template.lanes.splice(laneIndex, 1);
         if (this.currentTemplate.templateId == templateId) {
           this.setDefaultAndNotify("changeNumber");
@@ -3657,7 +3640,9 @@ const _sfc_main$6 = {
         } else {
           const template = this.treeTemplates[index2];
           const lanes = template.lanes || [];
-          const laneIndex = lanes.findIndex((lane) => lane.laneId == savedData.laneId);
+          const laneIndex = lanes.findIndex(
+            (lane) => lane.laneId == savedData.laneId
+          );
           if (laneIndex < 0) {
             lanes.push(savedData);
           } else {
@@ -3753,7 +3738,9 @@ const _sfc_main$6 = {
         this.setDefaultAndNotify();
       }).catch((e) => {
         var _a, _b;
-        console.error(`加载配置失败: ${(_a = this.config) == null ? void 0 : _a.caseId},${(_b = this.config) == null ? void 0 : _b.versionCode},${e.message}`);
+        console.error(
+          `加载配置失败: ${(_a = this.config) == null ? void 0 : _a.caseId},${(_b = this.config) == null ? void 0 : _b.versionCode},${e.message}`
+        );
       }).finally(() => {
         this.isLoading = false;
       });
@@ -3769,14 +3756,18 @@ const _sfc_main$6 = {
         console.warn("未加载到泳道模板配置，图表将无法渲染曲线");
         return;
       }
-      const publicTemplates = this.treeTemplates.find((template) => template.isPublic === "1");
+      const publicTemplates = this.treeTemplates.find(
+        (template) => template.isPublic === "1"
+      );
       if (publicTemplates) {
         if (prevTemplateId === publicTemplates.templateId && draggedLanes) {
           publicTemplates.lanes = draggedLanes;
         }
         this.currentTemplate = publicTemplates;
       } else {
-        const sysTemplate = this.treeTemplates.find((template) => template.createUser == "SYSTEM_USER");
+        const sysTemplate = this.treeTemplates.find(
+          (template) => template.createUser == "SYSTEM_USER"
+        );
         if (sysTemplate) {
           sysTemplate.isPublic = "1";
           this.currentTemplate = sysTemplate;
@@ -3795,7 +3786,9 @@ const _sfc_main$6 = {
       this.$emit("params-change", this.params);
       this.$nextTick(() => {
         const { lanes = [] } = this.currentTemplate || {};
-        const needsUpdate = lanes.some((lane) => !this.laneWidthOverrides[String(lane.laneId)]);
+        const needsUpdate = lanes.some(
+          (lane) => !this.laneWidthOverrides[String(lane.laneId)]
+        );
         console.log(needsUpdate, "needsUpdate");
         if (needsUpdate) {
           this.updateLaneWidthOverrides();
@@ -3815,9 +3808,16 @@ const _sfc_main$6 = {
   computed: {
     contextMenuOptions() {
       if (this.config.type == "local") {
-        return [{ name: "编辑模板", key: "editTemplate" }, { name: "恢复默认", key: "restoreSetting" }, ...this.customMenuList];
+        return [
+          { name: "编辑模板", key: "editTemplate" },
+          { name: "恢复默认", key: "restoreSetting" },
+          ...this.customMenuList
+        ];
       } else {
-        return [{ name: "编辑模板", key: "editTemplate" }, ...this.customMenuList];
+        return [
+          { name: "编辑模板", key: "editTemplate" },
+          ...this.customMenuList
+        ];
       }
     },
     paramsNameMap() {
@@ -3830,6 +3830,19 @@ const _sfc_main$6 = {
       }
       return result;
     },
+    fixedLanes() {
+      const { lanes = [] } = this.currentTemplate || {};
+      return lanes.filter((lane) => lane.canScroll === false);
+    },
+    scrollableLanes: {
+      get() {
+        const { lanes = [] } = this.currentTemplate || {};
+        return lanes.filter((lane) => lane.canScroll !== false);
+      },
+      set(newVal) {
+        this.currentTemplate.lanes = [...this.fixedLanes, ...newVal];
+      }
+    },
     /**
      * 计算当前模板中所有车道（lane）的最大行数。
      * @returns {number} 返回所有车道中的最大行数，如果没有车道则返回0。
@@ -3846,7 +3859,11 @@ const _sfc_main$6 = {
     headerStyle() {
       var _a;
       if (!this.isKdCurveV2) {
-        const common2 = { gap: `${this.itemGap}px`, padding: `${this.headerPadding}px`, "max-height": "40%" };
+        const common2 = {
+          gap: `${this.itemGap}px`,
+          padding: `${this.headerPadding}px`,
+          "max-height": "40%"
+        };
         if (!this.currentTemplate) {
           return { ...common2, height: "30%", "min-height": "60px" };
         } else {
@@ -3864,7 +3881,10 @@ const _sfc_main$6 = {
           }
         }
       }
-      const common = { gap: `${this.currentHeaderStyle.itemGap}px`, padding: `${this.currentHeaderStyle.headerPadding}px` };
+      const common = {
+        gap: `${this.currentHeaderStyle.itemGap}px`,
+        padding: `${this.currentHeaderStyle.headerPadding}px`
+      };
       if (!this.currentTemplate) {
         let data = {
           ...common,
@@ -3872,11 +3892,19 @@ const _sfc_main$6 = {
           "min-height": "60px",
           "max-height": "30%"
         };
-        if (Object.prototype.hasOwnProperty.call(this.currentHeaderStyle, "headerHeight")) {
+        if (Object.prototype.hasOwnProperty.call(
+          this.currentHeaderStyle,
+          "headerHeight"
+        )) {
           data.height = isNumeric(this.currentHeaderStyle.headerHeight) ? this.currentHeaderStyle.headerHeight + "px" : this.currentHeaderStyle.headerHeight;
         }
-        if (Object.prototype.hasOwnProperty.call(this.currentHeaderStyle, "maxHeaderHeight")) {
-          data["max-height"] = isNumeric(this.currentHeaderStyle.maxHeaderHeight) ? this.currentHeaderStyle.maxHeaderHeight + "px" : this.currentHeaderStyle.maxHeaderHeight;
+        if (Object.prototype.hasOwnProperty.call(
+          this.currentHeaderStyle,
+          "maxHeaderHeight"
+        )) {
+          data["max-height"] = isNumeric(
+            this.currentHeaderStyle.maxHeaderHeight
+          ) ? this.currentHeaderStyle.maxHeaderHeight + "px" : this.currentHeaderStyle.maxHeaderHeight;
         }
         return data;
       } else {
@@ -3888,11 +3916,19 @@ const _sfc_main$6 = {
             "min-height": "60px",
             "max-height": "30%"
           };
-          if (Object.prototype.hasOwnProperty.call(this.currentHeaderStyle, "headerHeight")) {
+          if (Object.prototype.hasOwnProperty.call(
+            this.currentHeaderStyle,
+            "headerHeight"
+          )) {
             data.height = isNumeric(this.currentHeaderStyle.headerHeight) ? this.currentHeaderStyle.headerHeight + "px" : this.currentHeaderStyle.headerHeight;
           }
-          if (Object.prototype.hasOwnProperty.call(this.currentHeaderStyle, "maxHeaderHeight")) {
-            data["max-height"] = isNumeric(this.currentHeaderStyle.maxHeaderHeight) ? this.currentHeaderStyle.maxHeaderHeight + "px" : this.currentHeaderStyle.maxHeaderHeight;
+          if (Object.prototype.hasOwnProperty.call(
+            this.currentHeaderStyle,
+            "maxHeaderHeight"
+          )) {
+            data["max-height"] = isNumeric(
+              this.currentHeaderStyle.maxHeaderHeight
+            ) ? this.currentHeaderStyle.maxHeaderHeight + "px" : this.currentHeaderStyle.maxHeaderHeight;
           }
           return data;
         } else {
@@ -3903,11 +3939,19 @@ const _sfc_main$6 = {
             "min-height": "60px",
             "max-height": "30%"
           };
-          if (Object.prototype.hasOwnProperty.call(this.currentHeaderStyle, "headerHeight")) {
+          if (Object.prototype.hasOwnProperty.call(
+            this.currentHeaderStyle,
+            "headerHeight"
+          )) {
             data.height = isNumeric(this.currentHeaderStyle.headerHeight) ? this.currentHeaderStyle.headerHeight + "px" : this.currentHeaderStyle.headerHeight;
           }
-          if (Object.prototype.hasOwnProperty.call(this.currentHeaderStyle, "maxHeaderHeight")) {
-            data["max-height"] = isNumeric(this.currentHeaderStyle.maxHeaderHeight) ? this.currentHeaderStyle.maxHeaderHeight + "px" : this.currentHeaderStyle.maxHeaderHeight;
+          if (Object.prototype.hasOwnProperty.call(
+            this.currentHeaderStyle,
+            "maxHeaderHeight"
+          )) {
+            data["max-height"] = isNumeric(
+              this.currentHeaderStyle.maxHeaderHeight
+            ) ? this.currentHeaderStyle.maxHeaderHeight + "px" : this.currentHeaderStyle.maxHeaderHeight;
           }
           return data;
         }
@@ -3939,11 +3983,19 @@ const _sfc_main$6 = {
           "min-height": "60px",
           "max-height": "30%"
         };
-        if (Object.prototype.hasOwnProperty.call(this.currentHeaderStyle, "headerHeight")) {
+        if (Object.prototype.hasOwnProperty.call(
+          this.currentHeaderStyle,
+          "headerHeight"
+        )) {
           data.height = isNumeric(this.currentHeaderStyle.headerHeight) ? this.currentHeaderStyle.headerHeight + "px" : this.currentHeaderStyle.headerHeight;
         }
-        if (Object.prototype.hasOwnProperty.call(this.currentHeaderStyle, "maxHeaderHeight")) {
-          data["max-height"] = isNumeric(this.currentHeaderStyle.maxHeaderHeight) ? this.currentHeaderStyle.maxHeaderHeight + "px" : this.currentHeaderStyle.maxHeaderHeight;
+        if (Object.prototype.hasOwnProperty.call(
+          this.currentHeaderStyle,
+          "maxHeaderHeight"
+        )) {
+          data["max-height"] = isNumeric(
+            this.currentHeaderStyle.maxHeaderHeight
+          ) ? this.currentHeaderStyle.maxHeaderHeight + "px" : this.currentHeaderStyle.maxHeaderHeight;
         }
         return data;
       } else {
@@ -3954,11 +4006,19 @@ const _sfc_main$6 = {
             "min-height": "60px",
             "max-height": "30%"
           };
-          if (Object.prototype.hasOwnProperty.call(this.currentHeaderStyle, "headerHeight")) {
+          if (Object.prototype.hasOwnProperty.call(
+            this.currentHeaderStyle,
+            "headerHeight"
+          )) {
             data.height = isNumeric(this.currentHeaderStyle.headerHeight) ? this.currentHeaderStyle.headerHeight + "px" : this.currentHeaderStyle.headerHeight;
           }
-          if (Object.prototype.hasOwnProperty.call(this.currentHeaderStyle, "maxHeaderHeight")) {
-            data["max-height"] = isNumeric(this.currentHeaderStyle.maxHeaderHeight) ? this.currentHeaderStyle.maxHeaderHeight + "px" : this.currentHeaderStyle.maxHeaderHeight;
+          if (Object.prototype.hasOwnProperty.call(
+            this.currentHeaderStyle,
+            "maxHeaderHeight"
+          )) {
+            data["max-height"] = isNumeric(
+              this.currentHeaderStyle.maxHeaderHeight
+            ) ? this.currentHeaderStyle.maxHeaderHeight + "px" : this.currentHeaderStyle.maxHeaderHeight;
           }
           return data;
         } else {
@@ -3968,11 +4028,19 @@ const _sfc_main$6 = {
             "min-height": "60px",
             "max-height": "30%"
           };
-          if (Object.prototype.hasOwnProperty.call(this.currentHeaderStyle, "headerHeight")) {
+          if (Object.prototype.hasOwnProperty.call(
+            this.currentHeaderStyle,
+            "headerHeight"
+          )) {
             data.height = isNumeric(this.currentHeaderStyle.headerHeight) ? this.currentHeaderStyle.headerHeight + "px" : this.currentHeaderStyle.headerHeight;
           }
-          if (Object.prototype.hasOwnProperty.call(this.currentHeaderStyle, "maxHeaderHeight")) {
-            data["max-height"] = isNumeric(this.currentHeaderStyle.maxHeaderHeight) ? this.currentHeaderStyle.maxHeaderHeight + "px" : this.currentHeaderStyle.maxHeaderHeight;
+          if (Object.prototype.hasOwnProperty.call(
+            this.currentHeaderStyle,
+            "maxHeaderHeight"
+          )) {
+            data["max-height"] = isNumeric(
+              this.currentHeaderStyle.maxHeaderHeight
+            ) ? this.currentHeaderStyle.maxHeaderHeight + "px" : this.currentHeaderStyle.maxHeaderHeight;
           }
           return data;
         }
@@ -3982,32 +4050,49 @@ const _sfc_main$6 = {
       const headerStyle = this.headerStyle;
       const heightNum = pxToNumber(headerStyle.height);
       const minHeightNum = pxToNumber(headerStyle["min-height"]);
-      const maxHeightNum = this.percentorpxToNumber(headerStyle["max-height"] || "40%");
-      const actualHeight = Math.max(Math.min(heightNum, maxHeightNum), minHeightNum);
+      const maxHeightNum = this.percentorpxToNumber(
+        headerStyle["max-height"] || "40%"
+      );
+      const actualHeight = Math.max(
+        Math.min(heightNum, maxHeightNum),
+        minHeightNum
+      );
       return { top: `${actualHeight}px` };
     }
   }
 };
 const _hoisted_1$6 = ["id", "lane-id"];
-const _hoisted_2$5 = ["onMousedown"];
-const _hoisted_3$3 = {
+const _hoisted_2$5 = {
+  key: 0,
+  class: "kd-lane-chart-lane-container-echart"
+};
+const _hoisted_3$4 = ["onMousedown"];
+const _hoisted_4$4 = ["onContextmenu"];
+const _hoisted_5$3 = {
+  key: 0,
+  class: "kd-lane-chart-lane-container-echart"
+};
+const _hoisted_6$3 = ["onMousedown"];
+const _hoisted_7$2 = ["id", "lane-id"];
+const _hoisted_8$1 = ["onMousedown"];
+const _hoisted_9$1 = {
   key: 1,
   class: "kd-lane-chart-lane-container-echart"
 };
-const _hoisted_4$3 = ["onContextmenu"];
-const _hoisted_5$2 = {
+const _hoisted_10$1 = ["onContextmenu"];
+const _hoisted_11$1 = {
   key: 0,
   class: "kd-lane-chart-lane-container-echart"
 };
-const _hoisted_6$2 = ["onMousedown"];
-const _hoisted_7$2 = {
+const _hoisted_12$1 = ["onMousedown"];
+const _hoisted_13$1 = {
   key: 1,
   class: "kd-lane-chart-lane-container",
   ref: "refLaneDiv"
 };
-const _hoisted_8$1 = { class: "custom-dialog__header" };
-const _hoisted_9$1 = { class: "custom-dialog__body RealTimeCurveConfig_area" };
-const _hoisted_10$1 = { class: "custom-dialog__footer" };
+const _hoisted_14$1 = { class: "custom-dialog__header" };
+const _hoisted_15$1 = { class: "custom-dialog__body RealTimeCurveConfig_area" };
+const _hoisted_16$1 = { class: "custom-dialog__footer" };
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_HeaderItem = resolveComponent("HeaderItem");
   const _component_LegendItem = resolveComponent("LegendItem");
@@ -4021,111 +4106,227 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     onContextmenu: _cache[4] || (_cache[4] = (...args) => $options.onParentContextMenu && $options.onParentContextMenu(...args)),
     ref: "targetDom"
   }, [
-    $data.currentTemplate && $data.currentTemplate.lanes && $data.currentTemplate.lanes.length > 0 ? (openBlock(), createBlock(_component_VueDraggable, {
-      key: 0,
-      class: "kd-lane-chart-container",
-      onStart: $options.onLaneDragStart,
-      onEnd: $options.onLaneDragEnd,
-      modelValue: $data.currentTemplate.lanes,
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.currentTemplate.lanes = $event),
-      animation: 200,
-      fallbackOnBody: true,
-      swapThreshold: 0.65,
-      group: { name: "laneGroup", pull: false, put: false },
-      "item-key": "laneId"
-    }, {
-      default: withCtx(() => [
-        (openBlock(true), createElementBlock(Fragment, null, renderList($data.currentTemplate.lanes || [], (lane, index2) => {
-          return openBlock(), createElementBlock("div", {
-            key: lane.laneId,
-            id: `lane-header-${lane.laneId}`,
-            class: normalizeClass([
-              _ctx.$slots[`lane${lane.laneId}`] ? "kd-lane-chart-lane-slot-container" : "kd-lane-chart-lane-container",
-              {
-                "border-left": _ctx.$slots[`lane${lane.laneId}`] ? $props.isKdCurveV2 || !$props.isKdCurveV2 && index2 !== 0 : !$props.isKdCurveV2 && index2 !== 0,
-                "border-top": _ctx.$slots[`lane${lane.laneId}`] && $props.isKdCurveV2,
-                "border-right": _ctx.$slots[`lane${lane.laneId}`] && $props.isKdCurveV2
-              }
-            ]),
-            "lane-id": lane.laneId,
-            style: normalizeStyle($options.laneContainerStyle(lane, _ctx.$slots[`lane${lane.laneId}`] ? "slot" : "lane")),
-            ref_for: true,
-            ref: "refLaneDiv"
-          }, [
-            _ctx.$slots[`lane${lane.laneId}`] ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              createElementVNode("div", {
-                class: normalizeClass(["kd-lane-chart-lane-header", { "border-bottom": true }]),
-                style: normalizeStyle($options.slotHeaderStyle)
-              }, [
-                renderSlot(_ctx.$slots, `lane${lane.laneId}`, { lane }, void 0, true)
-              ], 4),
-              index2 < $data.currentTemplate.lanes.length - 1 ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                class: "kd-lane-resize-handle kd-lane-resize-handle-right",
-                onMousedown: ($event) => $options.startResize($event, lane, "right")
-              }, null, 40, _hoisted_2$5)) : createCommentVNode("", true),
-              $props.isKdCurveV2 ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
-                renderSlot(_ctx.$slots, `slotheader-content-${lane.laneId}`, { lane }, void 0, true)
-              ])) : createCommentVNode("", true)
-            ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createElementVNode("div", {
-                class: normalizeClass(["kd-lane-chart-lane-header", { "border-bottom": !$props.isKdCurveV2, "kd-lane-chart-lane-header-isKdCurveV2": $props.isKdCurveV2 }]),
-                style: normalizeStyle($options.headerStyle),
-                onContextmenu: withModifiers(($event) => $options.showContextMenu($event, lane), ["prevent"])
-              }, [
-                createVNode(_component_VueDraggable, {
-                  modelValue: lane.lines,
-                  "onUpdate:modelValue": ($event) => lane.lines = $event,
-                  animation: 200,
-                  fallbackOnBody: true,
-                  swapThreshold: 0.65,
-                  group: { name: "lineGroup", pull: true, put: ["lineGroup"] },
-                  onStart: $options.onLineDragStart,
-                  onEnd: $options.onLineDragEnd,
-                  class: "header-list-gap",
-                  style: normalizeStyle({ gap: ($props.isKdCurveV2 ? $props.currentHeaderStyle.itemGap : $props.itemGap) + "px" }),
-                  "item-key": "lineId"
-                }, {
-                  default: withCtx(() => [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(lane.lines || [], (line) => {
-                      return openBlock(), createElementBlock("div", {
-                        key: line.lineId
-                      }, [
-                        !line.hasOwnProperty("recommendParamId") ? (openBlock(), createBlock(_component_HeaderItem, mergeProps({
-                          key: 0,
-                          line,
-                          paramsNameMap: $options.paramsNameMap
-                        }, { ref_for: true }, _ctx.$props, {
-                          onContextmenu: withModifiers(($event) => $options.showContextMenu($event, line), ["prevent"]),
-                          onUpdateLine: $options.upsertLine
-                        }), null, 16, ["line", "paramsNameMap", "onContextmenu", "onUpdateLine"])) : (openBlock(), createBlock(_component_LegendItem, mergeProps({
-                          key: 1,
-                          line,
-                          paramsNameMap: $options.paramsNameMap
-                        }, { ref_for: true }, _ctx.$props, {
-                          onContextmenu: withModifiers(($event) => $options.showContextMenu($event, line), ["prevent"]),
-                          onUpdateLine: $options.upsertLine
-                        }), null, 16, ["line", "paramsNameMap", "onContextmenu", "onUpdateLine"]))
-                      ]);
-                    }), 128))
-                  ]),
-                  _: 2
-                }, 1032, ["modelValue", "onUpdate:modelValue", "onStart", "onEnd", "style"])
-              ], 46, _hoisted_4$3),
-              $props.isKdCurveV2 ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
-                renderSlot(_ctx.$slots, `content-${lane.laneId}`, { lane }, void 0, true)
-              ])) : createCommentVNode("", true),
-              index2 < $data.currentTemplate.lanes.length - 1 ? (openBlock(), createElementBlock("div", {
-                key: 1,
-                class: "kd-lane-resize-handle kd-lane-resize-handle-right",
-                onMousedown: ($event) => $options.startResize($event, lane, "right")
-              }, null, 40, _hoisted_6$2)) : createCommentVNode("", true)
-            ], 64))
-          ], 14, _hoisted_1$6);
-        }), 128))
-      ]),
-      _: 3
-    }, 8, ["onStart", "onEnd", "modelValue"])) : (openBlock(), createElementBlock("div", _hoisted_7$2, [
+    $data.currentTemplate && $data.currentTemplate.lanes && $data.currentTemplate.lanes.length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList($options.fixedLanes, (lane, index2) => {
+        return openBlock(), createElementBlock("div", {
+          key: lane.laneId,
+          id: `lane-header-${lane.laneId}`,
+          class: normalizeClass([
+            _ctx.$slots[`lane${lane.laneId}`] ? "kd-lane-chart-lane-slot-container" : "kd-lane-chart-lane-container",
+            {
+              "border-left": _ctx.$slots[`lane${lane.laneId}`] ? $props.isKdCurveV2 || !$props.isKdCurveV2 && index2 !== 0 : !$props.isKdCurveV2 && index2 !== 0,
+              "border-top": _ctx.$slots[`lane${lane.laneId}`] && $props.isKdCurveV2,
+              "border-right": _ctx.$slots[`lane${lane.laneId}`] && $props.isKdCurveV2
+            }
+          ]),
+          "lane-id": lane.laneId,
+          style: normalizeStyle({
+            ...$options.laneContainerStyle(
+              lane,
+              _ctx.$slots[`lane${lane.laneId}`] ? "slot" : "lane"
+            ),
+            paddingBottom: $data.scrollbarHeight + "px"
+          }),
+          ref_for: true,
+          ref: "refLaneDiv"
+        }, [
+          _ctx.$slots[`lane${lane.laneId}`] ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createElementVNode("div", {
+              class: normalizeClass(["kd-lane-chart-lane-header", { "border-bottom": true }]),
+              style: normalizeStyle($options.slotHeaderStyle)
+            }, [
+              renderSlot(_ctx.$slots, `lane${lane.laneId}`, { lane }, void 0, true)
+            ], 4),
+            $props.isKdCurveV2 ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
+              renderSlot(_ctx.$slots, `slotheader-content-${lane.laneId}`, { lane }, void 0, true)
+            ])) : createCommentVNode("", true),
+            index2 < $options.fixedLanes.length - 1 || $options.scrollableLanes.length > 0 ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: "kd-lane-resize-handle kd-lane-resize-handle-right",
+              onMousedown: ($event) => $options.startResize($event, lane, "right")
+            }, null, 40, _hoisted_3$4)) : createCommentVNode("", true)
+          ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createElementVNode("div", {
+              class: normalizeClass(["kd-lane-chart-lane-header", {
+                "border-bottom": !$props.isKdCurveV2,
+                "kd-lane-chart-lane-header-isKdCurveV2": $props.isKdCurveV2
+              }]),
+              style: normalizeStyle($options.getLaneHeaderStyle(lane)),
+              onContextmenu: withModifiers(($event) => $options.showContextMenu($event, lane), ["prevent"])
+            }, [
+              createVNode(_component_VueDraggable, {
+                modelValue: lane.lines,
+                "onUpdate:modelValue": ($event) => lane.lines = $event,
+                animation: 200,
+                fallbackOnBody: true,
+                swapThreshold: 0.65,
+                group: { name: "lineGroup", pull: true, put: ["lineGroup"] },
+                onStart: $options.onLineDragStart,
+                onEnd: $options.onLineDragEnd,
+                class: "header-list-gap",
+                style: normalizeStyle({
+                  gap: ($props.isKdCurveV2 ? $props.currentHeaderStyle.itemGap : $props.itemGap) + "px"
+                }),
+                "item-key": "lineId",
+                filter: ".no-drag"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(lane.lines || [], (line) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: line.lineId,
+                      class: normalizeClass({ "no-drag": line.canDrag === false })
+                    }, [
+                      !line.hasOwnProperty("recommendParamId") ? (openBlock(), createBlock(_component_HeaderItem, mergeProps({
+                        key: 0,
+                        line,
+                        paramsNameMap: $options.paramsNameMap
+                      }, { ref_for: true }, _ctx.$props, {
+                        onContextmenu: withModifiers(($event) => $options.showContextMenu($event, line), ["prevent"]),
+                        onUpdateLine: $options.upsertLine
+                      }), null, 16, ["line", "paramsNameMap", "onContextmenu", "onUpdateLine"])) : (openBlock(), createBlock(_component_LegendItem, mergeProps({
+                        key: 1,
+                        line,
+                        paramsNameMap: $options.paramsNameMap
+                      }, { ref_for: true }, _ctx.$props, {
+                        onContextmenu: withModifiers(($event) => $options.showContextMenu($event, line), ["prevent"]),
+                        onUpdateLine: $options.upsertLine
+                      }), null, 16, ["line", "paramsNameMap", "onContextmenu", "onUpdateLine"]))
+                    ], 2);
+                  }), 128))
+                ]),
+                _: 2
+              }, 1032, ["modelValue", "onUpdate:modelValue", "onStart", "onEnd", "style"])
+            ], 46, _hoisted_4$4),
+            $props.isKdCurveV2 ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
+              renderSlot(_ctx.$slots, `content-${lane.laneId}`, { lane }, void 0, true)
+            ])) : createCommentVNode("", true),
+            index2 < $options.fixedLanes.length - 1 || $options.scrollableLanes.length > 0 ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: "kd-lane-resize-handle kd-lane-resize-handle-right",
+              onMousedown: ($event) => $options.startResize($event, lane, "right")
+            }, null, 40, _hoisted_6$3)) : createCommentVNode("", true)
+          ], 64))
+        ], 14, _hoisted_1$6);
+      }), 128)),
+      createVNode(_component_VueDraggable, {
+        class: "kd-lane-chart-scroll-content",
+        onStart: $options.onLaneDragStart,
+        onEnd: $options.onLaneDragEnd,
+        modelValue: $options.scrollableLanes,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $options.scrollableLanes = $event),
+        animation: 200,
+        fallbackOnBody: true,
+        swapThreshold: 0.65,
+        group: { name: "laneGroup", pull: false, put: false },
+        "item-key": "laneId",
+        filter: ".no-drag"
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($options.scrollableLanes || [], (lane, index2) => {
+            return openBlock(), createElementBlock("div", {
+              key: lane.laneId,
+              id: `lane-header-${lane.laneId}`,
+              class: normalizeClass([
+                _ctx.$slots[`lane${lane.laneId}`] ? "kd-lane-chart-lane-slot-container" : "kd-lane-chart-lane-container",
+                {
+                  "no-drag": lane.canDrag === false,
+                  "border-left": _ctx.$slots[`lane${lane.laneId}`] ? $props.isKdCurveV2 || !$props.isKdCurveV2 && (index2 !== 0 || $options.fixedLanes.length > 0) : !$props.isKdCurveV2 && (index2 !== 0 || $options.fixedLanes.length > 0),
+                  "border-top": _ctx.$slots[`lane${lane.laneId}`] && $props.isKdCurveV2,
+                  "border-right": _ctx.$slots[`lane${lane.laneId}`] && $props.isKdCurveV2
+                }
+              ]),
+              "lane-id": lane.laneId,
+              style: normalizeStyle(
+                $options.laneContainerStyle(
+                  lane,
+                  _ctx.$slots[`lane${lane.laneId}`] ? "slot" : "lane"
+                )
+              ),
+              ref_for: true,
+              ref: "refLaneDiv"
+            }, [
+              _ctx.$slots[`lane${lane.laneId}`] ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createElementVNode("div", {
+                  class: normalizeClass(["kd-lane-chart-lane-header", { "border-bottom": true }]),
+                  style: normalizeStyle($options.slotHeaderStyle)
+                }, [
+                  renderSlot(_ctx.$slots, `lane${lane.laneId}`, { lane }, void 0, true)
+                ], 4),
+                index2 < $options.scrollableLanes.length - 1 ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: "kd-lane-resize-handle kd-lane-resize-handle-right",
+                  onMousedown: ($event) => $options.startResize($event, lane, "right")
+                }, null, 40, _hoisted_8$1)) : createCommentVNode("", true),
+                $props.isKdCurveV2 ? (openBlock(), createElementBlock("div", _hoisted_9$1, [
+                  renderSlot(_ctx.$slots, `slotheader-content-${lane.laneId}`, { lane }, void 0, true)
+                ])) : createCommentVNode("", true)
+              ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createElementVNode("div", {
+                  class: normalizeClass(["kd-lane-chart-lane-header", {
+                    "border-bottom": !$props.isKdCurveV2,
+                    "kd-lane-chart-lane-header-isKdCurveV2": $props.isKdCurveV2
+                  }]),
+                  style: normalizeStyle($options.getLaneHeaderStyle(lane)),
+                  onContextmenu: withModifiers(($event) => $options.showContextMenu($event, lane), ["prevent"])
+                }, [
+                  createVNode(_component_VueDraggable, {
+                    modelValue: lane.lines,
+                    "onUpdate:modelValue": ($event) => lane.lines = $event,
+                    animation: 200,
+                    fallbackOnBody: true,
+                    swapThreshold: 0.65,
+                    group: { name: "lineGroup", pull: true, put: ["lineGroup"] },
+                    onStart: $options.onLineDragStart,
+                    onEnd: $options.onLineDragEnd,
+                    class: "header-list-gap",
+                    style: normalizeStyle({
+                      gap: ($props.isKdCurveV2 ? $props.currentHeaderStyle.itemGap : $props.itemGap) + "px"
+                    }),
+                    "item-key": "lineId",
+                    filter: ".no-drag"
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(lane.lines || [], (line) => {
+                        return openBlock(), createElementBlock("div", {
+                          key: line.lineId,
+                          class: normalizeClass({ "no-drag": line.canDrag === false })
+                        }, [
+                          !line.hasOwnProperty("recommendParamId") ? (openBlock(), createBlock(_component_HeaderItem, mergeProps({
+                            key: 0,
+                            line,
+                            paramsNameMap: $options.paramsNameMap
+                          }, { ref_for: true }, _ctx.$props, {
+                            onContextmenu: withModifiers(($event) => $options.showContextMenu($event, line), ["prevent"]),
+                            onUpdateLine: $options.upsertLine
+                          }), null, 16, ["line", "paramsNameMap", "onContextmenu", "onUpdateLine"])) : (openBlock(), createBlock(_component_LegendItem, mergeProps({
+                            key: 1,
+                            line,
+                            paramsNameMap: $options.paramsNameMap
+                          }, { ref_for: true }, _ctx.$props, {
+                            onContextmenu: withModifiers(($event) => $options.showContextMenu($event, line), ["prevent"]),
+                            onUpdateLine: $options.upsertLine
+                          }), null, 16, ["line", "paramsNameMap", "onContextmenu", "onUpdateLine"]))
+                        ], 2);
+                      }), 128))
+                    ]),
+                    _: 2
+                  }, 1032, ["modelValue", "onUpdate:modelValue", "onStart", "onEnd", "style"])
+                ], 46, _hoisted_10$1),
+                $props.isKdCurveV2 ? (openBlock(), createElementBlock("div", _hoisted_11$1, [
+                  renderSlot(_ctx.$slots, `content-${lane.laneId}`, { lane }, void 0, true)
+                ])) : createCommentVNode("", true),
+                index2 < $options.scrollableLanes.length - 1 ? (openBlock(), createElementBlock("div", {
+                  key: 1,
+                  class: "kd-lane-resize-handle kd-lane-resize-handle-right",
+                  onMousedown: ($event) => $options.startResize($event, lane, "right")
+                }, null, 40, _hoisted_12$1)) : createCommentVNode("", true)
+              ], 64))
+            ], 14, _hoisted_7$2);
+          }), 128))
+        ]),
+        _: 3
+      }, 8, ["onStart", "onEnd", "modelValue"])
+    ], 64)) : (openBlock(), createElementBlock("div", _hoisted_13$1, [
       createElementVNode("div", {
         class: normalizeClass(["kd-lane-chart-lane-header", { "kd-lane-chart-lane-header-isKdCurveV2": $props.isKdCurveV2 }]),
         style: normalizeStyle($options.headerStyle),
@@ -4140,10 +4341,11 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
       renderSlot(_ctx.$slots, "draw-slot", {}, void 0, true)
     ], 4)) : createCommentVNode("", true),
     createVNode(_component_VueSimpleContextMenu, {
+      parentElement: _ctx.parentElement,
       options: $options.contextMenuOptions,
       ref: "vueSimpleContextMenu",
       onOptionClicked: $options.optionClicked
-    }, null, 8, ["options", "onOptionClicked"]),
+    }, null, 8, ["parentElement", "options", "onOptionClicked"]),
     createVNode(_component_el_dialog, {
       width: "45%",
       modelValue: $data.curveConfigVisible,
@@ -4160,16 +4362,16 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
       "align-center": ""
     }, {
       header: withCtx(() => [
-        createElementVNode("div", _hoisted_8$1, [
+        createElementVNode("div", _hoisted_14$1, [
           _cache[5] || (_cache[5] = createElementVNode("span", { class: "custom-dialog__title" }, "泳道模板设置", -1)),
           createElementVNode("button", {
             class: "custom-dialog__close",
             onClick: _cache[2] || (_cache[2] = (...args) => $options.closeCurveConfigDialog && $options.closeCurveConfigDialog(...args))
-          }, "×")
+          }, " × ")
         ])
       ]),
       footer: withCtx(() => [
-        createElementVNode("div", _hoisted_10$1, [
+        createElementVNode("div", _hoisted_16$1, [
           createVNode(_component_el_button, { onClick: $options.closeCurveConfigDialog }, {
             default: withCtx(() => [..._cache[6] || (_cache[6] = [
               createTextVNode("取消", -1)
@@ -4188,7 +4390,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ]),
       default: withCtx(() => [
-        createElementVNode("div", _hoisted_9$1, [
+        createElementVNode("div", _hoisted_15$1, [
           createVNode(_component_RealTimeCurveConfig, mergeProps({
             ref: "curveConfig",
             inputTempates: $data.treeTemplates,
@@ -4205,7 +4407,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["modelValue", "onClose"])
   ], 544);
 }
-const KdLaneContainerComponent = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-7b18e475"]]);
+const KdLaneContainerComponent = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-423ed0d6"]]);
 const SLIDER_GROUP_ID = "depthSliderGroup";
 function pad2(n) {
   return n < 10 ? "0" + n : "" + n;
@@ -4317,7 +4519,9 @@ const _sfc_main$5 = {
       targetSliderIndex: 0,
       sliderAnimationId: null,
       // 缓存的曲线数据
-      cachedCurveData: []
+      cachedCurveData: [],
+      // 待处理的数据请求信息
+      pendingRequestData: null
     };
   },
   computed: {
@@ -4380,66 +4584,110 @@ const _sfc_main$5 = {
       }
     },
     cachedCurveDatas: {
-      deep: true,
-      immediate: true,
       async handler(newVal) {
-        if (!newVal) return;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
         await this.$nextTick();
-        const data = newVal && newVal.data ? Array.isArray(newVal.data) ? newVal.data : [newVal.data] : [];
-        const direction = newVal.direction || "bottom";
         if (newVal.type === "replace") {
-          let processedData = data.map((item) => {
-            const modeConfig = this.getCurrentModeConfig();
-            if (modeConfig && modeConfig.datas && modeConfig.datas.length > 0) {
-              const xCode = modeConfig.datas[0].xCode || "timestamp";
-              return {
+          this.cachedCurveData = [];
+          let processedData = newVal && newVal.data ? Array.isArray(newVal.data) ? [...newVal.data] : [newVal.data] : [];
+          if (this.formCache.axisType == "time") {
+            const axisKey = ((_c = (_b = (_a = this.getCurrentModeConfig()) == null ? void 0 : _a.datas) == null ? void 0 : _b[0]) == null ? void 0 : _c.xCode) || "timestamp";
+            processedData = processedData.map((item) => ({
+              ...item,
+              [axisKey]: this.toMillisecondTimestamp(item[axisKey] || item.timestamp)
+            }));
+            this.cachedCurveData = processedData;
+          } else {
+            const axisKey = ((_f = (_e = (_d = this.getCurrentModeConfig()) == null ? void 0 : _d.datas) == null ? void 0 : _e[0]) == null ? void 0 : _f.xCode) || "depth";
+            if (processedData[0] && processedData[0].timestamp) {
+              processedData = processedData.map((item) => ({
                 ...item,
-                [xCode]: this.toMillisecondTimestamp(item[xCode] || item.timestamp)
-              };
+                timestamp: this.toMillisecondTimestamp(item.timestamp)
+              }));
+              this.cachedCurveData = this.deduplicateByUniqueKey(this.cachedCurveData, processedData, "timestamp");
+            } else {
+              this.cachedCurveData = this.deduplicateByUniqueKey(this.cachedCurveData, processedData, axisKey);
             }
-            return {
-              ...item,
-              timestamp: this.toMillisecondTimestamp(item.timestamp)
-            };
-          });
-          this.cachedCurveData = processedData;
+          }
           if (this.cachedCurveData.length > 0) {
             this.sliderIndex = this.cachedCurveData.length - 1;
             this.startIndex = Math.max(0, this.cachedCurveData.length - this.windowSize);
             this.targetStartIndex = this.startIndex;
           }
-        } else {
-          let processedData = data.map((item) => {
-            const modeConfig2 = this.getCurrentModeConfig();
-            if (modeConfig2 && modeConfig2.datas && modeConfig2.datas.length > 0) {
-              const xCode = modeConfig2.datas[0].xCode || "timestamp";
-              return {
-                ...item,
-                [xCode]: this.toMillisecondTimestamp(item[xCode] || item.timestamp)
-              };
-            }
-            return {
+          this.renderChart();
+        } else if (newVal.type === "supplementaryData") {
+          let data = newVal && newVal.data ? Array.isArray(newVal.data) ? [...newVal.data] : [newVal.data] : [];
+          this.handleDataLoaded(data);
+        } else if (newVal.type === "updateData") {
+          let data = newVal && newVal.data ? Array.isArray(newVal.data) ? [...newVal.data] : [newVal.data] : [];
+          const axisKey = ((_i = (_h = (_g = this.getCurrentModeConfig()) == null ? void 0 : _g.datas) == null ? void 0 : _h[0]) == null ? void 0 : _i.xCode) || "depth";
+          if (this.formCache.axisType === "depth") {
+            data = data.map((item) => ({
               ...item,
               timestamp: this.toMillisecondTimestamp(item.timestamp)
-            };
-          });
-          const modeConfig = this.getCurrentModeConfig();
-          const uniqueKey = modeConfig && modeConfig.datas && modeConfig.datas.length > 0 ? modeConfig.datas[0].xCode || "timestamp" : "timestamp";
-          if (direction === "top") {
-            const tempData = [...processedData, ...this.cachedCurveData];
-            this.cachedCurveData = this.deduplicateByUniqueKey([], tempData, uniqueKey);
+            }));
+            data.forEach((item) => {
+              const hasTimestamp = item.timestamp !== void 0 && item.timestamp !== null && item.timestamp !== "";
+              if (hasTimestamp) {
+                const matchIndex = this.cachedCurveData.findIndex(
+                  (d) => d[axisKey] == item[axisKey] && d.timestamp == item.timestamp
+                );
+                if (matchIndex > -1) {
+                  this.$set(this.cachedCurveData, matchIndex, {
+                    ...this.cachedCurveData[matchIndex],
+                    ...item
+                  });
+                }
+              } else {
+                const matchIndex = this.cachedCurveData.findIndex(
+                  (d) => d[axisKey] == item[axisKey]
+                );
+                if (matchIndex > -1) {
+                  this.$set(this.cachedCurveData, matchIndex, {
+                    ...this.cachedCurveData[matchIndex],
+                    ...item
+                  });
+                }
+              }
+            });
+            this.renderChart();
+          }
+        } else {
+          let data = newVal && newVal.data ? Array.isArray(newVal.data) ? [...newVal.data] : [newVal.data] : [];
+          const direction = newVal.direction || "bottom";
+          if (this.formCache.axisType == "time") {
+            const axisKey = ((_l = (_k = (_j = this.getCurrentModeConfig()) == null ? void 0 : _j.datas) == null ? void 0 : _k[0]) == null ? void 0 : _l.xCode) || "timestamp";
+            data = data.map((item) => ({
+              ...item,
+              [axisKey]: this.toMillisecondTimestamp(item[axisKey] || item.timestamp)
+            }));
+            this.cachedCurveData = this.deduplicateByUniqueKey(
+              this.cachedCurveData,
+              data,
+              axisKey
+            );
           } else {
-            this.cachedCurveData = this.deduplicateByUniqueKey(this.cachedCurveData, processedData, uniqueKey);
+            data = data.map((item) => ({
+              ...item,
+              timestamp: this.toMillisecondTimestamp(item.timestamp)
+            }));
+            if (direction === "top") {
+              const tempData = [...data, ...this.cachedCurveData];
+              this.cachedCurveData = this.deduplicateByUniqueKey([], tempData, "timestamp");
+            } else {
+              this.cachedCurveData = this.deduplicateByUniqueKey(this.cachedCurveData, data, "timestamp");
+            }
           }
+          if (this.cachedCurveData.length > 0) {
+            this.sliderIndex = this.cachedCurveData.length - 1;
+            this.startIndex = Math.max(0, this.cachedCurveData.length - this.windowSize);
+            this.targetStartIndex = this.startIndex;
+          }
+          this.renderChart();
         }
-        console.log(this.cachedCurveData, "cachedCurveData");
-        if (this.cachedCurveData.length > 0 && newVal.type !== "replace") {
-          this.sliderIndex = this.cachedCurveData.length - 1;
-          this.startIndex = Math.max(0, this.cachedCurveData.length - this.windowSize);
-          this.targetStartIndex = this.startIndex;
-        }
-        this.renderChart();
-      }
+      },
+      immediate: true,
+      deep: true
     },
     depthTimeChartData: {
       deep: true,
@@ -4507,6 +4755,81 @@ const _sfc_main$5 = {
       if (!this.mode) return null;
       return this.depthTimeChartData.find((item) => item.mode === this.mode);
     },
+    handleDataLoaded(newData) {
+      var _a, _b, _c;
+      if (!this.pendingRequestData) {
+        return;
+      }
+      const { showLastValue, axisType, startValue } = this.pendingRequestData;
+      const axisKey = ((_c = (_b = (_a = this.getCurrentModeConfig()) == null ? void 0 : _a.datas) == null ? void 0 : _b[0]) == null ? void 0 : _c.xCode) || (axisType === "time" ? "timestamp" : "depth");
+      const existingKeys = new Set(
+        this.cachedCurveData.map((item) => item[axisKey])
+      );
+      const newItems = newData.filter(
+        (item) => !existingKeys.has(item[axisKey])
+      );
+      this.cachedCurveData = [...this.cachedCurveData, ...newItems];
+      if (axisType === "depth") {
+        if (this.cachedCurveData[0] && this.cachedCurveData[0].timestamp) {
+          this.cachedCurveData.sort((a, b) => {
+            const timestampA = this.toMillisecondTimestamp(a.timestamp);
+            const timestampB = this.toMillisecondTimestamp(b.timestamp);
+            return timestampA - timestampB;
+          });
+        } else {
+          this.cachedCurveData.sort((a, b) => {
+            const valA = Number(a[axisKey]);
+            const valB = Number(b[axisKey]);
+            return valA - valB;
+          });
+        }
+      } else {
+        this.cachedCurveData.sort((a, b) => {
+          const valA = Number(a[axisKey]);
+          const valB = Number(b[axisKey]);
+          return valA - valB;
+        });
+      }
+      let targetStartValue = Number(startValue);
+      if (axisType !== "depth") {
+        const str = String(targetStartValue);
+        if (str.length < 13 && targetStartValue < 1e12) {
+          targetStartValue = targetStartValue * 1e3;
+        }
+      }
+      let startIndex = 0;
+      for (let i = 0; i < this.cachedCurveData.length; i++) {
+        let itemValue = Number(this.cachedCurveData[i][axisKey]);
+        if (axisType !== "depth") {
+          const str = String(itemValue);
+          if (str.length < 13 && itemValue < 1e12) {
+            itemValue = itemValue * 1e3;
+          }
+        }
+        if (itemValue <= targetStartValue) {
+          startIndex = i;
+        }
+      }
+      let targetEndValue = Number(showLastValue);
+      if (axisType !== "depth") {
+        const str = String(targetEndValue);
+        if (str.length < 13 && targetEndValue < 1e12) {
+          targetEndValue = targetEndValue * 1e3;
+        }
+      }
+      const endIndex = this.cachedCurveData.findIndex(
+        (item, index2) => index2 >= startIndex && Number(item[axisKey]) >= targetEndValue
+      );
+      const actualEndIndex = endIndex === -1 ? this.cachedCurveData.length : endIndex;
+      const newWindowSize = actualEndIndex - startIndex;
+      this.startIndex = startIndex;
+      this.windowSize = Math.max(1, newWindowSize);
+      this.$emit("loadingChange", false);
+      this.pendingRequestData = null;
+      this.$nextTick(() => {
+        this.renderChart();
+      });
+    },
     deduplicateByUniqueKey(existingData, newData, uniqueKey) {
       const newDataArr = Array.isArray(newData) ? newData : [newData];
       let resultData = JSON.parse(JSON.stringify(existingData));
@@ -5343,16 +5666,16 @@ const _hoisted_1$5 = {
   ref: "wrap"
 };
 const _hoisted_2$4 = { class: "header" };
-const _hoisted_3$2 = {
+const _hoisted_3$3 = {
   class: "chart-wrap",
   ref: "chartWrap"
 };
-const _hoisted_4$2 = {
+const _hoisted_4$3 = {
   ref: "chart",
   class: "chart"
 };
-const _hoisted_5$1 = { class: "label-card" };
-const _hoisted_6$1 = { class: "label-row" };
+const _hoisted_5$2 = { class: "label-card" };
+const _hoisted_6$2 = { class: "label-row" };
 const _hoisted_7$1 = { class: "label-row" };
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_radio = resolveComponent("el-radio");
@@ -5381,14 +5704,14 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       }, 8, ["modelValue", "onChange"])
     ]),
-    createElementVNode("div", _hoisted_3$2, [
-      createElementVNode("div", _hoisted_4$2, null, 512),
+    createElementVNode("div", _hoisted_3$3, [
+      createElementVNode("div", _hoisted_4$3, null, 512),
       withDirectives(createElementVNode("div", {
         class: "label-float",
         style: normalizeStyle($options.labelFloatStyle)
       }, [
-        createElementVNode("div", _hoisted_5$1, [
-          createElementVNode("div", _hoisted_6$1, toDisplayString($data.labelPos.line1), 1),
+        createElementVNode("div", _hoisted_5$2, [
+          createElementVNode("div", _hoisted_6$2, toDisplayString($data.labelPos.line1), 1),
           createElementVNode("div", _hoisted_7$1, toDisplayString($data.labelPos.line2), 1)
         ])
       ], 4), [
@@ -5397,7 +5720,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     ], 512)
   ], 512);
 }
-const DepthTimeChart = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-e57d23f3"]]);
+const DepthTimeChart = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-b2c14c77"]]);
 const curveExportIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAH+ElEQVRo3u1ZTWxU1xX+zpuxsRvbWLEBx6mFIcEOTWkChYZ00abdgNRKDVJRi1pVTvHYRCy6qsKilbLMoot0YRV7jGRVipSGLpAapV1UqRsSKKi0iAK1cRxIY4gJGNvEP2PPvPN1ce/7sz1vxsbTRJWvNPZ77/68c+4595zvOw9Ya2ttrZWySb6Ow4ePbpaE2/aZC0hOpNPdv17uvGS+DsfR5rqqzMtfb/mYpAhA8yKxF7aREO8ZCTF7RX/fRBjqQ2SNxXNNn3c9M5/E21eabgBYPcUAoK5qFt95+jogQtDal4SRx5ee9o+AntD0nYGEGHXJhc5CowhsV9AvQpC4+2mlvH2laUWWjlWMANSTmOaBEZlUK7kg2OHoXEb6fQUFBAGSYq2DxR7gr8iVunCsYkYAaye1LwRACAhS4Pullc9orhRxHNBIbcaSIg5A164jECrtYuKpJyICKmnfvWK9irCY0riL3T2NKMjIOSMhAoE4pGpo9wEhCQ25oQZC0z++YubZGzyAXvGKCUAIoSoiDmi2WBjspBFbBFS1ziNKqj1DDDbIuiTsCkHgEIAKEQdUNxxMCFVKaVwRANUeL5ciDhjdxpBrGnPRWNQ7jcG9hiOm9QCliJhdspthn3kvkRKdseFPauWl158rKu8t6JcC+VIKrCkPmv/yKjY09O/3WlpaajNZ5zNGELoGo9ba/yUI/umLL7YmcjwWfpZOH38hfJ9Kdb4EyBOlFZF30+nun69a8Ejk0LChZrrtW9s/IAC8cX6HAHghmsBl/7e/9ME366umJQyOF4LbhdfhZx7OFCwG19Nz5XjrUusNAKunGABUV8xh1+ZbAoBvnN+x5Jhtm+5i64Z7DGN6WpgoQpICkbAOhox4ORsWUNODVhQLsYTjMxV461JrCSCVwWtLgtxQAhdVH9xa+BieY4BK1Eq0KnkYw6rovdWCZH2ASF8QeQRIYmnlPPRrhQ8PIumxnRC8ChRkwFYkglKi1i2RYkY+iQs/1JB5VMUHyZ4itKiSFB+EGQWFHswKzl/g1D7+XH3FyIUccJFFGcBHQwS4RJAgNFjHWMbCegkzJMv9PABaStoiZIHlrQ+64egHgGqCwOLzFXiwUKChMkLWdcR1HSQcMplwA0dfddpCD5XnN5kSomavSZp7n9AwoD9hET2eNj5Tiau3GjB0e4OM3q/B9FxZBkBGRJLliVzVww/NSKkshkIGM/Q44q5+RCTF5yXhNjb1EN659rhcGmmcUMrrFL5Z5jgXe9PHb3pjfnL0aN38ZNmXKdxdIleMj04MOcyCSlNkW7y+M8Nb0T/QMpF1E686jr7am+6eXGrd33Z1jQH4q/2VgGiSsfRIlUIb1gih2IDil99sMHA1wVMXn5IrNxv/lkzg+729gXVK0QoVc2iSL2Njh7oe7aWJjH6yDpz09xd2yuDtTX/KZTMHetN9mVKD4AIskiAIt0A+IUgloWpU8YpMqhAl8d77j8ngaEN/bn7uQF9fvFKp1JF97e3tXyypYgzXcWNs5inkxX5V+qWM0cn1OH2tZYKaaCuklF3vCXGSp9vajjSX1mLWEnGQiwz/N9DBuz89tA05dV4+caLrw2KFmqr6tDmxjmc7Oo4+UxqLGYELWiyIgLQuSAHIjydrZPCTR25ns3PdyxFqvO4eLu260JBz5vtTqSP7SmAxPwnHAw/rjuFzpgQGRhsJoK84F1yQ6+ru4p+7/l6RTWZPtbd3fm/VFVMvGsQgD4aCBmwgoUKG72wUunhzpe40UTuGc197tyLzhdlThq2vLh+DUiQuz6lf3wzm5Sgcm65xh4cHzoXHt3d2/oB0KmJeujec/GcqZ3D+6bPYfXHvK4dTnVUn0t2/XKUEHU64+YZ4Xy58CoL7MxXiqtzo7+/PRU2M4xOb79Sqox6nBD2GQJNe7tdO2gK6gFDMVszg7M53sPPqnl+0d3Q25+bnUoXcu2DtXjWe8all0I6lJ/ZzEefcpIhwaqk5/9l9HdlkDlQXqgpVQlXB0DXU5wAAFPPl8zj35BnsvvrMjzdNbKxva2uLzYlOIawY4ckxA1UhrkIIv5aQf45IiDlLLA71xxNQx8X57WfwUd3I/rKydX88ePBg1YrRvRYB7tX7lmvLMyBQWZYBIQ3xErOIwmDkAykq5yuxfmY9ALx78uTJqZVFRQJUQ8pixzBA+V6doyKZkcrkXMOhQx31+TVbSPVkiSHBs6rZajx7+Ruonqk+li4QRAqVBiK0JF9UND+/NEjAgOKGmnHJZBv2AXgtPGfHH3bmtxWBm00f4f1tgxEF6ybqsevynkwyW9aW7u3+3QNixUDwuDzm1eiMWwY5bWvdCAD8MPJCYXMy69SW5fkls4ljjkbFqr+3EXv+9exUWa78+d4ilCqGtsDVRfWKJdIBfEoqtqZIAFsevoV1Zdn9HR0dj/X09AwDQE9Pz2Q8uu+MRLpHbzVh++COUXGd76Z7f3Nh1ZBHAeARKXhSTTVKbZQsT2b5VOO1BCG/Wgny2Hr9cTw58JUbyCX39i5DqYIWG5+txl+GvhpLof8x0ioDt5sXebB39HPqAJDnU6kjP0qnj79W1JcSCrYNtqLpwy2XEw72p3u6ls228yqWzc4OilS2XbuzJe9nGQFeGZl4pK+YTzrqaK5YoRpHHoW4iT9PTowdiAvphd75uWqpVOfPIHguOz93aCWsYBkl7v9tU02eGh6+0rUIY661tbbWPlftv9DKUDsQUF/KAAAAAElFTkSuQmCC";
 const depthSlotIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAFnUlEQVRo3u1ZTWxUVRT+zptOp51pZZpOaWlGCgIFFIRgiCsNJi6MbFyyMRqgPygmJhrXNbJgQQQTSf9mGhaEuGkCK/9iMkhAoxAoJCIBTZEWO0Ch03ZsZzpzPxf3venr0JoZ7LzOkJ7Mz3v3vfvuO/ec7zvn3Assy7IUhUihB9h74MBGI8099jblkq/6OjtvFHLcskIrZii1KVFZ3zEW2AEFYc39S1KRiF4BUNqKAUCiciVGVr/BFAWVk0OoSEQLPqbhlM/TYYyVOYVkIUUc1M5w0lxOquaMYiJOEPBSWIyAOAszZzAGcdgRHWNFghDSQasZTllMtH7ylJEHtameOlZ0Ojo7mXmIw4oVhBX3t7YdFYofAKiwJlstUXKwpaX9LZNWpm/dvPFBJBJJlQDdy/SUf/07sYadUIRMe2ppUX501at8UPPi6wrCVdHzqI7/+cViK1UwV2Ta1eWJD6cnA1sQq9+J+Ip10PQhjK1oxr2VL3PUv1W8U8MJqPThksFYOHz8tjEzddI/9CMIzYRCiGYR7ZYN939CWTp5OhQKRUuKPETUIf/dCwKmrcxD/5NiqBSCIz8gnebhQo1fMMV6enr+cM2Mf+OPXhKQYo9hDdFzUp4cP93X1z1QknQvNA7X3vkeAkUb77Mheh5KyZGSjWO9vZ1ny6ceRKpHr4mFrZqH11AxHb0YDnedL+kALcCXtX+fy6QfwTtfCxQOlXzZcvPm72c2bMAtX+zWOkVIZXzoSijUfaYoFGtpbTsHSNCW+k2Gerq25tI3Eomkmps3H2q4892JtOEBRbryymJa2i6L6CwGABQ5FO7tfmWRLCbB4e0H18x4/JR0AmsvHZkguSXXl4vH4wOfHz02CvzDAx9/djHU3Zlz3/b299b98vwn1akyL8uTY9hx/ejiumKqws9UeY1IetqKsp5c+/p8Pqysq+t3u90TgUAA+fQFgOmKWqZclQAphcGYCJ+0Btm9+81T/68ykLwWF3JXjBRrVeZJJBgMThZ1PeZ0XWWbVAhyd8WcFdPJrCxFMZyZTiuhXlTFBBSQsiQWM6dTCkIeIoQImMfDF00tMb1FCmCxDNU6uuw564jMEwRGXhYDl8gTTQgULI7Neryrv7+/2SF0uSxXLGASLKQYmPI1es9cuH4qC9vZh/PAP7tBSBNFgPYIZo2HykYBXHknBnkGaJAuD/566SOCEEUCYpCk0HxJQodxmqGBBGjjaWUeZt2n+ypo7jWXEJR1TT9Y8KSZx7597zcZhlpjnacNNdbXbZbvIpxT4pMZIuFjFtEvlsGlxWqKIqAo61kwUzTqPU+xlnvMiZpdBNIK20fY29a2zaWM2axfGYPh8PHb8yomrvS7SV+yY6YqASPpQsVDbwTAawDgiQ1KmXsUFGtKYR0DJDQIRO+qMONSYk22FV0tyiZpntC0GoUwiDl9xTI4QIo7OT7LekqOxXwPdyVdM/AmfPAmfR0APl3QFR+tH0V02136Rqrw3Lcbreaf6387OYgiEAWMWMfXmgZw75koNw+9gE3DW3LAmJmWiWBXS2u7uVGCohAB0NLavkd7DCkLJEMLkkd81QQH3r4IpikUkiSgIAqk/sz9AgCVdiwqitlGRQWLAax2ivZdKgqhn23vk7kP5lWTPZTKjDPnes4BWgzR9xMCYxa0NFGdsaoZXAQi9nOdfmnwiBV/aO7+yQIxQfuITtnEgl0mOTD/ZJ5uMm/RUTY/sxOVj7xo/PVZ2MBsiz8UW2zK8JW1vWe7D8w6N3/tHKe3BZkV4Gy5r/VS2VH6atNlxLxjecQxQlwJF6pGqq4AxocoSlHH3Kny7cT8rviYYr6RKtSjEe7JchAyFurtPFuMau1vaR9bfb+JgYk6BMbr/lsxoUR80eoOX7TaKhcGUaRCkROrH6yN2N8dy7IsxSf/Avx35qhCwuXeAAAAAElFTkSuQmCC";
 const refreshIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAJgklEQVRo3u1aaVRURxbOj/yYHzknc04E3JClwY1RxyW4EBmXMC5xdIwh4MkEkO5+rxskioqAMJIIykQEFdmCERoaxA0XUIlBwCUmIWJwy5hojGbIDBkzkahRQObcO/dW92PR0BBFWh3eOd+pevXqVd3v3Vu37q3uZ57puXqu/79LluWpTyUxraRDrVaOnTRp0rNPHbHEmNeJnK4iIEDn+FQR++8nA6Eo/Y8YpJdqJUl65akh1vTxQLhLOF/ojuFL/Nk0EwICAn7zxJBgU9PI8hwSPFyS5PVkftlMrOEjV2w84QqM6+VDYeOqeWyanzzWpqnR60cLEpLuypK3FuCm2Hm4I3k6lGROwSMGTzya4wn1x12xgUg1fORCcBXg50F6bR0RnPd4mZhWN01DDiFyqR/uTfOCb4pHEAEXuHPMBVuXltq+2jsKwkPZNHWbrG6abD6kndKoZW/iCeMEvHXUFW4fdUESFBQo91w2455non5MBXXlgyBuxXzUSPJJb2/v56ylpTfIs93anzEFbla44s9HVdAGR1R4i6Dc325+5oI//0L7jQoXLEzxAlmWatgCrERKjo1c4geX9g0HEr4ZNysEmTb1m0fub1Pqyn3NQTd8N9oHSFMlOp2un3UcBDmH+BW+UPvBIBLOGW6Uq/BGuTNyyfckLPxUroIzO0ZDwYZpsPav3ric1k5IsEZA6W/q6wyV+e64OCSwSZJ0UVaLSDSSLiYucj5c+9CVCDnfh/+UukBx+mSMWOIn1gn3V1N8qFYHO9Bm/Dy7+5/KnAWul6kgP2k6kPZr1Gqdh9UcBUcJyxf749XiISSYE9S1xmFnrN4+EgQhra6Y+o5tb4Pmd68WDcHYSF+l7/NW9H4BvSkyr/28YCReP+wEP5Y6ibLOjMJNU5CfqyX9Kx1FHscNY8kk1fWkzaVW36fI/jdnvTsTfyx1ZFJgKh3hOtW3b3gZtZJ8gc2tMyEVaenSgnY02t051IhQiiK+L6E19KGjwA+HnJDLgxkvIUcZGo3GrlNrVKvbaVXTu8dhbN6VPBl/OOQI1z5wFCXjy91DQafT1pOgqicuGqe19Vs9CX+lyJVIOcC/SxyRyFHpgEkxczkyX/REphmSpPdfGz0PiQh8zzjogLWEqvwRwGulMzEd9+FIgj+CRtIHc93qsSDtRcb96ROI0ACobYXU2Fkdaos3WzLjKI0UVOcbloRzYgpwzso89KF6oBxSx8+sRpAdQ3XBUPzXgQGg4LtiBwgJUqMlh8ECU/pS4hu+ETwza8A9px7H5DTCKEMj/J4wOuMaeIdtRO7T7eS8g4KeC9Zr8LviAfjP/fbA4PpnxmEUVejOdRBLpvtGpqBH7m0Yl1sP7rkNMCanwUQsuxGGZzXi77Y0wKvhqfSBdJu713FI0uCI0L9ATTETasH+tPEcrBotbQ8LFoahZ+5N8Mi9g4JYTguxEURsWPZdcNtC5DJvgn9wGAYG6gd1GzGO31aFv441Rf2hpshe4B9UL0iaxBqLtxT5v7q6ECbm3QEPYz2MNzaYNGaox1HZDcimOIw05pZ1F4ZsaYLpbxeCpfEeQWqi/0NchDd+u68/COztjwQwrpvCgsRY2ISLZyZXCWITiFiLxhphpHmNCY2ZiY1PPC3SlXbH0/C5CZ2X/AIC9Q+gaQ573g7zgat7+sFVInR1bz+4sqc/bkvypIhcn2AhAS2dkXIGJhrvIBMbf88aazZFM7GxSed566iwlCatj/kTFqWMg30p40TJWLbIDx8oNFOr1S788hUi9s3ufkoJB9Je5FRjjwVi2bMTykymSGusmZihAUe10VgjDtlyFybFHwNLDkSjlXeWpI8Bnr+1LGGL38QHinp4HyJH0HRxl70gdLmwH17e3RdOGgcCbwPtCiLLPm+EJaCyxsYZW2usAUfcY4qvkdu3dDpFAXbNSeMgIYMix8Wd9sCyPXBiym792BY3uLSrL35NuFzYFxhL3/Jr15PxZBztz9xQiR7KGrvPFBsFMc+1n/J6PdfeXsZriK3ma9P8IEqa/zjJ1NGW0+ExwNZ1E5lYK/SBzNUvixPc9he8frRaXlg/bWMVmyK2dveKKU5cV4Xch/tacGAJ76+Zipd29kWeV5EhL4HXuW7TQ2XN0ct8SfV94OKOPvgVgeuVBhe27zoOki1tF2yyPrRReyV9hh4ZNTgh7VucvK4SX1ueLPIyS6Q4udXTIerJXGdQ5lWwcpkPPtRJljneq63MceHBBb7c3gcZqavEeUV6RwEwuWs1bwFMhE1Uy3Vq6yiU4rEz4rya51VwImsgm2HtQ4divGetj5mJF7b1JkK9QcHpPHsMDfFH3mcexfkKr+Oz+f2b57tgRlqsF6opCOiSnIzN7uMsFf69oDcTBC4JUJE5mJPNW115ykTnih46WVt/+D03mseO5zLPZ0faUiE/62zG3hmtLV0T+Wc8v9UOv6AJvthK4JImPbBpODK5rji9ZU1RYnvrQMrwtnOZ54uLmItdeggkXLhWrt6e6A7n823hXL4dnsuzw/P5dkACwKG0oSazJC/6ILbP5/TsZUND/JpKUt1QjE/gsRVsW+dODkeu7vI0h/ct1kxp+mA4l2cLZ4nY2TxbFkDUP80eAGujZvEXreUk1JLHbG3mWlkO53cSo2dCZbY9jWfbPD6XfH8obQiwCT6y8xU2t0UL/ZuOZtIRdq4tnjGyALZAJZMU9bIMV0iMnmFaCxQDcuQuPCP9CMigs0d/zgD4WZBe08R9y9JdxVhiHGPb8Y68p8JFwf5Nj/yHCq1WO4/JlaQMhtMkxOlcG6jOtcHTRNQEvrfFKkMfKE4eBu/HTcSk6BkQHzFbgIlsprZ9G4fhKUNv0b/5XTGeLVab7w+lDgImFRio7Z4fBPnrsUby176In+fYkCA2IMocKg02yGjT1qqPeEZtAq36KPdKncfuKqf0az2YihdzfOQsPJLhwAKzkAKnBLleojyV3Ytgum+BDbQ8Nz8zv1uR4YRx4XOEo+jWzPr+ozU5nLWXHDMVK9IHkHn1gqqsXlglCJHwDIOp5DbRbjC1NdfpWXmaI25Y6UW/AWjFCdZj8ScXjus4YKWvXPfOsrmQ+zd3KEt3gJNMMEsQEPUWvCDaSlOd0BA/Ft4JmwscBFBeFjNfkno9jifHHBvOUZv++nBlYdACjAz1wTURszAhajomrJiOq8NnY9QSbwzWB4pzf+7L7zxRf0PyCw5+gdN3TiT5VJnBLp/bOrPP9Vw9V8/Vc3X79T8J1TZaWjb6HwAAAABJRU5ErkJggg==";
@@ -5853,16 +6176,16 @@ const _hoisted_2$3 = {
   key: 1,
   class: "divider"
 };
-const _hoisted_3$1 = {
+const _hoisted_3$2 = {
   key: 3,
   class: "divider"
 };
-const _hoisted_4$1 = {
+const _hoisted_4$2 = {
   key: 5,
   class: "label"
 };
-const _hoisted_5 = { class: "elTooltipArea" };
-const _hoisted_6 = {
+const _hoisted_5$1 = { class: "elTooltipArea" };
+const _hoisted_6$1 = {
   key: 7,
   class: "label"
 };
@@ -6003,7 +6326,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 1
     }, 8, ["modelValue"])) : createCommentVNode("", true),
-    $props.currentToolBarConfig.realHistoryRadioShow !== false ? (openBlock(), createElementBlock("div", _hoisted_3$1)) : createCommentVNode("", true),
+    $props.currentToolBarConfig.realHistoryRadioShow !== false ? (openBlock(), createElementBlock("div", _hoisted_3$2)) : createCommentVNode("", true),
     $props.currentToolBarConfig.headerFloatRadioShow !== false ? (openBlock(), createBlock(_component_el_radio_group, {
       key: 4,
       modelValue: $data.form.displayType,
@@ -6027,7 +6350,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 1
     }, 8, ["modelValue"])) : createCommentVNode("", true),
-    $props.currentToolBarConfig.scaleSelectShow !== false ? (openBlock(), createElementBlock("div", _hoisted_4$1, "比例尺：")) : createCommentVNode("", true),
+    $props.currentToolBarConfig.scaleSelectShow !== false ? (openBlock(), createElementBlock("div", _hoisted_4$2, "比例尺：")) : createCommentVNode("", true),
     $props.currentToolBarConfig.scaleSelectShow !== false ? (openBlock(), createBlock(_component_el_tooltip, {
       key: 6,
       disabled: $data.form.axisType === "depth",
@@ -6036,7 +6359,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
       effect: "dark"
     }, {
       default: withCtx(() => [
-        createElementVNode("div", _hoisted_5, [
+        createElementVNode("div", _hoisted_5$1, [
           createVNode(_component_el_select, {
             modelValue: $data.form.scale,
             "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => $data.form.scale = $event),
@@ -6061,7 +6384,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 1
     }, 8, ["disabled"])) : createCommentVNode("", true),
-    $props.currentToolBarConfig.timeRangeSelectShow !== false ? (openBlock(), createElementBlock("div", _hoisted_6, "时间范围：")) : createCommentVNode("", true),
+    $props.currentToolBarConfig.timeRangeSelectShow !== false ? (openBlock(), createElementBlock("div", _hoisted_6$1, "时间范围：")) : createCommentVNode("", true),
     $props.currentToolBarConfig.timeRangeSelectShow !== false ? (openBlock(), createBlock(_component_el_tooltip, {
       key: 8,
       disabled: !($data.form.axisType == "depth"),
@@ -6980,21 +7303,103 @@ const _sfc_main$2 = {
     showContextMenuStatus: {
       type: Boolean,
       default: true
-    }
-  },
-  data() {
-    return {
-      laneWidthMap: null,
-      treeTemplates: null,
-      isLoading: false,
-      strategy: null,
-      currentTemplate: {},
-      curveConfigVisible: false,
-      params: [],
-      contextItem: void 0,
-      realTimeData: [],
-      nowTheme: "dark",
-      group: "echartsGroup",
+    },
+    // 缺失数据点右键弹窗配置
+    missingPointMenuConfig: {
+      type: Object,
+      default: () => ({
+        topMenu: [
+          {
+            label: "向下插值",
+            children: [
+              {
+                label: "方式一",
+                canTransfer: true
+              },
+              { label: "方式二", canTransfer: true }
+            ]
+          },
+          {
+            label: "向下拟合",
+            children: [
+              { label: "方式一", canTransfer: true },
+              { label: "方式二", canTransfer: true },
+              { label: "方式三", canTransfer: true }
+            ]
+          }
+        ],
+        bottomMenu: [
+          {
+            label: "向上插值",
+            children: [
+              { label: "方式一", canTransfer: true },
+              { label: "方式二", canTransfer: true }
+            ]
+          },
+          {
+            label: "向上拟合",
+            children: [
+              { label: "方式一", canTransfer: true },
+              { label: "方式二", canTransfer: true },
+              { label: "方式三", canTransfer: true }
+            ]
+          }
+        ]
+      })
+    },
+    // 区块右键弹窗配置（始终自带"删除区块"，无论是否传数据）
+    markAreaMenuConfig: {
+      type: Array,
+      default: () => [
+        {
+          label: "插值计算",
+          children: [
+            {
+              label: "方式一",
+              canTransfer: true
+            },
+            { label: "方式二", canTransfer: true }
+          ]
+        },
+        {
+          label: "拟合计算",
+          children: [
+            { label: "方式一", canTransfer: true },
+            { label: "方式二", canTransfer: true },
+            { label: "方式三", canTransfer: true }
+          ]
+        }
+      ]
+    },
+    // 是否为地应力模式（只有为 true 时才启用泳道选中功能）
+    isGeomechanical: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      laneWidthMap: null,
+      treeTemplates: null,
+      isLoading: false,
+      strategy: null,
+      currentTemplate: {},
+      curveConfigVisible: false,
+      contextMenuVisible: false,
+      contextMenuX: 0,
+      contextMenuY: 0,
+      menuWidth: null,
+      menuHeight: null,
+      currentContextMenuItems: [],
+      currentPointInfo: null,
+      // 当前右键菜单来源：'missingPoint' | 'markArea' | null
+      currentContextMenuType: null,
+      activeSubMenu: null,
+      params: [],
+      contextItem: void 0,
+      realTimeData: [],
+      nowTheme: "dark",
+      group: "echartsGroup",
       isCtrlPressed: false,
       // 是否按住 Ctrl
       startIndex: 0,
@@ -7052,6 +7457,15 @@ const _sfc_main$2 = {
       // 当前线段所有数据的最小值和最大值
       lineRange: {},
       markAreaLineData: [],
+      // 区块选择状态
+      selectedPoints: [],
+      selectedLaneId: null,
+      selectedParamId: null,
+      // 当前选中的泳道ID（只有该泳道显示缺失点、区块、区块点）
+      activeLaneId: null,
+      currentMarkAreaIndex: -1,
+      // 每个泳道的选中点对数组，每对包含两个点形成区块，与 markArea 通过 markAreaId 关联
+      laneSelectedPointPairs: {},
       // 待处理的数据请求信息
       pendingRequestData: null,
       // 按 laneId 收集图表组件引用（避免重复 ref 导致联动失效）
@@ -7082,7 +7496,10 @@ const _sfc_main$2 = {
     };
   },
   mounted() {
-    this.showDateTime = Object.prototype.hasOwnProperty.call(this.currentToolBarConfig, "showDateTime") && this.currentToolBarConfig.showDateTime == true;
+    this.showDateTime = Object.prototype.hasOwnProperty.call(
+      this.currentToolBarConfig,
+      "showDateTime"
+    ) && this.currentToolBarConfig.showDateTime == true;
     window.addEventListener("keydown", this.handleKeyDown);
     window.addEventListener("keyup", this.handleKeyUp);
     this.showTooltip = this.formCache.displayType == "float";
@@ -7114,24 +7531,72 @@ const _sfc_main$2 = {
     getLaneChartContentStyle(laneId) {
       const width = this.laneWidthMap && this.laneWidthMap[laneId];
       const gap = this.currentHeaderStyle.itemGap || 0;
+      const style = {};
       if (width && Number(width) > 0) {
-        return { width: `${width}px`, padding: `0 ${gap}px`, height: "100%" };
+        Object.assign(style, {
+          width: `${width}px`,
+          padding: `0 ${gap}px`,
+          height: "100%"
+        });
+      } else {
+        Object.assign(style, {
+          width: "100%",
+          height: "100%",
+          padding: `0 ${gap}px`,
+          flex: "1"
+        });
+      }
+      if (this.isGeomechanical) {
+        const isActive = this.activeLaneId === laneId;
+        style.boxSizing = "border-box";
+        style.border = isActive ? "1px solid #F86C59" : "1px solid transparent";
       }
-      return { width: "100%", height: "100%", padding: `0 ${gap}px`, flex: "1" };
+      return style;
     },
     setChartRef(laneId, el) {
       if (el) {
+        if (this.chartRefMap[laneId] && this.chartRefMap[laneId].chart) {
+          this.chartRefMap[laneId].chart.getZr().off("contextmenu");
+          this.chartRefMap[laneId].chart.getZr().off("click");
+        }
         this.chartRefMap[laneId] = el;
+        el.chart && el.chart.getZr().on("contextmenu", (e) => this.handleChartRightClick(e, laneId));
+        el.chart && el.chart.getZr().on("click", (e) => this.handleChartClick(e, laneId));
       } else if (this.chartRefMap[laneId]) {
+        this.chartRefMap[laneId].chart && this.chartRefMap[laneId].chart.getZr().off("contextmenu");
+        this.chartRefMap[laneId].chart && this.chartRefMap[laneId].chart.getZr().off("click");
         delete this.chartRefMap[laneId];
       }
     },
+    handleChartInited(laneId, chart) {
+      if (this.chartRefMap[laneId]) {
+        this.chartRefMap[laneId].chart.getZr().off("contextmenu");
+        this.chartRefMap[laneId].chart.getZr().off("click");
+      }
+      chart.getZr().on("contextmenu", (e) => this.handleChartRightClick(e, laneId));
+      chart.getZr().on("click", (e) => this.handleChartClick(e, laneId));
+    },
     getConnectedCharts() {
       return Object.values(this.chartRefMap).map((item) => item == null ? void 0 : item.chart).filter((chart) => chart && !chart.isDisposed());
     },
     getChartRefByLaneId(laneId) {
       return this.chartRefMap[laneId] || null;
     },
+    // 根据 paramId 判断曲线是否可见（isUsed === '1'）
+    isLineVisibleByParamId(paramId) {
+      const lanes = this.currentTemplate && this.currentTemplate.lanes || [];
+      for (let i = 0; i < lanes.length; i++) {
+        const lane = lanes[i];
+        if (!lane.lines) continue;
+        for (let j = 0; j < lane.lines.length; j++) {
+          const lineInfo = lane.lines[j];
+          if (lineInfo.paramId === paramId) {
+            return lineInfo.isUsed === "1";
+          }
+        }
+      }
+      return false;
+    },
     getYValueFromChart(chart, x, y) {
       const option = chart.getOption();
       const gridCount = option.grid && option.grid.length || 1;
@@ -7168,7 +7633,11 @@ const _sfc_main$2 = {
         if (!dom) continue;
         const rect = dom.getBoundingClientRect();
         if (event.clientX >= rect.left && event.clientX <= rect.right && event.clientY >= rect.top && event.clientY <= rect.bottom) {
-          this.syncAxisPointerAcrossCharts(chart, event.clientX - rect.left, event.clientY - rect.top);
+          this.syncAxisPointerAcrossCharts(
+            chart,
+            event.clientX - rect.left,
+            event.clientY - rect.top
+          );
           return;
         }
       }
@@ -7214,11 +7683,15 @@ const _sfc_main$2 = {
       this.headerData = {};
       this.getConnectedCharts().forEach((chart) => {
         chart.dispatchAction({ type: "hideTip" });
-        chart.dispatchAction({ type: "updateAxisPointer", currTrigger: "leave" });
+        chart.dispatchAction({
+          type: "updateAxisPointer",
+          currTrigger: "leave"
+        });
       });
     },
     unbindChartPointerSync() {
-      if (!this._pointerSyncHandlers || this._pointerSyncHandlers.length === 0) return;
+      if (!this._pointerSyncHandlers || this._pointerSyncHandlers.length === 0)
+        return;
       this._pointerSyncHandlers.forEach(({ zr, onMove }) => {
         if (zr) {
           zr.off("mousemove", onMove);
@@ -7275,13 +7748,23 @@ const _sfc_main$2 = {
         if (scaleValues.length === 0) return;
         const minScale = Math.min(...scaleValues);
         const maxScale = Math.max(...scaleValues);
-        this.minWindowSize = Math.round(this.pxToCm() * (+minScale / this.depthInterval));
-        this.maxWindowSize = Math.round(this.pxToCm() * (+maxScale / this.depthInterval));
-        this.updateSettings({ key: "scale", value: this.currentToolBarConfig.form.scale });
+        this.minWindowSize = Math.round(
+          this.pxToCm() * (+minScale / this.depthInterval)
+        );
+        this.maxWindowSize = Math.round(
+          this.pxToCm() * (+maxScale / this.depthInterval)
+        );
+        this.updateSettings({
+          key: "scale",
+          value: this.currentToolBarConfig.form.scale
+        });
       } else {
         this.minWindowSize = 10;
         this.maxWindowSize = 1e6;
-        this.updateSettings({ key: "timeRange", value: this.currentToolBarConfig.form.timeRange });
+        this.updateSettings({
+          key: "timeRange",
+          value: this.currentToolBarConfig.form.timeRange
+        });
       }
       this.startIndex = this.realTimeData.length > this.windowSize ? this.realTimeData.length - this.windowSize : 0;
     },
@@ -7296,7 +7779,8 @@ const _sfc_main$2 = {
       } else {
         targetValue = Number(data.x);
       }
-      if (targetValue === null || targetValue === void 0 || isNaN(targetValue)) return;
+      if (targetValue === null || targetValue === void 0 || isNaN(targetValue))
+        return;
       let targetIndex = -1;
       let minDiff = Infinity;
       for (let i = 0; i < this.realTimeData.length; i++) {
@@ -7404,6 +7888,15 @@ const _sfc_main$2 = {
         });
       }
     },
+    // 判断指定泳道是否应该显示tooltip内容
+    // 地应力模式下：如果没有选中泳道，所有泳道正常显示；如果有选中泳道，只有选中的泳道显示
+    shouldShowTooltipContent(laneId) {
+      if (!this.showTooltip) return false;
+      if (this.isGeomechanical && this.activeLaneId && laneId !== this.activeLaneId) {
+        return false;
+      }
+      return true;
+    },
     // 控制tooltip显示隐藏
     toggleTooltip(enable) {
       if (enable) this.headerData = {};
@@ -7416,7 +7909,7 @@ const _sfc_main$2 = {
         chart.setOption({
           tooltip: {
             ...chart.getOption().tooltip,
-            showContent: enable
+            showContent: this.shouldShowTooltipContent(lane.laneId)
           }
         });
       });
@@ -7508,7 +8001,10 @@ const _sfc_main$2 = {
         const ratio = (anchorIndex - this.startIndex) / this.windowSize;
         const scale = 1 + delta * 0.2;
         let newWindowSize = this.windowSize * scale;
-        newWindowSize = Math.max(this.minWindowSize, Math.min(newWindowSize, dataLength, this.maxWindowSize));
+        newWindowSize = Math.max(
+          this.minWindowSize,
+          Math.min(newWindowSize, dataLength, this.maxWindowSize)
+        );
         this.targetWindowSize = Math.floor(newWindowSize);
         let calcStartIndex = anchorIndex - this.targetWindowSize * ratio;
         this.targetStartIndex = Math.floor(calcStartIndex);
@@ -7521,7 +8017,10 @@ const _sfc_main$2 = {
         }
       }
       const maxStartFinal = Math.max(0, dataLength - this.targetWindowSize);
-      this.targetStartIndex = Math.max(0, Math.min(this.targetStartIndex, maxStartFinal));
+      this.targetStartIndex = Math.max(
+        0,
+        Math.min(this.targetStartIndex, maxStartFinal)
+      );
       this.targetStartIndex = Math.floor(this.targetStartIndex);
       if (Math.abs(this.targetStartIndex - this.startIndex) < 0.5 && Math.abs(this.targetWindowSize - this.windowSize) < 0.5) {
         return;
@@ -7576,7 +8075,9 @@ const _sfc_main$2 = {
           if (this.formCache.axisType === "depth") {
             return Number(((_a = item.data) == null ? void 0 : _a.depth) || item.depth || item);
           } else if (this.formCache.axisType === "time") {
-            return this.toMillisecondTimestamp(((_b = item.data) == null ? void 0 : _b.time) || item.time || item);
+            return this.toMillisecondTimestamp(
+              ((_b = item.data) == null ? void 0 : _b.time) || item.time || item
+            );
           }
           return Number(item);
         }).filter((val) => val !== null && !isNaN(val));
@@ -7677,7 +8178,9 @@ const _sfc_main$2 = {
             }
             if (foundMatch) {
               this.$emit("loadingChange", false);
-              const endIndex = this.realTimeData.findIndex((item, index2) => index2 >= startIndex && Number(item[axisKey]) > endValue);
+              const endIndex = this.realTimeData.findIndex(
+                (item, index2) => index2 >= startIndex && Number(item[axisKey]) > endValue
+              );
               const actualEndIndex = endIndex === -1 ? this.realTimeData.length : endIndex;
               const newWindowSize = actualEndIndex - startIndex;
               this.startIndex = startIndex;
@@ -7738,14 +8241,34 @@ const _sfc_main$2 = {
         this.pendingRequestData = null;
         return;
       }
-      const existingKeys = new Set(this.realTimeData.map((item) => item[axisKey]));
-      const newItems = newData.filter((item) => !existingKeys.has(item[axisKey]));
+      const existingKeys = new Set(
+        this.realTimeData.map((item) => item[axisKey])
+      );
+      const newItems = newData.filter(
+        (item) => !existingKeys.has(item[axisKey])
+      );
       this.realTimeData = [...this.realTimeData, ...newItems];
-      this.realTimeData.sort((a, b) => {
-        const valA = Number(a[axisKey]);
-        const valB = Number(b[axisKey]);
-        return valA - valB;
-      });
+      if (axisType === "depth") {
+        if (this.realTimeData[0] && this.realTimeData[0].timestamp) {
+          this.realTimeData.sort((a, b) => {
+            const timestampA = this.toMillisecondTimestamp(a.timestamp);
+            const timestampB = this.toMillisecondTimestamp(b.timestamp);
+            return timestampA - timestampB;
+          });
+        } else {
+          this.realTimeData.sort((a, b) => {
+            const valA = Number(a[axisKey]);
+            const valB = Number(b[axisKey]);
+            return valA - valB;
+          });
+        }
+      } else {
+        this.realTimeData.sort((a, b) => {
+          const valA = Number(a[axisKey]);
+          const valB = Number(b[axisKey]);
+          return valA - valB;
+        });
+      }
       let targetStartValue = Number(startValue);
       if (axisType !== "depth") {
         const str = String(targetStartValue);
@@ -7773,7 +8296,9 @@ const _sfc_main$2 = {
           targetEndValue = targetEndValue * 1e3;
         }
       }
-      const endIndex = this.realTimeData.findIndex((item, index2) => index2 >= startIndex && Number(item[axisKey]) >= targetEndValue);
+      const endIndex = this.realTimeData.findIndex(
+        (item, index2) => index2 >= startIndex && Number(item[axisKey]) >= targetEndValue
+      );
       const actualEndIndex = endIndex === -1 ? this.realTimeData.length : endIndex;
       const newWindowSize = actualEndIndex - startIndex;
       this.startIndex = startIndex;
@@ -7814,7 +8339,7 @@ const _sfc_main$2 = {
         return null;
       }
       for (const item of seriesData) {
-        if (typeof item.dataIndex !== "undefined" && item.dataIndex !== null) {
+        if (item.data && Object.prototype.hasOwnProperty.call(item.data, "rowData")) {
           return item;
         }
       }
@@ -7914,15 +8439,14 @@ const _sfc_main$2 = {
             axis: "y",
             snap: true,
             label: {
+              backgroundColor: `${this.getCssVar("--kd-lane-container-border-color")}99`,
+              color: `${this.getCssVar("--default-text-color")}`,
               show: true,
               formatter: (params) => {
+                var _a;
                 if (this.formCache.displayType == "header") {
-                  let dataIndexItem = params.seriesData && params.seriesData[0] && params.seriesData[0].dataIndex || null;
-                  if (dataIndexItem !== null) {
-                    this.headerData = this.visibleData[dataIndexItem];
-                  } else {
-                    this.headerData = {};
-                  }
+                  const firstItem = this.getFirstDataIndexItem(params.seriesData);
+                  this.headerData = ((_a = firstItem == null ? void 0 : firstItem.data) == null ? void 0 : _a.rowData) || {};
                 }
                 if (this.formCache.axisType == "time") {
                   return this.timestampToYMDHMS(params.value);
@@ -7933,43 +8457,20 @@ const _sfc_main$2 = {
             }
           },
           confine: true,
-          appendTo: document.querySelector(".kd-curve-2d-container"),
+          // appendTo: document.querySelector('.kd-curve-2d-container'),
           backgroundColor: this.getCssVar("--tooltip-bg-color"),
           borderWidth: 0,
           textStyle: {
-            color: this.getCssVar("---default-text-color")
+            color: this.getCssVar("--default-text-color")
           },
           formatter: (series) => {
-            const uniqueSeries = series.filter((item) => item.seriesName !== "helper").reduce((acc, current) => {
-              const existingIndex = acc.findIndex((item) => item.seriesName === current.seriesName);
-              if (existingIndex === -1) {
-                acc.push(current);
-              } else {
-                const existingItem = acc[existingIndex];
-                const existingValue = Array.isArray(existingItem.value) ? existingItem.value[0] : existingItem.value;
-                const currentValue = Array.isArray(current.value) ? current.value[0] : current.value;
-                const existingHasValue = existingValue !== void 0 && existingValue !== null && existingValue !== "";
-                const currentHasValue = currentValue !== void 0 && currentValue !== null && currentValue !== "";
-                if (!existingHasValue && currentHasValue) ;
-                else if (existingHasValue && !currentHasValue) {
-                  acc[existingIndex] = current;
-                } else if (existingHasValue && currentHasValue) {
-                  if (Number(currentValue) > Number(existingValue)) {
-                    acc[existingIndex] = current;
-                  }
-                } else {
-                  acc[existingIndex] = current;
-                }
-              }
-              return acc;
-            }, []);
+            var _a;
+            const uniqueSeries = series.filter((item) => item.seriesName !== "helper");
             if (this.tooltipFormatter && typeof this.tooltipFormatter === "function") {
               let mousePositionData = null;
               if (uniqueSeries.length > 0) {
                 const firstItem = this.getFirstDataIndexItem(uniqueSeries);
-                if (firstItem && firstItem.dataIndex !== void 0) {
-                  mousePositionData = this.visibleData[firstItem.dataIndex];
-                }
+                mousePositionData = ((_a = firstItem == null ? void 0 : firstItem.data) == null ? void 0 : _a.rowData) || {};
               }
               return this.tooltipFormatter({
                 series: uniqueSeries,
@@ -8023,14 +8524,26 @@ const _sfc_main$2 = {
     },
     // 时间戳转换为毫秒级
     toMillisecondTimestamp(time) {
-      if (time === null || time === void 0) return Date.now();
-      let timestamp = new Date(time).getTime();
-      if (isNaN(timestamp)) return Date.now();
-      const str = String(timestamp);
-      if (str.length === 13 || timestamp > 1e12) {
+      if (time === null || time === void 0) return null;
+      let needConvert = true;
+      if (typeof time === "number" || typeof time === "string" && /^\d+$/.test(time)) {
+        needConvert = false;
+      }
+      if (!needConvert) {
+        const num = Number(time);
+        if (isNaN(num)) return Date.now();
+        if (String(num).length === 13 || num > 1e12) {
+          return num;
+        } else {
+          return num * 1e3;
+        }
+      } else {
+        const timestamp = new Date(time).getTime();
+        if (isNaN(timestamp)) {
+          return Date.now();
+        }
         return timestamp;
       }
-      return timestamp * 1e3;
     },
     // 更新泳道图表选项
     async updateLanesChartOption(transferData) {
@@ -8063,7 +8576,10 @@ const _sfc_main$2 = {
       try {
         for (let laneIndex = 0; laneIndex < lanes.length; laneIndex++) {
           const lane = lanes[laneIndex];
-          const axisTypeList = this.currentToolBarConfig.axisTypeList || { depth: "depth", time: "time" };
+          const axisTypeList = this.currentToolBarConfig.axisTypeList || {
+            depth: "depth",
+            time: "time"
+          };
           const isDepthLane = Object.prototype.hasOwnProperty.call(axisTypeList, "depth") && axisTypeList.depth == lane.laneKey;
           const isTimeLane = Object.prototype.hasOwnProperty.call(axisTypeList, "time") && axisTypeList.time == lane.laneKey;
           const option = this.getDefaultLaneChartOption();
@@ -8072,20 +8588,36 @@ const _sfc_main$2 = {
           if (lane && lane.lines && lane.lines.length > 0) {
             for (const lineInfo of lane.lines) {
               if (lineInfo.isUsed !== "1") continue;
-              const seriesData = this.generateSeriesDataCached(realTimeData, lineInfo, axisKey, paramCodeMap);
+              const seriesData = this.generateSeriesDataCached(
+                realTimeData,
+                lineInfo,
+                axisKey,
+                paramCodeMap
+              );
               seriesDataCache[lineInfo.lineId] = { full: seriesData };
               if (!hasValidLineData) {
-                hasValidLineData = seriesData.some((point) => point[0] !== null && point[0] !== void 0 && point[0] !== "");
+                hasValidLineData = seriesData.some(
+                  (point) => point[0] !== null && point[0] !== void 0 && point[0] !== ""
+                );
               }
               if (lineInfo.recommendParamId) {
                 const recommendLineInfo = {
                   ...lineInfo,
                   paramId: lineInfo.recommendParamId
                 };
-                const recommendSeriesData = this.generateSeriesDataCached(realTimeData, recommendLineInfo, axisKey, paramCodeMap);
-                seriesDataCache[lineInfo.lineId + "_recommend"] = { full: recommendSeriesData };
+                const recommendSeriesData = this.generateSeriesDataCached(
+                  realTimeData,
+                  recommendLineInfo,
+                  axisKey,
+                  paramCodeMap
+                );
+                seriesDataCache[lineInfo.lineId + "_recommend"] = {
+                  full: recommendSeriesData
+                };
                 if (!hasValidLineData) {
-                  hasValidLineData = recommendSeriesData.some((point) => point[0] !== null && point[0] !== void 0 && point[0] !== "");
+                  hasValidLineData = recommendSeriesData.some(
+                    (point) => point[0] !== null && point[0] !== void 0 && point[0] !== ""
+                  );
                 }
               }
             }
@@ -8129,9 +8661,17 @@ const _sfc_main$2 = {
             if (allIntervals.length > 0) {
               const minInterval = Math.min(...allIntervals);
               const totalRange = Math.max(...allValues) - Math.min(...allValues);
-              const intervalCount = Math.max(1, Math.min(12, Math.ceil(totalRange / minInterval)));
-              unifiedInterval = Math.ceil(totalRange / Math.min(12, intervalCount));
-              unifiedInterval = Math.max(minInterval, Math.ceil(unifiedInterval / minInterval) * minInterval);
+              const intervalCount = Math.max(
+                1,
+                Math.min(12, Math.ceil(totalRange / minInterval))
+              );
+              unifiedInterval = Math.ceil(
+                totalRange / Math.min(12, intervalCount)
+              );
+              unifiedInterval = Math.max(
+                minInterval,
+                Math.ceil(unifiedInterval / minInterval) * minInterval
+              );
             }
             let currentTop = 0;
             for (let groupIndex = 0; groupIndex < dataGroups.length; groupIndex++) {
@@ -8162,7 +8702,9 @@ const _sfc_main$2 = {
                   showMinLine: false,
                   showMaxLine: false,
                   lineStyle: {
-                    color: this.getCssVar("--kd-lane-container-item-line-color"),
+                    color: this.getCssVar(
+                      "--kd-lane-container-item-line-color"
+                    ),
                     type: "dashed"
                   }
                 },
@@ -8190,9 +8732,10 @@ const _sfc_main$2 = {
                 });
                 option.series.push({
                   type: "line",
-                  xAxisIndex: groupIndex,
+                  xAxisIndex: option.xAxis.length - 1,
                   yAxisIndex: gridIndex,
-                  nameIndex: groupIndex
+                  nameIndex: groupIndex,
+                  data: []
                 });
                 Object.assign(option.yAxis[gridIndex], {
                   splitLine: { show: false },
@@ -8228,18 +8771,39 @@ const _sfc_main$2 = {
                         lineHeight: 14
                       }
                     },
-                    formatter: this.getYAxisLabelFormatter(isTimeLane, dataGroups, groupIndex, groupMin, groupMax, axisKey)
+                    formatter: this.getYAxisLabelFormatter(
+                      isTimeLane,
+                      dataGroups,
+                      groupIndex,
+                      groupMin,
+                      groupMax,
+                      axisKey
+                    )
                   }
                 });
                 option.backgroundColor = "transparent";
                 delete option.tooltip;
+              } else if (!lane.lines || lane.lines.length === 0) {
+                option.xAxis.push({
+                  gridIndex,
+                  type: "value",
+                  min: 0,
+                  max: 10,
+                  splitLine: { show: false },
+                  axisLabel: { show: false },
+                  axisLine: { show: false },
+                  axisTick: { show: false }
+                });
               }
               const isLogScale = lane.isLogScale === "1";
               let laneMin = 0, laneMax = 0;
               if (lane && lane.lines) {
                 for (const lineInfo of lane.lines) {
                   const allValidData = ((_a = seriesDataCache[lineInfo.lineId]) == null ? void 0 : _a.full) || [];
-                  const range = this.getXAxisRangeByHeader(lineInfo, allValidData);
+                  const range = this.getXAxisRangeByHeader(
+                    lineInfo,
+                    allValidData
+                  );
                   if (lineInfo.min) laneMin = Math.min(laneMin, range.min);
                   if (lineInfo.max) laneMax = Math.max(laneMax, range.max);
                 }
@@ -8249,12 +8813,31 @@ const _sfc_main$2 = {
                   var _a2, _b, _c, _d;
                   if (!seriesDataCache[lineInfo.lineId]) {
                     seriesDataCache[lineInfo.lineId] = {
-                      full: this.generateSeriesDataCached(realTimeData, lineInfo, axisKey, paramCodeMap)
+                      full: this.generateSeriesDataCached(
+                        realTimeData,
+                        lineInfo,
+                        axisKey,
+                        paramCodeMap
+                      )
                     };
                   }
-                  const groupSeriesData = this.generateSeriesDataCached(group, lineInfo, axisKey, paramCodeMap);
+                  const groupSeriesData = this.generateSeriesDataCached(
+                    group,
+                    lineInfo,
+                    axisKey,
+                    paramCodeMap
+                  );
+                  const groupAllSeriesData = this.generateAllSeriesDataCached(
+                    group,
+                    lineInfo,
+                    axisKey,
+                    paramCodeMap
+                  );
                   const allValidData = seriesDataCache[lineInfo.lineId].full;
-                  const { min, max } = this.getXAxisRangeByHeader(lineInfo, allValidData);
+                  const { min, max } = this.getXAxisRangeByHeader(
+                    lineInfo,
+                    allValidData
+                  );
                   const xAxisIndex = option.xAxis.length;
                   option.xAxis.push({
                     interval: isLogScale ? "auto" : (max - min) / 5,
@@ -8268,7 +8851,12 @@ const _sfc_main$2 = {
                       show: !isDepthLane,
                       showMaxLine: false,
                       showMinLine: false,
-                      lineStyle: { color: this.getCssVar("--kd-lane-container-item-line-color"), type: "dashed" }
+                      lineStyle: {
+                        color: this.getCssVar(
+                          "--kd-lane-container-item-line-color"
+                        ),
+                        type: "dashed"
+                      }
                     },
                     axisLabel: { show: false },
                     axisLine: { show: false },
@@ -8276,7 +8864,9 @@ const _sfc_main$2 = {
                   });
                   const baseSeries = {
                     laneId: lineInfo.paramId,
-                    data: lineInfo.isUsed === "1" ? groupSeriesData : [],
+                    paramId: lineInfo.paramId,
+                    lineId: lineInfo.lineId,
+                    data: lineInfo.isUsed === "1" ? groupAllSeriesData : [],
                     type: "line",
                     xAxisIndex,
                     yAxisIndex: gridIndex,
@@ -8292,22 +8882,81 @@ const _sfc_main$2 = {
                     z: lineInfo.lineSort
                   };
                   if (lane.lines.length - 1 == index2) {
-                    this.addMarkLineToSeries(baseSeries, lineInfo, realTimeData, axisKey, dataIndexMap, groupMin, groupMax);
+                    this.addMarkLineToSeries(
+                      baseSeries,
+                      lineInfo,
+                      realTimeData,
+                      axisKey,
+                      dataIndexMap,
+                      groupMin,
+                      groupMax
+                    );
                   }
-                  this.addMarkAreaToSeries(baseSeries, lineInfo, realTimeData, axisKey, min, max, dataIndexMap);
-                  this.addAreaStyleToSeries(baseSeries, lineInfo, groupSeriesData, min);
-                  const rangeAreaSeries = this.addRangeAreaToSeries(baseSeries, lineInfo, realTimeData, axisKey, paramCodeMap, min, max);
+                  this.addMarkAreaToSeries(
+                    baseSeries,
+                    lineInfo,
+                    realTimeData,
+                    axisKey,
+                    min,
+                    max,
+                    dataIndexMap
+                  );
+                  this.addAreaStyleToSeries(
+                    baseSeries,
+                    lineInfo,
+                    groupSeriesData,
+                    min
+                  );
+                  const rangeAreaSeries = this.addRangeAreaToSeries(
+                    baseSeries,
+                    lineInfo,
+                    realTimeData,
+                    axisKey,
+                    paramCodeMap,
+                    min,
+                    max
+                  );
                   option.series.push(baseSeries);
                   if (rangeAreaSeries) {
                     option.series.push(rangeAreaSeries);
                   }
+                  if (lineInfo.isUsed === "1" && this.isGeomechanical && lane.laneId === this.activeLaneId) {
+                    const boundaryPoints = this.findMissingDataBoundaryPoints(groupSeriesData);
+                    if (boundaryPoints.length > 0) {
+                      option.series.push({
+                        type: "scatter",
+                        xAxisIndex,
+                        yAxisIndex: gridIndex,
+                        data: boundaryPoints.map((bp) => ({
+                          value: bp.data,
+                          type: bp.type,
+                          originalIndex: bp.originalIndex,
+                          lineId: lineInfo.lineId,
+                          paramId: lineInfo.paramId
+                        })),
+                        symbol: "circle",
+                        symbolSize: getAdaptedFontSize(8),
+                        itemStyle: {
+                          color: "red",
+                          opacity: 1
+                        },
+                        tooltip: { show: false },
+                        z: lineInfo.lineSort + 2
+                      });
+                    }
+                  }
                   if (lineInfo.recommendParamId) {
                     const recommendLineInfo = {
                       ...lineInfo,
                       paramId: lineInfo.recommendParamId,
                       lineType: "dashed"
                     };
-                    const recommendGroupSeriesData = this.generateSeriesDataCached(group, recommendLineInfo, axisKey, paramCodeMap);
+                    const recommendGroupSeriesData = this.generateSeriesDataCached(
+                      group,
+                      recommendLineInfo,
+                      axisKey,
+                      paramCodeMap
+                    );
                     const recommendSeries = {
                       laneId: lineInfo.recommendParamId,
                       data: lineInfo.recommendIsUsed === "1" || lineInfo.recommendIsUsed == 1 ? recommendGroupSeriesData : [],
@@ -8330,18 +8979,26 @@ const _sfc_main$2 = {
                   if (effectScatterPoint && lineInfo.latestDataTips) {
                     let findIndex = -1;
                     if (axisKey === "depth") {
-                      findIndex = group.findIndex((item) => item.timestamp === effectScatterPoint.timestamp && item[axisKey] === effectScatterPoint[axisKey]);
+                      findIndex = group.findIndex(
+                        (item) => item.timestamp === effectScatterPoint.timestamp && item[axisKey] === effectScatterPoint[axisKey]
+                      );
                     } else {
-                      findIndex = group.findIndex((item) => item[axisKey] === effectScatterPoint[axisKey]);
+                      findIndex = group.findIndex(
+                        (item) => item[axisKey] === effectScatterPoint[axisKey]
+                      );
                     }
                     const pointAxisValue = effectScatterPoint[axisKey];
                     if (pointAxisValue >= groupMin && pointAxisValue <= groupMax && findIndex !== -1) {
-                      console.log(pointAxisValue, findIndex, groupMin, groupMax, "444444", [effectScatterPoint[lineInfo.paramId], effectScatterPoint[axisKey]]);
                       option.series.push({
                         type: "effectScatter",
                         xAxisIndex,
                         yAxisIndex: gridIndex,
-                        data: [[effectScatterPoint[lineInfo.paramId], effectScatterPoint[axisKey]]],
+                        data: [
+                          [
+                            effectScatterPoint[lineInfo.paramId],
+                            effectScatterPoint[axisKey]
+                          ]
+                        ],
                         symbol: "circle",
                         symbolSize: getAdaptedFontSize(12),
                         itemStyle: {
@@ -8365,22 +9022,31 @@ const _sfc_main$2 = {
                 const rangeMins = lane.lines.map((item) => {
                   var _a2;
                   return (_a2 = this.lineRange[item.lineId]) == null ? void 0 : _a2.min;
-                }).filter((v) => v !== void 0 && v !== null && !Number.isNaN(v));
+                }).filter(
+                  (v) => v !== void 0 && v !== null && !Number.isNaN(v)
+                );
                 if (rangeMins.length > 0) {
                   const min = Math.max(...rangeMins);
                   option.series.unshift({
                     name: "helper",
                     type: "line",
-                    xAxisIndex: lane.lines.length * groupIndex,
+                    xAxisIndex: option.xAxis.length - 1,
                     yAxisIndex: gridIndex,
                     data: group.map((item) => [min, +item[axisKey]]),
                     lineStyle: { opacity: 0 },
-                    symbol: "none"
+                    symbol: "none",
+                    silent: true
+                    // 禁用鼠标事件
                   });
                 }
               }
             }
           }
+          if (hasValidLineData && option.tooltip) {
+            option.tooltip.showContent = this.shouldShowTooltipContent(
+              lane.laneId
+            );
+          }
           this.updateOptionsByLineId(lane.laneId, option);
           const chartRef = this.getChartRefByLaneId(lane.laneId);
           if (chartRef && chartRef.chart) {
@@ -8392,6 +9058,17 @@ const _sfc_main$2 = {
       } finally {
         this.isUpdatingChart = false;
         this.scheduleConnectAllCharts();
+        const lanesToRefresh = new Set(
+          Object.keys(this.laneSelectedPointPairs || {})
+        );
+        if (this.selectedLaneId) lanesToRefresh.add(this.selectedLaneId);
+        if (lanesToRefresh.size > 0) {
+          this.$nextTick(() => {
+            lanesToRefresh.forEach((lid) => {
+              this.showSelectedPointScatter(lid);
+            });
+          });
+        }
         if (this.pendingChartUpdate) {
           this.pendingChartUpdate = false;
           this.$nextTick(() => {
@@ -8407,7 +9084,9 @@ const _sfc_main$2 = {
         if (Object.prototype.hasOwnProperty.call(item, lineInfo.paramId)) {
           value = item[lineInfo.paramId];
         } else {
-          const currentParam = this.params.find((p) => p.paramId == lineInfo.paramId);
+          const currentParam = this.params.find(
+            (p) => p.paramId == lineInfo.paramId
+          );
           if (currentParam && currentParam.paramCode) {
             const codes = currentParam.paramCode.split(",");
             for (const code of codes) {
@@ -8439,6 +9118,27 @@ const _sfc_main$2 = {
         return [value, +item[axisKey]];
       });
     },
+    generateAllSeriesDataCached(data, lineInfo, axisKey, paramCodeMap) {
+      const paramId = lineInfo.paramId;
+      const codes = paramCodeMap.get(paramId);
+      return data.map((item) => {
+        let value = null;
+        if (Object.prototype.hasOwnProperty.call(item, paramId)) {
+          value = item[paramId];
+        } else if (codes) {
+          for (let i = 0; i < codes.length; i++) {
+            if (Object.prototype.hasOwnProperty.call(item, codes[i])) {
+              value = item[codes[i]];
+              break;
+            }
+          }
+        }
+        return {
+          value: [value, +item[axisKey]],
+          rowData: item
+        };
+      });
+    },
     getEffectScatterPoint(lineInfo, axisKey) {
       if (!this.realTimeData || this.realTimeData.length === 0) return null;
       let latestData = null;
@@ -8462,6 +9162,621 @@ const _sfc_main$2 = {
         depth: latestData[axisKey]
       };
     },
+    findMissingDataBoundaryPoints(seriesData) {
+      const boundaryPoints = [];
+      if (!seriesData || seriesData.length === 0) return boundaryPoints;
+      let lastValidPoint = null;
+      let lastValidIndex = -1;
+      let inMissingRange = false;
+      for (let i = 0; i < seriesData.length; i++) {
+        const point = seriesData[i];
+        const value = point[0];
+        const isValid = value !== null && value !== void 0 && value !== "" && Number.isFinite(+value);
+        if (isValid) {
+          if (inMissingRange && lastValidPoint) {
+            boundaryPoints.push({
+              data: lastValidPoint,
+              type: "top",
+              originalIndex: lastValidIndex
+            });
+            boundaryPoints.push({
+              data: point,
+              type: "bottom",
+              originalIndex: i
+            });
+          }
+          lastValidPoint = point;
+          lastValidIndex = i;
+          inMissingRange = false;
+        } else {
+          if (!inMissingRange && lastValidPoint) {
+            inMissingRange = true;
+          }
+        }
+      }
+      return boundaryPoints;
+    },
+    async handleChartClick(e, laneId) {
+      var _a, _b, _c;
+      const chartRef = this.getChartRefByLaneId(laneId);
+      if (!chartRef || !chartRef.chart) return;
+      if (!this.isGeomechanical) return;
+      const wasActiveLane = this.activeLaneId === laneId;
+      if (this.activeLaneId !== laneId) {
+        const prevActiveLaneId = this.activeLaneId;
+        this.activeLaneId = laneId;
+        await this.updateLanesChartOption();
+        if (prevActiveLaneId) {
+          this.showSelectedPointScatter(prevActiveLaneId);
+        }
+      }
+      const chart = chartRef.chart;
+      const option = chart.getOption();
+      const pointInPixel = [
+        e.offsetX || ((_a = e.event) == null ? void 0 : _a.offsetX),
+        e.offsetY || ((_b = e.event) == null ? void 0 : _b.offsetY)
+      ];
+      let clickedPoint = null;
+      let closestPoint = null;
+      let closestDistance = 10;
+      const axisKey = this.currentToolBarConfig.axisTypeList && this.currentToolBarConfig.axisTypeList[this.formCache.axisType] || (this.formCache.axisType === "time" ? "time" : "depth");
+      for (let i = 0; i < option.series.length; i++) {
+        const series = option.series[i];
+        if (series.name === "helper") continue;
+        if (series.type !== "line") continue;
+        const data = series.data || [];
+        for (let j = 0; j < data.length; j++) {
+          const item = data[j];
+          if (!item) continue;
+          let pointValue;
+          pointValue = Array.isArray(item) ? item : item.value || [];
+          if (!pointValue || !Array.isArray(pointValue) || pointValue.length < 2)
+            continue;
+          const point = chart.convertToPixel({ seriesIndex: i }, pointValue);
+          if (!point) continue;
+          const distance = Math.sqrt(
+            Math.pow(point[0] - pointInPixel[0], 2) + Math.pow(point[1] - pointInPixel[1], 2)
+          );
+          if (distance < closestDistance) {
+            closestDistance = distance;
+            const axisValue = pointValue[1];
+            const originalData = this.realTimeData.find(
+              (d) => d[axisKey] == axisValue
+            );
+            closestPoint = {
+              ...item,
+              value: pointValue,
+              seriesIndex: i,
+              dataIndex: j,
+              paramId: item.paramId || series.paramId,
+              lineId: item.lineId || series.lineId,
+              color: series.color,
+              laneId,
+              depth: (originalData == null ? void 0 : originalData.depth) || null,
+              timestamp: ((_c = originalData == null ? void 0 : originalData.timestamp) == null ? void 0 : _c.toString()) || null
+            };
+          }
+        }
+      }
+      if (closestPoint && closestDistance < 10) {
+        clickedPoint = closestPoint;
+      }
+      if (clickedPoint) {
+        this._lastBlankClickTime = null;
+        this._lastBlankClickLaneId = null;
+        if (this.selectedPoints.length === 0) {
+          this.selectedPoints = [clickedPoint];
+          this.selectedLaneId = laneId;
+          this.selectedParamId = clickedPoint.paramId;
+          if (!this.laneSelectedPointPairs.hasOwnProperty(laneId)) {
+            this.laneSelectedPointPairs[laneId] = [];
+          }
+          this.laneSelectedPointPairs[laneId].push({
+            point1: clickedPoint,
+            point2: null,
+            markAreaId: null
+          });
+          console.log(clickedPoint, this.laneSelectedPointPairs[laneId]);
+          this.showSelectedPointScatter(laneId);
+        } else {
+          const firstPoint = this.selectedPoints[0];
+          if (firstPoint.lineId === clickedPoint.lineId && firstPoint.paramId === clickedPoint.paramId) {
+            const markAreaId = this.createMarkArea(
+              firstPoint,
+              clickedPoint,
+              laneId
+            );
+            this.laneSelectedPointPairs[laneId][this.laneSelectedPointPairs[laneId].length - 1].point2 = clickedPoint;
+            this.laneSelectedPointPairs[laneId][this.laneSelectedPointPairs[laneId].length - 1].markAreaId = markAreaId;
+            this.selectedPoints = [];
+            this.selectedLaneId = null;
+            this.selectedParamId = null;
+            this.showSelectedPointScatter(laneId);
+          } else {
+            this.laneSelectedPointPairs[this.selectedLaneId].pop();
+            this.showSelectedPointScatter(this.selectedLaneId);
+            this.selectedPoints = [clickedPoint];
+            this.selectedLaneId = laneId;
+            this.selectedParamId = clickedPoint.paramId;
+            if (!this.laneSelectedPointPairs.hasOwnProperty(laneId)) {
+              this.laneSelectedPointPairs[laneId] = [];
+            }
+            this.laneSelectedPointPairs[laneId].push({
+              point1: clickedPoint,
+              point2: null,
+              markAreaId: null
+            });
+            this.showSelectedPointScatter(laneId);
+          }
+        }
+      } else {
+        if (this.selectedLaneId && this.selectedLaneId !== laneId) {
+          this.laneSelectedPointPairs[this.selectedLaneId].pop();
+          this.showSelectedPointScatter(this.selectedLaneId);
+          this.selectedPoints = [];
+          this.selectedLaneId = laneId;
+          this.selectedParamId = null;
+          this.showSelectedPointScatter(laneId);
+        }
+        if (wasActiveLane) {
+          const now = Date.now();
+          if (this._lastBlankClickLaneId === laneId && this._lastBlankClickTime && now - this._lastBlankClickTime < 500) {
+            this._lastBlankClickTime = null;
+            this._lastBlankClickLaneId = null;
+            if (this.selectedPoints.length > 0 && this.selectedLaneId) {
+              this.laneSelectedPointPairs[this.selectedLaneId].pop();
+              this.selectedPoints = [];
+              this.selectedLaneId = null;
+              this.selectedParamId = null;
+            }
+            this.activeLaneId = null;
+            await this.updateLanesChartOption();
+          } else {
+            this._lastBlankClickTime = now;
+            this._lastBlankClickLaneId = laneId;
+          }
+        } else {
+          this._lastBlankClickTime = null;
+          this._lastBlankClickLaneId = null;
+        }
+      }
+      await this.$nextTick();
+      this.showSelectedPointScatter(laneId);
+    },
+    // 收集某泳道所有需要展示 scatter 的点：已完成区块的两个点 + 进行中的第一个点
+    // 仅在地应力模式下的当前激活泳道才收集并显示
+    collectScatterPointsForLane(laneId) {
+      if (!this.isGeomechanical || laneId !== this.activeLaneId) return [];
+      const points = [];
+      const pairs = this.laneSelectedPointPairs[laneId] || [];
+      pairs.forEach((pair) => {
+        if (pair.point1 && this.isLineVisibleByParamId(pair.point1.paramId)) {
+          points.push({
+            ...pair.point1
+          });
+        }
+        if (pair.point2 && this.isLineVisibleByParamId(pair.point2.paramId)) {
+          points.push({
+            ...pair.point2
+          });
+        }
+      });
+      return points;
+    },
+    showSelectedPointScatter(laneId) {
+      const chartRef = this.getChartRefByLaneId(laneId);
+      if (!chartRef || !chartRef.chart) return;
+      const chart = chartRef.chart;
+      const points = this.collectScatterPointsForLane(laneId);
+      const axisKey = this.currentToolBarConfig.axisTypeList && this.currentToolBarConfig.axisTypeList[this.formCache.axisType] || (this.formCache.axisType === "time" ? "time" : "depth");
+      const filteredPoints = points.filter((point) => {
+        if (this.formCache.axisType === "depth" && point.timestamp !== void 0 && point.timestamp !== null) {
+          const pointY = point.value[1];
+          let findItem = this.visibleData.find(
+            (d) => d[axisKey] == pointY && d.timestamp == point.timestamp
+          ) || {};
+          if (JSON.stringify(findItem) == "{}") {
+            return false;
+          }
+          return true;
+        }
+        return true;
+      });
+      const scatterData = filteredPoints.map((point) => ({
+        value: point.value,
+        itemStyle: {
+          color: point.color || "#1890ff",
+          borderColor: "#fff",
+          borderWidth: 2
+        }
+      }));
+      const option = chart.getOption();
+      const existingIndex = option.series.findIndex(
+        (s) => s.id === "selectedPointScatter"
+      );
+      if (existingIndex >= 0) {
+        chart.setOption({
+          series: [
+            {
+              id: "selectedPointScatter",
+              data: scatterData,
+              tooltip: { show: false }
+            }
+          ]
+        });
+      } else {
+        chart.setOption({
+          series: [
+            {
+              id: "selectedPointScatter",
+              type: "scatter",
+              data: scatterData,
+              symbolSize: 8,
+              zlevel: 100,
+              silent: true,
+              tooltip: { show: false }
+            }
+          ]
+        });
+      }
+    },
+    createMarkArea(point1, point2, laneId) {
+      const yValue1 = point1.value[1];
+      const yValue2 = point2.value[1];
+      const axisType = this.formCache.axisType;
+      let dataItem1 = {};
+      let dataItem2 = {};
+      if (axisType === "depth") {
+        dataItem1 = {
+          depth: yValue1,
+          timestamp: point1.timestamp || null
+        };
+        dataItem2 = {
+          depth: yValue2,
+          timestamp: point2.timestamp || null
+        };
+      } else if (axisType === "time") {
+        dataItem1 = {
+          time: point1.time || yValue1,
+          timestamp: point1.timestamp || null
+        };
+        dataItem2 = {
+          time: point2.time || yValue2,
+          timestamp: point2.timestamp || null
+        };
+      } else {
+        dataItem1 = { y: yValue1 };
+        dataItem2 = { y: yValue2 };
+      }
+      const newMarkArea = {
+        id: Date.now() + "_" + (this._markAreaIdCounter = (this._markAreaIdCounter || 0) + 1),
+        paramsId: point1.paramId,
+        lineId: point1.lineId,
+        type: "markArea",
+        laneId,
+        color: "rgba(139, 69, 19, 0.3)",
+        data: [dataItem1, dataItem2]
+      };
+      this.markAreaLineData.push(newMarkArea);
+      this.updateLanesChartOption();
+      return newMarkArea.id;
+    },
+    handleChartRightClick(e, laneId) {
+      var _a, _b;
+      if (e.event) {
+        e.event.preventDefault();
+      }
+      const chartRef = this.getChartRefByLaneId(laneId);
+      if (!chartRef || !chartRef.chart) return;
+      if (!this.isGeomechanical) return;
+      if (this.activeLaneId !== laneId) {
+        const prevActiveLaneId = this.activeLaneId;
+        this.activeLaneId = laneId;
+        this.updateLanesChartOption();
+        if (prevActiveLaneId) {
+          this.$nextTick(() => {
+            this.showSelectedPointScatter(prevActiveLaneId);
+          });
+        }
+      }
+      const chart = chartRef.chart;
+      const pointInPixel = [
+        e.offsetX || ((_a = e.event) == null ? void 0 : _a.offsetX),
+        e.offsetY || ((_b = e.event) == null ? void 0 : _b.offsetY)
+      ];
+      const option = chart.getOption();
+      let clickedPoint = null;
+      let minDistance = 15;
+      for (let i = 0; i < option.series.length; i++) {
+        const series = option.series[i];
+        if (series.type !== "scatter") continue;
+        const data = series.data || [];
+        for (let j = 0; j < data.length; j++) {
+          const item = data[j];
+          if (!item || !item.value) continue;
+          const point = chart.convertToPixel({ seriesIndex: i }, item.value);
+          if (!point) continue;
+          const distance = Math.sqrt(
+            Math.pow(point[0] - pointInPixel[0], 2) + Math.pow(point[1] - pointInPixel[1], 2)
+          );
+          if (distance < minDistance) {
+            minDistance = distance;
+            clickedPoint = item;
+          }
+        }
+      }
+      if (clickedPoint) {
+        this.showContextMenu(clickedPoint, laneId, e);
+      } else {
+        this.showMarkAreaContextMenu(laneId, e);
+      }
+    },
+    showMarkAreaContextMenu(laneId, e) {
+      var _a, _b;
+      const chartRef = this.getChartRefByLaneId(laneId);
+      if (!chartRef || !chartRef.chart) return;
+      const chart = chartRef.chart;
+      const pointInPixel = [
+        e.offsetX || ((_a = e.event) == null ? void 0 : _a.offsetX),
+        e.offsetY || ((_b = e.event) == null ? void 0 : _b.offsetY)
+      ];
+      const val = chart.convertFromPixel({ gridIndex: 0 }, pointInPixel);
+      if (!val || val.length < 2) return;
+      const yValue = val[1];
+      for (let i = 0; i < this.markAreaLineData.length; i++) {
+        const area = this.markAreaLineData[i];
+        if (area.laneId !== laneId) continue;
+        const data = area.data || [];
+        if (data.length < 2) continue;
+        let y1, y2;
+        if (this.formCache.axisType === "depth") {
+          y1 = data[0].depth;
+          y2 = data[1].depth;
+        } else if (this.formCache.axisType === "time") {
+          y1 = this.toMillisecondTimestamp(data[0].time);
+          y2 = this.toMillisecondTimestamp(data[1].time);
+        } else {
+          y1 = data[0].y;
+          y2 = data[1].y;
+        }
+        const minY = Math.min(y1, y2);
+        const maxY = Math.max(y1, y2);
+        if (yValue >= minY && yValue <= maxY) {
+          this.currentMarkAreaIndex = i;
+          this.currentContextMenuType = "markArea";
+          this.currentPointInfo = null;
+          this.currentContextMenuItems = [
+            ...this.markAreaMenuConfig || [],
+            { label: "删除区块", action: "deleteMarkArea" }
+          ];
+          this.calculateContextMenuPosition(e);
+          this.contextMenuVisible = true;
+          this.activeSubMenu = null;
+          return;
+        }
+      }
+    },
+    showContextMenu(item, laneId, e) {
+      this.currentPointInfo = {
+        ...item,
+        laneId
+      };
+      this.currentContextMenuType = "missingPoint";
+      const isTop = item.type === "top";
+      let menuItems = isTop ? this.missingPointMenuConfig.topMenu || [] : this.missingPointMenuConfig.bottomMenu || [];
+      const chartRef = this.getChartRefByLaneId(laneId);
+      if (chartRef && chartRef.chart) {
+        const markAreaIndex = this.findMarkAreaByPoint(item, laneId);
+        if (markAreaIndex !== -1) {
+          this.currentMarkAreaIndex = markAreaIndex;
+          menuItems = [
+            { label: "删除区块", action: "deleteMarkArea" },
+            ...menuItems
+          ];
+        }
+      }
+      this.currentContextMenuItems = menuItems;
+      this.contextMenuVisible = true;
+      this.calculateContextMenuPosition(e);
+      this.activeSubMenu = null;
+    },
+    calculateContextMenuPosition({ event }) {
+      const container = document.querySelector(".kd-lane-chart-lane-container-echart");
+      const menu = this.$refs.contextMenuRef;
+      if (!container || !menu) return;
+      const rect = container.getBoundingClientRect();
+      const clientX = typeof (event == null ? void 0 : event.clientX) === "number" ? event == null ? void 0 : event.clientX : event == null ? void 0 : event.pageX;
+      const clientY = typeof (event == null ? void 0 : event.clientY) === "number" ? event == null ? void 0 : event.clientY : event == null ? void 0 : event.pageY;
+      this.$nextTick(() => {
+        menu.style.visibility = "hidden";
+        this.menuWidth = menu.offsetWidth;
+        this.menuHeight = menu.offsetHeight;
+        menu.style.visibility = "";
+        this.adjustContextMenuPosition(clientX, clientY, rect);
+      });
+    },
+    adjustContextMenuPosition(clientX, clientY, rect) {
+      const containerW = rect.right - rect.left;
+      const containerH = rect.bottom - rect.top;
+      let relX = clientX - rect.left + 8;
+      let relY = clientY - rect.top + 8;
+      if (relX + this.menuWidth > containerW) {
+        relX = clientX - rect.left - this.menuWidth + 8;
+      }
+      if (relY + this.menuHeight > containerH) {
+        relY = clientY - rect.top - this.menuHeight + 8;
+      }
+      this.contextMenuX = Math.max(0, relX) / containerW * 100;
+      this.contextMenuY = Math.max(0, relY) / containerH * 100;
+    },
+    findMarkAreaByPoint(point, laneId) {
+      const chartRef = this.getChartRefByLaneId(laneId);
+      if (!chartRef || !chartRef.chart) return -1;
+      chartRef.chart.getOption();
+      const yValue = point.value[1];
+      for (let i = 0; i < this.markAreaLineData.length; i++) {
+        const area = this.markAreaLineData[i];
+        if (area.laneId !== laneId) continue;
+        if (area.lineId !== point.lineId) continue;
+        const data = area.data || [];
+        if (data.length < 2) continue;
+        let y1, y2;
+        if (this.formCache.axisType === "depth") {
+          y1 = data[0].depth;
+          y2 = data[1].depth;
+        } else if (this.formCache.axisType === "time") {
+          y1 = this.toMillisecondTimestamp(data[0].time);
+          y2 = this.toMillisecondTimestamp(data[1].time);
+        } else {
+          y1 = data[0].y;
+          y2 = data[1].y;
+        }
+        const minY = Math.min(y1, y2);
+        const maxY = Math.max(y1, y2);
+        if (yValue >= minY && yValue <= maxY) {
+          return i;
+        }
+      }
+      return -1;
+    },
+    closeContextMenu() {
+      this.contextMenuVisible = false;
+      this.currentPointInfo = null;
+      this.currentContextMenuType = null;
+      this.currentContextMenuItems = [];
+      this.activeSubMenu = null;
+      this.menuWidth = null;
+      this.menuHeight = null;
+    },
+    showSubMenu(item, event) {
+      event.stopPropagation();
+      this.activeSubMenu = item;
+    },
+    handleContextMenuItemClick(item) {
+      if (item.action === "deleteMarkArea") {
+        this.deleteMarkArea(this.currentMarkAreaIndex);
+        this.closeContextMenu();
+        return;
+      }
+      if (this.currentContextMenuType === "markArea" && !item.canTransfer)
+        return;
+      if (this.currentContextMenuType === "markArea") {
+        const markArea = this.markAreaLineData[this.currentMarkAreaIndex];
+        if (!markArea) {
+          this.closeContextMenu();
+          return;
+        }
+        const { startPoint, endPoint } = this.findBlockPointPair(
+          this.currentMarkAreaIndex
+        );
+        this.$emit("markAreaMenuItemClick", {
+          markArea,
+          menuItem: item,
+          startPoint,
+          endPoint
+        });
+        console.log(
+          {
+            markArea,
+            menuItem: item,
+            startPoint,
+            endPoint
+          },
+          "传递的数据"
+        );
+        this.closeContextMenu();
+        return;
+      }
+      if (this.currentContextMenuType === "missingPoint" && !item.canTransfer)
+        return;
+      const currentPoint = this.currentPointInfo;
+      if (!currentPoint) {
+        this.closeContextMenu();
+        return;
+      }
+      const { topPoint, bottomPoint } = this.findBoundaryPointPair(currentPoint);
+      this.$emit("missingPointMenuItemClick", {
+        pointInfo: currentPoint,
+        menuItem: item,
+        topPoint,
+        bottomPoint
+      });
+      this.closeContextMenu();
+    },
+    // 查找区块的起止点（优先从选中点对中获取完整点信息，兜底使用 markArea.data）
+    findBlockPointPair(markAreaIndex) {
+      const markArea = this.markAreaLineData[markAreaIndex];
+      if (!markArea) return { startPoint: null, endPoint: null };
+      const pairs = this.laneSelectedPointPairs[markArea.laneId] || [];
+      const pair = pairs.find((p) => p.markAreaId === markArea.id);
+      if (pair) {
+        return {
+          startPoint: pair.point1 || null,
+          endPoint: pair.point2 || null
+        };
+      }
+      const data = markArea.data || [];
+      return {
+        startPoint: data[0] || null,
+        endPoint: data[1] || null
+      };
+    },
+    deleteMarkArea(index2) {
+      if (index2 >= 0 && index2 < this.markAreaLineData.length) {
+        const markArea = this.markAreaLineData[index2];
+        const laneId = markArea.laneId;
+        const markAreaId = markArea.id;
+        if (this.laneSelectedPointPairs[laneId]) {
+          const filtered = this.laneSelectedPointPairs[laneId].filter(
+            (pair) => pair.markAreaId !== markAreaId
+          );
+          this.laneSelectedPointPairs[laneId] = filtered;
+        }
+        this.markAreaLineData.splice(index2, 1);
+        this.updateLanesChartOption();
+      }
+    },
+    findBoundaryPointPair(currentPoint) {
+      const chartRef = this.getChartRefByLaneId(currentPoint.laneId);
+      if (!chartRef || !chartRef.chart) {
+        return { topPoint: null, bottomPoint: null };
+      }
+      const option = chartRef.chart.getOption();
+      let topPoint = null;
+      let bottomPoint = null;
+      for (let i = 0; i < option.series.length; i++) {
+        const series = option.series[i];
+        if (series.type !== "scatter") continue;
+        const data = series.data || [];
+        for (let j = 0; j < data.length; j++) {
+          const point = data[j];
+          if (!point || !point.value) continue;
+          if (point.lineId === currentPoint.lineId && point.paramId === currentPoint.paramId) {
+            if (point.type === "top") {
+              topPoint = point;
+            } else if (point.type === "bottom") {
+              bottomPoint = point;
+            }
+          }
+        }
+      }
+      if (currentPoint.type === "top" && topPoint) {
+        const nextPoint = option.series.filter((s) => s.type === "scatter").flatMap((s) => s.data || []).find(
+          (p) => p && p.value && p.lineId === currentPoint.lineId && p.paramId === currentPoint.paramId && p.type === "bottom" && p.originalIndex > currentPoint.originalIndex
+        );
+        if (nextPoint) {
+          bottomPoint = nextPoint;
+        }
+      } else if (currentPoint.type === "bottom" && bottomPoint) {
+        const prevPoint = option.series.filter((s) => s.type === "scatter").flatMap((s) => s.data || []).find(
+          (p) => p && p.value && p.lineId === currentPoint.lineId && p.paramId === currentPoint.paramId && p.type === "top" && p.originalIndex < currentPoint.originalIndex
+        );
+        if (prevPoint) {
+          topPoint = prevPoint;
+        }
+      }
+      return { topPoint, bottomPoint };
+    },
     // 获取Y轴标签格式化函数
     getYAxisLabelFormatter(isTimeLane, dataGroups, groupIndex, groupMin, groupMax, axisKey) {
       return (value) => {
@@ -8470,8 +9785,11 @@ const _sfc_main$2 = {
         }
         if (groupIndex > 0 && value === groupMin) {
           const prevGroup = dataGroups[groupIndex - 1];
-          const prevGroupMax = Math.max(...prevGroup.map((item) => +item[axisKey]));
-          if (Math.abs(prevGroupMax - groupMin) < 1) return `{center2|${prevGroupMax}/${value}}`;
+          const prevGroupMax = Math.max(
+            ...prevGroup.map((item) => +item[axisKey])
+          );
+          if (Math.abs(prevGroupMax - groupMin) < 1)
+            return `{center2|${prevGroupMax}/${value}}`;
           return `{center2|${prevGroupMax.toFixed(0)}/${value.toFixed(0)}}`;
         }
         if (groupIndex <= dataGroups.length - 1 && value === groupMax) {
@@ -8486,7 +9804,9 @@ const _sfc_main$2 = {
     // 添加标记线到泳道图表
     addMarkLineToSeries(baseSeries, lineInfo, realTimeData, axisKey, dataIndexMap) {
       if (!this.markLineData || this.markLineData.length === 0) return;
-      let filterLanes = this.currentTemplate.lanes.filter((l) => !Object.prototype.hasOwnProperty.call(l, "contentKey") && l.laneKey !== axisKey && l.lines.length > 0).map((l) => l.lines).flat();
+      let filterLanes = this.currentTemplate.lanes.filter(
+        (l) => !Object.prototype.hasOwnProperty.call(l, "contentKey") && l.laneKey !== axisKey && l.lines.length > 0
+      ).map((l) => l.lines).flat();
       let isLastLine = filterLanes.findIndex((l) => l.lineId == lineInfo.lineId);
       let show = isLastLine == filterLanes.length - 1;
       baseSeries.markLine = {
@@ -8501,7 +9821,19 @@ const _sfc_main$2 = {
             const markTimeMs2 = this.toMillisecondTimestamp(markTime);
             const findItem = dataIndexMap.get(String(markDepth)) || realTimeData.find((d) => d[axisKey] == markDepth);
             if (findItem) {
-              return { yAxis: Number(markDepth), lineStyle: { color: item.color || "red", type: "dashed", width: 2 }, label: { show, position: "insideEndTop", fontSize: getAdaptedFontSize(10) } };
+              return {
+                yAxis: Number(markDepth),
+                lineStyle: {
+                  color: item.color || "red",
+                  type: "dashed",
+                  width: 2
+                },
+                label: {
+                  show,
+                  position: "insideEndTop",
+                  fontSize: getAdaptedFontSize(10)
+                }
+              };
             }
             let closestItem = null, minDiff = Infinity;
             realTimeData.forEach((d) => {
@@ -8516,10 +9848,34 @@ const _sfc_main$2 = {
                 const dataTime = closestItem.timestamp || null;
                 const dataTimeMs = this.toMillisecondTimestamp(dataTime);
                 if (markTimeMs2 >= dataTimeMs) {
-                  return { yAxis: Number(markDepth), lineStyle: { color: item.color || "red", type: "dashed", width: 2 }, label: { show, position: "insideEndTop", fontSize: getAdaptedFontSize(10) } };
+                  return {
+                    yAxis: Number(markDepth),
+                    lineStyle: {
+                      color: item.color || "red",
+                      type: "dashed",
+                      width: 2
+                    },
+                    label: {
+                      show,
+                      position: "insideEndTop",
+                      fontSize: getAdaptedFontSize(10)
+                    }
+                  };
                 }
               } else {
-                return { yAxis: Number(markDepth), lineStyle: { color: item.color || "red", type: "dashed", width: 2 }, label: { show, position: "insideEndTop", fontSize: getAdaptedFontSize(10) } };
+                return {
+                  yAxis: Number(markDepth),
+                  lineStyle: {
+                    color: item.color || "red",
+                    type: "dashed",
+                    width: 2
+                  },
+                  label: {
+                    show,
+                    position: "insideEndTop",
+                    fontSize: getAdaptedFontSize(10)
+                  }
+                };
               }
             }
             return { yAxis: null };
@@ -8528,22 +9884,63 @@ const _sfc_main$2 = {
             const markTimeMs2 = this.toMillisecondTimestamp(markTime);
             const findItem = dataIndexMap.get(String(markTime)) || realTimeData.find((d) => d[axisKey] == markTime);
             if (findItem) {
-              return { yAxis: markTimeMs2, lineStyle: { color: item.color || "red", type: "dashed", width: 2 }, label: { show, position: "insideEndTop", fontSize: getAdaptedFontSize(10), formatter: (value) => this.timestampToYMDHMS(markTimeMs2) || "" } };
+              return {
+                yAxis: markTimeMs2,
+                lineStyle: {
+                  color: item.color || "red",
+                  type: "dashed",
+                  width: 2
+                },
+                label: {
+                  show,
+                  position: "insideEndTop",
+                  fontSize: getAdaptedFontSize(10),
+                  formatter: (value) => this.timestampToYMDHMS(markTimeMs2) || ""
+                }
+              };
             }
             let closestItem = null, minDiff = Infinity;
             realTimeData.forEach((d) => {
-              const diff = Math.abs(this.toMillisecondTimestamp(d[axisKey]) - markTimeMs2);
+              const diff = Math.abs(
+                this.toMillisecondTimestamp(d[axisKey]) - markTimeMs2
+              );
               if (diff < minDiff) {
                 minDiff = diff;
                 closestItem = d;
               }
             });
             if (closestItem) {
-              return { yAxis: markTimeMs2, lineStyle: { color: item.color || "red", type: "dashed", width: 2 }, label: { show, position: "insideEndTop", fontSize: getAdaptedFontSize(10), formatter: (value) => this.timestampToYMDHMS(markTimeMs2) || "" } };
+              return {
+                yAxis: markTimeMs2,
+                lineStyle: {
+                  color: item.color || "red",
+                  type: "dashed",
+                  width: 2
+                },
+                label: {
+                  show,
+                  position: "insideEndTop",
+                  fontSize: getAdaptedFontSize(10),
+                  formatter: (value) => this.timestampToYMDHMS(markTimeMs2) || ""
+                }
+              };
             }
             return { yAxis: null };
           }
-          return { yAxis: Number(item.data || item), lineStyle: { color: item.color || "red", type: "dashed", width: 2 }, label: { show, position: "insideEndTop", fontSize: getAdaptedFontSize(10), formatter: (value) => this.timestampToYMDHMS(markTimeMs) || "" } };
+          return {
+            yAxis: Number(item.data || item),
+            lineStyle: {
+              color: item.color || "red",
+              type: "dashed",
+              width: 2
+            },
+            label: {
+              show,
+              position: "insideEndTop",
+              fontSize: getAdaptedFontSize(10),
+              formatter: (value) => this.timestampToYMDHMS(markTimeMs) || ""
+            }
+          };
         }).filter((item) => item.yAxis !== null)
       };
     },
@@ -8551,62 +9948,81 @@ const _sfc_main$2 = {
     addMarkAreaToSeries(baseSeries, lineInfo, realTimeData, axisKey, min, max, dataIndexMap) {
       var _a;
       if (!this.markAreaLineData || this.markAreaLineData.length === 0) return;
-      const currentMarkAreaData = this.markAreaLineData.filter((item) => item.paramsId === lineInfo.paramId);
+      const currentMarkAreaData = this.markAreaLineData.filter(
+        (item) => item.paramsId === lineInfo.paramId
+      );
       if (currentMarkAreaData.length === 0) return;
       const markAreaData = [];
       for (let i = 0; i < currentMarkAreaData.length; i++) {
         const areaItem = currentMarkAreaData[i];
         if (!areaItem.data || areaItem.data.length < 2) continue;
+        if (lineInfo.laneId !== this.activeLaneId && areaItem.type === "markArea")
+          continue;
+        if (areaItem.data[0].timestamp) {
+          areaItem.data.sort(
+            (a, b) => this.toMillisecondTimestamp(a.timestamp) - this.toMillisecondTimestamp(b.timestamp)
+          );
+        } else {
+          areaItem.data.sort((a, b) => Number(a[axisKey]) - Number(b[axisKey]));
+        }
         const startData = areaItem.data[0];
         const endData = areaItem.data[1];
+        console.log("startData", startData, "endData", endData);
         let startY, endY;
         if (this.formCache.axisType === "depth") {
           const startDepth = startData.depth;
-          const startTime = this.toMillisecondTimestamp(startData.timestamp || 0);
+          const startTime = this.toMillisecondTimestamp(startData.timestamp);
           const endDepth = endData.depth;
-          const endTime = this.toMillisecondTimestamp(endData.timestamp || 0);
+          const endTime = this.toMillisecondTimestamp(endData.timestamp);
           let startFindItem = dataIndexMap.get(String(startDepth));
           if (!startFindItem) {
-            startFindItem = realTimeData.find((d) => d[axisKey] == startDepth && d.timestamp == startData.timestamp);
+            startFindItem = realTimeData.find(
+              (d) => d[axisKey] == startDepth && this.toMillisecondTimestamp(d.timestamp) == startTime
+            );
           }
           if (startFindItem) {
             startY = Number(startDepth);
           } else {
-            let closestStartItem = null, minStartDiff = Infinity;
+            let closestStartItem = null;
             for (let j = 0; j < realTimeData.length; j++) {
               const d = realTimeData[j];
-              const diff = Math.abs(Number(d[axisKey]) - Number(startDepth));
-              if (diff < minStartDiff) {
-                minStartDiff = diff;
+              const diff = Number(d[axisKey]) - Number(startDepth);
+              if (diff >= 0) {
                 closestStartItem = d;
+                break;
               }
             }
             if (closestStartItem) {
-              const dataTimeMs = this.toMillisecondTimestamp(closestStartItem.timestamp || 0);
-              startY = startTime >= dataTimeMs && closestStartItem[axisKey] >= startDepth ? Number(startDepth) : null;
+              const dataTimeMs = this.toMillisecondTimestamp(
+                closestStartItem.timestamp
+              );
+              startY = startTime <= dataTimeMs && dataTimeMs <= endTime && closestStartItem[axisKey] >= startDepth ? Number(startDepth) : null;
             } else {
               startY = null;
             }
           }
           let endFindItem = dataIndexMap.get(String(endDepth));
           if (!endFindItem) {
-            endFindItem = realTimeData.find((d) => d[axisKey] == endDepth && d.timestamp == endData.timestamp);
+            endFindItem = realTimeData.find(
+              (d) => d[axisKey] == endDepth && this.toMillisecondTimestamp(d.timestamp) == endTime
+            );
           }
           if (endFindItem) {
             endY = Number(endDepth);
           } else {
-            let closestEndItem = null, minEndDiff = Infinity;
+            let closestEndItem = null;
             for (let j = 0; j < realTimeData.length; j++) {
               const d = realTimeData[j];
-              const diff = Math.abs(Number(d[axisKey]) - Number(endDepth));
-              if (diff < minEndDiff) {
-                minEndDiff = diff;
+              const diff = Number(d[axisKey]) - Number(endDepth);
+              if (diff <= 0) {
                 closestEndItem = d;
               }
             }
             if (closestEndItem) {
-              const dataTimeMs = this.toMillisecondTimestamp(closestEndItem.timestamp || 0);
-              endY = endTime >= dataTimeMs && closestEndItem[axisKey] <= endDepth ? Number(endDepth) : null;
+              const dataTimeMs = this.toMillisecondTimestamp(
+                closestEndItem.timestamp
+              );
+              endY = endTime >= dataTimeMs && dataTimeMs >= startTime && closestEndItem[axisKey] <= endDepth ? Number(endDepth) : null;
             } else {
               endY = null;
             }
@@ -8622,13 +10038,13 @@ const _sfc_main$2 = {
           }
           startY = startFindItem ? startTimeMs : null;
           if (!startY) {
-            let closestStartItem = null, minStartDiff = Infinity;
+            let closestStartItem = null;
             for (let j = 0; j < realTimeData.length; j++) {
               const d = realTimeData[j];
-              const diff = Math.abs(this.toMillisecondTimestamp(d[axisKey]) - startTimeMs);
-              if (diff < minStartDiff) {
-                minStartDiff = diff;
+              const diff = this.toMillisecondTimestamp(d[axisKey]) - startTimeMs;
+              if (diff > 0) {
                 closestStartItem = d;
+                break;
               }
             }
             startY = closestStartItem ? startTimeMs : null;
@@ -8639,12 +10055,11 @@ const _sfc_main$2 = {
           }
           endY = endFindItem ? endTimeMs : null;
           if (!endY) {
-            let closestEndItem = null, minEndDiff = Infinity;
+            let closestEndItem = null;
             for (let j = 0; j < realTimeData.length; j++) {
               const d = realTimeData[j];
-              const diff = Math.abs(this.toMillisecondTimestamp(d[axisKey]) - endTimeMs);
-              if (diff < minEndDiff) {
-                minEndDiff = diff;
+              const diff = this.toMillisecondTimestamp(d[axisKey]) - endTimeMs;
+              if (diff < 0) {
                 closestEndItem = d;
               }
             }
@@ -8676,8 +10091,18 @@ const _sfc_main$2 = {
     addRangeAreaToSeries(baseSeries, lineInfo, realTimeData, axisKey, paramCodeMap, min, max) {
       var _a, _b;
       if (!lineInfo.upperParamId && !lineInfo.lowerParamId) return null;
-      const upperSeriesData = lineInfo.upperParamId ? this.generateSeriesDataCached(realTimeData, { ...lineInfo, paramId: lineInfo.upperParamId }, axisKey, paramCodeMap) : [];
-      const lowerSeriesData = lineInfo.lowerParamId ? this.generateSeriesDataCached(realTimeData, { ...lineInfo, paramId: lineInfo.lowerParamId }, axisKey, paramCodeMap) : [];
+      const upperSeriesData = lineInfo.upperParamId ? this.generateSeriesDataCached(
+        realTimeData,
+        { ...lineInfo, paramId: lineInfo.upperParamId },
+        axisKey,
+        paramCodeMap
+      ) : [];
+      const lowerSeriesData = lineInfo.lowerParamId ? this.generateSeriesDataCached(
+        realTimeData,
+        { ...lineInfo, paramId: lineInfo.lowerParamId },
+        axisKey,
+        paramCodeMap
+      ) : [];
       const customData = [];
       const maxLength = Math.max(upperSeriesData.length, lowerSeriesData.length);
       for (let i = 0; i < maxLength - 1; i++) {
@@ -8685,12 +10110,18 @@ const _sfc_main$2 = {
         const upperPoint2 = upperSeriesData[i + 1];
         const lowerPoint1 = lowerSeriesData[i];
         const lowerPoint2 = lowerSeriesData[i + 1];
-        if (!upperPoint1 || !upperPoint2 || !lowerPoint1 || !lowerPoint2) continue;
-        if (upperPoint1[0] === null || upperPoint1[0] === void 0 || upperPoint1[0] === "") continue;
-        if (upperPoint2[0] === null || upperPoint2[0] === void 0 || upperPoint2[0] === "") continue;
-        if (lowerPoint1[0] === null || lowerPoint1[0] === void 0 || lowerPoint1[0] === "") continue;
-        if (lowerPoint2[0] === null || lowerPoint2[0] === void 0 || lowerPoint2[0] === "") continue;
-        if (!Number.isFinite(upperPoint1[1]) || !Number.isFinite(upperPoint2[1]) || !Number.isFinite(lowerPoint1[1]) || !Number.isFinite(lowerPoint2[1])) continue;
+        if (!upperPoint1 || !upperPoint2 || !lowerPoint1 || !lowerPoint2)
+          continue;
+        if (upperPoint1[0] === null || upperPoint1[0] === void 0 || upperPoint1[0] === "")
+          continue;
+        if (upperPoint2[0] === null || upperPoint2[0] === void 0 || upperPoint2[0] === "")
+          continue;
+        if (lowerPoint1[0] === null || lowerPoint1[0] === void 0 || lowerPoint1[0] === "")
+          continue;
+        if (lowerPoint2[0] === null || lowerPoint2[0] === void 0 || lowerPoint2[0] === "")
+          continue;
+        if (!Number.isFinite(upperPoint1[1]) || !Number.isFinite(upperPoint2[1]) || !Number.isFinite(lowerPoint1[1]) || !Number.isFinite(lowerPoint2[1]))
+          continue;
         customData.push([
           upperPoint1[0],
           lowerPoint1[0],
@@ -8743,7 +10174,9 @@ const _sfc_main$2 = {
         return;
       }
       if (seriesData.length > 0) {
-        const firstValidPoint = seriesData.find((point) => Number.isFinite(+point[0]));
+        const firstValidPoint = seriesData.find(
+          (point) => Number.isFinite(+point[0])
+        );
         if (firstValidPoint) {
           seriesData.unshift([min, firstValidPoint[1]]);
           const lastValidPoint = seriesData[seriesData.length - 1];
@@ -8778,7 +10211,10 @@ const _sfc_main$2 = {
           if (!chartRef || !chartRef.chart) continue;
           const chart = chartRef.chart;
           const currentOption = chart.getOption();
-          const axisTypeList = this.currentToolBarConfig.axisTypeList || { depth: "depth", time: "time" };
+          const axisTypeList = this.currentToolBarConfig.axisTypeList || {
+            depth: "depth",
+            time: "time"
+          };
           const isDepthLane = Object.prototype.hasOwnProperty.call(axisTypeList, "depth") && axisTypeList.depth == lane.laneKey;
           const dataGroups = splitArrayByDepth(realTimeData, axisKey);
           if (dataGroups.length === 0) continue;
@@ -8819,9 +10255,17 @@ const _sfc_main$2 = {
           if (allIntervals.length > 0) {
             const minInterval = Math.min(...allIntervals);
             const totalRange = Math.max(...allValues) - Math.min(...allValues);
-            const intervalCount = Math.max(1, Math.min(12, Math.ceil(totalRange / minInterval)));
-            unifiedInterval = Math.ceil(totalRange / Math.min(12, intervalCount));
-            unifiedInterval = Math.max(minInterval, Math.ceil(unifiedInterval / minInterval) * minInterval);
+            const intervalCount = Math.max(
+              1,
+              Math.min(12, Math.ceil(totalRange / minInterval))
+            );
+            unifiedInterval = Math.ceil(
+              totalRange / Math.min(12, intervalCount)
+            );
+            unifiedInterval = Math.max(
+              minInterval,
+              Math.ceil(unifiedInterval / minInterval) * minInterval
+            );
           }
           let currentTop = 0;
           let seriesIndex = 0;
@@ -8875,8 +10319,15 @@ const _sfc_main$2 = {
               if (lane && lane.lines) {
                 lane.lines.forEach((lineInfo) => {
                   var _a, _b, _c, _d;
-                  const allSeriesData = this.generateSeriesData(realTimeData, lineInfo, axisKey);
-                  const { min, max } = this.getXAxisRangeByHeader(lineInfo, allSeriesData);
+                  const allSeriesData = this.generateSeriesData(
+                    realTimeData,
+                    lineInfo,
+                    axisKey
+                  );
+                  const { min, max } = this.getXAxisRangeByHeader(
+                    lineInfo,
+                    allSeriesData
+                  );
                   const isLogScale = lane.isLogScale === "1";
                   const xAxisItem = {
                     gridIndex,
@@ -8889,15 +10340,26 @@ const _sfc_main$2 = {
                     needUpdate.xAxis = true;
                   }
                   newXAxis.push(xAxisItem);
-                  const seriesData = this.generateSeriesData(group, lineInfo, axisKey);
+                  const seriesData = this.generateSeriesData(
+                    group,
+                    lineInfo,
+                    axisKey
+                  );
                   const finalSeriesData = lineInfo.isUsed === "1" ? seriesData : [];
                   const currentSeries = currentOption.series && currentOption.series[seriesIndex];
                   if (!currentSeries || JSON.stringify(currentSeries.data) !== JSON.stringify(finalSeriesData)) {
                     needUpdate.series = true;
-                    newSeriesData.push({ index: seriesIndex, data: finalSeriesData });
+                    newSeriesData.push({
+                      index: seriesIndex,
+                      data: finalSeriesData
+                    });
                   }
                   seriesIndex++;
-                  const effectScatterPoint = this.getEffectScatterPoint(lineInfo, realTimeData, axisKey);
+                  const effectScatterPoint = this.getEffectScatterPoint(
+                    lineInfo,
+                    realTimeData,
+                    axisKey
+                  );
                   const effectScatterIndex = seriesIndex;
                   const currentEffectScatter = currentOption.series && currentOption.series[effectScatterIndex];
                   let effectScatterData = [];
@@ -8910,7 +10372,10 @@ const _sfc_main$2 = {
                   if (!currentEffectScatter || JSON.stringify(currentEffectScatter.data) !== JSON.stringify(effectScatterData)) {
                     needUpdate.series = true;
                     if (currentEffectScatter) {
-                      newSeriesData.push({ index: effectScatterIndex, data: effectScatterData });
+                      newSeriesData.push({
+                        index: effectScatterIndex,
+                        data: effectScatterData
+                      });
                     } else {
                       const color = lineInfo.themeConfig ? lineInfo.isGradient && ((_d = (_c = this.linearGradientLineColor) == null ? void 0 : _c[this.nowTheme]) == null ? void 0 : _d[lineInfo.paramId]) ? this.linearGradientLineColor[this.nowTheme][lineInfo.paramId] : lineInfo.themeConfig[this.nowTheme].lineColor : lineInfo.lineColor;
                       newSeriesData.push({
@@ -8922,12 +10387,61 @@ const _sfc_main$2 = {
                         itemStyle: { color, opacity: 1 },
                         tooltip: { show: false },
                         showEffectOn: "render",
-                        rippleEffect: { brushType: "stroke", scale: 3, period: 2 },
+                        rippleEffect: {
+                          brushType: "stroke",
+                          scale: 3,
+                          period: 2
+                        },
                         z: (lineInfo.lineSort || 0) + 1
                       });
                     }
                   }
                   seriesIndex++;
+                  if (lineInfo.isUsed === "1" && this.isGeomechanical && lane.laneId === this.activeLaneId) {
+                    const boundaryPoints = this.findMissingDataBoundaryPoints(seriesData);
+                    const formattedBoundaryPoints = boundaryPoints.map(
+                      (bp) => ({
+                        value: bp.data,
+                        type: bp.type,
+                        originalIndex: bp.originalIndex,
+                        lineId: lineInfo.lineId,
+                        paramId: lineInfo.paramId
+                      })
+                    );
+                    const boundaryScatterIndex = seriesIndex;
+                    const currentBoundaryScatter = currentOption.series && currentOption.series[boundaryScatterIndex];
+                    if (!currentBoundaryScatter || JSON.stringify(currentBoundaryScatter.data) !== JSON.stringify(formattedBoundaryPoints)) {
+                      needUpdate.series = true;
+                      if (currentBoundaryScatter) {
+                        newSeriesData.push({
+                          index: boundaryScatterIndex,
+                          data: formattedBoundaryPoints
+                        });
+                      } else {
+                        newSeriesData.push({
+                          index: boundaryScatterIndex,
+                          data: formattedBoundaryPoints,
+                          type: "scatter",
+                          symbol: "circle",
+                          symbolSize: getAdaptedFontSize(8),
+                          itemStyle: { color: "red", opacity: 1 },
+                          tooltip: { show: false },
+                          z: (lineInfo.lineSort || 0) + 2
+                        });
+                      }
+                    }
+                  } else if (lineInfo.isUsed === "1") {
+                    const boundaryScatterIndex = seriesIndex;
+                    const currentBoundaryScatter = currentOption.series && currentOption.series[boundaryScatterIndex];
+                    if (currentBoundaryScatter && Array.isArray(currentBoundaryScatter.data) && currentBoundaryScatter.data.length > 0) {
+                      needUpdate.series = true;
+                      newSeriesData.push({
+                        index: boundaryScatterIndex,
+                        data: []
+                      });
+                    }
+                  }
+                  seriesIndex++;
                 });
               }
             }
@@ -8985,6 +10499,8 @@ const _sfc_main$2 = {
         this.headerData = {};
         this.markLineData = [];
         this.markAreaLineData = [];
+        this.laneSelectedPointPairs = {};
+        this.activeLaneId = null;
         this.lineRange = {};
         this.pendingRequestData = null;
         this.initialRealTimeData = {};
@@ -9108,28 +10624,43 @@ const _sfc_main$2 = {
         scale = +scale.replace("1:", "") / 100;
       }
       let size = Math.round(this.pxToCm() * (+scale / this.depthInterval));
-      let maxSize = Math.max(Math.round(this.pxToCm() * (1 / this.depthInterval)), this.realTimeData.length);
+      let maxSize = Math.max(
+        Math.round(this.pxToCm() * (1 / this.depthInterval)),
+        this.realTimeData.length
+      );
       if (size < maxSize) {
         this.windowSize = size;
       } else {
         this.windowSize = maxSize;
         let newsize = Math.round(maxSize / this.pxToCm() * this.depthInterval);
         let data = ((_b = (_a = this.currentToolBarConfig) == null ? void 0 : _a.scaleList) == null ? void 0 : _b.map((item) => item.value)) || [];
-        this.$emit("updateScale", data.includes(newsize) ? newsize : `1:${newsize * 100}`);
+        this.$emit(
+          "updateScale",
+          data.includes(newsize) ? newsize : `1:${newsize * 100}`
+        );
       }
     },
     getLatestLineDataByParamCode() {
       if (!this.realTimeData || this.realTimeData.length === 0) return {};
-      if (!this.currentTemplate || !this.currentTemplate.lanes || this.currentTemplate.lanes.length === 0) return {};
+      if (!this.currentTemplate || !this.currentTemplate.lanes || this.currentTemplate.lanes.length === 0)
+        return {};
       const axisType = this.formCache.axisType;
       const axisKey = this.currentToolBarConfig.axisTypeList && this.currentToolBarConfig.axisTypeList[axisType] || (axisType === "time" ? "time" : "depth");
       const sortedData = [...this.realTimeData];
       if (axisType === "depth") {
-        sortedData.sort((a, b) => {
-          const timestampA = this.toMillisecondTimestamp(a.timestamp);
-          const timestampB = this.toMillisecondTimestamp(b.timestamp);
-          return timestampA - timestampB;
-        });
+        if (sortedData[0] && sortedData[0].timestamp) {
+          sortedData.sort((a, b) => {
+            const timestampA = this.toMillisecondTimestamp(a.timestamp);
+            const timestampB = this.toMillisecondTimestamp(b.timestamp);
+            return timestampA - timestampB;
+          });
+        } else {
+          sortedData.sort((a, b) => {
+            const valA = Number(a[axisKey]);
+            const valB = Number(b[axisKey]);
+            return valA - valB;
+          });
+        }
       } else if (axisType === "time") {
         sortedData.sort((a, b) => {
           const valA = Number(a[axisKey]);
@@ -9180,6 +10711,13 @@ const _sfc_main$2 = {
     }
   },
   watch: {
+    activeLaneId: {
+      handler(newVal) {
+        const lane = this.currentTemplate.lanes.find((item) => item.laneId === newVal) || {};
+        this.$emit("updateLaneId", lane);
+      },
+      immediate: true
+    },
     warningData: {
       handler(newVal) {
         this.$nextTick(() => {
@@ -9197,8 +10735,8 @@ const _sfc_main$2 = {
           this.updateLanesChartOption();
         });
       },
-      deep: true,
-      immediate: true
+      immediate: true,
+      deep: true
     },
     themeName: {
       handler() {
@@ -9217,7 +10755,10 @@ const _sfc_main$2 = {
         if (newVal && this.formCache.axisType == "depth") {
           let data = ((_b = (_a = this.currentToolBarConfig) == null ? void 0 : _a.scaleList) == null ? void 0 : _b.map((item) => item.value)) || [];
           let size = Math.round(newVal * this.depthInterval / this.pxToCm()) < Math.max(...data) ? Math.round(newVal * this.depthInterval / this.pxToCm()) : Math.max(...data);
-          this.$emit("updateScale", data.includes(size) ? size : `1:${size * 100}`);
+          this.$emit(
+            "updateScale",
+            data.includes(size) ? size : `1:${size * 100}`
+          );
         }
       }
     },
@@ -9235,9 +10776,18 @@ const _sfc_main$2 = {
         this.lastVisibleDataChangeParams = { firstValue, lastValue };
         if (this.formCache.axisType === "depth") {
           const dataGroups = splitArrayByDepth(val, axisKey);
-          this.$emit("visibleDataChange", { firstValue, lastValue, settings: this.formCache, dataGroups });
+          this.$emit("visibleDataChange", {
+            firstValue,
+            lastValue,
+            settings: this.formCache,
+            dataGroups
+          });
         } else {
-          this.$emit("visibleDataChange", { firstValue, lastValue, settings: this.formCache });
+          this.$emit("visibleDataChange", {
+            firstValue,
+            lastValue,
+            settings: this.formCache
+          });
         }
       },
       immediate: true
@@ -9258,25 +10808,36 @@ const _sfc_main$2 = {
               ...item,
               [axisKey]: this.toMillisecondTimestamp(item[axisKey])
             }));
-            this.realTimeData = this.deduplicateByUniqueKey(this.realTimeData, processedData, axisKey);
-            this.realTimeData = processedData;
-          } else {
-            processedData = processedData.map((item) => ({
-              ...item,
-              timestamp: this.toMillisecondTimestamp(item.timestamp)
-            }));
-            this.realTimeData = processedData;
-          }
-          if (this.formCache.axisType == "depth") {
-            let data = getAttrGap(
+            this.realTimeData = this.deduplicateByUniqueKey(
               this.realTimeData,
-              this.currentToolBarConfig.axisTypeList && this.currentToolBarConfig.axisTypeList[this.formCache.axisType] || "depth"
+              processedData,
+              axisKey
             );
-            if (data && data.avgGap !== void 0 && data.avgGap !== null) {
-              this.depthInterval = data.avgGap;
+            this.realTimeData = processedData;
+          } else {
+            const axisKey = this.currentToolBarConfig.axisTypeList && this.currentToolBarConfig.axisTypeList[this.formCache.axisType] || "depth";
+            if (processedData[0] && processedData[0].timestamp) {
+              console.log(processedData[0].timestamp, "timestamp11111111");
+              processedData = processedData.map((item) => ({
+                ...item,
+                timestamp: this.toMillisecondTimestamp(item.timestamp)
+              }));
+              this.realTimeData = this.deduplicateByUniqueKey(
+                this.realTimeData,
+                processedData,
+                "timestamp"
+              );
             } else {
-              this.depthInterval = 1;
+              this.realTimeData = this.deduplicateByUniqueKey(
+                this.realTimeData,
+                processedData,
+                axisKey
+              );
             }
+            console.log(
+              this.realTimeData.filter((item) => item[axisKey] == "9551.25"),
+              "当前数据"
+            );
           }
           console.log(this.realTimeData, "当前数据");
           this.getLatestLineDataByParamCode();
@@ -9289,7 +10850,47 @@ const _sfc_main$2 = {
             data = [data];
           }
           this.handleDataLoaded(data);
+        } else if (newVal.type === "updateData") {
+          let data = cloneDeep(newVal && newVal.data) || [];
+          if (!Array.isArray(data)) {
+            data = [data];
+          }
+          const axisKey = this.currentToolBarConfig.axisTypeList && this.currentToolBarConfig.axisTypeList[this.formCache.axisType] || "depth";
+          if (this.formCache.axisType === "depth") {
+            data = data.map((item) => ({
+              ...item,
+              timestamp: this.toMillisecondTimestamp(item.timestamp)
+            }));
+            data.forEach((item) => {
+              const hasTimestamp = item.timestamp !== void 0 && item.timestamp !== null && item.timestamp !== "";
+              if (hasTimestamp) {
+                const matchIndex = this.realTimeData.findIndex(
+                  (d) => d[axisKey] == item[axisKey] && d.timestamp == item.timestamp
+                );
+                if (matchIndex > -1) {
+                  this.$set(this.realTimeData, matchIndex, {
+                    ...this.realTimeData[matchIndex],
+                    ...item
+                  });
+                }
+              } else {
+                const matchIndex = this.realTimeData.findIndex(
+                  (d) => d[axisKey] == item[axisKey]
+                );
+                if (matchIndex > -1) {
+                  this.$set(this.realTimeData, matchIndex, {
+                    ...this.realTimeData[matchIndex],
+                    ...item
+                  });
+                }
+              }
+            });
+            this.getLatestLineDataByParamCode();
+            await this.$nextTick();
+            this.updateLanesChartOption();
+          }
         } else {
+          console.log(newVal, "newVal");
           let data = cloneDeep(newVal && newVal.data) || [];
           if (!Array.isArray(data)) {
             data = [data];
@@ -9312,9 +10913,15 @@ const _sfc_main$2 = {
               timestamp: this.toMillisecondTimestamp(item.timestamp)
             }));
             if (direction === "top") {
-              this.realTimeData = this.uniqueByKeys([...data, ...this.realTimeData], "timestamp");
+              this.realTimeData = this.uniqueByKeys(
+                [...data, ...this.realTimeData],
+                "timestamp"
+              );
             } else {
-              this.realTimeData = this.uniqueByKeys([...this.realTimeData, ...data], "timestamp");
+              this.realTimeData = this.uniqueByKeys(
+                [...this.realTimeData, ...data],
+                "timestamp"
+              );
             }
           }
           this.getLatestLineDataByParamCode();
@@ -9344,6 +10951,14 @@ const _hoisted_2$2 = {
   class: "kd-lane-chart-container",
   ref: "targetDom"
 };
+const _hoisted_3$1 = ["onMouseenter", "onClick"];
+const _hoisted_4$1 = {
+  key: 0,
+  class: "context-menu sub-menu",
+  style: { left: "100%", top: 0 }
+};
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = ["onClick"];
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_resizeEcharts = resolveComponent("resizeEcharts");
   const _component_chartContainer = resolveComponent("chartContainer");
@@ -9357,7 +10972,8 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
         onParamsChange: $options.paramsChange,
         visibleData: $data.visibleData,
         headerData: $data.headerData,
-        lineRange: $data.lineRange
+        lineRange: $data.lineRange,
+        activeLaneId: $data.activeLaneId
       }), createSlots({ _: 2 }, [
         renderList($props.headerSlotName, (lane) => {
           return {
@@ -9390,8 +11006,9 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                   ref: (el) => $options.setChartRef(lane.laneId, el),
                   autoresize: "",
                   options: $options.getOptionsByLineId(lane.laneId),
-                  group: $data.group
-                }, null, 8, ["options", "group"]))
+                  group: $data.group,
+                  onChartInited: (chart) => $options.handleChartInited(lane.laneId, chart)
+                }, null, 8, ["options", "group", "onChartInited"]))
               ], 36))
             ])
           };
@@ -9419,23 +11036,68 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                   ref: (el) => $options.setChartRef(lane.laneId, el),
                   autoresize: "",
                   options: $options.getOptionsByLineId(lane.laneId),
-                  group: $data.group
-                }, null, 8, ["options", "group"]))
+                  group: $data.group,
+                  onChartInited: (chart) => $options.handleChartInited(lane.laneId, chart)
+                }, null, 8, ["options", "group", "onChartInited"]))
               ], 36))
             ])
           };
         })
-      ]), 1040, ["onTemplateChange", "onLineChange", "onLaneWidthChange", "onParamsChange", "visibleData", "headerData", "lineRange"])
+      ]), 1040, ["onTemplateChange", "onLineChange", "onLaneWidthChange", "onParamsChange", "visibleData", "headerData", "lineRange", "activeLaneId"])
     ], 512),
     withDirectives(createElementVNode("div", {
       class: "kd-lane-crosshair-line",
       style: normalizeStyle({ top: `${$data.crosshairTop}px` })
     }, null, 4), [
       [vShow, $data.crosshairVisible]
+    ]),
+    withDirectives(createElementVNode("div", {
+      class: "context-menu-wrapper",
+      onClick: _cache[6] || (_cache[6] = withModifiers((...args) => $options.closeContextMenu && $options.closeContextMenu(...args), ["self"])),
+      onContextmenu: _cache[7] || (_cache[7] = withModifiers((...args) => $options.closeContextMenu && $options.closeContextMenu(...args), ["prevent"]))
+    }, [
+      createElementVNode("div", {
+        ref: "contextMenuRef",
+        class: "context-menu",
+        style: normalizeStyle({ left: `${$data.contextMenuX}%`, top: `${$data.contextMenuY}%` })
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList($data.currentContextMenuItems, (item, index2) => {
+          return openBlock(), createElementBlock(Fragment, { key: index2 }, [
+            item.children && item.children.length > 0 ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "context-menu-item has-children",
+              onMouseenter: ($event) => $options.showSubMenu(item, $event),
+              onClick: ($event) => $options.handleContextMenuItemClick(item)
+            }, [
+              createElementVNode("span", null, toDisplayString(item.label), 1),
+              _cache[8] || (_cache[8] = createElementVNode("span", { class: "arrow" }, "›", -1)),
+              $data.activeSubMenu === item ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(item.children, (child, childIndex) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: childIndex,
+                    class: "context-menu-item",
+                    onClick: ($event) => $options.handleContextMenuItemClick(child)
+                  }, [
+                    createElementVNode("span", null, toDisplayString(child.label), 1)
+                  ], 8, _hoisted_5);
+                }), 128))
+              ])) : createCommentVNode("", true)
+            ], 40, _hoisted_3$1)) : (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: "context-menu-item",
+              onClick: ($event) => $options.handleContextMenuItemClick(item)
+            }, [
+              createElementVNode("span", null, toDisplayString(item.label), 1)
+            ], 8, _hoisted_6))
+          ], 64);
+        }), 128))
+      ], 4)
+    ], 544), [
+      [vShow, $data.contextMenuVisible]
     ])
   ], 512);
 }
-const chartContainer = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-560cb988"]]);
+const chartContainer = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-b2028739"]]);
 const _sfc_main$1 = {
   name: "ParameterPanel",
   props: {
@@ -10077,6 +11739,10 @@ const _sfc_main = {
     chartContainer
   },
   props: {
+    isGeomechanical: {
+      type: Boolean,
+      default: false
+    },
     timeConfig: {
       type: Object,
       default: () => ({})
@@ -10149,6 +11815,73 @@ const _sfc_main = {
     showContextMenuStatus: {
       type: Boolean,
       default: true
+    },
+    // 缺失数据点右键弹窗配置
+    missingPointMenuConfig: {
+      type: Object,
+      default: () => ({
+        topMenu: [
+          {
+            label: "向下插值",
+            children: [
+              {
+                label: "方式一",
+                canTransfer: true
+              },
+              { label: "方式二", canTransfer: true }
+            ]
+          },
+          {
+            label: "向下拟合",
+            children: [
+              { label: "方式一", canTransfer: true },
+              { label: "方式二", canTransfer: true },
+              { label: "方式三", canTransfer: true }
+            ]
+          }
+        ],
+        bottomMenu: [
+          {
+            label: "向上插值",
+            children: [
+              { label: "方式一", canTransfer: true },
+              { label: "方式二", canTransfer: true }
+            ]
+          },
+          {
+            label: "向上拟合",
+            children: [
+              { label: "方式一", canTransfer: true },
+              { label: "方式二", canTransfer: true },
+              { label: "方式三", canTransfer: true }
+            ]
+          }
+        ]
+      })
+    },
+    // 区块右键弹窗配置（始终自带"删除区块"，无论是否传数据）
+    markAreaMenuConfig: {
+      type: Array,
+      default: () => [
+        {
+          label: "插值计算",
+          children: [
+            {
+              label: "方式一",
+              canTransfer: true
+            },
+            { label: "方式二", canTransfer: true }
+          ]
+        },
+        {
+          label: "拟合计算",
+          children: [
+            { label: "方式一", canTransfer: true },
+            { label: "方式二", canTransfer: true },
+            { label: "方式三", canTransfer: true }
+          ]
+        }
+      ]
     }
   },
   data() {
@@ -10808,7 +12541,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])])) : createCommentVNode("", true)
   ]);
 }
-const FrameLayoutComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-3671672c"]]);
+const FrameLayoutComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-eea6a3a0"]]);
 KdLaneContainerComponent.install = function(app) {
   app.component(KdLaneContainerComponent.name, KdLaneContainerComponent);
 };