From 2592dc279ec82bf3649a4dbe644c6416263a10ef Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期五, 07 三月 2025 17:10:25 +0800 Subject: [PATCH] 各模块功能新增 --- src/views/satellitetelemetry/SatelliteTelemetry.vue | 98 ++++++++++++++++++++++-------------------------- 1 files changed, 45 insertions(+), 53 deletions(-) diff --git a/src/views/satellitetelemetry/SatelliteTelemetry.vue b/src/views/satellitetelemetry/SatelliteTelemetry.vue index 9e2998f..9cfd538 100644 --- a/src/views/satellitetelemetry/SatelliteTelemetry.vue +++ b/src/views/satellitetelemetry/SatelliteTelemetry.vue @@ -1,53 +1,40 @@ <template> - <SatelliteMixTool :group-id="3"></SatelliteMixTool> - - <el-row class="wrap"> - <el-col span="2"> - <!-- <div class="p-events-auto"> - <el-button - type="primary" - class="el-button-custom" - size="small" - @click="previousGrid" - > - 涓婁竴涓� - </el-button> - <el-button - type="primary" - class="el-button-custom" - size="small" - @click="nextGrid" - > - 涓嬩竴涓� - </el-button> - </div> --> - <el-row> - <SatelliteManage - v-show="show" - class="satellite-manage" - :gridDataList="satelliteGridStore.gridDataList" - :loading="loading" - @search="onSearch" - @row-click="handleRowClick" - @show-rank="handleRankClick" - @show-data="handleDataClick" - @change-color="handleColorClick" - @change-opacity="handleOpacityClick" - ></SatelliteManage> - </el-row> - </el-col> - <el-col span="2"> - <el-row> - <CardButton - name="鍗槦閬ユ祴鏁版嵁" - direction="right" - @click="() => (show = !show)" - ></CardButton> - </el-row> - </el-col> + <el-row justify="space-between"> + <el-row class="wrap"> + <el-col span="2"> + <el-row> + <SatelliteManage + v-show="show" + class="satellite-manage" + :gridDataList="satelliteGridStore.gridDataList" + :loading="loading" + @search="onSearch" + @row-click="handleRowClick" + ></SatelliteManage> + </el-row> + </el-col> + <el-col span="2"> + <el-row> + <CardButton + name="鍗槦閬ユ祴鏁版嵁" + direction="right" + @click="() => (show = !show)" + ></CardButton> + </el-row> + <el-row class="flex-col"> + <GridStyleTool + @show-rank="handleRankClick" + @show-data="handleDataClick" + @change-color="handleColorClick" + @change-opacity="handleOpacityClick" + ></GridStyleTool> + </el-row> + </el-col> + </el-row> + <GridTool></GridTool> </el-row> - <SatelliteDataMix class="data-mix" @mix-data="handleMixDataClick"> - </SatelliteDataMix> + <!-- <SatelliteDataMix class="data-mix" @mix-data="handleMixDataClick"> + </SatelliteDataMix> --> <!-- <el-row class="historical" justify="center"> <SatelliteAnimation @@ -68,6 +55,7 @@ import SatelliteManage from './component/SatelliteManage.vue'; import SatelliteDataMix from './component/SatelliteDataMix.vue'; import SatelliteMixTool from './component/SatelliteMixTool.vue'; +import GridStyleTool from './component/GridStyleTool.vue'; import { SatelliteProxy } from './SatelliteProxy'; import { useFetchData } from '@/composables/fetchData'; import { useSatelliteGridStore } from '@/stores/satellite-grid'; @@ -155,7 +143,7 @@ // }); }); satelliteProxy.setGridEvent('click', (e) => { - const polygon = e.target + const polygon = e.target; const { gridCell } = polygon.getExtData(); const cellIndex = gridCell.cellIndex; const gridDataDetail = @@ -168,7 +156,10 @@ } function drawGrid(gridDataDetail) { - satelliteProxy.drawGrid({ gridDataDetail: gridDataDetail }); + satelliteProxy.drawGrid({ + gridDataDetail: gridDataDetail, + useDataTxtColor: true + }); } function handleRowClick(row) { @@ -186,12 +177,13 @@ function handleColorClick(isStandardColor) { satelliteProxy.drawGrid({ gridDataDetail: satelliteGridStore.selectedGridDataDetail, - useCustomColor: !isStandardColor + useCustomColor: !isStandardColor, + useDataTxtColor: true }); } -function handleOpacityClick(isOpacity) { - satelliteProxy.changeGridOpacity({ isOpacity }); +function handleOpacityClick(value) { + satelliteProxy.changeGridOpacity({ opacityValue: value }); } function handleMixDataClick(gridData) { -- Gitblit v1.9.3