月球大数据地理空间分析展示平台-【前端】-月球2期前端
WX
2023-09-14 be3618780ef924115aa63bf40ac56b515025eab7
src/views/layer/layerDetail.vue
@@ -1,7 +1,7 @@
<template>
  <div class="content">
    <div class="title">
      <label>详细编辑</label>
      <label> {{ layerData.cnName }}</label>
      <el-icon
        @click="setSpatialClose"
        :size="20"
@@ -11,16 +11,14 @@
      </el-icon>
    </div>
    <div class="layer_box">
      <div class="check_box">
        <!-- <el-checkbox @change="handlCheckAllChange" v-model="layerState">{{
          layerName
        }}</el-checkbox> -->
        {{ layerData.cnName }}
        <img
          src="../../assets/img/layer.png"
          alt=""
        />
      </div>
      <!--  <div class="check_box">
    {{ layerData.cnName }}
    <img
      src="../../assets/img/layer.png"
      alt=""
    />
  </div> -->
      <div
        class="slider-demo-block"
        v-show="diaphaneityShow"
@@ -85,7 +83,7 @@
          />
        </div>
      </div>
      <div
      <!-- <div
        class="selectBox"
        v-show="colorShow"
      >
@@ -103,8 +101,8 @@
          ></el-option>
        </el-select>
      </div>
      <div
      </div> -->
      <!-- <div
        class="selectBox"
        v-show="colorShow "
      >
@@ -135,10 +133,10 @@
              :style="item.domCss"
            ></div>
            <!-- <img :src="item.url" style="height: 30px; width: 100%" /> -->
          </el-option>
        </el-select>
      </div>
      </div> -->
      <div v-show="colorShow">
        <div class="selectBox">
          <el-button
@@ -170,6 +168,7 @@
import {
  publish_selectSjColorTables,
  publish_updateSjService,
  publish_updateSjLayerStretch,
} from "@/api/api";
import { ElMessage } from "element-plus";
import store from "@/store";
@@ -430,25 +429,34 @@
    geom = releaseLayer.value.geom;
  }
  var obj = {
    colorTable: color1, // 普通颜色表,可不设
    gradientColorTable: color2,
    // colorTable: color1, // 普通颜色表,可不设
    // gradientColorTable: color2,
    enhanceType: stretchValue.value, // 拉伸方式 0:不拉伸,1 线性拉伸,2 直方图均衡,3 标准差拉伸,4 伽马拉伸
    enhanceFactor: stretchNum.value, // 拉伸因子 null 或 小数
    dircode: "00", // 目录编码
    epsg: 104903, // 104903-月球2000,4326-WGS84
    ids: null, // 不要设定
    name: releaseLayer.value.cnName, // 当前服务名称
    nodata: 0, // 黑色-0,白色-255
    type: releaseLayer.value.type, // 影像-DOM,高程-
    geom: geom,
    pubid: releaseLayer.value.pubid,
    // dircode: "00", // 目录编码
    // epsg: 104903, // 104903-月球2000,4326-WGS84
    layerId: releaseLayer.value.id, // 不要设定
    // name: releaseLayer.value.cnName, // 当前服务名称
    // nodata: 0, // 黑色-0,白色-255
    // type: releaseLayer.value.type, // 影像-DOM,高程-
    // geom: geom,
    // pubid: releaseLayer.value.pubid,
  };
  const data = publish_updateSjService(obj);
  if (data.count != 200) {
    return ElMessage(data.msg);
  }
  store.state.restLayer = true;
  setSpatialClose();
  store.state.loading = true;
  publish_updateSjLayerStretch(obj).then((res) => {
    if (res.code != 200) {
      return ElMessage(data.msg);
    }
    if (res.code == 200 && res.result > 0) {
      store.state.loading = false;
      store.state.restLayer = true;
      setSpatialClose();
    } else {
      store.state.loading = false;
    }
  });
  // const data = ;
  // console.log("1122223" + data.code);
};
onMounted(() => {
  typeDisplay(props.layerData);
@@ -464,21 +472,24 @@
    colorShow.value = true;
  }
});
getColorJson();
// getColorJson();
</script>
<style lang="less" scoped>
.content {
  background: #1e2a3d;
  padding: 20px;
  // height: 400px;
  margin-left: 20px;
  min-width: 300px;
  margin-left: 385px;
  margin-top: 40px;
  min-width: 200px;
  z-index: 40;
  position: absolute;
  background: rgba(7, 8, 14, 0.8);
  border: 1px solid #d6e4ff;
  box-shadow: inset 0px 10px 40px 10px rgba(38, 47, 71, 1);
  .title {
    font-size: 18px;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #ffffff;