新增親友

web/App_Code/api/designerController.cs

@@ -76,6 +76,28 @@ public class designerController : ApiController
         //return Ok(data);
     }
 
+    [HttpPost]
+    [Route("api/tablet/saveFamily")]
+    public IHttpActionResult saveFamily([FromBody] family_members familyMember)
+    {
+        LogUtility log = new LogUtility();
+        _db.family_members.Add(familyMember);
+        _db.SaveChanges();
+        return Ok(new { result = "Y", data= familyMember });
+
+        //object[] obj = new StyleDataAccess().GetStyle("", "");
+        //if (obj[0].ToString() == "Y")
+        //{
+        //    return Ok(new { result = "Y", data = obj[2] });
+        //}
+        //else
+        //{
+        //    return Ok(new { result = "N", message = obj[1] });
+        //    //throw new HttpResponseException(HttpStatusCode.NotFound);
+        //}
+        //return Ok(data);
+    }
+
     [HttpPost]
     [Route("api/tablet/GetStyleData")]
     public IHttpActionResult GetStyleData([FromBody] dynamic data)

web/admin/order/reg.aspx

@@ -951,7 +951,8 @@
                                     title: this.titleword() // 確保標題被包含
                                 },
                                 familyMembers: familyMembers,
-                                host: HTTP_HOST
+                                host: HTTP_HOST,
+                                follower_id:this.follower_id
                             };
 
                             iframe.contentWindow.postMessage(itemInfo, '*');

web/admin/print/tablet_edit/editorNewOne.html

@@ -85,10 +85,15 @@
                                 <div class="col-10">
                                     <div class="form-floating mb-3">
                                         <input class="form-control" type="text" id="filter_txt"
-                                              onkeyup="designer.filterToSel()" placeholder="請輸入名稱" />
+                                               onkeyup="designer.filterToSel()" placeholder="篩選條件" />
-                                        <label for="filter_txt">請輸入名稱</label>
+                                        <label for="filter_txt">篩選條件</label>
                                     </div>
                                 </div>
+                                <div class="col-2">
+                                    <button type="button" data-bs-toggle="modal" data-bs-target="#familyModal" title="新增親友">
+                                        <i class="mdi mdi-account-multiple-plus" style="font-size:30px;"></i>
+                                    </button>
+                                </div>
                             </div>
                             <ul class="canselectItem" style="margin-left: 1rem;margin-right:1rem;">
                             </ul>
@@ -99,6 +104,41 @@
 
         </div>
     </div>
+    <div class="modal fade hide" id="familyModal" tabindex="-1" aria-labelledby="familyModalLabel" aria-hidden="true" style="z-index:10000 !important;">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title" id="exampleModalLabel">新增親友</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                </div>
+                <div class="modal-body">
+                    <div class="row">
+                        <div class="col-12">
+                            <div class="form-floating mb-3">
+                                <input class="form-control" type="text" id="family_txt"
+                                       placeholder="姓名" />
+                                <label for="family_txt">姓名</label>
+                            </div>
+                        </div>
+                        <div class="col-12">
+                            <div class="form-floating mb-3">
+                                <select class="form-select" id="deceased_sel"
+                                        placeholder="存歿">
+                                    <option value="False">存</option>
+                                    <option value="True">歿</option>
+                                </select>
+                                <label for="deceased_sel">存歿</label>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">關閉</button>
+                    <button type="button" class="btn btn-primary" onclick="designer.saveFamily()">存檔</button>
+                </div>
+            </div>
+        </div>
+    </div>
     <script type="text/javascript">
         const designer = {
             code: {
@@ -144,7 +184,9 @@
             alive: [],//陽上
             tabletType: "A",
             http_host: "",
-            //toast:null,
+            follower_id:"",
+            toast: null,
+            modal:null,
             bg: [
                 { name: "黃1", path: "../../../admin/print/html/tablet-1_new.svg" },
                 { name: "黃2", path: "../../../admin/print/html/tablet-1B_new.svg" },
@@ -157,7 +199,8 @@
                     .then(res => res.json())
                     .then(data => { this.phrases = data; })
                     .catch(err => console.error('載入 phrases.json 失敗:', err));
-                //this.toast = new bootstrap.Toast(document.querySelector(".toast"));
+                //this.toast = new bootstrap.Toast($('#familyModal'));
+                this.modal = new bootstrap.Modal($('#familyModal'));
                 //this.toast.hide();
             },
             async getActItem() {
@@ -1276,28 +1319,50 @@
                     }
                 });
             },
+            async saveFamily() {
+                let self = this;
+                if (this.follower_id == "") {
+                    console.log("follower_id:", this.follower_id);
+                    return false
+                }
+             
+                let pro_order_detail =
+                {
+                   // num: this.editedItem.num,//原先載入時的家人num
+                    //f_num: this.editedItem.f_num_selected.val, //儲存時的家人num
+                    //leader: this.follower_id,
+                    //appellation_id: this.editedItem.appellation_id_selected.val, //儲存時的稱謂
+                    follower_num: this.follower_id,
+                    fam_name: $("#family_txt").val(),
+                    deceased: $("#deceased_sel").val() == "False" ? false : true,
+                    num:0
+
+                }
+                this.modal.toggle();
+                //$(this.modal).toggle();
+                //$(this.modal).addClass("hide");
+                //console.log(pro_order_detail);
+                //console.log(this.modal);
+                //$(this.modal).hide();
+                axios
+                    .post('/api/tablet/saveFamily', pro_order_detail)
+                    .then(response => {
+                        console.log(response);
+                        if (response.status == 200 && response.result == "Y") {
+                            let data = response.data;
+                            this.familyMembers.push(data);
+
+                            alert("新增成功");
+                            self.modal.toggle();
+                        } else {
+
+                        }
+                    });
+            },
             async save() {
                 //console.log("tabletItem:", designer.tabletItem);
                 //拚牌位的內容
                 let self = this;
-                //let target = self.familyMembers.filter(x => self.alive.includes(x.fam_name));
-                //designer.family_deceased_Y_selected.length = 0;
-                //self.alive.forEach(x => {
-                //    let t = target.find(y => y.fam_name == x);
-                //    let obj = {
-                //        IsShuWen: false,
-                //        deceased: false,
-                //        fam_gender: "",
-                //        fam_name: t.fam_name,
-                //        fam_file: "",
-                //        nospace: true,
-                //        num: t.num,
-                //        option_break: false
-                //    }
-                //    designer.family_deceased_Y_selected.push(obj);
-                //});
-                //console.log(designer.family_deceased_Y_selected, designer.family_deceased_N_selected);
-
                 let tablet = {
                     mid_items: designer.family_deceased_N_selected,
                     left_items: designer.family_deceased_Y_selected,
@@ -1408,6 +1473,7 @@
                 designer.address = "";//地址
                 designer.alive = [];//陽上
                 designer.tabletType = "A";
+                designer.follower_id = "";
                 $(".printArea").empty();
                 $(".selectItem").empty();
                 $(".canselectItem").empty();
@@ -1430,6 +1496,8 @@
                 designer.family_deceased_Y_selected = [];
                 designer.family_deceased_N_selected = [];
                 designer.http_host = receivedData.host;
+                designer.follower_id = receivedData.follower_id;
+                console.log("123:",receivedData);
                 if (receivedData.tabletItem) {
                     //console.log('editor.html - updating tabletItem:', receivedData.tabletItem);
                     designer.tabletItem = receivedData.tabletItem;
@@ -1449,12 +1517,13 @@
                     }
 
                     designer.actitem = receivedData.tabletItem.actitem_num_selected.val;
+                  
                     //console.log("actitem:",receivedData.tabletItem.actitem_num_selected.val);
                     // 處理 f_num_tablet 資料
                     if (designer.tabletItem.f_num_tablet) {
                         try {
                             const data = JSON.parse(designer.tabletItem.f_num_tablet);
-                            console.log("阿巫醫ㄟ喔:", data)
+                        
                             if (designer.item_type === 'B') {
                                 // B類型：超渡、超薦等
                                 designer.family_deceased_Y_selected = data.mid_items || [];