【类 型】：feat

【原  因】：1.柱状图 线型图切换功能  2删除 保存详情按钮
【过  程】：
【影  响】：

# 类型 包含:
# feat：新功能（feature）
# fix：修补bug
# docs：文档（documentation）
# style： 格式（不影响代码运行的变动）
# refactor：重构（即不是新增功能，也不是修改bug的代码变动）
# test：增加测试
# chore：构建过程或辅助工具的变动

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' }