優化顯示

package.json

@@ -23,6 +23,7 @@
     "lodash": "^4.17.21",
     "md5-ts": "^0.1.6",
     "mermaid": "^8.12.1",
+    "opencc-js": "^1.0.4",
     "quasar": "^2.10.1",
     "quasar-tiptap-branch": "^1.8.1",
     "vue": "^3.0.0",

src/App.vue

@@ -190,6 +190,7 @@ body
     right: 0
     z-index: 1
     box-shadow: rgba(0, 0, 0, 0.05) -2px 0px 0px
+
 .sticky-header-table
   .q-table__top,
   .q-table__bottom,
@@ -237,4 +238,27 @@ body
   background: var(--q-primary)
   color: white
   cursor: pointer
+
+.sticky-rightrowspan-column-table
+  max-width: 100%
+  thead
+    background: rgb(245, 246, 247)
+  thead tr:first-child
+    height: 40px
+    line-height: 14px
+  thead tr:first-child th
+    font-size: 12px
+    font-weight: 400
+    color: rgb(168, 168, 179)
+  thead tr:first-child th:last-child
+    background-color: rgb(245, 246, 247)
+  td:last-child
+    background-color: #fff
+  th:last-child,
+  tbody tr:first-child td:last-child
+    position: sticky
+    right: 0
+    z-index: 1
+    box-shadow: rgba(0, 0, 0, 0.05) -2px 0px 0px
+
 </style>

src/api/hotel.ts

@@ -6,17 +6,27 @@ class HotelService {
   static async SetCustomerOrder(param:any):Promise<HttpResponse>{
     return request('dict_post_SetCustomerOrder',param)
   }
-  
+
     /**
      * 查詢城市信息
-     * @param params 
-     * @returns 
+     * @param params
+     * @returns
      */
   static async GetDestination(params: any): Promise<HttpResponse> {
-    
+
     return request('dict_post_Destination_GetChildList', params)
   }
-  
+
+  /**
+   * 取消酒店订单
+   * @param OrderId 订单编号
+   * @returns
+   */
+  static async CancelHotelOrder(OrderId: number): Promise<HttpResponse> {
+
+    return request('dict_post_CancelCustomerOrder', {OrderId})
+  }
+
   static async GetHasStockHotelList(): Promise<HttpResponse> {
     let params={
       IsMoreThanZero: 0,
@@ -33,8 +43,8 @@ class HotelService {
 
   /**
    * 查詢當前登入用戶的酒店訂單信息
-   * @param param 
-   * @returns 
+   * @param param
+   * @returns
    */
   static async GetHotelOrders(param:any):Promise<HttpResponse>{
     return request('dict_post_GetMyCustomerOrderPageList',param)
@@ -45,7 +55,7 @@ class HotelService {
    * @param name 酒店名稱，支持空格分割
    * @param province 省編號
    * @param city 城市編號
-   * @returns 
+   * @returns
    */
   static async GetHotels(name:string, province: number, city: number): Promise<HttpResponse> {
     let params = {

src/i18n/zh-TW/index.ts

@@ -15,10 +15,12 @@ export default {
   loading: '正在加載數據',
   dialog:{
     titles:{
-      hotel:'移除酒店警示'
+      hotel:'移除酒店警示',
+      horder:'取消订单警示'
     },
     contents:{
-      hotel:'你確定要移除{day}的酒店{hotel}?'
+      hotel:'你確定要移除{day}的酒店{hotel}?',
+      horder:'你确定需要取消此订单吗？'
     }
   },
   close:'關閉',
@@ -37,6 +39,7 @@ export default {
       t1: '出發前收款酒店，請您於 <span class="text-orange">{d}</span> 前支付訂金，並且於 <span class="text-negative">{e}</span> 日前支付尾款',
       t2: '到店自付酒店，需要您於 <span class="text-negative">{e}</span> 前上傳旅客名單'
     },
+    hands:'手配費',
     payinfo: '查看支付方式',
     sendpay: '提繳付款憑證',
     uploadGuest: '上傳旅客名單',