保留三位数

WX

2023-09-15 3e141a386dad33a7a660dd1b6a02a96df6f8f886

保留三位数

 src/views/menus.vue

@@ -1,21 +1,10 @@
<template>
  <div
    class="menus"
    v-show="fullScreen"
  >
  <div class="menus" v-show="fullScreen">
    <div class="logo_box">
      <img
        src="../assets/img/logo.png"
        alt=""
        class="logo"
      />
      <img src="../assets/img/logo.png" alt="" class="logo" />
      <div class="logo_name">
        <h3>月球大数据地理空间分析展示平台</h3>
        <img
          src="../assets/img/logob.png"
          alt=""
          class="logo_name_b"
        />
        <img src="../assets/img/logob.png" alt="" class="logo_name_b" />
      </div>
    </div>
    <div class="menus_box">
@@ -40,16 +29,11 @@
      </div>
    </div>
  </div>
  <div
    class="content_box"
    v-show="fullScreen"
  >
  <div class="content_box" v-show="fullScreen">
    <div
      v-show="checkMenuFlag == 'l1'"
      style="position: relative; display: flex"
    >

    </div>
    ></div>
    <div
      style="position: relative; display: flex"
      v-show="store.state.setLayerManager"
@@ -70,11 +54,7 @@
    <search v-if="thematicMapBtnState"> </search>
  </div>

  <div
    class="fullScreen_btn"
    v-show="!fullScreen"
    @click="screen"
  ></div>
  <div class="fullScreen_btn" v-show="!fullScreen" @click="screen"></div>
  <div
    v-show="store.state.doubleMenu"
    class="setDobuleMap"
@@ -88,31 +68,27 @@
  >
    <double-layer></double-layer>
  </div>
  <div style="display: flex; position: absolute; z-index: 30; top: 23px; right: 23px;">
  <div
    style="
      display: flex;
      position: absolute;
      z-index: 30;
      top: 23px;
      right: 23px;
    "
  >
    <thematic-map v-show="!thematicMapBtnState"></thematic-map>
    <top-btn
      v-show="fullScreen"
      v-if="thematicMapBtnState"
    ></top-btn>
    <top-btn v-show="fullScreen" v-if="thematicMapBtnState"></top-btn>
    <div>
      <div
        class="setUserLogo"
        @click="setLogMeu =!setLogMeu"
      >
      <div class="setUserLogo" @click="setLogMeu = !setLogMeu">
        <div class="setUserImage"></div>
        <div class="setUserTitle"> {{store.state.uname}} </div>
        <div class="setUserTitle">{{ store.state.uname }}</div>
      </div>
      <div
        v-show="setLogMeu"
        class="setLogContent"
        @click="setUserLogOut"
      >
      <div v-show="setLogMeu" class="setLogContent" @click="setUserLogOut">
        退出
      </div>
    </div>

  </div>

</template>

<script lang="ts" setup>

 src/views/plotting/plottingInquire.vue

@@ -426,11 +426,31 @@
    resultList.value.push(e);
  });
};
//保留三位小数
const keepThreeNum = (value) => {
  let resValue = 0;
  //小数点的位置
  let index = value && value.toString().indexOf(".") + 1;
  //小数的位数
  let num = value && Math.abs(Number(value)).toString().length - index;
  if (index && num > 3) {
    resValue = value && Number(value).toFixed(3);
  } else {
    resValue = value;
  }
  return resValue;
};

//线查询接口
const selectPolyline = async (res) => {
  layerArr.value = [];
  const dt = await selectByPolyline(res);
  console.log(dt);
  dt.result.forEach((e) => {
    e.points.forEach((element) => {
      element = keepThreeNum(element);
    });
  });
  layeroptions.value = dt.result;
  layerArr.value.push(dt.result[0]);
  chartIsshow.value = true;