From 90671325090a58b0dfc91dac6a84b1c2a09eaac7 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期四, 27 三月 2025 17:29:27 +0800
Subject: [PATCH] 修复绘制轨迹线时，上一组数据没有清除的问题
---
src/views/underwaymix/component/GridStyleTool.vue | 59 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 58 insertions(+), 1 deletions(-)
diff --git a/src/views/underwaymix/component/GridStyleTool.vue b/src/views/underwaymix/component/GridStyleTool.vue
index 76d636a..35b61e7 100644
--- a/src/views/underwaymix/component/GridStyleTool.vue
+++ b/src/views/underwaymix/component/GridStyleTool.vue
@@ -16,7 +16,7 @@
<div v-for="(g, i) in gridCtrlList" :key="i">
{{ g.name }}
<div v-for="(value, t) in g.views" :key="t">
- <!-- {{ value[0] }} -->
+ <span v-if="value.extData.type == 0">{{ value.tag + '.' }}</span>
{{ value.extData.name }}
<!-- {{ key }} -->
<!-- <el-text>{{ g.name }}</el-text> -->
@@ -53,10 +53,25 @@
>
</CheckButton>
<CheckButton
+ active-text="椋庨櫓鐑姏鍥�"
+ inactive-text="椋庨櫓鐑姏鍥�"
+ :default-value="false"
+ @change="(e) => handleHeatMapClick(e, i, value)"
+ >
+ </CheckButton>
+ <CheckButton
+ v-if="value.extData.type == 0"
active-text="鏄剧ず璧拌埅杞ㄨ抗"
inactive-text="闅愯棌璧拌埅杞ㄨ抗"
:default-value="false"
@change="(e) => handleUnderwayClick(e, i, value)"
+ >
+ </CheckButton>
+ <CheckButton
+ v-if="value.extData.type == 1"
+ active-text="楂樹寒铻嶅悎缃戞牸"
+ :default-value="true"
+ @change="(e) => handleHighlightGridClick(e, i, value)"
>
</CheckButton>
</el-row>
@@ -97,6 +112,10 @@
* 缃戞牸鏍峰紡鎺у埗宸ュ叿
*/
import { ref, reactive, onMounted, onUnmounted, computed, toRaw } from 'vue';
+import gridApi from '@/api/gridApi';
+import { useGridStore } from '@/stores/grid-info';
+
+const gridStore = useGridStore()
const props = defineProps({
// 缃戞牸绠＄悊瀵硅薄[SatelliteGrid]鏁扮粍
@@ -188,11 +207,49 @@
dataId: value.tag
});
}
+
+function handleHighlightGridClick(e, index, value) {
+ toRaw(props.gridCtrls[index]).mixGrid(value.tag.split('-'), e);
+}
+
+let heatTag
+function handleHeatMapClick(e, index, value) {
+ const _satelliteGrid = toRaw(props.gridCtrls[index])
+ _satelliteGrid.changeVisibility({
+ showGridViews: false,
+ showDataTxt: false,
+ showRankTxt: false
+ });
+ if (e) {
+ const data = _satelliteGrid.gridDataDetailMap.get(value.tag);
+ gridApi.buildUnderwayHeatmap(3, data).then((res) => {
+ heatTag = _satelliteGrid.drawHeatGrid2(value.tag, res.data);
+ _satelliteGrid.setGridEvent(
+ [heatTag],
+ 'click',
+ (gridCell, gridDataDetail) => {
+ gridStore.selectedGridCellAndDataDetail = {
+ gridCell,
+ gridDataDetail
+ };
+ }
+ );
+ });
+ } else {
+ _satelliteGrid.changeVisibility({
+ tags: [value.tag],
+ showGridViews: true
+ });
+ }
+}
</script>
<style scoped>
.content-wrap {
min-width: 300px;
min-height: 600px;
+ max-height: 80vh;
+ height: 80vh;
+ padding: 4px 16px;
}
:deep(.el-input-number) {
--
Gitblit v1.9.3