时段查询

src/views/report/activeRpt.vue

@@ -7,8 +7,12 @@
           <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="searchFields.year"
+                    type="year"
+                    value-format="yyyy"
+                    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>
@@ -56,7 +60,9 @@
     data() {
       return {
         showData: false,
-        searchFields: {},
+        searchFields: {
+          year:""
+        },
         tableData: [],
         tableHeight: 0,
         chartHeight:"",
@@ -89,7 +95,9 @@
         var xarr = [];
         var planarr=[];
         var usearr=[];
-        activityRpt().then((res) => {
+        activityRpt({
+          year:this.searchFields.year
+        }).then((res) => {
           for (var m of res) {
             m.month =  m.month+"月";
             xarr.push(m.month);

src/views/report/parkRpt.vue

@@ -7,8 +7,12 @@
           <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="searchFields.year"
+                    type="year"
+                    value-format="yyyy"
+                    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>
@@ -54,7 +58,9 @@
     data() {
       return {
         showData: false,
-        searchFields: {},
+        searchFields: {
+          year:""
+        },
         tableData: [],
         tableHeight: 0,
         chartHeight:"",
@@ -87,7 +93,9 @@
         var xarr = [];
         var planarr=[];
         var usearr=[];
-        carparkRpt().then((res) => {
+        carparkRpt({
+          year:this.searchFields.year
+        }).then((res) => {
           for (var m of res) {
             m.month =  m.month+"月";
             xarr.push(m.month);

src/views/report/visit/monthRpt.vue

@@ -7,8 +7,12 @@
           <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="searchFields.year"
+                      type="year"
+                      value-format="yyyy"
+                      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>
@@ -56,7 +60,9 @@
     data() {
       return {
         showData: false,
-        searchFields: {},
+        searchFields: {
+          year:"",
+        },
         tableData: [],
         tableHeight: 0,
         chartHeight:"",
@@ -89,7 +95,9 @@
         var xarr = [];
         var planarr=[];
         var usearr=[];
-        monthRpt().then((res) => {
+        monthRpt({
+          year:this.searchFields.year
+        }).then((res) => {
           for (var m of res) {
             m.per = (m.use_total / (m.plan_total == 0 ? 1 : m.plan_total)) * 100 + "%"
             m.month =  m.month+"月";

src/views/report/visit/seasonRpt.vue

@@ -7,8 +7,12 @@
           <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="searchFields.year"
+                    type="year"
+                    value-format="yyyy"
+                    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>
@@ -56,7 +60,9 @@
     data() {
       return {
         showData: false,
-        searchFields: {},
+        searchFields: {
+          year:""
+        },
         tableData: [],
         tableHeight: 0,
         chartHeight:"",
@@ -107,7 +113,9 @@
         var xArr=[];
         var usearr=[];
         var tableArr = [];
-        quarterRpt().then((res) => {
+        quarterRpt({
+          year:this.searchFields.year
+        }).then((res) => {
           for (var m of this.dataArr) {
             res[m.id].per = (res[m.id].use_total / (res[m.id].plan_total == 0 ? 1 : res[m.id].plan_total)) * 100 + "%"
             xArr.push(m.value);