kd-curve-v2 0.0.8 → 0.1.0

package/dist/esm/index.js

@@ -1,14 +1,11 @@
-import { cloneDeep, debounce, merge } from 'lodash-es';
+import { cloneDeep, debounce } from 'lodash-es';
 import * as echarts from 'echarts';
-import { InputNumber, DatePicker, Tabs, TabPane } from 'element-ui';
+import { InputNumber, DatePicker, Tabs, TabPane, Icon } from 'element-ui';
 import draggable from 'vuedraggable';
 import vClickOutside from 'v-click-outside';
 import Vue from 'vue';
 import { addListener, removeListener } from 'resize-detector';
 
-function isNumeric(val) {
-  return val != null && val !== "" && !Number.isNaN(Number(val));
-}
 function pxToNumber(pxStr) {
   if (!pxStr || typeof pxStr !== "string") return 0;
   return parseFloat(pxStr.replace("px", "")) || 0;
@@ -281,6 +278,56 @@ const getCssVariable = name => {
   return getComputedStyle(document.body).getPropertyValue(name).trim();
 };
 
+/**
+ * 对数组按depth进行拆分，当遇到不是递增的点时进行拆分
+ * @param {Array} arr - 要拆分的数组
+ * @param {string} key - 要检查的字段名，默认为'depth'
+ * @returns {Array} 拆分后的数组，每个子数组内的元素都保持递增
+ */
+function splitArrayByDepth(arr, key = "depth") {
+  if (!arr || !Array.isArray(arr)) {
+    return [];
+  }
+  if (arr.length < 2) {
+    return [arr];
+  }
+  const result = [];
+  function processSegment(segment) {
+    if (segment.length < 2) {
+      if (segment.length === 1) {
+        result.push([segment[0]]);
+      }
+      return;
+    }
+    const splitIndices = [];
+    for (let i = 1; i < segment.length; i++) {
+      const prevDepth = Number(segment[i - 1][key]);
+      const currDepth = Number(segment[i][key]);
+      if (currDepth < prevDepth) {
+        splitIndices.push(i);
+      }
+    }
+    if (splitIndices.length === 0) {
+      result.push(segment);
+      return;
+    }
+    let startIndex = 0;
+    for (const splitIndex of splitIndices) {
+      const subSegment = segment.slice(startIndex, splitIndex);
+      if (subSegment.length > 0) {
+        result.push(subSegment);
+      }
+      startIndex = splitIndex;
+    }
+    const lastSegment = segment.slice(startIndex);
+    if (lastSegment.length > 0) {
+      result.push(lastSegment);
+    }
+  }
+  processSegment(arr);
+  return result;
+}
+
 /**
  * 计算数组对象中某个数值属性的 最小间隔、最大间隔、最值
  * @param {Array} arr 目标数组
@@ -295,7 +342,10 @@ const getAttrGap = (arr, key) => {
       max: null,
       minGap: null,
       maxGap: null,
-      sortedList: arr || []
+      avgGap: null,
+      // 新增：平均间隔（去除离群值后）
+      sortedList: arr || [],
+      gaps: []
     };
   }
 
@@ -307,7 +357,9 @@ const getAttrGap = (arr, key) => {
       max: null,
       minGap: null,
       maxGap: null,
-      sortedList: validList
+      avgGap: null,
+      sortedList: validList,
+      gaps: []
     };
   }
 
@@ -325,24 +377,58 @@ const getAttrGap = (arr, key) => {
     gaps.push(gap < 0 ? -gap : gap); // 取绝对值
   }
 
-  // 6. 最小/最大间隔
-  const minGap = Math.min(...gaps);
-  const maxGap = Math.max(...gaps);
+  // 6. 移除离群值并计算平均间隔
+  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);
+
+    // 使用3倍标准差作为阈值移除离群值
+    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];
+  }
+
+  // 7. 最小/最大间隔（使用过滤后的数据）
+  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 // 所有间隔（可选）
+    gaps: filteredGaps // 过滤后的所有间隔
   };
 };
 
+// 判断是否为数字
+const isNumeric = value => {
+  // 第一步：先转数字
+  const num = Number(value);
+
+  // 第二步：必须是数字 && 不是 NaN && 不是无穷大
+  return typeof num === "number" && !isNaN(num) && isFinite(num);
+};
+
 //
 const SLIDER_GROUP_ID = "depthSliderGroup";
 
@@ -451,6 +537,10 @@ var script$b = {
       type: String,
       default: "gray",
     },
+    cachedCurveDatas: {
+      type: Object,
+      default: () => {},
+    },
   },
 
   data() {
@@ -486,11 +576,40 @@ var script$b = {
       // 滑块平滑动画相关
       targetSliderIndex: 0,
       sliderAnimationId: null,
+      // 缓存的曲线数据
+      cachedCurveData: [],
     };
   },
 
   computed: {
     currentModeData() {
+      // 如果有curveDatas数据，优先使用
+      if (this.cachedCurveData && this.cachedCurveData.length > 0) {
+        const modeConfig = this.getCurrentModeConfig();
+        if (modeConfig && modeConfig.datas && modeConfig.datas.length > 0) {
+          // 根据xCode和yCode构建series数据
+          return {
+            mode: this.mode,
+            axisType: modeConfig.axisType,
+            datas: modeConfig.datas.map((curveConfig) => {
+              const xCode = curveConfig.xCode || "timestamp";
+              const yCode = curveConfig.yCode;
+              return {
+                xName: curveConfig.xName,
+                yName: curveConfig.yName,
+                xCode: xCode,
+                yCode: yCode,
+                data: this.cachedCurveData.map((item) => ({
+                  time: item[xCode] || item.timestamp,
+                  value: item[yCode] || 0,
+                })),
+              };
+            }),
+          };
+        }
+      }
+
+      // 降级到原始的depthTimeChartData
       const modeData = this.depthTimeChartData.find((item) => item.mode === this.mode);
       return modeData || { datas: [] };
     },
@@ -527,6 +646,81 @@ var script$b = {
         });
       },
     },
+    cachedCurveDatas: {
+      deep: true,
+      immediate:true,
+      async handler(newVal) {
+        if (!newVal) return;
+        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 {
+                ...item,
+                [xCode]: this.toMillisecondTimestamp(item[xCode] || item.timestamp),
+              };
+            }
+            return {
+              ...item,
+              timestamp: this.toMillisecondTimestamp(item.timestamp),
+            };
+          });
+
+          this.cachedCurveData = processedData;
+
+          // 当获取replace数据时，将页面定位到最后一条数据
+          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 {
+          // 添加模式：根据direction插入数据
+          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 {
+                ...item,
+                [xCode]: this.toMillisecondTimestamp(item[xCode] || item.timestamp),
+              };
+            }
+            return {
+              ...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);
+          } else {
+            this.cachedCurveData = this.deduplicateByUniqueKey(this.cachedCurveData, processedData, uniqueKey);
+          }
+        }
+        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();
+      },
+    },
     depthTimeChartData: {
       deep: true,
       handler() {
@@ -603,6 +797,33 @@ var script$b = {
     }
   },
   methods: {
+    // 获取当前mode的配置
+    getCurrentModeConfig() {
+      if (!this.mode) return null;
+      return this.depthTimeChartData.find((item) => item.mode === this.mode);
+    },
+
+    deduplicateByUniqueKey(existingData, newData, uniqueKey) {
+      const newDataArr = Array.isArray(newData) ? newData : [newData];
+
+      let resultData = JSON.parse(JSON.stringify(existingData));
+
+      const existingKeys = new Set(resultData.map((item) => item[uniqueKey]));
+
+      newDataArr.forEach((newItem) => {
+        if (!newItem || !newItem[uniqueKey]) return;
+
+        if (!existingKeys.has(newItem[uniqueKey])) {
+          resultData.push(newItem);
+          existingKeys.add(newItem[uniqueKey]);
+        }
+      });
+
+      resultData.sort((a, b) => a[uniqueKey] - b[uniqueKey]);
+
+      return resultData;
+    },
+
     handleModeChange() {
       this.resetData();
       this.visibleDataRangeChange({ firstValue: this.topValue, lastValue: this.bottomValue });
@@ -631,7 +852,7 @@ var script$b = {
           // lastValue 大于最大值，停留在底部
           targetIndex = rows.length - 1;
         } else {
-          let averageTs = (firstTs+lastTs)/2;
+          let averageTs = (firstTs + lastTs) / 2;
           // 在范围内，找最接近的位置
           let minDiff = Infinity;
           for (let i = 0; i < rows.length; i++) {
@@ -657,7 +878,7 @@ var script$b = {
           // lastValue 大于最大值，停留在底部
           targetIndex = rows.length - 1;
         } else {
-          let averageValue = (firstValue+lastValue)/2;
+          let averageValue = (firstValue + lastValue) / 2;
           // 在范围内，找最接近的位置
           let minDiff = Infinity;
           for (let i = 0; i < rows.length; i++) {
@@ -684,8 +905,8 @@ var script$b = {
         this.labelPos.line1 = line1;
         this.labelPos.line2 = line2;
       } else {
-        let firstIndex = rows.findIndex(item => item.raw.value === data.firstValue);
-        let lastIndex = rows.findIndex(item => item.raw.value === data.lastValue);
+        let firstIndex = rows.findIndex((item) => item.raw.value === data.firstValue);
+        let lastIndex = rows.findIndex((item) => item.raw.value === data.lastValue);
         let firstValue = firstIndex !== -1 ? rows[firstIndex].raw.time : "";
         let lastValue = lastIndex !== -1 ? rows[lastIndex].raw.time : "";
         const dt1 = parseTimeLabel(firstValue);
@@ -695,7 +916,7 @@ var script$b = {
         this.labelPos.line1 = line1;
         this.labelPos.line2 = line2;
       }
-      
+
       // 重新绘制滑块，根据顶部和底部时间调整高度
       this.redrawSliderWithRange(data.firstValue, data.lastValue);
     },
@@ -1018,16 +1239,34 @@ var script$b = {
         this.emitSliderPoint();
         this.showTooltipBySlider(true);
       };
+      this._onZrClick = (e) => {
+        // 点击时移动滑块到点击位置
+        const g = this.findSliderGroup(e.target);
+        if (g) return; // 点击在滑块上，不处理
+
+        const rect = this.getGridRect();
+        const y = e.offsetY;
+        if (y < 0 || y > rect.height) return;
+
+        const idx = this.nearestIndexByPixelY(y);
+        if (idx !== this.sliderIndex) {
+          this.sliderIndex = idx;
+          this.smoothMoveSlider(idx);
+          this.emitSliderChanging();
+          this.refreshOverlayGeometry();
+          this.emitSliderPoint();
+          this.showTooltipBySlider(true);
+        }
+      };
       zr.on("drag", this._onZrDrag);
       zr.on("dragend", this._onZrDragEnd);
+      zr.on("click", this._onZrClick);
       this.zrDragBound = true;
     },
     emitSliderChanging() {
-      console.log(this.sliderIndex,'this.sliderIndex');
       const row = this.resolvedRows[this.sliderIndex];
       if (!row) return;
 
-      // Get values for all series at the current index
       const allValues = this.currentModeData.datas.map((series) => {
         const seriesData = series.data[this.sliderIndex];
         return {
@@ -1048,6 +1287,7 @@ var script$b = {
       const zr = this.chart.getZr();
       zr.off("drag", this._onZrDrag);
       zr.off("dragend", this._onZrDragEnd);
+      zr.off("click", this._onZrClick);
       this.zrDragBound = false;
     },
 
@@ -1131,7 +1371,7 @@ var script$b = {
           // 时间轴模式
           const topTs = toMillisecondTimestamp(this.topValue);
           const bottomTs = toMillisecondTimestamp(this.bottomValue);
-          
+
           // 找最接近的顶部索引
           let minTopDiff = Infinity;
           for (let i = 0; i < rows.length; i++) {
@@ -1142,7 +1382,7 @@ var script$b = {
               topIndex = i;
             }
           }
-          
+
           // 找最接近的底部索引
           let minBottomDiff = Infinity;
           for (let i = 0; i < rows.length; i++) {
@@ -1157,7 +1397,7 @@ var script$b = {
           // 数值轴模式
           const topValue = Number(this.topValue);
           const bottomValue = Number(this.bottomValue);
-          
+
           // 找最接近的顶部索引
           let minTopDiff = Infinity;
           for (let i = 0; i < rows.length; i++) {
@@ -1168,7 +1408,7 @@ var script$b = {
               topIndex = i;
             }
           }
-          
+
           // 找最接近的底部索引
           let minBottomDiff = Infinity;
           for (let i = 0; i < rows.length; i++) {
@@ -1269,22 +1509,19 @@ var script$b = {
         { replaceMerge: ["graphic"] }, // ⭐关键
       );
     },
-    
+
     // 快速重新绘制滑块，高度根据 topValue 和 bottomValue 计算
     redrawSliderWithRange(topValue, bottomValue) {
       if (!this.chart) return;
-      
+
       // 更新顶部和底部值
       this.topValue = topValue;
       this.bottomValue = bottomValue;
-      
+
       // 重新构建并同步滑块图形
       const graphic = this.buildSliderGraphic();
-      
-      this.chart.setOption(
-        { graphic },
-        { replaceMerge: ["graphic"] },
-      );
+
+      this.chart.setOption({ graphic }, { replaceMerge: ["graphic"] });
     },
 
     emitSliderPoint() {
@@ -1292,9 +1529,9 @@ var script$b = {
       const row = rows[this.sliderIndex];
       if (!row) return;
 
-      // Get values for all series at the current index
-      const allValues = this.currentModeData.datas.map((series) => {
-        const seriesData = series.data[this.sliderIndex];
+      const datas = this.currentModeData.datas || [];
+      const allValues = datas.map((series) => {
+        const seriesData = series.data && series.data[this.sliderIndex];
         return {
           name: series.yName,
           value: seriesData ? seriesData.value : null,
@@ -1324,7 +1561,7 @@ var script$b = {
       const seriesData = this.currentModeData.datas.map((series) => {
         return {
           name: series.yName,
-          data: series.data.slice(this.startIndex, endIndex).map((item) => [item.value, item.time]),
+          data: (series.data || []).slice(this.startIndex, endIndex).map((item) => [item.value, item.time]),
         };
       });
 
@@ -1564,7 +1801,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$c = "@charset \"UTF-8\";\n.wrap[data-v-b8062dec] {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n.header[data-v-b8062dec] {\n  flex-shrink: 0;\n  padding: 12px 14px 14px 10px;\n  display: flex;\n  gap: 10px;\n  border-bottom: 1px solid var(--split-line-color);\n}\n.header .radio-group[data-v-b8062dec] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.chart-wrap[data-v-b8062dec] {\n  flex: 1;\n  min-height: 200px;\n  position: relative;\n  overflow: hidden;\n}\n.chart[data-v-b8062dec] {\n  width: 100%;\n  height: 100%;\n}\n.label-float[data-v-b8062dec] {\n  width: calc(100% - 10px) !important;\n  position: absolute;\n  z-index: 20;\n  pointer-events: none;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n.label-card[data-v-b8062dec] {\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n.label-row[data-v-b8062dec] {\n  min-width: 176px;\n  font-size: 12px;\n  height: 23px;\n  /* 与 JS rowH 保持一致 */\n  line-height: 23px;\n  color: var(--text-color);\n  font-family: \"Microsoft YaHei\", \"PingFang SC\", sans-serif;\n  white-space: nowrap;\n}";
+var css_248z$c = "@charset \"UTF-8\";\n.wrap[data-v-450f5f1f] {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n.header[data-v-450f5f1f] {\n  flex-shrink: 0;\n  padding: 12px 14px 14px 10px;\n  display: flex;\n  gap: 10px;\n  border-bottom: 1px solid var(--split-line-color);\n}\n.header .radio-group[data-v-450f5f1f] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.chart-wrap[data-v-450f5f1f] {\n  flex: 1;\n  min-height: 200px;\n  position: relative;\n  overflow: hidden;\n}\n.chart[data-v-450f5f1f] {\n  width: 100%;\n  height: 100%;\n}\n.label-float[data-v-450f5f1f] {\n  width: calc(100% - 10px) !important;\n  position: absolute;\n  z-index: 20;\n  pointer-events: none;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n.label-card[data-v-450f5f1f] {\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n.label-row[data-v-450f5f1f] {\n  min-width: 176px;\n  font-size: 12px;\n  height: 23px;\n  /* 与 JS rowH 保持一致 */\n  line-height: 23px;\n  color: var(--text-color);\n  font-family: \"Microsoft YaHei\", \"PingFang SC\", sans-serif;\n  white-space: nowrap;\n}";
 styleInject(css_248z$c);
 
 function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
@@ -1718,7 +1955,7 @@ __vue_render__$b._withStripped = true;
   /* style */
   const __vue_inject_styles__$b = undefined;
   /* scoped */
-  const __vue_scope_id__$b = "data-v-b8062dec";
+  const __vue_scope_id__$b = "data-v-450f5f1f";
   /* module identifier */
   const __vue_module_identifier__$b = undefined;
   /* functional template */
@@ -1762,6 +1999,7 @@ var script$a = {
     DatePicker,
     Tabs,
     TabPane,
+    Icon,
   },
   provide() {
     return {
@@ -1817,13 +2055,32 @@ var script$a = {
         end: null,
       },
       depthDialog: {
-        value: null, // single depth value
+        start: null, // 起始井深
+        end: null,   // 结束井深
       },
       //数据导出选择的tab
       exportName: "time",
+      // 新增：井段查询输入框
+      wellSectionQuery: null,
     };
   },
   methods: {
+    // 新增：井段查询
+    searchWellSection() {
+      console.log(this.wellSectionQuery, "wellSectionQuery");
+      if (this.wellSectionQuery == null || !isNumeric(this.wellSectionQuery)) {
+        this.$message.error("请输入有效的数字");
+        return;
+      } else {
+        if (this.wellSectionQuery < 0) {
+          this.$message.error("输入的井段不能小于0m");
+          return;
+        }
+        this.$message.success("查询成功");
+        this.$emit("searchWellSection", this.wellSectionQuery);
+        this.wellSectionQuery = null;
+      }
+    },
     // 新增：刷新数据，重置为初始化时的数据
     refresh() {
       Object.keys(this.initialFormCache).forEach((key) => {
@@ -1832,7 +2089,8 @@ var script$a = {
       console.log(this.form, this.initialFormCache);
       this.$emit("refresh");
     },
-    handleToolBarDataChange(data) {
+    handleToolBarDataChange(content) {
+      let data = cloneDeep(content);
       if (this.form.axisType === "depth") {
         let depth = Number((data.lastValue - data.firstValue).toFixed(2));
         let depthList = [500, 1000, 2000, 3000, 4000, 5000, 10000];
@@ -1984,7 +2242,8 @@ var script$a = {
       });
     },
     resetDepthDialog() {
-      this.depthDialog.value = null;
+      this.depthDialog.start = null;
+      this.depthDialog.end = null;
       this.$nextTick(() => {
         if (this.$refs.DepthFormRef) {
           this.$refs.DepthFormRef.clearValidate();
@@ -2056,6 +2315,14 @@ var script$a = {
         callback();
       }
     },
+    // 验证井深段弹窗中的起始井深值大于等于0
+    validateStartDepth(rule, value, callback) {
+      if (value < 0) {
+        callback(new Error("起始井深值不能小于0"));
+      } else {
+        callback();
+      }
+    },
     // 验证导出弹窗中的起始井深值大于等于0
     validateExportStartDepth(rule, value, callback) {
       if (value < 0) {
@@ -2074,8 +2341,21 @@ var script$a = {
     },
     // 验证终止井深大于起始井深
     validateEndDepth(rule, value, callback) {
-      if (value <= this.exportDepthDialog.start) {
-        callback(new Error("终止井深必须大于起始井深"));
+      // 检查是井深段弹窗还是导出弹窗
+      if (this.depthDialog.start !== null && this.depthDialog.end !== null) {
+        // 井深段弹窗
+        if (value <= this.depthDialog.start) {
+          callback(new Error("结束井深必须大于起始井深"));
+        } else {
+          callback();
+        }
+      } else if (this.exportDepthDialog.start !== null && this.exportDepthDialog.end !== null) {
+        // 导出弹窗
+        if (value <= this.exportDepthDialog.start) {
+          callback(new Error("终止井深必须大于起始井深"));
+        } else {
+          callback();
+        }
       } else {
         callback();
       }
@@ -2085,12 +2365,17 @@ var script$a = {
       if (this.$refs.DepthFormRef) {
         this.$refs.DepthFormRef.validate((valid) => {
           if (valid) {
-            const v = Number(this.depthDialog.value);
-            if (isNaN(v)) {
+            const start = Number(this.depthDialog.start);
+            const end = Number(this.depthDialog.end);
+            if (isNaN(start) || isNaN(end)) {
               this.$message && this.$message.warning ? this.$message.warning("请填写有效的井深值") : alert("请填写有效的井深值");
               return;
             }
-            const emitData = { type: 1, value: v };
+            if (end <= start) {
+              this.$message && this.$message.warning ? this.$message.warning("结束井深必须大于起始井深") : alert("结束井深必须大于起始井深");
+              return;
+            }
+            const emitData = { type: 1, start, end };
             this.depthDialogVisible = false;
             // 在对话框关闭后再发射事件，避免潜在的冲突
             this.$nextTick(() => {
@@ -2099,12 +2384,10 @@ var script$a = {
           }
         });
       } else {
-        // 没有表单引用时的备用校验
+        // 兼容旧版本，当表单不存在时的处理
         const v = Number(this.depthDialog.value);
-        if (isNaN(v) || v <= 0) {
-          this.$message && this.$message.warning
-            ? this.$message.warning(v <= 0 ? "井深值必须大于0" : "请填写有效的井深值")
-            : alert(v <= 0 ? "井深值必须大于0" : "请填写有效的井深值");
+        if (isNaN(v)) {
+          this.$message && this.$message.warning ? this.$message.warning("请填写有效的井深值") : alert("请填写有效的井深值");
           return;
         }
         const emitData = { type: 1, value: v };
@@ -2154,6 +2437,18 @@ var script$a = {
           return "深度轴类型不支持设置时间范围";
         }
         return "";
+      } else if (type == "wellSectionQuery") {
+        // if (this.form.axisType === "depth" && this.form.dataType === "real") {
+        //   return "深度轴类型+实时数据不支持设置时间范围";
+        // } else if (this.form.axisType === "depth") {
+        //   return "深度轴类型不支持设置时间范围";
+        // } else if (this.form.dataType === "real") {
+        //   return "实时数据不支持设置时间范围";
+        // }
+        if (this.form.axisType === "depth") {
+          return "深度轴类型不支持井段查询";
+        }
+        return "";
       } else if (type == "depthRange") {
         // if (this.form.axisType === "time" && this.form.dataType === "real") {
         //   return "时间轴类型+实时数据不支持设置井深范围";
@@ -2175,7 +2470,7 @@ var script$a = {
   },
 };
 
-var css_248z$b = "@charset \"UTF-8\";\n.function-control-panel[data-v-9e2c85ea] {\n  width: 100%;\n  height: 100%;\n  color: var(--text-color);\n  font-size: 14px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  /* 隐藏滚动条 */\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n.function-control-panel[data-v-9e2c85ea]::-webkit-scrollbar {\n  display: none;\n}\n.function-control-panel .radio-group[data-v-9e2c85ea] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-bottom: 8px;\n}\n.el-select-disabled[data-v-9e2c85ea] {\n  opacity: 0.5;\n}\n\n/*/* 分割线 */\n.divider[data-v-9e2c85ea] {\n  height: 1px;\n  background: var(--border-color);\n  margin-bottom: 8px;\n}\n\n/* label */\n.label[data-v-9e2c85ea] {\n  color: #aaa;\n  margin-bottom: 2px;\n}\n\n/* 操作按钮 */\n.actions[data-v-9e2c85ea] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.btn[data-v-9e2c85ea] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 2px;\n  text-align: center;\n  font-family: Microsoft YaHei UI, Microsoft YaHei UI;\n  font-weight: 400;\n  cursor: pointer;\n}\n.btn .icon[data-v-9e2c85ea] {\n  width: 54px;\n  height: 54px;\n}\n.btn.disabled[data-v-9e2c85ea] {\n  color: #666;\n  cursor: not-allowed;\n}\n.btn.disabled .icon[data-v-9e2c85ea] {\n  opacity: 0.5;\n}\n.fontColor[data-v-9e2c85ea] {\n  color: var(--default-text-color);\n}";
+var css_248z$b = "@charset \"UTF-8\";\n.function-control-panel[data-v-d5ece4de] {\n  width: 100%;\n  height: 100%;\n  color: var(--text-color);\n  font-size: 14px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  /* 隐藏滚动条 */\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n.function-control-panel[data-v-d5ece4de]::-webkit-scrollbar {\n  display: none;\n}\n.function-control-panel .radio-group[data-v-d5ece4de] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-bottom: 8px;\n}\n.function-control-panel .elTooltipArea[data-v-d5ece4de] {\n  width: 100%;\n  display: flex;\n  align-items: center;\n}\n.function-control-panel .elTooltipArea .searchArea[data-v-d5ece4de] {\n  width: 28px;\n  height: 32px;\n  margin-bottom: 8px;\n  background: var(--slider-gradient-color);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n.function-control-panel .elTooltipArea .searchArea .searchArea-icon[data-v-d5ece4de] {\n  font-size: 14px;\n  color: var(--slider-content-color);\n}\n.el-select-disabled[data-v-d5ece4de] {\n  opacity: 0.5;\n  cursor: not-allowed !important;\n}\n\n/* 分割线 */\n.divider[data-v-d5ece4de] {\n  height: 1px;\n  background: var(--border-color);\n  margin-bottom: 8px;\n}\n\n/* label */\n.label[data-v-d5ece4de] {\n  color: #aaa;\n  margin-bottom: 2px;\n}\n\n/* 操作按钮 */\n.actions[data-v-d5ece4de] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.btn[data-v-d5ece4de] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 2px;\n  text-align: center;\n  font-family: Microsoft YaHei UI, Microsoft YaHei UI;\n  font-weight: 400;\n  cursor: pointer;\n}\n.btn .icon[data-v-d5ece4de] {\n  width: 54px;\n  height: 54px;\n}\n.btn.disabled[data-v-d5ece4de] {\n  color: #666;\n  cursor: not-allowed;\n}\n.btn.disabled .icon[data-v-d5ece4de] {\n  opacity: 0.5;\n}\n.fontColor[data-v-d5ece4de] {\n  color: var(--default-text-color);\n}";
 styleInject(css_248z$b);
 
 /* script */
@@ -2347,39 +2642,45 @@ var __vue_render__$a = function () {
             },
             [
               _c(
-                "el-select",
-                {
-                  class: {
-                    "el-select-disabled": _vm.form.axisType !== "depth",
-                  },
-                  staticStyle: { "margin-bottom": "8px" },
-                  attrs: {
-                    "popper-class": "kd-curve-2d-select-popup",
-                    disabled: _vm.form.axisType !== "depth",
-                  },
-                  on: {
-                    change: function ($event) {
-                      return _vm.changeForm($event, "scale")
-                    },
-                  },
-                  model: {
-                    value: _vm.form.scale,
-                    callback: function ($$v) {
-                      _vm.$set(_vm.form, "scale", $$v);
+                "div",
+                { staticClass: "elTooltipArea" },
+                [
+                  _c(
+                    "el-select",
+                    {
+                      class: {
+                        "el-select-disabled": _vm.form.axisType !== "depth",
+                      },
+                      staticStyle: { "margin-bottom": "8px", width: "100%" },
+                      attrs: {
+                        "popper-class": "kd-curve-2d-select-popup",
+                        disabled: _vm.form.axisType !== "depth",
+                      },
+                      on: {
+                        change: function ($event) {
+                          return _vm.changeForm($event, "scale")
+                        },
+                      },
+                      model: {
+                        value: _vm.form.scale,
+                        callback: function ($$v) {
+                          _vm.$set(_vm.form, "scale", $$v);
+                        },
+                        expression: "form.scale",
+                      },
                     },
-                    expression: "form.scale",
-                  },
-                },
-                _vm._l(_vm.toolBarConfig.scaleList, function (item) {
-                  return _c("el-option", {
-                    key: item.value,
-                    attrs: { label: item.label, value: item.value },
-                  })
-                }),
+                    _vm._l(_vm.toolBarConfig.scaleList, function (item) {
+                      return _c("el-option", {
+                        key: item.value,
+                        attrs: { label: item.label, value: item.value },
+                      })
+                    }),
+                    1
+                  ),
+                ],
                 1
               ),
-            ],
-            1
+            ]
           )
         : _vm._e(),
       _vm._v(" "),
@@ -2400,37 +2701,45 @@ var __vue_render__$a = function () {
             },
             [
               _c(
-                "el-select",
-                {
-                  class: { "el-select-disabled": _vm.form.axisType == "depth" },
-                  staticStyle: { "margin-bottom": "8px" },
-                  attrs: {
-                    "popper-class": "kd-curve-2d-select-popup",
-                    disabled: _vm.form.axisType == "depth",
-                  },
-                  on: {
-                    change: function ($event) {
-                      return _vm.changeForm($event, "timeRange")
-                    },
-                  },
-                  model: {
-                    value: _vm.form.timeRange,
-                    callback: function ($$v) {
-                      _vm.$set(_vm.form, "timeRange", $$v);
+                "div",
+                { staticClass: "elTooltipArea" },
+                [
+                  _c(
+                    "el-select",
+                    {
+                      class: {
+                        "el-select-disabled": _vm.form.axisType == "depth",
+                      },
+                      staticStyle: { "margin-bottom": "8px", width: "100%" },
+                      attrs: {
+                        "popper-class": "kd-curve-2d-select-popup",
+                        disabled: _vm.form.axisType == "depth",
+                      },
+                      on: {
+                        change: function ($event) {
+                          return _vm.changeForm($event, "timeRange")
+                        },
+                      },
+                      model: {
+                        value: _vm.form.timeRange,
+                        callback: function ($$v) {
+                          _vm.$set(_vm.form, "timeRange", $$v);
+                        },
+                        expression: "form.timeRange",
+                      },
                     },
-                    expression: "form.timeRange",
-                  },
-                },
-                _vm._l(_vm.toolBarConfig.timeRangeList, function (item) {
-                  return _c("el-option", {
-                    key: item.value,
-                    attrs: { label: item.label, value: item.value },
-                  })
-                }),
+                    _vm._l(_vm.toolBarConfig.timeRangeList, function (item) {
+                      return _c("el-option", {
+                        key: item.value,
+                        attrs: { label: item.label, value: item.value },
+                      })
+                    }),
+                    1
+                  ),
+                ],
                 1
               ),
-            ],
-            1
+            ]
           )
         : _vm._e(),
       _vm._v(" "),
@@ -2451,48 +2760,116 @@ var __vue_render__$a = function () {
             },
             [
               _c(
-                "el-select",
-                {
-                  class: { "el-select-disabled": _vm.form.axisType == "time" },
-                  staticStyle: { "margin-bottom": "8px" },
-                  attrs: {
-                    "popper-class": "kd-curve-2d-select-popup",
-                    disabled: _vm.form.axisType == "time",
-                  },
-                  on: {
-                    change: function ($event) {
-                      return _vm.changeForm($event, "depthRange")
-                    },
-                  },
-                  model: {
-                    value: _vm.form.depthRange,
-                    callback: function ($$v) {
-                      _vm.$set(_vm.form, "depthRange", $$v);
+                "div",
+                { staticClass: "elTooltipArea" },
+                [
+                  _c(
+                    "el-select",
+                    {
+                      class: {
+                        "el-select-disabled": _vm.form.axisType == "time",
+                      },
+                      staticStyle: { "margin-bottom": "8px", width: "100%" },
+                      attrs: {
+                        "popper-class": "kd-curve-2d-select-popup",
+                        disabled: _vm.form.axisType == "time",
+                      },
+                      on: {
+                        change: function ($event) {
+                          return _vm.changeForm($event, "depthRange")
+                        },
+                      },
+                      model: {
+                        value: _vm.form.depthRange,
+                        callback: function ($$v) {
+                          _vm.$set(_vm.form, "depthRange", $$v);
+                        },
+                        expression: "form.depthRange",
+                      },
                     },
-                    expression: "form.depthRange",
-                  },
-                },
-                _vm._l(_vm.toolBarConfig.depthRangeList, function (item) {
-                  return _c("el-option", {
-                    key: item.value,
-                    attrs: { label: item.label, value: item.value },
-                  })
-                }),
+                    _vm._l(_vm.toolBarConfig.depthRangeList, function (item) {
+                      return _c("el-option", {
+                        key: item.value,
+                        attrs: { label: item.label, value: item.value },
+                      })
+                    }),
+                    1
+                  ),
+                ],
                 1
               ),
-            ],
-            1
+            ]
           )
         : _vm._e(),
       _vm._v(" "),
-      _c(
-        "div",
-        { staticClass: "actions" },
-        [
-          _vm.toolBarConfig.timeRangeBtnShow !== false
-            ? _c(
-                "el-tooltip",
-                {
+      _vm.toolBarConfig.wellSectionQueryShow !== false
+        ? _c("div", { staticClass: "label" }, [_vm._v("井段查询(m)：")])
+        : _vm._e(),
+      _vm._v(" "),
+      _vm.toolBarConfig.wellSectionQueryShow !== false
+        ? _c(
+            "el-tooltip",
+            {
+              staticStyle: { position: "relative" },
+              attrs: {
+                disabled: !(_vm.form.axisType == "depth"),
+                content: _vm.getDisableTip("wellSectionQuery"),
+                placement: "right",
+                effect: "dark",
+              },
+            },
+            [
+              _c(
+                "div",
+                { staticClass: "elTooltipArea" },
+                [
+                  _c("el-input", {
+                    staticStyle: { "margin-bottom": "8px", flex: "1" },
+                    attrs: { disabled: _vm.form.axisType == "depth" },
+                    model: {
+                      value: _vm.wellSectionQuery,
+                      callback: function ($$v) {
+                        _vm.wellSectionQuery = $$v;
+                      },
+                      expression: "wellSectionQuery",
+                    },
+                  }),
+                  _vm._v(" "),
+                  _c(
+                    "div",
+                    {
+                      staticClass: "searchArea",
+                      class: {
+                        "el-select-disabled": _vm.form.axisType == "depth",
+                      },
+                      on: {
+                        click: function ($event) {
+                          return _vm.searchWellSection()
+                        },
+                      },
+                    },
+                    [
+                      _c("Icon", {
+                        staticClass: "el-icon-search searchArea-icon",
+                      }),
+                    ],
+                    1
+                  ),
+                ],
+                1
+              ),
+            ]
+          )
+        : _vm._e(),
+      _vm._v(" "),
+      _c(
+        "div",
+        { staticClass: "actions" },
+        [
+          _vm.toolBarConfig.timeRangeBtnShow !== false
+            ? _c(
+                "el-tooltip",
+                {
                   attrs: {
                     placement: "right",
                     effect: "dark",
@@ -2777,7 +3154,7 @@ var __vue_render__$a = function () {
         "el-dialog",
         {
           attrs: {
-            title: "设置井深",
+            title: "设置井深段",
             visible: _vm.depthDialogVisible,
             width: "420px",
           },
@@ -2805,11 +3182,11 @@ var __vue_render__$a = function () {
                 "el-form-item",
                 {
                   attrs: {
-                    prop: "value",
+                    prop: "start",
                     rules: [
                       {
                         required: true,
-                        message: "请输入井深",
+                        message: "请输入起始井深",
                         trigger: "blur",
                       },
                       {
@@ -2817,7 +3194,7 @@ var __vue_render__$a = function () {
                         message: "请输入有效的数字",
                         trigger: "blur",
                       },
-                      { validator: _vm.validateDepth, trigger: "blur" },
+                      { validator: _vm.validateStartDepth, trigger: "blur" },
                     ],
                   },
                 },
@@ -2838,13 +3215,90 @@ var __vue_render__$a = function () {
                         {
                           staticClass: "fontColor",
                           staticStyle: {
-                            width: "50px",
+                            width: "80px",
+                            display: "flex",
+                            "align-items": "center",
+                            height: "100%",
+                          },
+                        },
+                        [_vm._v("起始井深：")]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "div",
+                        {
+                          staticClass: "input-number-container",
+                          staticStyle: {
+                            flex: "1",
+                            height: "100%",
+                            display: "flex",
+                            "align-items": "center",
+                          },
+                        },
+                        [
+                          _c("InputNumber", {
+                            staticStyle: { width: "100%", height: "100%" },
+                            attrs: { min: 0, step: 1 },
+                            model: {
+                              value: _vm.depthDialog.start,
+                              callback: function ($$v) {
+                                _vm.$set(_vm.depthDialog, "start", $$v);
+                              },
+                              expression: "depthDialog.start",
+                            },
+                          }),
+                        ],
+                        1
+                      ),
+                    ]
+                  ),
+                ]
+              ),
+              _vm._v(" "),
+              _c(
+                "el-form-item",
+                {
+                  attrs: {
+                    prop: "end",
+                    rules: [
+                      {
+                        required: true,
+                        message: "请输入结束井深",
+                        trigger: "blur",
+                      },
+                      {
+                        type: "number",
+                        message: "请输入有效的数字",
+                        trigger: "blur",
+                      },
+                      { validator: _vm.validateEndDepth, trigger: "blur" },
+                    ],
+                  },
+                },
+                [
+                  _c(
+                    "div",
+                    {
+                      staticStyle: {
+                        display: "flex",
+                        "align-items": "center",
+                        gap: "12px",
+                        height: "32px",
+                      },
+                    },
+                    [
+                      _c(
+                        "div",
+                        {
+                          staticClass: "fontColor",
+                          staticStyle: {
+                            width: "80px",
                             display: "flex",
                             "align-items": "center",
                             height: "100%",
                           },
                         },
-                        [_vm._v("井深：")]
+                        [_vm._v("结束井深：")]
                       ),
                       _vm._v(" "),
                       _c(
@@ -2863,11 +3317,11 @@ var __vue_render__$a = function () {
                             staticStyle: { width: "100%", height: "100%" },
                             attrs: { min: 0, step: 1 },
                             model: {
-                              value: _vm.depthDialog.value,
+                              value: _vm.depthDialog.end,
                               callback: function ($$v) {
-                                _vm.$set(_vm.depthDialog, "value", $$v);
+                                _vm.$set(_vm.depthDialog, "end", $$v);
                               },
-                              expression: "depthDialog.value",
+                              expression: "depthDialog.end",
                             },
                           }),
                         ],
@@ -3275,7 +3729,7 @@ __vue_render__$a._withStripped = true;
   /* style */
   const __vue_inject_styles__$a = undefined;
   /* scoped */
-  const __vue_scope_id__$a = "data-v-9e2c85ea";
+  const __vue_scope_id__$a = "data-v-d5ece4de";
   /* module identifier */
   const __vue_module_identifier__$a = undefined;
   /* functional template */
@@ -3491,7 +3945,9 @@ var script$8 = {
   },
   watch: {
     group(group) {
-      this.chart.group = group;
+      if (this.chart) {
+        this.chart.group = group;
+      }
     },
   },
   methods: {
@@ -3745,7 +4201,7 @@ var script$8 = {
   },
 };
 
-var css_248z$9 = ".echarts[data-v-3120322a] {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}";
+var css_248z$9 = ".echarts[data-v-53fe628e] {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}";
 styleInject(css_248z$9);
 
 /* script */
@@ -3763,7 +4219,7 @@ __vue_render__$8._withStripped = true;
   /* style */
   const __vue_inject_styles__$8 = undefined;
   /* scoped */
-  const __vue_scope_id__$8 = "data-v-3120322a";
+  const __vue_scope_id__$8 = "data-v-53fe628e";
   /* module identifier */
   const __vue_module_identifier__$8 = undefined;
   /* functional template */
@@ -5052,7 +5508,7 @@ var script$7 = {
   },
 };
 
-var css_248z$8 = ".kd-lane-lane-content[data-v-80e79186] {\n  display: flex;\n  flex-direction: column;\n  align-content: center;\n}\n.kd-lane-lane-content .template-buttons[data-v-80e79186] {\n  text-align: center;\n}\n.kd-lane-lane-content .el-form-item__content[data-v-80e79186] {\n  align-items: center;\n  display: flex;\n}";
+var css_248z$8 = ".kd-lane-lane-content[data-v-33f93a60] {\n  display: flex;\n  flex-direction: column;\n  align-content: center;\n}\n.kd-lane-lane-content .template-buttons[data-v-33f93a60] {\n  text-align: center;\n}\n.kd-lane-lane-content .el-form-item__content[data-v-33f93a60] {\n  align-items: center;\n  display: flex;\n}";
 styleInject(css_248z$8);
 
 /* script */
@@ -5105,7 +5561,7 @@ var __vue_render__$7 = function () {
                     {
                       staticStyle: {
                         "margin-left": "40px",
-                        height: "40px",
+                        height: "32px",
                         display: "flex",
                         "align-items": "center",
                         "line-height": "40px",
@@ -5169,7 +5625,7 @@ __vue_render__$7._withStripped = true;
   /* style */
   const __vue_inject_styles__$7 = undefined;
   /* scoped */
-  const __vue_scope_id__$7 = "data-v-80e79186";
+  const __vue_scope_id__$7 = "data-v-33f93a60";
   /* module identifier */
   const __vue_module_identifier__$7 = undefined;
   /* functional template */
@@ -6107,6 +6563,7 @@ var script$4 = {
     },
     setTargetData(targetData) {
       this.targetData = targetData;
+      console.log(targetData,'333333333');
       this.setExpanded();
       const dataType = judgeRawDataType(targetData);
       switch (dataType) {
@@ -6341,6 +6798,7 @@ var script$4 = {
         // 数据补全id label等信息
         const treeData = [];
         this.inputTempates.forEach((template) => {
+          console.log(template,'template');
           const tData = { ...template, id: template.templateId, label: template.templateName };
           tData.children = [];
           if (!template.lanes) {
@@ -6386,7 +6844,7 @@ var script$4 = {
   beforeDestroy() {},
 };
 
-var css_248z$5 = ".kd-lane-el-container[data-v-6e18dde4] {\n  height: 60vh;\n  border: 1px solid var(--kd-lane-container-border-color, #333);\n  width: 100%;\n}\n@media screen and (max-width: 1024px) {\n.kd-lane-el-container[data-v-6e18dde4] {\n    height: 70vh;\n}\n}\n.kd-lane-el-container .custom-tree-node[data-v-6e18dde4] {\n  width: 100%;\n}\n.kd-lane-el-container .rtd-config-side[data-v-6e18dde4] {\n  border-right: 1px solid var(--kd-lane-container-border-color, #333);\n}\n.kd-lane-el-container .rtd-config-side-tree[data-v-6e18dde4] {\n  height: 90%;\n  overflow: auto;\n}\n.kd-lane-el-container .rtd-config-side-option[data-v-6e18dde4] {\n  text-align: center;\n}\n.kd-lane-el-container .rtd-config-main[data-v-6e18dde4] {\n  display: flex;\n  align-content: center;\n  justify-content: center;\n  width: 100%;\n}";
+var css_248z$5 = ".kd-lane-el-container[data-v-24c206f8] {\n  height: 60vh;\n  border: 1px solid var(--kd-lane-container-border-color, #333);\n  width: 100%;\n}\n@media screen and (max-width: 1024px) {\n.kd-lane-el-container[data-v-24c206f8] {\n    height: 70vh;\n}\n}\n.kd-lane-el-container .custom-tree-node[data-v-24c206f8] {\n  width: 100%;\n}\n.kd-lane-el-container .rtd-config-side[data-v-24c206f8] {\n  border-right: 1px solid var(--kd-lane-container-border-color, #333);\n}\n.kd-lane-el-container .rtd-config-side-tree[data-v-24c206f8] {\n  height: 90%;\n  overflow: auto;\n}\n.kd-lane-el-container .rtd-config-side-option[data-v-24c206f8] {\n  text-align: center;\n}\n.kd-lane-el-container .rtd-config-main[data-v-24c206f8] {\n  display: flex;\n  align-content: center;\n  justify-content: center;\n  width: 100%;\n}";
 styleInject(css_248z$5);
 
 /* script */
@@ -6578,7 +7036,7 @@ __vue_render__$4._withStripped = true;
   /* style */
   const __vue_inject_styles__$4 = undefined;
   /* scoped */
-  const __vue_scope_id__$4 = "data-v-6e18dde4";
+  const __vue_scope_id__$4 = "data-v-24c206f8";
   /* module identifier */
   const __vue_module_identifier__$4 = undefined;
   /* functional template */
@@ -6609,38 +7067,30 @@ const ACTION_TYPE = {
   DELETE_LINE: "delLine"
 };
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 //
 
 var script$3 = {
+  name: "HeaderItem",
   props: {
-    itemHeight: {
-      type: Number,
-      default: 42,
+    lineRange: {
+      type: Object,
+      default: () => ({}),
+    },
+    currentHeaderStyle: {
+      type: Object,
+      default: () => ({
+        headerPadding: 4,
+        headerItemHeight: 42,
+        itemGap: 4,
+      }),
     },
     line: {
       type: Object,
-      default: () => {},
+      default: () => ({}),
     },
     paramsNameMap: {
       type: Object,
-      default: () => {},
+      default: () => ({}),
       required: true,
     },
     themeName: {
@@ -6653,14 +7103,28 @@ var script$3 = {
     },
     formCache: {
       type: Object,
-      default: () => {},
+      default: () => ({}),
     },
     headerData: {
       type: Object,
-      default: () => {},
+      default: () => ({}),
     },
   },
   methods: {
+    // 获取字体大小类名
+    getFontSize(type) {
+      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`)) {
+        return {
+          fontSize: `${isNumeric(this.currentHeaderStyle[`headerDataFontSize`]) ? this.currentHeaderStyle[`headerDataFontSize`] + `px` : this.currentHeaderStyle[`headerDataFontSize`]}`,
+        };
+      }
+    },
     // 是否显示警告背景
     isShowWarning() {
       // 超找对应数组中的最大值
@@ -6671,13 +7135,19 @@ var script$3 = {
     },
     // 显示当前数据最新值
     getCurrentData() {
-      if(this.formCache.displayType == 'float'){
+      if (this.formCache.displayType == "float") {
         return "";
       }
       if (!Object.prototype.hasOwnProperty.call(this.headerData, this.line.paramId)) {
-        return '--';
+        return "--";
       }
-      return this.headerData[this.line.paramId] !== null && this.headerData[this.line.paramId] !== undefined && 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] : '--';
+      return this.headerData[this.line.paramId] !== null &&
+        this.headerData[this.line.paramId] !== undefined &&
+        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]
+        : "--";
     },
     getParamName(line) {
       const nameConfig = this.paramsNameMap[line.paramId];
@@ -6737,17 +7207,16 @@ var script$3 = {
         lineType = { "border-bottom": `2px ${this.line.lineType} ${lineColor || this.line.lineColor}` };
       }
       return {
-        height: `${ this.formCache.displayType == 'header' ?  this.itemHeight : this.itemHeight * 0.8 }px`,
+        height: `${this.formCache.displayType == "header" ? this.currentHeaderStyle.headerItemHeight : this.currentHeaderStyle.headerItemHeight * 0.8}px`,
         opacity: this.line.isUsed == "1" ? 1 : 0.5,
         ...lineType,
       };
     },
   },
-  watch: {
-  },
+  watch: {},
 };
 
-var css_248z$4 = "@charset \"UTF-8\";\n.kd-lane-chart-container-header-item[data-v-5e4488b8] {\n  height: 42px;\n  flex-shrink: 0;\n  background: var(--kd-lane-container-header-bg);\n  border-radius: 0px 0px 0px 0px;\n  color: var(--kd-lane-container-header-item-color, #333);\n  border: unset;\n  position: relative;\n  cursor: pointer;\n}\n.kd-lane-chart-container-header-item_warning[data-v-5e4488b8] {\n  background: var(--kd-lane-container-header-item-warning-color, rgba(248, 108, 89, 0.6));\n}\n.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container[data-v-5e4488b8] {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  font-family: Microsoft YaHei UI, Microsoft YaHei UI;\n  font-weight: 400;\n  font-size: 10px;\n}\n.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .left[data-v-5e4488b8] {\n  position: absolute;\n  left: 2px;\n  bottom: 2px;\n}\n.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .center[data-v-5e4488b8] {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  font-size: 14px;\n  transform: translate(-50%, -50%);\n  display: flex;\n  flex-direction: column;\n}\n.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .center .paramsTitle[data-v-5e4488b8] {\n  /* 文字不换行，超出显示省略号 */\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-family: Microsoft YaHei UI, Microsoft YaHei UI;\n  font-weight: 400;\n  font-size: 12px;\n  color: var(--kd-lane-container-header-item-color, #333);\n  text-align: center;\n  font-style: normal;\n  text-transform: none;\n  margin-bottom: 2px;\n}\n.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .center .paramsData[data-v-5e4488b8] {\n  /* 文字不换行，超出显示省略号 */\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-family: Microsoft YaHei UI, Microsoft YaHei UI;\n  font-weight: bold;\n  font-size: 14px;\n  text-align: center;\n  font-style: normal;\n  text-transform: none;\n}\n.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .right[data-v-5e4488b8] {\n  position: absolute;\n  right: 2px;\n  bottom: 2px;\n}\n.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .gradient-display[data-v-5e4488b8] {\n  position: absolute;\n  height: 2px;\n  left: 0;\n  bottom: 0;\n  right: 0;\n}";
+var css_248z$4 = "@charset \"UTF-8\";\n.kd-lane-chart-container-header-item[data-v-8f345c72] {\n  flex-shrink: 0;\n  background: var(--kd-lane-container-header-bg);\n  border-radius: 0px 0px 0px 0px;\n  color: var(--kd-lane-container-header-item-color, #333);\n  border: unset;\n  position: relative;\n  cursor: pointer;\n}\n.kd-lane-chart-container-header-item_warning[data-v-8f345c72] {\n  background: var(--kd-lane-container-header-item-warning-color, rgba(248, 108, 89, 0.6));\n}\n.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container[data-v-8f345c72] {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  font-family: Microsoft YaHei UI, Microsoft YaHei UI;\n  font-weight: 400;\n  font-size: 10px;\n}\n.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .left[data-v-8f345c72] {\n  position: absolute;\n  left: 2px;\n  bottom: 2px;\n}\n.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .center[data-v-8f345c72] {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  font-size: 14px;\n  transform: translate(-50%, -50%);\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  align-items: center;\n  justify-content: center;\n}\n.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .center .paramsTitle[data-v-8f345c72] {\n  /* 文字不换行，超出显示省略号 */\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-family: Microsoft YaHei UI, Microsoft YaHei UI;\n  font-weight: 400;\n  font-size: 12px;\n  color: var(--kd-lane-container-header-item-color, #333);\n  text-align: center;\n  font-style: normal;\n  text-transform: none;\n  margin-bottom: 2px;\n}\n.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .center .paramsData[data-v-8f345c72] {\n  /* 文字不换行，超出显示省略号 */\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-family: Microsoft YaHei UI, Microsoft YaHei UI;\n  font-size: 12px;\n  font-weight: bold;\n  text-align: center;\n  font-style: normal;\n  text-transform: none;\n}\n.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .right[data-v-8f345c72] {\n  position: absolute;\n  right: 2px;\n  bottom: 2px;\n}\n.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .gradient-display[data-v-8f345c72] {\n  position: absolute;\n  height: 2px;\n  left: 0;\n  bottom: 0;\n  right: 0;\n}";
 styleInject(css_248z$4);
 
 /* script */
@@ -6769,19 +7238,41 @@ var __vue_render__$3 = function () {
     },
     [
       _c("div", { staticClass: "kd-lane-chart-container-text-container" }, [
-        _c("span", { staticClass: "left" }, [_vm._v(_vm._s(_vm.line.min))]),
+        _c("span", { staticClass: "left" }, [
+          _vm._v(
+            _vm._s(
+              _vm.line.min ||
+                (_vm.lineRange[_vm.line.lineId] &&
+                  _vm.lineRange[_vm.line.lineId].min) ||
+                0
+            )
+          ),
+        ]),
         _vm._v(" "),
         _c("div", { staticClass: "center" }, [
-          _c("div", { staticClass: "paramsTitle" }, [
-            _vm._v(_vm._s(_vm.getParamName(_vm.line))),
-          ]),
+          _c(
+            "div",
+            { staticClass: "paramsTitle", style: _vm.getFontSize("label") },
+            [_vm._v(_vm._s(_vm.getParamName(_vm.line)))]
+          ),
           _vm._v(" "),
-          _c("div", { staticClass: "paramsData" }, [
-            _vm._v(_vm._s(_vm.getCurrentData())),
-          ]),
+          _c(
+            "div",
+            { staticClass: "paramsData", style: _vm.getFontSize("data") },
+            [_vm._v(_vm._s(_vm.getCurrentData()))]
+          ),
         ]),
         _vm._v(" "),
-        _c("span", { staticClass: "right" }, [_vm._v(_vm._s(_vm.line.max))]),
+        _c("span", { staticClass: "right" }, [
+          _vm._v(
+            _vm._s(
+              _vm.line.max ||
+                (_vm.lineRange[_vm.line.lineId] &&
+                  _vm.lineRange[_vm.line.lineId].max) ||
+                0
+            )
+          ),
+        ]),
         _vm._v(" "),
         _c("div", {
           staticClass: "gradient-display",
@@ -6797,7 +7288,7 @@ __vue_render__$3._withStripped = true;
   /* style */
   const __vue_inject_styles__$3 = undefined;
   /* scoped */
-  const __vue_scope_id__$3 = "data-v-5e4488b8";
+  const __vue_scope_id__$3 = "data-v-8f345c72";
   /* module identifier */
   const __vue_module_identifier__$3 = undefined;
   /* functional template */
@@ -6853,17 +7344,13 @@ var script$2 = {
       required: true,
       validator: strategyValidator,
     },
-    headerPadding: {
-      type: Number,
-      default: 4,
-    },
-    headerItemHeight: {
-      type: Number,
-      default: 42,
-    },
-    itemGap: {
-      type: Number,
-      default: 4,
+    currentHeaderStyle: {
+      type: Object,
+      default: () => ({
+        headerPadding: 4,
+        headerItemHeight: 42,
+        itemGap: 4,
+      }),
     },
     customMenuList: {
       type: Array,
@@ -6897,11 +7384,21 @@ var script$2 = {
       type: Array,
       default: () => [],
     },
+    // 预警区域数据
+    warningAreaData: {
+      type: Array,
+      default: () => [],
+    },
     // 自定义tooltip formatter
     tooltipFormatter: {
       type: Function,
       default: null,
     },
+    // 实时曲线menu右击是否开启
+    showContextMenuStatus: {
+      type: Boolean,
+      default: true,
+    },
   },
   data() {
     return {
@@ -6969,6 +7466,9 @@ var script$2 = {
       headerWidthCache: {},
       // 上次触发 visibleDataChange 的参数，用于比较是否发生变化
       lastVisibleDataChangeParams: null,
+      // 当前线段所有数据的最小值和最大值
+      lineRange: {},
+      markAreaLineData: [],
     };
   },
   created() {
@@ -7008,6 +7508,15 @@ var script$2 = {
     }
   },
   methods: {
+    initWindowSizeRange() {
+      const scaleValues = this.toolBarConfig?.scaleList?.map((item) => item.value) || [];
+      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));
+    },
     jumpToPosition(data) {
       if (!this.realTimeData || this.realTimeData.length === 0) return;
 
@@ -7071,68 +7580,25 @@ var script$2 = {
     getXAxisRangeByHeader(lineInfo, validData = []) {
       let headerMin = 0;
       let headerMax = 1;
-      if(lineInfo && Object.prototype.hasOwnProperty.call(lineInfo, "min")){
+      if (lineInfo && Object.prototype.hasOwnProperty.call(lineInfo, "min")) {
         headerMin = Number(lineInfo.min);
-      }else {
-        headerMin = Math.floor(Math.min(...validData));
+      } else {
+        headerMin = Math.floor(Math.min(...validData.map((item) => item[0])));
       }
-      if(lineInfo && Object.prototype.hasOwnProperty.call(lineInfo, "max")){
+      if (lineInfo && Object.prototype.hasOwnProperty.call(lineInfo, "max")) {
         headerMax = Number(lineInfo.max);
-      }else {
-        headerMax = Math.ceil(Math.max(...validData));
-      }
-
-      const min = headerMin > 0 ? headerMin : 0;
-      const max = headerMax > 0 ? headerMax : 1;
+      } else {
+        headerMax = Math.ceil(Math.max(...validData.map((item) => item[0])));
+      }
+      const min = headerMin;
+      const max = headerMax;
+      // 更新当前线的范围
+      this.lineRange[lineInfo.lineId] = {
+        min,
+        max,
+      };
       return { min, max };
     },
-    // 通过 laneId 切换指定泳道 x 轴类型（value/log）
-    toggleLaneXAxisType(laneId, axisType) {
-      const targetLane =
-        this.currentTemplate &&
-        this.currentTemplate.lanes &&
-        this.currentTemplate.lanes.find((lane) => String(lane.laneId) === String(laneId));
-      if (!targetLane) return;
-
-      const optionIndex = this.allOptions.findIndex((item) => String(item.lineId) === String(laneId));
-      if (optionIndex < 0) return;
-
-      const laneOption = this.allOptions[optionIndex] && this.allOptions[optionIndex].option;
-      if (!laneOption || !Array.isArray(laneOption.xAxis) || laneOption.xAxis.length === 0) return;
-
-      const nextType =
-        axisType === "log" || axisType === "value"
-          ? axisType
-          : laneOption.xAxis && laneOption.xAxis[0] && laneOption.xAxis[0].type === "log"
-            ? "value"
-            : "log";
-
-      laneOption.xAxis = laneOption.xAxis.map((axisItem, index) => {
-        const lineInfo = (targetLane.lines && targetLane.lines[index]) || {};
-        const { min, max } = this.getXAxisRangeByHeader(lineInfo);
-        if (nextType === "log") {
-          return {
-            ...axisItem,
-            type: "log",
-            logBase: axisItem.logBase || 2,
-            min: min > 0 ? min : 1,
-            max: max > 0 ? max : 1,
-          };
-        }
-        return {
-          ...axisItem,
-          type: "value",
-          min,
-          max,
-        };
-      });
-
-      this.$set(this.allOptions, optionIndex, {
-        ...this.allOptions[optionIndex],
-        option: laneOption,
-      });
-      this.$forceUpdate();
-    },
     judgeScrollEdge() {
       const dataLen = this.realTimeData.length;
       if (!dataLen || !this.visibleData.length) return;
@@ -7309,6 +7775,13 @@ var script$2 = {
       const delta = Math.sign(e.deltaY);
       // ===== Ctrl：缩放 =====
       if (this.isCtrlPressed) {
+        // 检查是否已经在缩放边界
+        // delta < 0 表示向上滚动 = 缩小 windowSize
+        // delta > 0 表示向下滚动 = 放大 windowSize
+        if ((delta < 0 && this.windowSize <= this.minWindowSize) || (delta > 0 && this.windowSize >= this.maxWindowSize)) {
+          return;
+        }
+
         let anchorIndex = this.getAnchorIndexFromEvent(e);
         // 如果获取不到鼠标位置的数据，则使用中间数据
         if (anchorIndex === null) {
@@ -7326,15 +7799,30 @@ var script$2 = {
       } else {
         if (this.isScrollingToHeader(e)) return;
         const speed = Math.max(1, this.windowSize / 100);
-        this.targetStartIndex = Math.floor(this.startIndex + delta * speed * 8);
+
+        // 检查是否已经在滚动边界
+        // delta < 0 表示向上滚动
+        // delta > 0 表示向下滚动
+        const maxStart = Math.max(0, dataLength - this.windowSize);
+        if ((delta < 0 && this.startIndex <= 0) || (delta > 0 && this.startIndex >= maxStart)) {
+          return;
+        }
+
+        this.targetStartIndex = Math.floor(this.startIndex + delta * speed * 10);
         this.targetWindowSize = this.windowSize; // 滚动时不变，已是整数
         if (this.formCache.dataType == "history") {
           this.debounceJudgeEdge();
         }
       }
-      const maxStart = Math.max(0, dataLength - this.targetWindowSize);
-      this.targetStartIndex = Math.max(0, Math.min(this.targetStartIndex, maxStart));
+      const maxStartFinal = Math.max(0, dataLength - this.targetWindowSize);
+      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;
+      }
+
       this.smoothRender();
     },
     smoothRender() {
@@ -7362,20 +7850,94 @@ var script$2 = {
       animate();
     },
     jumpToNextMarkLine() {
-      if (!this.markLineData || this.markLineData.length == 0) {
+      const axisKey = this.toolBarConfig.axisTypeList && this.toolBarConfig.axisTypeList[this.formCache.axisType];
+      if (!axisKey) return;
+
+      // 获取当前图表的markLine数据
+      let markLineYValues = [];
+      const chartRef = this.$refs.refResizeChart && this.$refs.refResizeChart[0];
+      if (chartRef && chartRef.chart) {
+        const chartOption = chartRef.chart.getOption();
+        if (chartOption && chartOption.series) {
+          chartOption.series.forEach((series) => {
+            if (series.markLine && series.markLine.data) {
+              series.markLine.data.forEach((markData) => {
+                if (markData.yAxis !== null && markData.yAxis !== undefined) {
+                  markLineYValues.push(markData.yAxis);
+                }
+              });
+            }
+          });
+        }
+      }
+
+      // 如果没有获取到markLine数据，尝试使用this.markLineData
+      if (markLineYValues.length === 0 && this.markLineData && this.markLineData.length > 0) {
+        markLineYValues = this.markLineData
+          .map((item) => {
+            if (this.formCache.axisType === "depth") {
+              return Number(item.data?.depth || item.depth || item);
+            } else if (this.formCache.axisType === "time") {
+              return this.toMillisecondTimestamp(item.data?.time || item.time || item);
+            }
+            return Number(item);
+          })
+          .filter((val) => val !== null && !isNaN(val));
+      }
+
+      if (markLineYValues.length === 0) {
         return;
       }
-      let findIndex = this.realTimeData.findIndex(
-        (item) => item[this.toolBarConfig.axisTypeList[this.formCache.axisType]] == this.markLineData[this.currentMarkLineIndex],
-      );
-      if (findIndex != -1) {
-        this.startIndex = findIndex + 1 - this.windowSize / 2 > 0 ? findIndex + 1 - this.windowSize / 2 : 0;
+
+      // 保存markLineYValues以便后续使用
+      this.cachedMarkLineYValues = markLineYValues;
+
+      // 获取当前需要跳转的markLine值
+      const targetValue = markLineYValues[this.currentMarkLineIndex % markLineYValues.length];
+
+      // 找到目标值在realTimeData中的索引
+      let findIndex = -1;
+      let closestIndex = -1;
+      let minDiff = Infinity;
+
+      if (this.formCache.axisType === "time") {
+        const targetValueMs = this.toMillisecondTimestamp(targetValue);
+        this.realTimeData.forEach((item, index) => {
+          const itemValueMs = this.toMillisecondTimestamp(item[axisKey]);
+          const diff = Math.abs(itemValueMs - targetValueMs);
+          if (diff < minDiff) {
+            minDiff = diff;
+            closestIndex = index;
+          }
+          if (itemValueMs === targetValueMs) {
+            findIndex = index;
+          }
+        });
+      } else {
+        this.realTimeData.forEach((item, index) => {
+          const itemValue = Number(item[axisKey]);
+          const diff = Math.abs(itemValue - Number(targetValue));
+          if (diff < minDiff) {
+            minDiff = diff;
+            closestIndex = index;
+          }
+          if (itemValue === Number(targetValue)) {
+            findIndex = index;
+          }
+        });
+      }
+
+      // 如果没有精确匹配，使用最接近的值
+      const targetIndex = findIndex !== -1 ? findIndex : closestIndex;
+
+      if (targetIndex !== -1) {
+        this.startIndex = targetIndex + 1 - this.windowSize / 2 > 0 ? targetIndex + 1 - this.windowSize / 2 : 0;
         this.updateLanesChartOption();
       }
 
       // 更新索引（循环）
-      this.currentMarkLineIndex++; // 更新索引（循环）
-      if (this.currentMarkLineIndex >= this.markLineData.length) {
+      this.currentMarkLineIndex++;
+      if (this.currentMarkLineIndex >= markLineYValues.length) {
         this.currentMarkLineIndex = 0;
       }
     },
@@ -7414,7 +7976,7 @@ var script$2 = {
 
           if (hasHeaderChange) {
             // 重新绘制图表
-            this.updateLanesChartOption(null, "series");
+            this.updateLanesChartOption();
           }
         }, 100);
       });
@@ -7784,6 +8346,7 @@ var script$2 = {
       });
     },
     onParentContextMenu(event) {
+      if (!this.showContextMenuStatus) return;
       const itemClassName = ".kd-lane-chart-lane-header";
       const lineContext = event.target && (event.target.classList.contains(itemClassName) || event.target.closest(itemClassName));
       if (!lineContext) {
@@ -7795,7 +8358,7 @@ var script$2 = {
       }
     },
     // 处理工具栏设置变更
-    updateSettings(settings) {
+    async updateSettings(settings) {
       // 处理displayType变更
       if (settings.key === "displayType") {
         this.toggleTooltip(settings.value == "float");
@@ -7804,11 +8367,10 @@ var script$2 = {
       // 处理比例尺变化
       if (settings.key === "scale") {
         this.scaleToDataSize(settings.value);
-        this.startIndex = 0;
-        this.$nextTick(() => {
-          this.updateLanesChartOption("", "series");
-        });
-      }
+        // this.startIndex = 0;
+        await this.$nextTick();
+        this.updateLanesChartOption();
+      }
 
       // 处理井深范围或时间范围的变化
       if (settings.key === "depthRange" || settings.key === "timeRange") {
@@ -7913,17 +8475,17 @@ var script$2 = {
             this.startIndex = startIndex;
 
             this.$nextTick(() => {
-              this.updateLanesChartOption("", "series");
+              this.updateLanesChartOption();
             });
           }
         }
       }
     },
-   showContextMenu(event, item) {
+    showContextMenu(event, item) {
+      if (!this.showContextMenuStatus) return;
       event.stopPropagation();
       this.$emit("showContextMenu", item);
       this.$refs.vueSimpleContextMenu.showMenu(event, item);
-
     },
     optionClicked(event) {
       const { option, item } = event;
@@ -7970,7 +8532,7 @@ var script$2 = {
     onLineChange(line, type) {
       console.log("notify line change", line, type);
       this.$emit("line-change", { ...line, actionType: type });
-      this.updateLanesChartOption("", "series");
+      this.updateLanesChartOption();
     },
     async setDefaultAndNotify() {
       const prevTemplateId = this.currentTemplate && this.currentTemplate.templateId;
@@ -8023,12 +8585,18 @@ var script$2 = {
           show: false,
           containLabel: false,
         },
+        emphasis: {
+          disabled: true,
+        },
         animation: false,
         legend: { show: false },
         xAxis: [
           {
             show: false,
             type: "value",
+            min: 0,
+            max: 10,
+            splitNumber: 5,
             splitLine: {
               show: false,
               showMinLine: false,
@@ -8103,37 +8671,17 @@ var script$2 = {
               formatter: (params) => {
                 if (this.formCache.displayType == "header") {
                   let dataIndexItem = (params.seriesData && params.seriesData[0] && params.seriesData[0].dataIndex) || null;
-                  // let dataIndexItem = this.getFirstDataIndexItem(params.seriesData);
                   if (dataIndexItem !== null) {
                     this.headerData = this.visibleData[dataIndexItem];
-                    // this.headerData = this.visibleData[dataIndexItem.dataIndex];
                   } else {
                     this.headerData = {};
                   }
                 }
                 if (this.formCache.axisType == "time") {
-                  return this.timestampToHms(params.value);
+                  return this.timestampToYMDHMS(params.value);
                 } else {
                   return params.value.toString();
                 }
-                //     if (this.formCache.axisType == "time") {
-                //       // 时间轴模式：params.value 是时间戳
-                //       this.headerData =
-                //         this.visibleData.find(
-                //           (item) =>
-                //             this.toMillisecondTimestamp(item && item[this.toolBarConfig.axisTypeList && this.toolBarConfig.axisTypeList[this.formCache.axisType]]) == params.value,
-                //         ) || {};
-                //     } else {
-                //       this.headerData =
-                //         this.visibleData.find((item) => item && item[this.toolBarConfig.axisTypeList && this.toolBarConfig.axisTypeList[this.formCache.axisType]] == params.value) ||
-                //         {};
-                //     }
-                //   }
-                //   // 时间轴模式：格式化时间戳为可读时间
-                //   if (this.formCache.axisType == "time") {
-                //     return this.timestampToHms(params.value);
-                //   }
-                //   return params.value;
               },
             },
           },
@@ -8274,42 +8822,22 @@ var script$2 = {
       }
       return fallback;
     },
-    async updateLanesChartOption(transferData, type = "all") {
-      // 如果正在更新，直接返回，避免重复调用
+    async updateLanesChartOption(transferData) {
       if (this.isUpdatingChart) return;
+      this.isUpdatingChart = true;
 
-      let realTimeData = [];
-      if (transferData && transferData.length > 0) {
-        realTimeData = transferData;
-      } else {
-        realTimeData = this.getVisibleData();
-      }
+      let realTimeData = transferData && transferData.length > 0 ? transferData : this.getVisibleData();
       const lanes = cloneDeep(this.currentTemplate.lanes);
 
-      if (!lanes || lanes.length === 0) return;
-
-      let depthData = [];
-      let timestamps = [];
-
-      let yAxisMin = 0;
-      let yAxisMax = 0;
+      if (!lanes || lanes.length === 0) {
+        this.isUpdatingChart = false;
+        return;
+      }
 
-      // 获取当前轴类型的键
       const axisKey =
         (this.toolBarConfig.axisTypeList && this.toolBarConfig.axisTypeList[this.formCache.axisType]) ||
         (this.formCache.axisType === "time" ? "time" : "depth");
 
-      if (this.formCache.axisType == "time") {
-        // 时间轴模式：使用毫秒时间戳
-        timestamps = realTimeData.map((item) => this.toMillisecondTimestamp(item[axisKey]));
-        yAxisMin = Math.min(...timestamps);
-        yAxisMax = Math.max(...timestamps);
-      } else {
-        depthData = realTimeData.map((i) => +i[axisKey]);
-        yAxisMin = Math.min(...depthData);
-        yAxisMax = Math.max(...depthData);
-      }
-
       const paramNameMap = {};
       this.params.forEach((p) => {
         paramNameMap[p.paramId] = p.paramName;
@@ -8318,516 +8846,768 @@ var script$2 = {
       try {
         for (let laneIndex = 0; laneIndex < lanes.length; laneIndex++) {
           const lane = lanes[laneIndex];
-          // 获取轴类型列表
           const axisTypeList = this.toolBarConfig.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();
+          const dataGroups = splitArrayByDepth(realTimeData, axisKey);
+
+          if (dataGroups.length > 0) {
+            option.yAxis = [];
+            option.series = [];
+            option.grid = [];
+            option.xAxis = [];
+
+            let totalHeight = 0;
+            const groupHeights = [];
+
+            dataGroups.forEach((group) => {
+              const groupDepths = group.map((item) => +item[axisKey]);
+              const groupRange = Math.max(...groupDepths) - Math.min(...groupDepths);
+              groupHeights.push(groupRange);
+              totalHeight += groupRange;
+            });
 
-          if (this.formCache.axisType == "time") {
-            // 时间轴模式：设置 min 和 max，不设置 data
-            if (yAxisMin === yAxisMax) {
-              yAxisMin = yAxisMin - 1;
-              yAxisMax = yAxisMax + 1;
-            }
-            option.yAxis[0].min = yAxisMin;
-            option.yAxis[0].max = yAxisMax;
-            // 时间轴不需要 data 属性
-            delete option.yAxis[0].data;
-
-            // 时间轴自适应间隔：根据数据量计算合适的间隔
-            const dataCount = realTimeData.length;
-            if (dataCount > 0) {
-              const timeRange = yAxisMax - yAxisMin;
-              // 根据数据量设置合适的间隔
-              if (dataCount < 10) {
-                // 数据量较少，间隔可以小一些
-                option.yAxis[0].interval = timeRange / 1;
-              } else if (dataCount < 50) {
-                // 数据量中等
-                option.yAxis[0].interval = timeRange / 5;
-              } else if (dataCount < 100) {
-                // 数据量较多
-                option.yAxis[0].interval = timeRange / 10;
-              } else {
-                // 数据量很多
-                option.yAxis[0].interval = timeRange / 15;
+            const allValues = [];
+            dataGroups.forEach((group) => {
+              group.forEach((item) => {
+                allValues.push(+item[axisKey]);
+              });
+            });
+
+            allValues.sort((a, b) => a - b);
+
+            const allIntervals = [];
+            for (let i = 1; i < allValues.length; i++) {
+              const interval = Math.abs(allValues[i] - allValues[i - 1]);
+              if (interval > 0) {
+                allIntervals.push(interval);
               }
             }
-          } else {
-            if (yAxisMin === yAxisMax) {
-              yAxisMin = yAxisMin - 1;
-              yAxisMax = yAxisMax + 1;
-            }
-            option.yAxis[0].min = yAxisMin;
-            option.yAxis[0].max = yAxisMax;
-            // 深度轴不需要 data 属性
-            delete option.yAxis[0].data;
-
-            // 深度轴自适应间隔：根据数据量计算合适的间隔
-            const depthRange = yAxisMax - yAxisMin;
-            const dataCount = realTimeData.length;
-            if (dataCount > 0) {
-              // 根据数据量设置合适的间隔
-              if (dataCount < 10) {
-                // 数据量较少，间隔可以小一些
-                option.yAxis[0].interval = depthRange / 5;
-              } else if (dataCount < 50) {
-                // 数据量中等
-                option.yAxis[0].interval = depthRange / 10;
-              } else if (dataCount < 100) {
-                // 数据量较多
-                option.yAxis[0].interval = depthRange / 15;
-              } else {
-                // 数据量很多
-                option.yAxis[0].interval = depthRange / 20;
-              }
+
+            let unifiedInterval = 5;
+            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);
             }
-          }
 
-          if (isDepthLane) {
-            await this.$nextTick();
-            let clientWidth = this.getLaneHeaderClientWidth(lane, laneIndex);
-            Object.assign(option.yAxis[0], {
-              splitLine: { show: false },
-              axisPointer: { show: false },
-              boundaryGap: false,
-              axisLabel: {
-                show: true,
-                width: clientWidth,
-                showMinLabel: false,
-                showMaxLabel: false,
-                align: "left",
-                color: getCssVariable("--default-text-color"),
-                rich: {
-                  verticalAlign: "center",
-                  center: { align: "center", fontSize: 12, width: clientWidth },
+            let currentTop = 0;
+
+            dataGroups.forEach(async (group, groupIndex) => {
+              const groupDepths = group.map((item) => +item[axisKey]);
+              const groupMin = Math.min(...groupDepths);
+              const groupMax = Math.max(...groupDepths);
+              const groupHeight = (groupHeights[groupIndex] / totalHeight) * 100;
+              const gridIndex = option.grid.length;
+
+              option.grid.push({
+                top: `${currentTop}%`,
+                left: 2,
+                right: 2,
+                height: `${groupHeight}%`,
+                show: false,
+                containLabel: true,
+              });
+              currentTop += groupHeight;
+
+              option.yAxis.push({
+                gridIndex: gridIndex,
+                type: "value",
+                min: groupMin,
+                max: groupMax,
+                inverse: true,
+                boundaryGap: false,
+                splitLine: {
+                  show: true,
+                  showMinLine: false,
+                  showMaxLine: false,
+                  lineStyle: {
+                    color: getCssVariable("--kd-lane-container-item-line-color"),
+                    type: "dashed",
+                  },
                 },
-                formatter: (value) => {
-                  return `{center|${typeof +value === "number" ? Number(Number(value).toFixed(2)) : value}}`;
+                axisLine: { show: false, onZero: false },
+                axisTick: { show: false },
+                axisLabel: {
+                  show: false,
+                  fontSize: 12,
+                  color: getCssVariable("--default-text-color"),
                 },
-              },
+                axisPointer: { show: true },
+                interval: unifiedInterval,
+              });
+
+              if (isDepthLane || isTimeLane) {
+                await this.$nextTick();
+                const clientWidth = this.getLaneHeaderClientWidth(lane, laneIndex);
+                option.xAxis.push({
+                  gridIndex: gridIndex,
+                  type: "value",
+                  min: 0,
+                  max: 10,
+                  splitLine: { show: false },
+                  axisLabel: { show: false },
+                  axisLine: { show: false },
+                  axisTick: { show: false },
+                });
+                option.series.push({
+                  type: "line",
+                  xAxisIndex: groupIndex,
+                  yAxisIndex: gridIndex,
+                  nameIndex: groupIndex,
+                });
+                Object.assign(option.yAxis[gridIndex], {
+                  splitLine: { show: false },
+                  axisPointer: { show: false },
+                  alignTicks: true,
+                  boundaryGap: false,
+                  axisLabel: {
+                    show: true,
+                    width: clientWidth,
+                    hideOverlap: true,
+                    height: 14,
+                    verticalAlign: "middle",
+                    color: getCssVariable("--default-text-color"),
+                    overflow: "truncate",
+                    rich: {
+                      center: { 
+                        align: "center", 
+                        fontSize: 12,
+                        verticalAlign: "middle",
+                        width: clientWidth - 6 ,
+                        height: 14,
+                        textBaseline: "middle",
+                        lineHeight: 14,
+                      },
+                      center2: { 
+                        align: "center", 
+                        fontSize: 12, 
+                        backgroundColor: "red",
+                        verticalAlign: "middle",
+                        width: clientWidth - 6,
+                        height: 14,
+                        textBaseline: "middle",
+                        lineHeight: 14,
+                      },
+                    },
+                    formatter: this.getYAxisLabelFormatter(isTimeLane, dataGroups, groupIndex, groupMin, groupMax, axisKey),
+                  },
+                });
+                option.backgroundColor = "transparent";
+                delete option.tooltip;
+              }
+
+              const allSeriesData = {};
+              if (lane && lane.lines) {
+                lane.lines.forEach((lineInfo) => {
+                  allSeriesData[lineInfo.lineId] = this.generateSeriesData(realTimeData, lineInfo, axisKey);
+                });
+              }
+
+              const isLogScale = lane.isLogScale === "1";
+              let laneMin = 0,
+                laneMax = 0;
+              if (lane && lane.lines) {
+                lane.lines.forEach((lineInfo) => {
+                  const range = this.getXAxisRangeByHeader(lineInfo, allSeriesData[lineInfo.lineId]);
+                  if (lineInfo.min) laneMin = Math.min(laneMin, range.min);
+                  if (lineInfo.max) laneMax = Math.max(laneMax, range.max);
+                });
+              }
+
+              lane &&
+                lane.lines &&
+                lane.lines.forEach((lineInfo) => {
+                  const seriesData = this.generateSeriesData(group, lineInfo, axisKey);
+                  const allValidData = allSeriesData[lineInfo.lineId];
+                  const { min, max } = this.getXAxisRangeByHeader(lineInfo, allValidData);
+                  const xAxisIndex = option.xAxis.length;
+
+                  option.xAxis.push({
+                    interval: isLogScale ? "auto" : (max - min) / 5,
+                    splitNumber: isLogScale ? "auto" : 5,
+                    gridIndex: gridIndex,
+                    show: !isDepthLane,
+                    type: isLogScale ? "log" : "value",
+                    min: isLogScale ? (laneMin > 0 ? laneMin : 0.1) : min,
+                    max: isLogScale ? (laneMax > 0 ? laneMax : 1) : max,
+                    splitLine: {
+                      show: !isDepthLane,
+                      showMaxLine: false,
+                      showMinLine: false,
+                      lineStyle: { color: getCssVariable("--kd-lane-container-item-line-color"), type: "dashed" },
+                    },
+                    axisLabel: { show: false },
+                    axisLine: { show: false },
+                    axisTick: { show: false },
+                  });
+
+                  const baseSeries = {
+                    laneId: lineInfo.paramId,
+                    data: lineInfo.isUsed === "1" ? seriesData : [],
+                    type: "line",
+                    xAxisIndex: xAxisIndex,
+                    yAxisIndex: gridIndex,
+                    name: paramNameMap[lineInfo.paramId] || "",
+                    symbol: lineInfo.symbol || "none",
+                    color: lineInfo.themeConfig
+                      ? lineInfo.isGradient
+                        ? this.linearGradientLineColor[this.nowTheme][lineInfo.paramId]
+                        : lineInfo.themeConfig[this.nowTheme].lineColor
+                      : lineInfo.lineColor,
+                    symbolSize: getAdaptedFontSize(lineInfo.symbolSize || 6),
+                    lineStyle: {
+                      width: getAdaptedFontSize(+lineInfo.lineSize || 1.5),
+                      type: lineInfo.lineType,
+                    },
+                    clip: false,
+                    z: lineInfo.lineSort,
+                  };
+
+                  this.addMarkLineToSeries(baseSeries, lineInfo, realTimeData, axisKey);
+                  this.addMarkAreaToSeries(baseSeries, lineInfo, realTimeData, axisKey, min, max);
+                  this.addAreaStyleToSeries(baseSeries, lineInfo, seriesData, min);
+
+                  option.series.push(baseSeries);
+                });
+
+              if (!isDepthLane && !isTimeLane && lane && lane.lines) {
+                const min = Math.max(...lane.lines.map((item) => this.lineRange[item.lineId].min));
+                option.series.unshift({
+                  name: "helper",
+                  type: "line",
+                  xAxisIndex: lane.lines.length * groupIndex,
+                  yAxisIndex: gridIndex,
+                  data: realTimeData.map((item) => [min, +item[axisKey]]),
+                  lineStyle: { opacity: 0 },
+                  symbol: "none",
+                });
+              }
             });
-            option.backgroundColor = "transparent";
-            delete option.tooltip;
           }
-          if (isTimeLane) {
-            await this.$nextTick();
-            let clientWidth = this.getLaneHeaderClientWidth(lane, laneIndex);
-            Object.assign(option.yAxis[0], {
-              splitLine: { show: false },
-              axisPointer: { show: false },
-              boundaryGap: false,
-              axisLabel: {
-                show: true,
-                width: clientWidth,
-                showMinLabel: false,
-                showMaxLabel: false,
-                align: "left",
-                color: getCssVariable("--default-text-color"),
-                rich: {
-                  verticalAlign: "center",
-                  center: { align: "center", fontSize: 12, width: clientWidth },
-                },
-                formatter: (value) => {
-                  // 时间轴格式化：将时间戳格式化为可读时间
-                  const timeStr = this.timestampToHms(value);
-                  return `{center|${timeStr}}`;
-                },
-              },
-            });
-            option.backgroundColor = "transparent";
-            delete option.tooltip;
+
+          await this.$nextTick();
+          this.updateOptionsByLineId(lane.laneId, option);
+          this.$refs.refResizeChart && this.$refs.refResizeChart[laneIndex] && this.$refs.refResizeChart[laneIndex].connect(this.group);
+        }
+      } catch (error) {
+        console.error("updateLanesChartOption error:", error);
+      } finally {
+        this.isUpdatingChart = false;
+      }
+    },
+
+    generateSeriesData(data, lineInfo, axisKey) {
+      return data.map((item) => {
+        let value = null;
+        if (Object.prototype.hasOwnProperty.call(item, lineInfo.paramId)) {
+          value = item[lineInfo.paramId];
+        } else {
+          const currentParam = this.params.find((p) => p.paramId == lineInfo.paramId);
+          if (currentParam && currentParam.paramCode) {
+            const codes = currentParam.paramCode.split(",");
+            for (const code of codes) {
+              if (Object.prototype.hasOwnProperty.call(item, code)) {
+                value = item[code];
+                break;
+              }
+            }
           }
-          const xAxis = [];
-          const series = [];
-          const colors = [];
-
-          // line
-          lane &&
-            lane.lines &&
-            lane.lines.forEach((lineInfo, lineIndex) => {
-              let seriesData = [];
-              let validData = [];
-              // 获取当前轴类型的键
-              const axisKey =
-                (this.toolBarConfig.axisTypeList && this.toolBarConfig.axisTypeList[this.formCache.axisType]) ||
-                (this.formCache.axisType === "time" ? "time" : "depth");
-
-              if (this.formCache.axisType == "time") {
-                // 时间轴模式：数据格式为 [x, y]，其中 y 是时间戳
-                let currentParam = this.params.find((p) => p.paramId == lineInfo.paramId);
-                seriesData = realTimeData.map((item) => {
-                  let value = null;
-                  if (Object.prototype.hasOwnProperty.call(item, lineInfo.paramId)) {
-                    value = item && item[lineInfo.paramId];
-                  } else {
-                    if (Object.prototype.hasOwnProperty.call(currentParam, "paramCode") && currentParam.paramCode !== "") {
-                      let codes = currentParam.paramCode.split(",");
-                      codes.forEach((code) => {
-                        if (Object.prototype.hasOwnProperty.call(item, code)) {
-                          value = item && item[code];
-                          return;
-                        }
-                      });
-                    }
-                  }
-                  // 返回 [x, y] 格式，y 是时间戳
-                  return [value, this.toMillisecondTimestamp(item[axisKey])];
-                });
-                validData = seriesData.filter((v) => Number.isFinite(+v[0]));
-              } else {
-                // 深度轴模式：数据格式为 [x, y]，其中 y 是深度值
-                let currentParam = this.params.find((p) => p.paramId == lineInfo.paramId);
-                seriesData = realTimeData.map((item) => {
-                  let value = null;
-                  if (Object.prototype.hasOwnProperty.call(item, lineInfo.paramId)) {
-                    value = item && item[lineInfo.paramId];
-                  } else {
-                    if (Object.prototype.hasOwnProperty.call(currentParam, "paramCode") && currentParam.paramCode !== "") {
-                      let codes = currentParam.paramCode.split(",");
-                      codes.forEach((code) => {
-                        if (Object.prototype.hasOwnProperty.call(item, code)) {
-                          value = item && item[code];
-                          return;
-                        }
-                      });
-                    }
-                  }
-                  // 返回 [x, y] 格式，y 是深度值
-                  return [value, +item[axisKey]];
-                });
-                validData = seriesData.filter((v) => Number.isFinite(+v[0]));
+        }
+        return [value, +item[axisKey]];
+      });
+    },
+
+    getYAxisLabelFormatter(isTimeLane, dataGroups, groupIndex, groupMin, groupMax, axisKey) {
+      return (value) => {
+        if (isTimeLane) {
+          return `{center|${this.timestampToHms(value)}}`;
+        }
+        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}}`;
+          return `{center2|${prevGroupMax.toFixed(0)}/${value.toFixed(0)}}`;
+        }
+        if (groupIndex <= dataGroups.length - 1 && value === groupMax) {
+          return `{center|}`;
+        }
+        if (groupIndex === 0 && value === groupMin) {
+          return `{center|}`;
+        }
+        return `{center|${typeof +value === "number" ? Number(Number(value).toFixed(0)) : value}}`;
+      };
+    },
+
+    addMarkLineToSeries(baseSeries, lineInfo, realTimeData, axisKey) {
+      if (!this.markLineData || this.markLineData.length === 0) return;
+
+      baseSeries.markLine = {
+        symbol: "none",
+        label: { show: false },
+        emphasis: { disabled: true },
+        data: this.markLineData
+          .map((item) => {
+            if (this.formCache.axisType === "depth") {
+              const markDepth = item.data?.depth || item.depth || item;
+              const markTime = item.data?.timestamp || item.timestamp || 0;
+              const markTimeMs = this.toMillisecondTimestamp(markTime);
+
+              const findItem = realTimeData.find((d) => d[axisKey] == markDepth);
+              if (findItem) {
+                return { yAxis: Number(markDepth), lineStyle: { color: item.color || "red", type: "dashed", width: 2 } };
               }
-              const { min, max } = this.getXAxisRangeByHeader(lineInfo, validData);
 
-              // X轴
-              xAxis.push({
-                show: !isDepthLane,
-                type: "value",
-                min,
-                max,
-                splitLine: {
-                  show: !isDepthLane,
-                  showMaxLine: false,
-                  showMinLine: false,
-                  lineStyle: { color: getCssVariable("--kd-lane-container-item-line-color"), type: "dashed" },
-                },
-                axisLabel: { show: false },
-                axisLine: { show: false },
-                axisTick: { show: false },
+              let closestItem = null,
+                minDiff = Infinity;
+              realTimeData.forEach((d) => {
+                const diff = Math.abs(Number(d[axisKey]) - Number(markDepth));
+                if (diff < minDiff) {
+                  minDiff = diff;
+                  closestItem = d;
+                }
               });
-              // series
-              const baseSeries = {
-                laneId: lineInfo.paramId,
-                data: lineInfo.isUsed === "1" ? seriesData : [],
-                type: "line",
-                xAxisIndex: lineIndex,
-                name: paramNameMap[lineInfo.paramId] || "",
-                symbol: lineInfo.symbol || "none",
-                symbolSize: getAdaptedFontSize(lineInfo.symbolSize || 6),
-                lineStyle: {
-                  width: getAdaptedFontSize(+lineInfo.lineSize || 1.5),
-                  type: lineInfo.lineType,
-                },
-                clip: false,
-                z: lineInfo.lineSort,
-              };
 
-              // 加标记线（
-              baseSeries.markLine = {
-                symbol: "none",
-                lineStyle: {
-                  color: getCssVariable("--default-text-color"),
-                  type: "dashed",
-                  width: 1,
-                },
-                label: {
-                  show: false,
-                },
-                emphasis: {
-                  disabled: true,
-                },
-                data: this.markLineData
-                  .map((item, index) => {
-                    // 尝试精确匹配
-                    const findItem = this.realTimeData.find((d) => d[this.toolBarConfig.axisTypeList[this.formCache.axisType]] == item);
-                    if (findItem) {
-                      if (this.formCache.axisType == "time") {
-                        return { yAxis: this.toMillisecondTimestamp(findItem[this.toolBarConfig.axisTypeList[this.formCache.axisType]]) };
-                      } else {
-                        return { yAxis: Number(findItem[this.toolBarConfig.axisTypeList[this.formCache.axisType]]) };
-                      }
-                    } else {
-                      // 精确匹配失败，找到最接近的深度值
-                      let closestItem = null;
-                      let minDiff = Infinity;
-                      if (this.formCache.axisType == "time") minDiff = 5 * 1000;
-                      if (this.formCache.axisType == "depth") minDiff = 5;
-                      this.realTimeData.forEach((d) => {
-                        const diff = Math.abs(Number(d[this.toolBarConfig.axisTypeList[this.formCache.axisType]]) - Number(item));
-                        if (diff < minDiff) {
-                          minDiff = diff;
-                          closestItem = d;
-                        }
-                      });
-                      if (closestItem) {
-                        this.markLineData[index] = closestItem[this.toolBarConfig.axisTypeList[this.formCache.axisType]];
-                        if (this.formCache.axisType == "time") {
-                          return {
-                            yAxis: this.toMillisecondTimestamp(closestItem[this.toolBarConfig.axisTypeList[this.formCache.axisType]]),
-                          };
-                        } else {
-                          return { yAxis: closestItem[this.toolBarConfig.axisTypeList[this.formCache.axisType]] + "" };
-                        }
-                      }
-                      return { yAxis: closestItem };
-                    }
-                  })
-                  .filter((item) => item.yAxis !== null),
-              };
+              if (closestItem) {
+                const dataTime = closestItem.timestamp || 0;
+                const dataTimeMs = this.toMillisecondTimestamp(dataTime);
+                if (markTimeMs >= dataTimeMs) {
+                  return { yAxis: Number(markDepth), lineStyle: { color: item.color || "red", type: "dashed", width: 2 } };
+                }
+              }
+              return { yAxis: null };
+            } else if (this.formCache.axisType === "time") {
+              const markTime = item.data?.time || item.time || item;
+              const markTimeMs = this.toMillisecondTimestamp(markTime);
+
+              const findItem = realTimeData.find((d) => d[axisKey] == markTime);
+              if (findItem) {
+                return { yAxis: markTimeMs, lineStyle: { color: item.color || "red", type: "dashed", width: 2 } };
+              }
 
-              // ===== 面积图 =====
-              if (lineInfo.lineType === "area") {
-                // 只对时间轴模式生效
-                if (seriesData.length > 0) {
-                  // 找到第一个有效的数据点
-                  const firstValidPoint = seriesData.find((point) => Number.isFinite(+point[0]));
-                  if (firstValidPoint) {
-                    // 在数据开始处添加一个辅助点，x 值为 x 轴的最小值，y 值与第一个数据点的 y 值相同
-                    seriesData.unshift([min, firstValidPoint[1]]);
-                    // 在数据结束处添加一个辅助点，x 值为 x 轴的最小值，y 值与最后一个数据点的 y 值相同
-                    const lastValidPoint = seriesData[seriesData.length - 1];
-                    if (lastValidPoint && Number.isFinite(+lastValidPoint[0])) {
-                      seriesData.push([min, lastValidPoint[1]]);
-                    }
-                  }
+              let closestItem = null,
+                minDiff = Infinity;
+              realTimeData.forEach((d) => {
+                const diff = Math.abs(this.toMillisecondTimestamp(d[axisKey]) - markTimeMs);
+                if (diff < minDiff) {
+                  minDiff = diff;
+                  closestItem = d;
                 }
+              });
 
-                baseSeries.areaStyle = {
-                  origin: "start",
-                  opacity: 1,
-                };
-                // 隐藏辅助点在 tooltip 中的显示
-                baseSeries.itemStyle = {
-                  opacity: 0,
-                };
-              } else {
-                baseSeries.areaStyle = { opacity: 0 };
+              if (closestItem) {
+                return { yAxis: markTimeMs, lineStyle: { color: item.color || "red", type: "dashed", width: 2 } };
               }
+              return { yAxis: null };
+            }
+            return { yAxis: Number(item.data || item), lineStyle: { color: item.color || "red", type: "dashed", width: 2 } };
+          })
+          .filter((item) => item.yAxis !== null),
+      };
+    },
+
+    addMarkAreaToSeries(baseSeries, lineInfo, realTimeData, axisKey, min, max) {
+      if (!this.markAreaLineData || this.markAreaLineData.length === 0) return;
+
+      const currentMarkAreaData = this.markAreaLineData.filter((item) => item.paramsId === lineInfo.paramId);
+      if (currentMarkAreaData.length === 0) return;
+
+      const markAreaData = [];
+      currentMarkAreaData.forEach((areaItem) => {
+        if (!areaItem.data || areaItem.data.length < 2) return;
 
-              series.push(baseSeries);
+        const startData = areaItem.data[0];
+        const endData = areaItem.data[1];
+        let startY, endY;
 
-              const color = lineInfo.themeConfig
-                ? lineInfo.isGradient
-                  ? this.linearGradientLineColor[this.nowTheme][lineInfo.paramId]
-                  : lineInfo.themeConfig[this.nowTheme].lineColor
-                : lineInfo.lineColor;
+        if (this.formCache.axisType === "depth") {
+          const startDepth = startData.depth;
+          const startTime = this.toMillisecondTimestamp(startData.timestamp || 0);
+          const endDepth = endData.depth;
+          const endTime = this.toMillisecondTimestamp(endData.timestamp || 0);
 
-              colors.push(color);
+          const startFindItem = realTimeData.find((d) => d[axisKey] == startDepth && d.timestamp == startData.timestamp);
+          if (startFindItem) {
+            startY = Number(startDepth);
+          } else {
+            let closestStartItem = null,
+              minStartDiff = Infinity;
+            realTimeData.forEach((d) => {
+              const diff = Math.abs(Number(d[axisKey]) - Number(startDepth));
+              if (diff < minStartDiff) {
+                minStartDiff = diff;
+                closestStartItem = d;
+              }
             });
-          // 获取当前轴类型的键
-          const axisKey =
-            (this.toolBarConfig.axisTypeList && this.toolBarConfig.axisTypeList[this.formCache.axisType]) ||
-            (this.formCache.axisType === "time" ? "time" : "depth");
-
-          if (series.length > 0 && this.formCache.axisType == "depth") {
-            let min = Math.max(...lane.lines.map((item) => this.getXAxisRangeByHeader(item).min));
-            // 兜底：深度轴模式使用 [x, y] 格式
-            series.unshift({
-              name: "helper",
-              type: "line",
-              data: realTimeData.map((item) => [min, +item[axisKey]]),
-              lineStyle: {
-                opacity: 0,
-              },
-              symbol: "none",
+            if (closestStartItem) {
+              const dataTimeMs = this.toMillisecondTimestamp(closestStartItem.timestamp || 0);
+              startY = startTime >= dataTimeMs && closestStartItem[axisKey] >= startDepth ? Number(startDepth) : null;
+            } else {
+              startY = null;
+            }
+          }
+
+          const endFindItem = realTimeData.find((d) => d[axisKey] == endDepth && d.timestamp == endData.timestamp);
+          if (endFindItem) {
+            endY = Number(endDepth);
+          } else {
+            let closestEndItem = null,
+              minEndDiff = Infinity;
+            realTimeData.forEach((d) => {
+              const diff = Math.abs(Number(d[axisKey]) - Number(endDepth));
+              if (diff < minEndDiff) {
+                minEndDiff = diff;
+                closestEndItem = d;
+              }
             });
-            colors.unshift("transparent");
+            if (closestEndItem) {
+              const dataTimeMs = this.toMillisecondTimestamp(closestEndItem.timestamp || 0);
+              endY = endTime >= dataTimeMs && closestEndItem[axisKey] <= endDepth ? Number(endDepth) : null;
+            } else {
+              endY = null;
+            }
           }
-          if (series.length > 0 && this.formCache.axisType == "time") {
-            let min = Math.max(...lane.lines.map((item) => this.getXAxisRangeByHeader(item).min));
-            series.unshift({
-              name: "helper",
-              type: "line",
-              data: realTimeData.map((item) => [min, this.toMillisecondTimestamp(item[axisKey])]),
-              lineStyle: {
-                opacity: 0,
-              },
-              symbol: "none",
+        } else if (this.formCache.axisType === "time") {
+          const startTime = startData.time;
+          const endTime = endData.time;
+          const startTimeMs = this.toMillisecondTimestamp(startTime);
+          const endTimeMs = this.toMillisecondTimestamp(endTime);
+
+          const startFindItem = realTimeData.find((d) => d[axisKey] == startTime);
+          startY = startFindItem ? startTimeMs : null;
+          if (!startY) {
+            let closestStartItem = null,
+              minStartDiff = Infinity;
+            realTimeData.forEach((d) => {
+              const diff = Math.abs(this.toMillisecondTimestamp(d[axisKey]) - startTimeMs);
+              if (diff < minStartDiff) {
+                minStartDiff = diff;
+                closestStartItem = d;
+              }
             });
-            colors.unshift("transparent");
+            startY = closestStartItem ? startTimeMs : null;
           }
-          merge(option, {
-            xAxis,
-            series,
-            color: colors,
-          });
-          await this.$nextTick();
-          if (type === "all") {
-            this.updateOptionsByLineId(lane.laneId, option);
-            this.$refs.refResizeChart[laneIndex] && this.$refs.refResizeChart[laneIndex].connect(this.group);
-          } else if (type === "series") {
-            this.updateOptionsByLineId2(lane.laneId, option);
+
+          const endFindItem = realTimeData.find((d) => d[axisKey] == endTime);
+          endY = endFindItem ? endTimeMs : null;
+          if (!endY) {
+            let closestEndItem = null,
+              minEndDiff = Infinity;
+            realTimeData.forEach((d) => {
+              const diff = Math.abs(this.toMillisecondTimestamp(d[axisKey]) - endTimeMs);
+              if (diff < minEndDiff) {
+                minEndDiff = diff;
+                closestEndItem = d;
+              }
+            });
+            endY = closestEndItem ? endTimeMs : null;
           }
+        } else {
+          startY = Number(startData.depth || startData.y);
+          endY = Number(endData.depth || endData.y);
         }
-        this.$forceUpdate();
-      } catch (e) {
-        console.error(e);
-        this.clearEcharts();
+
+        if (startY !== null && endY !== null) {
+          markAreaData.push([
+            { xAxis: min, yAxis: startY },
+            { xAxis: max, yAxis: endY },
+          ]);
+        }
+      });
+
+      if (markAreaData.length > 0) {
+        baseSeries.markArea = {
+          silent: true,
+          itemStyle: {
+            color: currentMarkAreaData[0]?.color || "rgba(255, 0, 0, 0.1)",
+            borderWidth: 0,
+          },
+          data: markAreaData,
+        };
       }
     },
-    async clearEcharts() {
-      const lanes = cloneDeep(this.currentTemplate.lanes);
-      this.lineData = [];
-      for (let laneIndex = 0; laneIndex < lanes.length; ++laneIndex) {
-        const kdLaneChartOption = this.getDefaultLaneChartOption();
-        const optionFromRealTimeData = {
-          xAxis: [],
-          series: [],
-          color: [],
-        };
-        for (let lineIndex = 0; lineIndex < lanes[laneIndex].length; ++lineIndex) {
-          const seriesData = [];
-          optionFromRealTimeData.xAxis.push({
-            show: laneIndex !== 0,
-            type: "value",
-            splitLine: {
-              show: laneIndex !== 0,
-              showMinLine: false,
-              showMaxLine: false,
-              lineStyle: {
-                color: getCssVariable("--default-text-color"),
-                type: "dashed",
-                opacity: 0.1,
-              },
-            },
-            axisLabel: {
-              show: false,
-            },
-            axisLine: {
-              show: false,
-              onZero: false,
-            },
-            axisTick: {
-              show: false,
-            },
-            min: 0,
-            max: 0,
+
+    addAreaStyleToSeries(baseSeries, lineInfo, seriesData, min) {
+      if (lineInfo.lineType !== "area") {
+        baseSeries.areaStyle = { opacity: 0 };
+        return;
+      }
+
+      if (seriesData.length > 0) {
+        const firstValidPoint = seriesData.find((point) => Number.isFinite(+point[0]));
+        if (firstValidPoint) {
+          seriesData.unshift([min, firstValidPoint[1]]);
+          const lastValidPoint = seriesData[seriesData.length - 1];
+          if (lastValidPoint && Number.isFinite(+lastValidPoint[0])) {
+            seriesData.push([min, lastValidPoint[1]]);
+          }
+        }
+      }
+
+      baseSeries.areaStyle = {
+        origin: "start",
+        emphasis: { disabled: true },
+        color: lineInfo.themeConfig
+          ? lineInfo.isGradient
+            ? this.linearGradientLineColor[this.nowTheme][lineInfo.paramId]
+            : lineInfo.themeConfig[this.nowTheme].lineColor
+          : lineInfo.lineColor,
+        opacity: 1,
+      };
+      baseSeries.itemStyle = { opacity: 0 };
+    },
+
+    async updateLanesChartOptionIncremental(transferData) {
+      if (this.isUpdatingChart) return;
+      this.isUpdatingChart = true;
+
+      let realTimeData = transferData && transferData.length > 0 ? transferData : this.getVisibleData();
+      const lanes = this.currentTemplate && this.currentTemplate.lanes;
+
+      if (!lanes || lanes.length === 0) {
+        this.isUpdatingChart = false;
+        return;
+      }
+
+      const axisKey =
+        (this.toolBarConfig.axisTypeList && this.toolBarConfig.axisTypeList[this.formCache.axisType]) ||
+        (this.formCache.axisType === "time" ? "time" : "depth");
+
+      try {
+        for (let laneIndex = 0; laneIndex < lanes.length; laneIndex++) {
+          const lane = lanes[laneIndex];
+          const chartRef = this.$refs.refResizeChart && this.$refs.refResizeChart[laneIndex];
+          if (!chartRef || !chartRef.chart) continue;
+
+          const chart = chartRef.chart;
+          const currentOption = chart.getOption();
+
+          const axisTypeList = this.toolBarConfig.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;
+
+          const updates = {};
+          const needUpdate = {
+            grid: false,
+            yAxis: false,
+            xAxis: false,
+            series: false,
+          };
+
+          const newGrid = [];
+          const newYAxis = [];
+          const newXAxis = [];
+          const newSeriesData = [];
+
+          let totalHeight = 0;
+          const groupHeights = [];
+          dataGroups.forEach((group) => {
+            const groupDepths = group.map((item) => +item[axisKey]);
+            const groupRange = Math.max(...groupDepths) - Math.min(...groupDepths);
+            groupHeights.push(groupRange);
+            totalHeight += groupRange;
           });
-          if (laneIndex !== 0) {
-            if (!lanes[laneIndex][lineIndex].titleLineColor.includes("linear-gradient")) {
-              optionFromRealTimeData.series.push({
-                laneId: lanes[laneIndex][lineIndex].laneId,
-                data: lanes[laneIndex][lineIndex].visible ? seriesData : [],
-                type: lanes[laneIndex][lineIndex].lineType,
-                showAllSymbol: true,
-                symbol: lanes[laneIndex][lineIndex].symbol || "none",
-                symbolSize: getAdaptedFontSize(lanes[laneIndex][lineIndex].symbolSize || 6),
-                name: `${lanes[laneIndex][lineIndex].paramName}${lanes[laneIndex][lineIndex].unit}`,
-                xAxisIndex: lineIndex,
-                lineStyle: {
-                  width: getAdaptedFontSize(lanes[laneIndex][lineIndex].curveSize || 1.5),
-                  type: lanes[laneIndex][lineIndex].curveType,
-                },
-                // areaStyle: {
-                //   color: {
-                //     type: "linear", // 线性渐变
-                //     x: 0,
-                //     y: 0, // 渐变起点：图形顶部
-                //     x2: 0,
-                //     y2: 1, // 渐变终点：图形底部（垂直方向渐变）
-                //     colorStops: seriesData.map(() => {
-                //       return {
-                //         offset: 1,
-                //         color: lanes[laneIndex][lineIndex].color,
-                //       };
-                //     }),
-                //   },
-                // },
-              });
+
+          const allValues = [];
+          dataGroups.forEach((group) => {
+            group.forEach((item) => {
+              allValues.push(+item[axisKey]);
+            });
+          });
+
+          allValues.sort((a, b) => a - b);
+          const allIntervals = [];
+          for (let i = 1; i < allValues.length; i++) {
+            const interval = Math.abs(allValues[i] - allValues[i - 1]);
+            if (interval > 0) {
+              allIntervals.push(interval);
+            }
+          }
+
+          let unifiedInterval = 5;
+          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);
+          }
+
+          let currentTop = 0;
+          let seriesIndex = 0;
+
+          dataGroups.forEach((group, groupIndex) => {
+            const groupDepths = group.map((item) => +item[axisKey]);
+            const groupMin = Math.min(...groupDepths);
+            const groupMax = Math.max(...groupDepths);
+            const groupHeight = (groupHeights[groupIndex] / totalHeight) * 100;
+            const gridIndex = newYAxis.length;
+
+            const gridItem = {
+              top: `${currentTop}%`,
+              left: 2,
+              right: 2,
+              height: `${groupHeight}%`,
+              show: false,
+              containLabel: false,
+            };
+
+            const currentGrid = currentOption.grid && currentOption.grid[gridIndex];
+            if (!currentGrid || currentGrid.top !== gridItem.top || currentGrid.height !== gridItem.height) {
+              needUpdate.grid = true;
+            }
+            newGrid.push(gridItem);
+
+            const yAxisItem = {
+              gridIndex: gridIndex,
+              type: "value",
+              min: groupMin,
+              max: groupMax,
+              inverse: true,
+              boundaryGap: false,
+              interval: unifiedInterval,
+            };
+
+            const currentYAxis = currentOption.yAxis && currentOption.yAxis[gridIndex];
+            if (
+              !currentYAxis ||
+              currentYAxis.min !== groupMin ||
+              currentYAxis.max !== groupMax ||
+              currentYAxis.interval !== unifiedInterval
+            ) {
+              needUpdate.yAxis = true;
+            }
+            newYAxis.push(yAxisItem);
+
+            if (isDepthLane) {
+              const xAxisItem = {
+                gridIndex: gridIndex,
+                type: "value",
+                min: 0,
+                max: 10,
+              };
+              const currentXAxis = currentOption.xAxis && currentOption.xAxis[groupIndex];
+              if (!currentXAxis || currentXAxis.min !== 0 || currentXAxis.max !== 10) {
+                needUpdate.xAxis = true;
+              }
+              newXAxis.push(xAxisItem);
+              seriesIndex++;
             } else {
-              optionFromRealTimeData.series.push({
-                laneId: lanes[laneIndex][lineIndex].laneId,
-                data: lanes[laneIndex][lineIndex].visible ? seriesData : [],
-                type: lanes[laneIndex][lineIndex].lineType,
-                showAllSymbol: true,
-                symbol: lanes[laneIndex][lineIndex].symbol || "none",
-                symbolSize: getAdaptedFontSize(lanes[laneIndex][lineIndex].symbolSize || 6),
-                name: `${lanes[laneIndex][lineIndex].paramName}${lanes[laneIndex][lineIndex].unit}`,
-                xAxisIndex: lineIndex,
-                lineStyle: {
-                  width: getAdaptedFontSize(lanes[laneIndex][lineIndex].curveSize || 1.5),
-                  type: lanes[laneIndex][lineIndex].curveType,
+              if (lane && lane.lines) {
+                lane.lines.forEach((lineInfo) => {
+                  const allSeriesData = this.generateSeriesData(realTimeData, lineInfo, axisKey);
+                  const { min, max } = this.getXAxisRangeByHeader(lineInfo, allSeriesData);
+                  const isLogScale = lane.isLogScale === "1";
+
+                  const xAxisItem = {
+                    gridIndex: gridIndex,
+                    type: isLogScale ? "log" : "value",
+                    min: isLogScale ? (this.lineRange[lineInfo.lineId]?.min > 0 ? this.lineRange[lineInfo.lineId].min : 0.1) : min,
+                    max: isLogScale ? (this.lineRange[lineInfo.lineId]?.max > 0 ? this.lineRange[lineInfo.lineId].max : 1) : max,
+                  };
+
+                  const currentXAxis = currentOption.xAxis && currentOption.xAxis[seriesIndex];
+                  if (!currentXAxis || currentXAxis.min !== xAxisItem.min || currentXAxis.max !== xAxisItem.max) {
+                    needUpdate.xAxis = true;
+                  }
+                  newXAxis.push(xAxisItem);
+
+                  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 });
+                  }
+
+                  seriesIndex++;
+                });
+              }
+            }
+
+            currentTop += groupHeight;
+          });
+
+          if (needUpdate.grid) {
+            updates.grid = newGrid;
+          }
+          if (needUpdate.yAxis) {
+            updates.yAxis = newYAxis;
+          }
+          if (needUpdate.xAxis) {
+            updates.xAxis = newXAxis;
+          }
+          if (needUpdate.series) {
+            updates.series = [];
+            newSeriesData.forEach((item) => {
+              updates.series.push({
+                update: {
+                  index: item.index,
+                  data: item.data,
                 },
-                // areaStyle: {
-                //   color: {
-                //     type: "linear", // 线性渐变
-                //     x: 0,
-                //     y: 0, // 渐变起点：图形顶部
-                //     x2: 0,
-                //     y2: 1, // 渐变终点：图形底部（垂直方向渐变）
-                //     colorStops: seriesData.map((item, index) => {
-                //       return {
-                //         offset: Math.max(0, Math.min(1, index / (seriesData.length - 1 || 1))),
-                //         color: this.getFixedColorFromGradient(
-                //           lanes[laneIndex][lineIndex].titleLineColor,
-                //           item,
-                //           lanes[laneIndex][lineIndex].paramId,
-                //           0,
-                //         ),
-                //       };
-                //     }),
-                //   },
-                //   opacity: 1,
-                // },
               });
-            }
+            });
+          }
+
+          if (Object.keys(updates).length > 0) {
+            chart.setOption(updates, { notMerge: false, lazyUpdate: true });
           }
-          optionFromRealTimeData.selectList.push(lanes[laneIndex][lineIndex].visible);
-          optionFromRealTimeData.titleLineColor.push(lanes[laneIndex][lineIndex].titleLineColor);
-          optionFromRealTimeData.color.push(lanes[laneIndex][lineIndex].color);
         }
-        merge(kdLaneChartOption, optionFromRealTimeData);
+      } catch (error) {
+        console.error("updateLanesChartOptionIncremental error:", error);
+      } finally {
+        this.isUpdatingChart = false;
+      }
+    },
+    async clearEcharts() {
+      try {
+        this.allOptions = [];
+
+        // 强制更新视图
         await this.$nextTick();
-        this.currentTemplate.lanes[laneIndex].option = kdLaneChartOption;
+        this.$forceUpdate();
+      } catch (e) {
+        console.error("清空图表失败:", e);
       }
     },
     // 数据去重
-    deduplicateAndSort(existingData, newData, uniqueKey, options = {}) {
-      // 处理默认配置
-      const { sortOrder = "asc" } = options;
-      const newDataArr = Array.isArray(newData) ? newData : [newData];
-      let resultData = JSON.parse(JSON.stringify(existingData));
-      newDataArr.forEach((newItem) => {
-        if (!newItem || !newItem[uniqueKey]) return;
-        const duplicateIndex = resultData.findIndex((item) => item[uniqueKey] === newItem[uniqueKey]);
-        if (duplicateIndex > -1) {
-          resultData[duplicateIndex] = newItem;
-        } else {
-          resultData.push(newItem);
-        }
-      });
-      resultData.sort((a, b) => {
-        const valA = a[uniqueKey];
-        const valB = b[uniqueKey];
+    uniqueByKeys(arr, keys) {
+      // 非数组直接返回空
+      if (!Array.isArray(arr)) return [];
 
-        if (typeof valA === "string" && typeof valB === "string") {
-          return sortOrder === "asc" ? valA.localeCompare(valB) : valB.localeCompare(valA);
+      // 把单个属性转为数组，统一处理
+      const keyList = Array.isArray(keys) ? keys : [keys];
+
+      // 用于记录已经出现过的组合标识
+      const seen = new Set();
+
+      return arr.filter((item) => {
+        // 过滤非对象元素
+        if (typeof item !== "object" || item === null) return false;
+
+        // 生成唯一标识：多属性用 | 拼接，避免属性值冲突
+        const identifier = keyList.map((key) => item[key]).join("|");
+
+        // 已经存在 → 过滤掉；不存在 → 保留并加入Set
+        if (seen.has(identifier)) {
+          return false;
         } else {
-          return sortOrder === "asc" ? valA - valB : valB - valA;
+          seen.add(identifier);
+          return true;
         }
       });
-
-      return resultData;
     },
-     // 根据 uniqueKey 去重并排序（只考虑 uniqueKey）
+    // 根据 uniqueKey 去重并排序（只考虑 uniqueKey）
     deduplicateByUniqueKey(existingData, newData, uniqueKey, options = {}) {
       // 处理默认配置
-      const { sortOrder = "asc" } = options;
+      const { sortOrder = "asc", isSort = true } = options;
       const newDataArr = Array.isArray(newData) ? newData : [newData];
 
       // 合并数据并去重（只根据 uniqueKey）
@@ -8846,17 +9626,19 @@ var script$2 = {
         }
       });
 
-      // 排序
-      resultData.sort((a, b) => {
-        const valA = a[uniqueKey];
-        const valB = b[uniqueKey];
+      // 排序（根据 uniqueKey）
+      if (isSort) {
+        resultData.sort((a, b) => {
+          const valA = a[uniqueKey];
+          const valB = b[uniqueKey];
 
-        if (typeof valA === "string" && typeof valB === "string") {
-          return sortOrder === "asc" ? valA.localeCompare(valB) : valB.localeCompare(valA);
-        } else {
-          return sortOrder === "asc" ? valA - valB : valB - valA;
-        }
-      });
+          if (typeof valA === "string" && typeof valB === "string") {
+            return sortOrder === "asc" ? valA.localeCompare(valB) : valB.localeCompare(valA);
+          } else {
+            return sortOrder === "asc" ? valA - valB : valB - valA;
+          }
+        });
+      }
 
       return resultData;
     },
@@ -8929,6 +9711,16 @@ var script$2 = {
       this.startX = event.clientX;
       this.startWidth = this.getEffectiveLaneWidthPx(lane);
     },
+    timestampToYMDHMS(timestamp) {
+      const date = new Date(timestamp);
+      const h = String(date.getHours()).padStart(2, "0");
+      const m = String(date.getMinutes()).padStart(2, "0");
+      const s = String(date.getSeconds()).padStart(2, "0");
+      const y = date.getFullYear();
+      const month = String(date.getMonth() + 1).padStart(2, "0");
+      const day = String(date.getDate()).padStart(2, "0");
+      return `${y}-${month}-${day} ${h}:${m}:${s}`;
+    },
     resize(event) {
       if (!this.isResizing || !this.currentLane) return;
 
@@ -9039,10 +9831,9 @@ var script$2 = {
       } else {
         this.windowSize = maxSize;
         let newsize = Math.round((maxSize / this.pxToCm()) * this.depthInterval);
-        let data = [1, 2, 5, 10, 20];
+        let data = this.toolBarConfig?.scaleList?.map((item) => item.value) || [];
         this.$emit("updateScale", data.includes(newsize) ? newsize : `1:${newsize * 100}`);
       }
-      console.log(this.windowSize, "windowSize");
     },
   },
   computed: {
@@ -9078,37 +9869,116 @@ var script$2 = {
       return lineCount;
     },
     headerStyle() {
-      const common = { gap: `${this.itemGap}px`, padding: `${this.headerPadding}px` };
+      const common = { gap: `${this.currentHeaderStyle.itemGap}px`, padding: `${this.currentHeaderStyle.headerPadding}px` };
       if (!this.currentTemplate) {
-        return { ...common, height: "30%", "min-height": "60px" };
+        let data = {
+          ...common,
+          height: "30%",
+          "min-height": "60px",
+        };
+        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;
+        }
+        return data;
       } else {
         const { lanes = [] } = this.currentTemplate;
         if (!lanes || lanes.length == 0) {
-          return { ...common, height: "30%", "min-height": "60px" };
+          let data = {
+            ...common,
+            height: "30%",
+            "min-height": "60px",
+          };
+          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;
+          }
+          return data;
         } else {
           const gapCount = Math.max(0, this.lineCount - 1);
-          return {
+          let data = {
             ...common,
-            height: `${this.lineCount * (this.formCache.displayType == "header" ? this.headerItemHeight : this.headerItemHeight * 0.8) + this.headerPadding * 2 + gapCount * this.itemGap}px`,
+            height: `${this.lineCount * (this.formCache.displayType == "header" ? this.currentHeaderStyle.headerItemHeight : this.currentHeaderStyle.headerItemHeight * 0.8) + this.currentHeaderStyle.headerPadding * 2 + gapCount * this.currentHeaderStyle.itemGap}px`,
             "min-height": "60px",
           };
+          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;
+          }
+          return data;
         }
       }
     },
     slotHeaderStyle() {
-      // return { height: "30%", "min-height": "60px" };
       if (!this.currentTemplate) {
-        return { height: "30%", "min-height": "60px" };
+        let data = {
+          height: "30%",
+          "min-height": "60px",
+        };
+        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;
+        }
+        return data;
       } else {
         const { lanes = [] } = this.currentTemplate;
         if (!lanes || lanes.length == 0) {
-          return { height: "30%", "min-height": "60px" };
+          let data = {
+            height: "30%",
+            "min-height": "60px",
+          };
+          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;
+          }
+          return data;
         } else {
           const gapCount = Math.max(0, this.lineCount - 1);
-          return {
-            height: `${this.lineCount * (this.formCache.displayType == "header" ? this.headerItemHeight : this.headerItemHeight * 0.8) + this.headerPadding * 2 + gapCount * this.itemGap}px`,
+          let data = {
+            height: `${this.lineCount * (this.formCache.displayType == "header" ? this.currentHeaderStyle.headerItemHeight : this.currentHeaderStyle.headerItemHeight * 0.8) + this.currentHeaderStyle.headerPadding * 2 + gapCount * this.currentHeaderStyle.itemGap}px`,
             "min-height": "60px",
           };
+          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;
+          }
+          return data;
         }
       }
     },
@@ -9126,7 +9996,17 @@ var script$2 = {
       handler(newVal) {
         this.$nextTick(() => {
           this.markLineData = newVal;
-          this.updateLanesChartOption(null , 'series');
+          this.updateLanesChartOption();
+        });
+      },
+      deep: true,
+      immediate: true,
+    },
+    warningAreaData: {
+      handler(newVal) {
+        this.$nextTick(() => {
+          this.markAreaLineData = newVal;
+          this.updateLanesChartOption();
         });
       },
       deep: true,
@@ -9147,7 +10027,7 @@ var script$2 = {
         }
         if (newVal && this.formCache.axisType == "depth") {
           let size = Math.round((newVal * this.depthInterval) / this.pxToCm());
-          let data = [1, 2, 5, 10, 20];
+          let data = this.toolBarConfig?.scaleList?.map((item) => item.value) || [];
           this.$emit("updateScale", data.includes(size) ? size : `1:${size * 100}`);
         }
       },
@@ -9157,27 +10037,49 @@ var script$2 = {
       handler(val) {
         if (!val || val.length === 0) return;
 
-        const first = val[0];
-        const last = val[val.length - 1];
-
         const axisKey = this.toolBarConfig.axisTypeList && this.toolBarConfig.axisTypeList[this.formCache.axisType];
-        // depth 或 timeStamp
 
-        const firstValue = first && first[axisKey];
-        const lastValue = last && last[axisKey];
+        if (this.formCache.axisType === "depth") {
+          // 按grid分组传递visibleData
+          const dataGroups = splitArrayByDepth(val, axisKey);
+          const first = val[0];
+          const last = val[val.length - 1];
+          const firstValue = first && first[axisKey];
+          const lastValue = last && last[axisKey];
+          const newParams = { firstValue, lastValue, settings: cloneDeep(this.formCache), dataGroups };
 
-        const newParams = { firstValue, lastValue, settings: cloneDeep(this.formCache) };
+          // 比较是否与上次触发时的参数相同
+          if (
+            this.lastVisibleDataChangeParams &&
+            this.lastVisibleDataChangeParams.firstValue === firstValue &&
+            this.lastVisibleDataChangeParams.lastValue === lastValue &&
+            JSON.stringify(this.lastVisibleDataChangeParams.settings) === JSON.stringify(newParams.settings)
+          ) {
+            return;
+          }
+
+          this.lastVisibleDataChangeParams = newParams;
+          this.$emit("visibleDataChange", { firstValue, lastValue, settings: this.formCache, dataGroups });
+        } else {
+          const first = val[0];
+          const last = val[val.length - 1];
+          const firstValue = first && first[axisKey];
+          const lastValue = last && last[axisKey];
+          const newParams = { firstValue, lastValue, settings: cloneDeep(this.formCache) };
 
-        // 比较是否与上次触发时的参数相同
-        if (this.lastVisibleDataChangeParams && 
-            this.lastVisibleDataChangeParams.firstValue === firstValue && 
+          // 比较是否与上次触发时的参数相同
+          if (
+            this.lastVisibleDataChangeParams &&
+            this.lastVisibleDataChangeParams.firstValue === firstValue &&
             this.lastVisibleDataChangeParams.lastValue === lastValue &&
-            JSON.stringify(this.lastVisibleDataChangeParams.settings) === JSON.stringify(newParams.settings)) {
-          return;
-        }
+            JSON.stringify(this.lastVisibleDataChangeParams.settings) === JSON.stringify(newParams.settings)
+          ) {
+            return;
+          }
 
-        this.lastVisibleDataChangeParams = newParams;
-        this.$emit("visibleDataChange", { firstValue, lastValue, settings: this.formCache });
+          this.lastVisibleDataChangeParams = newParams;
+          this.$emit("visibleDataChange", { firstValue, lastValue, settings: this.formCache });
+        }
       },
       immediate: true,
       deep: true,
@@ -9189,9 +10091,26 @@ var script$2 = {
           if (JSON.stringify(this.initialRealTimeData || {}) === "{}") {
             this.initialRealTimeData = cloneDeep(newVal || {});
           }
-          this.realTimeData = (newVal && newVal.data) || [];
+          let processedData = cloneDeep(newVal && newVal.data) || [];
+          if (this.formCache.axisType == "time") {
+            const axisKey = (this.toolBarConfig.axisTypeList && this.toolBarConfig.axisTypeList[this.formCache.axisType]) || "time";
+            processedData = processedData.map((item) => ({
+              ...item,
+              [axisKey]: this.toMillisecondTimestamp(item[axisKey]),
+            }));
+
+            this.realTimeData = this.deduplicateByUniqueKey(this.realTimeData, processedData, axisKey);
+            this.realTimeData = processedData;
+            console.log(this.realTimeData, "this.realTimeData");
+          } else {
+            processedData = processedData.map((item) => ({
+              ...item,
+              timestamp: this.toMillisecondTimestamp(item.timestamp),
+            }));
+            this.realTimeData = processedData;
+          }
           if (this.formCache.axisType == "depth") {
-            this.updateSettings({ key: "depthRange", value: this.toolBarConfig.form.depthRange });
+            this.updateSettings({ key: "scale", value: this.toolBarConfig.form.scale });
           } else {
             this.updateSettings({ key: "timeRange", value: this.toolBarConfig.form.timeRange });
           }
@@ -9202,23 +10121,49 @@ var script$2 = {
               this.realTimeData,
               (this.toolBarConfig.axisTypeList && this.toolBarConfig.axisTypeList[this.formCache.axisType]) || "depth",
             );
-            if (data.minGap && data.maxGap) {
-              this.depthInterval = (data.maxGap + data.minGap) / 2;
+            if (data && data.avgGap !== undefined && data.avgGap !== null) {
+              this.depthInterval = data.avgGap;
             } else {
               this.depthInterval = 1;
             }
+            // 从scaleList计算minWindowSize和maxWindowSize
+            this.initWindowSizeRange();
+            console.log(this.depthInterval, "当前深度间隔", data);
           }
           this.updateLanesChartOption();
         } else {
-          let data = (newVal && newVal.data) || [];
+          let data = cloneDeep(newVal && newVal.data) || [];
           if (!Array.isArray(data)) {
             data = [data];
           }
-          this.realTimeData = this.realTimeData = this.deduplicateByUniqueKey(
-            this.realTimeData,
-            data,
-            this.toolBarConfig.axisTypeList && this.toolBarConfig.axisTypeList[this.formCache.axisType],
-          );
+          const direction = newVal.direction || "bottom";
+
+          if (this.formCache.axisType == "time") {
+            const axisKey = (this.toolBarConfig.axisTypeList && this.toolBarConfig.axisTypeList[this.formCache.axisType]) || "time";
+            data = data.map((item) => ({
+              ...item,
+              [axisKey]: this.toMillisecondTimestamp(item[axisKey]),
+            }));
+
+            this.realTimeData = this.deduplicateByUniqueKey(
+              this.realTimeData,
+              data,
+              this.toolBarConfig.axisTypeList && this.toolBarConfig.axisTypeList[this.formCache.axisType],
+            );
+          } else {
+            data = data.map((item) => ({
+              ...item,
+              timestamp: this.toMillisecondTimestamp(item.timestamp),
+            }));
+
+            // 深度轴模式：根据direction插入数据
+            if (direction === "top") {
+              this.realTimeData = this.uniqueByKeys([...data, ...this.realTimeData], "timestamp");
+            } else {
+              this.realTimeData = this.uniqueByKeys([...this.realTimeData, ...data], "timestamp");
+            }
+          }
+
           if (this.formCache.dataType == "history") {
             let findIndex = this.realTimeData.findIndex(
               (item) =>
@@ -9229,7 +10174,7 @@ var script$2 = {
             if (findIndex > -1) {
               this.startIndex = findIndex;
             }
-            this.updateLanesChartOption("", "series");
+            this.updateLanesChartOption();
           } else {
             this.checkReachBottom();
           }
@@ -9241,7 +10186,7 @@ var script$2 = {
   },
 };
 
-var css_248z$3 = ".kd-lane-chart-container[data-v-5a97fc52] {\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  position: relative;\n  border: 1px solid var(--kd-lane-container-border-color, #333);\n  display: flex;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container[data-v-5a97fc52],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container[data-v-5a97fc52] {\n  height: 100%;\n  min-width: 0;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-resize-handle[data-v-5a97fc52],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-resize-handle[data-v-5a97fc52] {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 4px;\n  cursor: col-resize;\n  z-index: 10;\n  background-color: transparent;\n  transition: background-color 0.2s;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-resize-handle[data-v-5a97fc52]:hover,\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-resize-handle[data-v-5a97fc52]:hover {\n  background-color: var(--resizer-bg-color);\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-resize-handle.kd-lane-resize-handle-left[data-v-5a97fc52],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-resize-handle.kd-lane-resize-handle-left[data-v-5a97fc52] {\n  left: 0;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-resize-handle.kd-lane-resize-handle-right[data-v-5a97fc52],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-resize-handle.kd-lane-resize-handle-right[data-v-5a97fc52] {\n  right: -2px;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-chart-lane-header[data-v-5a97fc52],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-chart-lane-header[data-v-5a97fc52] {\n  max-height: 30%;\n  overflow: hidden;\n  z-index: 2;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-chart-lane-header .header-list-gap[data-v-5a97fc52],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-chart-lane-header .header-list-gap[data-v-5a97fc52] {\n  display: flex;\n  overflow-x: hidden;\n  overflow-y: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-chart-lane-header .header-list-gap[data-v-5a97fc52] ::-webkit-scrollbar,\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-chart-lane-header .header-list-gap[data-v-5a97fc52] ::-webkit-scrollbar {\n  display: none;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-chart-lane-header .header-list-gap[data-v-5a97fc52],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-chart-lane-header .header-list-gap[data-v-5a97fc52] {\n  flex-direction: column;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container-echart[data-v-5a97fc52] {\n  flex: 1;\n  overflow-x: hidden;\n  overflow-y: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container-echart .kd-lane-chart-lane-container-echart-content[data-v-5a97fc52] {\n  height: 100%;\n  overflow: hidden;\n}\n.kd-lane-chart-container .border-left[data-v-5a97fc52] {\n  border-left: 1px solid var(--kd-lane-container-border-color, #333);\n}\n.kd-lane-chart-container .border-bottom[data-v-5a97fc52] {\n  border-bottom: 1px solid var(--kd-lane-container-border-color, #333);\n}\n.kd-lane-chart-container .border-right[data-v-5a97fc52] {\n  border-right: 1px solid var(--kd-lane-container-border-color, #333);\n}\n.kd-lane-chart-container .kd-lane-chart-container-draw-area[data-v-5a97fc52] {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 3;\n  border: none;\n}";
+var css_248z$3 = ".kd-lane-chart-container[data-v-6801b46d] {\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  position: relative;\n  border: 1px solid var(--kd-lane-container-border-color, #333);\n  display: flex;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container[data-v-6801b46d],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container[data-v-6801b46d] {\n  height: 100%;\n  min-width: 0;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-resize-handle[data-v-6801b46d],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-resize-handle[data-v-6801b46d] {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 4px;\n  cursor: col-resize;\n  z-index: 10;\n  background-color: transparent;\n  transition: background-color 0.2s;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-resize-handle[data-v-6801b46d]:hover,\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-resize-handle[data-v-6801b46d]:hover {\n  background-color: var(--resizer-bg-color);\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-resize-handle.kd-lane-resize-handle-left[data-v-6801b46d],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-resize-handle.kd-lane-resize-handle-left[data-v-6801b46d] {\n  left: 0;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-resize-handle.kd-lane-resize-handle-right[data-v-6801b46d],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-resize-handle.kd-lane-resize-handle-right[data-v-6801b46d] {\n  right: -2px;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-chart-lane-header[data-v-6801b46d],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-chart-lane-header[data-v-6801b46d] {\n  max-height: 30%;\n  overflow: hidden;\n  z-index: 2;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-chart-lane-header .header-list-gap[data-v-6801b46d],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-chart-lane-header .header-list-gap[data-v-6801b46d] {\n  display: flex;\n  overflow-x: hidden;\n  overflow-y: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-chart-lane-header .header-list-gap[data-v-6801b46d] ::-webkit-scrollbar,\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-chart-lane-header .header-list-gap[data-v-6801b46d] ::-webkit-scrollbar {\n  display: none;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-chart-lane-header .header-list-gap[data-v-6801b46d],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-chart-lane-header .header-list-gap[data-v-6801b46d] {\n  flex-direction: column;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container-echart[data-v-6801b46d] {\n  flex: 1;\n  overflow-x: hidden;\n  overflow-y: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container-echart .kd-lane-chart-lane-container-echart-content[data-v-6801b46d] {\n  height: 100%;\n  overflow: hidden;\n}\n.kd-lane-chart-container .border-left[data-v-6801b46d] {\n  border-left: 1px solid var(--kd-lane-container-border-color, #333);\n}\n.kd-lane-chart-container .border-bottom[data-v-6801b46d] {\n  border-bottom: 1px solid var(--kd-lane-container-border-color, #333);\n}\n.kd-lane-chart-container .border-right[data-v-6801b46d] {\n  border-right: 1px solid var(--kd-lane-container-border-color, #333);\n}\n.kd-lane-chart-container .kd-lane-chart-container-draw-area[data-v-6801b46d] {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 3;\n  border: none;\n}\n.kd-lane-chart-container .kd-lane-chart-container-draw-area[data-v-6801b46d] {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 3;\n  border: none;\n}";
 styleInject(css_248z$3);
 
 /* script */
@@ -9326,7 +10271,10 @@ var __vue_render__$2 = function () {
                                     staticClass:
                                       "kd-lane-chart-lane-container-echart",
                                     style: {
-                                      padding: "0 " + _vm.itemGap + "px",
+                                      padding:
+                                        "0 " +
+                                        _vm.currentHeaderStyle.itemGap +
+                                        "px",
                                     },
                                   },
                                   [
@@ -9342,7 +10290,10 @@ var __vue_render__$2 = function () {
                                     staticClass:
                                       "kd-lane-chart-lane-container-echart",
                                     style: {
-                                      padding: "0 " + _vm.itemGap + "px",
+                                      padding:
+                                        "0 " +
+                                        _vm.currentHeaderStyle.itemGap +
+                                        "px",
                                     },
                                   },
                                   [
@@ -9416,7 +10367,10 @@ var __vue_render__$2 = function () {
                                     "draggable",
                                     {
                                       staticClass: "header-list-gap",
-                                      style: { gap: _vm.itemGap + "px" },
+                                      style: {
+                                        gap:
+                                          _vm.currentHeaderStyle.itemGap + "px",
+                                      },
                                       attrs: {
                                         animation: 200,
                                         fallbackOnBody: true,
@@ -9443,6 +10397,7 @@ var __vue_render__$2 = function () {
                                               paramsNameMap: _vm.paramsNameMap,
                                               visibleData: _vm.visibleData,
                                               headerData: _vm.headerData,
+                                              lineRange: _vm.lineRange,
                                             },
                                             on: { updateLine: _vm.upsertLine },
                                             nativeOn: {
@@ -9475,7 +10430,10 @@ var __vue_render__$2 = function () {
                                       staticClass:
                                         "kd-lane-chart-lane-container-echart",
                                       style: {
-                                        padding: "0 " + _vm.itemGap + "px",
+                                        padding:
+                                          "0 " +
+                                          _vm.currentHeaderStyle.itemGap +
+                                          "px",
                                       },
                                     },
                                     [_vm._t("content" + lane.laneId)],
@@ -9487,7 +10445,10 @@ var __vue_render__$2 = function () {
                                       staticClass:
                                         "kd-lane-chart-lane-container-echart",
                                       style: {
-                                        padding: "0 " + _vm.itemGap + "px",
+                                        padding:
+                                          "0 " +
+                                          _vm.currentHeaderStyle.itemGap +
+                                          "px",
                                       },
                                     },
                                     [
@@ -9609,7 +10570,7 @@ __vue_render__$2._withStripped = true;
   /* style */
   const __vue_inject_styles__$2 = undefined;
   /* scoped */
-  const __vue_scope_id__$2 = "data-v-5a97fc52";
+  const __vue_scope_id__$2 = "data-v-6801b46d";
   /* module identifier */
   const __vue_module_identifier__$2 = undefined;
   /* functional template */
@@ -9673,7 +10634,7 @@ var script$1 = {
   },
 };
 
-var css_248z$2 = "@charset \"UTF-8\";\n.panel-list[data-v-680bb547] {\n  width: 100%; /* 可调 */\n  display: grid;\n  gap: 8px;\n}\n\n/* 每一项 */\n.panel-item[data-v-680bb547] {\n  border: 1px solid var(--card-border-color);\n  padding: 10px 6px;\n  text-align: center;\n  background: var(--card-color);\n}\n\n/* label */\n.label[data-v-680bb547] {\n  font-size: 12px;\n  color: var(--card-label-color);\n  margin-bottom: 6px;\n  /* 单行省略 */\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* value */\n.value[data-v-680bb547] {\n  font-size: 18px;\n  font-weight: bold;\n  color: var(--card-value-color);\n  /* 单行省略 */\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}";
+var css_248z$2 = "@charset \"UTF-8\";\n.panel-list[data-v-511db0de] {\n  width: 100%; /* 可调 */\n  display: grid;\n  gap: 8px;\n}\n\n/* 每一项 */\n.panel-item[data-v-511db0de] {\n  border: 1px solid var(--card-border-color);\n  padding: 10px 6px;\n  text-align: center;\n  background: var(--card-color);\n}\n\n/* label */\n.label[data-v-511db0de] {\n  font-size: 12px;\n  color: var(--card-label-color);\n  margin-bottom: 6px;\n  /* 单行省略 */\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* value */\n.value[data-v-511db0de] {\n  font-size: 18px;\n  font-weight: bold;\n  color: var(--card-value-color);\n  /* 单行省略 */\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}";
 styleInject(css_248z$2);
 
 /* script */
@@ -9701,7 +10662,7 @@ var __vue_render__$1 = function () {
                   item.value !== ""
                   ? !isNaN(Number(item.value))
                     ? Number(item.value.toFixed(2))
-                    : "--"
+                    : item.value
                   : "--"
               ) +
               "\n    "
@@ -9718,7 +10679,7 @@ __vue_render__$1._withStripped = true;
   /* style */
   const __vue_inject_styles__$1 = undefined;
   /* scoped */
-  const __vue_scope_id__$1 = "data-v-680bb547";
+  const __vue_scope_id__$1 = "data-v-511db0de";
   /* module identifier */
   const __vue_module_identifier__$1 = undefined;
   /* functional template */
@@ -9766,17 +10727,14 @@ var script = {
       type: Object,
       default: () => ({}),
     },
-    headerPadding: {
-      type: Number,
-      default: 4,
-    },
-    headerItemHeight: {
-      type: Number,
-      default: 42,
-    },
-    itemGap: {
-      type: Number,
-      default: 4,
+    // 头部样式
+    headerStyle: {
+      type: Object,
+      default: () => ({
+        headerPadding: 4,
+        headerItemHeight: 42,
+        itemGap:4
+      }),
     },
     customMenuList: {
       type: Array,
@@ -9825,10 +10783,20 @@ var script = {
       type: Array,
       default: () => [],
     },
+    // 预警区域数据
+    warningAreaData: {
+      type: Array,
+      default: () => [],
+    },
     // 自定义tooltip formatter
     tooltipFormatter: {
       type: Function,
     },
+    // 实时曲线menu右击是否开启
+    showContextMenuStatus: {
+      type: Boolean,
+      default: true,
+    },
   },
   data() {
     return {
@@ -9887,10 +10855,34 @@ var script = {
     // 缓存初始化时的curveDatas
     this.initialCurveDatas = cloneDeep(this.curveDatas || {});
   },
+  computed: {
+    currentHeaderStyle() {
+      let data =  {
+        headerPadding: this.headerStyle.headerPadding || 4,
+        headerItemHeight: this.headerStyle.headerItemHeight || 42,
+        itemGap: this.headerStyle.itemGap || 4,
+      };
+      if(Object.prototype.hasOwnProperty.call(this.headerStyle, 'headerHeight')){
+        data.headerHeight = this.headerStyle.headerHeight || 'auto';
+      }
+      if(Object.prototype.hasOwnProperty.call(this.headerStyle, 'maxHeaderHeight')){
+        data.maxHeaderHeight = this.headerStyle.maxHeaderHeight || 'auto';
+      }
+      if(Object.prototype.hasOwnProperty.call(this.headerStyle, 'headerLabelFontSize')){
+        data.headerLabelFontSize = this.headerStyle.headerLabelFontSize || 'auto';
+      }
+      if(Object.prototype.hasOwnProperty.call(this.headerStyle, 'headerDataFontSize')){
+        data.headerDataFontSize = this.headerStyle.headerDataFontSize || 'auto';
+      }
+      return data;
+    },
+  },
   mounted() {
     let form = cloneDeep((this.toolBarConfig && this.toolBarConfig.form) || {});
     this.config = form.axisType === "depth" ? this.depthConfig : this.timeConfig;
-    this.showChartContainer = true;
+    if(JSON.stringify(this.config) !== '{}'){
+      this.showChartContainer = true;
+    }
     // 初始化：获取容器宽度并转换百分比为像素
     this.$nextTick(() => {
       this.containerWidth = (this.$refs.container && this.$refs.container.offsetWidth) || 800;
@@ -9954,7 +10946,9 @@ var script = {
       this.enableCurveDatasWatch = false;
       setTimeout(() => {
         this.config = this.formCache.axisType === "depth" ? this.depthConfig : this.timeConfig;
-        this.showChartContainer = true;
+        if(JSON.stringify(this.config) !== '{}'){
+          this.showChartContainer = true;
+        }
         this.cachedCurveDatas = cloneDeep(this.initialCurveDatas || {});
         this.enableCurveDatasWatch = true;
       }, 0);
@@ -9974,12 +10968,14 @@ var script = {
         this.showChartContainer = false;
         setTimeout(() => {
           this.config = this.formCache.axisType === "depth" ? this.depthConfig : this.timeConfig;
-          this.showChartContainer = true;
+          if(JSON.stringify(this.config) !== '{}'){
+            this.showChartContainer = true;
+          }
         }, 0);
-        this.$emit("updateSettings", { key: key, value: value, settings: value });
+        this.$emit("updateSettings", { key: key, value: value, settings: cloneDeep(this.formCache) });
       }
       if (key === "dataType") {
-        this.$emit("updateSettings", { key: key, value: value, settings: value });
+        this.$emit("updateSettings", { key: key, value: value, settings: cloneDeep(this.formCache) });
       }
     },
     // 新增：更新scale缓存
@@ -10205,10 +11201,10 @@ var script = {
   },
 };
 
-var css_248z$1 = "@charset \"UTF-8\";\n[data-theme=dark] {\n  --bg-color: #1e1e1e;\n  --card-color: #252526;\n  --card-border-color: #4b4b4b;\n  --card-label-color: #d6d6d6;\n  --card-value-color: #ffffff;\n  --panel-item-bg-color: #1e1e1e;\n  --resizer-bg-color: rgb(177, 177, 177, 0.4);\n  --panel-item-border-color: #4b4b4b;\n  --default-text-color: #ffffff;\n  --radio-border-color: #4b4b4b;\n  --radio-checked-border-color: #f86c59;\n  --radio-checked-color: #f86c59;\n  --radio-checked-text-color: #ffffff;\n  --radio-checked-border-color: #f86c59;\n  --split-line-color: #4b4b4b;\n  /* 边框颜色 */\n  --border-color: #4b4b4b;\n  --label-float-bg-color: rgba(255, 255, 255, 0.1);\n  --slider-gradient-start: #333333;\n  --slider-gradient-end: #656668;\n  --slider-gradient-color: linear-gradient(0deg, #333333 0%, #656668 100%);\n  --slider-content-color: #f86c59;\n  --tooltip-bg-color: rgb(51, 51, 51,0.8);\n  --kd-lane-container-border-color: #4b4b4b;\n  --kd-lane-container-header-item-color: #ffffff;\n  --kd-lane-container-header-item-warning-color: rgba(248, 108, 89, 0.6);\n  --kd-lane-container-header-bg: #333333;\n  --kd-lane-container-item-bg: #252526;\n  --kd-lane-container-item-line-color: #4b4b4b66;\n  --select-hover-bg-color: #333333;\n  --select-selected-text-color: #ffcc33;\n  --dialog-header: #333333;\n  --dialog-button-default: #252526;\n  --dialog-button-disabled-text: #ffffff;\n  --in-range-text-color: #ffffff;\n  --dialog-tree-text-color: #ffffff;\n}\n[data-theme=white] {\n  --bg-color: #ffffff;\n  --card-color: #ffffff;\n  --card-border-color: #C9C9C9;\n  --card-label-color: #666666;\n  --card-value-color: #333333;\n  --panel-item-bg-color: #ffffff;\n  --resizer-bg-color: rgb(177, 177, 177,.4);\n  --panel-item-border-color: #C9C9C9;\n  --default-text-color: #333333;\n  --radio-border-color: #C9C9C9;\n  --radio-checked-border-color: #EC4521;\n  --radio-checked-color: #EC4521;\n  --radio-checked-text-color: #000000;\n  --radio-checked-border-color: #EC4521;\n  --split-line-color: #C9C9C9;\n  /* 边框颜色 */\n  --border-color: #C9C9C9;\n  --label-float-bg-color: rgba(27, 79, 217, 0.1);\n  --slider-gradient-start: #B0C2F5;\n  --slider-gradient-end: #DBE5FF;\n  --slider-gradient-color: linear-gradient(0deg, #B0C2F5 0%, #DBE5FF 100%);\n  --slider-content-color: #EC4521;\n  --tooltip-bg-color: rgba(246, 247, 248, 0.8);\n  --kd-lane-container-border-color: #C9C9C9;\n  --kd-lane-container-header-item-color: #333333;\n  --kd-lane-container-header-item-warning-color: rgba(200, 23, 29, 0.6);\n  --kd-lane-container-header-bg: #ecf4ff;\n  --kd-lane-container-item-bg: #eff3ff;\n  --kd-lane-container-item-line-color: #dddddd;\n  --select-hover-bg-color: #E0E9FE;\n  --select-selected-text-color: #1B4FD9;\n  --dialog-header:#1B4FD9;\n  --dialog-header-text-color: #ffffff;\n  --dialog-button-default:#ffffff;\n  --dialog-button-disabled-text: #FFFFFF;\n  --in-range-text-color: #ffffff;\n  --dialog-tree-text-color: #ffffff;\n}\n[data-theme=gray] {\n  --bg-color: #ffffff;\n  --card-color: #f6f7f8;\n  --card-border-color: #b1b1b1;\n  --card-label-color: #666666;\n  --card-value-color: #333333;\n  --panel-item-bg-color: #ffffff;\n  --resizer-bg-color: rgb(177, 177, 177,.4);\n  --panel-item-border-color: #b1b1b1;\n  --default-text-color: #333333;\n  --radio-border-color: #b1b1b1;\n  --radio-checked-border-color: #f86c59;\n  --radio-checked-color: #f86c59;\n  --radio-checked-text-color: #000000;\n  --radio-checked-border-color: #f86c59;\n  --split-line-color: #b1b1b1;\n  /* 边框颜色 */\n  --border-color: #b1b1b1;\n  --label-float-bg-color: rgba(128, 128, 128, 0.1);\n  --slider-gradient-start: #a6a6a6;\n  --slider-gradient-end: #dfdfdf;\n  --slider-gradient-color: linear-gradient(0deg, #a6a6a6 0%, #dfdfdf 100%);\n  --slider-content-color: #f86c59;\n  --tooltip-bg-color: rgba(246, 247, 248, 0.8);\n  --kd-lane-container-border-color: #b1b1b1;\n  --kd-lane-container-header-item-color: #333333;\n  --kd-lane-container-header-item-warning-color: rgba(177, 42, 39,0.6);\n  --kd-lane-container-header-bg: #eeeeee;\n  --kd-lane-container-item-bg: #f6f7f8;\n  --kd-lane-container-item-line-color: #dddddd;\n  --select-hover-bg-color: #dfdfdf;\n  --select-selected-text-color: #ffcc33;\n  --dialog-header:#EBEBEB;\n  --dialog-button-default:#f6f7f8;\n  --dialog-button-disabled-text: #ffffff;\n  --in-range-text-color: #333333;\n  --dialog-tree-text-color: #333333;\n}\n\n/* 下拉框 */\n.kd-curve-2d-select-popup {\n  background: var(--bg-color) !important;\n  border: 1px solid var(--border-color) !important;\n  /* 列表容器（关键） */\n}\n.kd-curve-2d-select-popup .el-scrollbar__wrap {\n  margin-bottom: 0 !important;\n  margin-right: 0 !important;\n  background: var(--bg-color) !important;\n  /* 隐藏滚动条 */\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n.kd-curve-2d-select-popup .el-scrollbar__wrap::-webkit-scrollbar {\n  display: none;\n}\n.kd-curve-2d-select-popup {\n  /* 每一项（默认） */\n}\n.kd-curve-2d-select-popup .el-select-dropdown__item {\n  background: var(--bg-color) !important;\n  color: var(--default-text-color) !important;\n  /* hover */\n}\n.kd-curve-2d-select-popup .el-select-dropdown__item.hover, .kd-curve-2d-select-popup .el-select-dropdown__item:hover {\n  background: var(--select-hover-bg-color) !important;\n  color: var(--default-text-color) !important;\n}\n.kd-curve-2d-select-popup .el-select-dropdown__item.selected {\n  background: var(--bg-color) !important; /* 不要灰色 */\n  color: var(--select-selected-text-color) !important; /* 高亮文字（可选） */\n  font-weight: bold;\n}\n.kd-curve-2d-select-popup .el-select-dropdown__item.selected.hover, .kd-curve-2d-select-popup .el-select-dropdown__item.selected:hover {\n  background: var(--select-hover-bg-color) !important;\n}\n.kd-curve-2d-select-popup {\n  /* 三角箭头 */\n}\n.kd-curve-2d-select-popup[x-placement^=bottom] .popper__arrow {\n  border-bottom-color: var(--border-color) !important;\n}\n.kd-curve-2d-select-popup[x-placement^=bottom] .popper__arrow::after {\n  border-bottom-color: var(--bg-color) !important;\n}\n.kd-curve-2d-select-popup[x-placement^=top] .popper__arrow {\n  border-top-color: var(--border-color) !important;\n}\n.kd-curve-2d-select-popup[x-placement^=top] .popper__arrow::after {\n  border-top-color: var(--bg-color) !important;\n}\n.kd-curve-2d-select-popup .el-time-panel {\n  background: var(--bg-color) !important;\n  box-shadow: 0 2px 12px 0 transparent;\n  border: 1px solid var(--border-color);\n}\n.kd-curve-2d-select-popup .el-time-panel .el-time-panel__btn {\n  color: var(--default-text-color);\n}\n.kd-curve-2d-select-popup .el-time-panel .el-time-spinner__item {\n  color: var(--default-text-color);\n}\n.kd-curve-2d-select-popup .el-time-panel .el-time-spinner__item.active:not(.disabled) {\n  color: var(--select-selected-text-color);\n  font-weight: bold;\n}\n.kd-curve-2d-select-popup .el-time-panel .el-time-panel__footer {\n  border-top: 1px solid var(--border-color);\n}\n.kd-curve-2d-select-popup .el-time-panel .el-time-spinner__item:hover:not(.disabled):not(.active) {\n  background: var(--select-hover-bg-color);\n}\n.kd-curve-2d-select-popup .el-color-picker__trigger {\n  border: 1px solid var(--dialog-header);\n}\n.kd-curve-2d-select-popup .el-color-picker__panel {\n  background: var(--bg-color) !important;\n  border: 1px solid var(--dialog-header);\n  border-radius: 0px;\n}\n.kd-curve-2d-select-popup .el-color-picker__panel .el-button--text {\n  color: var(--select-selected-text-color);\n}\n.kd-curve-2d-select-popup .el-color-picker__panel .el-button--default {\n  background: var(--dialog-button-default);\n  color: var(--default-text-color);\n  border: none;\n  border-radius: 0px;\n}\n.kd-curve-2d-select-popup .el-color-picker__panel .el-button.is-plain:hover {\n  background: var(--dialog-button-default);\n  color: var(--default-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper {\n  background: var(--bg-color);\n  border: 1px solid var(--dialog-header);\n  color: var(--default-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-input__inner {\n  background: var(--bg-color) !important;\n  border: 1px solid var(--border-color) !important;\n  color: var(--text-color) !important;\n  height: 32px !important;\n  line-height: 32px !important;\n  box-sizing: border-box;\n  border-radius: 0px;\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-picker__header-label {\n  color: var(--default-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-picker__header-label:hover {\n  color: var(--select-selected-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-range-picker__time-header > .el-icon-arrow-right {\n  color: var(--default-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-button--text {\n  color: var(--select-selected-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-picker-panel__icon-btn {\n  color: var(--default-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-range-picker__time-header {\n  border-bottom: 1px solid var(--dialog-header);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-range-picker__content.is-left {\n  border-right: 1px solid var(--dialog-header);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table th {\n  border-bottom: 1px solid var(--dialog-header);\n  color: var(--default-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.today span {\n  color: var(--select-selected-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.available:hover {\n  color: var(--select-selected-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.next-month,\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.prev-month {\n  color: var(--dialog-header);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.available {\n  color: var(--default-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.available.in-range {\n  color: var(--in-range-text-color) !important;\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.end-date span,\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.start-date span {\n  background: var(--select-selected-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.in-range div,\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.in-range div:hover,\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table.is-week-mode .el-date-table__row.current div,\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table.is-week-mode .el-date-table__row:hover div {\n  background: var(--dialog-header);\n}\n.kd-curve-2d-select-popup .el-picker-panel__footer {\n  background: var(--bg-color);\n  border-top: 1px solid var(--dialog-header);\n}\n.kd-curve-2d-select-popup .el-picker-panel__footer .el-button--default {\n  background: var(--dialog-button-default);\n  color: var(--default-text-color);\n  border: none;\n  border-radius: 0px;\n}\n.kd-curve-2d-select-popup .el-picker-panel__footer .el-button.is-disabled.is-plain,\n.kd-curve-2d-select-popup .el-picker-panel__footer .el-button.is-disabled.is-plain:focus,\n.kd-curve-2d-select-popup .el-picker-panel__footer .el-button.is-disabled.is-plain:hover {\n  background: var(--dialog-button-default);\n  color: var(--dialog-button-disabled-text);\n}\n.kd-curve-2d-select-popup .el-picker-panel__footer .el-button.is-disabled.is-plain {\n  background: var(--dialog-button-default);\n  color: var(--dialog-button-disabled-text) !important;\n}\n.kd-curve-2d-select-popup .el-popper[x-placement^=bottom] .popper__arrow::after {\n  border-bottom-color: var(--bg-color) !important;\n}\n.kd-curve-2d-container {\n  /* radio 自定义样式 */\n}\n.kd-curve-2d-container .el-radio {\n  display: flex;\n  align-items: center;\n  vertical-align: middle;\n  color: var(--radio-default-text-color);\n  font-family: Microsoft YaHei UI, Microsoft YaHei UI;\n  font-size: 14px;\n}\n.kd-curve-2d-container .el-radio__inner {\n  width: 14px;\n  height: 14px;\n  background: transparent;\n  border: 1px solid var(--radio-border-color);\n}\n.kd-curve-2d-container .el-radio__input.is-checked .el-radio__inner {\n  border-color: var(--radio-checked-border-color);\n  background: transparent;\n}\n.kd-curve-2d-container .el-radio__input.is-disabled .el-radio__inner {\n  background-color: transparent;\n  border-color: var(--radio-border-color);\n}\n.kd-curve-2d-container .el-radio__inner::after {\n  width: 7px;\n  height: 7px;\n  background: var(--radio-checked-color);\n}\n.kd-curve-2d-container .el-radio.is-checked .el-radio__label {\n  color: var(--radio-checked-text-color);\n  font-weight: bold;\n}\n.kd-curve-2d-container {\n  /* select */\n}\n.kd-curve-2d-container .el-input__inner {\n  background: var(--bg-color) !important;\n  border: 1px solid var(--border-color) !important;\n  color: var(--text-color) !important;\n  height: 32px !important;\n  line-height: 32px !important;\n  box-sizing: border-box;\n  border-radius: 0px;\n}\n.kd-curve-2d-container {\n  /* 下拉箭头 */\n}\n.kd-curve-2d-container .el-select .el-input__suffix i {\n  display: none !important;\n}\n.kd-curve-2d-container .el-select .el-input__suffix {\n  right: 0;\n  width: 28px;\n  height: 32px !important;\n  line-height: 32px !important;\n  background: var(--slider-gradient-color);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-left: 1px solid var(--border-color);\n}\n.kd-curve-2d-container .el-select .el-input__suffix::after {\n  content: \"\";\n  width: 0;\n  height: 0;\n  border-left: 5px solid transparent;\n  border-right: 5px solid transparent;\n  border-top: 6px solid var(--slider-content-color); /* 橙色三角 */\n}\n.kd-curve-2d-container .el-select .el-input__suffix::after {\n  transition: transform 0.2s ease;\n}\n.kd-curve-2d-container .el-select .el-input.is-focus .el-input__suffix::after {\n  transform: rotate(180deg);\n}\n.kd-curve-2d-container .el-dialog {\n  border: 1px solid var(--card-border-color);\n}\n.kd-curve-2d-container .el-dialog .el-form-item__label {\n  color: var(--default-text-color);\n  font-size: 14px;\n}\n.kd-curve-2d-container .el-dialog .el-dialog__headerbtn {\n  top: 11px;\n  width: 24px;\n  height: 24px;\n  background: linear-gradient(270deg, #c73521 0%, #f86c59 100%);\n  border-radius: 100px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.kd-curve-2d-container .el-dialog .el-dialog__headerbtn .el-dialog__close {\n  color: #fff;\n  font-size: 14px;\n  font-weight: 700;\n}\n.kd-curve-2d-container .el-button {\n  border-radius: 0px;\n  border: none;\n}\n.kd-curve-2d-container .el-button--primary {\n  background-image: linear-gradient(to bottom, #2057ea, #12338d);\n}\n.kd-curve-2d-container .el-button--default {\n  background: var(--dialog-button-default);\n  color: var(--default-text-color);\n}\n.kd-curve-2d-container .el-button--primary.is-disabled {\n  background-image: linear-gradient(to bottom, #2f5ede, #1e3677);\n  color: var(--dialog-button-disabled-text);\n}\n.kd-curve-2d-container .el-tabs .el-tabs__nav-wrap::after {\n  background-color: var(--card-border-color);\n}\n.kd-curve-2d-container .el-tabs .el-tabs__item {\n  color: var(--default-text-color);\n}\n.kd-curve-2d-container .el-tabs .el-tabs__item.is-active {\n  color: var(--select-selected-text-color);\n}\n.kd-curve-2d-container .el-tabs .el-tabs__active-bar {\n  background: var(--select-selected-text-color);\n}\n.kd-curve-2d-container .el-tree {\n  background: var(--bg-color) !important;\n  color: var(--default-text-color);\n  font-size: 14px;\n}\n.kd-curve-2d-container .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {\n  background: var(--dialog-header) !important;\n  color: var(--dialog-tree-text-color);\n}\n.kd-curve-2d-container .el-tree-node__content:hover,\n.kd-curve-2d-container .el-upload-list__item:hover {\n  background: var(--dialog-header) !important;\n  color: var(--dialog-tree-text-color);\n}\n.kd-curve-2d-container .vue-simple-context-menu__item,\n.kd-curve-2d-container .vue-simple-context-menu__item {\n  font-size: 14px !important;\n}\n.kd-curve-2d-container .kd-lane-el-container {\n  border: 1px solid var(--card-border-color);\n}\n.kd-curve-2d-container .kd-lane-el-container .rtd-config-side {\n  border-right: 1px solid var(--card-border-color);\n}\n.kd-curve-2d-container .el-dialog__header {\n  background: var(--dialog-header);\n  text-align: center;\n}\n.kd-curve-2d-container .el-dialog__header .el-dialog__title {\n  color: var(--dialog-header-text-color);\n}\n.kd-curve-2d-container .el-dialog__header {\n  padding: 10px 10px 10px;\n}\n.kd-curve-2d-container .el-dialog__body {\n  background: var(--bg-color);\n  padding: 30px 30px 10px 30px;\n}\n.kd-curve-2d-container .el-dialog__body .input-number-container .el-input__inner {\n  width: calc(100% - 80px) !important;\n  margin-left: 40px !important;\n}\n.kd-curve-2d-container .el-dialog__body .el-input__inner {\n  color: var(--default-text-color) !important;\n}\n.kd-curve-2d-container .el-dialog__body .el-input-number__decrease,\n.kd-curve-2d-container .el-dialog__body .el-input-number__increase {\n  color: var(--default-text-color);\n}\n.kd-curve-2d-container .el-dialog__body .el-input-number__increase {\n  background: var(--card-color);\n  color: var(--default-text-color);\n  border-radius: 0px 0px 0px 0px;\n  border: 1px solid var(--card-border-color);\n  width: 30px;\n  height: 30px;\n  line-height: 30px;\n}\n.kd-curve-2d-container .el-dialog__body .el-input-number__decrease {\n  background: var(--card-color);\n  border-radius: 0px 0px 0px 0px;\n  border: 1px solid var(--card-border-color);\n  width: 30px;\n  height: 30px;\n  line-height: 30px;\n}\n.kd-curve-2d-container .el-dialog__footer {\n  text-align: center;\n  background: var(--bg-color);\n}\n.kd-curve-2d-container .el-date-editor {\n  background: var(--bg-color) !important;\n}\n.kd-curve-2d-container .el-date-editor .el-range-input {\n  background: var(--bg-color) !important;\n  border-top: 1px solid var(--border-color) !important;\n  border-bottom: 1px solid var(--border-color) !important;\n  color: var(--text-color) !important;\n  height: 32px !important;\n  line-height: 32px !important;\n  box-sizing: border-box;\n  border-radius: 0px;\n}\n.kd-curve-2d-container .el-date-editor .el-range-separator {\n  color: var(--default-text-color);\n}";
+var css_248z$1 = "@charset \"UTF-8\";\n[data-theme=dark] {\n  --bg-color: #1e1e1e;\n  --card-color: #252526;\n  --card-border-color: #4b4b4b;\n  --card-label-color: #d6d6d6;\n  --card-value-color: #ffffff;\n  --panel-item-bg-color: #1e1e1e;\n  --resizer-bg-color: rgb(177, 177, 177, 0.4);\n  --panel-item-border-color: #4b4b4b;\n  --default-text-color: #ffffff;\n  --radio-border-color: #4b4b4b;\n  --radio-checked-border-color: #f86c59;\n  --radio-checked-color: #f86c59;\n  --radio-checked-text-color: #ffffff;\n  --radio-checked-border-color: #f86c59;\n  --split-line-color: #4b4b4b;\n  /* 边框颜色 */\n  --border-color: #4b4b4b;\n  --label-float-bg-color: rgba(255, 255, 255, 0.1);\n  --slider-gradient-start: #333333;\n  --slider-gradient-end: #656668;\n  --slider-gradient-color: linear-gradient(0deg, #333333 0%, #656668 100%);\n  --slider-content-color: #f86c59;\n  --tooltip-bg-color: rgb(51, 51, 51,0.8);\n  --kd-lane-container-border-color: #4b4b4b;\n  --kd-lane-container-header-item-color: #ffffff;\n  --kd-lane-container-header-item-warning-color: rgba(248, 108, 89, 0.6);\n  --kd-lane-container-header-bg: #333333;\n  --kd-lane-container-item-bg: #252526;\n  --kd-lane-container-item-line-color: #4b4b4b66;\n  --select-hover-bg-color: #333333;\n  --select-selected-text-color: #ffcc33;\n  --dialog-header: #333333;\n  --dialog-button-default: #252526;\n  --dialog-button-disabled-text: #ffffff;\n  --in-range-text-color: #ffffff;\n  --dialog-tree-text-color: #ffffff;\n}\n[data-theme=white] {\n  --bg-color: #ffffff;\n  --card-color: #ffffff;\n  --card-border-color: #C9C9C9;\n  --card-label-color: #666666;\n  --card-value-color: #333333;\n  --panel-item-bg-color: #ffffff;\n  --resizer-bg-color: rgb(177, 177, 177,.4);\n  --panel-item-border-color: #C9C9C9;\n  --default-text-color: #333333;\n  --radio-border-color: #C9C9C9;\n  --radio-checked-border-color: #EC4521;\n  --radio-checked-color: #EC4521;\n  --radio-checked-text-color: #000000;\n  --radio-checked-border-color: #EC4521;\n  --split-line-color: #C9C9C9;\n  /* 边框颜色 */\n  --border-color: #C9C9C9;\n  --label-float-bg-color: rgba(27, 79, 217, 0.1);\n  --slider-gradient-start: #B0C2F5;\n  --slider-gradient-end: #DBE5FF;\n  --slider-gradient-color: linear-gradient(0deg, #B0C2F5 0%, #DBE5FF 100%);\n  --slider-content-color: #EC4521;\n  --tooltip-bg-color: rgba(246, 247, 248, 0.8);\n  --kd-lane-container-border-color: #C9C9C9;\n  --kd-lane-container-header-item-color: #333333;\n  --kd-lane-container-header-item-warning-color: rgba(200, 23, 29, 0.6);\n  --kd-lane-container-header-bg: #ecf4ff;\n  --kd-lane-container-item-bg: #eff3ff;\n  --kd-lane-container-item-line-color: #dddddd;\n  --select-hover-bg-color: #E0E9FE;\n  --select-selected-text-color: #1B4FD9;\n  --dialog-header:#1B4FD9;\n  --dialog-header-text-color: #ffffff;\n  --dialog-button-default:#ffffff;\n  --dialog-button-disabled-text: #FFFFFF;\n  --in-range-text-color: #ffffff;\n  --dialog-tree-text-color: #ffffff;\n}\n[data-theme=gray] {\n  --bg-color: #ffffff;\n  --card-color: #f6f7f8;\n  --card-border-color: #b1b1b1;\n  --card-label-color: #666666;\n  --card-value-color: #333333;\n  --panel-item-bg-color: #ffffff;\n  --resizer-bg-color: rgb(177, 177, 177,.4);\n  --panel-item-border-color: #b1b1b1;\n  --default-text-color: #333333;\n  --radio-border-color: #b1b1b1;\n  --radio-checked-border-color: #f86c59;\n  --radio-checked-color: #f86c59;\n  --radio-checked-text-color: #000000;\n  --radio-checked-border-color: #f86c59;\n  --split-line-color: #b1b1b1;\n  /* 边框颜色 */\n  --border-color: #b1b1b1;\n  --label-float-bg-color: rgba(128, 128, 128, 0.1);\n  --slider-gradient-start: #a6a6a6;\n  --slider-gradient-end: #dfdfdf;\n  --slider-gradient-color: linear-gradient(0deg, #a6a6a6 0%, #dfdfdf 100%);\n  --slider-content-color: #f86c59;\n  --tooltip-bg-color: rgba(246, 247, 248, 0.8);\n  --kd-lane-container-border-color: #b1b1b1;\n  --kd-lane-container-header-item-color: #333333;\n  --kd-lane-container-header-item-warning-color: rgba(177, 42, 39,0.6);\n  --kd-lane-container-header-bg: #eeeeee;\n  --kd-lane-container-item-bg: #f6f7f8;\n  --kd-lane-container-item-line-color: #dddddd;\n  --select-hover-bg-color: #dfdfdf;\n  --select-selected-text-color: #ffcc33;\n  --dialog-header:#EBEBEB;\n  --dialog-button-default:#f6f7f8;\n  --dialog-button-disabled-text: #ffffff;\n  --in-range-text-color: #333333;\n  --dialog-tree-text-color: #333333;\n}\n\n/* 下拉框 */\n.kd-curve-2d-select-popup {\n  background: var(--bg-color) !important;\n  border: 1px solid var(--border-color) !important;\n  /* 列表容器（关键） */\n}\n.kd-curve-2d-select-popup .el-scrollbar__wrap {\n  margin-bottom: 0 !important;\n  margin-right: 0 !important;\n  background: var(--bg-color) !important;\n  /* 隐藏滚动条 */\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n.kd-curve-2d-select-popup .el-scrollbar__wrap::-webkit-scrollbar {\n  display: none;\n}\n.kd-curve-2d-select-popup {\n  /* 每一项（默认） */\n}\n.kd-curve-2d-select-popup .el-select-dropdown__item {\n  background: var(--bg-color) !important;\n  color: var(--default-text-color) !important;\n  /* hover */\n}\n.kd-curve-2d-select-popup .el-select-dropdown__item.hover, .kd-curve-2d-select-popup .el-select-dropdown__item:hover {\n  background: var(--select-hover-bg-color) !important;\n  color: var(--default-text-color) !important;\n}\n.kd-curve-2d-select-popup .el-select-dropdown__item.selected {\n  background: var(--bg-color) !important; /* 不要灰色 */\n  color: var(--select-selected-text-color) !important; /* 高亮文字（可选） */\n  font-weight: bold;\n}\n.kd-curve-2d-select-popup .el-select-dropdown__item.selected.hover, .kd-curve-2d-select-popup .el-select-dropdown__item.selected:hover {\n  background: var(--select-hover-bg-color) !important;\n}\n.kd-curve-2d-select-popup {\n  /* 三角箭头 */\n}\n.kd-curve-2d-select-popup[x-placement^=bottom] .popper__arrow {\n  border-bottom-color: var(--border-color) !important;\n}\n.kd-curve-2d-select-popup[x-placement^=bottom] .popper__arrow::after {\n  border-bottom-color: var(--bg-color) !important;\n}\n.kd-curve-2d-select-popup[x-placement^=top] .popper__arrow {\n  border-top-color: var(--border-color) !important;\n}\n.kd-curve-2d-select-popup[x-placement^=top] .popper__arrow::after {\n  border-top-color: var(--bg-color) !important;\n}\n.kd-curve-2d-select-popup .el-time-panel {\n  background: var(--bg-color) !important;\n  box-shadow: 0 2px 12px 0 transparent;\n  border: 1px solid var(--border-color);\n}\n.kd-curve-2d-select-popup .el-time-panel .el-time-panel__btn {\n  color: var(--default-text-color);\n}\n.kd-curve-2d-select-popup .el-time-panel .el-time-spinner__item {\n  color: var(--default-text-color);\n}\n.kd-curve-2d-select-popup .el-time-panel .el-time-spinner__item.active:not(.disabled) {\n  color: var(--select-selected-text-color);\n  font-weight: bold;\n}\n.kd-curve-2d-select-popup .el-time-panel .el-time-panel__footer {\n  border-top: 1px solid var(--border-color);\n}\n.kd-curve-2d-select-popup .el-time-panel .el-time-spinner__item:hover:not(.disabled):not(.active) {\n  background: var(--select-hover-bg-color);\n}\n.kd-curve-2d-select-popup .el-color-picker__trigger {\n  border: 1px solid var(--dialog-header);\n}\n.kd-curve-2d-select-popup .el-color-picker__panel {\n  background: var(--bg-color) !important;\n  border: 1px solid var(--dialog-header);\n  border-radius: 0px;\n}\n.kd-curve-2d-select-popup .el-color-picker__panel .el-button--text {\n  color: var(--select-selected-text-color);\n}\n.kd-curve-2d-select-popup .el-color-picker__panel .el-button--default {\n  background: var(--dialog-button-default);\n  color: var(--default-text-color);\n  border: none;\n  border-radius: 0px;\n}\n.kd-curve-2d-select-popup .el-color-picker__panel .el-button.is-plain:hover {\n  background: var(--dialog-button-default);\n  color: var(--default-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper {\n  background: var(--bg-color);\n  border: 1px solid var(--dialog-header);\n  color: var(--default-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-input__inner {\n  background: var(--bg-color) !important;\n  border: 1px solid var(--border-color) !important;\n  color: var(--text-color) !important;\n  height: 32px !important;\n  line-height: 32px !important;\n  box-sizing: border-box;\n  border-radius: 0px;\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-picker__header-label {\n  color: var(--default-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-picker__header-label:hover {\n  color: var(--select-selected-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-range-picker__time-header > .el-icon-arrow-right {\n  color: var(--default-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-button--text {\n  color: var(--select-selected-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-picker-panel__icon-btn {\n  color: var(--default-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-range-picker__time-header {\n  border-bottom: 1px solid var(--dialog-header);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-range-picker__content.is-left {\n  border-right: 1px solid var(--dialog-header);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table th {\n  border-bottom: 1px solid var(--dialog-header);\n  color: var(--default-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.today span {\n  color: var(--select-selected-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.available:hover {\n  color: var(--select-selected-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.next-month,\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.prev-month {\n  color: var(--dialog-header);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.available {\n  color: var(--default-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.available.in-range {\n  color: var(--in-range-text-color) !important;\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.end-date span,\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.start-date span {\n  background: var(--select-selected-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.in-range div,\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.in-range div:hover,\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table.is-week-mode .el-date-table__row.current div,\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table.is-week-mode .el-date-table__row:hover div {\n  background: var(--dialog-header);\n}\n.kd-curve-2d-select-popup .el-picker-panel__footer {\n  background: var(--bg-color);\n  border-top: 1px solid var(--dialog-header);\n}\n.kd-curve-2d-select-popup .el-picker-panel__footer .el-button--default {\n  background: var(--dialog-button-default);\n  color: var(--default-text-color);\n  border: none;\n  border-radius: 0px;\n}\n.kd-curve-2d-select-popup .el-picker-panel__footer .el-button.is-disabled.is-plain,\n.kd-curve-2d-select-popup .el-picker-panel__footer .el-button.is-disabled.is-plain:focus,\n.kd-curve-2d-select-popup .el-picker-panel__footer .el-button.is-disabled.is-plain:hover {\n  background: var(--dialog-button-default);\n  color: var(--dialog-button-disabled-text);\n}\n.kd-curve-2d-select-popup .el-picker-panel__footer .el-button.is-disabled.is-plain {\n  background: var(--dialog-button-default);\n  color: var(--dialog-button-disabled-text) !important;\n}\n.kd-curve-2d-select-popup .el-popper[x-placement^=bottom] .popper__arrow::after {\n  border-bottom-color: var(--bg-color) !important;\n}\n.kd-curve-2d-container {\n  /* radio 自定义样式 */\n}\n.kd-curve-2d-container .el-radio {\n  display: flex;\n  align-items: center;\n  vertical-align: middle;\n  color: var(--radio-default-text-color);\n  font-family: Microsoft YaHei UI, Microsoft YaHei UI;\n  font-size: 14px;\n}\n.kd-curve-2d-container .el-radio__inner {\n  width: 14px !important;\n  height: 14px !important;\n  background: transparent;\n  border: 1px solid var(--radio-border-color);\n}\n.kd-curve-2d-container .el-radio__input.is-checked .el-radio__inner {\n  border-color: var(--radio-checked-border-color);\n  background: transparent;\n}\n.kd-curve-2d-container .el-radio__input.is-disabled .el-radio__inner {\n  background-color: transparent;\n  border-color: var(--radio-border-color);\n}\n.kd-curve-2d-container .el-radio__inner::after {\n  width: 7px !important;\n  height: 7px !important;\n  background: var(--radio-checked-color);\n}\n.kd-curve-2d-container .el-radio.is-checked .el-radio__label {\n  color: var(--radio-checked-text-color);\n  font-weight: bold;\n}\n.kd-curve-2d-container {\n  /* select */\n}\n.kd-curve-2d-container .el-input__inner {\n  background: var(--bg-color) !important;\n  border: 1px solid var(--border-color) !important;\n  color: var(--text-color) !important;\n  height: 32px !important;\n  line-height: 32px !important;\n  box-sizing: border-box;\n  border-radius: 0px;\n}\n.kd-curve-2d-container {\n  /* 下拉箭头 */\n}\n.kd-curve-2d-container .el-select .el-input__suffix i {\n  display: none !important;\n}\n.kd-curve-2d-container .el-select .el-input__suffix {\n  right: 0;\n  width: 28px !important;\n  height: 32px !important;\n  line-height: 32px !important;\n  background: var(--slider-gradient-color);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-left: 1px solid var(--border-color);\n}\n.kd-curve-2d-container .el-select .el-input__suffix::after {\n  content: \"\";\n  width: 0 !important;\n  height: 0 !important;\n  border-left: 5px solid transparent;\n  border-right: 5px solid transparent;\n  border-top: 6px solid var(--slider-content-color); /* 橙色三角 */\n}\n.kd-curve-2d-container .el-select .el-input__suffix::after {\n  transition: transform 0.2s ease;\n}\n.kd-curve-2d-container .el-select .el-input.is-focus .el-input__suffix::after {\n  transform: rotate(180deg);\n}\n.kd-curve-2d-container .el-dialog {\n  border: 1px solid var(--card-border-color);\n}\n.kd-curve-2d-container .el-dialog .el-form-item__label {\n  color: var(--default-text-color);\n  font-size: 14px;\n}\n.kd-curve-2d-container .el-dialog .el-dialog__headerbtn {\n  top: 11px !important;\n  width: 24px !important;\n  height: 24px !important;\n  background: linear-gradient(270deg, #c73521 0%, #f86c59 100%);\n  border-radius: 100px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.kd-curve-2d-container .el-dialog .el-dialog__headerbtn .el-dialog__close {\n  color: #fff;\n  font-size: 14px;\n  font-weight: 700;\n}\n.kd-curve-2d-container .el-button {\n  border-radius: 0px;\n  border: none;\n}\n.kd-curve-2d-container .el-button--primary {\n  background-image: linear-gradient(to bottom, #2057ea, #12338d);\n}\n.kd-curve-2d-container .el-button--default {\n  background: var(--dialog-button-default);\n  color: var(--default-text-color);\n}\n.kd-curve-2d-container .el-button--primary.is-disabled {\n  background-image: linear-gradient(to bottom, #2f5ede, #1e3677);\n  color: var(--dialog-button-disabled-text);\n}\n.kd-curve-2d-container .el-tabs .el-tabs__nav-wrap::after {\n  background-color: var(--card-border-color);\n}\n.kd-curve-2d-container .el-tabs .el-tabs__item {\n  color: var(--default-text-color);\n}\n.kd-curve-2d-container .el-tabs .el-tabs__item.is-active {\n  color: var(--select-selected-text-color);\n}\n.kd-curve-2d-container .el-tabs .el-tabs__active-bar {\n  background: var(--select-selected-text-color);\n}\n.kd-curve-2d-container .el-tree {\n  background: var(--bg-color) !important;\n  color: var(--default-text-color);\n  font-size: 14px;\n}\n.kd-curve-2d-container .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {\n  background: var(--dialog-header) !important;\n  color: var(--dialog-tree-text-color);\n}\n.kd-curve-2d-container .el-tree-node__content:hover,\n.kd-curve-2d-container .el-upload-list__item:hover {\n  background: var(--dialog-header) !important;\n  color: var(--dialog-tree-text-color);\n}\n.kd-curve-2d-container .vue-simple-context-menu__item,\n.kd-curve-2d-container .vue-simple-context-menu__item {\n  font-size: 14px !important;\n}\n.kd-curve-2d-container .kd-lane-el-container {\n  border: 1px solid var(--card-border-color);\n}\n.kd-curve-2d-container .kd-lane-el-container .rtd-config-side {\n  border-right: 1px solid var(--card-border-color);\n}\n.kd-curve-2d-container .el-dialog__header {\n  background: var(--dialog-header);\n  text-align: center;\n}\n.kd-curve-2d-container .el-dialog__header .el-dialog__title {\n  color: var(--dialog-header-text-color);\n}\n.kd-curve-2d-container .el-dialog__header {\n  padding: 10px 10px 10px;\n}\n.kd-curve-2d-container .el-dialog__body {\n  background: var(--bg-color);\n  padding: 30px 30px 10px 30px;\n}\n.kd-curve-2d-container .el-dialog__body .input-number-container .el-input__inner {\n  width: calc(100% - 80px) !important;\n  margin-left: 40px !important;\n}\n.kd-curve-2d-container .el-dialog__body .el-input__inner {\n  color: var(--default-text-color) !important;\n}\n.kd-curve-2d-container .el-dialog__body .el-input-number__decrease,\n.kd-curve-2d-container .el-dialog__body .el-input-number__increase {\n  color: var(--default-text-color);\n}\n.kd-curve-2d-container .el-dialog__body .el-input-number__increase {\n  background: var(--card-color);\n  color: var(--default-text-color);\n  border-radius: 0px 0px 0px 0px;\n  border: 1px solid var(--card-border-color);\n  width: 30px !important;\n  height: 30px !important;\n  line-height: 30px !important;\n}\n.kd-curve-2d-container .el-dialog__body .el-input-number__decrease {\n  background: var(--card-color);\n  border-radius: 0px 0px 0px 0px;\n  border: 1px solid var(--card-border-color);\n  width: 30px !important;\n  height: 30px !important;\n  line-height: 30px !important;\n}\n.kd-curve-2d-container .el-dialog__footer {\n  text-align: center;\n  background: var(--bg-color);\n}\n.kd-curve-2d-container .el-date-editor {\n  background: var(--bg-color) !important;\n}\n.kd-curve-2d-container .el-date-editor .el-range-input {\n  background: var(--bg-color) !important;\n  border-top: 1px solid var(--border-color) !important;\n  border-bottom: 1px solid var(--border-color) !important;\n  color: var(--text-color) !important;\n  height: 32px !important;\n  line-height: 32px !important;\n  box-sizing: border-box;\n  border-radius: 0px;\n}\n.kd-curve-2d-container .el-date-editor .el-range-separator {\n  color: var(--default-text-color);\n}";
 styleInject(css_248z$1);
 
-var css_248z = "@charset \"UTF-8\";\n.kd-curve-2d-resize-container[data-v-815b84b2] {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  background: var(--bg-color);\n  color: var(--default-text-color);\n  overflow: hidden;\n  /* 主容器 */\n}\n.kd-curve-2d-resize-container .container[data-v-815b84b2] {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  overflow: hidden;\n}\n.kd-curve-2d-resize-container[data-v-815b84b2] {\n  /* 面板通用样式 */\n}\n.kd-curve-2d-resize-container .panel[data-v-815b84b2] {\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  flex-shrink: 0;\n  background: var(--panel-item-bg-color);\n  border: 1px solid var(--panel-item-border-color);\n  padding: 8px;\n  /* 隐藏滚动条 */\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n.kd-curve-2d-resize-container .panel[data-v-815b84b2]::-webkit-scrollbar {\n  display: none;\n}\n.kd-curve-2d-resize-container .panel-3[data-v-815b84b2] {\n  flex: 1;\n  min-width: 100px;\n}\n.kd-curve-2d-resize-container[data-v-815b84b2] {\n  /* 拖拽条样式 */\n}\n.kd-curve-2d-resize-container .resizer[data-v-815b84b2] {\n  width: 6px;\n  cursor: col-resize;\n}\n.kd-curve-2d-resize-container .resizer[data-v-815b84b2]:hover {\n  background-color: var(--resizer-bg-color);\n  transition: background-color 0.2s ease;\n}";
+var css_248z = "@charset \"UTF-8\";\n.kd-curve-2d-resize-container[data-v-00924900] {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  background: var(--bg-color);\n  color: var(--default-text-color);\n  overflow: hidden;\n  /* 主容器 */\n}\n.kd-curve-2d-resize-container .container[data-v-00924900] {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  overflow: hidden;\n}\n.kd-curve-2d-resize-container[data-v-00924900] {\n  /* 面板通用样式 */\n}\n.kd-curve-2d-resize-container .panel[data-v-00924900] {\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  flex-shrink: 0;\n  background: var(--panel-item-bg-color);\n  border: 1px solid var(--panel-item-border-color);\n  padding: 8px;\n  /* 隐藏滚动条 */\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n.kd-curve-2d-resize-container .panel[data-v-00924900]::-webkit-scrollbar {\n  display: none;\n}\n.kd-curve-2d-resize-container .panel-3[data-v-00924900] {\n  flex: 1;\n  min-width: 100px;\n}\n.kd-curve-2d-resize-container[data-v-00924900] {\n  /* 拖拽条样式 */\n}\n.kd-curve-2d-resize-container .resizer[data-v-00924900] {\n  width: 6px;\n  cursor: col-resize;\n}\n.kd-curve-2d-resize-container .resizer[data-v-00924900]:hover {\n  background-color: var(--resizer-bg-color);\n  transition: background-color 0.2s ease;\n}";
 styleInject(css_248z);
 
 /* script */
@@ -10270,6 +11266,7 @@ var __vue_render__ = function () {
                         ref: "depthTimeChart",
                         attrs: {
                           formCache: _vm.formCache,
+                          cachedCurveDatas: _vm.cachedCurveDatas,
                           depthTimeChartData: _vm.depthTimeChartData,
                         },
                         on: { depthTimeChange: _vm.handleDepthTimeChange },
@@ -10313,6 +11310,7 @@ var __vue_render__ = function () {
                               config: _vm.config,
                               formCache: _vm.formCache,
                               cachedCurveDatas: _vm.cachedCurveDatas,
+                              currentHeaderStyle: _vm.currentHeaderStyle,
                             },
                             on: {
                               updateScale: _vm.updateScale,
@@ -10406,7 +11404,7 @@ __vue_render__._withStripped = true;
   /* style */
   const __vue_inject_styles__ = undefined;
   /* scoped */
-  const __vue_scope_id__ = "data-v-815b84b2";
+  const __vue_scope_id__ = "data-v-00924900";
   /* module identifier */
   const __vue_module_identifier__ = undefined;
   /* functional template */