改太多

web/admin/bill/statistic.vue

@@ -17,16 +17,42 @@
                         </v-select>
                     </v-col>
                     <v-col cols="2" md="2">
-                        <v-text-field label="法會時間(起)" v-model="query.s_date"></v-text-field>
+                        <v-menu ref="menu"
+                                v-model="menu"
+                                :close-on-content-click="true"
+                                transition="scale-transition"
+                                offset-y
+                                min-width="auto">
+                            <template v-slot:activator="{ on, attrs }">
+                                <v-text-field label="法會日期(起)" v-model="query.s_date"
+                                              prepend-icon="mdi-calendar" readonly v-bind="attrs" v-on="on"></v-text-field>
+                            </template>
+                            <v-date-picker v-model="query.s_date"
+                                           show-adjacent-months></v-date-picker>
+                        </v-menu>
+
                     </v-col>
                     <v-col cols="2" md="2">
-                        <v-text-field label="法會時間(迄)" v-model="query.e_date"></v-text-field>
+                        <v-menu ref="menu1"
+                                v-model="menu1"
+                                :close-on-content-click="true"
+                                transition="scale-transition"
+                                offset-y
+                                min-width="auto">
+                            <template v-slot:activator="{ on, attrs }">
+                                <v-text-field label="法會日期(迄)" v-model="query.e_date"
+                                              prepend-icon="mdi-calendar" readonly v-bind="attrs" v-on="on"></v-text-field>
+                            </template>
+                            <v-date-picker v-model="query.e_date"
+                                           show-adjacent-months></v-date-picker>
+                        </v-menu>
+                        <!--<v-text-field label="法會日期(迄)" v-model="query.e_date"></v-text-field>-->
                     </v-col>
                     <v-col cols="2" md="2">
                         <v-btn @click.prevent="getRpt()" :disabled="isdisabled">
                             匯出
                         </v-btn>
-                        <img src="/admin/images/loading.gif" v-show="isloading"/>
+                        <img src="/admin/images/loading.gif" v-show="isloading" />
                     </v-col>
                 </v-row>
             </v-card-text>
@@ -42,7 +68,7 @@
                 </v-card-text>
             </v-card>
         </v-dialog>
-        </div>
+    </div>
 </template>
 <script>
     module.exports = {
@@ -57,10 +83,22 @@
                 category_id: "",
                 isdisabled: false,
                 isloading: false,
-                query: {s_date:"",e_date:""}
+                query: { s_date: "", e_date: "" },
+                activePicker: null,
+                date: null,
+                menu: false,
+                menu1: false,
             }
         },
+        watch: {
+            menu(val) {
+                val && setTimeout(() => (this.activePicker = 'YEAR'))
+            },
+        },
         methods: {
+            save(date) {
+                this.$refs.menu.save(date)
+            },
             closeWindow() {
                 this.$emit('close-dialog');
             },