在掛單資料頁面，增加判斷掛單是否超時

web/admin/guadan/index.aspx

@@ -30,6 +30,7 @@
         <v-data-table
             :items="items"
             :headers="headers"
+            :item-class="item => item.is_timeout ? 'row-timeout' : ''"
             hide-default-footer>
             <template #item.actions="{item}">
                 <a :href="'create.aspx?orderId='+item.guaDanOrderNo" class="btn btn-secondary">編輯</a>
@@ -56,6 +57,9 @@
             <template #item.activity="{item}">
                 {{item.activity?.subject}}
             </template>
+            <template #item.is_timeout="{item}">
+                {{item.is_timeout ? '已超時': '否'}}
+            </template>
         </v-data-table>
         <v-container>
     <v-row class="align-baseline" wrap="false">
@@ -99,7 +103,6 @@
     <confirm-modal ref="confirmModal"></confirm-modal>
 </asp:Content>
 <asp:Content ID="Content4" ContentPlaceHolderID="offCanvasRight" Runat="Server">
-    <div>test</div>
 </asp:Content>
 <asp:Content ID="Content5" ContentPlaceHolderID="footer_script" Runat="Server">
     <script>
@@ -121,6 +124,7 @@
                         { text: '狀態', value: 'statusName', align: 'center' },
                         { text: '建立時間', value: 'created_at', align: 'center' },
                         { text: '關聯活動', value: 'activity', align: 'center' },
+                        { text: '超時退房', value: 'is_timeout', align: 'center' },
                         { text: '操作', value: 'actions', align: 'center' }
                     ],
                     options: {
@@ -242,4 +246,10 @@
             }
         });
     </script>
+    <style>
+        .row-timeout {
+          background-color: #ffdddd !important;
+        }
+
+    </style>
 </asp:Content>