@kq_npm/client3d_webgl_vue 4.5.30 → 4.5.31

package/sceneapp/index.js

@@ -2212,7 +2212,7 @@ const __default__ = {
     expose: __expose
   }) {
     const props = __props;
-    let accept = ".zip,.geojson,.topojson,.json,.kml,.kmz,.czml,.csv,.xls,.xlsx,.txt,.dwg,.dfx,.kqgeobody";
+    let accept = ".zip,.geojson,.topojson,.json,.kml,.kmz,.czml,.csv,.xls,.xlsx,.txt,.dwg,.dxf,.kqgeobody";
     const {
       proxy
     } = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.getCurrentInstance)();
@@ -38335,10 +38335,6 @@ var global_event_default = /*#__PURE__*/__webpack_require__.n(global_event_);
 
 class WindyViewModel {
   // 气象效果设置全局变量
-  //绘制管理对象
-  //绘制完成监听事件
-  // 是否线剖切
-  // 点剖切
   constructor(layerManager) {
     (0,defineProperty/* default */.Z)(this, "_sceneView", null);
 
@@ -38357,7 +38353,7 @@ class WindyViewModel {
         // 粒子宽度 1-100 对应实际宽度的 0-5px
         maxNum: 30,
         // 最大粒子数 1-100 对应实际密度 1-1000
-        opacity: 100 // 不透明度 1-100 对应实际color的aplha通道1-255
+        opacity: 1 // 不透明度 1-100 对应实际color的aplha通道1-255
 
       }
     });
@@ -38378,8 +38374,8 @@ class WindyViewModel {
       },
       temperature: {
         groups: ['TEMPERATURE', 'SCS_SEA_TEMPERATURE', 'SCS_TEMPERATURE', 'SEA_TEMPERATURE_DAILY', 'DONGHAI_TEMPERATURE', 'DONGHAI_SEA_TEMPERATURE_DAILY'],
-        colors: ['rgba(115, 70, 105, 1)', 'rgba(202, 172, 195, 1)', 'rgba(162, 70, 145, 1)', 'rgba(143, 89, 169, 1)', 'rgba(157, 219, 217, 1)', 'rgba(106, 191, 181, 1)', 'rgba(100, 166, 189, 1)', 'rgba(93, 133, 198, 1)', 'rgba(68, 125, 99, 1)', 'rgba(128, 147, 24, 1)', 'rgba(243, 183, 4, 1)', 'rgba(232, 83, 25, 1)', 'rgba(71, 14, 0, 1)'],
-        ranges: [203.15, 218.15, 233.15, 248.15, 258.15, 265.15, 269.15, 273.15, 274.15, 283.15, 294.15, 303.15, 320.15]
+        colors: ['rgb(149, 137, 211)', 'rgb(150, 209, 216)', 'rgb(129, 204, 197)', 'rgb(103, 180, 186)', 'rgb(95, 143, 197)', 'rgb(80, 140, 62)', 'rgb(121, 146, 28)', 'rgb(171, 161, 14)', 'rgb(223, 177, 6)', 'rgb(243, 150, 6)', 'rgb(236, 95, 21)', 'rgb(190, 65, 18)', 'rgb(138, 43, 10)'],
+        ranges: [-20, -10, 0, 10, 20, 40]
       },
       tp: {
         groups: ['PRECIPITATION', 'SCS_PRECIPITATION', 'DONGHAI_PRECIPITATION'],
@@ -38393,41 +38389,11 @@ class WindyViewModel {
       }
     }));
 
-    (0,defineProperty/* default */.Z)(this, "_windySlicingDrawManager", null);
-
-    (0,defineProperty/* default */.Z)(this, "_windySlicingRemoveEventListener", null);
-
-    (0,defineProperty/* default */.Z)(this, "_windySlicingOptions", {});
-
-    (0,defineProperty/* default */.Z)(this, "_windySlicingLayerconfig", null);
-
-    (0,defineProperty/* default */.Z)(this, "_windySlicingPolylineHandler", null);
-
-    (0,defineProperty/* default */.Z)(this, "_isDrawPolyline", false);
-
-    (0,defineProperty/* default */.Z)(this, "_pointSlicingHtmlTag", null);
-
-    (0,defineProperty/* default */.Z)(this, "_volumePrimitives", []);
-
-    (0,defineProperty/* default */.Z)(this, "_volumePrimitive", null);
-
-    (0,defineProperty/* default */.Z)(this, "_currentVolumeOption", null);
-
-    (0,defineProperty/* default */.Z)(this, "_currentVolumePosition", null);
+    (0,defineProperty/* default */.Z)(this, "windyProviders", {});
 
     this._sceneView = layerManager._scenceView;
     this._viewer = layerManager._viewer;
     this._layerManager = layerManager;
-    this._windySlicingDrawManager = this._sceneView._drawManager;
-    var that = this;
-    that._windySlicingRemoveEventListener = that._windySlicingDrawManager.drawFinishedEvent.addEventListener(shape => {
-      if (shape && shape.type === "rectangle") {
-        that.windySlicingRectangleSlicing(shape.bounds);
-      }
-
-      that._windySlicingDrawManager.clear();
-    });
-    this._windySlicingPolylineHandler = new window.Cesium.ScreenSpaceEventHandler(this._viewer.canvas);
   } // 设置全局气象效果参数消息
 
 
@@ -38567,13 +38533,18 @@ class WindyViewModel {
     const getLayer = suffix => this._layerManager.getLayerByGuid(`${layerData.guid}${suffix}`, "imagerylayer"); // 初始化图层对象和URL参数
 
 
-    const layerObj = { ...layerData,
-      url: (0,util_.urlAppend)(layerData.url, "limit=false")
+    const layerObj = { ...layerData
     };
     const [layerMain, layerParticle, layerWind] = ["", "_particle", "_wind"].map(getLayer); // 处理时间索引逻辑
 
     const timeIndex = 'timeIndex' in params && typeof params.timeIndex === 'number' && params.timeIndex >= 1 ? params.timeIndex : 0;
-    [layerMain, layerParticle, layerWind].forEach(layer => updateTimeIndex(layer, timeIndex)); // 处理粒子图层可见性
+    [layerMain, layerParticle, layerWind].forEach(layer => updateTimeIndex(layer, timeIndex)); // 处理粒子图层参数
+
+    if (params.particle && layerParticle) {
+      this.windyProviders[layerParticle.guid].particleOptions = this.getParticleOptions(null, params);
+      this.windyProviders[layerParticle.guid]._reload?.();
+    } // 处理粒子图层可见性
+
 
     if ('showVelocity' in params) {
       const showParticle = bool ?? params.showVelocity;
@@ -38589,6 +38560,7 @@ class WindyViewModel {
 
     if ('removeLayer' in params) {
       [layerParticle, layerWind].forEach(layer => layer && this._viewer.imageryLayers.remove(layer));
+      this.windyProvider = {};
     }
   }
   /**
@@ -38613,6 +38585,7 @@ class WindyViewModel {
       imageryProvider: imageryProvider,
       clampToGround: true,
       tileCacheSize: 300,
+      name: item.collectionName + "_test",
       mergeTile: true,
       netCDFFieldInfor: {
         lo1: "lo1",
@@ -38626,8 +38599,6 @@ class WindyViewModel {
       classificationType: Cesium.ClassificationType.BOTH,
       //CESIUM_3D_TILE  BOTH
       particleOptions: this.getParticleOptions(item),
-      zValueIndex: 0,
-      timeIndex: 0,
       useCache: false
     });
 
@@ -38637,20 +38608,8 @@ class WindyViewModel {
     windyLayer._guid = guid + "_particle";
 
     this._viewer.imageryLayers.lowerToBottom(windyLayer);
-  }
-  /**
-   * 更新粒子图层参数
-   * @param {String} guid 图层guid
-   * @param {Object} options 粒子参数
-   */
-
 
-  setParticleLayerOptions(guid, options) {
-    let layerParticle = this.getLayerByGuid(guid + "_particle", "imagerylayer");
-
-    if (layerParticle) {
-      Object.assign(layerParticle.particleOptions, options);
-    }
+    this.windyProviders[windyLayer._guid] = windyProvider;
   }
   /**
    * 获取三维粒子图层参数配置
@@ -38658,32 +38617,35 @@ class WindyViewModel {
    */
 
 
-  getParticleOptions(options) {
+  getParticleOptions(options, params) {
+    const speedFactor = Number(options?.particle?.speedFactor ?? params?.particle?.speed ?? 25) / 10;
+    const lineWidth = Number(options?.particle?.lineWidth ?? params?.particle?.width ?? 20) / 10;
+    const maxParticles = Number(options?.particle?.maxParticles ?? params?.particle?.maxNum ?? 30) * 1000;
     return {
-      maxParticles: Cesium.defaultValue(options.maxParticles, 40000),
+      maxParticles: Cesium.defaultValue(maxParticles, 40000),
       //场景中的风粒子最大数量
-      particleHeight: Cesium.defaultValue(options.particleHeight, 10000.0),
+      particleHeight: Cesium.defaultValue(options?.particle?.particleHeight, 10000.0),
       //风粒子的高度
-      fadeOpacity: Cesium.defaultValue(options.fadeOpacity, 0.98),
+      fadeOpacity: Cesium.defaultValue(options?.particle?.fadeOpacity, 0.98),
       //风粒子的不透明度
-      dropRate: Cesium.defaultValue(options.dropRate, 0.01),
+      dropRate: Cesium.defaultValue(options?.particle?.dropRate, 0.01),
       //风粒子的减少比例
-      dropRateBump: Cesium.defaultValue(options.dropRateBump, 0.001),
+      dropRateBump: Cesium.defaultValue(options?.particle?.dropRateBump, 0.001),
       //风粒子的消失比例
-      speedFactor: Cesium.defaultValue(options.speedFactor, 3),
+      speedFactor: Cesium.defaultValue(speedFactor, 3),
       //场景中风粒子的消失基本跨度单位。
-      lineWidth: Cesium.defaultValue(options.lineWidth, 3),
+      lineWidth: Cesium.defaultValue(lineWidth, 3),
       //场景中风粒子的线宽
-      isFollowEllipse: typeof options.isFollowEllipse == 'undefined' ? true : options.isFollowEllipse,
+      isFollowEllipse: typeof options?.particle?.isFollowEllipse == 'undefined' ? true : options?.particle?.isFollowEllipse,
       //场景中风粒子数是否跟随视角进行变化
-      isSpeedOrDir: typeof options.isSpeedOrDir == 'undefined' ? true : options.isSpeedOrDir,
+      isSpeedOrDir: typeof options?.particle?.isSpeedOrDir == 'undefined' ? true : options?.particle?.isSpeedOrDir,
       //
-      isLayerFactor: typeof options.isLayerFactor == 'undefined' ? false : options.isLayerFactor,
+      isLayerFactor: typeof options?.particle?.isLayerFactor == 'undefined' ? false : options?.particle?.isLayerFactor,
       //多层数据-是否逐层渐变显示
-      layerHeight: Cesium.defaultValue(options.layerHeight, 200),
+      layerHeight: Cesium.defaultValue(options?.particle?.layerHeight, 200),
       //多层数据-层间距(m)。
-      isSingleLayer: typeof options.isSingleLayer == 'undefined' ? false : options.isSingleLayer,
-      currentLayer: Cesium.defaultValue(options.currentLayer, 1) //多层数据-单层显示时设置当前层索引
+      isSingleLayer: typeof options?.particle?.isSingleLayer == 'undefined' ? false : options?.particle?.isSingleLayer,
+      currentLayer: Cesium.defaultValue(options?.particle?.currentLayer, 1) //多层数据-单层显示时设置当前层索引
 
     };
   }
@@ -38734,7 +38696,6 @@ class WindyViewModel {
         V: item.varNames.split(",")[1]
       },
       classificationType: Cesium.ClassificationType.BOTH,
-      zValueIndex: 0,
       timeIndex: 0
     });
 
@@ -38743,479 +38704,6 @@ class WindyViewModel {
     windyLayer.show = bool != null ? bool : true;
     windyLayer._guid = guid + "_wind";
   }
-  /**
-  * 创建并控制气象剖切参数
-  * @param {String} guid 图层guid
-  * @param {Boolean} key 当前操作状态或参数
-  * @param {Object} params 气象剖切参数
-  */
-
-
-  setWindySlicingParams(guid, key, params) {
-    let that = this;
-    this._windySlicingLayerconfig = null;
-    this.getWindySlicingLayer(guid);
-    if (!this._windySlicingLayerconfig) return;
-    this._viewer.scene.globe.showGroundAtmosphere = false;
-    this._viewer.scene.screenSpaceCameraController.maximumZoomDistance = 20_000_000;
-    Object.assign(this._windySlicingOptions, params);
-
-    switch (key) {
-      case "mode":
-        that.removeInputAction();
-
-        if (this._volumePrimitive) {
-          this._viewer.scene.primitives.remove(this._volumePrimitive);
-
-          this._volumePrimitive = null;
-        }
-
-        if (this._windySlicingOptions.mode === "point") {
-          this.drawPolylineHandler();
-        } else if (this._windySlicingOptions.mode === "line") {
-          this.drawPolylineHandler(function (newPositions) {
-            that._isDrawPolyline = false;
-            that.windySlicingPolylineSlicing(newPositions);
-          });
-          this._isDrawPolyline = true;
-
-          this._windySlicingDrawManager.startDraw("polyline", {
-            clampToGround: true
-          });
-        } else if (this._windySlicingOptions.mode === "polygon") {
-          this._windySlicingDrawManager.startDraw("rectangle", {
-            clampToGround: true
-          });
-        } else if (this._windySlicingOptions.mode === "clear") {
-          this.windySlicingClear();
-        }
-
-        break;
-
-      case "showAxis":
-        if (this._volumePrimitive) this._volumePrimitive.showAxis(params[key]);
-        break;
-
-      case "slicingType":
-        this.windyVoxelsSingleSlicing();
-        break;
-
-      case "setting":
-        console.log(params);
-        break;
-
-      case "clear":
-        this.windySlicingClear();
-        break;
-
-      case "destroy":
-        this.windySlicingDestroy();
-        break;
-
-      default:
-        break;
-    }
-  }
-  /**
-  * 获取或设置气象剖切图层配置
-  * @param {string} [guid] 可选图层guid
-  * @returns {Object|null} 图层配置对象或null
-  */
-
-
-  getWindySlicingLayer(guid) {
-    // 参数校验：确保guid为有效字符串
-    const isValidGuid = typeof guid === 'string' && guid.trim() !== ''; // 获取图层配置逻辑
-
-    this._windySlicingLayerconfig = isValidGuid ? this._layerManager.getLayerDataByGuid(guid) || null : this._layerManager._layerListData?.find(element => element?.addType === 'kqgisweatherserver') || null; // 可选：添加调试信息或错误处理
-
-    if (!this._windySlicingLayerconfig) {
-      console.warn('未找到匹配的气象剖切图层配置');
-    }
-
-    return this._windySlicingLayerconfig;
-  }
-
-  removeInputAction() {
-    if (this._windySlicingPolylineHandler) {
-      this._windySlicingPolylineHandler.removeInputAction(window.Cesium.ScreenSpaceEventType.LEFT_CLICK);
-
-      this._windySlicingPolylineHandler.removeInputAction(window.Cesium.ScreenSpaceEventType.RIGHT_CLICK);
-    } //清除
-
-
-    if (this._pointSlicingHtmlTag) {
-      this._pointSlicingHtmlTag.destroy();
-    }
-  } // 两点绘制线结果
-
-
-  drawPolylineHandler(callback) {
-    let that = this;
-    let activeShapePoints = [];
-
-    this._windySlicingPolylineHandler.setInputAction(function (event) {
-      if (that._isDrawPolyline) {
-        let earthPosition = that._viewer.scene.pickPosition(event.position);
-
-        if (window.Cesium.defined(earthPosition)) {
-          activeShapePoints.push(earthPosition); //单线分析结果显示
-
-          if (activeShapePoints.length == 2) {
-            that._windySlicingDrawManager.stopDraw();
-
-            that.removeInputAction();
-            var newPositions = [];
-            activeShapePoints.forEach(position => {
-              var newPosition = that._windySlicingDrawManager.transformPosition(position);
-
-              newPositions.push({
-                x: newPosition[0],
-                y: newPosition[1]
-              });
-            });
-            if (callback) callback(newPositions);
-          }
-        }
-      } else {
-        let cartographic = that._viewer.scene.globe.ellipsoid.cartesianToCartographic(that._viewer.camera.pickEllipsoid(event.position, that._viewer.scene.globe.ellipsoid));
-
-        that.getPointSlicingData(cartographic);
-      }
-    }, window.Cesium.ScreenSpaceEventType.LEFT_CLICK);
-
-    if (!that._isDrawPolyline) {
-      that._windySlicingPolylineHandler.setInputAction(function (event) {
-        that.removeInputAction();
-      }, window.Cesium.ScreenSpaceEventType.RIGHT_CLICK);
-    }
-  }
-  /**
-  * 获取点的气象数据
-  * @param {string} [guid] cartographic拾取的点
-  */
-
-
-  getPointSlicingData(cartographic) {
-    let that = this;
-    let X = window.Cesium.Math.toDegrees(cartographic.longitude);
-    let Y = window.Cesium.Math.toDegrees(cartographic.latitude);
-    let groups = this._PRODUCT_CONFIG[this._windySlicingLayerconfig?.params?.productType]?.groups ?? [];
-    let unit = 'm';
-
-    if (groups.includes("AIR_PRESSURE")) {
-      unit = "hpa";
-    }
-
-    let data = {
-      "collectionName": that._windySlicingLayerconfig?.params?.layer,
-      "point": {
-        "x": X,
-        "y": Y
-      },
-      "geoSRS": "EPSG:4326",
-      type: 1
-    }; //清除
-
-    if (this._pointSlicingHtmlTag) {
-      this._pointSlicingHtmlTag.destroy();
-    }
-
-    let url = this._windySlicingLayerconfig?.url.replaceAll("/wmts", "").replace("/image", "/image/identify");
-    const xhr = new XMLHttpRequest();
-    xhr.open('POST', url);
-    xhr.setRequestHeader('Content-Type', 'application/json');
-
-    xhr.onload = function () {
-      if (xhr.status >= 200 && xhr.status < 300) {
-        const data = JSON.parse(xhr.responseText);
-
-        if (data) {
-          let val;
-          let getAllVal = data.result.RasterNameValue;
-
-          if (that._windySlicingLayerconfig?.params?.layer === 'wind_5' || that._windySlicingLayerconfig?.params?.layer === 'current_global_5') {
-            let U = getAllVal[0].value; //经度
-
-            let V = getAllVal[1].value; //维度
-
-            let directVal = that.direction(U, V);
-            let unitName = that._windySlicingLayerconfig?.params?.layer === 'wind_5' ? '风' : '';
-            val = directVal.direct + unitName + '&nbsp;&nbsp;' + directVal.speed.toFixed(2);
-          } else if (that._windySlicingLayerconfig?.params?.layer === 'hailang') {
-            let hldirectVal = that.direction(null, null, getAllVal[4].value); //波浪平均方向
-
-            let period = Number(getAllVal[2].value).toFixed(); // 海洋表面温湿度平均周期  
-
-            let alt = Number(getAllVal[0].value).toFixed(); //风浪高度  
-
-            val = hldirectVal.direct + '&nbsp;&nbsp;' + '周期' + '&nbsp;&nbsp;' + period + 's' + '&nbsp;&nbsp;&nbsp;&nbsp;' + alt;
-          } else {
-            val = Number(getAllVal[0].value);
-          }
-
-          let value = val + '&nbsp;&nbsp;' + unit;
-          that.setWindySlicingPointData(value, cartographic); //显示拾取数据
-        }
-      } else {
-        console.error('Request error:', xhr.statusText);
-      }
-    };
-
-    xhr.onerror = function () {
-      console.error('Request error!');
-    };
-
-    xhr.send(JSON.stringify(data));
-  }
-  /**
-   * 展现气象服务点数据
-   * @param {*} val 数值
-   * @param {*} position 坐标
-   */
-
-
-  setWindySlicingPointData(val, position) {
-    let myposition = window.Cesium.Cartesian3.fromRadians(position.longitude, position.latitude, position.height);
-    let html = `<div class="pickClass" style="">
-                      <div style="display: block;position: absolute;left: 0px;right: 0;width: 2px;height: 140px;background: rgba(68,65,65,.84)">
-                          <span style="background:rgba(68,65,65,.84);padding:5px 18px;text-align: center;line-height: 1.9;color: #fff;border-top-right-radius: 20px;border-bottom-right-radius: 20px;white-space: nowrap;cursor: move;display: inline-block;">${val}</span>
-                      </div>
-                  </div>`; // 点标注
-
-    this._pointSlicingHtmlTag = new window.Cesium.Kq3dHtmlTag(this._viewer, {
-      html: html,
-      position: myposition,
-      // 获取到的位置
-      anchor: [0, -140],
-      // 设置标注的偏移量
-      noEvent: false
-    });
-  }
-  /**
-   * 创建线剖切
-   * @param {Object} polyline 绘制的线坐标数据
-   */
-
-
-  windySlicingPolylineSlicing(polyline) {
-    this._currentVolumePosition = polyline;
-    if (!this._windySlicingLayerconfig) return;
-    let proConfig = this._PRODUCT_CONFIG;
-    if (!proConfig) return;
-    let colors = proConfig[this._windySlicingLayerconfig?.params?.productType]?.colors;
-    let ranges = proConfig[this._windySlicingLayerconfig?.params?.productType]?.ranges;
-    let groups = proConfig[this._windySlicingLayerconfig?.params?.productType]?.groups ?? [];
-    let img = colors && this.generateImage(colors);
-    if (!img) return;
-    let unit = 'm';
-
-    if (groups.includes("AIR_PRESSURE")) {
-      unit = "hpa";
-    }
-
-    this._currentVolumeOption = {
-      viewer: this._viewer,
-      url: this._windySlicingLayerconfig.url.replaceAll("/wmts", ""),
-      collectionName: this._windySlicingLayerconfig?.params?.layer,
-      image: img,
-      // 高度偏移
-      offset: 0,
-      // 高度放大比例
-      scale: unit == 'hpa' ? 18 : 300,
-      unit: unit,
-      attrRange: [ranges[0], ranges[ranges.length - 1]],
-      varName: this._windySlicingLayerconfig?.params?.varNames
-    };
-
-    if (this._volumePrimitive) {
-      this._viewer.scene.primitives.remove(this._volumePrimitive);
-
-      this._volumePrimitive = null;
-    }
-
-    this._volumePrimitive = new Cesium.Kq3dGridVolumeProvider(this._currentVolumeOption);
-
-    this._volumePrimitive.showSection(polyline); // this._volumePrimitives.push(gridVolumePolyline)
-
-
-    this.setViewEntity(calculateBoundingBox(polyline)); // 核心计算方法
-
-    function calculateBoundingBox(points) {
-      // 初始化边界值
-      let minX = Infinity,
-          maxX = -Infinity;
-      let minY = Infinity,
-          maxY = -Infinity; // 遍历所有坐标点
-
-      for (const point of points) {
-        minX = Math.min(minX, point.x);
-        maxX = Math.max(maxX, point.x);
-        minY = Math.min(minY, point.y);
-        maxY = Math.max(maxY, point.y);
-      }
-
-      return {
-        minX: minX,
-        // 西经（最小经度）
-        maxX: maxX,
-        // 东经（最大经度）
-        minY: minY,
-        // 南纬（最小纬度）
-        maxY: maxY // 北纬（最大纬度）
-
-      };
-    }
-  }
-  /**
-   * 面剖切
-   * @param {Object} rect 矩形四至
-   */
-
-
-  windySlicingRectangleSlicing(rect) {
-    this._currentVolumePosition = rect;
-    if (!this._windySlicingLayerconfig) return;
-    let proConfig = this._PRODUCT_CONFIG;
-    if (!proConfig) return;
-    let colors = proConfig[this._windySlicingLayerconfig?.params?.productType]?.colors;
-    let ranges = proConfig[this._windySlicingLayerconfig?.params?.productType]?.ranges;
-    let groups = proConfig[this._windySlicingLayerconfig?.params?.productType]?.groups ?? [];
-    let img = colors && this.generateImage(colors);
-    if (!img) return;
-    let unit = 'm';
-
-    if (groups.includes("AIR_PRESSURE")) {
-      unit = "hpa";
-    }
-
-    if (this._volumePrimitive) {
-      this._viewer.scene.primitives.remove(this._volumePrimitive);
-
-      this._volumePrimitive = null;
-    }
-
-    this._currentVolumeOption = {
-      viewer: this._viewer,
-      url: this._windySlicingLayerconfig.url.replaceAll("/wmts", ""),
-      collectionName: this._windySlicingLayerconfig?.params?.layer,
-      image: img,
-      // 高度偏移
-      offset: 1000,
-      // 高度放大比例
-      scale: unit == 'hpa' ? 18 : 300,
-      unit: unit,
-      attrRange: [ranges[0], ranges[ranges.length - 1]],
-      varName: this._windySlicingLayerconfig?.params?.varNames
-    };
-    this._volumePrimitive = new Cesium.Kq3dGridVolumeProvider(this._currentVolumeOption);
-
-    this._volumePrimitive.showSections(rect);
-
-    this.setViewEntity(rect); // this._volumePrimitives.push(gridVolume)
-  }
-
-  windyVoxelsSingleSlicing() {
-    if (!Cesium.Kq3dGridVoxelsSingleProviderExt) {
-      console.log("Kq3dGridVoxelsSingleProviderExt class cannot be empty");
-      return;
-    }
-
-    if (this._volumePrimitive) {
-      this._viewer.scene.primitives.remove(this._volumePrimitive);
-
-      this._volumePrimitive = null;
-    }
-
-    if (this._currentVolumeOption && this._currentVolumePosition) {
-      this._volumePrimitive = new Cesium.Kq3dGridVoxelsSingleProviderExt(this.options);
-      this.volumePrimitive.showVoxels(rect);
-    }
-  } // 设置entity视角缩放
-
-
-  setViewEntity(rect) {
-    var rectangle = new Cesium.Rectangle(Cesium.Math.toRadians(rect.minX), Cesium.Math.toRadians(rect.minY), Cesium.Math.toRadians(rect.maxX), Cesium.Math.toRadians(rect.maxY));
-
-    let entity = this._viewer.entities.add({
-      name: 'Blue translucent, rotated, and extruded ellipse with outline',
-      rectangle: {
-        coordinates: rectangle,
-        material: Cesium.Color.RED.withAlpha(0)
-      }
-    });
-
-    this._viewer.flyTo(entity, {
-      duration: 1,
-      offset: {
-        heading: Cesium.Math.toRadians(-30),
-        pitch: Cesium.Math.toRadians(-30),
-        range: 1100000
-      }
-    });
-
-    setTimeout(() => {
-      this._viewer.entities.remove(entity);
-    }, 1000);
-  } // 根据颜色表生成图片
-
-
-  generateImage(colors) {
-    var canvas = document.createElement('canvas');
-    var context = canvas.getContext('2d'); // 设置画布大小为500x300像素
-
-    canvas.width = 434;
-    canvas.height = 27; // 计算每个颜色所占据的区域大小
-
-    var scale = 1 / (colors.length - 1); // 创建一个线性渐变
-
-    const gradient = context.createLinearGradient(0, 0, canvas.width, canvas.height);
-    gradient.addColorStop(0, colors[0]); // 渐变开始的颜色
-    // 绘制颜色条形
-
-    for (let i = 1; i < colors.length; i++) {
-      gradient.addColorStop(i * scale, colors[i]);
-    } // 填充渐变
-
-
-    context.fillStyle = gradient;
-    context.fillRect(0, 0, canvas.width, canvas.height);
-    var imageDataUrl = canvas.toDataURL('image/png');
-    return imageDataUrl;
-  } //清清除剖切分析结果
-
-
-  windySlicingClear() {
-    // for (let i = 0; i < this._volumePrimitives.length; i++) {
-    //   this._viewer.scene.primitives.remove(this._volumePrimitives[i]);
-    // }
-    // this._volumePrimitives = [];
-    if (this._volumePrimitive) this._viewer.scene.primitives.remove(this._volumePrimitive);
-    this.removeInputAction();
-    this._isDrawPolyline = false;
-    this._viewer.scene.globe.showGroundAtmosphere = true;
-    this._viewer.scene.screenSpaceCameraController.maximumZoomDistance = Number.POSITIVE_INFINITY;
-
-    this._windySlicingDrawManager.stopDraw();
-
-    this._windySlicingDrawManager.clear();
-  }
-  /**
-  * 销毁剖切分析
-  * @param {Boolean} isRemoveEventListener 是否删除监听,默认false
-  */
-
-
-  windySlicingDestroy(isRemoveEventListener = false) {
-    this.windySlicingClear();
-    if (this._windySlicingOptions) this._windySlicingOptions = {};
-
-    if (isRemoveEventListener) {
-      //移除监听事件
-      this._windySlicingRemoveEventListener && this._windySlicingRemoveEventListener();
-      this._windySlicingRemoveEventListener = null;
-    }
-  }
 
 }
 ;// CONCATENATED MODULE: ./src/webgl/sceneview/LayerManager.js
@@ -39733,7 +39221,7 @@ class LayerManager {
           layer = this._viewer.imageryLayers.addImageryProvider(new Cesium.Kq3dKQGISServerImageryProviderExt({
             name: name,
             url: url,
-            layerName: layerData.layerName,
+            layerName: layerData.layerName || layerData.id,
             ...params
           }));
           layer._guid = layerData.guid;
@@ -40380,7 +39868,7 @@ class LayerManager {
               }
             } else if (this._layerListData[i].addType && this._layerListData[i].addType === 'kqgisweatherserver') {
               this.addLayerData(this._layerListData[i]);
-              this.setLayerParams(this._layerListData[i].guid, this._layerListData[i]);
+              this.setLayerParams(this._layerListData[i].guid, Object.assign({}, this._layerListData[i], this._windyViewModel._windyParams));
             }
           }
         }
@@ -40493,20 +39981,36 @@ class LayerManager {
     return layer;
   }
   /**
-   * 获取所有影像服务显示状态图层的数据
+   * 获取所有影像服务显示状态的图层数据-栅格
    */
 
 
   getImageLayerCheckedList() {
-    let checkerLayer = [];
+    let checkedLayers = [];
+
+    this._layerListData.forEach(layer => {
+      if (layer.visible && layer.addType === "kqgisimageserver") {
+        checkedLayers.push(layer);
+      }
+    }, this);
+
+    return JSON.parse(JSON.stringify(checkedLayers));
+  }
+  /**
+   * 获取所有影像服务显示状态的图层数据-气象
+   */
+
+
+  getWeatherLayerCheckedList() {
+    let checkedLayers = [];
 
     this._layerListData.forEach(layer => {
-      if (layer.visible && layer instanceof Cesium.ImageryLayer) {
+      if (layer.visible && layer.addType === "kqgisweatherserver") {
         checkedLayers.push(layer);
       }
     }, this);
 
-    return JSON.parse(JSON.stringify(checkerLayer));
+    return JSON.parse(JSON.stringify(checkedLayers));
   }
   /**
   * 删除气象图层
@@ -49391,10 +48895,6 @@ class TyphoonTracViewModel {
 
     (0,defineProperty/* default */.Z)(this, "divPoint", null);
 
-    (0,defineProperty/* default */.Z)(this, "warningLine_24", null);
-
-    (0,defineProperty/* default */.Z)(this, "warningLine_48", null);
-
     (0,defineProperty/* default */.Z)(this, "eventListener", null);
 
     (0,defineProperty/* default */.Z)(this, "eventListener2", null);
@@ -49690,6 +49190,25 @@ class TyphoonTracViewModel {
         heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
         disableDepthTestDistance: Number.POSITIVE_INFINITY
       }
+    });
+    this.warningText_24 = this._viewer.entities.add({
+      rectangle: {
+        coordinates: Cesium.Rectangle.fromDegrees(124.81268223770111, 28.97726827231024, 129.27365416588438, 29.506550516414443),
+        classificationType: Cesium.ClassificationType.BOTH,
+        material: new Cesium.Kq3dTextMaterial({
+          text: '24小时警戒线',
+          textStyles: {
+            font: "80px sans-serif",
+            fill: true,
+            fillColor: Cesium.Color.fromCssColorString('#828314'),
+            stroke: false,
+            backgroundColor: new Cesium.Color(0, 0, 0, 0),
+            padding: 5
+          }
+        }),
+        rotation: Cesium.Math.toRadians(90),
+        stRotation: Cesium.Math.toRadians(90)
+      }
     }); // 48小时警戒线
 
     this.warningLine_48 = this._viewer.entities.add({
@@ -49705,6 +49224,25 @@ class TyphoonTracViewModel {
         clampToGround: true
       }
     });
+    this.warningText_48 = this._viewer.entities.add({
+      rectangle: {
+        coordinates: Cesium.Rectangle.fromDegrees(130.11221856757763, 29.95719074491648, 134.07046985436628, 30.639828156283777),
+        classificationType: Cesium.ClassificationType.BOTH,
+        material: new Cesium.Kq3dTextMaterial({
+          text: '48小时警戒线',
+          textStyles: {
+            font: "60px sans-serif",
+            fill: true,
+            fillColor: Cesium.Color.fromCssColorString('#4dba3d'),
+            stroke: false,
+            backgroundColor: new Cesium.Color(0, 0, 0, 0),
+            padding: 5
+          }
+        }),
+        rotation: Cesium.Math.toRadians(90),
+        stRotation: Cesium.Math.toRadians(90)
+      }
+    });
   }
 
   remove(tfid) {
@@ -49764,10 +49302,10 @@ class TyphoonTracViewModel {
 
 
   destroy() {
-    this._viewer.entities.remove(this.warningLine_48);
-
-    this._viewer.entities.remove(this.warningLine_24);
-
+    this.warningLine_48 && this._viewer.entities.remove(this.warningLine_48);
+    this.warningText_48 && this._viewer.entities.remove(this.warningText_48);
+    this.warningLine_24 && this._viewer.entities.remove(this.warningLine_24);
+    this.warningText_24 && this._viewer.entities.remove(this.warningText_24);
     this.clear();
   }
 
@@ -49961,7 +49499,6 @@ const __default__ = {
           if (scenceView) {
             viewModel = new TyphoonTracViewModel(scenceView);
             viewModel._language = language.value;
-            formItem.showWarningLine && viewModel && viewModel.createWarningLine();
             formItem.typhoonTracPath && getDataByPath();
 
             if (props.getTyphoonTracListByApi) {
@@ -50145,6 +49682,7 @@ const __default__ = {
             }
 
             tableData.value = res;
+            formItem.showWarningLine && viewModel && viewModel.createWarningLine();
             clear();
           }
         });
@@ -55107,7 +54645,7 @@ class WindySlicingViewModel {
 
     (0,defineProperty/* default */.Z)(this, "callbackParams", null);
 
-    (0,defineProperty/* default */.Z)(this, "currentSlicingUnit", "m");
+    (0,defineProperty/* default */.Z)(this, "volumelines", null);
 
     this._sceneView = scenceView;
     this._layerManager = scenceView._layerManager;
@@ -55136,13 +54674,8 @@ class WindySlicingViewModel {
 
     switch (key) {
       case "mode":
-        that.removeInputAction();
-
-        if (this._volumePrimitive) {
-          this._viewer.scene.primitives.remove(this._volumePrimitive);
-
-          this._volumePrimitive = null;
-        }
+        this.removeInputAction();
+        this.removeVolumePrimitive();
 
         if (this._options.mode === "point") {
           this._windySlicingDrawManager.stopDraw();
@@ -55168,12 +54701,34 @@ class WindySlicingViewModel {
 
         break;
 
-      case "showAxis":
-        if (this._volumePrimitive) this._volumePrimitive.showAxis(this._options[key]);
+      case "slicingType":
+        this.removeVolumePrimitive();
+
+        if (this._options.slicingType == 1) {
+          if (this._options.styleType == "1") {
+            if (this._currentVolumePosition) this.windySlicingRectangleSlicing(this._currentVolumePosition);
+          }
+        } else {
+          this.windyVoxelsSingleSlicing();
+        }
+
         break;
 
-      case "slicingType":
-        this.windyVoxelsSingleSlicing();
+      case "styleType":
+        this.removeVolumePrimitive();
+
+        if (this._options.styleType == "1") {
+          if (this._currentVolumePosition) this.windySlicingRectangleSlicing(this._currentVolumePosition);
+        } else {
+          if (this._currentVolumePosition) {
+            this.windySlicingSurfaceSection(this._currentVolumePosition, this._windySlicingLayerconfig);
+          }
+        }
+
+        break;
+
+      case "showAxis":
+        if (this._volumePrimitive) this._volumePrimitive.showAxis(this._options[key]);
         break;
 
       case "enableLayering":
@@ -55185,6 +54740,18 @@ class WindySlicingViewModel {
         if (this._volumePrimitive) this._volumePrimitive.scale = this._options[key];
         break;
 
+      case "altitudeControl":
+        this.removeVolumePrimitive();
+
+        if (this._currentVolumePosition) {
+          let layerConfig = JSON.parse(JSON.stringify(this._windySlicingLayerconfig));
+          this.windySlicingSurfaceSection(this._currentVolumePosition, Object.assign(layerConfig, {
+            zValues: val
+          }));
+        }
+
+        break;
+
       case "destroy":
         this.destroy();
         break;
@@ -55196,7 +54763,7 @@ class WindySlicingViewModel {
 
 
   setEnableLayeringVisible() {
-    let zValues = this._windySlicingLayerconfig?.params?.zValues;
+    let zValues = this._windySlicingLayerconfig?.zValues;
     let zVisibles = [];
 
     if (this._options?.enableLayering) {
@@ -55208,7 +54775,7 @@ class WindySlicingViewModel {
         }
       }
 
-      this._volumePrimitive.updateVisibles(this.currentSlicingUnit == 'hpa' ? zVisibles.reverse() : zVisibles);
+      this._volumePrimitive.updateVisibles(this._windySlicingLayerconfig.unit == 'hpa' ? zVisibles.reverse() : zVisibles);
     } else {
       for (let i = zValues.length; i > 0; i--) {
         zVisibles.push(false);
@@ -55234,16 +54801,41 @@ class WindySlicingViewModel {
       console.warn('未找到匹配的气象剖切图层配置');
     }
 
-    let groups = this._layerManager._windyViewModel?._PRODUCT_CONFIG[this._windySlicingLayerconfig?.params?.productType]?.groups ?? [];
+    this._windySlicingLayerconfig.groups = this._layerManager._windyViewModel?._PRODUCT_CONFIG[this._windySlicingLayerconfig?.params?.productType]?.groups ?? [];
+    this._windySlicingLayerconfig.colors = this._layerManager._windyViewModel?._PRODUCT_CONFIG[this._windySlicingLayerconfig?.params?.productType]?.colors ?? [];
+    this._windySlicingLayerconfig.ranges = this._layerManager._windyViewModel?._PRODUCT_CONFIG[this._windySlicingLayerconfig?.params?.productType]?.ranges ?? [];
+    this._windySlicingLayerconfig.unit = "m";
 
-    if (groups.includes("AIR_PRESSURE")) {
-      this.currentSlicingUnit = "hpa";
+    if (this._windySlicingLayerconfig.groups.includes("AIR_PRESSURE")) {
+      this._windySlicingLayerconfig.unit = "hpa";
     }
 
-    this.callbackParams && this.callbackParams("enableLayerings", this._windySlicingLayerconfig?.params?.zValues ?? []);
-    this.callbackParams && this.callbackParams("currentSlicingUnit", this.currentSlicingUnit);
+    this._windySlicingLayerconfig.zValues = this._windySlicingLayerconfig?.zValues ?? this._windySlicingLayerconfig?.params?.zValues ?? [];
+    this.callbackParams && this.callbackParams("slicingLayerConfig", this._windySlicingLayerconfig);
     return this._windySlicingLayerconfig;
-  }
+  } // 清除剖切分析实例
+
+
+  removeVolumePrimitive() {
+    if (this._volumePrimitive) {
+      this._viewer.scene.primitives.remove(this._volumePrimitive);
+
+      this._volumePrimitive = null;
+    }
+
+    if (this._volumePrimitive1) {
+      this._viewer.scene.primitives.remove(this._volumePrimitive1);
+
+      this._volumePrimitive1 = null;
+    }
+
+    if (this._volumePrimitive2) {
+      this._viewer.scene.primitives.remove(this._volumePrimitive2);
+
+      this._volumePrimitive2 = null;
+    }
+  } // 清除左右鼠标点击事件及弹框
+
 
   removeInputAction() {
     if (this._windySlicingPolylineHandler) {
@@ -55309,13 +54901,7 @@ class WindySlicingViewModel {
     let that = this;
     let X = window.Cesium.Math.toDegrees(cartographic.longitude);
     let Y = window.Cesium.Math.toDegrees(cartographic.latitude);
-    let groups = this._layerManager._windyViewModel._PRODUCT_CONFIG[this._windySlicingLayerconfig?.params?.productType]?.groups ?? [];
-    let unit = 'm';
-
-    if (groups.includes("AIR_PRESSURE")) {
-      unit = "hpa";
-    }
-
+    let unit = this._windySlicingLayerconfig.unit;
     let data = {
       "collectionName": that._windySlicingLayerconfig?.params?.layer,
       "point": {
@@ -55403,13 +54989,11 @@ class WindySlicingViewModel {
   } // 重构剖切参数
 
 
-  getSlicingParams(position) {
+  getSlicingParams(position, params) {
     this._currentVolumePosition = position;
     if (!this._windySlicingLayerconfig) return;
-    let proConfig = this._layerManager._windyViewModel._PRODUCT_CONFIG;
-    if (!proConfig) return;
-    let colors = proConfig[this._windySlicingLayerconfig?.params?.productType]?.colors;
-    let ranges = proConfig[this._windySlicingLayerconfig?.params?.productType]?.ranges;
+    let colors = this._windySlicingLayerconfig?.colors ?? [];
+    let ranges = this._windySlicingLayerconfig?.ranges ?? [];
     let img = colors && this.generateImage(colors);
     if (!img) return;
     this._currentVolumeOption = {
@@ -55418,21 +55002,14 @@ class WindySlicingViewModel {
       collectionName: this._windySlicingLayerconfig?.params?.layer,
       image: img,
       // 高度偏移
-      offset: 0,
+      offset: 10000,
       // 高度放大比例
-      scale: this.currentSlicingUnit == 'hpa' ? 18 : 300,
-      unit: this.currentSlicingUnit,
+      scale: this._windySlicingLayerconfig.unit == 'hpa' ? 18 : 300,
+      unit: this._windySlicingLayerconfig.unit,
       attrRange: [ranges[0], ranges[ranges.length - 1]],
       varName: this._windySlicingLayerconfig?.params?.varNames
     };
-
-    if (this._volumePrimitive) {
-      this._viewer.scene.primitives.remove(this._volumePrimitive);
-
-      this._volumePrimitive = null;
-    }
-
-    this._volumePrimitive = new Cesium.Kq3dGridVolumeProvider(this._currentVolumeOption);
+    return new Cesium.Kq3dGridVolumeProvider(Object.assign({}, this._currentVolumeOption, params || {}));
   }
   /**
    * 创建线剖切
@@ -55441,10 +55018,13 @@ class WindySlicingViewModel {
 
 
   windySlicingPolylineSlicing(polyline) {
-    this.getSlicingParams(polyline);
-
-    this._volumePrimitive.showSection(polyline); // this._volumePrimitives.push(gridVolumePolyline)
+    this._volumePrimitive = this.getSlicingParams(polyline);
+    let that = this;
+    if (!this._volumePrimitive || !this._volumePrimitive.readyPromise) return;
 
+    this._volumePrimitive.readyPromise.then(() => {
+      that._volumePrimitive.showSection(polyline);
+    });
 
     this.setViewEntity(calculateBoundingBox(polyline)); // 核心计算方法
 
@@ -55475,17 +55055,169 @@ class WindySlicingViewModel {
     }
   }
   /**
-   * 面剖切
+   * 面剖切-面分层
    * @param {Object} rect 矩形四至
    */
 
 
   windySlicingRectangleSlicing(rect) {
-    this.getSlicingParams(rect);
+    this._volumePrimitive = this.getSlicingParams(rect);
+    let that = this;
+    if (!this._volumePrimitive || !this._volumePrimitive.readyPromise) return;
 
-    this._volumePrimitive.showSections(rect);
+    this._volumePrimitive.readyPromise.then(() => {
+      that._volumePrimitive.showSections(rect);
+    });
 
     this.setViewEntity(rect);
+  }
+  /**
+   * 面剖切-面剖
+   * @param {Object} rect 矩形四至
+   */
+
+
+  windySlicingSurfaceSection(rect, data) {
+    let options = {};
+    let zValues = JSON.parse(JSON.stringify(data.zValues));
+
+    if (!zValues || zValues?.length == 0) {
+      zValues = JSON.parse(JSON.stringify(data.ranges));
+    }
+
+    let index = zValues.length - 1;
+
+    if (data.unit != 'hpa') {
+      // options.isReverse = true;
+      index = 0;
+      zValues = zValues.sort((a, b) => a - b);
+    } else {
+      zValues = zValues.sort((a, b) => b - a);
+    }
+
+    options.zValues = zValues;
+    options.showAxis = true;
+    this._volumePrimitive = this.getSlicingParams(rect, options);
+    let that = this;
+    if (!this._volumePrimitive || !this._volumePrimitive.readyPromise) return;
+
+    this._volumePrimitive.readyPromise.then(() => {
+      if (typeof index != 'undefined') {
+        that._volumePrimitive.showPolygonSection(rect, index);
+      } else {
+        that._volumePrimitive.showPolygonSection(rect);
+      }
+    });
+
+    let options1 = JSON.parse(JSON.stringify(options));
+    this.volumelines = this.createXYVolume(this.getRectangle(rect));
+    options1.showAxis = false;
+    this._volumePrimitive1 = this.getSlicingParams(rect, options1);
+    if (!this._volumePrimitive1 || !this._volumePrimitive1.readyPromise) return;
+
+    this._volumePrimitive1.readyPromise.then(() => {
+      that._volumePrimitive1.showSection(that.volumelines?.volumeLine1);
+    });
+
+    this._volumePrimitive2 = this.getSlicingParams(rect, options1);
+    if (!this._volumePrimitive2 || !this._volumePrimitive2.readyPromise) return;
+
+    this._volumePrimitive2.readyPromise.then(() => {
+      that._volumePrimitive2.showSection(that.volumelines?.volumeLine2);
+    });
+
+    this.setViewEntity(rect);
+  }
+
+  getRectangle(rect) {
+    if (typeof rect == 'string') {
+      rect = JSON.parse(rect);
+    }
+
+    let rectangle = new Cesium.Rectangle(Cesium.Math.toRadians(rect.minX), Cesium.Math.toRadians(rect.minY), Cesium.Math.toRadians(rect.maxX), Cesium.Math.toRadians(rect.maxY));
+    return rectangle;
+  }
+
+  createXYVolume(rectangle) {
+    // 获取矩形的四个角点
+    var southwest = Cesium.Rectangle.southwest(rectangle); // 西南角经纬度
+
+    var northwest = Cesium.Rectangle.northwest(rectangle); // 西北角经纬度
+
+    var northeast = Cesium.Rectangle.northeast(rectangle); // 东北角经纬度
+
+    var southeast = Cesium.Rectangle.southeast(rectangle); // 东南角经纬度
+
+    let line1 = [];
+    let line2 = [];
+    let line3 = [];
+    let line4 = []; // 上线
+
+    line1.push({
+      longitude: northeast.longitude / Math.PI * 180,
+      latitude: northeast.latitude / Math.PI * 180
+    });
+    line1.push({
+      longitude: northwest.longitude / Math.PI * 180,
+      latitude: northwest.latitude / Math.PI * 180
+    }); // 下线
+
+    line2.push({
+      longitude: southeast.longitude / Math.PI * 180,
+      latitude: southeast.latitude / Math.PI * 180
+    });
+    line2.push({
+      longitude: southwest.longitude / Math.PI * 180,
+      latitude: southwest.latitude / Math.PI * 180
+    }); // 左线
+
+    line3.push({
+      longitude: northeast.longitude / Math.PI * 180,
+      latitude: northeast.latitude / Math.PI * 180
+    });
+    line3.push({
+      longitude: southeast.longitude / Math.PI * 180,
+      latitude: southeast.latitude / Math.PI * 180
+    }); // 右线
+
+    line4.push({
+      longitude: northwest.longitude / Math.PI * 180,
+      latitude: northwest.latitude / Math.PI * 180
+    });
+    line4.push({
+      longitude: southwest.longitude / Math.PI * 180,
+      latitude: southwest.latitude / Math.PI * 180
+    });
+    let volumeLine1 = [],
+        volumeLine2 = [];
+    volumeLine1.push(this.getLineCenter(line1[0], line1[1]));
+    volumeLine1.push(this.getLineCenter(line2[0], line2[1]));
+    volumeLine2.push(this.getLineCenter(line3[0], line3[1]));
+    volumeLine2.push(this.getLineCenter(line4[0], line4[1]));
+    return {
+      line1,
+      line2,
+      line3,
+      line4,
+      volumeLine1,
+      volumeLine2
+    };
+  } // 获取线段中心点
+
+
+  getLineCenter(startPoint, endPoint) {
+    startPoint = Cesium.Cartesian3.fromDegrees(startPoint.longitude, startPoint.latitude);
+    endPoint = Cesium.Cartesian3.fromDegrees(endPoint.longitude, endPoint.latitude); // 计算线段中心点
+
+    let centerPoint = Cesium.Cartesian3.add(startPoint, endPoint, new Cesium.Cartesian3());
+    centerPoint = Cesium.Cartesian3.divideByScalar(centerPoint, 2.0, new Cesium.Cartesian3()); // 将中心点转换为经纬度
+
+    let centerPointCartographic = Cesium.Cartographic.fromCartesian(centerPoint);
+    let centerPointLatLon = {
+      y: Cesium.Math.toDegrees(centerPointCartographic.latitude),
+      x: Cesium.Math.toDegrees(centerPointCartographic.longitude)
+    };
+    return centerPointLatLon;
   } // 体剖切
 
 
@@ -55495,15 +55227,14 @@ class WindySlicingViewModel {
       return;
     }
 
-    if (this._volumePrimitive) {
-      this._viewer.scene.primitives.remove(this._volumePrimitive);
-
-      this._volumePrimitive = null;
-    }
-
     if (this._currentVolumeOption && this._currentVolumePosition) {
-      this._volumePrimitive = new Cesium.Kq3dGridVoxelsSingleProviderExt(this.options);
-      this.volumePrimitive.showVoxels(rect);
+      this._volumePrimitive = new Cesium.Kq3dGridVoxelsSingleProviderExt(this._currentVolumeOption);
+      let that = this;
+      if (!this._volumePrimitive || !this._volumePrimitive.readyPromise) return;
+
+      this._volumePrimitive.readyPromise.then(() => {
+        that._volumePrimitive.showVoxels(that._currentVolumePosition);
+      });
     }
   } // 设置entity视角缩放
 
@@ -55560,15 +55291,17 @@ class WindySlicingViewModel {
 
 
   clear() {
-    if (this._volumePrimitive) this._viewer.scene.primitives.remove(this._volumePrimitive);
+    this.removeVolumePrimitive();
     this.removeInputAction();
     this._isDrawPolyline = false;
-    this._viewer.scene.globe.showGroundAtmosphere = true;
-    this._viewer.scene.screenSpaceCameraController.maximumZoomDistance = Number.POSITIVE_INFINITY;
 
     this._windySlicingDrawManager.stopDraw();
 
     this._windySlicingDrawManager.clear();
+
+    this._currentVolumePosition = null;
+    this._currentVolumeOption = null;
+    this.volumelines = null;
   } //销毁
 
 
@@ -55581,6 +55314,9 @@ class WindySlicingViewModel {
       this._windySlicingRemoveEventListener && this._windySlicingRemoveEventListener();
       this._windySlicingRemoveEventListener = null;
     }
+
+    this._viewer.scene.globe.showGroundAtmosphere = true;
+    this._viewer.scene.screenSpaceCameraController.maximumZoomDistance = Number.POSITIVE_INFINITY;
   }
 
 }
@@ -55686,23 +55422,37 @@ const __default__ = {
       maxLayerScale: props.settingParams?.maxLayerScale ?? 300,
       // 分层缩放最大值
       altitudeControl: props.settingParams?.altitudeControl ?? 50,
+      // 高度控制
+      maxAltitudeControl: props.settingParams?.maxAltitudeControl ?? 100,
+      // 高度控制
       enableLongSection: props.settingParams?.enableLongSection ?? true,
       // 是否启动经度剖面
       longSectionValue: props.settingParams?.longSectionValue ?? 50,
       // 经度剖面值
+      longSectionValueStep: 1,
+      longSectionValueMin: 1,
+      longSectionValueMax: 10,
       enableLatSection: props.settingParams?.enableLatSection ?? true,
       // 是否启动纬度剖面
       latSectionValue: props.settingParams?.latSectionValue ?? 50,
       // 纬度剖面值
+      latSectionValueStep: 1,
+      latSectionValueMin: 1,
+      latSectionValueMax: 10,
       enableHeightSection: props.settingParams?.enableHeightSection ?? true,
       // 高度剖面
+      heightSectionValueMax: 10,
+      //高度剖面最大值
       heightSectionValue: props.settingParams?.heightSectionValue ?? 50,
       // 等值面高度
       bodyDissectionAxis: props.settingParams?.bodyDissectionAxis ?? true,
       // 体剖切刻度线
       bodyDissectionAlpha: props.settingParams?.bodyDissectionAlpha ?? 1 //体剖切透明度
 
-    });
+    }); // 创建深度复制
+
+    let formItemDef = JSON.parse(JSON.stringify(formItem));
+    delete formItemDef.collapseValue;
     let viewModel = null; // 组件容器Ref
 
     let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null); // 生成组件默认header
@@ -55759,8 +55509,8 @@ const __default__ = {
 
 
     const handleWindyTypeChange = data => {
-      console.log(data);
       clear();
+      Object.assign(formItem, formItemDef);
 
       if (data?.windyType == "exit") {
         showWindySlicing.value = false;
@@ -55779,14 +55529,19 @@ const __default__ = {
           showSlicingSetting.value = val;
           break;
 
-        case "enableLayerings":
-          enableLayerings.value = val;
-          formItem.enableLayerings = val;
-          viewModel._options["enableLayerings"] = val;
-          break;
+        case "slicingLayerConfig":
+          if (!Array.isArray(val.zValues) || val.zValues.length === 0) {
+            showWindySlicing.value = false;
+          } else {
+            showWindySlicing.value = true;
+            enableLayerings.value = val.zValues;
+            formItem.enableLayerings = val.zValues;
+            viewModel._options["enableLayerings"] = val.zValues;
+            formItem.altitudeControl = val.zValues.length;
+            formItem.maxAltitudeControl = val.zValues.length;
+          }
 
-        case "currentSlicingUnit":
-          unit.value = val;
+          unit.value = val.unit;
           break;
 
         default:
@@ -55803,33 +55558,67 @@ const __default__ = {
         formItem.mode = mode;
         viewModel._options.mode = formItem.mode;
         viewModel && viewModel.paramsChanged("mode");
+
+        if (mode == "delete") {
+          Object.assign(formItem, formItemDef);
+        }
       }
     }
 
     function paramsChanged(key) {
-      if (!viewModel) return; // 统一使用可选链操作符和空值合并运算符处理参数更新
+      if (!viewModel) return;
+      viewModel._options[key] = formItem[key]; // 处理 slicingType 的特殊逻辑
 
-      viewModel._options[key] = formItem[key];
-      viewModel.paramsChanged?.(key); // 使用可选链调用方法
-      // 处理 slicingType 的特殊逻辑
+      let defaultValues = null;
 
-      if (key === "slicingType") {
-        const VALID_SLICING_TYPES = {
-          1: "1",
-          3: "3"
-        };
-        const newStyleType = VALID_SLICING_TYPES[formItem.slicingType];
+      switch (key) {
+        case "slicingType":
+          const VALID_SLICING_TYPES = {
+            1: "1",
+            3: "3"
+          };
+          const newStyleType = VALID_SLICING_TYPES[formItem.slicingType];
 
-        if (newStyleType) {
-          // 同时更新表单数据和 viewModel 配置
-          viewModel._options.styleType = formItem.styleType = newStyleType;
-        }
+          if (newStyleType) {
+            viewModel._options.styleType = formItem.styleType = newStyleType;
+          }
+
+          break;
+
+        case "altitudeControl":
+          let gdzValues = enableLayerings.value.slice(0, formItem.altitudeControl);
+          formItem.heightSectionValueMax = gdzValues.length;
+          defaultValues = gdzValues;
+          if (!viewModel?.volumelines) return;
+          let jdValue = Math.abs(viewModel?.volumelines.line1[0].longitude - viewModel?.volumelines.line1[1].longitude);
+          jdValue = jdValue.toFixed(3);
+          formItem.longSectionValueStep = jdValue / 100;
+          formItem.longSectionValueMin = -(jdValue / 2);
+          formItem.longSectionValueMax = jdValue / 2;
+          formItem.longSectionValue = 0;
+          let wdValue = Math.abs(viewModel?.volumelines.line4[0].latitude - viewModel?.volumelines.line4[1].latitude);
+          wdValue = wdValue.toFixed(3);
+          formItem.latSectionValueStep = wdValue / 100;
+          formItem.latSectionValueMin = -(wdValue / 2);
+          formItem.latSectionValueMax = wdValue / 2;
+          formItem.latSectionValue = 0;
+          break;
+
+        default:
+          break;
       }
+
+      viewModel.paramsChanged?.(key, defaultValues); // 使用可选链调用方法
     }
 
     function clear() {
       showSlicingSetting.value = false;
       viewModel && viewModel.clear();
+    } // 显示提示信息
+
+
+    function formatTooltip(val) {
+      return enableLayerings.value[val - 1] + unit.value;
     } // 销毁
 
 
@@ -56232,14 +56021,14 @@ const __default__ = {
                     default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_slider, {
                       modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).altitudeControl,
                       "onUpdate:modelValue": _cache[18] || (_cache[18] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).altitudeControl = $event),
-                      "show-tooltip": false,
                       step: 1,
-                      min: 0,
-                      max: 100,
+                      min: 1,
+                      "format-tooltip": formatTooltip,
+                      max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxAltitudeControl,
                       onChange: _cache[19] || (_cache[19] = $event => paramsChanged('altitudeControl'))
                     }, null, 8
                     /* PROPS */
-                    , ["modelValue"])]),
+                    , ["modelValue", "max"])]),
                     _: 1
                     /* STABLE */
 
@@ -56249,14 +56038,14 @@ const __default__ = {
                     default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_input_number, {
                       modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).altitudeControl,
                       "onUpdate:modelValue": _cache[20] || (_cache[20] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).altitudeControl = $event),
-                      min: 0,
-                      max: 100,
+                      min: 1,
+                      max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxAltitudeControl,
                       step: 1,
                       "controls-position": "right",
                       onChange: _cache[21] || (_cache[21] = $event => paramsChanged('altitudeControl'))
                     }, null, 8
                     /* PROPS */
-                    , ["modelValue"])]),
+                    , ["modelValue", "max"])]),
                     _: 1
                     /* STABLE */
 
@@ -56313,13 +56102,13 @@ const __default__ = {
                       modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).longSectionValue,
                       "onUpdate:modelValue": _cache[23] || (_cache[23] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).longSectionValue = $event),
                       "show-tooltip": false,
-                      step: 1,
-                      min: 0,
-                      max: 100,
+                      step: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).longSectionValueStep,
+                      min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).longSectionValueMin,
+                      max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).longSectionValueMax,
                       onChange: _cache[24] || (_cache[24] = $event => paramsChanged('longSectionValue'))
                     }, null, 8
                     /* PROPS */
-                    , ["modelValue"])]),
+                    , ["modelValue", "step", "min", "max"])]),
                     _: 1
                     /* STABLE */
 
@@ -56329,14 +56118,14 @@ const __default__ = {
                     default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_input_number, {
                       modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).longSectionValue,
                       "onUpdate:modelValue": _cache[25] || (_cache[25] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).longSectionValue = $event),
-                      min: 0,
-                      max: 100,
-                      step: 1,
+                      step: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).longSectionValueStep,
+                      min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).longSectionValueMin,
+                      max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).longSectionValueMax,
                       "controls-position": "right",
                       onChange: _cache[26] || (_cache[26] = $event => paramsChanged('longSectionValue'))
                     }, null, 8
                     /* PROPS */
-                    , ["modelValue"])]),
+                    , ["modelValue", "step", "min", "max"])]),
                     _: 1
                     /* STABLE */
 
@@ -56393,13 +56182,13 @@ const __default__ = {
                       modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).latSectionValue,
                       "onUpdate:modelValue": _cache[28] || (_cache[28] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).latSectionValue = $event),
                       "show-tooltip": false,
-                      step: 1,
-                      min: 0,
-                      max: 100,
+                      step: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).latSectionValueStep,
+                      min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).latSectionValueMin,
+                      max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).latSectionValueMax,
                       onChange: _cache[29] || (_cache[29] = $event => paramsChanged('latSectionValue'))
                     }, null, 8
                     /* PROPS */
-                    , ["modelValue"])]),
+                    , ["modelValue", "step", "min", "max"])]),
                     _: 1
                     /* STABLE */
 
@@ -56409,14 +56198,14 @@ const __default__ = {
                     default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_input_number, {
                       modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).latSectionValue,
                       "onUpdate:modelValue": _cache[30] || (_cache[30] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).latSectionValue = $event),
-                      min: 0,
-                      max: 100,
-                      step: 1,
+                      step: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).latSectionValueStep,
+                      min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).latSectionValueMin,
+                      max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).latSectionValueMax,
                       "controls-position": "right",
                       onChange: _cache[31] || (_cache[31] = $event => paramsChanged('latSectionValue'))
                     }, null, 8
                     /* PROPS */
-                    , ["modelValue"])]),
+                    , ["modelValue", "step", "min", "max"])]),
                     _: 1
                     /* STABLE */
 
@@ -56475,11 +56264,11 @@ const __default__ = {
                       "show-tooltip": false,
                       step: 1,
                       min: 0,
-                      max: 100,
+                      max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).heightSectionValueMax,
                       onChange: _cache[34] || (_cache[34] = $event => paramsChanged('heightSectionValue'))
                     }, null, 8
                     /* PROPS */
-                    , ["modelValue"])]),
+                    , ["modelValue", "max"])]),
                     _: 1
                     /* STABLE */
 
@@ -56489,14 +56278,14 @@ const __default__ = {
                     default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_input_number, {
                       modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).heightSectionValue,
                       "onUpdate:modelValue": _cache[35] || (_cache[35] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).heightSectionValue = $event),
-                      min: 0,
-                      max: 100,
                       step: 1,
+                      min: 0,
+                      max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).heightSectionValueMax,
                       "controls-position": "right",
                       onChange: _cache[36] || (_cache[36] = $event => paramsChanged('heightSectionValue'))
                     }, null, 8
                     /* PROPS */
-                    , ["modelValue"])]),
+                    , ["modelValue", "max"])]),
                     _: 1
                     /* STABLE */
 
@@ -56516,7 +56305,7 @@ const __default__ = {
 
             })], 64
             /* STABLE_FRAGMENT */
-            )) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)(" 提剖切设置 "), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).slicingType === 3 ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.Fragment, {
+            )) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)(" 体剖切设置 "), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).slicingType === 3 ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.Fragment, {
               key: 2
             }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
               class: "rowclass"