修改鼠标获取经纬度方法；添加分辨率显示功能;修改图层管理，字体大小，菜单样式；修改图层编辑弹窗样式;添加地图快照功能;修改左侧菜单样式

Surpriseplus

2023-07-03 698582a994ef3c05bb6243952675b0f14f31ca2e

 src/views/search/search.vue

@@ -5,19 +5,58 @@
        v-model="searchValue"
        class="searchInput"
        placeholder="请输入地名"
        :prefix-icon="Search"
        :clearable="true"
      />
      >
        <template #suffix>
          <el-icon
            title="清除"
            @click="setSearchClose"
            class="el-input__icon"
          >
            <Close />
          </el-icon>
        </template>
        <template #prefix>
          <el-icon
            @click="setSearchClick"
            title="查询"
            class="el-input__icon"
          >
            <search />
          </el-icon>
        </template>
      </el-input>
    </div>
    <div class="search_content">
      <el-collapse v-model="activeNames" @change="handleChange">
        <el-collapse-item title="查询结果" name="1">
          <div class="search_content_text">总查询结果:448</div>
    <div
      v-if="searchFLag"
      class="search_content"
    >
      <el-collapse
        v-model="activeNames"
        @change="handleChange"
      >
        <el-collapse-item
          title="查询结果"
          name="1"
        >
          <div class="search_content_text">总查询结果:{{ listData.count }}</div>
          <div class="search_content_text paging">
            总页数：45
            <el-button size="small" text :icon="DArrowLeft" class="pagingBtn" />
            <el-button size="small" text :icon="ArrowLeft" class="pagingBtn1" />
            <el-input class="numInput" v-model="num" />
            总页数：{{listData.page }}
            <el-button
              size="small"
              text
              :icon="DArrowLeft"
              class="pagingBtn"
            />
            <el-button
              size="small"
              text
              :icon="ArrowLeft"
              class="pagingBtn1"
            />
            <el-input
              class="numInput"
              v-model="listData.num"
            />
            <el-button
              size="small"
              text
@@ -77,13 +116,27 @@
let searchValue = ref("");

const activeNames = ref(["1"]);
const num = ref(1);
const listData = ref({
  count: 0,
  page: 0,
  num: 1,
});
const NumhandleChange = (value: number) => {
  console.log(value);
};
const handleChange = (val: string[]) => {
  console.log(val);
};
const setSearchClose = () => {
  searchFLag.value = false;

  searchValue.value = "";
};
const setSearchClick = () => {
  if (!searchValue) return;
  searchFLag.value = true;
};
const searchFLag = ref(false);
const tableData = reactive([
  {
    date: "1",
@@ -111,6 +164,9 @@
.searchInput {
  width: 222px;
  height: 35px;
  /deep/.el-input__icon {
    color: #d6e4ff;
  }
}
.search_content {
  margin-top: 8px;