@kq_npm/client3d_webgl_vue 3.0.8-beta → 3.0.9-beta

package/adddata/index.js

@@ -260,183 +260,271 @@ class AddDataViewModel {
     this._layerManager = scenceView._layerManager;
     this._geojsonStyle.billboard.image = options.billboardImage;
     this._language = scenceView._language;
+    this._geometryServerUrl = options.geometryServerUrl;
+    this._geometryServerToken = options.geometryServerToken;
   } //解析文件
 
 
-  parseFile(file, removeFile, cb) {
-    var reader = new FileReader();
-    reader.readAsText(file); //文本
-    //readAsDataURL(file);  //base64 图片
-    //readAsArrayBuffer(file); //原始二进制数据
-    //readAsBinaryString(file);//二进制字符串
-    //reader.readAsBinaryString(file);
-
+  parseFile(file, cb) {
     var that = this;
-
-    reader.onload = function (event) {
-      var ret = event.target.result;
+    return new Promise((resolve, reject) => {
       var ext = file.name.replace(/.+\./, "").toLowerCase(); //文件扩展名
 
       var name = file.name.replace(/(.*\/)*([^.]+).*/gi, "$2"); //文件名
 
-      switch (ext) {
-        case "json":
-        case "geojson":
-        case "topojson":
-          ret = ret.replace(/(^\s*)|(\s*$)/, "");
-          ret = ret.substring(ret.indexOf("{"));
+      if (ext === "zip") {
+        (0,util_.uploadSHP)(that._geometryServerUrl, file, that._geometryServerToken, null, function (res) {
+          if (res) {
+            if (res.srs) {
+              //返回的geojson数据已经做了处理,返回数据坐标系为4326
+              delete res.srs;
+            }
 
-          try {
-            var data = JSON.parse(ret);
+            var ds = new Cesium.Kq3dGeoJsonDataSource(name);
+            ds.load(res, that._geojsonStyle).then(ds => {
+              ds.entities.values.forEach(entity => {
+                if (entity.polygon) {
+                  entity.polyline = {
+                    positions: entity.polygon.hierarchy._value.positions,
+                    width: that._geojsonStyle.polygon.outlineWidth,
+                    material: that._geojsonStyle.polygon.outlineColor
+                  };
+                }
+              });
 
-            if (typeof data == "object" && data) {
-              ret = data;
-            }
-          } catch (e) {}
+              that._viewer.dataSources.add(ds);
 
-          var ds = new Cesium.Kq3dGeoJsonDataSource(name);
-          ds.load(ret, that._geojsonStyle).then(ds => {
-            ds.entities.values.forEach(entity => {
-              if (entity.polygon) {
-                entity.polyline = {
-                  positions: entity.polygon.hierarchy._value.positions,
-                  width: that._geojsonStyle.polygon.outlineWidth,
-                  material: that._geojsonStyle.polygon.outlineColor
-                };
-              }
+              ds.autoAvoid(that._viewer);
+
+              that._viewer.flyTo(ds);
+
+              resolve("success");
+              var layer = {
+                guid: ds.guid,
+                name: name,
+                visible: true,
+                serverType: "datasource",
+                lsType: "ls"
+              };
+
+              that._layerManager.addTempLayerNode(layer);
+
+              cb && cb(layer);
             });
+          } else {
+            reject(file.name + " service parse error.");
+            cb && cb("error");
+          }
+        });
+      } else if (ext === "txt") {
+        let dataUrl = that._geometryServerUrl + (that._geometryServerToken ? "?ua_token=" + that._geometryServerToken : "");
+        (0,util_.readTxT)(file, dataUrl, "4326", res => {
+          if (res) {
+            var ds = new Cesium.Kq3dGeoJsonDataSource(name);
+            ds.load(res, that._geojsonStyle).then(ds => {
+              ds.entities.values.forEach(entity => {
+                if (entity.polygon) {
+                  entity.polyline = {
+                    positions: entity.polygon.hierarchy._value.positions,
+                    width: that._geojsonStyle.polygon.outlineWidth,
+                    material: that._geojsonStyle.polygon.outlineColor
+                  };
+                }
+              });
 
-            that._viewer.dataSources.add(ds);
+              that._viewer.dataSources.add(ds);
 
-            ds.autoAvoid(that._viewer);
+              ds.autoAvoid(that._viewer);
 
-            that._viewer.flyTo(ds);
+              that._viewer.flyTo(ds);
 
-            var layer = {
-              guid: ds.guid,
-              name: name,
-              visible: true,
-              serverType: "datasource",
-              lsType: "ls"
-            };
+              resolve("success");
+              var layer = {
+                guid: ds.guid,
+                name: name,
+                visible: true,
+                serverType: "datasource",
+                lsType: "ls"
+              };
 
-            that._layerManager.addTempLayerNode(layer);
+              that._layerManager.addTempLayerNode(layer);
 
-            cb && cb(layer);
-          });
-          break;
+              cb && cb(layer);
+            });
+          } else {
+            reject(file.name + " service parse error.");
+          }
+        });
+      } else {
+        var reader = new FileReader();
+        reader.readAsText(file); //文本
+        //readAsDataURL(file);  //base64 图片
+        //readAsArrayBuffer(file); //原始二进制数据
+        //readAsBinaryString(file);//二进制字符串
+        //reader.readAsBinaryString(file);
+
+        reader.onload = function (event) {
+          var ret = event.target.result;
+
+          switch (ext) {
+            case "json":
+            case "geojson":
+            case "topojson":
+              ret = ret.replace(/(^\s*)|(\s*$)/, "");
+              ret = ret.substring(ret.indexOf("{"));
+
+              try {
+                var data = JSON.parse(ret);
+
+                if (typeof data == "object" && data) {
+                  ret = data;
+                }
+              } catch (e) {}
+
+              var ds = new Cesium.Kq3dGeoJsonDataSource(name);
+              ds.load(ret, that._geojsonStyle).then(ds => {
+                ds.entities.values.forEach(entity => {
+                  if (entity.polygon) {
+                    entity.polyline = {
+                      positions: entity.polygon.hierarchy._value.positions,
+                      width: that._geojsonStyle.polygon.outlineWidth,
+                      material: that._geojsonStyle.polygon.outlineColor
+                    };
+                  }
+                });
 
-        case "kml":
-          ret = ret.replace(/(^\s*)|(\s*$)/, "");
-          var options = {
-            name: name,
-            camera: that._viewer.scene.camera,
-            canvas: that._viewer.scene.canvas
-          };
-          var ds = new Cesium.KmlDataSource(options);
-          var data = new Blob([ret], {
-            type: "text/xml"
-          });
-          ds.load(data).then(ds => {
-            that._viewer.dataSources.add(ds);
+                that._viewer.dataSources.add(ds);
 
-            that._viewer.flyTo(ds);
+                ds.autoAvoid(that._viewer);
 
-            var layer = {
-              guid: ds.guid,
-              name: name,
-              visible: true,
-              serverType: "datasource",
-              lsType: "ls"
-            };
+                that._viewer.flyTo(ds);
 
-            that._layerManager.addTempLayerNode(layer);
+                resolve("success");
+                var layer = {
+                  guid: ds.guid,
+                  name: name,
+                  visible: true,
+                  serverType: "datasource",
+                  lsType: "ls"
+                };
 
-            cb && cb(layer);
-          });
-          break;
+                that._layerManager.addTempLayerNode(layer);
 
-        case "kmz":
-          var options = {
-            name: name,
-            camera: that._viewer.scene.camera,
-            canvas: that._viewer.scene.canvas
-          };
-          var ds = new Cesium.KmlDataSource(options);
-          ds.load(file).then(ds => {
-            that._viewer.dataSources.add(ds);
+                cb && cb(layer);
+              });
+              break;
 
-            that._viewer.flyTo(ds);
+            case "kml":
+              ret = ret.replace(/(^\s*)|(\s*$)/, "");
+              var options = {
+                name: name,
+                camera: that._viewer.scene.camera,
+                canvas: that._viewer.scene.canvas
+              };
+              var ds = new Cesium.KmlDataSource(options);
+              var data = new Blob([ret], {
+                type: "text/xml"
+              });
+              ds.load(data).then(ds => {
+                that._viewer.dataSources.add(ds);
 
-            var layer = {
-              guid: ds.guid,
-              name: name,
-              visible: true,
-              serverType: "datasource",
-              lsType: "ls"
-            };
+                that._viewer.flyTo(ds);
 
-            that._layerManager.addTempLayerNode(layer);
+                resolve("success");
+                var layer = {
+                  guid: ds.guid,
+                  name: name,
+                  visible: true,
+                  serverType: "datasource",
+                  lsType: "ls"
+                };
 
-            cb && cb(layer);
-          });
-          break;
+                that._layerManager.addTempLayerNode(layer);
 
-        case "czml":
-          ret = ret.replace(/(^\s*)|(\s*$)/, "");
+                cb && cb(layer);
+              });
+              break;
 
-          try {
-            var data = JSON.parse(ret);
+            case "kmz":
+              var options = {
+                name: name,
+                camera: that._viewer.scene.camera,
+                canvas: that._viewer.scene.canvas
+              };
+              var ds = new Cesium.KmlDataSource(options);
+              ds.load(file).then(ds => {
+                that._viewer.dataSources.add(ds);
 
-            if (typeof data == "object" && data) {
-              ret = data;
-            }
-          } catch (e) {}
+                that._viewer.flyTo(ds);
 
-          that._viewer.dataSources.add(Cesium.CzmlDataSource.load(ret, {
-            name: name
-          })).then(ds => {
-            that._viewer.flyTo(ds);
+                resolve("success");
+                var layer = {
+                  guid: ds.guid,
+                  name: name,
+                  visible: true,
+                  serverType: "datasource",
+                  lsType: "ls"
+                };
 
-            var layer = {
-              guid: ds.guid,
-              name: name,
-              visible: true,
-              serverType: "datasource",
-              lsType: "ls"
-            };
+                that._layerManager.addTempLayerNode(layer);
 
-            that._layerManager.addTempLayerNode(layer);
+                cb && cb(layer);
+              });
+              break;
 
-            cb && cb(layer);
-          });
+            case "czml":
+              ret = ret.replace(/(^\s*)|(\s*$)/, "");
+
+              try {
+                var data = JSON.parse(ret);
 
-          break;
+                if (typeof data == "object" && data) {
+                  ret = data;
+                }
+              } catch (e) {}
 
-        case "zip":
-          break;
+              that._viewer.dataSources.add(Cesium.CzmlDataSource.load(ret, {
+                name: name
+              })).then(ds => {
+                that._viewer.flyTo(ds);
 
-        case "txt":
-          break;
+                resolve("success");
+                var layer = {
+                  guid: ds.guid,
+                  name: name,
+                  visible: true,
+                  serverType: "datasource",
+                  lsType: "ls"
+                };
 
-        case "csv":
-          break;
+                that._layerManager.addTempLayerNode(layer);
 
-        case "xls":
-        case "xlsx":
-          break;
+                cb && cb(layer);
+              });
 
-        default:
-          break;
-      }
+              break;
 
-      removeFile && removeFile(file);
-    };
+            case "txt":
+              break;
 
-    reader.onerror = function () {
-      console.log(file.name + "read error.");
-      removeFile && removeFile(file);
-    };
+            case "csv":
+              break;
+
+            case "xls":
+            case "xlsx":
+              break;
+
+            default:
+              break;
+          }
+        };
+
+        reader.onerror = function () {
+          console.log(file.name + " read error.");
+          reject(file.name + " read error.");
+        };
+      }
+    });
   } //解析数据源
 
 
@@ -1040,6 +1128,16 @@ const __default__ = {
      * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
      */
     position: [String, Object],
+    // 几何服务地址前缀，例：http://support.kqgeo.com:29800/geometry-proxy/kqgis/rest/services/geometry
+    geometryServerUrl: {
+      type: String,
+      required: true
+    },
+    // 几何服务token，例：eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJob3N0IiwiY3JlYXRlZCI6MTY1NTk2MzU1NzUyMywiZXhwIjoxNzY3MTEwNDAwfQ.BiNOr6vL6liHzlMK89XSvqmFY9fuWiYqDEwYmWxk-6vFKBgLeMC8FloBXyKcxOCl9Rd28y_pX4PhVRYP5cZTwA
+    geometryServerToken: {
+      type: String,
+      required: true
+    },
     // 当前展示的tab标签页
     activeName: {
       type: String,
@@ -1092,7 +1190,8 @@ const __default__ = {
     });
     let upload_ref = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
     let upload_btn_ref = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
-    let fileList = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)([]); // 获取组件传参
+    let fileList = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)([]);
+    let loadingFile = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(false); // 获取组件传参
 
     let operatorArray = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.computed)(() => {
       let array = [];
@@ -1240,7 +1339,9 @@ const __default__ = {
           ];
           dataSourceType.value = dataSourceTypeList.value[0];
           let options = {
-            billboardImage: const_image_.BILLBOARD_IMAGE_URL
+            billboardImage: const_image_.BILLBOARD_IMAGE_URL,
+            geometryServerUrl: props.geometryServerUrl,
+            geometryServerToken: props.geometryServerToken
           };
           viewModel = new AddDataViewModel(scenceView, options);
         }
@@ -1290,8 +1391,14 @@ const __default__ = {
 
 
     function loadFiles() {
+      loadingFile.value = true;
+      let promiseList = [];
       fileList.value.forEach(file => {
-        viewModel.parseFile(file.raw, removeFile, props.loadCallback);
+        promiseList.push(viewModel.parseFile(file.raw, props.loadCallback));
+      });
+      Promise.all(promiseList).then(() => {
+        removeFiles();
+        loadingFile.value = false;
       });
     } //加载URL
 
@@ -1360,7 +1467,7 @@ const __default__ = {
           name: "upload"
         }, {
           default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
-            class: ""
+            class: "kq3d-add-data-title"
           }, {
             default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).fileFormatDescription), 1
             /* TEXT */
@@ -1384,7 +1491,7 @@ const __default__ = {
             "auto-upload": false,
             "file-list": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(fileList),
             "onUpdate:file-list": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.isRef)(fileList) ? fileList.value = $event : fileList = $event),
-            accept: ".geojson,.topojson,.json,.kml,.kmz,.czml",
+            accept: ".zip,.geojson,.topojson,.json,.kml,.kmz,.czml,.txt",
             "on-change": changeFile,
             ref_key: "upload_ref",
             ref: upload_ref
@@ -1452,7 +1559,7 @@ const __default__ = {
             action: "",
             "show-file-list": false,
             "auto-upload": false,
-            accept: ".geojson,.topojson,.json,.kml,.kmz,.czml",
+            accept: ".zip,.geojson,.topojson,.json,.kml,.kmz,.czml,.txt",
             ref_key: "upload_btn_ref",
             ref: upload_btn_ref,
             class: "kq3d-add-data-footer-upload",
@@ -1493,7 +1600,8 @@ const __default__ = {
             onClick: _cache[2] || (_cache[2] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => loadFiles(), ["stop"])),
             title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).loadFiles,
             type: "primary",
-            disabled: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(disabled)
+            disabled: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(disabled),
+            loading: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(loadingFile)
           }, {
             default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).loadFiles), 1
             /* TEXT */
@@ -1503,7 +1611,7 @@ const __default__ = {
 
           }, 8
           /* PROPS */
-          , ["title", "disabled"])])])]),
+          , ["title", "disabled", "loading"])])])]),
           _: 3
           /* FORWARDED */
 

package/adddata/style/adddata.css

@@ -1 +1 @@
-.kq3d-add-data{z-index:999;border-radius:var(--kq-border-radius-base);padding:16px;pointer-events:auto;cursor:default;background-color:var(--kq-bg-color)}.kq3d-add-data .kq3d-add-data-box{width:536px}.kq3d-add-data .kq-form-item{width:100%}.kq3d-add-data .kq-tabs__item{height:28px;line-height:20px;font-weight:400;font-size:var(--kq-font-size-medium);padding:0 16px}.kq3d-add-data .kq3d-add-data-desc{margin-bottom:20px}.kq3d-add-data .kq3d-add-data-tip{color:#909399;font-size:13px}.kq3d-add-data .kq3d-add-data-upload_text{color:#606266}.kq3d-add-data .kq-select{width:100%}.kq3d-add-data .kq-upload-dragger{background:var(--kq-bg-color);border:1px dashed var(--kq-border-color);border-radius:4px}.kq3d-add-data .kq3d-add-data-filelist{width:99%;min-height:101px;height:auto;background:#f2f6fc;border:1px dashed #409eff;border-radius:4px}.kq3d-add-data .kq3d-add-data-filelist .kq-row{margin:10px 0;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:0!important;margin-right:0!important}.kq3d-add-data .kq3d-add-data-filelist .kq3d-add-data-file{background:#d9ecff;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 8px;height:40px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.kq3d-add-data .kq3d-add-data-filelist .kq3d-add-data-file .kq3d-add-data-doc{font-size:28px;color:#409eff;padding:4px}.kq3d-add-data .kq3d-add-data-filelist .kq3d-add-data-file p{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.kq3d-add-data .kq3d-add-data-filelist .kq3d-add-data-file .kq3d-add-data-close{font-size:18px;color:#f56c6c;padding:4px;cursor:pointer}.kq3d-add-data .kq3d-add-data-footer{width:100%;padding-top:16px}.kq3d-add-data .kq3d-add-data-footer .btns_box{float:right;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.kq3d-add-data .kq3d-add-data-footer .kq3d-add-data-footer-upload{padding:0 12px}
+.kq3d-add-data{z-index:999;width:536px;border-radius:var(--kq-border-radius-base);padding:16px;pointer-events:auto;cursor:default;background-color:var(--kq-bg-color)}.kq3d-add-data .kq-form-item{width:100%}.kq3d-add-data .kq-tabs__item{height:28px;line-height:20px;font-weight:400;font-size:var(--kq-font-size-medium);padding:0 16px}.kq3d-add-data .kq3d-add-data-desc{margin-bottom:16px}.kq3d-add-data .kq3d-add-data-title{color:var(--kq-text-color-regular);font-size:var(--kq-font-size-base);padding-bottom:8px}.kq3d-add-data .kq3d-add-data-tip{color:var(--kq-text-color-secondary);font-size:13px;white-space:pre-wrap}.kq3d-add-data .kq3d-add-data-upload_text{color:#606266}.kq3d-add-data .kq-select{width:100%}.kq3d-add-data .kq-upload-dragger{background:var(--kq-bg-color);border:1px dashed var(--kq-border-color);border-radius:4px}.kq3d-add-data .kq3d-add-data-filelist{width:99%;min-height:101px;height:auto;background:#f2f6fc;border:1px dashed #409eff;border-radius:4px}.kq3d-add-data .kq3d-add-data-filelist .kq-row{margin:10px 0;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:0!important;margin-right:0!important}.kq3d-add-data .kq3d-add-data-filelist .kq3d-add-data-file{background:#d9ecff;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 8px;height:40px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.kq3d-add-data .kq3d-add-data-filelist .kq3d-add-data-file .kq3d-add-data-doc{font-size:28px;color:#409eff;padding:4px}.kq3d-add-data .kq3d-add-data-filelist .kq3d-add-data-file p{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.kq3d-add-data .kq3d-add-data-filelist .kq3d-add-data-file .kq3d-add-data-close{font-size:18px;color:#f56c6c;padding:4px;cursor:pointer}.kq3d-add-data .kq3d-add-data-footer{width:100%;padding-top:16px}.kq3d-add-data .kq3d-add-data-footer .btns_box{float:right;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.kq3d-add-data .kq3d-add-data-footer .kq3d-add-data-footer-upload{padding:0 12px}

package/baseterraingallery/index.js

@@ -303,7 +303,8 @@ const __default__ = {
     },
     // HeaderTemp标题
     headerTempTitle: {
-      type: String
+      type: String,
+      default: "在线地形"
     },
     // HeaderTemp图标
     headerTempIcon: {

package/baseterraingallery/style/baseterraingallery.css

@@ -1 +1 @@
-.kq3d-baseterrain-gallery{z-index:999;border-radius:var(--kq-border-radius-base);padding:16px;pointer-events:auto;cursor:default;background-color:var(--kq-bg-color)}.kq3d-baseterrain-gallery .kq3d-baseterrain-gallery-box{width:372px;min-width:220px}.kq3d-baseterrain-gallery .kq-form-item__label{height:48px;line-height:48px}.kq3d-baseterrain-gallery .kq-form-item{margin-bottom:0;width:100%}.kq3d-baseterrain-gallery .kq-form-item__content{text-align:end;display:block}.kq3d-baseterrain-gallery .divSpan{width:calc(100% - 16px);height:24px;line-height:24px;border-radius:var(--kq-border-radius-base);background-color:var(--kq-fill-color-blank);text-align:left;padding:12px 8px;font-family:Noto Sans SC;font-style:normal;font-weight:400;font-size:16px;color:var(--kq-text-color-primary);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-font-feature-settings:"tnum" on,"lnum" on;font-feature-settings:"tnum" on,"lnum" on}.kq3d-baseterrain-gallery .kq-col-24{padding:8px;margin-top:16px;border:1px solid var(--kq-border-color);border-radius:var(--kq-border-radius-base);background-color:var(--kq-fill-color-lighter)}.kq3d-baseterrain-gallery .kq-form .kq-row{margin-left:0!important;margin-right:0!important;cursor:pointer;position:relative}.kq3d-baseterrain-gallery .kq-form .kq-row .divImg{height:72px;line-height:72px;font-family:Noto Sans SC;font-style:normal;font-weight:400;font-size:14px;padding-left:0!important;padding-right:0!important;color:var(--kq-text-color-primary)}.kq3d-baseterrain-gallery .kq-form .kq-row .divImg img{width:64px;height:64px;margin:4px;border:1px solid #c0c4cc}.kq3d-baseterrain-gallery .kq-form .kq-row .divText{position:absolute;right:8px;top:4px;bottom:4px;left:76px}.kq3d-baseterrain-gallery .kq-form .kq-row .divText .text{display:inline-block;height:64px;line-height:64px}.kq3d-baseterrain-gallery .kq-form .kq-row.active{background-color:var(--kq-color-primary-light-8)}
+.kq3d-baseterrain-gallery{z-index:999;border-radius:var(--kq-border-radius-base);padding:16px;pointer-events:auto;cursor:default;background-color:var(--kq-bg-color)}.kq3d-baseterrain-gallery .kq3d-baseterrain-gallery-box{width:372px;min-width:220px}.kq3d-baseterrain-gallery .kq-form-item__label{height:48px;line-height:48px}.kq3d-baseterrain-gallery .kq-form-item{margin-bottom:0;width:100%}.kq3d-baseterrain-gallery .kq-form-item__content{text-align:end;display:block}.kq3d-baseterrain-gallery .divSpan{width:calc(100% - 16px);height:24px;line-height:24px;border-radius:var(--kq-border-radius-base);background-color:var(--kq-fill-color-light);text-align:left;padding:12px 8px;font-family:Noto Sans SC;font-style:normal;font-weight:400;font-size:16px;color:var(--kq-text-color-primary);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-font-feature-settings:"tnum" on,"lnum" on;font-feature-settings:"tnum" on,"lnum" on}.kq3d-baseterrain-gallery .kq-col-24{padding:8px;margin-top:16px;border:1px solid var(--kq-border-color);border-radius:var(--kq-border-radius-base);background-color:var(--kq-fill-color-lighter)}.kq3d-baseterrain-gallery .kq-form .kq-row{margin-left:0!important;margin-right:0!important;cursor:pointer;position:relative}.kq3d-baseterrain-gallery .kq-form .kq-row .divImg{height:72px;line-height:72px;font-family:Noto Sans SC;font-style:normal;font-weight:400;font-size:14px;padding-left:0!important;padding-right:0!important;color:var(--kq-text-color-primary)}.kq3d-baseterrain-gallery .kq-form .kq-row .divImg img{width:64px;height:64px;margin:4px;border:1px solid #c0c4cc}.kq3d-baseterrain-gallery .kq-form .kq-row .divText{position:absolute;right:8px;top:4px;bottom:4px;left:76px}.kq3d-baseterrain-gallery .kq-form .kq-row .divText .text{display:inline-block;height:64px;line-height:64px}.kq3d-baseterrain-gallery .kq-form .kq-row.active{background-color:var(--kq-color-primary-light-8)}

package/excavatefillanalysis/index.js

@@ -499,8 +499,6 @@ const __default__ = {
       clearResult
     });
     return (_ctx, _cache) => {
-      const _component_HeaderTemp = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("HeaderTemp");
-
       const _component_kq_slider = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-slider");
 
       const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-col");
@@ -533,16 +531,7 @@ const __default__ = {
         ref: headerTempRef
       }, null, 512
       /* NEED_PATCH */
-      )) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), __props.showHeaderTemp ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_HeaderTemp, {
-        key: 1,
-        showShadow: __props.showShadow,
-        headerTempTitle: __props.headerTempTitle || (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).excavateFillAnalysis,
-        headerTempIcon: __props.headerTempIcon,
-        isCollapse: __props.isCollapseHeaderTemp,
-        isRight: __props.isRight
-      }, null, 8
-      /* PROPS */
-      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+      )) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
         style: {
           "display": "flex"
         }
@@ -550,7 +539,7 @@ const __default__ = {
         default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
           class: "kq3d-excavate-fill-analysis-label",
           style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeStyle)({
-            width: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentLang) === 'zh' ? '90px' : '130px'
+            width: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentLang) === 'zh' ? '100px' : '130px'
           })
         }, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).altitudeHeight), 5
         /* TEXT, STYLE */