日期

src/pages/analysis/outdoor/index.vue

@@ -8,14 +8,24 @@ card-warp(title="室外气象分析", height="45px", showBackground)
       el-form-item(label="设备名称：")
         el-input(type="primary", size="mini", v-model="name", readOnly)
       el-form-item(label="时间范围：")
-        el-button(
-          size="mini",
-          type="primary",
-          @click="handleDate(item.id)",
-          v-for="(item, index) in typeList",
-          :key="index",
-          :class="[item.id == currentActive ? 'isActive' : '']"
-        ) {{ item.name }}
+        //- el-button(
+        //-   size="mini",
+        //-   type="primary",
+        //-   @click="handleDate(item.id)",
+        //-   v-for="(item, index) in typeList",
+        //-   :key="index",
+        //-   :class="[item.id == currentActive ? 'isActive' : '']"
+        //- ) {{ item.name }}
+        el-date-picker(
+          v-model="startTime"
+          type="date"
+          placeholder="开始日期")
+        span  至 
+        el-date-picker(
+          v-model="endTime"
+          type="date"
+          placeholder="结束日期")
+
     .echartsWarp(width="100%", flex)
       div(v-for='item in chartList' :key='item.id')
         chart(:id="item.id", :data="item.data", :title="item.title", :color="item.color")
@@ -31,6 +41,8 @@ export default {
   },
   data() {
     return {
+      startTime: '',
+      endTime: '',
       chartList: [
         { id: '11', title: '温度(℃)', color: '#21ACFC', data: [] },
         { id: '22', title: '湿度(%RH)', color: '#36CBCB', data: [] },