feat:本地重构element-ui的时间选择器

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

@@ -88,13 +88,13 @@
 </style>
 <template>
   <div id="panel-calender" :class="{'calendar--small': size === 'small'}" class="calendar">
-    <el-date-picker prefix-icon=" " class="panel-time-picker-hidden " size="mini" ref="calendar"
+    <my-date-picker prefix-icon=" " class="panel-time-picker-hidden " size="mini" ref="calendar"
                     format="yyyy/MM/dd HH:mm:ss" @change="dateChange" v-model="searchTime" type="datetimerange"
                     popper-class="panel-time-picker-popper"
                     :range-separator="$t('dashboard.panel.to')"
                     :start-placeholder="$t('dashboard.panel.startTime')"
                     :end-placeholder="$t('dashboard.panel.endTime')" align="right">
-    </el-date-picker>
+    </my-date-picker>
     <!--
     <button type="button" style="border-radius: 1px 1px 1px 1px" @click="right()" v-show="isCustom"
             class="nz-btn nz-btn-size-normal nz-btn-style-light time-picker-button time-picker-right-button" >
@@ -335,6 +335,8 @@ export default {
           } else {
             this.isCustom = true
             this.$refs.calendar.focus()
+            this.$refs.calendar.pickerVisible = true
+            console.log(this.$refs.calendar)
           }
         } else {
           this.isCustom = false