时段查询

src/views/report/visit/ageRpt.vue

@@ -7,8 +7,13 @@
           <div slot="content"></div>
           <slot>
             <div>
-              <DatePicker type="daterange" :start-date="new Date()" placement="bottom-end" placeholder="参观日期区间"
-                style="width: 200px"></DatePicker>
+               <el-date-picker
+                     v-model="daterange"
+                     type="daterange"
+                     range-separator="至"
+                     start-placeholder="开始日期"
+                     end-placeholder="结束日期">
+                   </el-date-picker>
 
               <Button type="primary" @click="load" style="margin-left: 10px">查询</Button>
               <Button type="primary" @click="viewPart" style="margin-left: 10px">{{btnText}}</Button>
@@ -30,7 +35,7 @@
           </el-table-column>
         </el-table>
       </div>
-      <div v-else>
+      <div v-else style="background-color: #fff;">
         <pie-chart :chartData="rptData" :height="chartHeight"/>
       </div>
     </div>
@@ -54,7 +59,8 @@
     },
     mounted() {},
     data() {
-      return {
+      return {
+        daterange:"",
         showData: false,
         searchFields: {},
         tableData: [],

src/views/report/visit/infoRpt.vue

@@ -7,8 +7,13 @@
           <div slot="content"></div>
           <slot>
             <div>
-              <DatePicker type="daterange" :start-date="new Date()" placement="bottom-end" placeholder="参观日期区间"
-                style="width: 200px"></DatePicker>
+              <el-date-picker
+                    v-model="daterange"
+                    type="daterange"
+                    range-separator="至"
+                    start-placeholder="开始日期"
+                    end-placeholder="结束日期">
+                  </el-date-picker>
 
               <Button type="primary" @click="load" style="margin-left: 10px">查询</Button>
               <Button type="primary" @click="viewPart" style="margin-left: 10px">{{btnText}}</Button>
@@ -55,7 +60,8 @@
     mounted() {},
     data() {
       return {
-        showData: false,
+        showData: false,
+        daterange:"",
         searchFields: {},
         tableData: [],
         tableHeight: 0,

src/views/report/visit/sexRpt.vue

@@ -7,8 +7,13 @@
           <div slot="content"></div>
           <slot>
             <div>
-              <DatePicker type="daterange" :start-date="new Date()" placement="bottom-end" placeholder="参观日期区间"
-                style="width: 200px"></DatePicker>
+             <el-date-picker
+                   v-model="daterange"
+                   type="daterange"
+                   range-separator="至"
+                   start-placeholder="开始日期"
+                   end-placeholder="结束日期">
+                 </el-date-picker>
 
               <Button type="primary" @click="load" style="margin-left: 10px">查询</Button>
               <Button type="primary" @click="viewPart" style="margin-left: 10px">{{btnText}}</Button>
@@ -30,7 +35,7 @@
           </el-table-column>
         </el-table>
       </div>
-      <div v-else>
+      <div v-else style="background-color: #fff;">
         <pie-chart :chartData="rptData" :height="chartHeight" />
       </div>
     </div>
@@ -54,7 +59,8 @@
     },
     mounted() {},
     data() {
-      return {
+      return {
+        daterange:"",
         showData: false,
         searchFields: {},
         tableData: [],

src/views/report/visit/timeRpt.vue

@@ -7,8 +7,13 @@
           <div slot="content"></div>
           <slot>
             <div>
-              <DatePicker type="daterange" :start-date="new Date()" placement="bottom-end" placeholder="参观日期区间"
-                style="width: 200px"></DatePicker>
+             <el-date-picker
+                   v-model="daterange"
+                   type="daterange"
+                   range-separator="至"
+                   start-placeholder="开始日期"
+                   end-placeholder="结束日期">
+                 </el-date-picker>
 
               <Button type="primary" @click="load" style="margin-left: 10px">查询</Button>
               <Button type="primary" @click="viewPart" style="margin-left: 10px">{{btnText}}</Button>