From 35ca33315d4c6099efa09544d568abe2dc1622c9 Mon Sep 17 00:00:00 2001
From: minom <minomdu@gmail.com>
Date: Wed, 25 Mar 2026 18:04:13 +0800
Subject: [PATCH] go

---
 web/App_Code/api/orderdetailController.cs |  39 ++++-
 web/admin/activity/reg.aspx               |  12 +-
 web/admin/print/print_multi_new.aspx      | 179 +++++++++++++++++++++-
 3 files changed, 211 insertions(+), 19 deletions(-)

diff --git a/web/App_Code/api/orderdetailController.cs b/web/App_Code/api/orderdetailController.cs
index b01f38b..ca9e9ad 100644
--- a/web/App_Code/api/orderdetailController.cs
+++ b/web/App_Code/api/orderdetailController.cs
@@ -1,14 +1,18 @@
-using System;
+using com.itextpdf.text.pdf;
+using Model;
+using Newtonsoft.Json;
+using Newtonsoft.Json.Linq;
+using PagedList;
+using System;
+using System.Collections;
 using System.Collections.Generic;
+using System.Data.Entity;
+using System.Data.SqlClient;
 using System.Linq;
 using System.Net;
 using System.Net.Http;
 using System.Web.Http;
-using PagedList;
-using Newtonsoft.Json;
-using System.Collections;
 using static TreeView;
-using System.Data.Entity;
 
 /// <summary>
 /// orderdetail 的摘要说明
@@ -59,4 +63,29 @@ public class orderdetailController:ApiController
         if (ret.list == null) throw new HttpResponseException(HttpStatusCode.NotFound);
         return Ok(ret);
     }
+
+    [HttpPost]
+    [Route("api/orderdetail/GetDetailToPrint")]
+    public IHttpActionResult GetDetailToPrint([FromBody] dynamic data)
+    {
+        if (data.param is Newtonsoft.Json.Linq.JArray items)
+        {
+            string[] details = new string[items.Count];
+            int i = 0;
+            foreach (var item in items)
+            {
+                details[i] = item["order_no"] + item["num"].ToString();
+                i++;
+            }
+            string sql = @"select * from pro_order_detail where order_no+convert(varchar,num) in ({0}) ";
+            //var p =new SqlParameter[]{ new SqlParameter("p0", String.Join(",", details))};
+            var ret = _db.Database.SqlQuery<pro_order_detail>(sql, String.Join(",", details)).ToList();
+            if (ret == null) throw new HttpResponseException(HttpStatusCode.NotFound);
+            return Ok(ret);
+        }
+        else
+        {
+            throw new HttpResponseException(HttpStatusCode.NotFound);
+        }
+    }
 }
\ No newline at end of file
diff --git a/web/admin/activity/reg.aspx b/web/admin/activity/reg.aspx
index d49fe44..6599bc1 100644
--- a/web/admin/activity/reg.aspx
+++ b/web/admin/activity/reg.aspx
@@ -602,7 +602,9 @@
 
                       list = this.data_table.selected
                         .sort((a, b) => a.print_id.localeCompare(b.print_id))
-                        .map(x => x.num);
+                          .map(x => x.num);
+
+                      console.log("what:",list);
 
                       if (list.length > 0) {                           
                             // 記錄已列印
@@ -642,12 +644,10 @@
                             addHiddenField("item", this.thisItemSelected.val);
                             addHiddenField("file", this.thisFilesSelected.val);
                             addHiddenField("list", JSON.stringify(list));
-                            addHiddenField("title", `${this.thisItemSelected.text} / ${this.thisFilesSelected.text}`);
-                          localStorage.setItem("item", this.thisItemSelected.val);
-                          localStorage.setItem("file", this.thisFilesSelected.val);
-                          localStorage.setItem("list", JSON.stringify(list));
-                          localStorage.setItem("title", `${this.thisItemSelected.text} / ${this.thisFilesSelected.text}`);
+                          addHiddenField("title", `${this.thisItemSelected.text} / ${this.thisFilesSelected.text}`);
 
+                          localStorage.setItem("list", JSON.stringify(this.data_table.selected));
+                         
                             /*
                             var hiddenField = document.createElement("input");
                             hiddenField.setAttribute("type", "hidden");
diff --git a/web/admin/print/print_multi_new.aspx b/web/admin/print/print_multi_new.aspx
index d7f7f30..6a32e7a 100644
--- a/web/admin/print/print_multi_new.aspx
+++ b/web/admin/print/print_multi_new.aspx
@@ -4,18 +4,181 @@
 
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head runat="server">
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <title></title>
+    <link href="~/js/bootstrap5/bootstrap.min.css" rel="stylesheet" />
+    <%--<link href="~/js/fontawesome6/css/all.css" rel="stylesheet" />--%>
+    <link href="~/js/mdi-font/css/materialdesignicons.min.css" rel="stylesheet" />
+    <link href="~/js/vuetify_ez.css" rel="stylesheet" />
+    <link href="~/js/sweetalert2/sweetalert2.min.css" rel="stylesheet" />
+
+    <link href="~/admin/Templates/TBS5ADM001/css/Style.css" rel="stylesheet" />
+    <link href="~/admin/item/css/floating.css" rel="stylesheet" />
+    <link href="~/admin/item/css/tablet-design.css" rel="stylesheet" />
 </head>
 <body>
     <form id="form1" runat="server">
-        <div>
-        </div>
+      <div id="printArea" style="width: 100vw; height: 100vh">
+     <div class="canvas-area flex-grow-1 overflow-auto d-flex flex-column align-items-center position-relative" id="canvas">
+      <%--   <div class="tablet-paper">
+         </div>--%>
+     </div>
+ </div>
     </form>
 </body>
-    <script>
-        console.log(localStorage.getItem("list"));
-        console.log(localStorage.getItem("item"));
-        console.log(localStorage.getItem("file"));
-    </script>
+<script src="<%=ResolveUrl("~/js/bootstrap5/js/bootstrap.bundle.min.js")%>"></script>
+<script src="<%=ResolveUrl("~/js/jquery-4.0.0.min.js")%>"></script>
+<script src="<%=ResolveUrl("~/js/vue.min.js")%>"></script>
+<script src="<%=ResolveUrl("~/js/vuetify.min.js")%>"></script>
+<script src="<%=ResolveUrl("~/js/axios.min.js")%>"></script>
+<script src="<%=ResolveUrl("~/js/moment.min.js")%>"></script>
+<script src="<%=ResolveUrl("~/js/sweetalert2/sweetalert2.all.min.js") %>"></script>
+<script src="<%=ResolveUrl("~/admin/Templates/TBS5ADM001/js/Script.js")%>"></script>
+<script src="<%=ResolveUrl("~/admin/item/jquery-ui/jquery-ui.min.js")%>"></script>
+<script>
+    const Printer = {
+        http_host: "",
+        allStyle: [],
+        allSize: [],
+        allStyleDetails:[],
+        printData: [],
+        tabletElement: [],
+        bg: [
+            { name: "黃1", path: "../../admin/print/html/tablet-1.svg" },
+            { name: "黃2", path: "../../admin/print/html/tablet-1B.svg" },
+            { name: "紅1", path: "../../admin/print/html/tablet-2.svg" },
+            { name: "紅2", path: "../../admin/print/html/tablet-2B.svg" }
+        ],
+        async init() {
+            let HTTP_HOST = "<%=UrlHost()%>";
+            this.http_host = HTTP_HOST;
+            await Promise.all([
+                this.getPaperSize(),
+                this.getTabletElement(),
+                this.getTabletStyles(),
+                this.getAllStyleDetails()
+            ]);
+            this.getData();
+
+        },
+        async getAllStyleDetails() {
+            await axios
+                .post(this.http_host + 'api/tablet/GetStyleDetailData', {})
+                .then(response => {
+                    if (response.status == "200") {
+                        let data = response.data;
+                        if (data.result == "Y") {
+                            let details = data.data;
+                            this.allStyleDetails = details;
+                            console.log(data.data);
+                        }
+                    }
+                }
+                );
+        },
+        async getPaperSize() {
+            let self = this
+            await axios
+                .post(this.http_host + 'api/tablet/GetPaperSize', {})
+                .then(response => {
+                    //if (response.result=="Y") {
+                    if (response.status == "200") {
+                        let data = response.data;
+                        this.allSize = data.data;
+                    
+                    }
+                }
+                )
+        },
+        async getTabletElement() {
+            await axios
+                .post(this.http_host + 'api/tablet/GetTabletElement', {})
+                .then(response => {
+                    //if (response.result=="Y") {
+                    if (response.status == "200") {
+                        let data = response.data;
+                        this.tabletElement = data.data;
+                       
+                    }
+                }
+                );
+        },
+        async getTabletStyles() {
+            await axios
+                .post(this.http_host  + 'api/tablet/GetStyleData', {})
+                .then(response => {
+                    //if (response.result=="Y") {
+                    if (response.status == "200") {
+                        let data = response.data;
+                        this.allStyle = data.data;
+                      
+                    }
+                }
+                );
+        },
+        async getData() {
+            let list = localStorage.getItem("list")
+            let param = [];
+            let data = JSON.parse(list)
+            data.forEach(x => {
+                param.push({ order_no: x.order_no, num: x.num });
+            });
+            await axios
+                .post(this.http_host + 'api/orderdetail/GetDetailToPrint', { param: param })
+                .then(response => {
+                  
+                    if (response.status == 200) {
+                        this.printData = response.data;
+                       
+                        this.render();
+                    }
+                });
+        },
+        render() {
+     
+            this.printData.forEach(x => {
+            
+                let style = this.allStyle.find(y =>  y.style == x.styleID);
+                let size = this.allSize.find(y => y.paperID == style.paperSize);
+               
+                let tabletpaper = $(` <div class="tablet-paper">
+                </div>`)
+
+                tabletpaper.css({
+                    "background-color": "white",
+                    width:  size.width + 'mm',
+                    height:size.height + 'mm',
+                    position: "absolute",
+
+                    "background-image": 'url("../../admin/print/html/tablet-2.svg")', 'background-size': '100% 100%',
+                });
+                let tablet = JSON.parse(x.f_num_tablet);
+              
+                let mid_items = tablet.mid_items;
+                let left_items = tablet.left_items;
+
+                let details = this.allStyleDetails.filter(y => y.styleID == x.style);
+                console.log("QQ:",details,x.style);
+                details.forEach(d => {
+                    if (d.isActive!="hidden") {
+                        let content = $(`<div class="tablet-element vertical-text "></div>`)
+                        .css({
+                            position: "absolute", left: d.x + "mm", top: d.y + "mm", fontSize: d.fontSize + 'pt', fontFamily: d.fontFamily, "z-index": 9999, visibility: d.isActive
+                            //position: "absolute", left: el.startX + "mm", top: el.startY + "mm", fontSize: el.fontSize + 'pt', fontFamily: el.fontFamily, "z-index": 9999, visibility: el.isActive
+                        })
+                            .html("測試");
+                        tabletpaper.append(content);
+                    }
+                    console.log("tabletDetails:",d);
+                })
+                $("#canvas").append(tabletpaper);
+
+            });
+        }
+    }
+
+    $(() => Printer.init());
+</script>
+
+
 </html>