标绘查询点，多边形添加最大最小值，线查询添加单位

surprise

2023-11-28 64e1db9d04bd4e2dd8ee4e61f2ec1de922c2f84d

标绘查询点，多边形添加最大最小值，线查询添加单位

 public/index.html

@@ -10,14 +10,15 @@
  <title>
    <%= htmlWebpackPlugin.options.title %>
  </title>
  <link rel="stylesheet" href="./WebSDK/WebSDK.min.css">
  <script src="./WebSDK/Assets/jquery-2.0.3.js"></script>

  <script src="./WebSDK/WebSDK.min.js"></script>
  <script src="./OL/ol.js"></script>
  <link href="./OL/ol.css" rel="stylesheet" />
  <script src="./OL/proj4.js"></script>
  <link rel="stylesheet" href="./SmartEarthSDK/Workers/layui/css/layui.css">
  <link rel="stylesheet" href="./WebSDK/WebSDK.min.css">
  <script src="./WebSDK/Workers/jquery-2.0.3.js"></script>

  <script src="./WebSDK/WebSDK.min.js"></script>
  <script src="proj4/proj4.js"></script>

  <script src="./config/config.js"></script>

 src/assets/js/Map/menuTool.js

@@ -632,6 +632,7 @@
  },
  //线漫游
  lineRoam() {
    Viewer.scene.globe.depthTestAgainstTerrain = true;
     // 绘制路线并获取路径动画数据
     earthCtrl.Command.execute(2, 3, "", (data) => {
        

 src/components/BarGraph.vue

@@ -71,6 +71,7 @@
    props.layerData.points.forEach((e, i) => {
      xAxisData.value.push(e.len);
    });
   
    data = trans(props.layerData.points);
    optionData = props.layerData.points;
    seriesData.value = [];
@@ -116,6 +117,7 @@
  if (myChart) {
    myChart.clear();
  }
  var unit = props.layerData.unit ? props.layerData.unit : '';
  var valXData = [];
  xAxisData.value.filter((rs) => {
    valXData.push((parseFloat(rs) / 1000).toFixed(3));
@@ -213,6 +215,7 @@
    },

    yAxis: {
      name: unit,
      type: "value",
      show: true, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字
      axisTick: {

 src/components/BarGraphAxisLine.vue

@@ -32,6 +32,7 @@
  props.layerData.points.forEach((e, i) => {
    xAxisData.value.push(returnFloat1(e.len));
  });
  debugger
  data = trans(props.layerData.points);
  seriesData.value = [];
  data.forEach((e) => {
@@ -81,10 +82,12 @@
  return result;
}
function initChart() {
 
  let chart = myEcharts.init(
    document.getElementById("myEchartsBIG"),
    "purple-passion"
  );
  var unit = props.layerData.unit ? props.layerData.unit : '';
  var val = [];
  xAxisData.value.filter(res => {
    val.push((res / 1000).toFixed(3));
@@ -197,6 +200,7 @@
    },

    yAxis: {
      name:unit,
      type: "value",

    },

 src/views/plotting/plottingInquire.vue

@@ -147,6 +147,8 @@
                  <div class="table_head_td">序号</div>
                  <div class="table_head_td">
                    <span>图层名</span>
                    <span>最大值</span>
                    <span>最小值</span>
                    <span>分析结果</span>
                  </div>
                </div>
@@ -154,7 +156,10 @@
                  <div class="table_tr" v-for="(e, i) in resultList" :key="i">
                    <div class="table_td">{{ i + 1 }}</div>
                    <div class="table_td">
                      <span>{{ e.layerName }}（米）</span>
                   
                      <span>{{ e.layerName }}</span>
                      <span>{{ e.max }}</span>
                      <span>{{ e.min }}</span>
                      <span>{{ e.avg }}</span>
                    </div>
                  </div>
@@ -411,6 +416,7 @@
    return ElMessage.error("查询错误");
  }

  debugger
  dt.result.forEach((e) => {
    if (e.code != 200) {
      e.avg = "-";
@@ -425,6 +431,7 @@

    resultList.value.push(e);
  });

  console.log(resultList.value);
};
//面查询接口
@@ -689,7 +696,7 @@
  position: absolute;
  right: 26px;
  top: 80px;
  width: 320px;
  width: 400px;
  background: rgba(7, 8, 14, 0.8);
  z-index: 100;

@@ -857,7 +864,7 @@
          }

          .table_head_td:nth-child(2) {
            width: 237px;
            width:16.34375vw;
            display: flex;
            justify-content: space-between;
            align-items: center;
@@ -887,12 +894,17 @@
              align-items: center;
              border-right: 1px solid rgba(214, 228, 255, 0.4);
              box-sizing: border-box;

              div{
                width: 100%;
                background: skyblue;
                height: 100%;
              }
              // padding: 5px;
              // white-space: nowrap;
              span {
                
                display: block;
                width: 50%;
                width: 17%;
                word-wrap: break-word;
                // white-space: pre;
                text-align: left;
@@ -903,22 +915,19 @@
                // justify-content: flex-end;
                // margin-left: 5%;
                //  float: right;
                width: 40%;
                text-align: right;
                // width:16.34375vw;
                text-align: center;
                // background: skyblue;
              }
            }

            .table_td:nth-child(2) {
              width: 237px;
              width: 16.34375vw;
              display: flex;
              justify-content: space-between;
              align-items: center;
              // padding: 0 10px;
              padding-left: 10px;
              padding-right: 10px;
              padding-top: 5px;
              padding-bottom: 5px;
              border-right: 0;
            justify-content: space-between;
            align-items: center;
            padding: 0 10px;
            border-right: 0;
            }
          }