You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

44 lines
2.7 KiB

<div id="quick-entry-edit-modal-panel" class="w-full max-w-2xl overflow-hidden rounded-[28px] border border-neutral-200 bg-white shadow-2xl dark:border-neutral-700 dark:bg-neutral-900">
<div class="relative border-b border-neutral-200 bg-linear-to-r from-accent-50 via-white to-white px-6 py-5 dark:border-neutral-800 dark:from-accent-950/30 dark:via-neutral-900 dark:to-neutral-900 sm:px-7">
<button
type="button"
class="absolute right-4 top-4 inline-flex h-10 w-10 items-center justify-center rounded-full border border-white/80 bg-white/90 text-lg text-neutral-500 shadow-sm transition hover:text-neutral-800 dark:border-neutral-700 dark:bg-neutral-900/90 dark:text-neutral-400 dark:hover:text-neutral-100"
data-quick-entry-modal-close
aria-label="关闭"
>
×
</button>
<div class="pr-12">
<div class="flex flex-wrap items-center gap-2">
<h3 class="text-2xl font-semibold tracking-tight text-neutral-900 dark:text-neutral-100">快速录入</h3>
<span class="rounded-full bg-accent-100 px-3 py-1 text-xs font-medium text-accent-700 dark:bg-accent-900/40 dark:text-accent-300">现金 · 当天</span>
</div>
<p class="mt-2 text-sm text-neutral-500 dark:text-neutral-400">只记录当天礼金和补充备注,保存后返回搜索结果。</p>
</div>
<div class="mt-5 rounded-2xl border border-white/80 bg-white/90 p-4 shadow-sm dark:border-neutral-700 dark:bg-neutral-950/70">
<div class="flex flex-wrap items-start justify-between gap-3">
<div class="min-w-0">
<p class="truncate text-xl font-semibold text-neutral-900 dark:text-neutral-100">{{ household.head_name }}</p>
<div class="mt-2 flex flex-wrap items-center gap-2 text-sm text-neutral-500 dark:text-neutral-400">
<span>{% if household.relation_category_option %}{{ household.relation_category_option.option_label }}{% else %}未标注关系{% endif %}</span>
<span>·</span>
<span>{{ household_value_label('side', household.side) }}</span>
<span>·</span>
<span>{{ household.household_code }}</span>
</div>
</div>
<div class="flex flex-wrap items-center gap-2 text-xs">
<span class="status-badge status-badge-muted">{{ household_value_label('attendance_status', household.attendance_status) }}</span>
<span class="status-badge status-badge-accent">当前 ¥{{ '%.2f'|format(household.total_gift_amount) }}</span>
</div>
</div>
</div>
</div>
<div class="bg-neutral-50 px-6 py-6 dark:bg-neutral-950/60 sm:px-7">
{% set modal_mode = true %}
{% include "quick_entry/_edit_form.html" %}
</div>
</div>