月球大数据地理空间分析展示平台-【前端】-月球2期前端
Surpriseplus
2023-07-03 acaf0e90887fa217ff9aec6d0f25af5ec5e237a9
配置修改
已修改9个文件
78 ■■■■ 文件已修改
public/config/config.js 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
public/mapscreen/css/style.css 14 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/api/api.js 8 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/assets/js/Map/config.js 7 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/assets/js/Map/index.js 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/topBtn.vue 2 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/login.vue 15 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/menus.vue 4 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/search/search.vue 24 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
public/config/config.js
@@ -1 +1 @@
const BASE_URL = "http://127.0.0.1:9999/api/moonProject/"; //后端接口地址
const BASE_URL = "http://192.168.20.83:8088/MoonServer/"; //后端接口地址
public/mapscreen/css/style.css
@@ -1,4 +1,5 @@
html, body {
html,
body {
  position: absolute;
  width: 100%;
  height: 100%;
@@ -55,13 +56,20 @@
}
.world-globe-halo {
  position: absolute;
  /* position: absolute;
  left: 50%;
  top: 50%;
  width: 730px;
  height: 715px;
  margin-left: -368px;
  margin-top: -350px;
  margin-top: -350px; */
  position: absolute;
  left: 50%;
  top: 50%;
  width: 730px;
  height: 681px;
  margin-left: -368px;
  margin-top: -324px;
}
.info {
src/api/api.js
@@ -13,3 +13,11 @@
  //请求地址
  return request.get("/select", { params: params });
}
//地名查询
export function dataQuery_selectByPage(params) {
  //请求地址
  return request.get("/dataQuery/selectByPage", { params: params });
}
src/assets/js/Map/config.js
@@ -1,9 +1,16 @@
//是否为生产环境
const isWeb = false;
//是否为生产环境
const webUrl = isWeb ? "/web" : ""
//配置文件地址
const config = {
  //椭球体初始化加载图片
  imgUrl: "Workers/image/earth.jpg",
  //license许可
  licenseServer: "http://183.162.245.49:18080",
  //SDK许可
  StaticFileBaseUrl: webUrl + "/CIMSDK/",
  //tmsserver
  moonTms: "/TMS",
  //Wmtsserver
src/assets/js/Map/index.js
@@ -16,7 +16,7 @@
    );
    //页面初始化
    this.earthCtrl = new SmartEarth.EarthCtrl("cesiumContainer", {
      StaticFileBaseUrl: "/CIMSDK/",
      StaticFileBaseUrl: config.StaticFileBaseUrl,
    });
    // this.earthCtrl.environment.disableAllEffect();
src/components/topBtn.vue
@@ -137,12 +137,14 @@
      margin-right: 7px;
      background: url("../assets/img/topBtn/图标bj.png") no-repeat;
      background-size: 100% 100%;
      opacity: 0.8;
      .First_img {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 1;
      }
    }
src/views/login.vue
@@ -30,6 +30,7 @@
    </div>
    <div class="zz">
      <div class="title_img">
        <div class="titleLogo"></div>
        <h3>月球大数据地理空间分析展示平台</h3>
      </div>
      <div class="loginMenu">
@@ -175,14 +176,22 @@
  }
  .title_img {
    position: absolute;
    left: 15%;
    left: 12%;
    top: 8%;
    width: 20%;
    /* transform: translateX(-50%); */
    display: flex;
    align-items: center;
    .titleLogo {
      width: 80px;
      height: 80px;
      background: url("../assets/img/logo.png") no-repeat;
      background-size: 100% 100%;
    }
    h3 {
      color: #fff;
      font-size: 40px;
      white-space: nowrap;
      margin-left: 10px;
    }
  }
}
src/views/menus.vue
@@ -168,7 +168,7 @@
.menus {
  position: absolute;
  top: 27px;
  left: 14px;
  left: 0px;
  .logo_box {
    display: flex;
    align-items: center;
@@ -194,7 +194,7 @@
    }
  }
  .menus_box {
    background: #010a1c;
    background: rgba(1, 10, 28, 0.68);
    left: 7px;
    position: absolute;
src/views/search/search.vue
@@ -55,7 +55,7 @@
            />
            <el-input
              class="numInput"
              v-model="listData.num"
              v-model="listData.pageIndex"
            />
            <el-button
              size="small"
@@ -105,21 +105,15 @@
  defineProps,
  defineEmits,
} from "vue";
import {
  Search,
  DArrowLeft,
  ArrowLeft,
  ArrowRight,
  DArrowRight,
} from "@element-plus/icons-vue";
import { dataQuery_selectByPage } from "@/api/api.js";
let searchValue = ref("");
const activeNames = ref(["1"]);
const listData = ref({
  count: 0,
  page: 0,
  num: 1,
  pageIndex: 1,
  pageSize: 10,
});
const NumhandleChange = (value: number) => {
  console.log(value);
@@ -132,8 +126,16 @@
  searchValue.value = "";
};
const setSearchClick = () => {
const setSearchClick = async () => {
  if (!searchValue) return;
  var obj = {
    filter: "name like '" + searchValue.value + "'",
    pageIndex: listData.value.pageIndex,
    pageSize: listData.value.pageSize,
  };
  const data = await dataQuery_selectByPage(obj);
  debugger;
  searchFLag.value = true;
};
const searchFLag = ref(false);