| | |
| | | const BASE_URL = "http://127.0.0.1:9999/api/moonProject/"; //后端接口地址 |
| | | const BASE_URL = "http://192.168.20.83:8088/MoonServer/"; //后端接口地址 |
| | |
| | | html, body { |
| | | html, |
| | | body { |
| | | position: absolute; |
| | | width: 100%; |
| | | height: 100%; |
| | |
| | | } |
| | | |
| | | .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 { |
| | |
| | | //请求地址 |
| | | return request.get("/select", { params: params }); |
| | | } |
| | | |
| | | |
| | | //地名查询 |
| | | export function dataQuery_selectByPage(params) { |
| | | //请求地址 |
| | | return request.get("/dataQuery/selectByPage", { params: params }); |
| | | } |
| | | |
| | |
| | | |
| | | //是否为生产环境 |
| | | 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 |
| | |
| | | ); |
| | | //页面初始化 |
| | | this.earthCtrl = new SmartEarth.EarthCtrl("cesiumContainer", { |
| | | StaticFileBaseUrl: "/CIMSDK/", |
| | | StaticFileBaseUrl: config.StaticFileBaseUrl, |
| | | }); |
| | | // this.earthCtrl.environment.disableAllEffect(); |
| | | |
| | |
| | | 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; |
| | | } |
| | | } |
| | | |
| | |
| | | </div> |
| | | <div class="zz"> |
| | | <div class="title_img"> |
| | | <div class="titleLogo"></div> |
| | | <h3>月球大数据地理空间分析展示平台</h3> |
| | | </div> |
| | | <div class="loginMenu"> |
| | |
| | | } |
| | | .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; |
| | | } |
| | | } |
| | | } |
| | |
| | | .menus { |
| | | position: absolute; |
| | | top: 27px; |
| | | left: 14px; |
| | | left: 0px; |
| | | .logo_box { |
| | | display: flex; |
| | | align-items: center; |
| | |
| | | } |
| | | } |
| | | .menus_box { |
| | | background: #010a1c; |
| | | background: rgba(1, 10, 28, 0.68); |
| | | |
| | | left: 7px; |
| | | position: absolute; |
| | |
| | | /> |
| | | <el-input |
| | | class="numInput" |
| | | v-model="listData.num" |
| | | v-model="listData.pageIndex" |
| | | /> |
| | | <el-button |
| | | size="small" |
| | |
| | | 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); |
| | |
| | | |
| | | 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); |