标绘查询修改

surprise

2023-10-26 19a4741002f4208bf7fc951cbf3219897af5699a

标绘查询修改

 public/SmartEarthSDK/SmartEarth.js

@@ -73586,7 +73586,7 @@
        option.editProp !== undefined && (this.editProp = option.editProp);

        let enableDelete = this._core.defaultValue(option.enableDelete, false);
debugger
 
        if (this.editHandler) {
            this.editHandler.destroy();
            this.editHandler = undefined;

 public/config/config.js

@@ -3,8 +3,8 @@
//是否为生产环境
const webUrl = location.href.indexOf("/web") > -1 ? "/web" : "";

var webHost = isWeb ? "103.85.165.99" + ":28888" : '192.168.20.106' + ":9000";
// var webHost = isWeb ? "103.85.165.99" + ":28888" : '192.168.20.83' + ":8888";
// var webHost = isWeb ? "103.85.165.99" + ":28888" : '192.168.20.106' + ":9000";
var webHost = isWeb ? "103.85.165.99" + ":28888" : '192.168.20.83' + ":8888";
// var webHost = isWeb ? "103.85.165.99" + ":28888" : '100.10.1.169' + ":8088";
// WebSocket 服务地址
var socketUrl = 'ws://' + webHost + '/MoonServer/ws/select';

 public/mapscreen/images/css_globe_halo.zip

Binary files differ

 src/components/BarGraph.vue

@@ -1,7 +1,5 @@
<template>
  <div class="title">
    {{ layerData.layerName }}
  </div>
  <div class="title">{{ layerData.layerName }}</div>
  <div id="myEcharts" :style="{ width: width, height: height }"></div>
</template>
<script lang="ts" setup>
@@ -69,31 +67,33 @@
onMounted(() => {
  // console.log(props.layerData);
  xAxisData.value = [];
  props.layerData.points.forEach((e, i) => {
    xAxisData.value.push(e.len);
  });
  data = trans(props.layerData.points);
  optionData = props.layerData.points;
  seriesData.value = [];
  data.forEach((e) => {
    seriesData.value.push({
      data: e,
      type: "line",
      smooth: true,

      label: {
        label: {
          show: false,
          position: "top",
          formatter: "{c}",
        },
      },
  if (props.layerData && props.layerData.points) {
    props.layerData.points.forEach((e, i) => {
      xAxisData.value.push(e.len);
    });
  });
    data = trans(props.layerData.points);
    optionData = props.layerData.points;
    seriesData.value = [];
    data.forEach((e) => {
      seriesData.value.push({
        data: e,
        type: "line",
        smooth: true,

  nextTick(() => {
    initChart();
  });
        label: {
          label: {
            show: false,
            position: "top",
            formatter: "{c}",
          },
        },
      });
    });

    nextTick(() => {
      initChart();
    });
  }
});

onUnmounted(() => {
@@ -118,9 +118,8 @@
  }
  var valXData = [];
  xAxisData.value.filter((rs) => {

    valXData.push((parseFloat(rs) / 1000).toFixed(3));
  })
  });
  myChart = myEcharts.init(
    document.getElementById(`myEcharts`),
    "purple-passion"
@@ -153,7 +152,7 @@
      axisTick: {
        show: true, // 不显示坐标轴刻度线
      },
 

      axisLine: {
        show: true, // 不显示坐标轴线
      },
@@ -161,7 +160,6 @@
        show: true, // 不显示坐标轴上的文字
        showMinLabel: true, // 强制显示最小值标签
        showMaxLabel: true, // 强制显示最大值标签
     
      },
      splitLine: {
        show: false, // 不显示网格线
@@ -186,7 +184,6 @@
              optionData[val.dataIndex].len == res.len &&
              res.vals[0] == val.data
            ) {

              return (
                "数值： " +
                res.vals[0] +

 src/views/plotting/plotting.vue

@@ -286,6 +286,7 @@
watch(
  () => store.state.plottingInquireData,
  (nVal, oVal) => {
    if(!nVal)return
    if (nVal.isshow == false) {
      //列表删除联动
      if (nVal.entitiesData != {} && nVal.entitiesData.name) {
@@ -295,6 +296,7 @@
            break;
          }
        }
        store.state.plottingInquireData = null
      }
    }
  },

 src/views/plotting/plottingInquire.vue

@@ -318,7 +318,7 @@
let layerNameNum = 0;
let geoWkt = ref(null);
let geoWktFlag = ref(false);
let ws = ref(null);
let wktType = ref(null);
//新增图表
const addCharts = () => {
  layerArr.value.push({ layerName: `null${layerNameNum}`, points: [] });
@@ -347,17 +347,25 @@
  // if (store.state.plottingInquireData.entitiesData.icon == "d.png") {

  // }
  selectPoint({
    pixel: val,
    wkt: store.state.plottingInquireData.entitiesData.wkt,
  });
  // selectPoint({
  //   pixel: val,
  //   wkt: store.state.plottingInquireData.entitiesData.wkt,
  // });
  setOptionStart();
  setWebScoKet("Point", store.state.plottingInquireData.entitiesData.wkt, val);
};
//节点选择
const nodesChange = (val) => {
  selectPolyline({
    nodes: val,
    wkt: store.state.plottingInquireData.entitiesData.wkt,
  });
  setOptionStart();
  setWebScoKet(
    "PolyLine",
    store.state.plottingInquireData.entitiesData.wkt,
    val
  );
  // selectPolyline({
  //   nodes: val,
  //   wkt: store.state.plottingInquireData.entitiesData.wkt,
  // });
};

//图层选择
@@ -414,8 +422,10 @@
    e.min = e.minList.toString();
    e.lng = store.state.plottingInquireData.entitiesData.lng;
    e.lat = store.state.plottingInquireData.entitiesData.lat;

    resultList.value.push(e);
  });
  console.log(resultList.value);
};
//面查询接口
const selectPolygon = async (res) => {
@@ -463,12 +473,12 @@
      });
    });
  });

  console.log(dt.result);
  layeroptions.value = dt.result;

  layerValue.value = layeroptions.value[0].layerName;
  layerArr.value.push(dt.result[0]);
  chartIsshow.value = true;

  layerData.value = dt.result[0];

  // dt.result.forEach((e) => {
@@ -505,6 +515,12 @@
      };
      //   store.commit("SET_plotting", obj);
      store.state.plottingInquireData = obj;
    
      setCloseWebSocket();
      inquireData.value = {
        name: "path #9",
        icon: "q.png",
      };
      isShow.value = false;
      break;
    }
@@ -515,101 +531,150 @@
//     emits("setCloseplotting", false);
//   };
let chartIsshow = ref(false);
const setMenuClose = ()=>{
const setMenuClose = () => {
  isShow.value = false;
  setCloseWebSocket();
  isShow.value=false;
}
const setCloseWebSocket = () => {
  if( Window.ws){
    Window.ws.close();
  Window.ws.onclose = () => {
    console.log("服务器关闭");
  store.state.plottingInquireData = null;
  inquireData.value = {
    name: "path #9",
    icon: "q.png",
  };
  Window.ws = null;
};
const setCloseWebSocket = () => {
  if (Window.ws) {
    Window.ws.close();
    Window.ws.onclose = () => {
      console.log("服务器关闭");
    };
    Window.ws = null;
  }

};
const setWebScoKet = async (type, wkt, node) => {
  const data = await rasterAnalysis_selectByWktForPost({
    wkt: wkt,
    size: node,
  });
  console.log(data)

  if (data) {
    return;
  } else {
   
    Window.ws.option = () => {};
    Window.ws.onmessage = (msg) => {
      // console.log('来自服务器端的数据：' + msg.data); //监听接受来自服务端的信息
      if (msg.data != "连接成功") {
        var val = JSON.parse(msg.data);
        console.log(val);
  
        if (val.analysisForPost) {
          console.log(val);
        }
      } else {
        console.log(msg.data);
      }
    };
  }
};
const setOptionStart = () => {
  resultList.value = [];
  layerArr.value = [];

  layeroptions.value = [];
};
const setWebSocketStart = () => {
  // if (Window.ws) {
  //   setCloseWebSocket();
  // }
  setOptionStart();
  var token = getToken();
  var url = socketUrl + "?token=" + token;
  Window.ws = new WebSocket(url);
  Window.ws.option = () => {};
  Window.ws.onmessage = (msg) => {
    // console.log('来自服务器端的数据：' + msg.data); //监听接受来自服务端的信息
    if (msg.data != "连接成功") {
      var val = JSON.parse(msg.data);

      if (val.analysisForPost && val.analysisForPost.token == token) {
        var data = val.analysisForPost;
        switch (wktType.value) {
          case "Point":
            setWebSocketPoint(data);
            break;
          case "Polygon":
            setWebSocketPoint(data);
            break;
          case "LineString":
            setWebSocketPLine(data);
            break;
        }
      }
    }
  };
};
const setWebSocketPoint = (res) => {
  var obj = {
    avg: res.avgList.length <= 0 ? "--" : res.avgList.toString(),
    layerName: res.layerName,
    max: res.maxList.length <= 0 ? "--" : res.maxList.toString(),
    min: res.minList.length <= 0 ? "--" : res.minList.toString(),
    lng: store.state.plottingInquireData.entitiesData.lng,
    lat: store.state.plottingInquireData.entitiesData.lat,
  };
  resultList.value.push(obj);
};
const setWebSocketPLine = (res) => {
  res.points.forEach((element) => {
    element.vals.forEach((v) => {
      v = keepThreeNum(v);
    });
  });
  layeroptions.value.push(res);
  var data = layeroptions.value[0];
  layerValue.value = data.layerName;
  layerArr.value.push(data);
  layerData.value = data;
};
watch(
  () => store.state.plottingInquireData,
  (nVal, oVal) => {
    if (Window.ws) {
      setCloseWebSocket();
    }
    var url = socketUrl+"?token=" + getToken();
    Window.ws = new WebSocket(url);
    isShow.value = nVal.isshow;
    inquireData.value = nVal.entitiesData;
    geoWktFlag.value = false;
    if (inquireData.value.wkt) {
      var wkt = WKT.parse(inquireData.value.wkt);
    if (!nVal) return;
    setOptionStart();
    if (nVal.entitiesData.name != inquireData.value.name) {
      isShow.value = nVal.isshow;
      inquireData.value = nVal.entitiesData;
      geoWktFlag.value = false;
      if (inquireData.value.wkt) {
        var wkt = WKT.parse(inquireData.value.wkt);
        wktType.value = wkt.type;
        if (wkt.type == "Point") {
          geoWkt.value =
            wkt.coordinates[0].toFixed(6) + " " + wkt.coordinates[1].toFixed(6);
          geoWktFlag.value = true;
        }
        if (wkt.type == "Polygon") {
          var Polygon = turf.multiPolygon([wkt.coordinates]);
          var center = turf.center(Polygon);
          geoWkt.value =
            center.geometry.coordinates[0].toFixed(6) +
            " " +
            center.geometry.coordinates[1].toFixed(6);
          geoWktFlag.value = true;
        }
      }
      setWebSocketStart();

      if (wkt.type == "Point") {
        geoWkt.value =
          wkt.coordinates[0].toFixed(6) + " " + wkt.coordinates[1].toFixed(6);
        geoWktFlag.value = true;
      if (nVal.entitiesData.icon == "x.png") {
        pixelIsShow.value = true;
        chartIsshow.value = true;
        setWebScoKet("pline", nVal.entitiesData.wkt, ScopeBox.value.nodes);
        // selectPolyline({
        //   nodes: ScopeBox.value.nodes,
        //   wkt: nVal.entitiesData.wkt,
        // });
      }
      if (wkt.type == "Polygon") {
        var Polygon = turf.multiPolygon([wkt.coordinates]);
        var center = turf.center(Polygon);
        geoWkt.value =
          center.geometry.coordinates[0].toFixed(6) +
          " " +
          center.geometry.coordinates[1].toFixed(6);
        geoWktFlag.value = true;
      if (nVal.entitiesData.icon == "m.png") {
        chartIsshow.value = false;
        // if (nVal.entitiesData.name == oVal.entitiesData.name) {
        //   return;
        // }
        pixelIsShow.value = false;
        // selectPolygon({ wkt: nVal.entitiesData.wkt });
        setWebScoKet("polygon", nVal.entitiesData.wkt, 0);
      }
    }

    if (nVal.entitiesData.icon == "x.png") {
      pixelIsShow.value = true;
      setWebScoKet("pline", nVal.entitiesData.wkt, ScopeBox.value.nodes);
      // selectPolyline({
      //   nodes: ScopeBox.value.nodes,
      //   wkt: nVal.entitiesData.wkt,
      // });
    }
    if (nVal.entitiesData.icon == "m.png") {
      chartIsshow.value = false;
      if (nVal.entitiesData.name == oVal.entitiesData.name) {
        return;
      if (nVal && nVal.entitiesData.icon == "d.png") {
        chartIsshow.value = false;
        pixelIsShow.value = true;
        // selectPoint({
        //   pixel: ScopeBox.value.pixel,
        //   wkt: nVal.entitiesData.wkt,
        // });
        setWebScoKet("polygon", nVal.entitiesData.wkt, ScopeBox.value.pixel);
      }
      pixelIsShow.value = false;
      // selectPolygon({ wkt: nVal.entitiesData.wkt });
      setWebScoKet("polygon", nVal.entitiesData.wkt, 0);
    }
    if (nVal && nVal.entitiesData.icon == "d.png") {
      chartIsshow.value = false;
      pixelIsShow.value = true;
      // selectPoint({
      //   pixel: ScopeBox.value.pixel,
      //   wkt: nVal.entitiesData.wkt,
      // });
      setWebScoKet("polygon", nVal.entitiesData.wkt, ScopeBox.value.pixel);
    }
  },
  { deep: true }