From 5d0ad67a45c25938c0ee890083ddb5aa4b97cd40 Mon Sep 17 00:00:00 2001
From: WX <1377869194@qq.com>
Date: 星期四, 14 九月 2023 16:03:43 +0800
Subject: [PATCH] 标绘贴地
---
src/views/plotting/plottingInquire.vue | 128 +++++++++++++++++++++++++++++++++++++++++-
1 files changed, 124 insertions(+), 4 deletions(-)
diff --git a/src/views/plotting/plottingInquire.vue b/src/views/plotting/plottingInquire.vue
index c87ada0..9cd78a5 100644
--- a/src/views/plotting/plottingInquire.vue
+++ b/src/views/plotting/plottingInquire.vue
@@ -45,7 +45,7 @@
@change="pixelChange"
>
<el-option
- v-for="item in options"
+ v-for="item in pixeloptions"
:key="item.value"
:label="item.label"
:value="item.value"
@@ -53,9 +53,42 @@
</el-select>
</div>
</div>
- <div class="chart_box" v-if="chartIsshow">
- <Bar-graph :width="'100%'" :height="'260px'"></Bar-graph>
+ <div class="chart" v-if="chartIsshow">
+ <div class="chart_box">
+ <div class="chart_btn">
+ <el-button
+ :icon="Search"
+ link
+ class="linkBtn"
+ @click="openDialog"
+ ></el-button>
+
+ <el-button :icon="Download" link class="linkBtn"></el-button>
+ <el-button
+ :icon="Delete"
+ link
+ class="del linkBtn"
+ ></el-button>
+ </div>
+ <Bar-graph :width="'100%'" :height="'260px'"></Bar-graph>
+ </div>
+ <div class="select_box">
+ <el-select
+ v-model="layerValue"
+ class="m-2"
+ placeholder="閫夋嫨鍥惧眰"
+ size="small"
+ >
+ <el-option
+ v-for="item in layeroptions"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ />
+ </el-select>
+ </div>
</div>
+
<div class="inquireContent_msg" v-if="!chartIsshow">
<div class="inquireContent_msg_k">
<span>鎻愬彇鐨勮竟鐣屾</span>
@@ -97,6 +130,14 @@
</div>
</div>
</div>
+ <div class="dialog" v-if="dialogShow" @click.self="dialogShow = false">
+ <div class="chart">
+ <i @click.capture="closeDialog"
+ ><el-icon><Close /></el-icon
+ ></i>
+ <BarGraphAxisLine :width="'856px'" :height="'636px'"></BarGraphAxisLine>
+ </div>
+ </div>
</template>
<script lang="ts" setup>
@@ -113,9 +154,11 @@
import { useStore } from "vuex"; // 寮曞叆useStore 鏂规硶
//echarts
import BarGraph from "@/components/BarGraph.vue";
+import BarGraphAxisLine from "@/components/BarGraphAxisLine.vue";
import { saveFSDZJsonToExcel } from "@/utils/downloadCSV.js";
import { selectByPoint, selectByPolygon, selectByPolyline } from "@/api/api";
import { ElMessage } from "element-plus";
+import { Search, Delete, Download } from "@element-plus/icons-vue";
const store = useStore(); // 璇ユ柟娉曠敤浜庤繑鍥瀞tore 瀹炰緥
const emits = defineEmits(["setCloseplotting"]);
let isShow = ref(false);
@@ -129,7 +172,22 @@
Scop: "",
pixel: "1",
});
-const options = [
+let layerValue = ref("");
+const layeroptions = [
+ {
+ value: "鍥惧眰鍚嶇О",
+ label: "鍥惧眰鍚嶇О",
+ },
+ {
+ value: "鍥惧眰鍚嶇О",
+ label: "鍥惧眰鍚嶇О",
+ },
+ {
+ value: "鍥惧眰鍚嶇О",
+ label: "鍥惧眰鍚嶇О",
+ },
+];
+const pixeloptions = [
{
value: "1",
label: "1脳1",
@@ -168,6 +226,16 @@
},
];
let resultList = ref([]);
+let dialogShow = ref(false);
+//鍏抽棴
+const closeDialog = () => {
+ dialogShow.value = false;
+ // alert(1);
+};
+//鎵撳紑
+const openDialog = () => {
+ dialogShow.value = true;
+};
//鍍忕礌閫夋嫨
const pixelChange = (val) => {
if (store.state.plottingInquireData.entitiesData.icon == "d.png") {
@@ -279,6 +347,7 @@
});
}
if (nVal.entitiesData.icon == "m.png") {
+ chartIsshow.value = false;
if (nVal.entitiesData.name == oVal.entitiesData.name) {
return;
}
@@ -286,6 +355,7 @@
selectPolygon({ wkt: nVal.entitiesData.wkt });
}
if (nVal && nVal.entitiesData.icon == "d.png") {
+ chartIsshow.value = false;
selectPoint({
pixel: ScopeBox.value.pixel,
wkt: nVal.entitiesData.wkt,
@@ -516,6 +586,56 @@
color: #d6e4ff;
}
}
+ .chart {
+ width: 100%;
+ }
+ .chart_box {
+ width: 100%;
+ .chart_btn {
+ display: flex;
+ justify-content: flex-end;
+ margin: 0 10px;
+ padding-top: 5px;
+ padding-bottom: 5px;
+ // border-bottom: 1px solid rgba(214, 228, 255, 0.4);
+ .linkBtn {
+ color: #d6e4ff;
+ }
+ .del {
+ color: red;
+ }
+ }
+ }
+ .select_box {
+ display: flex;
+ justify-content: center;
+ padding-bottom: 20px;
+ }
+ }
+}
+.dialog {
+ position: absolute;
+ top: 0;
+ height: 0;
+ width: 100vw;
+ height: 100vh;
+ background-color: rgba(255, 255, 255, 0.4);
+ z-index: 110;
+ .chart {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ background-color: rgb(33, 37, 44);
+ padding: 20px;
+ i {
+ position: absolute;
+ right: 2px;
+ top: 2px;
+ color: #fff;
+ font-size: 14px;
+ cursor: pointer;
+ }
}
}
</style>
--
Gitblit v1.9.3