From 698582a994ef3c05bb6243952675b0f14f31ca2e Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期一, 03 七月 2023 16:21:42 +0800
Subject: [PATCH] 修改鼠标获取经纬度方法；添加分辨率显示功能;修改图层管理，字体大小，菜单样式；修改图层编辑弹窗样式;添加地图快照功能;修改左侧菜单样式
---
src/views/search/search.vue | 80 ++++++++++++++++++++++++++++++++++------
1 files changed, 68 insertions(+), 12 deletions(-)
diff --git a/src/views/search/search.vue b/src/views/search/search.vue
index 40c7f0b..7612f91 100644
--- a/src/views/search/search.vue
+++ b/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;
--
Gitblit v1.9.3