feat：chart 比较功能实现

nezha-fronted/src/components/common/pickTime.vue

@@ -2,6 +2,7 @@
   <div class="interval-refresh ">
     <time-picker v-if="showTimePicker" ref="timePicker" class="time-picker" @change="dateChange" :default-pick="defaultPick" :show-empty="showEmpty" v-model="this.searchTime"></time-picker>
     <chart-unit v-model="unit" v-if="useChartUnit"></chart-unit>
+    <multipleTime ref="multipleTime" v-if="showMultiple" :stepSearchTime="searchTime" @change="dateChange(searchTime)" class="multiple-time"/>
       <div class="nz-btn-group nz-btn-group-size-normal nz-btn-group-light margin-r-20" style="height: 28px;line-height: 28px;vertical-align: middle;" v-show="useRefresh">
         <button style="border-right: 1px solid rgba(162,162,162,0.50);" type="button" class="nz-btn nz-btn-size-normal nz-btn-style-light" @click="refreshDataFunc" :id="id+'-refresh'">
           <i style="font-size: 14px" class="global-active-color nz-icon nz-icon-refresh"></i>&nbsp;
@@ -24,12 +25,14 @@
 <script>
 import bus from '../../libs/bus'
 import timePicker from './timePicker'
+import multipleTime from './multipleTime'
 import chartUnit from './chartUnit'
 export default {
   name: 'intervalRefresh',
   components: {
     'time-picker': timePicker,
-    'chart-unit': chartUnit
+    'chart-unit': chartUnit,
+    multipleTime
   },
   model: {
     event: 'change',
@@ -56,6 +59,10 @@ export default {
       type: Boolean,
       default: true
     },
+    showMultiple: {
+      type: Boolean,
+      default: false
+    },
     defaultPick: Number,
     showEmpty: { type: Boolean, default: false },
     id: String
@@ -118,6 +125,7 @@ export default {
       return [startTime, endTime]
     },
     dateChange (time) {
+      console.log(time)
       this.searchTime = time
       this.$emit('change', this.searchTime)
       this.refreshDataFunc()
@@ -162,4 +170,7 @@ export default {
   .sub-top-tools .interval-refresh {
     margin-top: -1px;
   }
+  .multiple-time{
+    margin-right: 10px;
+  }
 </style>