排版設定

This commit is contained in:
2026-04-16 17:51:02 +08:00
parent d9e651fe72
commit 3273072fb3
+74 -7
View File
@@ -130,6 +130,13 @@
<label for="deceased_sel">存歿</label>
</div>
</div>
<div class="col-12">
<div class="form-floating mb-3">
<input class="form-control" type="text" id="title_txt"
placeholder="稱謂" />
<label for="title_txt">稱謂</label>
</div>
</div>
</div>
</div>
<div class="modal-footer">
@@ -669,6 +676,13 @@
.tablet-element span{
z-index: 999;
}
.selectedItem .canselectItem{
font-size: 18px;
}
.selectedItem,.rounded-pill .canselectItem,.rounded-pill{
font-size: 12px;
}
</style>
`
$("#pageStyle").remove();
@@ -692,8 +706,14 @@
//抓未往生的人出來
//self.familyMembers;
self.alive.forEach(x => {
let f = self.familyMembers.find(z => z.fam_name == x);
$(".selectedItem").append(`<li><span style="opacity:0.5">卍</span>
<span class="selected">${x}</span>
<span>
<i class="rounded-pill rounded-3 ${(f && f.fam_title && f.fam_title != '' && f.fam_title != null) ? 'p-1' : ''}" style="background-color:lightgray">
${(f && f.fam_title != null) ? f.fam_title : ""}</i>
</span>
<span class="itemRemove" style="float:right ;margin-left:2rem;cursor:pointer;" >&minus;</span>
<span class="itemUp" style="float:right ;margin-left:2rem;cursor:pointer;">&#8593;</span>
<span class="itemDown" style="float:right ;margin-left:2rem;cursor:pointer;">&#8595;</span></li>`);
@@ -705,19 +725,29 @@
});
let finalItem = items.filter(y => !self.alive.includes(y))
finalItem.forEach(yy => {
$(".canselectItem").append(`<li><span style="opacity:0.5">卍</span> <span class="unselect">${yy}</span><span class='itemAppend' style="float:right;cursor:pointer;">&#43;<span></li>`);
let f = self.familyMembers.find(z => z.fam_name == yy);
$(".canselectItem").append(`<li><span style="opacity:0.5">卍</span>
<span class="unselect">${yy}</span>
<span>
<i class="rounded-pill rounded-3 ${(f && f.fam_title && f.fam_title != ''&&f.fam_title!=null) ? 'p-1':''}" style="background-color:lightgray">
${(f && f.fam_title != null) ? f.fam_title : ""}</i>
</span>
<span class='itemAppend' style="float:right;cursor:pointer;">&#43;<span></li>`);
});
} else if (element.hasClass("address")) {//地址
$(".selectedItem").append(`<li><span style="opacity:0.5">卍</span>
<span class="selected">${self.address}</span>027
<span class="selected">${self.address}</span>
<span class="itemRemove" style="float:right ;margin-left:2rem;cursor:pointer;" >&minus;</span>`);
} else if (element.hasClass("lefttitle")) {//左正名
self.leftProperTitle.forEach(x => {
let f = self.familyMembers.find(z => z.fam_name == x);
$(".selectedItem").append(`<li><span style="opacity:0.5">卍</span>
<span class="selected">${x}</span>
<span>
<i class="rounded-pill rounded-3 ${(f && f.fam_title && f.fam_title != '' && f.fam_title != null) ? 'p-1' : ''}" style="background-color:lightgray">
${(f && f.fam_title != null) ? f.fam_title : ""}</i>
</span>
<span class="itemRemove" style="float:right ;margin-left:2rem;cursor:pointer;" >&minus;</span>`);
})
let items = [];
@@ -730,12 +760,24 @@
});
let finalItem = items.filter(y => !self.leftProperTitle.includes(y))
finalItem.forEach(yy => {
$(".canselectItem").append(`<li><span style="opacity:0.5">卍</span> <span class="unselect">${yy}</span><span class='itemAppend' style="float:right;cursor:pointer;">&#43;<span></li>`);
let f = self.familyMembers.find(z => z.fam_name == yy);
$(".canselectItem").append(`<li><span style="opacity:0.5">卍</span>
<span class="unselect">${yy}</span>
<span>
<i class="rounded-pill rounded-3 ${(f && f.fam_title && f.fam_title != '' && f.fam_title != null) ? 'p-1' : ''}" style="background-color:lightgray">
${(f && f.fam_title != null) ? f.fam_title : ""}</i>
</span>
<span class='itemAppend' style="float:right;cursor:pointer;">&#43;<span></li>`);
});
} else if (element.hasClass("righttitle")) {//右正名
self.rightProperTitle.forEach(x => {
let f = self.familyMembers.find(z => z.fam_name == x);
$(".selectedItem").append(`<li><span style="opacity:0.5">卍</span>
<span class="selected">${x}</span>
<span>
<i class="rounded-pill rounded-3 ${(f && f.fam_title && f.fam_title != '' && f.fam_title != null) ? 'p-1' : ''}" style="background-color:lightgray">
${(f && f.fam_title != null) ? f.fam_title : ""}</i>
</span>
<span class="itemRemove" style="float:right ;margin-left:2rem;cursor:pointer;" >&minus;</span>`);
})
let items = [];
@@ -748,14 +790,26 @@
});
let finalItem = items.filter(y => !self.rightProperTitle.includes(y))
finalItem.forEach(yy => {
$(".canselectItem").append(`<li><span style="opacity:0.5">卍</span> <span class="unselect">${yy}</span><span class='itemAppend' style="float:right;cursor:pointer;">&#43;<span></li>`);
let f=self.familyMembers.find(z=>z.fam_name==yy);
$(".canselectItem").append(`<li><span style="opacity:0.5">卍</span>
<span class="unselect">${yy}</span>
<span>
<i class="rounded-pill rounded-3 ${(f && f.fam_title && f.fam_title != '' && f.fam_title != null) ? 'p-1' : ''}" style="background-color:lightgray">
${(f && f.fam_title != null) ? f.fam_title : ""}</i>
</span>
<span class='itemAppend' style="float:right;cursor:pointer;">&#43;<span></li>`);
});
} else {//其他都是正名
if (element.hasClass("ancestor-wrapper")) {//多姓氏合併,只允許用打的
self.properTitle.forEach(y => {
let f = self.familyMembers.find(z => z.fam_name == y);
$(".selectedItem").append(`<li><span style="opacity:0.5">卍</span>
<span class="selected">${y}</span>
<span>
<i class="rounded-pill rounded-3 ${(f && f.fam_title && f.fam_title != '' && f.fam_title != null) ? 'p-1' : ''}" style="background-color:lightgray">
${(f && f.fam_title != null) ? f.fam_title : ""}</i>
</span>
<span class="itemRemove" style="float:right ;margin-left:2rem;cursor:pointer;" >&minus;</span>
<span class="itemUp" style="float:right ;margin-left:2rem;cursor:pointer;">&#8593;</span>
<span class="itemDown" style="float:right ;margin-left:2rem;cursor:pointer;">&#8595;</span></li>`);
@@ -763,8 +817,13 @@
} else if (element.hasClass("nameList") || element.hasClass("rosterList")) {//
self.properTitle.forEach(y => {
let f = self.familyMembers.find(z => z.fam_name == y);
$(".selectedItem").append(`<li><span style="opacity:0.5">卍</span>
<span class="selected">${y}</span>
<span>
<i class="rounded-pill rounded-3 ${(f && f.fam_title && f.fam_title != '' && f.fam_title != null) ? 'p-1' : ''}" style="background-color:lightgray">
${(f && f.fam_title != null) ? f.fam_title : ""}</i>
</span>
<span class="itemRemove" style="float:right ;margin-left:2rem;cursor:pointer;" >&minus;</span>
<span class="itemUp" style="float:right ;margin-left:2rem;cursor:pointer;">&#8593;</span>
<span class="itemDown" style="float:right ;margin-left:2rem;cursor:pointer;">&#8595;</span></li>`);
@@ -779,7 +838,14 @@
});
let finalItem = items.filter(y => !self.properTitle.includes(y))
finalItem.forEach(yy => {
$(".canselectItem").append(`<li><span style="opacity:0.5">卍</span> <span class="unselect">${yy}</span><span class='itemAppend' style="float:right;cursor:pointer;">&#43;<span></li>`);
let f = self.familyMembers.find(z => z.fam_name == yy);
$(".canselectItem").append(`<li><span style="opacity:0.5">卍</span>
<span class="unselect">${yy}</span>
<span>
<i class="rounded-pill rounded-3 ${(f && f.fam_title && f.fam_title != '' && f.fam_title != null) ? 'p-1' : ''}" style="background-color:lightgray">
${(f && f.fam_title != null) ? f.fam_title : ""}</i>
</span>
<span class='itemAppend' style="float:right;cursor:pointer;">&#43;<span></li>`);
});
}
}
@@ -1444,6 +1510,7 @@
//appellation_id: this.editedItem.appellation_id_selected.val, //儲存時的稱謂
follower_num: this.follower_id,
fam_name: $("#family_txt").val(),
fam_title:$("#title_txt").val(),
deceased: $("#deceased_sel").val() == "False" ? false : true,
num: 0