src/views/layout/components/main/register/flyData.vue

@@ -2,29 +2,14 @@
   <div class="app-container">
     <div class="fly-data-wrapper">
       <div class="top-bar">
-        <!-- 日期选择 -->
-        <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">
+        <DateRangePicker v-model="dateRange" class="m-r-20 m-b-20" />
+        <el-radio-group v-model="radioClass">
           <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">
@@ -56,7 +41,6 @@ export default {
       selectedPlaneIdArr: this.$store.state.app.toFlyDataIdArr,
       dateRange: [start, end],
       radioClass: '作业架次',
-      typeClass: '柱状图',
       boxShow: true
     }
   },
@@ -192,11 +176,6 @@ export default {
         this.onMapReady()
       }
     },
-    typeClass () {
-      this.$nextTick(() => {
-        this.initChart()
-      })
-    },
     dateRange: {
       handler () {
         this.loadFlyData()
@@ -346,7 +325,7 @@ export default {
         grid: { top: '55%' },
         series: [
           ...this.source.slice(1).map(() => ({
-            type: this.typeClass === '柱状图' ? 'bar' : 'line',
+            type: 'line',
             smooth: true,
             seriesLayoutBy: 'row',
             emphasis: { focus: 'series' }