挂单资料增加挂单单号查询，增加显示挂单单号

web/admin/guadan/index.aspx

@@ -7,6 +7,8 @@
         <a href="create.aspx" class="btn btn-primary" >新建掛單</a>
     </nav>
     <div class="d-flex align-items-center gap-3">
+      <label class="mb-0">掛單單號</label>
+      <input class="form-control w-auto" style="width:150px;" v-model="search.guaDanOrderNo" />
       <label class="mb-0">掛單登記人</label>
       <input class="form-control w-auto" style="width:150px;" v-model="search.guadanUser" />
 
@@ -77,7 +79,7 @@
                 @input="options.page = parseInt($event, 10)"
             ></v-text-field>
         </v-col>
-        <!-- 每页条数选择 -->
+        <!-- 每頁條數選擇 -->
         <v-col cols="12" md="1">
             <v-select
                 v-model="options.itemsPerPage"
@@ -111,7 +113,8 @@
                 return {
                     items: [],
                     headers: [
-                        { text: '登记挂单莲友', value: 'bookerName' },
+                        { text: '登記掛單蓮友', value: 'bookerName' },
+                        { text: '掛單單號', value: 'guaDanOrderNo'},
                         { text: '起始日期', value: 'start_date', align: 'center' },
                         { text: '結束日期', value: 'end_date', align: 'center' },
                         { text: '掛單人數', value: 'guest_count' },
@@ -130,6 +133,7 @@
                         startDate: null,
                         endDate: null,
                         guadanUser: null,
+                        guaDanOrderNo: null,
                     },
                     total: 0,
                     loading: false,
@@ -146,6 +150,12 @@
                     };
                 },
                 handleSearch() {
+
+                    let orderNo = this.search.guaDanOrderNo;
+                    if (orderNo) {
+                        orderNo = orderNo.replace(/\s+/g, '');
+                        this.search.guaDanOrderNo = orderNo;
+                    }
                     const val = this.search.guadanUser;
 
                     // 驗證是否包含空格
@@ -169,6 +179,7 @@
                     this.search.startDate = null;
                     this.search.endDate = null;
                     this.search.guadanUser = null;
+                    this.search.guaDanOrderNo = null;
                     this.resetTableOptions();
                 },
                 getGuadanOrder() {
@@ -177,6 +188,7 @@
                         startDate: this.search.startDate,
                         endDate: this.search.endDate,
                         guadanUser: this.search.guadanUser,
+                        guaDanOrderNo: this.search.guaDanOrderNo,
                         page: this.options.page,
                         pageSize: this.options.itemsPerPage
                     })
@@ -230,5 +242,4 @@
             }
         });
     </script>
-</asp:Content>
-
+</asp:Content>