输入框选择图片

WX

2023-07-27 807d0f5ee9b78824f18788ea8a50b8dfd9f9bb2e

 src/views/search/search.vue

@@ -7,40 +7,23 @@
        placeholder="请输入地名"
      >
        <template #suffix>
          <el-icon
            title="清除"
            @click="setSearchClose"
            class="el-input__icon"
          >
          <el-icon title="清除" @click="setSearchClose" class="el-input__icon">
            <Close />
          </el-icon>
        </template>
        <template #prefix>
          <el-icon
            @click="setSearchClick"
            title="查询"
            class="el-input__icon"
          >
          <el-icon @click="setSearchClick" title="查询" class="el-input__icon">
            <search />
          </el-icon>
        </template>
      </el-input>
    </div>
    <div
      v-if="searchFLag"
      class="search_content"
    >
      <el-collapse
        v-model="activeNames"
        @change="handleChange"
      >
        <el-collapse-item
          title="查询结果"
          name="1"
        >
    <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">
            总页数：{{listData.page }}
            总页数：{{ listData.page }}
            <el-button
              size="small"
              text
@@ -76,7 +59,6 @@
            />
          </div>
          <div class="table_box">

            <div class="table_header">
              <div class="table_th_x">序号</div>
              <div class="table_th">地名</div>
@@ -84,13 +66,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_x">{{ flag + 1 }}</div>
                <div class="table_th">{{ item.enName }}</div>
              </div>

            </div>
          </div>
        </el-collapse-item>
@@ -114,7 +95,7 @@
  ArrowRight,
  DArrowRight,
} from "@element-plus/icons-vue";

import config from "@/assets/js/Map/config";
import { dataQuery_selectByPage } from "@/api/api.js";
import { ElMessage } from "element-plus";
let searchValue = ref("");
@@ -145,7 +126,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/mark.png",
    {},
    0,
    "标签点"
@@ -198,7 +179,7 @@
  setPoitCannel();
};
const setSearchClick = async () => {
  if (!searchValue) return;
  if (!searchValue.value) return;

  var obj = {
    filter: "name like '" + searchValue.value + "'",
@@ -221,7 +202,11 @@
</script>
<style lang="less" scoped>
.searchBox {
  margin-left: 34px;
  // margin-left: 34px;
  // height: auto;
  position: absolute;
  top: 0;
  right: -277px;
}
.searchInput {
  width: 243px;