月球大数据地理空间分析展示平台-【前端】-月球2期前端
surprise
2023-11-28 64e1db9d04bd4e2dd8ee4e61f2ec1de922c2f84d
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,21 +915,18 @@
                // 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;
            padding: 0 10px;
              border-right: 0;
            }
          }