ts-glitter 16.6.1 → 16.6.3

package/cn104uau5r.json

@@ -0,0 +1 @@
+[{"request":["請問要如何新增訂單","新增訂單該怎麼做"],"response":"請前往訂單管理的「訂單」，點擊右上角「新增」即可新增訂單"},{"request":["請問要如何編輯訂單","編輯訂單該怎麼做","如何修改訂單"],"response":"請前往訂單管理的「訂單」，點擊一份訂單進行編輯操作"},{"request":["請問要如何封存訂單","封存訂單該怎麼做"],"response":"請前往訂單管理的「訂單」，在列表中勾選想要封存的訂單，即可批量封存"},{"request":["請問要如何解除封存訂單","解除封存訂單該怎麼做"],"response":"請前往訂單管理的「已封存訂單」，在列表中勾選想要解除封存的訂單，即可批量解除封存"},{"request":["請問要如何刪除訂單","刪除訂單該怎麼做"],"response":"目前系統沒有設計訂單刪除的功能，僅可勾選想要封存的訂單，將訂單以封存的方式改變狀態"},{"request":["請問要如何搜尋訂單","搜尋訂單該怎麼做","我想要按照日期排序訂單，該怎麼做","可以只顯示付款狀態已付款的訂單嗎"],"response":"請前往訂單管理的「訂單」，在列表左上方可以根據訂單編號、訂購人姓名、商品名稱等進行關鍵字搜尋，也可以在右上選擇篩選和排序，可以做到更仔細的訂單查詢"},{"request":["請問要如何查看訂單狀態","訂單付款狀態如何得知","訂單出貨狀態如何得知","請問出貨狀態在哪"],"response":"請前往訂單管理的「訂單」，點擊任一訂單，在右上角有出貨狀態、付款狀態、訂單進度的顯示，也可以在詳細訂單中查看更多內容"},{"request":["請問要如何匯出訂單列表","匯出訂單列表要怎麼做","有辦法匯出訂單"],"response":"請前往訂單管理的「訂單」，點擊右上角「匯出」即匯出當前搜尋結果的訂單excel檔案"},{"request":["如何上架商品","如何下架商品","有辦法上架或下架多個商品嗎","上架商品","下架商品"],"response":"請前往商品管理的「商品列表」，可直接在列表上下架商品，或勾選多個商品後，點擊「更多操作」來批量更改"},{"request":["請問要如何新增商品","新增商品該怎麼做","新增商品在哪","新增商品","如何添加商品","添加商品該怎麼做"],"response":"請前往商品管理的「商品列表」，點擊右上角「新增」即可新增商品"},{"request":["請問要如何匯出商品列表","匯出商品列表要怎麼做","有辦法匯出商品列表嗎"],"response":"請前往商品管理的「商品列表」，點擊右上角「匯入」或「匯出」，即可匯入多個商品，或匯出當前搜尋結果的商品excel檔案"},{"request":["如何透過訂單編號查詢商品","如何用商品條碼來搜尋商品","有辦法在商品列表中加入篩選嗎","排序建立時間為最新的商品列表"],"response":"請前往商品管理的「商品列表」，在列表左上方可以根據商品名稱、SKU、商品條碼等進行關鍵字搜尋，也可以在右上選擇篩選和排序，可以做到更仔細的商品查詢"},{"request":["如何新增商品規格","如何編輯商品規格","調整商品規格","能更改商品規格的大小、尺寸、顏色、型號嗎","新增規格","如何修改規格"],"response":"請前往商品管理的「商品列表」，點擊任一商品，往下找到「商品規格」欄位，可以新增與編輯規格種類，下方「規格設定」將會顯示所有商品規格的組合"},{"request":["如何修改商品狀態","如何編輯商品狀態為草稿的商品","啟用商品該如何設定","如何讓商品無法購買"],"response":"請前往商品管理的「商品列表」，點擊任一商品，「商品狀態」在右上角，「啟用」為在前台公布並開放購買，「草稿」則在前台暫時不公布也不可購買"},{"request":["如何設定商品價格","商品的原價該怎麼設定","商品的價格該在哪裡設定"],"response":"請前往商品管理的「商品列表」，點擊任一商品，若有多個規格請點擊任一規格，往下找到「定價」欄位，「售價」為消費者商品購買金額，「原價」為較高價格的售價，可依照銷售策略訂定您想要的價格"},{"request":["如何設定商品運費","如何設定商品重量","如何設定商品材積","商品的重量該怎麼設定","商品的材積該在哪裡設定"],"response":"請前往商品管理的「商品列表」，點擊任一商品，若有多個規格請點擊任一規格，往下找到「運費計算」欄位，可針對商品的運費計算方式選擇依照「材積」、「重量」或不計算，並在下方填入商品的單位值，隨後會依照商店設定中「運費設定」的級距後，計算出消費者購物車的運費總金額"},{"request":["如何新增商品分類","商品分類該怎麼設定","商品分類在哪裡設定"],"response":"請前往商品管理的「商品分類」，點擊右上角「新增」，輸入分類標題與連結網址（唯一），並設定該分類的商品與SEO，即可儲存完成新增"},{"request":["如何編輯商品分類","商品分類在哪裡編輯"],"response":"請前往商品管理的「商品分類」，點擊任一商品分類進行編輯"},{"request":["如何刪除商品分類","商品分類在哪裡刪除"],"response":"請前往商品管理的「商品分類」，點擊任一商品分類，下方功能列中按下「刪除類別」，請注意刪除類別時，若有包含子類別，也將一併刪除"},{"request":["如何調整商品分類的順序","想調整商品分類在前台的順序"],"response":"請前往商品管理的「商品分類」，點擊右上角「編輯順序」，可拖曳父子層的類別，進而改變前台瀏覽商品的分類順序"},{"request":["如何設定商店的基本訊息","如何設定商店的基本資料","設定商店名稱和統一編號，該從哪裡開始"],"response":"請前往商店設定的「商店訊息」，在基本資訊欄位可填寫商家資料，作為對外宣傳與首頁資訊"},{"request":["如何設定商店的SEO","如何設定商店的圖示","設定商店縮圖，該從哪裡開始"],"response":"請前往商店設定的「商店訊息」，在SEO欄位可填寫商家在網頁上的SEO設定與圖片，並自訂網域、Google Analytics(GA4)、代碼管理工具"},{"request":["如何編輯商店金流","商店線上或線下金流該怎麼設定","商店的付款方式","atm或貨到付款在哪裡設定","信用卡付款方式在哪裡設定","如何設定line pay"],"response":"請前往商店設定的「金流設定」，可管理線上與線下金流，無論是指定付款方式、付款告知提醒等，商家皆可自訂"},{"request":["如何編輯商店物流","超商配送該怎麼設定","711店到店如何設定","全家店到店如何設定","ok店到店如何設定","萊爾富店到店如何設定","交貨方式在哪裡設定"],"response":"請前往商店設定的「配送設定」，可設定啟用物流的方式，以及設定給消費者的配送說明，超商店到店請詳閱各大超商配送與價格資訊"},{"request":["如何填寫商店物流追蹤","物流追蹤該怎麼設定","如何新增物流追蹤"],"response":"請前往商店設定的「配送設定」，點擊右上角的「物流追蹤設定」，可設定綠界物流參數，設定完成即可達成物流追蹤與托運單列印功能"},{"request":["如何填寫商店物流運費","運費級距該怎麼設定"],"response":"請前往商店設定的「運費設定」，可以設定訂單「總材積」或「總重量」所在的級距，進而計算該訂單運費金額"},{"request":["如何開啟或關閉購物金功能","新加入會員購物金該怎麼設定","購物金的使用期限","生日禮發放購物金的方式","如何設定購物金折抵上限","如何允許購物金是否可折抵"],"response":"請前往商店設定的「購物金設定」，可以設定消費者在訂單結帳時可使用折抵的購物金，以及新註冊加入會員或會員生日禮的購物金自動發放、訂單折抵上限、購物金使用期限等"},{"request":["線上金流有哪些"],"response":"我們有提供「藍新金流」與「綠界金流」的串接，並提供正式測試區切分與多種付款方式"},{"request":["線下金流有哪些"],"response":"我們有提供「ATM轉帳」、「LINE PAY」與基本的「貨到付款」，在不執行線上付款時，可由店家自行與消費者商議付款方式"},{"request":["訂單重量的運費計算方式","訂單材積的運費計算方式"],"response":"訂單內的商品會設定依「重量」或依「材積」，分別做出總計，再按照總計值找出「運費設定」所設定的區間，算出該訂單的運費金額"},{"request":["購物金的用途是什麼","什麼是購物金"],"response":"購物金是商家發送給消費者的訂單可抵用金額，1點購物金代表1元，並搭配新加入會員、生日禮、優惠券，或是手動給予消費者購物金，來達到行銷作用"},{"request":["如何查看商品庫存","什麼是商品庫存"],"response":"請前往商品管理的「庫存列表」，會顯示商品的每個規格中各自的安全庫存與實際庫存數量，可即時查看與編輯值，點擊則可查看商品規格詳細資料"},{"request":["如何設定商品庫存"],"response":"請前往商品管理的「商品列表」，點擊任一商品，若有多個規格請點擊任一規格，往下找到「庫存政策」欄位，可設定是否追蹤庫存，系統將會記錄購買商品時的增減"},{"request":["什麼是安全庫存"],"response":"安全庫存指的是商品啟用庫存追蹤時，若實際庫存低於安全庫存量，系統將會通知商家，商品低於安全庫存量的提醒"},{"request":["什麼是POS"],"response":"POS是指在零售行業中用於處理交易的硬軟體組合。通常包括一台電腦、POS軟體、條碼掃描儀、收銀機、發票列印機和付款處理等設備"},{"request":["如何查看POS訂單","怎麼篩選POS訂單"],"response":"請前往訂單管理的「訂單」，在列表上方可以點選「POS訂單」的標籤，即可查看所有的POS訂單"},{"request":["什麼是已封存訂單"],"response":"已封存的訂單將不會在所有訂單中顯示，需要到訂單管理的「已封存訂單」中解除封存訂單，才會顯示於所有訂單的列表中"},{"request":["如何新增退貨單"],"response":"請前往訂單管理的「退貨單」，點擊右上角新增，輸入想要退貨的訂單編號，並設定退貨單的詳細內容，即可建立退貨單"},{"request":["如何新增顧客"],"response":"請前往顧客管理的「顧客列表」，點擊右上角新增，輸入顧客基本資料，即可新增"},{"request":["如何加入黑名單","什麼是顧客黑名單"],"response":"請前往顧客管理的「顧客列表」，點擊想要加入黑名單的顧客，在顧客詳細右上角點擊「加入黑名單」即可，黑名單的顧客將無法登入與購物車結帳"},{"request":["什麼是顧客分群"],"response":"顧客分群是將所有的顧客分類，目前有提供「電子郵件訂閱者」、「尚未購買過的顧客」、「已購買多次的顧客」，可透過顧客分群了解到不同客群有哪些會員"},{"request":["什麼是會員等級"],"response":"會員等級是按照顧客訂單消費紀錄來給予不同等級的設定，條件可分為累計蕭累或單次消費，會員等級可以在優惠券、生日禮等活動時，界定不同內容與優惠身份"},{"request":["什麼是優惠券","如何設定優惠券","如何設定優惠促銷活動","優惠券要怎麼新增","如何建立優惠券"],"response":"請前往優惠促銷的「折扣活動」，可以新增一個新的優惠券活動，可指定產品、顧客、設定金額、套用範圍、計算方式等，建立專屬店家的活動"},{"request":["怎樣啟用或關閉優惠券","如何更改優惠券狀態"],"response":"點擊任一優惠券，在設定中有「活動狀態」的按鈕，可以點擊啟用與關閉並儲存"},{"request":["如何設定優惠券代碼","如何指定優惠券可使用的對象","如何指定想要的顧客才可以使用的優惠券","怎麼設定優惠券可使用的來源","如何僅限POS使用優惠券"],"response":"點擊任一優惠券，在設定中有「活動方式」、「活動對象」、「可使用訂單來源」，這些設定可以限制優惠券的使用範圍與來源"},{"request":["如何設定優惠券折扣金額","如何指定優惠券折抵的百分比","怎麼設定優惠券套用的商品分類","指定商品才可以使用優惠券","如何應用優惠券到特定商品"],"response":"點擊任一優惠券，在設定中有「折扣金額」與「套用至」，這些設定可以限制優惠券折扣條件，以及在商品上的套用限制"},{"request":["如何設定優惠券消費條件","如何指定滿額送","怎麼設定優惠券觸發條件","如何設定買幾送幾的優惠券"],"response":"點擊任一優惠券，在設定中有「消費條件」、「計算單位」、「重複觸發」，這些設定可以讓優惠券有其觸發條件、是否重複觸發，以及計算單位的標的"},{"request":["如何設定優惠券使用次數","如何設定全館使用次數","怎麼設定一個人使用優惠券的次數","指定優惠券使用次數"],"response":"點擊任一優惠券，在設定中有「全館總使用次數」與「個人總使用次數」，可以設定在全館或個人，在商店中無限制次數或限制使用次數"},{"request":["如何設定優惠券使用期限","怎麼設定優惠券的開始時間與結束時間","無期限的優惠券要如何設定"],"response":"點擊任一優惠券，在設定中有「有效日期」，可以設定優惠券啟用的開始時間與結束時間"},{"request":["如何刪除優惠券"],"response":"點擊任一優惠券，下方功能列有「刪除優惠券」，或是在列表勾選洗要刪除的優惠券，點擊「批量移除」，即可刪除優惠券"},{"request":["如何新增購物金","如何發放購物金"],"response":"請前往優惠促銷的「購物金紀錄」，點擊右上角新增，輸入欲增加或減少的金額，並設定天數，接著指定顧客，即可完成購物金增減"},{"request":["如何新增隱形賣場"],"response":"請前往行銷推廣的「隱形賣場」，點擊右上角新增，選擇符合您需求的模板，接著設定網頁名稱、連結、SEO，以及賣場內的產品，儲存即可完成隱形賣場"},{"request":["什麼是隱形賣場"],"response":"隱形賣場是指透過專屬的連結，可進入的賣場，只有透過專屬連結進入網站時，才可進入此隱形賣場，進而做到行銷與分流追蹤的目的"},{"request":["如何新增一頁商店"],"response":"請前往行銷推廣的「一頁商店」，點擊右上角新增，選擇符合您需求的模板，接著設定網頁名稱、連結、SEO，以及賣場內的產品，儲存即可完成一頁商店"},{"request":["什麼是一頁商店"],"response":"一頁商店是指透過單一頁面設計，推廣指定商品與類別，讓頁面獨立展現特色，進而做到行銷與分流追蹤的目的"},{"request":["如何設定分銷連結"],"response":"請前往行銷推廣的「分銷連結」，點擊右上角新增，設定分銷代碼、導向的網址、專屬網址，以及分潤條件與類型，並設定推薦人，儲存即可完成分銷連結"},{"request":["什麼是分銷連結"],"response":"分銷連結指的是特別給予推薦人引薦用的商城連結，透過推薦人的廣發與行銷，來達到觸擊連結的效果，讓電商與賣場得到更多關注與曝光率"},{"request":["分銷連結的推薦人是什麼","如何新增推薦人"],"response":"請前往行銷推廣的「推薦人列表」，點擊右上角新增，可新增行銷用的推薦人帳號，並可以在「分銷連結」設定上選取該推薦人"},{"request":["自動寄件是什麼功能","如何使用自動寄件"],"response":"自動寄件是系統在指定事件發生時自動發送的寄信功能，諸如商品出到貨、訂單成立與付款、生日祝福、客服訊息等寄件格式設定，以及是否啟用功能"},{"request":["手動寄件是什麼功能","如何使用手動寄件"],"response":"手動寄件是系統提供商家寄信給消費者的寄信功能，可以指定多個客群或顧客，輸入標題與內文，並指定寄送時間"},{"request":["如何自訂網頁主題","如何設定網站佈景主題","前台網頁要如何設計","什麼是佈景主題","如何修改網站排版","網頁設計該怎麼做"],"response":"請前往品牌官網的「佈景主題」，在第一張卡的右側點擊「自訂」，即可進入頁面編輯系統，在該系統可以自由設定您想要的網站設計與排版"},{"request":["如何新增網誌文章","網誌文章是什麼","如何發佈網誌"],"response":"請前往品牌官網的「網誌文章」，在右上角點擊新增，選定一個模板並設定網誌內容，儲存即建立網誌完成"},{"request":["如何設定分頁","分頁列表是什麼","分頁列表在哪"],"response":"請前往品牌官網的「分頁列表」，列表是自訂新增的連結，可配合「佈景主題」在頁面中自訂添加需要有連結的地方"},{"request":["如何設定選單管理","選單管理是什麼","頁腳連結在哪","導覽列的連結要如何設定","如何設定主選單"],"response":"請前往品牌官網的「選單管理」，選單分為主選單與頁腳，可加入指定的頁面連結與外部連結，系統將自動在每個頁面的頁首頁腳添加超連結"},{"request":["如何切換商店","其他的商城要如何開啟","切換商店的地方在哪","如何新增商店"],"response":"請移動至右上角會員頭像處，點擊「所有商店」，即可查看所有您建立的商店、當前方案與預覽圖"},{"request":["要如何為商品添加圖片和描述","如何新增商品圖片或敘述"],"response":"點擊任一商品編輯，可以在「商品說明」欄位添加商品的敘述，「圖片」則可以新增多張不同角度和種類的圖片"},{"request":["怎樣將商品分類到不同的分類目錄中","可以將商品新增到不同的分類嗎"],"response":"商品可以填加到多個不同的「商品分類」，在父層的商品分類中會同時包含底下的子層商品，讓您的商品有更多方式來分類"},{"request":["如何查看最新的訂單"],"response":"訂單管理的「訂單」列表，預設已按照最新到最舊的方式排列"},{"request":["如何處理待處理的訂單","如何篩選已付款的訂單"],"response":"訂單管理的「訂單」列表右上有篩選器，可以從篩選器中選取訂單裝態處理中、付款狀態已付款等設定"},{"request":["怎樣查看訂單的配送地址","怎樣查看訂購人資料","如何知道訂單的結帳方式"],"response":"訂單管理的「訂單」點選任一訂單，右側有「訂購人資料」、「收件人資料」、「付款方式」、「配送方式」，這些欄位可以讓您清楚知道訂單的消費者資訊"},{"request":["怎樣更新訂單的訂單狀態","如何更新訂單的付款狀態","訂單該怎麼更新出貨狀態"],"response":"訂單管理的「訂單」點選任一訂單，可以查找「訂單狀態」、「付款狀態」、「配送狀態」，這些欄位可以讓您調整訂單的各項狀態"},{"request":["怎樣處理顧客在訂單的疑問","如何回答顧客對訂單的疑問"],"response":"顧客管理的「客服系統」可以針對不同的顧客來專一答覆，顧客在購物車結帳時也可以填寫備註，在訂單詳細裡的「訂單備註」中可以查看"},{"request":["如何查看顧客的訂單紀錄"],"response":"顧客管理的「顧客列表」搜尋顧客後，點擊該顧客，顧客詳細中有「訂單記錄」，可查閱顧客訂單歷史紀錄"},{"request":["怎麼查找顧客的購物金紀錄"],"response":"顧客管理的「顧客列表」搜尋顧客後，點擊該顧客，顧客詳細中有「購物金」，可瞭解到顧客現有購物金餘額，與購物金增減紀錄"},{"request":["怎麼設定免運費"],"response":"請前往優惠促銷的「免運費活動」，可以新增一個免運費優惠券活動，並設定消費條件、觸發方式、使用期限等"}]

package/lowcode/Entry.js

@@ -18,6 +18,16 @@ import { Language } from './glitter-base/global/language.js';
 export class Entry {
     static onCreate(glitter) {
         var _a;
+        const shopp = localStorage.getItem('shopee');
+        if (shopp) {
+            localStorage.removeItem('shopee');
+            localStorage.setItem('shopeeCode', JSON.stringify({
+                code: glitter.getUrlParameter('code'),
+                shop_id: glitter.getUrlParameter('shop_id'),
+            }));
+            location.href = shopp;
+            return;
+        }
         if (window.language !== Language.getLanguage()) {
             const url = new URL(`${glitter.root_path}${Language.getLanguageLinkPrefix()}${window.glitter_page}${new URL(location.href).search}`);
             if (glitter.getUrlParameter('appName')) {
@@ -79,7 +89,7 @@ export class Entry {
         }
         window.renderClock = (_a = window.renderClock) !== null && _a !== void 0 ? _a : clockF();
         console.log(`Entry-time:`, window.renderClock.stop());
-        glitter.share.editerVersion = 'V_16.6.1';
+        glitter.share.editerVersion = 'V_16.6.3';
         glitter.share.start = new Date();
         const vm = {
             appConfig: [],

package/lowcode/Entry.ts

@@ -10,6 +10,16 @@ import {Language} from './glitter-base/global/language.js';
 
 export class Entry {
     public static onCreate(glitter: Glitter) {
+        const shopp=localStorage.getItem('shopee')
+        if(shopp){
+            localStorage.removeItem('shopee')
+            localStorage.setItem('shopeeCode' , JSON.stringify({
+                code : glitter.getUrlParameter('code'),
+                shop_id : glitter.getUrlParameter('shop_id'),
+            }))
+            location.href=shopp
+            return;
+        }
         if ((window as any).language !== Language.getLanguage()) {
             const url = new URL(`${glitter.root_path}${Language.getLanguageLinkPrefix()}${(window as any).glitter_page}${new URL(location.href).search}`);
             if (glitter.getUrlParameter('appName')) {
@@ -78,7 +88,7 @@ export class Entry {
         }
         (window as any).renderClock = (window as any).renderClock ?? clockF();
         console.log(`Entry-time:`, (window as any).renderClock.stop());
-        glitter.share.editerVersion = 'V_16.6.1';
+        glitter.share.editerVersion = 'V_16.6.3';
         glitter.share.start = new Date();
         const vm: {
             appConfig: any;

package/lowcode/cms-plugin/POS-setting.js

@@ -23,6 +23,7 @@ import { Swal } from "../modules/sweetAlert.js";
 import { ConnectionMode } from "./pos-pages/connection-mode.js";
 import { PosFunction } from "./pos-pages/pos-function.js";
 import { UserList } from "./user-list.js";
+import { TempOrder } from "./pos-pages/temp-order.js";
 function getConfig() {
     const saasConfig = window.parent.saasConfig;
     return saasConfig;
@@ -455,22 +456,27 @@ height: 51px;
                     select: true,
                 },
             ],
-            paySelect: 'cash',
+            paySelect: [],
         };
         const html = String.raw;
+        glitter.share.reloadPosPage = () => {
+            gvc.notifyDataChange(vm.id);
+        };
         let orderDetail = JSON.parse(JSON.stringify(new OrderDetail(0, 0)));
         glitter.share.clearOrderData = () => {
             orderDetail = JSON.parse(JSON.stringify(new OrderDetail(0, 0)));
             orderDetail.user_info.shipment = 'now';
         };
-        if (localStorage.getItem('pos_order_detail')) {
-            orderDetail = JSON.parse(localStorage.getItem('pos_order_detail'));
-        }
-        else {
-            orderDetail.user_info.shipment = 'now';
-        }
-        if (!orderDetail.lineItems || orderDetail.lineItems.length === 0) {
-            orderDetail.user_info.shipment = 'now';
+        function loadOrderData() {
+            if (localStorage.getItem('pos_order_detail')) {
+                orderDetail = JSON.parse(localStorage.getItem('pos_order_detail'));
+            }
+            else {
+                orderDetail.user_info.shipment = 'now';
+            }
+            if (!orderDetail.lineItems || orderDetail.lineItems.length === 0) {
+                orderDetail.user_info.shipment = 'now';
+            }
         }
         gvc.addStyle(`
                         .product-show{
@@ -499,48 +505,18 @@ height: 51px;
 <div class="spinner-border"></div>
 </div>`;
                     }
-                    return html `
-                            <div
-                                    class="d-flex nav-top"
-                                    style="z-index:20;padding-top:${glitter.share.top_inset}px;width: 100%;background: #FFF;box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.10);position: fixed;left: 0;top: 0;"
-                            >
-                                <div
-                                        class="POS-logo  d-flex align-items-center ${document.body.offsetWidth < 800 ? `justify-content-center` : ``} mx-2 w-100"
-                                        style="${document.body.offsetWidth < 800 ? `gap: 0px;` : `gap: 32px;padding-left: 24px;`}height: ${(() => {
-                        if (document.body.offsetWidth > 800) {
-                            return `86px`;
-                        }
-                        else {
-                            return `66px`;
-                        }
-                    })()};"
-                                >
-                                    ${document.body.offsetWidth < 800 && vm.type === 'menu'
-                        ? ` `
-                        : `<div class=" d-flex align-items-center h-100 border-end pe-4" style="gap:10px;"><svg width="157" height="28" viewBox="0 0 157 28" fill="none"
-                                     xmlns="http://www.w3.org/2000/svg">
-                                    <path d="M1.812 17.972C2.28067 18.342 3.08233 18.8477 4.217 19.489C5.37633 20.1303 6.474 20.451 7.51 20.451C8.57067 20.451 9.101 20.044 9.101 19.23C9.101 18.86 8.953 18.5393 8.657 18.268C8.361 17.972 7.81833 17.639 7.029 17.269C6.23967 16.899 5.64767 16.6153 5.253 16.418C4.85833 16.196 4.328 15.8507 3.662 15.382C3.02067 14.8887 2.52733 14.383 2.182 13.865C1.19533 12.459 0.702 10.6707 0.702 8.5C0.702 6.32933 1.50367 4.504 3.107 3.024C4.735 1.51933 6.85633 0.766998 9.471 0.766998C11.247 0.766998 12.8873 0.964332 14.392 1.359C15.8967 1.729 16.6737 2.22233 16.723 2.839C16.723 2.913 16.723 2.987 16.723 3.061C16.723 3.92433 16.4517 5.022 15.909 6.354C15.3663 7.66133 14.984 8.389 14.762 8.537C13.1833 7.723 11.765 7.316 10.507 7.316C9.27367 7.316 8.657 7.76 8.657 8.648C8.657 9.19067 9.11333 9.67167 10.026 10.091C10.2233 10.1897 10.507 10.3253 10.877 10.498C11.247 10.6707 11.6663 10.8803 12.135 11.127C12.6283 11.349 13.1463 11.645 13.689 12.015C14.2563 12.3603 14.8607 12.829 15.502 13.421C16.8093 14.6543 17.463 16.2823 17.463 18.305C17.463 20.9443 16.7353 23.1027 15.28 24.78C13.8247 26.4573 11.58 27.3207 8.546 27.37C7.066 27.37 5.72167 27.2467 4.513 27C3.329 26.7533 2.293 26.2723 1.405 25.557C0.517 24.8417 0.073 23.9783 0.073 22.967C0.073 21.9557 0.258 20.9567 0.628 19.97C0.998 18.9587 1.39267 18.2927 1.812 17.972ZM40.6343 26.371C40.6343 26.7903 39.3886 27 36.8973 27C34.4059 27 33.1603 26.7903 33.1603 26.371V17.861H27.9803V26.371C27.9803 26.7903 26.7346 27 24.2433 27C21.7519 27 20.5063 26.7903 20.5063 26.371V1.84C20.5063 1.322 21.7519 1.063 24.2433 1.063C26.7346 1.063 27.9803 1.322 27.9803 1.84V10.535H33.1603V1.914C33.1603 1.56867 33.7769 1.322 35.0103 1.174C35.6516 1.12467 36.2806 1.1 36.8973 1.1L38.7843 1.174C40.0176 1.322 40.6343 1.56867 40.6343 1.914V26.371ZM55.3068 27.37C51.8534 27.37 49.0291 26.2353 46.8338 23.966C44.6631 21.6967 43.5778 18.3913 43.5778 14.05C43.5778 9.684 44.6754 6.37867 46.8708 4.134C49.0908 1.88933 51.9398 0.766998 55.4178 0.766998C58.9204 0.766998 61.7448 1.877 63.8908 4.097C66.0368 6.29233 67.1098 9.63467 67.1098 14.124C67.1098 18.5887 66.0121 21.9187 63.8168 24.114C61.6214 26.2847 58.7848 27.37 55.3068 27.37ZM55.3438 7.871C54.1598 7.871 53.1608 8.41367 52.3468 9.499C51.5574 10.5843 51.1628 12.1137 51.1628 14.087C51.1628 16.0357 51.5451 17.5403 52.3098 18.601C53.0744 19.637 54.0734 20.155 55.3068 20.155C56.5648 20.155 57.5761 19.6247 58.3408 18.564C59.1301 17.5033 59.5248 15.9863 59.5248 14.013C59.5248 12.0397 59.1178 10.5227 58.3038 9.462C57.5144 8.40133 56.5278 7.871 55.3438 7.871ZM73.2995 27.074C71.0548 27.074 69.9325 26.8273 69.9325 26.334V2.358C69.9325 1.51933 70.3148 1.1 71.0795 1.1H77.5915C81.2421 1.1 83.8691 1.85233 85.4725 3.357C87.1005 4.86167 87.9145 7.04467 87.9145 9.906C87.9145 12.274 87.1498 14.4447 85.6205 16.418C84.8558 17.4047 83.7335 18.194 82.2535 18.786C80.7735 19.378 79.0468 19.674 77.0735 19.674V26.297C77.0735 26.593 76.6048 26.8027 75.6675 26.926C74.7548 27.0247 73.9655 27.074 73.2995 27.074ZM77.0735 7.538V13.384H77.5545C78.4178 13.384 79.1455 13.1127 79.7375 12.57C80.3295 12.0273 80.6255 11.2627 80.6255 10.276C80.6255 9.28933 80.4158 8.58633 79.9965 8.167C79.6018 7.74767 78.8865 7.538 77.8505 7.538H77.0735ZM111.458 26.186C111.458 26.704 110.299 26.963 107.98 26.963C105.661 26.963 104.403 26.778 104.206 26.408L98.027 14.864V26.371C98.027 26.815 96.88 27.037 94.586 27.037C92.3167 27.037 91.182 26.815 91.182 26.371V1.618C91.182 1.248 92.1564 1.063 94.105 1.063C94.8697 1.063 95.7577 1.137 96.769 1.285C97.805 1.40833 98.434 1.655 98.656 2.025L104.576 13.421V1.803C104.576 1.33433 105.723 1.1 108.017 1.1C110.311 1.1 111.458 1.33433 111.458 1.803V26.186ZM127.199 11.386C127.668 11.386 127.902 12.2493 127.902 13.976C127.902 14.494 127.841 15.1107 127.717 15.826C127.619 16.5167 127.421 16.862 127.125 16.862H122.426V20.562H129.234C129.654 20.562 129.937 21.1047 130.085 22.19C130.159 22.6587 130.196 23.1643 130.196 23.707C130.196 24.225 130.122 24.9033 129.974 25.742C129.826 26.5807 129.58 27 129.234 27H116.58C115.643 27 115.174 26.6177 115.174 25.853V2.062C115.174 1.42067 115.458 1.1 116.025 1.1H129.271C129.789 1.1 130.048 2.19767 130.048 4.393C130.048 6.56367 129.789 7.649 129.271 7.649H122.426V11.386H127.199ZM147.148 2.099C147.444 1.359 148.986 0.989 151.773 0.989C152.489 0.989 153.364 1.05067 154.4 1.174C155.461 1.27267 155.991 1.37133 155.991 1.47L149.701 14.272L156.213 26.519C156.287 26.6423 155.757 26.7657 154.622 26.889C153.488 26.9877 152.526 27.037 151.736 27.037C148.604 27.037 146.889 26.6177 146.593 25.779L143.818 18.712L141.302 26.001C141.056 26.6917 139.477 27.037 136.566 27.037C135.851 27.037 134.963 26.9877 133.902 26.889C132.842 26.7903 132.361 26.6547 132.459 26.482L138.231 13.68L132.237 1.47C132.163 1.34666 132.669 1.23566 133.754 1.137C134.864 1.01366 135.802 0.951998 136.566 0.951998C139.674 0.951998 141.376 1.396 141.672 2.284L144.225 8.5L147.148 2.099Z"
-                                          fill="url(#paint0_linear_3001_1051)"></path>
-                                    <defs>
-                                        <linearGradient id="paint0_linear_3001_1051" x1="-6" y1="-22.75" x2="13.6088"
-                                                        y2="74.6316" gradientUnits="userSpaceOnUse">
-                                            <stop stop-color="#FFB400"></stop>
-                                            <stop offset="1" stop-color="#FF6C02"></stop>
-                                        </linearGradient>
-                                    </defs>
-                                </svg>
-                                <div style="text-align: center; color: #8D8D8D; font-size: 38px; font-family: Lilita One; font-weight: 400; word-wrap: break-word">POS</div>
-                                </div>`}
-                                    ${gvc.bindView(() => {
+                    loadOrderData();
+                    const cartBtn = gvc.bindView(() => {
                         return {
                             bind: 'cartBtn',
                             view: () => {
                                 if (!orderDetail.lineItems || orderDetail.lineItems.length === 0) {
-                                    return `<i class="fa-duotone fa-cart-shopping" style="color: #000000;
+                                    return `<i class="fa-regular fa-cart-shopping" style="
 cursor: pointer;
+color: #393939;
  font-size: 20px;"></i>`;
                                 }
-                                return `<span style="position: relative;"><i class="fa-duotone fa-cart-shopping" style="color: #000000;
+                                return `<span style="position: relative;"><i class="fa-regular fa-cart-shopping" style="color: #393939;
 cursor: pointer;
  font-size: 20px;"></i><span style="position: absolute;top:-32px;right: -12px;"><span style="display: inline-block;
     background-color:#fe5541;
@@ -554,7 +530,8 @@ cursor: pointer;
     color: #fff;
     position: absolute;
     top: 25px;
-    right: 0px;">${orderDetail.lineItems.length}</span></span></span>`;
+    right: 0px;">${orderDetail.lineItems.length}</span></span>
+    </span>`;
                             },
                             divCreate: {
                                 class: `nav-link js-cart-count d-sm-none ${vm.type !== 'menu' ? `d-none` : ``}`,
@@ -569,8 +546,41 @@ cursor: pointer;
                                 ],
                             },
                         };
-                    })}
-                                    <div class="searchBar ms-sm-2 me-2 ${vm.type !== 'menu' ? `d-none` : ``} ${document.body.offsetWidth < 800 ? `flex-fill` : ``}"
+                    });
+                    return html `
+                            <div
+                                    class="d-flex nav-top"
+                                    style="z-index:20;padding-top:${glitter.share.top_inset}px;width: 100%;background: #FFF;box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.10);position: fixed;left: 0;top: 0;"
+                            >
+                                <div
+                                        class="POS-logo  d-flex align-items-center ${document.body.offsetWidth < 800 ? `justify-content-center` : ``} mx-2 w-100"
+                                        style="${document.body.offsetWidth < 800 ? `gap: 0px;` : `gap: 10px;padding-left: 24px;`}height: ${(() => {
+                        if (document.body.offsetWidth > 800) {
+                            return `86px`;
+                        }
+                        else {
+                            return `66px`;
+                        }
+                    })()};"
+                                >
+                                    ${document.body.offsetWidth < 800
+                        ? ` `
+                        : `<div class=" d-flex align-items-center h-100 border-end pe-4" style="gap:10px;"><svg width="157" height="28" viewBox="0 0 157 28" fill="none"
+                                     xmlns="http://www.w3.org/2000/svg">
+                                    <path d="M1.812 17.972C2.28067 18.342 3.08233 18.8477 4.217 19.489C5.37633 20.1303 6.474 20.451 7.51 20.451C8.57067 20.451 9.101 20.044 9.101 19.23C9.101 18.86 8.953 18.5393 8.657 18.268C8.361 17.972 7.81833 17.639 7.029 17.269C6.23967 16.899 5.64767 16.6153 5.253 16.418C4.85833 16.196 4.328 15.8507 3.662 15.382C3.02067 14.8887 2.52733 14.383 2.182 13.865C1.19533 12.459 0.702 10.6707 0.702 8.5C0.702 6.32933 1.50367 4.504 3.107 3.024C4.735 1.51933 6.85633 0.766998 9.471 0.766998C11.247 0.766998 12.8873 0.964332 14.392 1.359C15.8967 1.729 16.6737 2.22233 16.723 2.839C16.723 2.913 16.723 2.987 16.723 3.061C16.723 3.92433 16.4517 5.022 15.909 6.354C15.3663 7.66133 14.984 8.389 14.762 8.537C13.1833 7.723 11.765 7.316 10.507 7.316C9.27367 7.316 8.657 7.76 8.657 8.648C8.657 9.19067 9.11333 9.67167 10.026 10.091C10.2233 10.1897 10.507 10.3253 10.877 10.498C11.247 10.6707 11.6663 10.8803 12.135 11.127C12.6283 11.349 13.1463 11.645 13.689 12.015C14.2563 12.3603 14.8607 12.829 15.502 13.421C16.8093 14.6543 17.463 16.2823 17.463 18.305C17.463 20.9443 16.7353 23.1027 15.28 24.78C13.8247 26.4573 11.58 27.3207 8.546 27.37C7.066 27.37 5.72167 27.2467 4.513 27C3.329 26.7533 2.293 26.2723 1.405 25.557C0.517 24.8417 0.073 23.9783 0.073 22.967C0.073 21.9557 0.258 20.9567 0.628 19.97C0.998 18.9587 1.39267 18.2927 1.812 17.972ZM40.6343 26.371C40.6343 26.7903 39.3886 27 36.8973 27C34.4059 27 33.1603 26.7903 33.1603 26.371V17.861H27.9803V26.371C27.9803 26.7903 26.7346 27 24.2433 27C21.7519 27 20.5063 26.7903 20.5063 26.371V1.84C20.5063 1.322 21.7519 1.063 24.2433 1.063C26.7346 1.063 27.9803 1.322 27.9803 1.84V10.535H33.1603V1.914C33.1603 1.56867 33.7769 1.322 35.0103 1.174C35.6516 1.12467 36.2806 1.1 36.8973 1.1L38.7843 1.174C40.0176 1.322 40.6343 1.56867 40.6343 1.914V26.371ZM55.3068 27.37C51.8534 27.37 49.0291 26.2353 46.8338 23.966C44.6631 21.6967 43.5778 18.3913 43.5778 14.05C43.5778 9.684 44.6754 6.37867 46.8708 4.134C49.0908 1.88933 51.9398 0.766998 55.4178 0.766998C58.9204 0.766998 61.7448 1.877 63.8908 4.097C66.0368 6.29233 67.1098 9.63467 67.1098 14.124C67.1098 18.5887 66.0121 21.9187 63.8168 24.114C61.6214 26.2847 58.7848 27.37 55.3068 27.37ZM55.3438 7.871C54.1598 7.871 53.1608 8.41367 52.3468 9.499C51.5574 10.5843 51.1628 12.1137 51.1628 14.087C51.1628 16.0357 51.5451 17.5403 52.3098 18.601C53.0744 19.637 54.0734 20.155 55.3068 20.155C56.5648 20.155 57.5761 19.6247 58.3408 18.564C59.1301 17.5033 59.5248 15.9863 59.5248 14.013C59.5248 12.0397 59.1178 10.5227 58.3038 9.462C57.5144 8.40133 56.5278 7.871 55.3438 7.871ZM73.2995 27.074C71.0548 27.074 69.9325 26.8273 69.9325 26.334V2.358C69.9325 1.51933 70.3148 1.1 71.0795 1.1H77.5915C81.2421 1.1 83.8691 1.85233 85.4725 3.357C87.1005 4.86167 87.9145 7.04467 87.9145 9.906C87.9145 12.274 87.1498 14.4447 85.6205 16.418C84.8558 17.4047 83.7335 18.194 82.2535 18.786C80.7735 19.378 79.0468 19.674 77.0735 19.674V26.297C77.0735 26.593 76.6048 26.8027 75.6675 26.926C74.7548 27.0247 73.9655 27.074 73.2995 27.074ZM77.0735 7.538V13.384H77.5545C78.4178 13.384 79.1455 13.1127 79.7375 12.57C80.3295 12.0273 80.6255 11.2627 80.6255 10.276C80.6255 9.28933 80.4158 8.58633 79.9965 8.167C79.6018 7.74767 78.8865 7.538 77.8505 7.538H77.0735ZM111.458 26.186C111.458 26.704 110.299 26.963 107.98 26.963C105.661 26.963 104.403 26.778 104.206 26.408L98.027 14.864V26.371C98.027 26.815 96.88 27.037 94.586 27.037C92.3167 27.037 91.182 26.815 91.182 26.371V1.618C91.182 1.248 92.1564 1.063 94.105 1.063C94.8697 1.063 95.7577 1.137 96.769 1.285C97.805 1.40833 98.434 1.655 98.656 2.025L104.576 13.421V1.803C104.576 1.33433 105.723 1.1 108.017 1.1C110.311 1.1 111.458 1.33433 111.458 1.803V26.186ZM127.199 11.386C127.668 11.386 127.902 12.2493 127.902 13.976C127.902 14.494 127.841 15.1107 127.717 15.826C127.619 16.5167 127.421 16.862 127.125 16.862H122.426V20.562H129.234C129.654 20.562 129.937 21.1047 130.085 22.19C130.159 22.6587 130.196 23.1643 130.196 23.707C130.196 24.225 130.122 24.9033 129.974 25.742C129.826 26.5807 129.58 27 129.234 27H116.58C115.643 27 115.174 26.6177 115.174 25.853V2.062C115.174 1.42067 115.458 1.1 116.025 1.1H129.271C129.789 1.1 130.048 2.19767 130.048 4.393C130.048 6.56367 129.789 7.649 129.271 7.649H122.426V11.386H127.199ZM147.148 2.099C147.444 1.359 148.986 0.989 151.773 0.989C152.489 0.989 153.364 1.05067 154.4 1.174C155.461 1.27267 155.991 1.37133 155.991 1.47L149.701 14.272L156.213 26.519C156.287 26.6423 155.757 26.7657 154.622 26.889C153.488 26.9877 152.526 27.037 151.736 27.037C148.604 27.037 146.889 26.6177 146.593 25.779L143.818 18.712L141.302 26.001C141.056 26.6917 139.477 27.037 136.566 27.037C135.851 27.037 134.963 26.9877 133.902 26.889C132.842 26.7903 132.361 26.6547 132.459 26.482L138.231 13.68L132.237 1.47C132.163 1.34666 132.669 1.23566 133.754 1.137C134.864 1.01366 135.802 0.951998 136.566 0.951998C139.674 0.951998 141.376 1.396 141.672 2.284L144.225 8.5L147.148 2.099Z"
+                                          fill="url(#paint0_linear_3001_1051)"></path>
+                                    <defs>
+                                        <linearGradient id="paint0_linear_3001_1051" x1="-6" y1="-22.75" x2="13.6088"
+                                                        y2="74.6316" gradientUnits="userSpaceOnUse">
+                                            <stop stop-color="#FFB400"></stop>
+                                            <stop offset="1" stop-color="#FF6C02"></stop>
+                                        </linearGradient>
+                                    </defs>
+                                </svg>
+                                <div style="text-align: center; color: #8D8D8D; font-size: 38px; font-family: Lilita One; font-weight: 400; word-wrap: break-word">POS</div>
+                                </div>`}
+                                    ${(document.body.clientWidth > 800) ? cartBtn : ``}
+                                    <div class="searchBar ms-sm-2 me-2 ${vm.type !== 'menu' ? `d-none` : ``} ${document.body.offsetWidth < 800 ? `d-none` : ``}"
                                          style="position: relative;max-width:calc(100% - 60px);
 ${document.body.clientWidth < 800 ? `` : `position: absolute;left: 50%;top:50%;transform:translate(-50%,-50%);`}
 ">
@@ -610,7 +620,7 @@ ${document.body.clientWidth < 800 ? `` : `position: absolute;left: 50%;top:50%;t
                                             </defs>
                                         </svg>
                                     </div>
-                                    ${(vm.type !== 'menu' || (document.body.clientWidth > 800)) ? `<div class="flex-fill"></div>` : ``}
+                                    ${((document.body.clientWidth > 800)) ? `<div class="flex-fill"></div>` : ``}
                                     ${gvc.bindView(() => {
                         const id = 'right_top_info';
                         function refreshUserBar() {
@@ -628,7 +638,7 @@ ${document.body.clientWidth < 800 ? `` : `position: absolute;left: 50%;top:50%;t
                                     glitter.share.select_member = select_member;
                                     glitter.share.staff_title = select_member.config.name === 'manager' ? `BOSS` : POSSetting.config.who;
                                     resolve(html `
-                                                        <div class="h-100 group dropdown border-start ps-1 d-flex align-items-center"
+                                                        <div class="h-100 group dropdown  ps-1 pe-1 d-flex align-items-center"
                                                              style="">
                                                             <div class=" btn btn-outline-secondary  border-0 p-1 position-relative"
                                                                  data-bs-toggle="dropdown" aria-haspopup="true"
@@ -636,7 +646,7 @@ ${document.body.clientWidth < 800 ? `` : `position: absolute;left: 50%;top:50%;t
                                                                 <div class="d-flex align-items-center px-sm-2"
                                                                      style="gap:10px;">
                                                                     <div class="ps-2 text-start">
-                                                                      
+
                                                                         <div class="" style="color: #393939;
                                                                         font-size: 18px;
                                                                         font-style: normal;
@@ -644,17 +654,22 @@ ${document.body.clientWidth < 800 ? `` : `position: absolute;left: 50%;top:50%;t
                                                                         line-height: normal;">
                                                                             ${select_member.config.name}
                                                                         </div>
-                                                                        <div class="fs-xs lh-1 opacity-60 fw-500 d-flex align-items-center fw-500 mt-1" style="color: #8D8D8D;
+                                                                        <div class="fs-xs lh-1 opacity-60 fw-500 d-flex align-items-center fw-500 mt-1"
+                                                                             style="color: #8D8D8D;
                                                                         font-size: 14px;
                                                                         font-style: normal;
                                                                         gap:5px;
                                                                         font-weight: 400;
                                                                         line-height: normal;">
-                                                                            ${select_member.config.title} <div>/</div> <div class="text-info fw-bold">${glitter.share.store_list.find((dd) => {
+                                                                            ${select_member.config.title}
+                                                                            <div>/</div>
+                                                                            <div class="text-info fw-bold">
+                                                                                ${glitter.share.store_list.find((dd) => {
                                         return dd.id === POSSetting.config.where_store;
-                                    }).name}</div>
+                                    }).name}
+                                                                            </div>
                                                                         </div>
-                                                                       
+
                                                                     </div>
                                                                     <i class="fa-regular fa-angle-down fs-6"></i>
                                                                 </div>
@@ -692,65 +707,121 @@ ${document.body.clientWidth < 800 ? `` : `position: absolute;left: 50%;top:50%;t
                                             else {
                                                 return [];
                                             }
-                                        })(),
-                                        ...[
-                                            ...((PayConfig.deviceType === 'pos') ? [
-                                                html `
+                                        })()
+                                    ].join('<div class="dropdown-divider"></div>')}
+                                                            </div>
+                                                        </div>`);
+                                });
+                            },
+                            divCreate: {
+                                class: `h-100`
+                            }
+                        };
+                    })}
+                                    ${(document.body.clientWidth < 800) ? `<div class="flex-fill"></div>` : ``}
+                                    <div class="h-100 d-flex align-items-center border-start ps-1">
+                                        <div style="width:50px;height: 100%;cursor: pointer;"
+                                             class="d-flex align-items-center justify-content-center"
+                                             onclick="${gvc.event(() => {
+                        PosFunction.selectTempOrder(gvc);
+                    })}">
+                                            <div class=" btn btn-outline-secondary border-0 p-1 position-relative">
+                                                <i class="fa-regular fa-box fs-4"></i>
+                                                ${TempOrder.getTempOrders().length ? `<span style="position: absolute;top:-28px;right: -8px;"><span style="display: inline-block;
+    background-color:#fe5541;
+    height: 18px;
+    width: 18px;
+    border-radius: 50%;
+    text-align: center;
+    font-size: 11px;
+    font-weight: 400;
+    line-height: 18px;
+    color: #fff;
+    position: absolute;
+    top: 25px;
+    right: 0px;">${TempOrder.getTempOrders().length}</span></span>` : ``}
+                                            </div>
+                                        </div>
+                                        ${(document.body.clientWidth > 800 || vm.type !== 'menu') ? `` : `<div style="width:50px;" class="d-flex align-items-center justify-content-center">${cartBtn}</div>`}
+                                        ${gvc.bindView(() => {
+                        const id = gvc.glitter.getUUID();
+                        return {
+                            bind: id,
+                            view: () => {
+                                return html `
+                                                        <div class="h-100 group dropdown  ps-1 d-flex align-items-center"
+                                                             style="">
+                                                            <div class="btn btn-outline-secondary  border-0 p-1 position-relative "
+                                                                 style="cursor: pointer;"
+                                                                 data-bs-toggle="dropdown" aria-haspopup="true"
+                                                                 aria-expanded="false">
+                                                                <div class="d-flex align-items-center px-sm-2"
+                                                                     style="gap:10px;">
+                                                                    <i class="fa-solid fa-bars fs-4"></i>
+                                                                </div>
+                                                            </div>
+                                                            <div class="dropdown-menu position-absolute"
+                                                                 style="top:50px; right: 0;">
+                                                                ${[
+                                    ...[
+                                        ...((PayConfig.deviceType === 'pos') ? [
+                                            html `
                                                                                 <a class="dropdown-item cursor_pointer d-flex align-items-center"
                                                                                    style="gap:10px;"
                                                                                    onclick="${gvc.event(() => {
-                                                    ConnectionMode.main(gvc);
-                                                })}"><i
+                                                ConnectionMode.main(gvc);
+                                            })}"><i
                                                                                         class="fa-solid fa-plug d-flex align-items-center justify-content-center"
                                                                                         style="width:20px;"></i>連線模式</a>`,
-                                            ] : []),
-                                            ...((ConnectionMode.on_connected_device) ? [
-                                                `<a class="dropdown-item cursor_pointer d-flex align-items-center"
+                                        ] : []),
+                                        ...((ConnectionMode.on_connected_device) ? [
+                                            `<a class="dropdown-item cursor_pointer d-flex align-items-center"
                                                                            style="gap:10px;"
                                                                            onclick="${gvc.event(() => {
-                                                    const dialog = new ShareDialog(gvc.glitter);
-                                                    dialog.checkYesOrNot({
-                                                        text: '是否斷開與 IMIN 裝置的連線?',
-                                                        callback: (response) => {
-                                                            if (response) {
-                                                                dialog.infoMessage({ text: '已斷開連線' });
-                                                                ConnectionMode.last_connect_id = '';
-                                                                ConnectionMode.on_connected_device = '';
-                                                                ConnectionMode.socket.close();
-                                                            }
+                                                const dialog = new ShareDialog(gvc.glitter);
+                                                dialog.checkYesOrNot({
+                                                    text: '是否斷開與 IMIN 裝置的連線?',
+                                                    callback: (response) => {
+                                                        if (response) {
+                                                            dialog.infoMessage({ text: '已斷開連線' });
+                                                            ConnectionMode.last_connect_id = '';
+                                                            ConnectionMode.on_connected_device = '';
+                                                            ConnectionMode.socket.close();
                                                         }
-                                                    });
-                                                })}"><i class="fa-solid fa-power-off d-flex align-items-center justify-content-center" style="width:20px;"></i>斷開裝置連線</a>`
-                                            ] : [])
-                                        ].concat(PayConfig.deviceType === 'pos' ? [] : ConnectionMode.device_list.map((dd) => {
-                                            return html `<a
+                                                    }
+                                                });
+                                            })}"><i class="fa-solid fa-power-off d-flex align-items-center justify-content-center" style="width:20px;"></i>斷開裝置連線</a>`
+                                        ] : [])
+                                    ].concat(PayConfig.deviceType === 'pos' ? [] : ConnectionMode.device_list.map((dd) => {
+                                        return html `<a
                                                                                 class="dropdown-item cursor_pointer d-flex align-items-center"
                                                                                 style="gap:10px;"
                                                                                 onclick="${gvc.event(() => {
-                                                ConnectionMode.connect(dd);
-                                            })}"><i
+                                            ConnectionMode.connect(dd);
+                                        })}"><i
                                                                                 class="fa-solid fa-plug d-flex align-items-center justify-content-center"
                                                                                 style="width:20px;"></i>連線至『 ${dd} 』</a>`;
-                                        })),
-                                        ` <a class="dropdown-item cursor_pointer  d-flex align-items-center"
+                                    })),
+                                    ` <a class="dropdown-item cursor_pointer  d-flex align-items-center"
                                                                    style="gap:5px;" onclick="${gvc.event(() => {
-                                            const dialog = new ShareDialog(gvc.glitter);
-                                            dialog.dataLoading({ visible: true });
-                                            localStorage.removeItem('on-pos');
-                                            (window.parent).history.replaceState({}, document.title, `${glitter.root_path}cms?appName=${glitter.getUrlParameter('app-id')}&type=editor&function=backend-manger&tab=home_page`);
-                                            glitter.share.reload('cms', 'shopnex');
-                                        })}"><i class="fa-solid fa-angle-left d-flex align-items-center justify-content-center"
+                                        const dialog = new ShareDialog(gvc.glitter);
+                                        dialog.dataLoading({ visible: true });
+                                        localStorage.removeItem('on-pos');
+                                        (window.parent).history.replaceState({}, document.title, `${glitter.root_path}cms?appName=${glitter.getUrlParameter('app-id')}&type=editor&function=backend-manger&tab=home_page`);
+                                        glitter.share.reload('cms', 'shopnex');
+                                    })}"><i class="fa-solid fa-angle-left d-flex align-items-center justify-content-center"
                                                                         style="width:20px;"></i>返回後台管理</a>`
-                                    ].join('<div class="dropdown-divider"></div>')}
+                                ].join('<div class="dropdown-divider"></div>')}
                                                             </div>
-                                                        </div>`);
-                                });
+                                                        </div>`;
                             },
                             divCreate: {
-                                class: `h-100`
+                                class: `d-flex align-items-center justify-content-center`,
+                                style: `width:50px;height: 100%;`
                             }
                         };
                     })}
+                                    </div>
                                 </div>
                             </div>
                             ${gvc.bindView({
@@ -891,11 +962,13 @@ ${document.body.clientWidth < 800 ? `` : `position: absolute;left: 50%;top:50%;t
                                 },
                                 {
                                     selectIcon: html `
-                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" width="29" height="29" fill="#393939">
+                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" width="29"
+                                                     height="29" fill="#393939">
                                                     <path d="M144 144c0 44.2 35.8 80 80 80s80-35.8 80-80l0-16-160 0 0 16zm-.1-124.9l.1 .1c10.2 7.5 23.8 8.3 34.9 2L209.1 4c4.6-2.6 9.7-4 14.9-4s10.4 1.4 14.9 4l30.2 17.2c11 6.3 24.7 5.5 34.9-2l.1-.1c.3-.2 .6-.4 .8-.6l3-2.4L323.6 3.5c2.8-2.3 6.4-3.5 10-3.5L336 0c8.8 0 16 7.2 16 16l0 23 0 3.2c0 0 0 .1 0 .1L352 144c0 70.7-57.3 128-128 128s-128-57.3-128-128L96 42.3c0 0 0-.1 0-.1L96 39l0-23c0-8.8 7.2-16 16-16l2.4 0c3.6 0 7.2 1.2 10 3.5L140 16l3 2.4c.3 .2 .6 .4 .8 .6zM48.3 464l351.5 0c-4.1-62.5-56.2-112-119.7-112l-112 0c-63.6 0-115.6 49.5-119.7 112zM0 472c0-92.8 75.2-168 168-168l112 0c92.8 0 168 75.2 168 168l0 8c0 17.7-14.3 32-32 32L32 512c-17.7 0-32-14.3-32-32l0-8zM432 256c-27.7 0-53-10.1-72.6-26.7c.5-.8 1-1.5 1.4-2.3c12.1-19.9 20-42.6 22.4-67c.5-5.3 .8-10.6 .8-16l0-101.2C398.5 35.9 414.8 32 432 32c61.9 0 112 50.1 112 112s-50.1 112-112 112zM609.3 512l-137.8 0c5.4-9.4 8.6-20.3 8.6-32l0-8c0-60.7-27.1-115.2-69.8-151.8c2.4-.1 4.7-.2 7.1-.2l61.4 0C567.8 320 640 392.2 640 481.3c0 17-13.8 30.7-30.7 30.7z"/>
                                                 </svg>`,
                                     unselectIcon: html `
-                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"  width="29" height="29" fill="#8D8D8D">
+                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" width="29"
+                                                     height="29" fill="#8D8D8D">
                                                     <path d="M144 144c0 44.2 35.8 80 80 80s80-35.8 80-80l0-16-160 0 0 16zm-.1-124.9l.1 .1c10.2 7.5 23.8 8.3 34.9 2L209.1 4c4.6-2.6 9.7-4 14.9-4s10.4 1.4 14.9 4l30.2 17.2c11 6.3 24.7 5.5 34.9-2l.1-.1c.3-.2 .6-.4 .8-.6l3-2.4L323.6 3.5c2.8-2.3 6.4-3.5 10-3.5L336 0c8.8 0 16 7.2 16 16l0 23 0 3.2c0 0 0 .1 0 .1L352 144c0 70.7-57.3 128-128 128s-128-57.3-128-128L96 42.3c0 0 0-.1 0-.1L96 39l0-23c0-8.8 7.2-16 16-16l2.4 0c3.6 0 7.2 1.2 10 3.5L140 16l3 2.4c.3 .2 .6 .4 .8 .6zM48.3 464l351.5 0c-4.1-62.5-56.2-112-119.7-112l-112 0c-63.6 0-115.6 49.5-119.7 112zM0 472c0-92.8 75.2-168 168-168l112 0c92.8 0 168 75.2 168 168l0 8c0 17.7-14.3 32-32 32L32 512c-17.7 0-32-14.3-32-32l0-8zM432 256c-27.7 0-53-10.1-72.6-26.7c.5-.8 1-1.5 1.4-2.3c12.1-19.9 20-42.6 22.4-67c.5-5.3 .8-10.6 .8-16l0-101.2C398.5 35.9 414.8 32 432 32c61.9 0 112 50.1 112 112s-50.1 112-112 112zM609.3 512l-137.8 0c5.4-9.4 8.6-20.3 8.6-32l0-8c0-60.7-27.1-115.2-69.8-151.8c2.4-.1 4.7-.2 7.1-.2l61.4 0C567.8 320 640 392.2 640 481.3c0 17-13.8 30.7-30.7 30.7z"/>
                                                 </svg>`,
                                     title: `會員`,