月球大数据地理空间分析展示平台-【前端】-月球2期前端
WX
2023-09-13 513e1bdf4b2703409d9e4dbb776e67ffa0c134a6
src/views/search/search.vue
@@ -40,7 +40,7 @@
        >
          <div class="search_content_text">总查询结果:{{ listData.count }}</div>
          <div class="search_content_text paging">
            总页数:{{listData.page }}
            总页数:{{ listData.page }}
            <el-button
              size="small"
              text
@@ -76,7 +76,6 @@
            />
          </div>
          <div class="table_box">
            <div class="table_header">
              <div class="table_th_x">序号</div>
              <div class="table_th">地名</div>
@@ -84,13 +83,12 @@
            <div class="table_childer">
              <div
                class="table_tr"
                v-for='(item,flag) in tableData'
                v-for="(item, flag) in tableData"
                @click="setPointLocal(item)"
              >
                <div class="table_th_x">{{ flag +1}}</div>
                <div class="table_th">{{ item.enName }}</div>
                <div class="table_th_x">{{ flag + 1 }}</div>
                <div class="table_th">{{ item.name }}</div>
              </div>
            </div>
          </div>
        </el-collapse-item>
@@ -114,7 +112,7 @@
  ArrowRight,
  DArrowRight,
} from "@element-plus/icons-vue";
// import config from "../../../public/config/config.js";
import { dataQuery_selectByPage } from "@/api/api.js";
import { ElMessage } from "element-plus";
let searchValue = ref("");
@@ -128,15 +126,13 @@
  pageSize: 10,
});
const imageLabel = null;
const NumhandleChange = (value: number) => {
  console.log(value);
};
const handleChange = (val: string[]) => {
  console.log(val);
};
const NumhandleChange = (value: number) => {};
const handleChange = (val: string[]) => {};
const setPoitCannel = () => {
  imageLabel.deleteObject();
  imageLabel = null;
  if (imageLabel) {
    imageLabel.deleteObject();
    imageLabel = null;
  }
};
const setPointLocal = (res) => {
  if (imageLabel) {
@@ -145,7 +141,7 @@
  var position = { X: res.lon, Y: res.lat, Altitude: 10 };
  imageLabel = window.sgworld.Creator.CreateImageLabel(
    position,
    "http://183.162.245.49:82/05sdkdemo/src/static/image/mark.png",
    config.StaticFileBaseUrl + "/Workers/image/location.png",
    {},
    0,
    "标签点"
@@ -198,13 +194,13 @@
  setPoitCannel();
};
const setSearchClick = async () => {
  if (!searchValue) return;
  if (!searchValue.value) return;
  var obj = {
    filter: "name like '" + searchValue.value + "'",
    pageIndex: listData.value.pageIndex,
    pageSize: listData.value.pageSize,
    name: "lunarplacenane",
    name: "lunarplacename",
    hasGeom: 1,
  };
  const data = await dataQuery_selectByPage(obj);
@@ -221,7 +217,12 @@
</script>
<style lang="less" scoped>
.searchBox {
  margin-left: 34px;
  // margin-left: 34px;
  // height: auto;
  position: absolute;
  top: 0;
  right: -270px;
  z-index: 101;
}
.searchInput {
  width: 243px;
@@ -235,6 +236,7 @@
  width: 243px;
  //   background: rgba(7, 8, 14, 0.8);
  border-radius: 4px;
  z-index: 40px;
  .el-collapse,
  /deep/ .el-collapse-item__wrap {
    border: 0;