modify

web/admin/order/pre_order_reg.vue

@@ -54,6 +54,10 @@
             <template>
                 <v-card>
                     <v-card-title>
+                        
+                                <v-text-field v-model="picker.search.name"  :label="picker.search.text" @keyup.enter.prevent=""></v-text-field>
+                    </v-card-title>
+                    <v-card-text>
                         <div class="row">
                             <div class="col-12">
                                 <v-data-table v-model="picker.data_table.selected"
@@ -95,12 +99,12 @@
                                 </v-container>
                             </div>
                         </div>
-
-                    </v-card-title>
-                    <v-card-text>
+                        
+                    </v-card-text>
+                    <v-card-actions>
                         <v-btn @click.prevent="picker.show=false">關閉</v-btn>
                         <v-btn @click.prevent="picker_confirm()">確認</v-btn>
-                    </v-card-text>
+                    </v-card-actions>
                 </v-card>
             </template>
         </v-dialog>
@@ -162,7 +166,12 @@
                             showFirstLastPage: true,
                             itemsPerPageOptions: [5, 10, 20, 30],
                         },
-                    }
+                    },
+                    search: {
+                        name: "",
+                        text: "法會名稱"
+                    },
+                    change: 0
                 },
                 snackbar: {
                     show: false,
@@ -171,11 +180,17 @@
             }
         },
         watch: {
-            options: {
-                handler() {
+            "picker.target": {
+                handler(newVal) {
                     if (this.picker.target === "follower") {
+                        this.picker.search.name = ""
+                        this.picker.search.text = "信眾姓名"
+                        this.picker.change++
                         this.getFollowers()
                     } else if (this.picker.target === "act") {
+                        this.picker.search.name = ""
+                        this.picker.search.text = "法會名稱"
+                        this.picker.change++
                         this.getActivity()
                     }
                 },
@@ -212,7 +227,7 @@
                 const { sortBy, sortDesc, page, itemsPerPage } = this.options
                 const params = {
                     sortBy: "num", sortDesc: false,
-                    page: page, pageSize: itemsPerPage
+                    page: page??1, pageSize: itemsPerPage??10
                 };
                 this.picker.data_table.loading = true;
                 let search = {}
@@ -233,7 +248,7 @@
                 const { sortBy, sortDesc, page, itemsPerPage } = this.options
                 const params = {
                     sortBy: "num", sortDesc: false,
-                    page: page, pageSize: itemsPerPage
+                    page: page??1, pageSize: itemsPerPage??10
                 };
                 this.picker.data_table.loading = true;
                 let search = {}