kd-lane-chart-v3 0.0.4 → 0.0.6

package/dist/esm/index.js

@@ -313,7 +313,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$c = {
+const _sfc_main$d = {
   name: "VueSimpleContextMenu",
   props: {
     options: {
@@ -414,16 +414,16 @@ const _sfc_main$c = {
     document.removeEventListener("keyup", this.onEscKeyRelease);
   }
 };
-const _hoisted_1$c = {
+const _hoisted_1$d = {
   ref: "refUl",
   class: "vue-simple-context-menu"
 };
-const _hoisted_2$b = ["onClick"];
-const _hoisted_3$6 = ["innerHTML"];
-function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_2$c = ["onClick"];
+const _hoisted_3$7 = ["innerHTML"];
+function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   const _directive_click_outside = resolveDirective("click-outside");
   return openBlock(), createElementBlock("div", null, [
-    withDirectives((openBlock(), createElementBlock("ul", _hoisted_1$c, [
+    withDirectives((openBlock(), createElementBlock("ul", _hoisted_1$d, [
       (openBlock(true), createElementBlock(Fragment, null, renderList($props.options, (option, index2) => {
         return openBlock(), createElementBlock("li", {
           key: index2,
@@ -432,15 +432,15 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
         }, [
           createElementVNode("span", {
             innerHTML: option.name
-          }, null, 8, _hoisted_3$6)
-        ], 10, _hoisted_2$b);
+          }, null, 8, _hoisted_3$7)
+        ], 10, _hoisted_2$c);
       }), 128))
     ])), [
       [_directive_click_outside, $options.onClickOutside]
     ])
   ]);
 }
-const VueSimpleContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c], ["__scopeId", "data-v-38ac9b6e"]]);
+const VueSimpleContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__scopeId", "data-v-38ac9b6e"]]);
 class CustomStrategy {
   constructor(strategy) {
     this.strategy = strategy;
@@ -1452,7 +1452,7 @@ class StrategyFactory {
     }
   }
 }
-const _sfc_main$b = {
+const _sfc_main$c = {
   inject: ["upsertLane", "setTargetData", "setExpanded"],
   props: {
     laneInfo: {
@@ -1521,16 +1521,16 @@ const _sfc_main$b = {
     }
   }
 };
-const _hoisted_1$b = { class: "kd-lane-lane-content" };
-const _hoisted_2$a = { class: "template-buttons" };
-function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$c = { class: "kd-lane-lane-content" };
+const _hoisted_2$b = { class: "template-buttons" };
+function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_input = resolveComponent("el-input");
   const _component_el_form_item = resolveComponent("el-form-item");
   const _component_el_radio = resolveComponent("el-radio");
   const _component_el_radio_group = resolveComponent("el-radio-group");
   const _component_el_form = resolveComponent("el-form");
   const _component_el_button = resolveComponent("el-button");
-  return openBlock(), createElementBlock("div", _hoisted_1$b, [
+  return openBlock(), createElementBlock("div", _hoisted_1$c, [
     createVNode(_component_el_form, {
       rules: $data.rules,
       ref: "template",
@@ -1551,7 +1551,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           _: 1
         }),
-        $data.formData.createUser !== "SYSTEM_USER" ? (openBlock(), createBlock(_component_el_form_item, {
+        $data.formData.createUser !== "SYSTEM_USER" && false ? (openBlock(), createBlock(_component_el_form_item, {
           key: 0,
           label: "对数轴",
           prop: "isLogScale"
@@ -1585,7 +1585,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 1
     }, 8, ["rules", "model"]),
-    createElementVNode("div", _hoisted_2$a, [
+    createElementVNode("div", _hoisted_2$b, [
       createVNode(_component_el_button, { onClick: $options.editable }, {
         default: withCtx(() => [..._cache[5] || (_cache[5] = [
           createTextVNode("编辑", -1)
@@ -1606,8 +1606,8 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-const LaneEdit = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b], ["__scopeId", "data-v-d0c7f367"]]);
-const _sfc_main$a = {
+const LaneEdit = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c], ["__scopeId", "data-v-76a63d70"]]);
+const _sfc_main$b = {
   inject: ["upsertLine", "setTargetData", "setExpanded", "getThemeName"],
   props: {
     template: {
@@ -1630,6 +1630,13 @@ const _sfc_main$a = {
         callback();
       }
     };
+    const sizeLimit = (rule, value, callback) => {
+      if (value < 1 || value > 4) {
+        callback(new Error("数字必须在1-4之间"));
+      } else {
+        callback();
+      }
+    };
     return {
       formData: Object.assign({}, this.template),
       lines: [
@@ -1673,7 +1680,11 @@ const _sfc_main$a = {
           { required: true, message: "请输入最大值", trigger: "blur" },
           { validator: validatorNumber, trigger: "blur" }
         ],
-        lineSize: [{ required: true, message: "请选择曲线粗细", trigger: "blur" }],
+        lineSize: [
+          { required: true, message: "请输入曲线粗细", trigger: "blur" },
+          { validator: validatorNumber, trigger: "blur" },
+          { validator: sizeLimit, message: "曲线粗细必须在1-4之间", trigger: "blur" }
+        ],
         lineColor: [{ required: true, message: "请选择曲线颜色", trigger: "blur" }],
         lineType: [{ required: true, message: "请选择线型", trigger: "blur" }],
         paramId: [{ required: true, message: "请选择参数名称", trigger: "blur" }]
@@ -1742,9 +1753,9 @@ const _sfc_main$a = {
     }
   }
 };
-const _hoisted_1$a = { class: "kd-lane-line-content" };
-const _hoisted_2$9 = { class: "template-buttons" };
-function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$b = { class: "kd-lane-line-content" };
+const _hoisted_2$a = { class: "template-buttons" };
+function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_option = resolveComponent("el-option");
   const _component_el_select = resolveComponent("el-select");
   const _component_el_form_item = resolveComponent("el-form-item");
@@ -1754,7 +1765,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   resolveComponent("el-radio-group");
   const _component_el_form = resolveComponent("el-form");
   const _component_el_button = resolveComponent("el-button");
-  return openBlock(), createElementBlock("div", _hoisted_1$a, [
+  return openBlock(), createElementBlock("div", _hoisted_1$b, [
     createVNode(_component_el_form, {
       rules: $data.rules,
       ref: "template",
@@ -1825,8 +1836,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
               modelValue: $data.formData.lineSize,
               "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $data.formData.lineSize = $event),
               max: 4,
-              min: 1,
-              type: "number"
+              min: 1
             }, null, 8, ["modelValue"])
           ]),
           _: 1
@@ -1857,7 +1867,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
               modelValue: $data.formData.lineType,
               "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => $data.formData.lineType = $event),
               placeholder: "请选择",
-              disabled: $data.formData.isGradient || $props.formDisable,
+              disabled: $data.formData.isGradient || $props.formDisable || Object.prototype.hasOwnProperty.call($data.formData, "recommendParamId"),
               "popper-class": "kd-curve-2d-select-popup"
             }, {
               default: withCtx(() => [
@@ -1892,7 +1902,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 1
     }, 8, ["rules", "model", "disabled"]),
-    withDirectives(createElementVNode("div", _hoisted_2$9, [
+    withDirectives(createElementVNode("div", _hoisted_2$a, [
       createVNode(_component_el_button, { onClick: $options.editable }, {
         default: withCtx(() => [..._cache[11] || (_cache[11] = [
           createTextVNode("编辑", -1)
@@ -1914,8 +1924,8 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-const LineEdit = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a], ["__scopeId", "data-v-36fe0bb1"]]);
-const _sfc_main$9 = {
+const LineEdit = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b], ["__scopeId", "data-v-0940f09d"]]);
+const _sfc_main$a = {
   inject: ["upsertTemplate", "setTargetData", "setExpanded"],
   props: {
     currentTemplate: {
@@ -2003,9 +2013,9 @@ const _sfc_main$9 = {
     }
   }
 };
-const _hoisted_1$9 = { class: "kd-lane-template-content" };
-const _hoisted_2$8 = { class: "template-buttons" };
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$a = { class: "kd-lane-template-content" };
+const _hoisted_2$9 = { class: "template-buttons" };
+function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_input = resolveComponent("el-input");
   const _component_el_form_item = resolveComponent("el-form-item");
   const _component_el_radio = resolveComponent("el-radio");
@@ -2014,7 +2024,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_select = resolveComponent("el-select");
   const _component_el_form = resolveComponent("el-form");
   const _component_el_button = resolveComponent("el-button");
-  return openBlock(), createElementBlock("div", _hoisted_1$9, [
+  return openBlock(), createElementBlock("div", _hoisted_1$a, [
     createVNode(_component_el_form, {
       rules: $data.rules,
       ref: "template",
@@ -2153,7 +2163,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 1
     }, 8, ["rules", "model"]),
-    createElementVNode("div", _hoisted_2$8, [
+    createElementVNode("div", _hoisted_2$9, [
       createVNode(_component_el_button, { onClick: $options.editable }, {
         default: withCtx(() => [..._cache[8] || (_cache[8] = [
           createTextVNode("编辑", -1)
@@ -2174,8 +2184,8 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-const TemplateEdit = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-fc0a04c9"]]);
-const _sfc_main$8 = {
+const TemplateEdit = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a], ["__scopeId", "data-v-fc0a04c9"]]);
+const _sfc_main$9 = {
   inject: ["delTemplate", "delLane", "delLine"],
   provide() {
     return {
@@ -2521,11 +2531,11 @@ const _sfc_main$8 = {
     }
   }
 };
-const _hoisted_1$8 = ["onContextmenu"];
-const _hoisted_2$7 = ["onMouseover", "onMouseleave"];
-const _hoisted_3$5 = { style: { "padding-left": "5px" } };
-const _hoisted_4$5 = { class: "rtd-config-side-option" };
-function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$9 = ["onContextmenu"];
+const _hoisted_2$8 = ["onMouseover", "onMouseleave"];
+const _hoisted_3$6 = { style: { "padding-left": "5px" } };
+const _hoisted_4$6 = { class: "rtd-config-side-option" };
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = resolveComponent("el-tooltip");
   const _component_Star = resolveComponent("Star");
   const _component_el_icon = resolveComponent("el-icon");
@@ -2579,11 +2589,11 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
                       class: "tree-node-label",
                       onMouseover: ($event) => $options.handleMouseEnter($event, node.id),
                       onMouseleave: ($event) => $options.handleMouseLeave($event, node.id)
-                    }, toDisplayString(node.label), 41, _hoisted_2$7)
+                    }, toDisplayString(node.label), 41, _hoisted_2$8)
                   ]),
                   _: 2
                 }, 1032, ["content", "visible"]),
-                withDirectives(createElementVNode("span", _hoisted_3$5, [
+                withDirectives(createElementVNode("span", _hoisted_3$6, [
                   createVNode(_component_el_icon, null, {
                     default: withCtx(() => [
                       createVNode(_component_Star)
@@ -2593,11 +2603,11 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
                 ], 512), [
                   [vShow, data.isPublic == "1"]
                 ])
-              ], 40, _hoisted_1$8)
+              ], 40, _hoisted_1$9)
             ]),
             _: 1
           }, 8, ["data", "current-node-key", "default-expanded-keys", "onNodeClick", "onNodeExpand", "onNodeCollapse"])),
-          createElementVNode("div", _hoisted_4$5, [
+          createElementVNode("div", _hoisted_4$6, [
             createVNode(_component_el_button, { onClick: $options.addTemplate }, {
               default: withCtx(() => [..._cache[0] || (_cache[0] = [
                 createTextVNode("新增模板", -1)
@@ -2649,12 +2659,12 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     [_directive_loading, $data.curveConfigLoading]
   ]);
 }
-const RealTimeCurveConfig = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-1fb6ec88"]]);
+const RealTimeCurveConfig = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-1fb6ec88"]]);
 const ACTION_TYPE = {
   UPSERT_LINE: "upsertLine",
   DELETE_LINE: "delLine"
 };
-const _sfc_main$7 = {
+const _sfc_main$8 = {
   name: "HeaderItem",
   props: {
     lineRange: {
@@ -2812,29 +2822,30 @@ const _sfc_main$7 = {
   },
   watch: {}
 };
-const _hoisted_1$7 = { class: "kd-lane-chart-container-text-container" };
-const _hoisted_2$6 = { class: "left" };
-const _hoisted_3$4 = { class: "center" };
-const _hoisted_4$4 = { class: "right" };
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$8 = { class: "kd-lane-chart-container-text-container" };
+const _hoisted_2$7 = { class: "left" };
+const _hoisted_3$5 = { class: "center" };
+const _hoisted_4$5 = { class: "right" };
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["kd-lane-chart-container-header-item", { "kd-lane-chart-container-header-item_warning": $options.isShowWarning() }]),
     style: normalizeStyle($options.headerItemStyle),
     onClick: _cache[0] || (_cache[0] = (...args) => $options.toggleIsUsed && $options.toggleIsUsed(...args))
   }, [
-    createElementVNode("div", _hoisted_1$7, [
-      createElementVNode("span", _hoisted_2$6, toDisplayString($props.line.min || ($props.lineRange[$props.line.lineId] && $props.lineRange[$props.line.lineId].min || 0)), 1),
-      createElementVNode("div", _hoisted_3$4, [
+    createElementVNode("div", _hoisted_1$8, [
+      createElementVNode("span", _hoisted_2$7, toDisplayString($props.line.min || ($props.lineRange[$props.line.lineId] && $props.lineRange[$props.line.lineId].min || 0)), 1),
+      createElementVNode("div", _hoisted_3$5, [
         createElementVNode("div", {
           class: "paramsTitle",
           style: normalizeStyle($options.getFontSize("label"))
         }, toDisplayString($options.getParamName($props.line)), 5),
-        createElementVNode("div", {
+        $props.formCache.displayType == "header" ? (openBlock(), createElementBlock("div", {
+          key: 0,
           class: "paramsData",
           style: normalizeStyle($options.getFontSize("data"))
-        }, toDisplayString($options.getCurrentData()), 5)
+        }, toDisplayString($options.getCurrentData()), 5)) : createCommentVNode("", true)
       ]),
-      createElementVNode("span", _hoisted_4$4, toDisplayString($props.line.max || ($props.lineRange[$props.line.lineId] && $props.lineRange[$props.line.lineId].max || 0)), 1),
+      createElementVNode("span", _hoisted_4$5, toDisplayString($props.line.max || ($props.lineRange[$props.line.lineId] && $props.lineRange[$props.line.lineId].max || 0)), 1),
       createElementVNode("div", {
         class: "gradient-display",
         style: normalizeStyle($options.gradientDisplay)
@@ -2842,7 +2853,167 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-const HeaderItem = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-0200e1cd"]]);
+const HeaderItem = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-1ae34b14"]]);
+const _sfc_main$7 = {
+  name: "LegendItem",
+  props: {
+    lineRange: {
+      type: Object,
+      default: () => ({})
+    },
+    itemHeight: {
+      type: Number,
+      default: 20
+    },
+    isKdCurveV2: {
+      type: Boolean,
+      default: false
+    },
+    currentHeaderStyle: {
+      type: Object,
+      default: () => ({
+        headerPadding: 4,
+        headerItemHeight: 42,
+        itemGap: 4
+      })
+    },
+    line: {
+      type: Object,
+      default: () => ({})
+    },
+    paramsNameMap: {
+      type: Object,
+      default: () => ({}),
+      required: true
+    },
+    themeName: {
+      type: String,
+      default: void 0
+    },
+    visibleData: {
+      type: Array,
+      default: () => []
+    },
+    formCache: {
+      type: Object,
+      default: () => ({})
+    },
+    headerData: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  methods: {
+    getParamName() {
+      const nameConfig = this.paramsNameMap[this.line.paramId];
+      if (!nameConfig) {
+        return "";
+      }
+      return `${nameConfig.paramName}${nameConfig.paramUnit ? `(${nameConfig.paramUnit})` : ""}`;
+    },
+    getCurrentData(paramId) {
+      if (this.formCache.displayType == "float") {
+        return "";
+      }
+      if (!Object.prototype.hasOwnProperty.call(this.headerData, paramId)) {
+        return "--";
+      }
+      return this.headerData[paramId] !== null && this.headerData[paramId] !== void 0 && this.headerData[paramId] !== "" ? typeof +this.headerData[paramId] === "number" ? Number(Number(this.headerData[paramId]).toFixed(2)) : this.headerData[paramId] : "--";
+    },
+    toggleLegend(label) {
+      const temp = { ...this.line };
+      if (label === "实际值") {
+        temp.isUsed = temp.isUsed == "1" || temp.isUsed == 1 ? "0" : "1";
+      } else if (label === "推荐值") {
+        temp.recommendIsUsed = temp.recommendIsUsed == "1" || temp.recommendIsUsed == 1 ? "0" : "1";
+      }
+      this.$emit("updateLine", temp);
+    }
+  },
+  computed: {
+    legendList() {
+      let lineColor;
+      if (this.themeName && this.line.themeConfig) {
+        lineColor = this.line.themeConfig[this.themeName] && this.line.themeConfig[this.themeName].lineColor;
+      }
+      const color = lineColor || this.line.lineColor;
+      return [
+        { label: "实际值", color, lineType: "solid", isUsed: this.line.isUsed == "1" || this.line.isUsed == 1, data: this.getCurrentData(this.line.paramId) },
+        { label: "推荐值", color, lineType: "dashed", isUsed: this.line.recommendIsUsed == "1" || this.line.recommendIsUsed == 1, data: this.getCurrentData(this.line.recommendParamId) }
+      ];
+    },
+    legendItemStyle() {
+      if (this.themeName && this.line.themeConfig) {
+        this.line.themeConfig[this.themeName] && this.line.themeConfig[this.themeName].lineColor;
+      }
+      let backgroundColor = {};
+      let headerHeight = {};
+      if (!this.isKdCurveV2) {
+        backgroundColor = {
+          background: `transparent !important`
+        };
+        headerHeight = {
+          height: `${this.itemHeight}px`
+        };
+      } else {
+        headerHeight = {
+          height: `${this.formCache.displayType == "header" ? this.currentHeaderStyle.headerItemHeight : this.currentHeaderStyle.headerItemHeight * 0.8}px`
+        };
+      }
+      return {
+        ...headerHeight,
+        // opacity: this.line.isUsed == "1" ? 1 : 0.5,
+        ...backgroundColor
+      };
+    }
+  }
+};
+const _hoisted_1$7 = { class: "legend-label" };
+const _hoisted_2$6 = { class: "legend-content" };
+const _hoisted_3$4 = { class: "scale-left" };
+const _hoisted_4$4 = ["onClick"];
+const _hoisted_5$3 = { class: "legend-line-item-top" };
+const _hoisted_6$3 = { class: "legend-text" };
+const _hoisted_7$3 = {
+  key: 0,
+  class: "legend-data"
+};
+const _hoisted_8$2 = { class: "scale-right" };
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: "kd-lane-chart-container-legend-item",
+    style: normalizeStyle($options.legendItemStyle)
+  }, [
+    createElementVNode("div", _hoisted_1$7, toDisplayString($options.getParamName()), 1),
+    createElementVNode("div", _hoisted_2$6, [
+      createElementVNode("div", _hoisted_3$4, toDisplayString($props.line.min || 0), 1),
+      createElementVNode("div", {
+        class: "legend-lines",
+        style: normalizeStyle({ flexDirection: $props.formCache.displayType == "header" ? "column" : "row" })
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList($options.legendList, (legend, index2) => {
+          return openBlock(), createElementBlock("div", {
+            class: "legend-line-item",
+            key: index2,
+            onClick: ($event) => $options.toggleLegend(legend.label),
+            style: normalizeStyle({ opacity: legend.isUsed ? 1 : 0.5 })
+          }, [
+            createElementVNode("div", _hoisted_5$3, [
+              createElementVNode("div", {
+                class: normalizeClass(["legend-color", legend.lineType]),
+                style: normalizeStyle({ borderBottom: `2px ${legend.lineType} ${legend.color}` })
+              }, null, 6),
+              createElementVNode("div", _hoisted_6$3, toDisplayString(legend.label), 1)
+            ]),
+            $props.formCache.displayType == "header" ? (openBlock(), createElementBlock("div", _hoisted_7$3, toDisplayString(legend.data), 1)) : createCommentVNode("", true)
+          ], 12, _hoisted_4$4);
+        }), 128))
+      ], 4),
+      createElementVNode("div", _hoisted_8$2, toDisplayString($props.line.max || 20), 1)
+    ])
+  ], 4);
+}
+const LegendItem = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-efba8aa1"]]);
 const _sfc_main$6 = {
   name: "KdLaneContainer",
   provide() {
@@ -2860,6 +3031,7 @@ const _sfc_main$6 = {
   },
   components: {
     HeaderItem,
+    LegendItem,
     RealTimeCurveConfig,
     VueSimpleContextMenu,
     VueDraggable
@@ -3085,14 +3257,12 @@ const _sfc_main$6 = {
           const id = String(lane.laneId);
           const newWidth = headerEl.clientWidth;
           const oldWidth = this.laneWidthOverrides[id];
-          console.log(id, oldWidth, newWidth);
           if (oldWidth !== newWidth) {
             this.setLaneWidthOverride(lane.laneId, newWidth);
             hasChanged = true;
           }
         }
       });
-      console.log(this.laneWidthOverrides, hasChanged);
       if (hasChanged) {
         this.$emit("lane-width-change", this.laneWidthOverrides);
       }
@@ -3840,10 +4010,12 @@ const _hoisted_9$1 = { class: "custom-dialog__body RealTimeCurveConfig_area" };
 const _hoisted_10$1 = { class: "custom-dialog__footer" };
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_HeaderItem = resolveComponent("HeaderItem");
+  const _component_LegendItem = resolveComponent("LegendItem");
   const _component_VueDraggable = resolveComponent("VueDraggable");
   const _component_VueSimpleContextMenu = resolveComponent("VueSimpleContextMenu");
   const _component_RealTimeCurveConfig = resolveComponent("RealTimeCurveConfig");
   const _component_el_button = resolveComponent("el-button");
+  const _component_el_dialog = resolveComponent("el-dialog");
   return openBlock(), createElementBlock("div", {
     class: "kd-lane-chart-container",
     onContextmenu: _cache[4] || (_cache[4] = (...args) => $options.onParentContextMenu && $options.onParentContextMenu(...args)),
@@ -3897,7 +4069,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
               ])) : createCommentVNode("", true)
             ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
               createElementVNode("div", {
-                class: normalizeClass(["kd-lane-chart-lane-header", { "border-bottom": !$props.isKdCurveV2 }]),
+                class: normalizeClass(["kd-lane-chart-lane-header", { "border-bottom": !$props.isKdCurveV2, "kd-lane-chart-lane-header-isKdCurveV2": $props.isKdCurveV2 }]),
                 style: normalizeStyle($options.headerStyle),
                 onContextmenu: withModifiers(($event) => $options.showContextMenu($event, lane), ["prevent"])
               }, [
@@ -3916,14 +4088,25 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
                 }, {
                   default: withCtx(() => [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(lane.lines || [], (line) => {
-                      return openBlock(), createBlock(_component_HeaderItem, mergeProps({
-                        key: line.lineId,
-                        line,
-                        paramsNameMap: $options.paramsNameMap
-                      }, { ref_for: true }, _ctx.$props, {
-                        onContextmenu: withModifiers(($event) => $options.showContextMenu($event, line), ["prevent"]),
-                        onUpdateLine: $options.upsertLine
-                      }), null, 16, ["line", "paramsNameMap", "onContextmenu", "onUpdateLine"]);
+                      return openBlock(), createElementBlock("div", {
+                        key: line.lineId
+                      }, [
+                        !line.hasOwnProperty("recommendParamId") ? (openBlock(), createBlock(_component_HeaderItem, mergeProps({
+                          key: 0,
+                          line,
+                          paramsNameMap: $options.paramsNameMap
+                        }, { ref_for: true }, _ctx.$props, {
+                          onContextmenu: withModifiers(($event) => $options.showContextMenu($event, line), ["prevent"]),
+                          onUpdateLine: $options.upsertLine
+                        }), null, 16, ["line", "paramsNameMap", "onContextmenu", "onUpdateLine"])) : (openBlock(), createBlock(_component_LegendItem, mergeProps({
+                          key: 1,
+                          line,
+                          paramsNameMap: $options.paramsNameMap
+                        }, { ref_for: true }, _ctx.$props, {
+                          onContextmenu: withModifiers(($event) => $options.showContextMenu($event, line), ["prevent"]),
+                          onUpdateLine: $options.upsertLine
+                        }), null, 16, ["line", "paramsNameMap", "onContextmenu", "onUpdateLine"]))
+                      ]);
                     }), 128))
                   ]),
                   _: 2
@@ -3944,10 +4127,10 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
       _: 3
     }, 8, ["onStart", "onEnd", "modelValue"])) : (openBlock(), createElementBlock("div", _hoisted_7$2, [
       createElementVNode("div", {
-        class: "kd-lane-chart-lane-header",
+        class: normalizeClass(["kd-lane-chart-lane-header", { "kd-lane-chart-lane-header-isKdCurveV2": $props.isKdCurveV2 }]),
         style: normalizeStyle($options.headerStyle),
         onContextmenu: _cache[1] || (_cache[1] = withModifiers((...args) => $options.showContextMenu && $options.showContextMenu(...args), ["prevent"]))
-      }, null, 36)
+      }, null, 38)
     ], 512)),
     !$props.isKdCurveV2 ? (openBlock(), createElementBlock("div", {
       key: 2,
@@ -3961,34 +4144,31 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
       ref: "vueSimpleContextMenu",
       onOptionClicked: $options.optionClicked
     }, null, 8, ["options", "onOptionClicked"]),
-    $data.curveConfigVisible || $data.curveConfigClosing ? (openBlock(), createElementBlock("div", {
-      key: 3,
-      class: normalizeClass(["custom-dialog-mask", { closing: $data.curveConfigClosing }]),
-      onClick: _cache[3] || (_cache[3] = withModifiers((...args) => $options.closeCurveConfigDialog && $options.closeCurveConfigDialog(...args), ["self"]))
-    }, [
-      createElementVNode("div", {
-        class: normalizeClass(["custom-dialog function-control-panel-dialog", { closing: $data.curveConfigClosing }]),
-        ref: "containerRef"
-      }, [
+    createVNode(_component_el_dialog, {
+      width: "45%",
+      modelValue: $data.curveConfigVisible,
+      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $data.curveConfigVisible = $event),
+      "append-to-body": true,
+      "header-class": "kd-lane-chart-v3-custom-dialog__header",
+      "body-class": "kd-lane-chart-v3-custom-dialog__body",
+      "footer-class": "kd-lane-chart-v3-custom-dialog__footer",
+      class: "kd-lane-chart-v3-custom-dialog",
+      "close-on-click-modal": false,
+      "close-on-press-escape": false,
+      "show-close": false,
+      onClose: $options.closeCurveConfigDialog,
+      "align-center": ""
+    }, {
+      header: withCtx(() => [
         createElementVNode("div", _hoisted_8$1, [
           _cache[5] || (_cache[5] = createElementVNode("span", { class: "custom-dialog__title" }, "泳道模板设置", -1)),
           createElementVNode("button", {
             class: "custom-dialog__close",
             onClick: _cache[2] || (_cache[2] = (...args) => $options.closeCurveConfigDialog && $options.closeCurveConfigDialog(...args))
           }, "×")
-        ]),
-        createElementVNode("div", _hoisted_9$1, [
-          createVNode(_component_RealTimeCurveConfig, mergeProps({
-            ref: "curveConfig",
-            inputTempates: $data.treeTemplates,
-            caseId: $data.strategy.caseId,
-            params: $data.params,
-            paramsNameMap: $options.paramsNameMap
-          }, _ctx.$attrs, {
-            contextItem: $data.contextItem,
-            positionInfo: $data.positionInfo
-          }), null, 16, ["inputTempates", "caseId", "params", "paramsNameMap", "contextItem", "positionInfo"])
-        ]),
+        ])
+      ]),
+      footer: withCtx(() => [
         createElementVNode("div", _hoisted_10$1, [
           createVNode(_component_el_button, { onClick: $options.closeCurveConfigDialog }, {
             default: withCtx(() => [..._cache[6] || (_cache[6] = [
@@ -4006,11 +4186,26 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           }, 8, ["onClick"])
         ])
-      ], 2)
-    ], 2)) : createCommentVNode("", true)
+      ]),
+      default: withCtx(() => [
+        createElementVNode("div", _hoisted_9$1, [
+          createVNode(_component_RealTimeCurveConfig, mergeProps({
+            ref: "curveConfig",
+            inputTempates: $data.treeTemplates,
+            caseId: $data.strategy.caseId,
+            params: $data.params,
+            paramsNameMap: $options.paramsNameMap
+          }, _ctx.$attrs, {
+            contextItem: $data.contextItem,
+            positionInfo: $data.positionInfo
+          }), null, 16, ["inputTempates", "caseId", "params", "paramsNameMap", "contextItem", "positionInfo"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["modelValue", "onClose"])
   ], 544);
 }
-const KdLaneContainerComponent = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-192e257e"]]);
+const KdLaneContainerComponent = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-7b18e475"]]);
 const SLIDER_GROUP_ID = "depthSliderGroup";
 function pad2(n) {
   return n < 10 ? "0" + n : "" + n;
@@ -5424,7 +5619,6 @@ const _sfc_main$4 = {
       }
     },
     handleClickExport(data) {
-      this.exportName = data.name;
       if (this.$refs.ExportTimeFormRef) {
         this.$refs.ExportTimeFormRef.clearValidate();
       }
@@ -5745,6 +5939,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_form_item = resolveComponent("el-form-item");
   const _component_el_form = resolveComponent("el-form");
   const _component_el_button = resolveComponent("el-button");
+  const _component_el_dialog = resolveComponent("el-dialog");
   const _component_InputNumber = resolveComponent("InputNumber");
   const _component_TabPane = resolveComponent("TabPane");
   const _component_Tabs = resolveComponent("Tabs");
@@ -6050,22 +6245,50 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
         _cache[42] || (_cache[42] = createElementVNode("span", null, "导出", -1))
       ])) : createCommentVNode("", true)
     ]),
-    $data.timeDialogVisible || $data.timeDialogClosing ? (openBlock(), createElementBlock("div", {
-      key: 13,
-      class: normalizeClass(["custom-dialog-mask", { closing: $data.timeDialogClosing }]),
-      onClick: _cache[21] || (_cache[21] = withModifiers((...args) => $options.closeTimeDialog && $options.closeTimeDialog(...args), ["self"]))
-    }, [
-      createElementVNode("div", {
-        class: normalizeClass(["custom-dialog", { closing: $data.timeDialogClosing }]),
-        style: { "width": "420px" }
-      }, [
+    createVNode(_component_el_dialog, {
+      modelValue: $data.timeDialogVisible,
+      "onUpdate:modelValue": _cache[21] || (_cache[21] = ($event) => $data.timeDialogVisible = $event),
+      "close-on-click-modal": false,
+      "close-on-press-escape": false,
+      "show-close": false,
+      width: "300px",
+      onClose: $options.closeTimeDialog,
+      "append-to-body": true,
+      "header-class": "kd-lane-chart-v3-custom-dialog__header",
+      "body-class": "kd-lane-chart-v3-custom-dialog__body",
+      "footer-class": "kd-lane-chart-v3-custom-dialog__footer",
+      class: "kd-lane-chart-v3-custom-dialog",
+      "align-center": ""
+    }, {
+      header: withCtx(() => [
         createElementVNode("div", _hoisted_20, [
           _cache[43] || (_cache[43] = createElementVNode("span", { class: "custom-dialog__title" }, "设置时间段", -1)),
           createElementVNode("button", {
             class: "custom-dialog__close",
             onClick: _cache[19] || (_cache[19] = (...args) => $options.closeTimeDialog && $options.closeTimeDialog(...args))
           }, "×")
-        ]),
+        ])
+      ]),
+      footer: withCtx(() => [
+        createElementVNode("div", _hoisted_24, [
+          createVNode(_component_el_button, { onClick: $options.closeTimeDialog }, {
+            default: withCtx(() => [..._cache[45] || (_cache[45] = [
+              createTextVNode("取消", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"]),
+          createVNode(_component_el_button, {
+            type: "primary",
+            onClick: $options.confirmTimeDialog
+          }, {
+            default: withCtx(() => [..._cache[46] || (_cache[46] = [
+              createTextVNode("确定", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"])
+        ])
+      ]),
+      default: withCtx(() => [
         createElementVNode("div", _hoisted_21, [
           createVNode(_component_el_form, {
             model: $data.timeDialog,
@@ -6080,7 +6303,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_22, [
                     _cache[44] || (_cache[44] = createElementVNode("div", {
-                      style: { "min-width": "50px", "display": "flex", "align-items": "center", "height": "100%", "white-space": "nowrap" },
+                      style: { "min-width": "30px", "display": "flex", "align-items": "center", "height": "100%", "white-space": "nowrap" },
                       class: "fontColor"
                     }, "时间：", -1)),
                     createElementVNode("div", _hoisted_23, [
@@ -6090,7 +6313,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                         "popper-class": "kd-curve-2d-select-popup",
                         type: "datetime",
                         placeholder: "选择时间",
-                        "value-format": "yyyy-MM-dd HH:mm:ss",
+                        "value-format": "YYYY-MM-DD HH:mm:ss",
                         style: { "width": "100%", "height": "100%" }
                       }, null, 8, ["modelValue"])
                     ])
@@ -6101,42 +6324,54 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
           }, 8, ["model"])
-        ]),
-        createElementVNode("div", _hoisted_24, [
-          createVNode(_component_el_button, { onClick: $options.closeTimeDialog }, {
-            default: withCtx(() => [..._cache[45] || (_cache[45] = [
+        ])
+      ]),
+      _: 1
+    }, 8, ["modelValue", "onClose"]),
+    createVNode(_component_el_dialog, {
+      modelValue: $data.depthDialogVisible,
+      "onUpdate:modelValue": _cache[25] || (_cache[25] = ($event) => $data.depthDialogVisible = $event),
+      "append-to-body": true,
+      "header-class": "kd-lane-chart-v3-custom-dialog__header",
+      "body-class": "kd-lane-chart-v3-custom-dialog__body",
+      "footer-class": "kd-lane-chart-v3-custom-dialog__footer",
+      class: "kd-lane-chart-v3-custom-dialog",
+      "close-on-click-modal": false,
+      "close-on-press-escape": false,
+      "show-close": false,
+      width: "300px",
+      onClose: $options.closeDepthDialog,
+      "align-center": ""
+    }, {
+      header: withCtx(() => [
+        createElementVNode("div", _hoisted_25, [
+          _cache[47] || (_cache[47] = createElementVNode("span", { class: "custom-dialog__title" }, "设置井深段", -1)),
+          createElementVNode("button", {
+            class: "custom-dialog__close",
+            onClick: _cache[22] || (_cache[22] = (...args) => $options.closeDepthDialog && $options.closeDepthDialog(...args))
+          }, "×")
+        ])
+      ]),
+      footer: withCtx(() => [
+        createElementVNode("div", _hoisted_31, [
+          createVNode(_component_el_button, { onClick: $options.closeDepthDialog }, {
+            default: withCtx(() => [..._cache[50] || (_cache[50] = [
               createTextVNode("取消", -1)
             ])]),
             _: 1
           }, 8, ["onClick"]),
           createVNode(_component_el_button, {
             type: "primary",
-            onClick: $options.confirmTimeDialog
+            onClick: $options.confirmDepthDialog
           }, {
-            default: withCtx(() => [..._cache[46] || (_cache[46] = [
+            default: withCtx(() => [..._cache[51] || (_cache[51] = [
               createTextVNode("确定", -1)
             ])]),
             _: 1
           }, 8, ["onClick"])
         ])
-      ], 2)
-    ], 2)) : createCommentVNode("", true),
-    $data.depthDialogVisible || $data.depthDialogClosing ? (openBlock(), createElementBlock("div", {
-      key: 14,
-      class: normalizeClass(["custom-dialog-mask", { closing: $data.depthDialogClosing }]),
-      onClick: _cache[25] || (_cache[25] = withModifiers((...args) => $options.closeDepthDialog && $options.closeDepthDialog(...args), ["self"]))
-    }, [
-      createElementVNode("div", {
-        class: normalizeClass(["custom-dialog", { closing: $data.depthDialogClosing }]),
-        style: { "width": "420px" }
-      }, [
-        createElementVNode("div", _hoisted_25, [
-          _cache[47] || (_cache[47] = createElementVNode("span", { class: "custom-dialog__title" }, "设置井深段", -1)),
-          createElementVNode("button", {
-            class: "custom-dialog__close",
-            onClick: _cache[22] || (_cache[22] = (...args) => $options.closeDepthDialog && $options.closeDepthDialog(...args))
-          }, "×")
-        ]),
+      ]),
+      default: withCtx(() => [
         createElementVNode("div", _hoisted_26, [
           createVNode(_component_el_form, {
             model: $data.depthDialog,
@@ -6155,7 +6390,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_27, [
                     _cache[48] || (_cache[48] = createElementVNode("div", {
-                      style: { "min-width": "80px", "display": "flex", "align-items": "center", "height": "100%", "white-space": "nowrap" },
+                      style: { "min-width": "60px", "display": "flex", "align-items": "center", "height": "100%", "white-space": "nowrap" },
                       class: "fontColor"
                     }, "起始井深：", -1)),
                     createElementVNode("div", _hoisted_28, [
@@ -6182,7 +6417,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_29, [
                     _cache[49] || (_cache[49] = createElementVNode("div", {
-                      style: { "min-width": "80px", "display": "flex", "align-items": "center", "height": "100%", "white-space": "nowrap" },
+                      style: { "min-width": "60px", "display": "flex", "align-items": "center", "height": "100%", "white-space": "nowrap" },
                       class: "fontColor"
                     }, "结束井深：", -1)),
                     createElementVNode("div", _hoisted_30, [
@@ -6201,42 +6436,54 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
           }, 8, ["model"])
-        ]),
-        createElementVNode("div", _hoisted_31, [
-          createVNode(_component_el_button, { onClick: $options.closeDepthDialog }, {
-            default: withCtx(() => [..._cache[50] || (_cache[50] = [
+        ])
+      ]),
+      _: 1
+    }, 8, ["modelValue", "onClose"]),
+    createVNode(_component_el_dialog, {
+      modelValue: $data.exportDialogVisible,
+      "onUpdate:modelValue": _cache[31] || (_cache[31] = ($event) => $data.exportDialogVisible = $event),
+      "append-to-body": true,
+      "header-class": "kd-lane-chart-v3-custom-dialog__header",
+      "body-class": "kd-lane-chart-v3-custom-dialog__body",
+      "footer-class": "kd-lane-chart-v3-custom-dialog__footer",
+      class: "kd-lane-chart-v3-custom-dialog",
+      "close-on-click-modal": false,
+      "close-on-press-escape": false,
+      "show-close": false,
+      width: "450px",
+      onClose: $options.closeExportDialog,
+      "align-center": ""
+    }, {
+      header: withCtx(() => [
+        createElementVNode("div", _hoisted_32, [
+          _cache[52] || (_cache[52] = createElementVNode("span", { class: "custom-dialog__title" }, "数据导出", -1)),
+          createElementVNode("button", {
+            class: "custom-dialog__close",
+            onClick: _cache[26] || (_cache[26] = (...args) => $options.closeExportDialog && $options.closeExportDialog(...args))
+          }, "×")
+        ])
+      ]),
+      footer: withCtx(() => [
+        createElementVNode("div", _hoisted_40, [
+          createVNode(_component_el_button, { onClick: $options.closeExportDialog }, {
+            default: withCtx(() => [..._cache[56] || (_cache[56] = [
               createTextVNode("取消", -1)
             ])]),
             _: 1
           }, 8, ["onClick"]),
           createVNode(_component_el_button, {
             type: "primary",
-            onClick: $options.confirmDepthDialog
+            onClick: $options.confirmExportDialog
           }, {
-            default: withCtx(() => [..._cache[51] || (_cache[51] = [
+            default: withCtx(() => [..._cache[57] || (_cache[57] = [
               createTextVNode("确定", -1)
             ])]),
             _: 1
           }, 8, ["onClick"])
         ])
-      ], 2)
-    ], 2)) : createCommentVNode("", true),
-    $data.exportDialogVisible || $data.exportDialogClosing ? (openBlock(), createElementBlock("div", {
-      key: 15,
-      class: normalizeClass(["custom-dialog-mask", { closing: $data.exportDialogClosing }]),
-      onClick: _cache[31] || (_cache[31] = withModifiers((...args) => $options.closeExportDialog && $options.closeExportDialog(...args), ["self"]))
-    }, [
-      createElementVNode("div", {
-        class: normalizeClass(["custom-dialog", { closing: $data.exportDialogClosing }]),
-        style: { "width": "500px" }
-      }, [
-        createElementVNode("div", _hoisted_32, [
-          _cache[52] || (_cache[52] = createElementVNode("span", { class: "custom-dialog__title" }, "数据导出", -1)),
-          createElementVNode("button", {
-            class: "custom-dialog__close",
-            onClick: _cache[26] || (_cache[26] = (...args) => $options.closeExportDialog && $options.closeExportDialog(...args))
-          }, "×")
-        ]),
+      ]),
+      default: withCtx(() => [
         createElementVNode("div", _hoisted_33, [
           createVNode(_component_Tabs, {
             modelValue: $data.exportName,
@@ -6260,7 +6507,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
             key: 0,
             model: $data.exportTimeDialog,
             ref: "ExportTimeFormRef",
-            style: { "display": "flex", "flex-direction": "column", "gap": "16px", "margin-top": "16px" }
+            style: { "display": "flex", "flex-direction": "column", "gap": "16px" }
           }, {
             default: withCtx(() => [
               createVNode(_component_el_form_item, {
@@ -6270,7 +6517,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_34, [
                     _cache[53] || (_cache[53] = createElementVNode("div", {
-                      style: { "min-width": "80px", "display": "flex", "align-items": "center", "height": "100%", "white-space": "nowrap" },
+                      style: { "min-width": "60px", "display": "flex", "align-items": "center", "height": "100%", "white-space": "nowrap" },
                       class: "fontColor"
                     }, "时间范围：", -1)),
                     createElementVNode("div", _hoisted_35, [
@@ -6282,7 +6529,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                         "range-separator": "至",
                         "start-placeholder": "开始时间",
                         "end-placeholder": "结束时间",
-                        "value-format": "yyyy-MM-dd HH:mm:ss",
+                        "value-format": "YYYY-MM-DD HH:mm:ss",
                         style: { "width": "100%", "height": "100%" }
                       }, null, 8, ["modelValue"])
                     ])
@@ -6297,7 +6544,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
             key: 1,
             model: $data.exportDepthDialog,
             ref: "ExportDepthFormRef",
-            style: { "display": "flex", "flex-direction": "column", "gap": "16px", "margin-top": "16px" }
+            style: { "display": "flex", "flex-direction": "column", "gap": "16px" }
           }, {
             default: withCtx(() => [
               createVNode(_component_el_form_item, {
@@ -6311,7 +6558,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_36, [
                     _cache[54] || (_cache[54] = createElementVNode("div", {
-                      style: { "min-width": "80px", "display": "flex", "align-items": "center", "height": "100%", "white-space": "nowrap" },
+                      style: { "min-width": "60px", "display": "flex", "align-items": "center", "height": "100%", "white-space": "nowrap" },
                       class: "fontColor"
                     }, "起始井深：", -1)),
                     createElementVNode("div", _hoisted_37, [
@@ -6339,7 +6586,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_38, [
                     _cache[55] || (_cache[55] = createElementVNode("div", {
-                      style: { "min-width": "80px", "display": "flex", "align-items": "center", "height": "100%", "white-space": "nowrap" },
+                      style: { "min-width": "60px", "display": "flex", "align-items": "center", "height": "100%", "white-space": "nowrap" },
                       class: "fontColor"
                     }, "终止井深：", -1)),
                     createElementVNode("div", _hoisted_39, [
@@ -6358,29 +6605,13 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
           }, 8, ["model"])) : createCommentVNode("", true)
-        ]),
-        createElementVNode("div", _hoisted_40, [
-          createVNode(_component_el_button, { onClick: $options.closeExportDialog }, {
-            default: withCtx(() => [..._cache[56] || (_cache[56] = [
-              createTextVNode("取消", -1)
-            ])]),
-            _: 1
-          }, 8, ["onClick"]),
-          createVNode(_component_el_button, {
-            type: "primary",
-            onClick: $options.confirmExportDialog
-          }, {
-            default: withCtx(() => [..._cache[57] || (_cache[57] = [
-              createTextVNode("确定", -1)
-            ])]),
-            _: 1
-          }, 8, ["onClick"])
         ])
-      ], 2)
-    ], 2)) : createCommentVNode("", true)
+      ]),
+      _: 1
+    }, 8, ["modelValue", "onClose"])
   ]);
 }
-const FunctionControlPanel = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-d99f95ef"]]);
+const FunctionControlPanel = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-def5c949"]]);
 const INIT_TRIGGERS = ["theme", "initOptions", "autoresize"];
 const REWATCH_TRIGGERS = ["manualUpdate", "watchShallow"];
 const _sfc_main$3 = {
@@ -6832,7 +7063,8 @@ const _sfc_main$2 = {
       cssVarCache: {},
       seriesDataCache: {},
       lastChartUpdateTime: 0,
-      tooltipContainerMap: {}
+      tooltipContainerMap: {},
+      latestLineDataByParamCode: {}
     };
   },
   created() {
@@ -6977,7 +7209,9 @@ const _sfc_main$2 = {
       });
     },
     hideAxisPointerAcrossCharts() {
+      if (this.formCache.displayType !== "header") return;
       this.crosshairVisible = false;
+      this.headerData = {};
       this.getConnectedCharts().forEach((chart) => {
         chart.dispatchAction({ type: "hideTip" });
         chart.dispatchAction({ type: "updateAxisPointer", currTrigger: "leave" });
@@ -7024,6 +7258,7 @@ const _sfc_main$2 = {
     // 模板变化
     async templateChange(template) {
       this.currentTemplate = template;
+      this.getLatestLineDataByParamCode();
       await this.$nextTick();
       this.updateLanesChartOption();
     },
@@ -7171,6 +7406,20 @@ const _sfc_main$2 = {
     },
     // 控制tooltip显示隐藏
     toggleTooltip(enable) {
+      if (enable) this.headerData = {};
+      const lanes = this.currentTemplate && this.currentTemplate.lanes || [];
+      this.showTooltip = enable;
+      lanes.forEach((lane) => {
+        const chartRef = this.getChartRefByLaneId(lane.laneId);
+        if (!chartRef || !chartRef.chart) return;
+        const chart = chartRef.chart;
+        chart.setOption({
+          tooltip: {
+            ...chart.getOption().tooltip,
+            showContent: enable
+          }
+        });
+      });
     },
     // 获取当前可见数据
     getVisibleData(startIndex = this.startIndex) {
@@ -7531,10 +7780,34 @@ const _sfc_main$2 = {
       this.windowSize = Math.max(1, newWindowSize);
       this.$emit("loadingChange", false);
       this.pendingRequestData = null;
+      this.getLatestLineDataByParamCode();
       this.$nextTick(() => {
         this.updateLanesChartOption();
       });
     },
+    getEffectScatterPoint(lineInfo, realTimeData, axisKey) {
+      if (!realTimeData || realTimeData.length === 0) return null;
+      let latestData = null;
+      let maxTimestamp = -1;
+      for (const item of realTimeData) {
+        const timestamp = this.toMillisecondTimestamp(item.timestamp);
+        if (timestamp > maxTimestamp) {
+          const value2 = item[lineInfo.paramId];
+          if (value2 !== null && value2 !== void 0 && value2 !== "" && Number.isFinite(+value2)) {
+            maxTimestamp = timestamp;
+            latestData = item;
+          }
+        }
+      }
+      if (!latestData) return null;
+      const value = latestData[lineInfo.paramId];
+      const axisValue = +latestData[axisKey];
+      return {
+        data: [value, axisValue],
+        timestamp: maxTimestamp,
+        depth: latestData.depth
+      };
+    },
     // 获取第一个包含 dataIndex 的项
     getFirstDataIndexItem(seriesData) {
       if (!Array.isArray(seriesData) || seriesData.length === 0) {
@@ -7761,7 +8034,7 @@ const _sfc_main$2 = {
     },
     // 更新泳道图表选项
     async updateLanesChartOption(transferData) {
-      var _a, _b, _c;
+      var _a;
       if (this.isUpdatingChart) {
         this.pendingChartUpdate = true;
         return;
@@ -7804,6 +8077,17 @@ const _sfc_main$2 = {
               if (!hasValidLineData) {
                 hasValidLineData = seriesData.some((point) => point[0] !== null && point[0] !== void 0 && point[0] !== "");
               }
+              if (lineInfo.recommendParamId) {
+                const recommendLineInfo = {
+                  ...lineInfo,
+                  paramId: lineInfo.recommendParamId
+                };
+                const recommendSeriesData = this.generateSeriesDataCached(realTimeData, recommendLineInfo, axisKey, paramCodeMap);
+                seriesDataCache[lineInfo.lineId + "_recommend"] = { full: recommendSeriesData };
+                if (!hasValidLineData) {
+                  hasValidLineData = recommendSeriesData.some((point) => point[0] !== null && point[0] !== void 0 && point[0] !== "");
+                }
+              }
             }
           }
           if (dataGroups.length > 0) {
@@ -7893,7 +8177,7 @@ const _sfc_main$2 = {
                 interval: unifiedInterval
               });
               if (isDepthLane || isTimeLane) {
-                const clientWidth = this.laneWidthMap[lane.laneId];
+                const clientWidth = this.laneWidthMap && this.laneWidthMap[lane.laneId];
                 option.xAxis.push({
                   gridIndex,
                   type: "value",
@@ -7961,7 +8245,8 @@ const _sfc_main$2 = {
                 }
               }
               if (lane && lane.lines) {
-                for (const lineInfo of lane.lines) {
+                lane.lines.forEach((lineInfo, index2) => {
+                  var _a2, _b, _c, _d;
                   if (!seriesDataCache[lineInfo.lineId]) {
                     seriesDataCache[lineInfo.lineId] = {
                       full: this.generateSeriesDataCached(realTimeData, lineInfo, axisKey, paramCodeMap)
@@ -7995,9 +8280,9 @@ const _sfc_main$2 = {
                     type: "line",
                     xAxisIndex,
                     yAxisIndex: gridIndex,
-                    name: paramNameMap[lineInfo.paramId] || "",
+                    name: (lineInfo.recommendParamId ? "实际值" : paramNameMap[lineInfo.paramId]) || "",
                     symbol: lineInfo.symbol || "none",
-                    color: lineInfo.themeConfig ? lineInfo.isGradient && ((_c = (_b = this.linearGradientLineColor) == null ? void 0 : _b[this.nowTheme]) == null ? void 0 : _c[lineInfo.paramId]) ? this.linearGradientLineColor[this.nowTheme][lineInfo.paramId] : lineInfo.themeConfig[this.nowTheme].lineColor : lineInfo.lineColor,
+                    color: lineInfo.themeConfig ? lineInfo.isGradient && ((_b = (_a2 = this.linearGradientLineColor) == null ? void 0 : _a2[this.nowTheme]) == null ? void 0 : _b[lineInfo.paramId]) ? 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),
@@ -8006,11 +8291,75 @@ const _sfc_main$2 = {
                     clip: true,
                     z: lineInfo.lineSort
                   };
-                  this.addMarkLineToSeries(baseSeries, lineInfo, realTimeData, axisKey, dataIndexMap);
+                  if (lane.lines.length - 1 == index2) {
+                    this.addMarkLineToSeries(baseSeries, lineInfo, realTimeData, axisKey, dataIndexMap, groupMin, groupMax);
+                  }
                   this.addMarkAreaToSeries(baseSeries, lineInfo, realTimeData, axisKey, min, max, dataIndexMap);
                   this.addAreaStyleToSeries(baseSeries, lineInfo, groupSeriesData, min);
+                  const rangeAreaSeries = this.addRangeAreaToSeries(baseSeries, lineInfo, realTimeData, axisKey, paramCodeMap, min, max);
                   option.series.push(baseSeries);
-                }
+                  if (rangeAreaSeries) {
+                    option.series.push(rangeAreaSeries);
+                  }
+                  if (lineInfo.recommendParamId) {
+                    const recommendLineInfo = {
+                      ...lineInfo,
+                      paramId: lineInfo.recommendParamId,
+                      lineType: "dashed"
+                    };
+                    const recommendGroupSeriesData = this.generateSeriesDataCached(group, recommendLineInfo, axisKey, paramCodeMap);
+                    const recommendSeries = {
+                      laneId: lineInfo.recommendParamId,
+                      data: lineInfo.recommendIsUsed === "1" || lineInfo.recommendIsUsed == 1 ? recommendGroupSeriesData : [],
+                      type: "line",
+                      xAxisIndex,
+                      yAxisIndex: gridIndex,
+                      name: "推荐值",
+                      symbol: "none",
+                      color: lineInfo.themeConfig ? lineInfo.themeConfig[this.nowTheme].lineColor : lineInfo.lineColor,
+                      lineStyle: {
+                        width: getAdaptedFontSize(+lineInfo.lineSize || 1.5),
+                        type: "dashed"
+                      },
+                      clip: true,
+                      z: lineInfo.lineSort
+                    };
+                    option.series.push(recommendSeries);
+                  }
+                  const effectScatterPoint = this.latestLineDataByParamCode[lineInfo.paramId];
+                  if (effectScatterPoint && lineInfo.latestDataTips) {
+                    let findIndex = -1;
+                    if (axisKey === "depth") {
+                      findIndex = group.findIndex((item) => item.timestamp === effectScatterPoint.timestamp && item[axisKey] === effectScatterPoint[axisKey]);
+                    } else {
+                      findIndex = group.findIndex((item) => item[axisKey] === effectScatterPoint[axisKey]);
+                    }
+                    const pointAxisValue = effectScatterPoint[axisKey];
+                    if (pointAxisValue >= groupMin && pointAxisValue <= groupMax && findIndex !== -1) {
+                      console.log(pointAxisValue, findIndex, groupMin, groupMax, "444444", [effectScatterPoint[lineInfo.paramId], effectScatterPoint[axisKey]]);
+                      option.series.push({
+                        type: "effectScatter",
+                        xAxisIndex,
+                        yAxisIndex: gridIndex,
+                        data: [[effectScatterPoint[lineInfo.paramId], effectScatterPoint[axisKey]]],
+                        symbol: "circle",
+                        symbolSize: getAdaptedFontSize(12),
+                        itemStyle: {
+                          color: lineInfo.themeConfig ? lineInfo.isGradient && ((_d = (_c = this.linearGradientLineColor) == null ? void 0 : _c[this.nowTheme]) == null ? void 0 : _d[lineInfo.paramId]) ? this.linearGradientLineColor[this.nowTheme][lineInfo.paramId] : lineInfo.themeConfig[this.nowTheme].lineColor : lineInfo.lineColor,
+                          opacity: 1
+                        },
+                        tooltip: { show: false },
+                        showEffectOn: "render",
+                        rippleEffect: {
+                          brushType: "stroke",
+                          scale: 3,
+                          period: 2
+                        },
+                        z: lineInfo.lineSort + 1
+                      });
+                    }
+                  }
+                });
               }
               if (!isDepthLane && !isTimeLane && lane && lane.lines && lane.lines.length > 0) {
                 const rangeMins = lane.lines.map((item) => {
@@ -8024,7 +8373,7 @@ const _sfc_main$2 = {
                     type: "line",
                     xAxisIndex: lane.lines.length * groupIndex,
                     yAxisIndex: gridIndex,
-                    data: realTimeData.map((item) => [min, +item[axisKey]]),
+                    data: group.map((item) => [min, +item[axisKey]]),
                     lineStyle: { opacity: 0 },
                     symbol: "none"
                   });
@@ -8090,6 +8439,29 @@ const _sfc_main$2 = {
         return [value, +item[axisKey]];
       });
     },
+    getEffectScatterPoint(lineInfo, axisKey) {
+      if (!this.realTimeData || this.realTimeData.length === 0) return null;
+      let latestData = null;
+      let maxTimestamp = -1;
+      for (const item of this.realTimeData) {
+        const timestamp = this.toMillisecondTimestamp(item.timestamp);
+        if (timestamp > maxTimestamp) {
+          const value2 = item[lineInfo.paramId];
+          if (value2 !== null && value2 !== void 0 && value2 !== "" && Number.isFinite(+value2)) {
+            maxTimestamp = timestamp;
+            latestData = item;
+          }
+        }
+      }
+      if (!latestData) return null;
+      const value = latestData[lineInfo.paramId];
+      const axisValue = +latestData[axisKey];
+      return {
+        data: [value, axisValue],
+        timestamp: maxTimestamp,
+        depth: latestData[axisKey]
+      };
+    },
     // 获取Y轴标签格式化函数
     getYAxisLabelFormatter(isTimeLane, dataGroups, groupIndex, groupMin, groupMax, axisKey) {
       return (value) => {
@@ -8114,6 +8486,9 @@ const _sfc_main$2 = {
     // 添加标记线到泳道图表
     addMarkLineToSeries(baseSeries, lineInfo, realTimeData, axisKey, dataIndexMap) {
       if (!this.markLineData || this.markLineData.length === 0) return;
+      let filterLanes = this.currentTemplate.lanes.filter((l) => !Object.prototype.hasOwnProperty.call(l, "contentKey") && l.laneKey !== axisKey && l.lines.length > 0).map((l) => l.lines).flat();
+      let isLastLine = filterLanes.findIndex((l) => l.lineId == lineInfo.lineId);
+      let show = isLastLine == filterLanes.length - 1;
       baseSeries.markLine = {
         symbol: "none",
         label: { show: false },
@@ -8122,11 +8497,11 @@ const _sfc_main$2 = {
           var _a, _b, _c;
           if (this.formCache.axisType === "depth") {
             const markDepth = ((_a = item.data) == null ? void 0 : _a.depth) || item.depth || item;
-            const markTime = ((_b = item.data) == null ? void 0 : _b.timestamp) || item.timestamp || 0;
-            const markTimeMs = this.toMillisecondTimestamp(markTime);
+            const markTime = ((_b = item.data) == null ? void 0 : _b.timestamp) || item.timestamp || null;
+            const markTimeMs2 = this.toMillisecondTimestamp(markTime);
             const findItem = dataIndexMap.get(String(markDepth)) || realTimeData.find((d) => d[axisKey] == markDepth);
             if (findItem) {
-              return { yAxis: Number(markDepth), lineStyle: { color: item.color || "red", type: "dashed", width: 2 } };
+              return { yAxis: Number(markDepth), lineStyle: { color: item.color || "red", type: "dashed", width: 2 }, label: { show, position: "insideEndTop", fontSize: getAdaptedFontSize(10) } };
             }
             let closestItem = null, minDiff = Infinity;
             realTimeData.forEach((d) => {
@@ -8137,34 +8512,38 @@ const _sfc_main$2 = {
               }
             });
             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 } };
+              if (markTimeMs2) {
+                const dataTime = closestItem.timestamp || null;
+                const dataTimeMs = this.toMillisecondTimestamp(dataTime);
+                if (markTimeMs2 >= dataTimeMs) {
+                  return { yAxis: Number(markDepth), lineStyle: { color: item.color || "red", type: "dashed", width: 2 }, label: { show, position: "insideEndTop", fontSize: getAdaptedFontSize(10) } };
+                }
+              } else {
+                return { yAxis: Number(markDepth), lineStyle: { color: item.color || "red", type: "dashed", width: 2 }, label: { show, position: "insideEndTop", fontSize: getAdaptedFontSize(10) } };
               }
             }
             return { yAxis: null };
           } else if (this.formCache.axisType === "time") {
             const markTime = ((_c = item.data) == null ? void 0 : _c.time) || item.time || item;
-            const markTimeMs = this.toMillisecondTimestamp(markTime);
+            const markTimeMs2 = this.toMillisecondTimestamp(markTime);
             const findItem = dataIndexMap.get(String(markTime)) || realTimeData.find((d) => d[axisKey] == markTime);
             if (findItem) {
-              return { yAxis: markTimeMs, lineStyle: { color: item.color || "red", type: "dashed", width: 2 } };
+              return { yAxis: markTimeMs2, lineStyle: { color: item.color || "red", type: "dashed", width: 2 }, label: { show, position: "insideEndTop", fontSize: getAdaptedFontSize(10), formatter: (value) => this.timestampToYMDHMS(markTimeMs2) || "" } };
             }
             let closestItem = null, minDiff = Infinity;
             realTimeData.forEach((d) => {
-              const diff = Math.abs(this.toMillisecondTimestamp(d[axisKey]) - markTimeMs);
+              const diff = Math.abs(this.toMillisecondTimestamp(d[axisKey]) - markTimeMs2);
               if (diff < minDiff) {
                 minDiff = diff;
                 closestItem = d;
               }
             });
             if (closestItem) {
-              return { yAxis: markTimeMs, lineStyle: { color: item.color || "red", type: "dashed", width: 2 } };
+              return { yAxis: markTimeMs2, lineStyle: { color: item.color || "red", type: "dashed", width: 2 }, label: { show, position: "insideEndTop", fontSize: getAdaptedFontSize(10), formatter: (value) => this.timestampToYMDHMS(markTimeMs2) || "" } };
             }
             return { yAxis: null };
           }
-          return { yAxis: Number(item.data || item), lineStyle: { color: item.color || "red", type: "dashed", width: 2 } };
+          return { yAxis: Number(item.data || item), lineStyle: { color: item.color || "red", type: "dashed", width: 2 }, label: { show, position: "insideEndTop", fontSize: getAdaptedFontSize(10), formatter: (value) => this.timestampToYMDHMS(markTimeMs) || "" } };
         }).filter((item) => item.yAxis !== null)
       };
     },
@@ -8293,6 +8672,69 @@ const _sfc_main$2 = {
         };
       }
     },
+    // 添加上下限区域（误差带/置信区间）到泳道图表
+    addRangeAreaToSeries(baseSeries, lineInfo, realTimeData, axisKey, paramCodeMap, min, max) {
+      var _a, _b;
+      if (!lineInfo.upperParamId && !lineInfo.lowerParamId) return null;
+      const upperSeriesData = lineInfo.upperParamId ? this.generateSeriesDataCached(realTimeData, { ...lineInfo, paramId: lineInfo.upperParamId }, axisKey, paramCodeMap) : [];
+      const lowerSeriesData = lineInfo.lowerParamId ? this.generateSeriesDataCached(realTimeData, { ...lineInfo, paramId: lineInfo.lowerParamId }, axisKey, paramCodeMap) : [];
+      const customData = [];
+      const maxLength = Math.max(upperSeriesData.length, lowerSeriesData.length);
+      for (let i = 0; i < maxLength - 1; i++) {
+        const upperPoint1 = upperSeriesData[i];
+        const upperPoint2 = upperSeriesData[i + 1];
+        const lowerPoint1 = lowerSeriesData[i];
+        const lowerPoint2 = lowerSeriesData[i + 1];
+        if (!upperPoint1 || !upperPoint2 || !lowerPoint1 || !lowerPoint2) continue;
+        if (upperPoint1[0] === null || upperPoint1[0] === void 0 || upperPoint1[0] === "") continue;
+        if (upperPoint2[0] === null || upperPoint2[0] === void 0 || upperPoint2[0] === "") continue;
+        if (lowerPoint1[0] === null || lowerPoint1[0] === void 0 || lowerPoint1[0] === "") continue;
+        if (lowerPoint2[0] === null || lowerPoint2[0] === void 0 || lowerPoint2[0] === "") continue;
+        if (!Number.isFinite(upperPoint1[1]) || !Number.isFinite(upperPoint2[1]) || !Number.isFinite(lowerPoint1[1]) || !Number.isFinite(lowerPoint2[1])) continue;
+        customData.push([
+          upperPoint1[0],
+          lowerPoint1[0],
+          upperPoint1[1],
+          upperPoint2[0],
+          lowerPoint2[0],
+          upperPoint2[1]
+        ]);
+      }
+      if (customData.length === 0) return null;
+      const color = lineInfo.rangeAreaColor || lineInfo.themeConfig ? lineInfo.isGradient && ((_b = (_a = this.linearGradientLineColor) == null ? void 0 : _a[this.nowTheme]) == null ? void 0 : _b[lineInfo.paramId]) ? this.linearGradientLineColor[this.nowTheme][lineInfo.paramId] : lineInfo.themeConfig[this.nowTheme].lineColor : lineInfo.lineColor;
+      return {
+        type: "custom",
+        data: customData,
+        name: lineInfo.paramId + "-范围区域",
+        xAxisIndex: baseSeries.xAxisIndex,
+        yAxisIndex: baseSeries.yAxisIndex,
+        clip: true,
+        z: baseSeries.z - 1,
+        renderItem: (params, api) => {
+          const upperX1 = api.value(0);
+          const lowerX1 = api.value(1);
+          const depth1 = api.value(2);
+          const upperX2 = api.value(3);
+          const lowerX2 = api.value(4);
+          const depth2 = api.value(5);
+          const topLeft = api.coord([upperX1, depth1]);
+          const topRight = api.coord([upperX2, depth2]);
+          const bottomRight = api.coord([lowerX2, depth2]);
+          const bottomLeft = api.coord([lowerX1, depth1]);
+          return {
+            type: "polygon",
+            shape: {
+              points: [topLeft, topRight, bottomRight, bottomLeft]
+            },
+            style: {
+              fill: color,
+              opacity: lineInfo.rangeAreaOpacity || 0.4,
+              stroke: "none"
+            }
+          };
+        }
+      };
+    },
     // 添加区域样式到泳道图表
     addAreaStyleToSeries(baseSeries, lineInfo, seriesData, min) {
       var _a, _b;
@@ -8432,7 +8874,7 @@ const _sfc_main$2 = {
             } else {
               if (lane && lane.lines) {
                 lane.lines.forEach((lineInfo) => {
-                  var _a, _b;
+                  var _a, _b, _c, _d;
                   const allSeriesData = this.generateSeriesData(realTimeData, lineInfo, axisKey);
                   const { min, max } = this.getXAxisRangeByHeader(lineInfo, allSeriesData);
                   const isLogScale = lane.isLogScale === "1";
@@ -8455,6 +8897,37 @@ const _sfc_main$2 = {
                     newSeriesData.push({ index: seriesIndex, data: finalSeriesData });
                   }
                   seriesIndex++;
+                  const effectScatterPoint = this.getEffectScatterPoint(lineInfo, realTimeData, axisKey);
+                  const effectScatterIndex = seriesIndex;
+                  const currentEffectScatter = currentOption.series && currentOption.series[effectScatterIndex];
+                  let effectScatterData = [];
+                  if (effectScatterPoint) {
+                    const pointAxisValue = effectScatterPoint.data[1];
+                    if (pointAxisValue >= groupMin && pointAxisValue <= groupMax) {
+                      effectScatterData = [effectScatterPoint.data];
+                    }
+                  }
+                  if (!currentEffectScatter || JSON.stringify(currentEffectScatter.data) !== JSON.stringify(effectScatterData)) {
+                    needUpdate.series = true;
+                    if (currentEffectScatter) {
+                      newSeriesData.push({ index: effectScatterIndex, data: effectScatterData });
+                    } else {
+                      const color = lineInfo.themeConfig ? lineInfo.isGradient && ((_d = (_c = this.linearGradientLineColor) == null ? void 0 : _c[this.nowTheme]) == null ? void 0 : _d[lineInfo.paramId]) ? this.linearGradientLineColor[this.nowTheme][lineInfo.paramId] : lineInfo.themeConfig[this.nowTheme].lineColor : lineInfo.lineColor;
+                      newSeriesData.push({
+                        index: effectScatterIndex,
+                        data: effectScatterData,
+                        type: "effectScatter",
+                        symbol: "circle",
+                        symbolSize: getAdaptedFontSize(12),
+                        itemStyle: { color, opacity: 1 },
+                        tooltip: { show: false },
+                        showEffectOn: "render",
+                        rippleEffect: { brushType: "stroke", scale: 3, period: 2 },
+                        z: (lineInfo.lineSort || 0) + 1
+                      });
+                    }
+                  }
+                  seriesIndex++;
                 });
               }
             }
@@ -8644,6 +9117,66 @@ const _sfc_main$2 = {
         let data = ((_b = (_a = this.currentToolBarConfig) == null ? void 0 : _a.scaleList) == null ? void 0 : _b.map((item) => item.value)) || [];
         this.$emit("updateScale", data.includes(newsize) ? newsize : `1:${newsize * 100}`);
       }
+    },
+    getLatestLineDataByParamCode() {
+      if (!this.realTimeData || this.realTimeData.length === 0) return {};
+      if (!this.currentTemplate || !this.currentTemplate.lanes || this.currentTemplate.lanes.length === 0) return {};
+      const axisType = this.formCache.axisType;
+      const axisKey = this.currentToolBarConfig.axisTypeList && this.currentToolBarConfig.axisTypeList[axisType] || (axisType === "time" ? "time" : "depth");
+      const sortedData = [...this.realTimeData];
+      if (axisType === "depth") {
+        sortedData.sort((a, b) => {
+          const timestampA = this.toMillisecondTimestamp(a.timestamp);
+          const timestampB = this.toMillisecondTimestamp(b.timestamp);
+          return timestampA - timestampB;
+        });
+      } else if (axisType === "time") {
+        sortedData.sort((a, b) => {
+          const valA = Number(a[axisKey]);
+          const valB = Number(b[axisKey]);
+          return valA - valB;
+        });
+      }
+      const paramCodeMap = /* @__PURE__ */ new Map();
+      this.params.forEach((p) => {
+        if (p.paramCode) {
+          paramCodeMap.set(p.paramId, p.paramCode.split(","));
+        }
+      });
+      const result = {};
+      this.currentTemplate.lanes.forEach((lane) => {
+        if (!lane.lines || lane.lines.length === 0) return;
+        lane.lines.forEach((lineInfo) => {
+          if (lineInfo.isUsed !== "1") return;
+          const paramId = lineInfo.paramId;
+          const codes = paramCodeMap.get(paramId);
+          let latestData = null;
+          for (let i = sortedData.length - 1; i >= 0; i--) {
+            const item = sortedData[i];
+            let value = null;
+            if (Object.prototype.hasOwnProperty.call(item, paramId)) {
+              value = item[paramId];
+            } else if (codes) {
+              for (let j = 0; j < codes.length; j++) {
+                if (Object.prototype.hasOwnProperty.call(item, codes[j])) {
+                  value = item[codes[j]];
+                  break;
+                }
+              }
+            }
+            if (value !== null && value !== void 0 && value !== "" && Number.isFinite(+value)) {
+              latestData = item;
+              break;
+            }
+          }
+          if (latestData) {
+            result[paramId] = latestData;
+          }
+        });
+      });
+      console.log(result, "最新数据");
+      this.latestLineDataByParamCode = result;
+      return result;
     }
   },
   watch: {
@@ -8746,9 +9279,9 @@ const _sfc_main$2 = {
             }
           }
           console.log(this.realTimeData, "当前数据");
+          this.getLatestLineDataByParamCode();
           this.initWindowSizeRange();
           await this.$nextTick();
-          await this.$nextTick();
           this.updateLanesChartOption();
         } else if (newVal.type === "supplementaryData") {
           let data = cloneDeep(newVal && newVal.data) || [];
@@ -8784,6 +9317,7 @@ const _sfc_main$2 = {
               this.realTimeData = this.uniqueByKeys([...this.realTimeData, ...data], "timestamp");
             }
           }
+          this.getLatestLineDataByParamCode();
           if (this.formCache.dataType == "history") {
             let findIndex = this.realTimeData.findIndex(
               (item) => item[this.currentToolBarConfig.axisTypeList && this.currentToolBarConfig.axisTypeList[this.formCache.axisType]] == (this.visibleData[0] && this.visibleData[0][this.currentToolBarConfig.axisTypeList && this.currentToolBarConfig.axisTypeList[this.formCache.axisType]]) || 0
@@ -8847,6 +9381,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
               ], 36)) : (openBlock(), createElementBlock("div", {
                 key: 1,
                 onWheel: _cache[1] || (_cache[1] = (...args) => $options.handleWheel && $options.handleWheel(...args)),
+                onMouseleave: _cache[2] || (_cache[2] = (...args) => $options.hideAxisPointerAcrossCharts && $options.hideAxisPointerAcrossCharts(...args)),
                 class: "kd-lane-chart-lane-container-echart-content",
                 style: normalizeStyle($options.getLaneChartContentStyle(lane.laneId))
               }, [
@@ -8867,14 +9402,15 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
             fn: withCtx(() => [
               _ctx.$slots[`content${lane.laneId}`] ? (openBlock(), createElementBlock("div", {
                 key: 0,
-                onWheel: _cache[2] || (_cache[2] = (...args) => $options.handleWheel && $options.handleWheel(...args)),
+                onWheel: _cache[3] || (_cache[3] = (...args) => $options.handleWheel && $options.handleWheel(...args)),
                 class: "kd-lane-chart-lane-container-echart-content",
                 style: normalizeStyle($options.getLaneChartContentStyle(lane.laneId))
               }, [
                 renderSlot(_ctx.$slots, `content${lane.laneId}`, { lane }, void 0, true)
               ], 36)) : (openBlock(), createElementBlock("div", {
                 key: 1,
-                onWheel: _cache[3] || (_cache[3] = (...args) => $options.handleWheel && $options.handleWheel(...args)),
+                onWheel: _cache[4] || (_cache[4] = (...args) => $options.handleWheel && $options.handleWheel(...args)),
+                onMouseleave: _cache[5] || (_cache[5] = (...args) => $options.hideAxisPointerAcrossCharts && $options.hideAxisPointerAcrossCharts(...args)),
                 class: "kd-lane-chart-lane-container-echart-content",
                 style: normalizeStyle($options.getLaneChartContentStyle(lane.laneId))
               }, [
@@ -8899,7 +9435,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 512);
 }
-const chartContainer = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-3281ffc5"]]);
+const chartContainer = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-560cb988"]]);
 const _sfc_main$1 = {
   name: "ParameterPanel",
   props: {