更新前端：祝福语多行显示、个性化祝福语生成功能
This commit is contained in:
xiaji
@@ -126,15 +126,16 @@
|
||||
}
|
||||
.blessing-text {
|
||||
cursor: pointer;
|
||||
max-width: 300px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: inline-block;
|
||||
max-width: 400px;
|
||||
color: #198754;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-word;
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.blessing-text:hover {
|
||||
text-decoration: underline;
|
||||
background: #f8f9fa;
|
||||
}
|
||||
.pagination-container {
|
||||
margin-top: 20px;
|
||||
@@ -318,7 +319,7 @@
|
||||
|
||||
<!-- 编辑祝福语 Modal -->
|
||||
<div class="modal fade" id="blessingModal" tabindex="-1">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">编辑祝福语</h5>
|
||||
@@ -327,8 +328,8 @@
|
||||
<div class="modal-body">
|
||||
<input type="hidden" id="editBlessingId">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">祝福语</label>
|
||||
<textarea id="editBlessingInput" rows="4">马年新春快乐！愿您在新的一年里，事业腾飞，马到成功！</textarea>
|
||||
<label class="form-label">祝福语（点击编辑框自动生成个性化内容）</label>
|
||||
<textarea id="editBlessingInput" rows="10" style="resize: vertical;"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
@@ -454,7 +455,7 @@
|
||||
<td><span class="contact-name" onclick="openNameModal(${c.id}, '${escapeHtml(c.name)}', '${escapeHtml(c.search_name || '')}')">${escapeHtml(c.search_name || '')}</span></td>
|
||||
<td><div class="category-tags">${catTags}</div></td>
|
||||
<td><span class="contact-name" onclick="openCustomContentModal(${c.id}, '${escapeHtml(customContent)}')">${escapeHtml(customContent)}</span></td>
|
||||
<td><span class="blessing-text" onclick="openBlessingModal(${c.id}, '${escapeHtml(c.blessing)}')" title="${escapeHtml(c.blessing)}">${escapeHtml(c.blessing)}</span></td>
|
||||
<td><span class="blessing-text" onclick="openBlessingModal(${c.id}, '${escapeHtml(c.blessing)}', '${escapeHtml(c.search_name || '')}', '${escapeHtml(c.category || '')}')" title="${escapeHtml(c.blessing)}">${escapeHtml(c.blessing)}</span></td>
|
||||
<td>${sendBadge}</td>
|
||||
<td>
|
||||
<button class="btn btn-sm btn-danger" onclick="deleteContact(${c.id})"><i class="bi bi-trash"></i></button>
|
||||
@@ -707,12 +708,44 @@
|
||||
}
|
||||
|
||||
// 打开编辑祝福语Modal
|
||||
function openBlessingModal(id, blessing) {
|
||||
function openBlessingModal(id, blessing, searchName, category) {
|
||||
document.getElementById('editBlessingId').value = id;
|
||||
// 如果祝福语为空或为默认值，生成个性化祝福语
|
||||
const defaultBlessing = '马年新春快乐！愿您在新的一年里，事业腾飞，马到成功！';
|
||||
if (!blessing || blessing === defaultBlessing) {
|
||||
blessing = generateBlessing(searchName || '', category || '');
|
||||
}
|
||||
document.getElementById('editBlessingInput').value = blessing;
|
||||
new bootstrap.Modal(document.getElementById('blessingModal')).show();
|
||||
}
|
||||
|
||||
// 生成个性化祝福语
|
||||
function generateBlessing(searchName, category) {
|
||||
const sender = '夏骥';
|
||||
const name = searchName || '朋友';
|
||||
|
||||
// 根据分类生成不同风格的祝福语
|
||||
const blessings = {
|
||||
'同学': `${sender}祝你${name}：\n\n时光荏苒，岁月如梭，转眼间我们已经毕业多年。回首那些年在校园里一起度过的青春岁月，依然历历在目。课堂上一起认真听讲，课间一起嬉戏打闹，运动会上为班级加油呐喊，考试前互相鼓励打气……那些纯真美好的时光，是我人生中最珍贵的记忆。\n\n如今我们各自在不同的城市打拼，虽然联系不如从前频繁，但那份同窗情谊始终深藏心底。新的一年，愿你工作顺心，生活美满，身体健康，万事如意！无论身在何方，都不要忘记曾经的我们，期待有机会再相聚，共叙同窗情！`,
|
||||
|
||||
'亲戚': `${sender}敬祝${name}：\n\n岁月匆匆，又是一年新春到。在这个阖家团圆的美好时刻，我怀着最诚挚的心情，向您送上最真挚的祝福。\n\n感谢您一直以来对我们大家庭的关爱和照顾，您的言传身教让我们受益匪浅。您是我们家族的长辈，更是我们学习的榜样。新的一年，衷心祝愿您身体安康，笑口常开，福寿绵长！愿您的生活如春日暖阳般温馨美好，愿您的每一天都充满欢声笑语。晚辈在这里给您拜年了，祝您新年快乐，万事胜意！`,
|
||||
|
||||
'老师': `${sender}敬祝${name}老师：\n\n春风化雨，桃李芬芳。在成长的路上，是您用知识的甘露浇灌我们，用智慧的光芒照亮我们前行的道路。您的谆谆教诲，至今仍在耳边回响；您的悉心栽培，让我们受益终生。\n\n新的一年到来之际，学生在此向您致以最崇高的敬意和最真挚的祝福。愿您桃李满天下，春晖遍四方！祝您身体健康，工作顺利，阖家幸福！感谢您曾经的付出与教导，无论我们走得多远，都不会忘记您的恩情。新年快乐，万事如意！`,
|
||||
|
||||
'好友': `${sender}祝你${name}：\n\n朋友，我们相识多年，一起经历过无数欢笑与泪水。感谢你一直以来的陪伴和支持，在我困难时给予鼓励，在我成功时分享喜悦。这份真挚的友谊，是我人生中最宝贵的财富。\n\n新的一年，愿我们的友谊地久天长！愿你心想事成，前程似锦，每一天都充满阳光和希望！无论生活带给我们什么，我们都将携手同行，共同面对。期待新的一年，我们能有更多相聚的时光，一起创造更多美好的回忆。新年快乐，我的挚友！`,
|
||||
|
||||
'同事': `${sender}祝你${name}：\n\n工作中我们是并肩作战的战友，生活中我们是相互扶持的朋友。感谢你在工作中的支持与配合，让我们的团队更加团结高效。新的一年，愿你事业蒸蒸日上，工作顺心如意！\n\n愿我们在新的一年里继续携手共进，一起迎接新的挑战，创造更多的辉煌！也希望我们在忙碌的工作之余，能够多一些轻松愉快的时光。祝你在新的一年里，所有的努力都能得到回报，所有的付出都能收获满满。新年快乐，工作顺利！`,
|
||||
|
||||
'客户': `${sender}诚挚祝福${name}：\n\n感谢您一直以来的信任与支持，是您的认可让我们不断进步，是您的建议让我们日趋完善。在过去的日子里，我们携手合作，共同成长，这份合作关系是我们最珍视的财富。\n\n新的一年，我们将继续以最优质的服务回报您的信任，期待我们能有更多的合作机会，共创美好未来！祝您事业兴旺，财源广进，身体健康，阖家幸福！感谢您选择我们，我们将不负所托，为您提供最好的服务。新年快乐，万事如意！`,
|
||||
|
||||
'供应商': `${sender}诚挚祝福${name}：\n\n感谢贵公司一直以来的优质服务与鼎力支持，是你们的可靠保障让我们的业务得以顺利运转。在过去合作的岁月里，我们建立了深厚的信任与友谊。\n\n新的一年，期待我们继续深化合作，互利共赢，共同发展！祝贵公司生意兴隆，业绩长虹！祝您工作顺利，身体健康，阖家幸福！感谢您和贵公司的付出与支持，愿我们在新的一年里携手共进，再创佳绩！新年快乐！`,
|
||||
|
||||
'其他': `${sender}祝你${name}：\n\n新的一年已经到来，在这个充满希望和机遇的时刻，我向你送上最真挚的祝福。愿你在新的一年里，心想事成，万事如意！\n\n愿你的每一天都充满阳光，每一刻都充满欢笑。无论生活中遇到什么困难和挑战，都希望你能保持乐观积极的心态，勇敢前行。新的一年，新的开始，愿你能实现自己的梦想，收获满满的幸福和成功！新年快乐，前程似锦！`
|
||||
};
|
||||
|
||||
return blessings[category] || blessings['其他'];
|
||||
}
|
||||
|
||||
// 保存祝福语
|
||||
async function saveBlessing() {
|
||||
const id = document.getElementById('editBlessingId').value;
|
||||
|
||||
Reference in New Issue
Block a user