From 241a418e5977ab11fc07f01ffcc9e07620a0a634 Mon Sep 17 00:00:00 2001
From: szdot <szdot@qq.com>
Date: Mon, 23 Jun 2025 04:27:12 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E7=B1=BB=20=20=E5=9E=8B=E3=80=91?=
 =?UTF-8?q?=EF=BC=9Afeat=20=E3=80=90=E5=8E=9F=20=20=E5=9B=A0=E3=80=91?=
 =?UTF-8?q?=EF=BC=9A1.=E6=9F=B1=E7=8A=B6=E5=9B=BE=20=E7=BA=BF=E5=9E=8B?=
 =?UTF-8?q?=E5=9B=BE=E5=88=87=E6=8D=A2=E5=8A=9F=E8=83=BD=20=202=E5=88=A0?=
 =?UTF-8?q?=E9=99=A4=20=E4=BF=9D=E5=AD=98=E8=AF=A6=E6=83=85=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=20=E3=80=90=E8=BF=87=20=20=E7=A8=8B=E3=80=91=EF=BC=9A?=
 =?UTF-8?q?=20=E3=80=90=E5=BD=B1=20=20=E5=93=8D=E3=80=91=EF=BC=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

# 类型 包含:
# feat：新功能（feature）
# fix：修补bug
# docs：文档（documentation）
# style： 格式（不影响代码运行的变动）
# refactor：重构（即不是新增功能，也不是修改bug的代码变动）
# test：增加测试
# chore：构建过程或辅助工具的变动
---
 .../components/main/register/flyData.vue      | 27 ++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/src/views/layout/components/main/register/flyData.vue b/src/views/layout/components/main/register/flyData.vue
index 02e0ddc..be85798 100644
--- a/src/views/layout/components/main/register/flyData.vue
+++ b/src/views/layout/components/main/register/flyData.vue
@@ -2,14 +2,29 @@
   <div class="app-container">
     <div class="fly-data-wrapper">
       <div class="top-bar">
-        <DateRangePicker v-model="dateRange" class="m-r-20 m-b-20" />
-        <el-radio-group v-model="radioClass">
+        <!-- 日期选择 -->
+        <span class="m-r-20 m-b-20" style="position: relative;">
+          <DateRangePicker v-model="dateRange" style="top:-10px"/>
+        </span>
+        <!-- 组合按钮 -->
+        <el-button-group class="m-r-20 m-b-20">
+          <el-button type="primary" icon="el-icon-plus" @click="$router.replace('/site/add')">详情保存</el-button>
+          <el-button type="danger" icon="el-icon-delete"
+            @click="deleteSite(countSelIdArr($refs.myTable.selection))">删除</el-button>
+        </el-button-group>
+        <!-- 项目选择 -->
+        <el-radio-group v-model="radioClass" class="m-r-20 m-b-20">
           <el-radio-button label="作业架次"></el-radio-button>
           <el-radio-button label="飞行时长"></el-radio-button>
           <el-radio-button label="飞行距离"></el-radio-button>
           <el-radio-button label="消耗电量"></el-radio-button>
           <el-radio-button label="飞行轨迹"></el-radio-button>
         </el-radio-group>
+        <!-- 显示类型 -->
+        <el-radio-group v-model="typeClass" class="m-r-20 m-b-20">
+          <el-radio-button label="柱状图"></el-radio-button>
+          <el-radio-button label="线型图"></el-radio-button>
+        </el-radio-group>
       </div>
 
       <div class="chart-area" v-if="flyDataList.length">
@@ -41,6 +56,7 @@ export default {
       selectedPlaneIdArr: this.$store.state.app.toFlyDataIdArr,
       dateRange: [start, end],
       radioClass: '作业架次',
+      typeClass: '柱状图',
       boxShow: true
     }
   },
@@ -176,6 +192,11 @@ export default {
         this.onMapReady()
       }
     },
+    typeClass () {
+      this.$nextTick(() => {
+        this.initChart()
+      })
+    },
     dateRange: {
       handler () {
         this.loadFlyData()
@@ -325,7 +346,7 @@ export default {
         grid: { top: '55%' },
         series: [
           ...this.source.slice(1).map(() => ({
-            type: 'line',
+            type: this.typeClass === '柱状图' ? 'bar' : 'line',
             smooth: true,
             seriesLayoutBy: 'row',
             emphasis: { focus: 'series' }